@media only screen and (max-width: 680px) {
.hero__text{padding:0px;}
.hero__text h2 {font-size: 30px;}
.testimonial__item{height:100%;}
.header__top__right__cart a {
    margin-right: 25px;
}
.hero__item.set-bg{background-size: cover;}
.hero__item {height: 710px;}
.mobile-hero{margin-top:-8px;}
.header__top__right__cart {
    display: inline-block;
}
.header__top__left {
    float: right;
    margin-top: 20px;
}
.header__top__right__cart {
    display: inline-block;
}
.header__logo { position: absolute; PADDING-TOP: 10PX;}
.header__top__inner {
        height: auto;
        padding: 25px 0;
    }
.canvas__open {
        display: block;
        font-size: 22px;
        color: #111111;
        height: 35px;
        width: 35px;
        line-height: 35px;
        text-align: center;
        border: 1px solid #111111;
        border-radius: 2px;
        cursor: pointer;
        position: absolute;
        right: 15px;
        top: 80px;
    }
.getquote-btn {
    background: #333;
    color: #fff !important;
    padding: 10px !important;
} 
        
}
@media only screen and (max-width: 767px) {
.header__top__left {
        display: block;
    }
.header__top__right {
        display: block;
    }
.offcanvas-menu-wrapper.active {
        opacity: 1;
        left: 0;
        Z-INDEX: 1000;
    }
.offcanvas-menu-wrapper{PADDING:20PX;}
.slicknav_nav ul {
        margin: 0;
        /*height: 100vh;*/
    }
    .getquote-btn {
    background: #333;
    color: #fff !important;
    padding: 10px !important;
}
.offcanvas-menu-overlay{z-index: 1000;}




}