@media ( max-width: 480px ) {
    .box-product .pro-btn-buy li {
        width: 100%;
        border: none;
    }

        .box-product .pro-btn-buy li:first-child {
            border-bottom: 1px solid #f5f5f5;
        }

    .box-product .pro-title {
        height: 28px;
    }
}

@media ( max-width: 767px ) {
    .flex-order {
        display: flex;
        flex-direction: column;
    }

        .flex-order > .flex-left {
            order: 2;
        }

    .row .pd5.col-xs-12 {
        padding: 0px 5px;
    }

    .box-section-collection .catalog-list {
        display: none;
    }

    .navbar-main.navbar {
        position: relative !important;
        width: 100%;
        z-index: 99999;
        top: 0;
    }

    #slider {
        margin-top: 30px;
    }

    .product-lists > .padding-box:nth-child(2n + 1) {
        padding-left: 15px;
        padding-right: 5px;
    }

    .product-lists > .padding-box:nth-child(2n + 2) {
        padding-left: 5px;
        padding-right: 15px;
    }

    .mobile-menu-icon {
        width: 130px;
        display: inline-block;
    }

    .mobile-menu-icon-wrapper {
        display: block;
    }

    .ourservice-block {
        border: none;
    }

    .number-phone, .hotline {
        padding: 0px;
    }

    .hotline {
        padding-top: 10px;
    }

    .layout-page .page-border-left {
        border: none;
    }

    #map_canvas iframe {
        width: 100%;
        height: 300px;
    }

    .padding-top-mobile {
        margin-top: 0;
    }

    .zoomContainer {
        display: none;
    }

    .box-section-collection .box-section-background {
        background: none;
    }
}

@media ( min-width: 768px ) {
    .scroller {
        /*overflow-y: inherit;*/
    }

    #map_canvas iframe {
        width: 100%;
        height: 500px;
    }

    .zoomContainer {
        display: none;
    }

    .col-lg-collection-left {
        padding-right: 0px;
        padding-left: 15px;
    }

    .border-top-index {
        border-top: 2px solid;
    }
}

@media ( min-width: 768px ) and ( max-width: 991px ) {
    #partner-index .box-partner {
        padding: 18px 0px;
    }

    #partner-index .pd-right-1px {
        padding-right: 1px;
    }

    #partner-index .pd-left-1px {
        padding-left: 1px;
    }

    .box-section-collection .catalog-list {
        display: none;
    }

    .col-sm-206px {
        width: 206px;
        float: left;
        padding: 0px 15px;
    }

    .col-sm-412-percent {
        width: calc(100% - 417px);
        float: left;
        margin-left: 2px;
        padding: 0px 15px;
    }

    .mobile-menu-icon-wrapper {
    }

    .menu-collection.fix-menu-collection .box-menu-slider .title-danh-muc {
        font-size: 12px;
    }

    .cart-info {
        width: 100%;
    }

    .col-md-3:nth-child(2) .ourservice-block {
        border-right: 0px;
    }

    .layout-page .page-border-left {
        border: none;
    }
}

@media ( min-width: 992px ) and ( max-width: 1199px ) {
    #partner-index .box-partner {
        padding: 18px 0px;
    }

    .box-section-collection .pd-right-1px,
    #partner-index .pd-right-1px {
        padding-right: 1px;
    }

    #partner-index .pd-left-1px {
        padding-left: 1px;
    }

    .col-sm-206px {
        width: 206px;
        float: left;
        padding: 0px 15px;
    }

    .col-sm-412-percent {
        width: calc(100% - 417px);
        float: left;
        margin-left: 2px;
        padding: 0px 15px;
    }

    .col-md-206px {
        width: 206px;
        float: left;
    }

    .col-md-206-percent {
        width: calc(100% - 206px);
        float: left;
    }

    .box-section-collection .pd-left-none {
        padding-left: 0px;
    }

    .box-section-collection .catalog-list {
        display: block;
    }

    #slider .slider-thumb li {
        padding: 5px 10px;
    }

        #slider .slider-thumb li:first-child {
            padding: 6px 10px 6px;
        }

    .ourservice-block .ourservice-heading,
    .ourservice-block div, .ourservice-block h4 {
        font-size: 12px;
    }

    h3.call-number {
        font-size: 20px;
    }
}

@media ( min-width: 1200px ) {
    #partner-index .box-partner {
        padding: 18px 0px;
    }

    .box-section-collection .pd-right-1px,
    #partner-index .pd-right-1px {
        padding-right: 1px;
    }

    #partner-index .pd-left-1px {
        padding-left: 1px;
    }

    .box-section-collection .pd-left-none {
        padding-left: 0px;
    }

    .col-lg-20 {
        width: 20%;
        float: left;
    }

    .col-lg-collection-left {
        width: 20%;
        float: left;
        padding-right: 0;
    }

    .col-lg-collection-right {
        width: 80%;
        float: left;
    }

    .container {
        width: 1171px;
    }

    .col-sm-206px {
        width: 206px;
        float: left;
        padding: 0px 15px;
    }

    .col-sm-412-percent {
        width: calc(100% - 417px);
        float: left;
        margin-left: 2px;
        padding: 0px 15px;
    }

    #slider .slider-thumb li {
        padding: 7px 10px;
    }

        #slider .slider-thumb li:first-child {
            padding: 7px 10px 8px;
        }

    .banner-collection-header > div:nth-child(2) {
        padding: 0px 5px 0px 10px;
    }

    .banner-collection-header > div:nth-child(3) {
        padding: 0px 10px 0px 5px;
    }

    .banner-collection-header > div:first-child {
        padding-left: 15px;
        padding-right: 0px;
    }

    .banner-collection-header > div:last-child {
        padding-right: 15px;
        padding-left: 0px;
    }

    #slider .menu-collection .box-menu-slider {
        height: 374px;
        background: #fff;
    }

    .menu-collection.fix-menu-collection .box-menu-slider {
        padding: 5px 0px;
    }

    .zoomContainer {
        display: block;
    }

    .wrapper-filter {
        background: #f3f3f3;
    }

    .filter-box > p {
        text-transform: inherit;
        font-size: 13px;
        font-weight: bold;
        padding: 5px 0px;
        border-bottom: 1px dotted #CBCBCB;
    }

    .filter-box ul {
        display: block;
        max-height: 200px;
        overflow: auto;
        border: none;
        padding: 5px 0;
    }

        .filter-box ul.filter-link {
            padding-left: 15px;
        }

            .filter-box ul.filter-link span {
                font-size: 12px;
            }

        .filter-box ul li {
            padding: 0;
            border: none;
        }

    .filter-box {
        margin-top: 5px;
        background: #f3f3f3;
        border: 1px solid #efefef;
        padding: 0px 10px 5px;
    }

        .filter-box:first-child {
            margin-bottom: 0;
        }

        .filter-box .menu-link-filter[aria-expanded='false'],
        .filter-box:last-child > p[aria-expanded='false'] {
            border-bottom: 1px dotted #CBCBCB;
        }

        .filter-box label {
            display: initial;
        }

        .filter-box ul input[type='checkbox'],
        .filter-box ul input[type='radio'] {
            float: none;
            margin-right: 5px;
        }

            .filter-box ul input[type='checkbox']:before,
            .filter-box ul input[type='radio']:before {
                left: 3px;
                top: 8px;
                right: auto;
            }

            .filter-box ul input[type='checkbox']:after,
            .filter-box ul input[type='radio']:after {
                left: 0;
                top: 4px;
                right: auto;
            }

            .filter-box ul input[type='radio']:before {
                top: 7px;
            }
}

/*** Layout new ***/
@media ( max-width: 767px ) {
    .product-item:not(.item) .product-wrapper:nth-child(2n + 1) {
        padding-left: 0px;
        padding-right: 5px;
    }

    .product-item:not(.item) .product-wrapper:nth-child(2n + 2) {
        padding-left: 5px;
        padding-right: 0px;
    }

    .product-item .item:nth-child(2n + 1) .product-wrapper {
        padding-left: 0px !important;
        padding-right: 5px !important;
    }

    .product-item .item:nth-child(2n + 2) .product-wrapper {
        padding-left: 5px !important;
        padding-right: 0px !important;
    }

    .btn-loading {
        width: 100%;
    }

    #table-cart td strong {
        float: left;
        width: 100%;
        white-space: pre;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .rep-cartaccount {
        overflow: auto;
        white-space: nowrap;
    }
}

@media ( min-width: 768px ) {
    nav.navbar-main.navbar {
        //background: #c73e50;
    }
}

@media ( min-width: 768px ) and ( max-width: 991px ) {
    .product-item .product-wrapper:nth-child(2n + 1) {
        padding-left: 0;
        padding-right: 15px;
    }

    .product-item .product-wrapper:nth-child(2n + 2) {
        padding-left: 0;
        padding-right: 15px;
    }

    .product-item.template-list .product-wrapper {
        padding: 0;
    }

    .btn-loading {
        width: 100%;
    }
}

@media ( min-width: 992px ) and ( max-width: 1199px ) {
    .product-item .product-wrapper:nth-child(3n + 1) {
        padding-left: 0;
        padding-right: 15px;
    }

    .product-item .product-wrapper:nth-child(3n + 2) {
        padding-left: 0;
        padding-right: 15px;
    }

    .product-item .product-wrapper:nth-child(3n + 3) {
        padding-left: 0;
        padding-right: 15px;
    }

    .product-item.template-list .product-wrapper {
        padding: 0;
    }
}

@media ( min-width: 1200px ) {
    .product-item .product-wrapper:nth-child(4n + 1) {
        padding-left: 0;
    }

    .product-item .product-wrapper:nth-child(4n + 2) {
        padding-left: 0;
        padding-right: 10px;
    }

    .product-item .product-wrapper:nth-child(4n + 3) {
        padding-left: 0;
        padding-right: 10px;
    }

    .product-item .product-wrapper:nth-child(4n + 4) {
        padding-left: 0;
        padding-right: 10px;
    }

    .product-item.template-list .product-wrapper {
        padding-left: 0;
        padding-right: 10px;
    }
}

.owl-carousel .product-item .product-wrapper {
    padding: 0;
    background: #f1f1f1;
    border-radius: 25px;
}