@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;
    }

    .home-focus .banner-item-medium, .home-focus .banner-item-small {
        width: 100%;
    }
}

@media ( max-width: 767px ) {
    /**
    .row .col-xs-12 {
    padding: 0px 5px;
}
    **/
    #table-cart td strong {
        float: left;
        width: 100%;
        overflow: hidden;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

    .rsArrow {
        display: none !important;
    }

    .box-section-collection > .row > .col-xs-12 {
        padding: 0px 15px;
    }

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

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

    #slider, .wrapper-top50 {
        margin-top: 50px;
    }

    .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: 40px;
        display: inline-block;
        float: right;
    }

    .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 {
        height: 300px;
    }

    .padding-top-mobile {
        margin-top: 52px;
    }

    .zoomContainer {
        display: none;
    }

    .btn-loading {
        width: 100%;
    }

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

    nav.navbar-main.navbar {
        height: 50px;

    }

    .blogh-slider .blogh-htitle p {
        padding: 0 15px;
    }

    .home-contact-us .ct-image {
        display: none;
    }

    li#cart-target a.cart span:nth-child(2) {
        top: 10px;
        position: absolute;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        left: 12px;
        bottom: 6px;
        text-align: center;
        line-height: 15px;
        background: #111;
        color: #fff;
        padding: 0;
    }

    .icon-cart {
        top: 15px;
    }

    /** toggle menu mobile **/
    .footer-center-wrap .border-right {
        min-height: 5px;
        border-right: none;
    }

    h4.title_block.toggle-mb-title {
        font-size: 14px;
        text-transform: uppercase;
        border-bottom: 1px solid #e8eaee;
        padding: 8px 0px;
        position: relative;
    }

    .col-xs-12:last-child > .footer-block > h4.title_block.toggle-mb-title {
        border: none;
    }

    .footer-block.toggle-mb {
        padding: 0px 10px 0px;
        background: transparent;
    }

    h4.title_block.toggle-mb-title i {
        position: absolute;
        right: 0;
        font-size: 25px;
        top: 10px;
        color: #a4abbe;
        transition: all linear .2s;
    }

    .toggle-mb > h4[aria-expanded='true'] > i {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    /** end toggle menu mobile **/
    button.icon-search {
        width: 50px;
        height: 50px;
    }

    ul.mobile-menu-icon li#cart-target {
        width: 30px;
        height: 50px;
    }

    ul.mobile-menu-icon > li {
        margin-left: 0;
        margin-right: 0;
    }

    ul.mobile-menu-icon > li.search {
        margin-right: 15px;
    }


    .navbar-toggle .icon-bar {
        background-color: #eb278d;
    }

    ul.mobile-menu-icon li#cart-target span {
        color: #eb278d;
    }

    .block-nav-main {
        background-color: transparent;
        height: auto;
    }

    #slider {
        margin-top: 5px;
    }

    .navbar-header {
        border-bottom: 1px solid #f0f0f0;
    }

    .logo-mobile {
        width: calc(100% - 70px);
        max-height: 55x;
        margin: 0;
        line-height: 55px;
    }
}

@media ( max-width: 991px ) {
    .nb-col-md-9.full-xs {
        width: 100%;
    }

    .footer-info {
        padding-bottom: 15px;
    }

    .div-user-control {
        width: 35px;
        height: 35px;
        margin-top: 8px;
    }

    .col-right {
        margin: 0 5px;
        min-width: 50px;
    }

    .categories-main-left.nb-col-md-3 {
        width: 22%;
    }

    .nav-marg220.nb-col-md-9 {
        width: 78%;
    }

    .categories-main-left .categories-content-title .text {
        font-size: 11px;
        padding-left: 5px;
    }

    .nav-marg220 .navbar-nav a {
        padding: 0 15px;
        font-size: 11px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    /**focus home **/
    .banner-item-small:nth-child(5) {
        display: none;
    }

    .wrap-tabs.home-focus > div:nth-of-type(odd) {
        padding-right: 10px;
    }

    .wrap-tabs.home-focus > div:nth-of-type(even) {
        padding-left: 10px;
    }
}

@media ( min-width: 768px ) {

    nav.navbar-main.navbar {
        background: #ffffff;
    }

    .scroller {
        /*overflow-y: inherit;*/
    }

    #map_canvas {
        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: 919px) {
    .home-contact-us .ct-image {
        display: none;
    }

    .home-contact-us {
        height: auto;
        margin: 2rem 0 2rem;
    }

    .banner-item-small {
        margin-bottom: 5px;
    }

    .tab-content .product-lists .product-item {
        margin-bottom: 0
    }

    .blogh-slider {
        margin: 2rem 0;
    }

    .blogh-slider .blogh-htitle p {
        padding: 0 15px;
    }

}

@media ( min-width: 768px ) and ( max-width: 991px ) {
    .footer-mailchimp .block_content {
        padding: 0;
        margin-top: 15px;
    }

    .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 {
        display: none;
    }

    .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;
    }

    .menu-top > li > a > span {
        padding: 0 10px;
    }

    .footer-center-wrap .border-right:nth-child(2) {
        border-right: none;
    }
}

@media ( min-width: 992px ) and ( max-width: 1199px ) {

    #newsletter_block .newsletter-input {
        width: 370px;
    }

    #newsletter_block .btn-newsletter {
        width: 80px;
    }

    .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 ) {
    .product-item .product-wrapper .product-image {
        transition: border-color 0.3s;
        -webkit-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
        -moz-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
        -ms-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
        -o-transition: all 0.25s cubic-bezier(0.37, 0.8, 0.76, 0.96);
    }

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

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

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

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

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

    .container {
        width: 1200px;
    }

    .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 .slide-banner {
        padding-left: 0px;
    }

    #slider .slider-thumb li {
        padding: 6px 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 #e7e7e7;
    }

    .filter-box ul {
        display: block;
        max-height: 215px;
        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: #fafafa;
        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 #e7e7e7;
    }

    .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;
    }
}