@media only screen and (max-width:1199px){
    .showSidebar.show{display:block;}
    .innerBoxMenu {display: unset;padding: 0 !important;margin-top: 25px;}
    .innerBoxLogo {padding: 0 10px;}
    .innerBoxLogo a{width:20px;}
    .innerBoxLogo .phoneLogo {width: 220px;}
    .innerBoxMenu .main-menu li{}
    .innerBoxMenu .main-menu li a {padding: 15px;border-top: 1px solid #eaeaea;display: block;}
    .sidenav .nav-link {font-size: 1rem;font-weight: 400;}
    .sidenav .dropdown-menu .dropdown-item{padding: 0;}
    .sidenav .dropdown-menu .dropdown-item .dropdown-link{display:block;}
    .whatsaapPhone {display:block;position: fixed;right: 28px;bottom: 120px;}    
    .contactBox a{overflow-wrap: anywhere;}
}
@media only screen and (max-width:1140px){}
@media only screen and (max-width:1024px){}
@media only screen and (max-width:992px){}
@media only screen and (max-width:991px){
    .cards figure figcaption{min-height: 350px;}
    .cards figure .btn{bottom:20px;left: 16px;right: 16px;}
    .plAb {padding-left: 0 !important;}
    .about{padding-left: 52px;}
    .about::before {left: 0px;width: 40px;}
    .aboutSec .row{gap:30px;}
    .BannerBox .box{position: relative;z-index:1;}
    .BannerBox .box::before{content:"";position:absolute;top:0;left:0;width:100%;height: 100%;background: #000000;z-index: 0;opacity: 50%;}
    .BannerBox h2,.BannerBox h1{font-size: 45px!important;}
    .cata {width: 80px;height: 80px;}    
    .cata h6{font-size: 11px;line-height: 13px;}
    .cata::after {width: 76px;height: 76px;top: 2px;left: 2px;}
    .cata a img {width: 40px;}
    .cards,.aboutPage, .missonObjectives,.secFixed,.projectsPage,.clientsPage{padding: 40px 0;}
    .clentsSay,.contactInfo,.productPage{padding: 40px 0!important;}
    .footer {padding-top: 40px !important;}
    .plAb{margin-bottom:0!important;}
    /* .fillexSec {height: 65vh;} */
    .footer .row.rowColFoot {gap: 20px;}
    .clientsOuter {padding: 15px;}
    .contactInfo .row{row-gap: 30px;}
    .contactInfo h2{margin-bottom:30px!important;}
    .contactFormSec .rowMain,.productPage .row{flex-direction: column-reverse;row-gap:30px;}
    .contactForm{padding: 15px;}
    .contactFormSec{padding-bottom:40px!important;}
}
@media only screen and (max-width:768px){
    
}
@media only screen and (max-width:767px){
    .copyRightBox {text-align: center;}
}
@media only screen and (max-width:678px){
    .fillexSec h4{font-size: 30px;}
    .clientsOuter {padding:10px;}
    .clentsSay h2 {margin-bottom: 25px !important;}
    .BannerBox h2, .BannerBox h1 {font-size: 35px !important;}
    .gtf-back-to-top.rounded-circle {width:30px !important;height: 30px !important;font-size: 14px !important;}
    .whatsaapPhone {right: 18px;bottom: 90px;width: 50px;}
    .missonObjectives ul{grid-template-columns: 1fr;}
    .missonObjectives .title {margin-bottom: 25px !important;}
}
@media only screen and (max-width:575px){
    .sidenav{width: 100%;}
    .slick-dots li{padding: 0 3px;}
    .pageTopHead {height: 285px;}
    .pageHeadContent h1 {font-size: 30px;}
    .contactInfo .row{row-gap:0px;}
    .contactForm{box-shadow:none;}
}
@media only screen and (max-width:481px){
    .navbar-dark .navbar-brand{width:230px!important;}
    .navbar-light .navbar-brand{width:175px!important}
    .custom-height-sm {
        height: 400px !important;
    }
}
@media only screen and (max-width:320px){}