/* Extra small devices (phones, 600px and down) */
@media (min-width: 320px) and (max-width: 768px) {
    #footer-area .subscribe .form-group{width: 100%!important;} 
    #about-area .row.about-row{flex-direction:column;}
    #about-area .row.about-row .col-sm-12{width:100%;}

}
@media (min-width: 320px) and (max-width: 766px){
    #header-area .desktop-menu{display: none;}
    #header-area .mobile-menu{display: block!important;z-index: 11;}
    #header-area .navbar .navbar-brand img{width: 60px!important;}
    #banner-area .banner-text h2{font-size: 27px!important;}
    #banner-area .banner-text p{padding: 0!important;}
    #banner-area .spray-2 {top: 18%!important;left: -6%!important;}
    #banner-area .spray-2 img{width: 170px!important;}
    #banner-area .spray-3 {top: 18%!important;left: 32%!important;}
    #banner-area .banner-image{padding: 0!important;}
    #banner-area .banner-text .btn{font-size: 15px!important; padding: 8px!important; width:115px!important ;}
    #about-area .about-text{padding: 20px!important;;}
    #about-area .about-text h2{font-size: 25px!important;}
    .heading h2{font-size: 20px!important;}
    #footer-area .subscribe .form-group h4{font-size: 25px!important;}
    #footer-area .subscribe .form-group .btn {top: 38px !important;width: 100px;padding: 8px!important;font-size: 15px!important;}
    #inner-page-banner .inner-menu{margin: 50px 0 0!important;}
    #inner-page-banner .inner-menu h4{font-size: 22px!important;}
    #contact-form-area .contact-form h4{font-size: 25px!important;}
    #count-area{padding: 100px 15px 100px!important;}
    #count-area .w-box .m-title{border-radius: 10px!important;}
    #count-area .w-box .m-pra{border-radius: 10px!important;}
    #inner-page-banner{height: 270px!important;}
    #hightlight .highlight-box h4{left: 0!important;top: 19%!important; width:100%;font-size: 20px;}
}
@media (min-width: 768px) and (max-width: 1024px) {
    #banner-area .banner-text h2{font-size: 30px!important;}
    #banner-area .banner-text { padding: 100px 0 0!important;}
    #banner-area .banner-text p{padding: 0!important;}
}
@media (min-width: 768px) and (max-width: 992px) { 
#infrastructure .row.media{flex-direction: column!important;}
#infrastructure .col-md-6{width:100%!important;}
#infrastructure .infa-slider .carousel-inner .carousel-item img{border-top-left-radius:0!important; border-bottom-left-radius: 0!important;}
#infrastructure .infa-text{border-top-right-radius:0!important; border-bottom-right-radius: 0!important;}
#hightlight .highlight-box h4{left: 0!important;top: 19%!important; width:100%;font-size: 20px;}
#contact-form-area .row.contact-media{flex-direction: column!important;}
#contact-form-area .row.contact-media .col-md-8{width:100%;}
#contact-form-area .row.contact-media .col-md-4{width:100%;}
}

@media (min-width: 320px) and (max-width: 600px) { 
   #infrastructure .infa-slider .carousel-inner .carousel-item img{border-top-left-radius:0!important; border-bottom-left-radius: 0!important;}
#infrastructure .infa-text{border-top-right-radius:0!important; border-bottom-right-radius: 0!important;} 
#infrastructure{padding:15px 15px 0!important;}
#industries-area{padding:15px 15px 0!important;}
#banner-area{margin:60px 0 0!important;}
#about-area h2{font-size:20px!important;}
#about-area .about-content{padding:20px 0 0;}
#about-area .about-image::before{right:4%!important;}
#about-area .about-content .mobile-hide{display:none;}
#about-area .about-image{width:85%!important; margin:0 auto;}
}