/*===============================================
css for /css/clients/default/override.css
===============================================*/
.navbar-one .navbar .navbar-btn ul li {    
    margin-right: 0px !important;
}

.footer-nine .footer-widget {
    padding-top: 0px;    
}

.section-title-one {   
    padding-bottom: 30px !important;    
}

.footer-nine .footer-link ul a:hover {
    color: white !important;
    opacity: 1.0 !important;
}

.footer-nine .footer-copyright .social a:hover {
    color: white !important;
    opacity: 1.0 !important;
}

.slider-six {   
    padding: 100px 0px 50px 0px !important;
}

.btn {
    text-transform: none !important;
    border-radius: 4px !important;
}

.contact-us .inner-content {
    background-color: var(--light-2) !important;
}

.contact-us {
    background-color: var(--white) !important;
    padding: 15px 0px 100px 0px !important;
}

.pricing-style-seven .pricing-list li {   
    margin-top: 6px !important;
}

.offcanvas {
    background-color: var(--light-2);
}

.offcanvas.offcanvas-start {
    width: 50%;
    border-right: none !important;
    background-color: var(--light-2);
}

.offcanvas.offcanvas-bottom {
    width: 100%;    
    border-top: none !important;
    background-color: var(--light-2);
}

#btnAcceptCookies.btn:hover {
    color: white !important;
}

.features-style-three {
    cursor: pointer !important;
}

/*================================================
RESPONSIVE STYLES FOR BOOTSTRAP BREAK POINTS START
================================================*/

@media (max-width: 576px) { 
    .offcanvas.offcanvas-start {
        width: 100% !important;       
    }
    .offcanvas.offcanvas-bottom {       
        height: 280px;        
    }
}

@media (min-width: 577px) and (max-width: 767px) {
    .offcanvas.offcanvas-start {
        width: 90% !important;       
    }
    .offcanvas.offcanvas-bottom {
        height: 260px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .offcanvas.offcanvas-start {
        width: 70% !important;
    }
    .offcanvas.offcanvas-bottom {
        height: 240px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .offcanvas.offcanvas-start {
        width: 60% !important;
    }
    .offcanvas.offcanvas-bottom {
        height: 220px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .offcanvas.offcanvas-start {
        width: 50% !important;
    }
    .offcanvas.offcanvas-bottom {
        height: 200px;
    }
}

@media (min-width: 1400px) {
    .offcanvas.offcanvas-start {
        width: 40% !important;
    }
    .offcanvas.offcanvas-bottom {
        height: 200px;
    }
}

/*================================================
RESPONSIVE STYLES FOR BOOTSTRAP BREAK POINTS END
================================================*/