@media (max-width: 990px) {
    /* header */
    .header-extra a {
        font-size: var(--font-size-xsmall);
    }

    /* menu bar */
    .menu {
        width: 6rem;
        height: 50px;
        position: absolute;
        margin-top: -50px;
    }

    .menu .menu-link {
        height: 5.5rem;
        padding: 1rem;
    }

    .menu .menu-link span {
        display: none;
    }

    .menu-section-right {
        width: 100%;
    }

    /* sidebar */
    .sidebar {
        display: none;
    }

    .content {
        width: 100%;
        padding-left: 0;
    }

    .product-gallery .main-image img{
        height: auto;
    }
    
    
    #cd-cart{
        width: 350px;
    }
    

    .submenu .submenu-loader .content_spinner{
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        margin: 0 auto;
        width: 40px;
    }
    

}

@media (max-width: 767px) {
    /* basic */
    .mobile-only {
        display: block;
    }

    .desktop-only{
        display: none;
    }

    /* typography */
    h1 {
        font-size: 3rem;
    }

    /* header */
    .header {
        padding-top: 1rem;
        padding-bottom: 2rem;
        height: 50px;
        padding: 0px;
    }

    .header-extra {
        display: none;
    }

    .header-info {
        margin-bottom: 0;
        display: none;
    }

    .header-info a {
        padding-left: 1rem;
    }

    .header-info a span {
        display: none;
    }

    /* search form */
    .menu-section-right .search-form {
        width: 100%;
        padding: 1rem 1rem;
    }

    .menu-section-right .mini-cart {
        width: 35%;
    }

    .menu-section-right .search-form .search-line .select-item {
        display: none;
    }

    /* submenu */
    .submenu .submenu-items {
        flex-direction: column;
    }

    .submenu .submenu-items .submenu-item a {
        padding-bottom: 1rem;
        display: inline-block;
        width: 100%;
    }
    
    .mega-menu-new-submenu li img{
       height: 50px; 
    }
    
    .mega-menu-new-submenu li{
        margin-bottom: 0px;
    }
    
    .submenu .submenu-items .submenu-item h4 a{
        padding-bottom: 0px;
    }
    
    .submenu .submenu-items .submenu-item ul{
        
    }

    /* sidebar */
    .sidebar-nav .nav-item .submenu {
        width: 100%;
        position: relative;
        left: 0;
        top: auto;
        height: auto;
        padding: 3rem 2rem 1rem;
    }

    .sidebar-nav.sidebar-nav-sticky {
        height: 80vh;
        overflow-y: auto;
    }

    .sidebar-nav .nav-item .nav-item-link {
        width: 100%;
    }

    .sidebar-nav .nav-item-parent::after {
        transform: rotate(90deg);
        margin-top: -3px;
    }

    .mobile_filter{
        display: flex;
        margin-top: 0px;
    }

    .main{
        flex-direction: column;
    }


    .mobile_filter button{
        width: 100%;
        height: 40px;
        border: none;
        background-color: #eeeeee;
        border-radius: var(--border-radius-btn);
        font-size: 14px;
        transition: .3s;
        margin: 0px;
        color: #212529;
    }

    .mobile_filter button img{
        width: 17px;
        margin-right: 10px;
    }

    .mobile_filter button:hover{
        background-color: #d5d3d3;
    }

    .btn_open_order_by{

    }

    .pagination li a {
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 12px;
    }


    .success_page h3{
        font-size: 18px;
    }

    .success_page ul{
        margin-bottom: 20px;
    }
    
    
    .products_extra_data .description{
        margin-top: 20px;
    }

    .define_products_view {
        width: 100%;
        margin-left: auto;
        margin-top: 0px;
        margin-bottom: 60px;
    }

    .define_products_view .col-7{
        padding-right: 0;
    }

    .define_products_view .col-5{
        padding-left: 8px;
    }

    .sidebar-filter {
        margin-top: 20px;
        width: 100%;
        position: fixed;
        top: -20px;
        left: 0;
        z-index: 1000;
        background-color: #eeeeee;
        padding-top: 25px;
        height: 100%;
        overflow: scroll;
    }

    .close_filter{
        display: block;
        width: 15px;
        position: absolute;
        right: 20px;
    }

    .close_filter:hover{
        opacity: 0.8;
        cursor: pointer;
    }

    .filter_mobile_footer{
        display: block;
        padding: 20px;
    }

    .filter_mobile_footer button{
        width: 100%;
        height: 40px;
        margin-bottom: 5px;
        background-color: #ffffff;
        font-weight: 700;
        border: none;
        border-radius: var(--border-radius-btn);
        color: #212529;
    }

    .filter_mobile_footer button.confirm_cta{
        background-color: var(--color-primary);
        color: #ffffff;
    }

    .submenu .submenu-items .submenu-item h4{
        margin-bottom: 0px;
    }

    a.mobile-category-title{
        display: block;
        font-size: var(--font-size-base);
        text-decoration: underline;
        margin-bottom: 18px;
    }

    .logo-brand{
        margin-top: 15px;
        display: block;
    }

    /*    .logo-brand img{
            width: 100px
        }*/

    .mini-cart .mini-cart-link{
        margin-top: 12px;
    }

    .mini-cart .mini-cart-content {
        top: 34px;
        min-width: 300px;
        padding: 15px;
        left: -232px;
        position: absolute;
    }

    .menu-section-right .mini-cart {

        position: absolute;
        right: 0;
        margin-top: -118px;
    }

    .mini-cart .mini-cart-item .mini-cart-item-desc a {
        font-size: 12px;
    }

    .menu-section-right .mini-cart .mini-cart-link strong{
        display: none;
    }

    .menu-section-right .mini-cart .mini-cart-link span:first-of-type{

    }

    .mini-cart-wrapper{
        width: 100%;
    }

    .header .wrapper, .menu-bar .wrapper{
        padding: 0px;
    }

    .mini-cart .mini-cart-link.mini-cart-desktop{
        display: none;
    }

    .mobile-header-info{
        display: block;
        margin-top: 10px;
    }

    .mobile-header-info a img{
        filter: invert(1);
        width: 20px;
    }

    .mobile-header-info li{
        display: inline-block;
        margin-left: 5px;
    }
    
    .product-item .product-item-price .product-price-discount{
        display: block;
    }

    #NavTotalProductsInCartMobile{
        position: absolute;
        font-size: 8px;
        color: #ffffff;
        background-color: #6ea903;
        border-radius: 50%;
        height: 15px;
        width: 15px;
        text-align: center;
        line-height: 15px;
        font-weight: 700;
        margin-top: -28px;
        margin-left: 11px;
    }

    .menu-bar{
        position: relative;
    }

    .product-item .product-item-not-stock {
        text-align: center;
        display: block;
        margin-bottom: 9px;
        font-weight: bold;
        padding-top: 4px;
        font-size: 12px;
    }
    
    .header-inner .back{
        margin-left: 0px;
        margin-top: -5px;
        position: absolute;
        display: block;
    }
    
    .header-inner .back img{
        width: 25px;
    }
    
    .header-inner{
        margin: 0px;
        margin-top: 20px;
    }
    
    
    .add_in_cart_wrapper .products .product_card .remove_item{
        width: 18px;
    }
    
    .add_in_cart_wrapper .product_card .product_accessories_card .remove_item{
        width: 16px;
    }
    
    .add_in_cart_wrapper .product_card .product_accessories_card .content .price{
        width: 18%;
    }
    
    
    .products_extra_data{
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    .product-desc .product-price{
        margin-left: 0px;
    }
    
    .products_extra_data .description h1 {
        font-weight: bold;
        font-size: 30px;
        margin-bottom: 20px;
    }
   
    .products_extra_data .description div{
        font-size: 12px;
    }
    
    .products_extra_data .description div p{
        font-size: 12px;
    }
    
    
    .products_extra_data .description .description-cta{
        border: none;
        background: none;
        border: 1px solid #ced4da;
        padding: 5px 10px;
        margin-top: -50px;
        float: right;
        color: #212529;
    }
    
    .products_extra_data .description .description-cta.description-cta-less {
    margin-top: 5px;
    margin-bottom: 10px;
}

    .quality-box .quality-item {
        flex-direction: column;
        gap: 0;
        margin: 0px;
        padding: 15px;
    }

    .quality-box .quality-item .field,
    .quality-box .quality-item .field-description {
        max-width: 100%;
        flex: 1 1 100%;
        border-right: none;
        width: 100%;
        flex: unset;
        padding: 0;
    }

    .quality-box .quality-item .field-description {
    border: none;
    margin-top: 10px;
    font-size: 12px;
    }
    
    footer .payments{
                width: 100%;
    }
    
    .submenu .submenu-items .submenu-item h4{
        margin-bottom: 15px;
    }


    /*    .menu-bar{
            top: 32px;
        }*/
}

@media (max-width: 575px) {
    /* menu bar */
    /*    .menu-bar .menu-bar-inner {
            margin-top: 1rem;
        }*/

    /* search form */
    /*    .menu-section-right .search-form {
            width: calc(100% - 5.6rem);
            width: 100%;
        }*/

    /*    .menu-section-right .mini-cart {
            width: 5.6rem;
            position: absolute;
            right: 0;
            margin-top: -118px;
        }*/

    /*    .mini-cart .cart-icon {
            top: -1rem;
            height: 6rem;
        }*/

    /*    .menu-section-right .mini-cart .mini-cart-link span:first-of-type {
            display: none;
        }*/

    /* product desc */
    /*    .product-desc-right {
            padding-left: 0;
        }*/

    /* product buy box */
    .product-buy-box .product-buy-box-inner {
        width: 100%;
    }

    .product-desc-right{
        padding-left: 15px;
    }

    /* product tabs */
    .product-tabs .product-tab-nav li {
        padding: 2rem;
    }

    .product-tabs .product-tabs-content-item {
        padding: 3rem 2rem 2rem 2rem;
    }

    .product-tabs .product-tabs-content-item td {
        font-size: var(--font-size-small);
    }

    /* footer */
    .footer-copy {
        text-align: center;
    }


    .product-item .product-item-inner .product-img-box{
        height: 170px;
    }

    .overlay{
        background: none;
    }


    .products_page .product-item{
        padding: 10px;
    }
    
    
    .breadcrumbs li a{
        font-size: 10px;
    }
    
    
    .gallery-slider .gallery-item{
        height: 85px;
    }
    
    
   

}