@media only screen and (min-width:992px) and (max-width:1600px) {

    .categories .offers .offer .quantity .minus-h,
    .categories .offers .offer .quantity .plus-h,
    .offers .offer .quantity .minus-h,
    .offers .offer .quantity .plus-h {
        padding: 8px 2px;
        font-size: 15px
    }

    .offers .offer .quantity .count {
        width: 24px;
        padding: 7px 0
    }

    .offers .offer .quantity span {
        font-size: 14px
    }
}

@media (max-width:768px) {
    .sidebar {
        margin-left: -250px;
        position: fixed;
        z-index: 9999999;
        height: 100%;
        left: 0
    }

    .sidebar.active {
        margin-left: 0;
        position: fixed;
        z-index: 9999999;
        height: 100%;
        left: 0
    }

    .sidebarCollapse span {
        display: none
    }
}

@media only screen and (min-width:767px) and (max-width:992px) {

    .categories .offers .offer .quantity .minus-h,
    .categories .offers .offer .quantity .plus-h {
        padding: 8px 2px;
        font-size: 15px
    }

    .offers .offer .quantity span {
        font-size: 14px
    }

    .offers .offer .quantity .count {
        width: 22px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .zoomWindow {
        display: none !important
    }

    .xs-mb30 {
        margin-bottom: 30px
    }

    .xs-mb15 {
        margin-bottom: 15px
    }

    .xs-text-r {
        text-align: right
    }

    .xs-text-l {
        text-align: left
    }

    .xs-text-c {
        text-align: center
    }

    .header .left-menu-toggle {
        text-align: left
    }

    .header {
        height: auto;
        line-height: 44px
    }

    .header .logo {
        margin: 0 auto;
        text-align: right
    }

    .banner .bn {
        margin-bottom: 30px
    }

    .sidebar.active {
        top: 105px
    }

    .subscribe {
        padding: 20px
    }

    .subscribe .content h2 {
        margin-bottom: 15px
    }

    .sidebar_right_js_open .sidebar_right {
        top: 105px;
        width: 100%
    }

    .sidebar_right table {
        display: inline-table
    }

    .signup-form .form,
    .signin-form .form,
    .forget-password .form {
        width: 100%
    }

    .footer-secondary .social-icons ul li {
        float: none
    }

    .category-brand .brands ul li a img {
        height: 25px !important
    }

    .product-details-popup {
        width: 100% !important
    }

    .sidebar_right .slider_right_content .slider_right_product {
        height: calc(100vh - 250px)
    }

    .sidebar_right .slider_right_content .slider_right_product .quantity {
        width: 58px
    }

    .sidebar_right .slider_right_content .slider_right_product table tr td:first-child {
        width: 70px
    }

    .categories .offers .offer .quantity .minus-h,
    .categories .offers .offer .quantity .plus-h,
    .offers .offer .quantity .minus-h,
    .offers .offer .quantity .plus-h {
        padding: 8px 2px;
        font-size: 15px
    }

    .offers .offer .quantity .count {
        width: 21px;
        padding: 7px 0
    }

    .offers .offer .quantity span {
        font-size: 14px
    }

    .progressbar li p {
        font-size: 12px
    }
}


@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1180px;
    }
}
