@media only screen and (max-width: 1366px) {
   
}
@media only screen and (max-width: 1199px) {
   
}

@media only screen and (max-width: 1024px) {
   
}

@media only screen and (max-width: 991px) {
    .page-title h1 {  font-size: 2.5rem; }
    .section-title h2 { font-size: 2rem; }

    header .navbar {  padding: 10px 15px; } 
    header .navbar-collapse { overflow-y: auto; display: inline-block; width: 100% } 
    header .navbar-nav li { padding: 12px 15px; width: 100%;}
    header .navbar .navbar-toggler{box-shadow: none; border: 0; margin-left: auto; color: #000000; font-size: 35px; }
    header .navbar .navbar-toggler span{font-size: 32px; color: #fff;}
    header .navbar-collapse{ position: fixed; background: #fff; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; top: 0px; left: 0px; bottom: 0; width: 330px; height: 100vh !important; transition: .3s;z-index: 999; }
    header .collapse:not(.show) { display: block; left: -100%; transition: .3s;}
    header .collapse.show{ left: 0px; transition: .3s; display:block;}
    header .mobile-device { display: flex; justify-content: space-between; padding: 20px; }
    header .navbar-brand .mobile-hide{ max-width:130px; }



}

@media only screen and (max-width: 767px) {
    
}

@media only screen and (max-width: 575px) {
    .slide-arrow { top: 0px; }
    section { padding: 30px 0; }

    section.hero-banner .img img{ height: 440px; object-fit: cover; object-position: right; }
    section.hero-banner .box { position: unset; transform: none; background: radial-gradient(50% 74.84% at 50% 50%, #4a4f53 0%, #0c0a0a 100%); padding: 20px;  max-width: 100%; }
    section.about-part .main-box { display: flex; flex-direction: column-reverse; }
    section.about-part .main-box .content { width:100%; padding: 40px 20px; }
    section.why-choose-us .main-box { flex-wrap: wrap; }

    section.inner-banner .box { position: unset; transform: none; max-width: 100%; background: radial-gradient(50% 74.84% at 50% 50%, #4a4f53 0%, #0c0a0a 100%); padding: 20px; }
    section.inner-banner .img img{  height: 390px; object-fit: cover; object-position: right; }

    section.about-mission .vis-mis-box .text { padding: 20px; }
    section.why-choose-us .main-box li { width:100%; }
}


@media only screen and (max-width: 575px) {
    section.innovation-solution .box { display: block; }

    section.about-part .main-box .content .counter .box .anim { font-size: 1.6rem; }  

    section.counter-sec .counter { display: block; }
    section.counter-sec .counter .box .anim { font-size: 2rem; }
    section.counter-sec .counter .box { width: 100%; }
    section.counter-sec .counter .box::after { display:none; }


    footer .copy-right { font-size: 0.8rem; }
    footer .footer-link { margin: 0 0 30px; }

}