@media screen and (min-width: 991px) and (max-width: 1200px) {
  .about-content.no-pad {
    padding-top: 6em;
  }
}

@media screen and (max-width:991px) {
  #main .col-left {
    width: 45%;
  }

  #main .col-right {
    width: 55%;
  }

  .generic-text {
    padding-bottom: 4em;
  }

  .generic-text.pad-right {
    padding-right: 0;
  }

  .generic-text.pad-left {
    padding-left: 0;
  }

  .two-img {
    height: 400px;
  }

  .about-img {
    min-height: 0;
  }
}

@media screen and (max-width:768px) {
  #main .main-header {
    padding: 2em 2.1em 2em 4em;
  }

  #main .main-header .main-navbar {
    gap: 1.4em;
  }

  #main .main-header .main-navbar .navbar-link a {
    font-size: 0.7em;
  }

  .generic-text.pad-right {
    padding-right: 1.5em;
  }

  .generic-text.pad-left {
    padding-left: 1.5em;
  }

  .generic-text {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  #main .main-header {
    padding: 1.5em 1.5em;
  }

  #main .col-left {
    width: 35%;
  }

  #main .col-right {
    width: 65%;
  }

  .two-img {
    height: 200px;
  }

  .two-img .img1 {
    position: absolute;
    left: 10%;
    top: 15%;
  }

  .two-img .img2 {
    position: absolute;
    right: 10%;
    top: 40%;
  }

  .generic-text.in-about p {
    font-size: 1.8em;
  }

  .generic-text strong {
    font-size: 1.2em;
  }

  span.light {
    font-size: 1.2em;
  }

  .page-footer .footer-text h2 {
    font-size: 2em;
  }

  .page-footer .footer-text a {
    font-size: 1.2em;
  }
  .bgo-gallery-item {
    padding: 0 0px 12px 0;
  }

  .bgo-gallery-lightbox img {
    max-width: 100%;
  }

  .bgo-gallery-btn {
    position: absolute;
    width: 50px;
    height: 50px;
    font-size: 22px;
    top: auto;
    bottom: 10%;
    transform: none;
  }

  .gallery-padleft {
    padding-left: 0%;
  }

  .generic-img {
    width: 90%;
  }

  .bgo-gallery {
    padding: 0 1.5em;
  }

  .gallery-padleft .bgo-gallery-item img {
    width: 100%;
  }
}


@media screen and (max-width:576px){
  .page-footer{
    height: 350px;
  }
}