@charset "utf-8";

/* CSS Document */
@media (max-width: 1800px) {}

@media (max-width: 1600px) {
}
@media (min-width: 1200px) and (max-width: 1600px) {
    
}
@media (max-width: 1320px) {
}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 1200px) and (max-width: 1444px) {
   
}
@media(max-width: 1199px) {    
}
@media (min-width: 768px) and (max-width: 991px) {}
@media (max-width: 992px){

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

@media (max-width: 767px) { 
    .section-title .main-heading{
        font-size: 28px;
    }
    .kickstart .outerbox .content-inner{
        margin: 0;
    }
    .kickstart .outerbox .content-inner h3 br{
        display:none;
    }
    .kickstart .outerbox{
        padding:30px 20px;
    }
    .contact-slider .owl-item.active.center .item{
        left: -80px;
    }
    .testimonials .card-clients p{
        text-align:center;
        font-size: 26px;
    }
    .testimonials .card-clients p br{
        display:none;
    }
    .company-own .outer-box{
        padding:25px;
    }
    .main-header .inner-header{
        display: none;
    }
    .main-header{
        padding:10px;
    }
    .main-header .mobile-header{
        display: block;
        padding: 10px;
        background: #fff;
        border-radius: 6px;
        box-shadow: 0px 10px 20px 0px #0000000A;
    }
    .main-header .mobile-header .logo-mobile img{
        width: 100%;
        max-width: 150px;
    }
    .mobile-header .mobile-menu{
        display: flex;
        justify-content: end;
        align-items: center;
        height: 100%;
        gap: 10px;    
    }
    .mobile-header .mobile-menu .whatsapp-btn a{
        background-color: #67D449;
        width: 40px;
        height: 40px;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mobile-header .mobile-menu .whatsapp-btn a i{
        color: #fff;
        font-size: 28px;    
    }
    .mobile-header .mobile-menu .menu-mobile-toggle{
        border: 1px solid var(--secondary-color);
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        width: 40px;
        height: 40px;
    }
    .mobile-header .mobile-menu .menu-mobile-toggle:hover,
    .mobile-header .mobile-menu .menu-mobile-toggle:focus{
        background-color:#fff !important;
        border:1px solid var(--secondary-color) !important;
    }

    .mobile-header .mobile-menu .menu-mobile-toggle span{
        font-size: 34px;
        color: var(--secondary-color);
    }
   

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

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

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

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

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

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