/* CSS Document */

@media (min-width: 1300px) {
    
    .container {
        max-width: 1300px !important;
    }

    #staff-section .container {
        max-width: 1100px !important;
    }
    
    
}


@media (max-width: 1400px) {
    
    #main-banner .banner {
        width: 1011px;
    }
    
}




@media (max-width: 1367px) {
    
    #about-section .text,
    #equipment-section .text {
      padding: 0;
    }
    
    #services-section .columns .right img,
    #specialty-section .columns .right img {
        width: 100%;
    }
    
    #specialty-section .columns .left .text {
        padding: 0;
    }
    
    #equipment-section img.float,
    #about-section img.float {
      width: 96px;
    }
    
    #services-section .columns .left li h4 {
      font-size: 23px;
      line-height: 24px;
    }
    
    #services-section .columns .left li p {
      font-size: 17px;
    }
    
    #services-section .columns .left li {
      padding: 30px 0;
    }
    
    #staff-section .container {
        max-width: 1040px;
      }
    
    #staff-section .block h5 {
      font-size: 20px;
    }
    
    #staff-section .block h6 {
      font-size: 17px;
    }
    
    h2.title {
      font-size: 33px;
    }
    
}

@media (max-width: 1199.98px) {
    
    #main-menu li {
        font-size: 14px;
        padding: 0 0 0 25px;
    }

    #main-banner .banner {
        width: 826px;
    }
    
    #main-banner .text img.logo {
      max-width: 186px;
    }
    
    #main-banner .bottom {
      padding-top: 50px;
    }
    
    #main-banner .text {
      padding-top: 50px;
    }
    
    #main-banner img.float {
      left: 0;
      bottom: 23px;
      max-width: 297px;
    }
    
    #about-section p,
    #equipment-section p,
    #specialty-section .columns .left p,
    #specialty-section .columns .left li {
        font-size: 17px;
        line-height: 23px;
    }

    #services-section .columns .left li p {
        font-size: 16px;
    }
    
    #staff-section {
        padding: 110px 0;
    }

    #staff-section h2 {
        font-size: 33px;
    }

    #staff-section .container {
        max-width: 840px;
    }

    #specialty-section .columns .left .text {
        padding: 0;
    }

    #specialty-section .columns .left .text {
        width: 80%;
    }
    
    
}

@media (max-width: 991.98px) {
    
    
    #header .navbar-toggler {
        display: block;
    }
    
    #header .navbar {
        padding: 0;
    }
    
    #header .navbar-toggler {
        top: 7px;
    }
    
    #header .navbar {
        position: initial;
    }
    
    #main-menu {
        position: fixed;
        display: block;
        right: -980px;
        top: 0;
        bottom: 0;
        background: #003a5d;
        padding: 90px 30px 30px 30px;
        width: 300px;
        z-index: 99;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
    }
    
    #main-menu li {
        display: block !important;
        text-align: left !important;
        margin: 0 0 15px;
    }
    
    #main-menu li.social path {
        fill: #FFF !important;
    }
    
    #main-menu li.social.first {
      padding: 0 0 0 21px;
    }
    
    #main-menu li.social {
      padding: 0 0 0 10px;
      display: inline-block !important;
    }
    
    #main-menu li a {
        color: #FFF;
    }
    
    #header .navbar-toggler.active span {
        background: #FFF;
    }
    
    #header .navbar-toggler.active .animated-icon span {
        background: #FFF;
    }
    
    #main-slider .owl-item .owl-lazy {
        height: 450px;
    }
    
    #main-slider h4 {
        line-height: 68px;
    }
    
    #main-slider .light h4 {
        line-height: 62px;
    }
    
    #main-slider p {
        font-size: 30px;
    }
    
    #header .navbar-toggler {
        top: -27px;
    right: 10px;
      }
    
    #main-banner .banner {
        width: 722px;
        margin-right: 0;
        float: none;
      }
    
     h2.title {
    font-size: 25px;
         margin-bottom: 30px;
  }

    
    #about-section p, #equipment-section p, #specialty-section .columns .left p, #specialty-section .columns .left li {
    font-size: 15px;
    line-height: 18px;
  }
    
    #about-section img.float,
    #equipment-section img.float, #about-section img.float{
      width: 55px;
    right: -14px;
    top: -8px;
    }
    
    #about-section .columns .left::after,
    #about-section::after {
      width: 259px;
      height: 19px;
    }
    
    #services-section .columns .left li h4 {
    font-size: 18px;
    line-height: 18px;
  }
    
    #services-section .columns .left li p {
    font-size: 12px;
  }
    
     #services-section .columns .left li {
    padding: 23px 0;
  }
    
    #equipment-section .text,
    #about-section .text {
      width: 84%;
    }
    
     #staff-section {
    padding: 70px 0;
  }
    
    #staff-section h2 {
    font-size: 25px;
    line-height: 30px;
        margin: 0 auto 60px;
  }
    
     #staff-section .container {
    max-width: 640px;
  }
    
    #specialty-section .columns .right img {
        width: 100%;
    }
    
    #specialty-section .columns .left .text {
      width: 81%;
      max-width: 610px;
    }
    
    #contact-section {
      padding: 70px 0;
    }
    
    #contact-section .text h3 {
      font-size: 30px;
    }
    
    #contact-section .text p {
      font-size: 18px;
    }
    
    #contact-section .logo {
      max-width: 335px;
    }
    
    #contact-section .text .button {
      font-size: 15px;
      padding: 10px 23px;
      border-radius: 30px;
    }

    
    
}

@media (max-width: 767.98px) {
    
    #header.active {
        padding: 35px 0 8px;
    }
    
     #main-banner .text {
        padding-top: 15px;
         text-align: center;
      }
    
     #main-banner .bottom {
        padding-bottom: 70px;
      }
    
     #main-banner .banner {
        width: 100%;
      }
    
    #main-banner img.float {
        left: 18px;
        bottom: 18px;
        max-width: 150px;
      }
    
    #about-section .columns .left,
    #about-section .columns .right,
    #equipment-section .columns .left,
    #equipment-section .columns .right {
        width: 100%;
    }
    
    #main-banner .col-md-8.col-lg-9 {
        padding: 0 !important;
    }
    
    #about-section .owl-dot {
      width: 9px;
      height: 9px;
    }
    
    #about-section .owl-dots {
      bottom: 15px;
    }
    
    #equipment-section .text, #about-section .text,
    #specialty-section .columns .left .text {
        width: 90%;
        padding: 80px 0;
      }
    
    #services-section .columns,
    #equipment-section .columns,
    #about-section .columns,
    #specialty-section .columns {
        display: block;
    }
    
    #services-section .columns .left,
    #services-section .columns .right,
    #specialty-section .columns .left,
    #specialty-section .columns .right {
        width: 100%;
    }
    
    #services-section .columns .left .text {
        padding: 80px 0;
    }
    
    #staff-section .container {
        max-width: 270px;
      }
    
    #staff-section .owl-prev, #staff-section .owl-next {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }
    
    #staff-section .owl-nav {
      left: -40px;
      right: -40px;
    }
    
    #equipment-section .columns .left::after {
      width: 259px;
      height: 19px;
    }
    
    #specialty-section .columns .left li {
        margin-left: 15px;
    }
    
    #contact-section iframe {
      height: 300px;
    }
    
    #contact-section .text h3 {
        font-size: 25px;
      }
    
      #contact-section .logo {
    max-width: 100%;
  }
    
    #contact-section .text {
      padding: 30px 0 0 0;
    }
    
    #contact-section .text p {
      padding: 30px 0 45px;
    }
    
    #contact-section .text .button {
        font-size: 13px;
      }
    
    
    
    #about-section .columns .right {
        order: 1;
    }
    
    #about-section .columns .left {
        order: 2;
    }
    
    #specialty-section .columns .left li::before {
        top: 5px;
        width: 8px;
        height: 8px;
    }
    
    #video-section {
      padding: 50px 0 0px;
    }
    
    #main-banner .text img.line {
      position: absolute;
      top: 193px;
    }

}

@media (max-width: 575.98px) {
    
}



@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}