/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/

@media (max-width: 1199px) {

  section,.section {scroll-margin-top: 60px; }
}

@media (max-width: 991px) {
 .hero-section h2 {font-size: 38px;}
.slider-info-box {max-width: 350px;}
 .second-heading h4 {font-size: 28px;}

 .choose-info { max-width:100%; margin-bottom:15px;}
 .choose-tags { margin-bottom:0;}
 .clients-about ul li {width: 25%; }
 .certificates-left {width:40%;}
.certificates-right {width: 60%;}
.certificates-left p { font-size: 16px;}
.mission-box.mission-bg figure img { max-width: 70px;}
.mission-box figure img { max-width: 62px; }
.vision-bg:before {bottom: -36px; height: auto; font-size: 90px; letter-spacing: 15px;}
.mission-bg:before {bottom: -32px; left: -29px; height: auto; font-size: 90px; letter-spacing: 10px;}
.inquiry-info .section-title.left-title { text-align: center;}
.inquiry-btns { justify-content: center;}
.inquiry-row .row { flex-direction: column-reverse;}
.inquiry-img { margin-bottom: 40px;}
.inquiry-img figure { margin: 0 auto;}
}

@media screen and (max-width: 767px) {
.logo-box img { max-width: 65px; }

  .section-title p { font-size: 28px; }
  .section-title h2 { font-size: 12px; }
  .swiper-slide-active .slider-info-box {transition-delay: 700ms;opacity: 1;margin: 0 auto;max-width: 80%;left: 0;right: 0;}
.hero-section .hero-pagination {transform: none;top: auto;bottom: 90px;left: 0;right: 0;text-align: center;align-items: center;flex-direction: row;justify-content: center;}
.hero-section span.swiper-pagination-bullet {margin: 0 5px !important;}
.section-image {
    height: 60vh;
    
    background-size: contain !important;
    background-position: center;
  }
  .hero-section { height: 60vh;} 
.mouse {display: none;}
.about .about-content h3 { font-size: 24px;}
.mission-box { width: 100%; }
.faq .faq-container .faq-item h3 { font-size: 17px;}
.quote-container .right-banner {position: relative;left: 0;top: 0;width: 100%;height: 220px;background-size: cover;background-position: center;}
.quote-box a { margin-top: 5px;}
.quote-box { width: 100%; padding: 35px 0;}
.quote-box h4 { font-size: 20px; letter-spacing: 1px; text-align: center; }
.quote-button { text-align: center;}
.clients-about ul li {width: 40%; margin: 6px; } 
.certificates-left {width:100%;}
.certificates-right {width:100%;padding-left: 0;margin-top: 30px;}
.iso-title h4 {font-size: 20px;}
.certificates-left p {font-size: 16px;}
.certificates-box-content p {font-size: 16px;}
.whychoose-section .right-banner { width: 100%; left: 0; right: 0; height: 250px;}

.vision-bg { border: 0;}
.whychoose-section .container .row { flex-direction: column-reverse;}
.choose-box { padding-top: 60px;}
.portfolio-item img { min-height: 150px; }
.page-title h1 { font-size: 36px; }
.back-btn {font-size: 14px;}
}



@media screen and (max-width: 567px) {

  .section-title p { font-size: 26px; }
  .hero-section h2 { font-size: 30px; }
  .about .about-content h3 { font-size: 22px;}
 .portfolio .portfolio-filters li { font-size: 14px; margin: 0 0 10px 0;  }
    .clients-about ul li figure {min-height: 70px;} 
.contact .info-wrap {padding: 20px; }
.contact .contact-from {padding: 20px;  }
}