/*================================
Template Name: --- WebSite Name -----
Author: CodeGama
Author website: 
Version: 1.0
================================== */

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

@media (min-width: 576px) and (max-width: 767.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 992px) {}

@media (min-width: 1440px) {}

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

@media (max-width: 991.98px) {
    /* Moblie Nav Style  */
.mobile-nav-header{
    display: block!important;
  }
.main-wrapped-header{
        display: none!important;
    }
    .container-fluid {
      padding: 0 1em!important;
  }
}


@media (max-width: 767.98px) {
  .division-content-info p:last-child{
    margin-bottom: 1.5em; 
  }
  .division-content-info {
text-align: center;
  }
  .division-content-info h2{
  text-align: center; 
  }
  .division-content-info p{
  text-align: center;
  }
  .pricing-banner-wrapped{
    height: 299px;
  }
  .pricing-banner-content h1{
    font-size: 2em!important;
    text-align: center;
}
  .banner-content-area{
    border: 0!important;
  }
    .order-by{
        order: 1;
    }
    
    .section-title h2 {
        font-size: 1.6em;
    }
    .sm-padding {
        padding: 2em 0;
    }
    .section-title h4 {
        font-size: 2em;
    }
   .swiper-number-pagination-progress{
    display: none;

   }
   .banner-content-area{
    text-align: center;
   }
   .section-content-title h2{
    font-size: 1.6em;
   }
   .services-avater{
    display: none;
   }
   .service-btn {
    margin-bottom: 3em;
   }
   .markets-wrapped{
    margin-top: 2em!important;
  }
  .flow-inner-banner-wrapped{
    height: 250px!important;
  }
  .flow-inner-banner-content h1{
    font-size: 2em!important;
  }
  .markets-card{
    padding: 1em!important;
    height: auto!important;
    text-align: center;
  }
  .dropdown-mega .dropdown-menu.show{
    width: 100%!important;
  }
  .banner-cta-wrapper{
    padding: 1.5em!important;
  }
   .company-growth-content{
    margin-left: 0;
    text-align: center;
    margin-top: 2em;
   }
   .service-content{
    margin-right: 0!important;
   }
   .logo {
    /* margin-right: 1em; */
    max-width: 7.5em!important;
}
.banner-cta-txt ul{
  grid-template-columns: repeat(1, 1fr)!important;

}
.pricing__wrapped{
padding-top: 6em;
}
.banner-cta-txt h2{
  font-size: 1.6em!important;
}
.fbox{
  padding: 1em!important;
  height: auto!important;
}
   .our-service{
    padding: 1.5em!important;
    text-align: center;
   }
   .about1-section-area .about-content-area{
    padding: 1em;
    text-align: center;
   }
   .measurement-card {
    padding: 1em!important;
    margin-bottom: 2em;
    text-align: center;
}
.measurement-flow-info{
  margin-top: 2em!important;
}
.footer-area .footer-area-inner{
  display: flex!important;
  flex-direction: column;
  gap: 20px!important;
}
.customer-card {
  padding: 1.5em!important;
  height: auto!important;
  margin-bottom: 2em;
  text-align: center;
}
.about-content-area h2{
  font-size: 1.6em;
  text-align: center;
}
   .banner-content-area h1 {
    font-size: 2em!important;
    text-align: center;
}
.blog4-section-area .blog-auhtor-boxarea{
  height: auto!important;
  padding: 1.5em!important;
  text-align: center;
}
.banner-content-area p{
  width: 100%!important;
  text-align: center;
}
.banner-wrapped {
  background-position: top right!important;
}
.scrolling-content span {
  font-size: 30px!important;
}
.scrolling-ticker.work-ticker {
  margin-top: 0px!important;
}
  .company-growth-item{
    width: 100%!important;
    padding: 1em!important;
    text-align: center;
  }  .company-growth-box{
    flex-direction: column!important;
  }.service-item-list{
    flex-direction: column;
    gap: 20px;
  }.service-item{
    width: 100%!important;
  }
  .measurement-top-info {
    display: flex!important;

    grid-template-columns: 270px auto;
    align-items:center!important;
    gap: 1em!important;
    flex-direction: column-reverse;

}
.about1-section-area .about-auhtor-images .elements5{
  display: none!important;
}
.ps-60px {
  padding-left: 0px !important;
}

.ms-100px {
  margin-left: 0px;
}
.shape-1{
  display: none!important;
}
.about1-section-area .about-auhtor-images{
  top: 20px!important;
}
.contact-details-frame,.contact-details-form{
  padding: 1em!important;
}
/* .contact-details-form */
}

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