@media (min-width: 992px) {
    .mobile-canvas,.navbar-toggler{
        display: none;
    }
}
@media (min-width: 768px) {
    .salesservice {
        font-size: 1rem;
    }
}

@media (max-width: 1200px) {
    .shop-card-col{
        width: 50%;
    }
    .brands .brand-item{
        width: calc(25% - 16px)
    }
}
@media (max-width: 992px) {
   
    .navbar-collapse{
        display: none;
    }
    .header .navbar{
        justify-content: space-between;
    }
    .navbar-toggler {
        display: flex;
    }
    .header .nav-item {
        margin-bottom: 16px;
    }
    
    .canvas-body .nav-item .dropdown-menu {
        position: static;
        width: 100%;
        padding: 10px;
        box-shadow: 0 5px 10px 2px rgba(0,0,0,0.08);
        margin-top: 2px;
    }
    
    .canvas-body .nav-item .dropdown-menu .dropdown-item {
        color: #000;
        font-size: .9375rem;
        letter-spacing: .0235rem;
        font-weight: 400;
        display: block;
        padding: 4px 0;
        margin: 0px 8px;
        font-family: var(--heading-font);
    }
    .canvas-body .nav-item .dropdown-menu .category-row {
        padding:0.35rem 0
    }
    .navbar .canvas-body .nav-item .dropdown-menu{
        display: none;
    }
    .navbar .canvas-body .nav-item .dropdown-menu.show{
        display: block;
    }
    .browse-home-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .browse-room {
        padding-top: 0;
    }
    .about-content{
        width: 100%;
        padding-right: 0;
    }
    .about-content-wrapper{
        flex-wrap: wrap;
    }
    .about-video{
        width: 100%;
        padding-left: 0;
    }
    .about-video iframe{
        height: 541px;
    }
    .promotion .map{
        width: 100%;
    }
    .promotion .maps-and-info{
        flex-wrap: wrap;
    }
    .promotion .store-info{
        width: 100%;
    }
    .promotion .map iframe{
        height: 400px;
    }
    .footer-section{
        flex-wrap: wrap;
    }
    .filter-side{
        position: fixed;
        top: 0px;
        left: 0px;
        background-color: var(--white);
        z-index: 9999;
        overflow-y: auto;
        padding: 20px;
        transform: translateX(-100%);
        transition: all linear .3s;
    }
    .filter-side.open{
        transform: translateX(0);
    }
    .container.listing-main-container > .column.main{
        width: 100%;
    }
    .products-container{
        width: 100%;
    }
    .product-listing-sec span.collapse-icons{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .product-listing-sec .collapse-btn.close{
        display: block;
    }
    .category-product-item{
        width: 50%;
    }
    .filter-header-wrapper {
        margin-bottom: 16px;
    }
    
    .product-listing-sec ul.pagination {
        margin-top: 40px;
        flex-wrap: wrap;
    }
    .filter-side .collapse-btn{
        display: flex;
        justify-content: flex-end;
    }
    .account .account-form{
        width: 100%;
    }
    .contact-us p{
        font-size: 15px;
    }
    .contact-us .details-container .item{
        width: calc(50% - 24px);
    }
    .contact-us .details-container{
        flex-wrap: wrap;
        justify-content: center;
    }
    .products-container{
        margin-left: 0;
    }
    .product-detail-container{
        flex-wrap:wrap ;
    }
    .product-slide, .product-text-container{
        width: 100%;
    }
    .canvas-body{
        overflow-y: auto;
    }

}
@media (max-width: 768px) {
    .single-footer{
        width: 50%;
    }
    .footer-social {
        display: none;
    }
    .category-listing-sec .category-title{
        font-size: 20px; 
        min-width: 180px; 
        padding: 10px 25px;
        bottom: 15px;
      }
    .breadcrumb{
        flex-wrap: wrap;

    }
    .breadcrumb .product-navigation{
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .category-product-container{
        justify-content: space-between;
    }
    .category-product-item{
        width: calc(50% - 12px);
    }
    .category-product-item .category-item-title{
        font-size: 16px;
    }
    
}
@media (max-width: 666px) {
   
    .header-contact.mobile-hide{
        display: none;
    }
    .header-badge.mobile-hide{
        display: none;
    }
    .header-logo{
        width: 100%;
    }
}
@media screen and (max-width: 575px) {
    .main-section-title h1 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: .05rem;
        padding: 10px 25px;
    }
    .browseby-title.main-section-title h1{
        line-height: 2.875rem;
    }
    .browseby-title.main-section-title:before, .browseby-title.main-section-title:after{
        top: 29%;
    }
    .browse-home-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    .browse-home-item-thumbs {
        height: 250px;
        width: 100%;
    }
    .testimonial-item{
        height: auto;
    }
    .browse-room{
        padding-bottom: 0;
    }
    .testimonials.main-section-title{
        padding-top: 0;
    }
    .about-title.main-section-title{
        margin-bottom: 14px;
    }
    .about-content h5{
        font-size: 19.88px;
    }
    .about-video iframe{
        height: 219px;
    }
    .promotion .store-info h4{
        font-size: 20px;
    }
    .single-footer{
        width: 100%;
        margin-top: 20px;
    }
    .header-search__wrapper{
        width: 300px;
        top: 44px;
    }
    .shop-card-col{
        width: 100%;
    }
    .shop-card-image{
        height: 240px;
        padding-top: 0;
    }
    .product-listing-sec ul.pagination{
        margin-top: 32px;
    }
    .brands .brand-item{
        width: calc(50% - 12px);
    }
    .account .password-container{
        flex-wrap: wrap;
    }
    .account .password-container .pass{
        width: 100%;
        margin-bottom: 16px;
    }
    .contact-us .details-container .item{
        width: 100%;
    }
    .contact-us .form-row .form-column{
        width: 100%;
    }
    .our-locations .custom-row .custom-col{
        width: 100%;
    }
    .financingimage {
        width: 100%;
    }
    .meet-staff-container{
        width: 100%;
    }
    .meet-staff-container .row{
        flex-direction: column;
        gap: 0;
    }
    .category-listing-sec .category-page-header{
        height: 200px;
    }
    .category-product-item .category-item-img{
        height: 170px;
    }
    .category-product-item{
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 1042px) {
    .salesservice{
        font-size: 12px;
    }
}