@media (min-width: 1024px) {
    .hidden-lg{
        display: none;
    }
    .col-md-20 {
        float: left;
        width: 20%;
    }
    .col-md-40 {
        float: left;
        width: 40%;
    }
    .col-md-80 {
        float: left;
        width: 80%;
    }
}
@media (max-width:1024px) {
    #wrapper_box {
        max-width: 100%;
        margin: 0 auto;
    }
    #wrapper {
        margin: 0 auto;
        max-width: 640px;
    }
    .logo-res {position: absolute;left: 10%;right: 10%;top: 10px;text-align: center;}

    .top-bar-right {position: absolute;right: 10px;top: 12px;}

    .top-bar-right #cart_panel {margin-right: 5px;}
    .gallery-cate-scroll {
        max-width:unset;
        max-height:unset;
    }
    .category-build_pc_item .left-item{
        display: none;
    }
    .btn-refresh_build {
        position: relative;
        left: calc(100% - 106px);
    }
    .modal-body-left {
        width: 100% !important;
    }
    
    .modal-body-right {
        width: 100% !important;
    }
    .buildpc-product_item_price {
        position: relative;
        margin-top: 5px;
    }
    .popup-build_pc_top {
        background: #4c97f2;
        padding: 12px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }
    .content-build_pc_top {
        display: block;
    }
    
    .pagination-build_pc_top {
        position: relative;
        float: unset;
    }
    
    .pagination-build_pc_top .pagination {margin-top: 5px;}
    .btn-addcart_build {
        position: relative;
        margin: 5px 0px 0 10px;
    }
    .slidebar-build_pc_content {
        padding: 0;
        display: none;
    }
    .title {
        
        white-space: normal;
    }
    .cate-item {
        padding-left: 5px;
        padding-right: 5px;
    padding-top: 10px;}
    .cate-name {
        font-size: 13px;
    }
    .cate-item img {max-width: 40px;max-height: 40px;}

    .cate-img {min-height: 45px;}
    .news_top_img {
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }
    
    .news_top_info {
        width: 100%;
    }
    
    .news_top_item {
        display: block;
    }
    footer#footer {
        padding-bottom: 65px;
    }
    .flip-clock-wrapper ul {
        width:7%;
        height:40px;
    }
    #fanpage iframe {
        width:100% !important;
        position:relative;
    }
    #product-info-center{
        padding-left: 7px;
        padding-right: 7px;
        margin-bottom: 30px;
    }
    .tbl-info-product{
        margin-bottom: 30px;
    }
    .category_content_box {
        padding-left: 20px;
        padding-right: 20px;
    }
    .title-hover {
        display: none;
    }
    .flip-clock-divider {
        width:6%;
        height:50px;
    }
    .flip-clock-dot.top {
        top:15px;
    }
    .flip-clock-wrapper ul li a div div.inn {
        font-size:30px;
    }

    #banner {
        width:50%;
    }
    .utilities {
        top:unset;
        bottom:0;
        left:0;
        right:0;
        background:#FFF;
        box-shadow:0 0 5px #333;
        text-align:center;
    }
    .utilities li {
        display:inline-block;
    }
    .utilities li a {
        margin:4px !important;
    }
    #phonering-alo-phoneIcon {
        bottom:-5px;
    }
   
    #ib-fb-res {
        position:fixed;
        bottom:78px;
        right:0;
    }
    #cfacebook .fchat {
        display:none;
    }
   
    .container {
        width:100%;
        padding: 0;
        box-sizing:border-box;
    }
    .contact-wrap .contact-img {
        display:none;
    }
    .contact-wrap #contact-form {
        width:100%;
        padding:0;
    }
    #bg-menu-page-sticky-wrapper {
        display:none;
    }
    .caption_cate {
        top:20px;
        text-transform:uppercase;
        right:60px;
        position:absolute;
        z-index:99;
    }
    #bg-cart.bg-cart-mobile {
        z-index:999;
        right:15px;
        line-height:30px;
        padding:0 2px;
        top:5px;
        text-transform:uppercase;
    }
    .bg-cart-mobile .content a {
        color:#fff !important;
    }
    #bg-cart .content {
        background:url(../img/gio_hang_res.png) no-repeat left center;
        background-size:23px;
        color:#FFF;
        padding-left:25px;
    }
    #product_ad{
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
    }
    #product_ad .owl-next {
        right: 5px;
    }
    #product_ad .owl-prev {
        left: 5px;
    }
    #product_ad .owl-prev, #product_ad .owl-next {
        font-size: 20px;
        color: #bdbdbd;
        font-weight: 500;
        background: rgb(222 222 222 / 50%);
        padding: 0;
        width: 36px;
        height: 36px;
        line-height: 36px;
        border-radius: 100%;
        border: 1px solid #cacaca;
        top: 40%;
    }

    .but {
        width:48% !important;
        float:left;
        margin:0 1%;
        margin-bottom:5px;
    }

    .top-bar-res {
        display:block;
        position:relative;
        padding-bottom: 10px;
        box-shadow:0 0 3px #ccc;
        margin-bottom: 15px;
        background: #ffffff;
    }
    .search-res {
        position:relative;
        right:0;
        left:0;
        margin-top: 60px;
    }

    #product-wrap .col-left {
        border-right:0;
        padding-right:0;
        width:100%;
    }
    #product-wrap .col-right {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .content_left {
        width:30%;
    }
    .content_right {
        width:70%;
    }
    .wrap-3 {
        width:50%;
    }
    .wrap-3:nth-of-type(n) {
        clear:none;
    }
    .wrap-3:nth-of-type(2n+1) {
        clear:both;
    }
    .wrap-4 {
        width:33.33%;
        float:left;
        padding:10px;
    }
    .wrap-4:nth-of-type(n) {
        clear:none;
    }
    .wrap-4:nth-of-type(3n+1) {
        clear:both;
    }
    #right-item {
        top:100px;
    }
    .item-scroll {
        width:40px;
        padding:4px 2px;
    }
   
    .onlytime {
        width:100%;
    }
    .onlytime-expire {
        width:100%;
    }
    .onlytime-expire-right {
        width:100%;
    }
    .onlytime-bar {
        width:100%;
        padding:20px 0;
    }
    .onlytime-quantum-box {
        margin:0;
    }
    .ui-widget-content {
        right:0;
        left:0 !important;
        width:unset !important;
    }
    .back-top {
        bottom:0;
        display:block;
        width:48px !important;
        height:48px !important;
        margin:8px 4px !important;
        background-size:100% !important;
        border:2px solid #fff !important;
        border-radius:50% !important;
        z-index:999;
        padding:0;
    }

    .footer-widget-wrap {

        padding: 0 !important;

        width: 100% !important;

    }

    .footer-widget-item {

        border-bottom: 1px solid #eee;

        padding: 10px !important;

        position: relative;

    }

    .footer-widget-item-none {

        padding: 10px;

    }

    .footer-widget-content {

        display: none;
        margin-top: 10px;

    }

    .footer-widget-title {

        margin: 0;

        position: relative;

    }

    .footer-widget-item:after {

        position: absolute;

        top: 20px;

        right: 10px;

        content: '';

        border-top: 7px solid #ccc;

        border-bottom: 0 solid transparent;

        border-left: 5px solid transparent;

        border-right: 5px solid transparent;

    }

    .footer-widget-title .over-btn{

        display: block;

        position: absolute;

        content: '';

        left: 0;

        right: 0;

        top: 0;

        bottom: 0;

        z-index: 99999;

    }
    .hidden-md{
        display: none;
    }
    .show-md{
        display: block;
    }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .list-pro-mobile {
        padding: 0 7px;
    }
    .list-pro-mobile .col-xs-1, .list-pro-mobile .col-sm-1, .list-pro-mobile .col-md-1, .list-pro-mobile .col-lg-1, .list-pro-mobile .col-xs-2, .list-pro-mobile .col-sm-2, .list-pro-mobile .col-md-2, .list-pro-mobile .col-lg-2, .list-pro-mobile .col-xs-3, .list-pro-mobile .col-sm-3, .list-pro-mobile .col-md-3, .list-pro-mobile .col-lg-3, .list-pro-mobile .col-xs-4, .list-pro-mobile .col-sm-4, .list-pro-mobile .col-md-4, .list-pro-mobile .col-lg-4, .list-pro-mobile .col-xs-5, .list-pro-mobile .col-sm-5, .list-pro-mobile .col-md-5, .list-pro-mobile .col-lg-5, .list-pro-mobile .col-xs-6, .list-pro-mobile .col-sm-6, .list-pro-mobile .col-md-6, .list-pro-mobile .col-lg-6, .list-pro-mobile .col-xs-7, .list-pro-mobile .col-sm-7, .list-pro-mobile .col-md-7, .list-pro-mobile .col-lg-7, .list-pro-mobile .col-xs-8, .list-pro-mobile .col-sm-8, .list-pro-mobile .col-md-8, .list-pro-mobile .col-lg-8, .list-pro-mobile .col-xs-9, .list-pro-mobile .col-sm-9, .list-pro-mobile .col-md-9, .list-pro-mobile .col-lg-9, .list-pro-mobile .col-xs-10, .list-pro-mobile .col-sm-10, .list-pro-mobile .col-md-10, .list-pro-mobile .col-lg-10, .list-pro-mobile .col-xs-11, .list-pro-mobile .col-sm-11, .list-pro-mobile .col-md-11, .list-pro-mobile .col-lg-11, .list-pro-mobile .col-xs-12, .list-pro-mobile .col-sm-12, .list-pro-mobile .col-md-12, .list-pro-mobile .col-lg-12{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .product-item {
        background: #FFF;
        height: 100%;
        padding: 15px 10px;
        border-radius: 0;
        -moz-transition: all .3s ease 0;
        -webkit-transition: all .3s ease 0;
        -o-transition: all .3s ease 0;
        transition: all .3s ease 0;
        box-shadow: none !important;
    }
    .product-scroll-item{
        padding: 0;
    }
    /* filter */


    .filter_mobile_wrap{background-color:#f7f7f7;

        height:100%;

        opacity:1;

        position:fixed;

        top:50px;

        bottom:0;

        left:100%;

        transition:transform .5s ease;

        width:100%;

        z-index:999999;

        display:unset}

        .filter_mobile_wrap.active{transform:translate(-100%,0px)}

        .filter_mobile_wrap .backlink{padding:0 10px}

        .filter_mobile_wrap .backlink a{background-color:rgba(0,0,0,0);

        background-image:url(../img/i_mt8.png);

        background-position:left center;

        background-repeat:no-repeat;

        background-size:21px auto;

        color:#333;

        float:left;

        font-family:Roboto;

        font-size:14px;

        font-weight:400;

        height:45px;

        line-height:45px;

        padding-left:28px;

        text-transform:uppercase;

        display:block;

        width:100%}

        .filter_mobile_wrap .f_d_item_title{background:#fff none repeat scroll 0 0;

        color:#888;

        float:left;

        font-family:Roboto;

        font-size:14px;

        font-weight:400;

        height:40px;

        line-height:40px;

        padding-left:10px;

        text-align:left;

        text-transform:uppercase;

        width:100%}

        .filter-box{border-bottom:1px solid #eee;

        padding-bottom:10px}

        .filter-by-mobile{

        float:left;

        width:100%;

        margin-bottom:10px;

        padding:10px 0;

        background: #FFF;

        }

        .filter-by-mobile .row{

}

        .filter-by-mobile .col-xs-4{padding-left:0;

        padding-right:0}

        .filter-by-mobile .filterBtn{

        color:#4f749e;

        cursor:pointer;

        float:left;

        padding:0;

        text-align:center;

        width:100%;

        line-height: 36px;

        }

        .filter-by-mobile .filterBtn span {
            display: block !important;
            margin: 0 auto !important;
            text-align: center !important;
            margin-bottom: 5px !important;
        }

        .filter-by-mobile .filterBtn a{text-decoration:none}

        .filter-by-mobile .filterBtn .icon-filter{background-image:url(../img/icons%401x-cf9e550cd7.png);

        background-position:-27px -53px;

        display:inline-block;

        height:19px;

        line-height:35px;

        margin-right:4px;

        margin-top:0;

        vertical-align:middle;

        width:17px}

        .filter-by-mobile .filterBtn .filterBtnText{display:inline-block;

        font-family:Roboto;

        font-size:14px;

        font-weight:400;

        line-height:17px;

        max-width:80%;

        text-align:left;

        text-decoration:none;

        vertical-align:middle;

        white-space:normal;

        text-align:center;
        margin-bottom: 0 !important;}

        .filter-by-mobile .filterBtn .icon-sort{background-image:url(../img/icons%401x-cf9e550cd7.png);

        background-position:0 -75px;

        display:inline-block;

        height:20px;

        line-height:35px;

        margin-right:4px;

        margin-top:-2px;

        vertical-align:middle;

        width:15px}

        .filter-by-mobile .filterBtn .icon-brand{

background:url(../img/icon-star.png) center no-repeat;

display:inline-block;

height:19px;

line-height:35px;

margin-right:4px;

margin-top:0;

vertical-align:middle;

width:17px;

display: block;

text-align: center;

margin: 0 auto;

}

        .filter-by-mobile .filterBtn .i_gridView{background:rgba(0,0,0,0) url(../img/i_icon10_ac.png) no-repeat scroll 0 0;

        display:inline-block;

        height:13px;

        vertical-align:-3px;

        width:18px}

        .filter-by-mobile .filterBtn .i_listView{background:rgba(0,0,0,0) url(../img/i_icon11_ac.png) no-repeat scroll 0 0;

        display:inline-block;

        height:13px;

        vertical-align:-3px;

        width:18px}

        .box_filter_mobile{height:100%;

        left:100%;

        position:fixed;

        top:0;

        width:100%;

        z-index:25}

        .box_filter_mobile .box_filter_mobile_content{

            background-color:#efefef;

            height:100%;

            opacity:0;

            position: fixed;

            overflow-y: auto;

            top: 0px;

            transition:transform .5s ease;

            width:100%;

            z-index:99999;

        }

        .box_filter_mobile .box_filter_mobile_content.active{opacity:1;

        transform:translate(-100%,0px);

        z-index:9999}

        .box_filter_mobile .box_filter_mobile_content .box_filter_mobile_content_c{float:left;

        width:100%;

        display:none;

        background-color:#efefef}

        .box_filter_mobile .box_filter_mobile_content .box_filter_mobile_content_c.active{display:block}

        .box_filter_mobile .box_filter_mobile_content .box_filter_mobile_content_c.filter-lv2{background-color:#f7f7f7;

        height:100%;

        opacity:1;

        position:absolute;

        top:0;

        left:100%;

        transition:transform .5s ease;

        width:100%;

        z-index:999999;

        display:unset}

        .box_filter_mobile .box_filter_mobile_content .box_filter_mobile_content_c.filter-lv2.active{transform:translate(-100%,0px)}

        .box_filter_mobile .box_filter_mobile_content .backlink{background-color:#efefef;

        border-bottom:1px solid #d5d2d1;

        float:left;

        padding-left:10px;

        width:100%}

        .box_filter_mobile .box_filter_mobile_content .backlink a{background-color:rgba(0,0,0,0);

        background-image:url(../img/i_mt8.png);

        background-position:left center;

        background-repeat:no-repeat;

        background-size:21px auto;

        color:#333;

        float:left;

        font-family:Roboto;

        font-size:14px;

        font-weight:400;

        height:45px;

        line-height:45px;

        padding-left:28px;

        text-transform:uppercase;

        display:block;

        width:100%}

        .box_filter_mobile .box_filter_mobile_content .f_d_content{float:left;

        height:auto;

        overflow-x:hidden;

        overflow-y:scroll;

        width:100%}

        .box_filter_mobile .box_filter_mobile_content .f_d_content .f_d_item{float:left;

        width:100%}

        .box_filter_mobile .box_filter_mobile_content .f_d_content .f_d_item .f_d_item_title{background:#fff none repeat scroll 0 0;

        color:#888;

        float:left;

        font-family:Roboto;

        font-size:14px;

        font-weight:400;

        height:40px;

        line-height:40px;

        padding-left:10px;

        text-align:left;

        text-transform:uppercase;

        width:100%}

        .box_filter_mobile .box_filter_mobile_content .f_d_content .f_d_item .f_d_item_content{height:100%;

        overflow:hidden;

        float:left;

        text-align:left;

        width:100%}

        .box_filter_mobile .box_filter_mobile_content .f_d_content .f_d_item .f_d_item_content .c_item{border-top:1px solid #d7d7d7;

        float:left;

        width:100%}

        .box_filter_mobile .box_filter_mobile_content .f_d_content .f_d_item .f_d_item_content .c_item a{background:rgba(0,0,0,0) none repeat scroll 0 0;

        color:#444;

        float:left;

        font-size:14px;

        font-weight:400;

        height:40px;

        line-height:40px;

        padding-left:20px;

        text-transform:none;

        width:100%}

        .box_filter_mobile .box_filter_mobile_content .f_d_content .f_d_item .f_d_item_content .c_item a img {

            max-height: 25px;

            display: inline-block;

            vertical-align: middle;

        }

        .box_filter_mobile .box_filter_mobile_content .f_d_content .f_d_item .f_d_item_content .c_item a.active i{background:#fff url(../img/i_check.png) no-repeat scroll center center}

        .box_filter_mobile .box_filter_mobile_content .f_d_content .f_d_item .f_d_item_content .c_item a i{background:#fff none repeat scroll 0 0 padding-box;

        border:1px solid #dcdcdc;

        border-radius:5px;

        float:right;

        height:25px;

        margin-right:10px;

        margin-top:10px;

        width:25px}

        .content_plist{border-top:1px solid #f1f1f1;

        float:left;

        padding-right:15px;

        width:100%}
        .box-scroll {
    flex-wrap: nowrap;
    margin-top: 5px;white-space: nowrap;overflow: hidden;
    overflow-x: scroll;}
    /** filter mobile 2 **/
    .fs-ctf-rmain {white-space: nowrap;
        margin: 0;
        padding-bottom: 10px;width: 1024px;
          
        overflow-x: auto;
        -ms-overflow-style: none;
        -ms-scroll-snap-type: mandatory;
        -ms-scroll-snap-points-x: snapInterval(0%,100%);
        -ms-scroll-chaining: chained;
        -webkit-overflow-scrolling: touch;}
    
    .fs-ctf-cl {margin-left: 80px;}
    
    .fs-ctf-ri {position: unset;}

    
    .fs-ctf-ribox {margin-top: -7px;padding: 7px 7px;height: auto;max-height: 26vh;overflow: hidden;
    overflow-y: auto;right: 0;border-left: 0;border-right: 0;border-radius: 0;box-shadow: 0 10px 10px rgb(0 0 0 / 15%);width: 100%;white-space: normal;}
    .fs-ctf-ritit.open span:before, .fs-ctf-ritit.open span:after {content: '';
        left: 50%;
        position: absolute;
        transform: translateX(-50%);}
    .fs-ctf-ritit.open span:before {border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ddd;
        bottom: -10px;}
    
    .fs-ctf-ritit.open span:after {border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #fff;
        bottom: -10px;}
    
    .fs-ctf-ribox:before, .fs-ctf-ribox:after {display: none;}
    .fs-ctf-ribox li {display: inline-block;border: 1px solid #eee;margin: 4px 2px;border-radius: 4px;}

    .fs-ctf-ribox>li>a {padding: 8px 9px;}

    .fs-ctf-ribox>li>a:before {left: 10px;top: 6px;display: none;}
    .bg-black{
        overflow: hidden;
    }

    .fs-ctf-hrdrop{position:relative;z-index: 1;}

    .fs-ctf-hrdrop button{width: 235px;

    height:36px;

    font-size:14px;

    position:relative;

    padding-right: 20px;

    background:#fff;

    color:#9b9b9b;

    border: solid 1px #ebebeb;

    -webkit-border-radius:2px;

    -moz-border-radius:2px;

    border-radius: 5px;

    outline:0;

    cursor:pointer;float: right;max-width: 100%;z-index: 1;}

    .fs-ctf-hrdrop button:before,.fs-ctf-hrdrop button:after{content:'';

    width:0;

    height:0;

    border-top:6px solid #9b9b9b;

    border-left:6px solid transparent;

    border-right:6px solid transparent;

    position:absolute;

    right: 6px;

    top:15px}

    .fs-ctf-hrdrop button span{padding-left:5px;

    color:#4a4a4a}
    #order-link-mobile{position:absolute;

        top:100%;
        
        width: 235px;
        
        max-width: 100%;right: 0;
        
        z-index:1000;
        
        display:none;
        padding:5px 0;
        
        margin:2px 0 0;
        
        list-style:none;
        
        font-size:14px;
        
        text-align:left;
        
        background-color:#fff;
        
        
        
        border:1px solid rgba(0,0,0,.15);
        
        border-radius:4px;
        
        -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
        
        box-shadow:0 6px 12px rgba(0,0,0,.175);
        
        -webkit-background-clip:padding-box;
        
        background-clip:padding-box}
        
        #order-link-mobile>li>a{display:block;
        
        padding:5px 20px 5px 40px;
        
        clear:both;
        
        font-weight:400;
        
        line-height:1.42857143;
        
        color:#333;
        
        white-space:nowrap;
        
        position:relative}
        
        #order-link-mobile>li.active>a{font-weight:700;
        
        color:#000;
        
        background-color:#fff}
        
        #order-link-mobile>li.active>a:before{content:'';
        
        display:inline-block;
        
        position:absolute;
        
        top:8px;
        
        left:15px;
        
        width:14px;
        
        height:14px;
        
        background:url(../img/icondt.png) no-repeat -177px -157px}
        
        #order-link-mobile>li:hover>a{background:#f9f9f9}
        .filter-wrap {position: relative;border-right: 7px solid transparent;z-index:9;}

        .filter-total {position: absolute;left: 7px;}
        
        .filter-total_title {background-color: #ebebeb;
            border: 1px solid #e0e0e0;
            border-radius: 15px;
            padding: 6px 15px;cursor: pointer;}
            .show-total-filter {display: none;
                background-color: #fff;
                height: 100%;
                left: 0;
                right: 0;
                margin: 0 auto;
                overflow: auto;
                position: fixed;
                padding: 53px 0 15vh;
                top: 0;
                width: 100%;
                
                z-index: 999999;}
                .show-total-filter.active{
                    display: block;
                }
            .show-total-btn {background-color: #fff;
                border-bottom: 1px solid #e0e0e0;
                left: 0;
                right: 0;
                margin: 0 auto;
                position: fixed;
                padding: 6px 10px;
                top: 0;
                width: 100%;
                
                z-index: 13;}
            
            .show-total-btn a {border: 1px solid #e0e0e0;
                border-radius: 4px;
                color: #333;
                float: right;
                font-size: 14px;
                line-height: 21px;
                padding: 5px 5px 5px 0;
                position: relative;
                text-align: right;
                width: 65px;}
            
            .show-total-btn a:before,.show-total-btn a:after {background-color: #333;
                content: '';
                left: 15px;
                height: 10px;
                position: absolute;
                top: 10px;
                width: 1px;}
            
            .show-total-btn a:before {transform: rotate(45deg);}
            
            .show-total-btn a:after {transform: rotate(-45deg);}
            .show-total-txt {font-size: 15px;
                font-weight: bold;
                line-height: 17px;
                margin-bottom: 8px;}
            
            .show-total-item {margin-bottom: 20px;}
            
            .filter-list {
                
                
                
                display: flex;
                flex-wrap: wrap;}
            
            .filter-list a {align-items: center;
                border: 1px solid #e0e0e0;
                border-radius: 4px;
                color: #333;
                display: flex;
                font-size: 14px;
                justify-content: center;
                line-height: 17px;
                margin-bottom: 6px;
                margin-right: 6px;
                padding: 8px 9px;}
            
            .filter-list a.active,.fs-ctf-ribox li.active {border: 1px solid #4a90e2;}
            
            .show-total-main {padding: 0 7px;}
            .filterValue {
                -ms-overflow-style: none;
                -ms-scroll-snap-type: mandatory;
                -ms-scroll-snap-points-x: snapInterval(0%,100%);
                -ms-scroll-chaining: chained;
                -webkit-overflow-scrolling: touch;display: block;padding-bottom: 10px;}
                .del-all-btn {display: none;vertical-align: middle;font-size: 16px;color: #007fc3;}

                .del-all-btn.active {display: inline-block;}
                .sort-title{
                    padding-right: 15px;
                }
                .count-filter{display: none;}
                .filter-total_title span{
                    border-radius: 50%;
                    color: #fff;
                    font-size: 10px;
                    height: 16px;
                    line-height: 16px;
                    position: absolute;
                    top: -8px;
                    text-align: center;
                    right: 5px;
                    width: 16px;
                    background-color: #f89406;
                    display: none;

                }
                .filter-total_title span.active {
                    display: inline-block;
                }
}


@media (max-width:800px) {
    #slider1_container {
        left:-10px;
    }
    .maps-info {
        width:100%;
        margin-bottom:20px;
    }
    .branch {
        width:100%;
        padding:0;
    }
    #product {
        width:100%;
    }
    #product .left {
        width:100%;
        display:block;
    }
    #product .right {
        width:100%;
        display:block;
    }
}

@media (max-width:768px) {
    .hidden-sm{
        display: none;
    }
    .show-sm{
        display: block;
    }
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .content_left {
        width:100%;
        padding:0;
        margin-bottom:20px;
    }
    .content_right {
        width:100%;
    }

    .tb-order td {
        width:50% !important;
        float:none !important;
        box-sizing:border-box;
    }
    table {
        width:100% !important;
    }
    .promo-price {
        float:left;
    }
    #tb-cart table,
    #tb-cart thead,
    #tb-cart tbody,
    #tb-cart th,
    #tb-cart td,
    #tb-cart tr {
        display:block;
        width:100%;
        box-sizing:border-box;
    }
    #tb-cart thead tr {
        position:absolute;
        top:-9999px;
        left:-9999px;
    }
    #tb-cart tr {
        border-bottom:1px solid #0085c3;
    }
    #tb-cart td select {
        width:50px;
    }
    #tb-cart tbody:nth-of-type(2n+1) tr {
        background:#fff;
    }
    #tb-cart tbody:nth-of-type(2n+2) tr {
        background:#f9f9f961;
    }
    #tb-cart td {
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:35%;
        white-space:normal;
        text-align:left;
    }
    #tb-cart td:before {
        position:absolute;
        top:6px;
        left:6px;
        width:45%;
        padding-right:10px;
        white-space:nowrap;
        text-align:left;
        font-weight:700;
        content:attr(data-title);
    }
}

@media (max-width:640px) {

    .hidden-xs{
        display: none;
    }
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
        float: left;
    }
    .col-xs-12 {
        width: 100%;
    }
    .col-xs-11 {
        width: 91.66666667%;
    }
    .col-xs-10 {
        width: 83.33333333%;
    }
    .col-xs-9 {
        width: 75%;
    }
    .col-xs-8 {
        width: 66.66666667%;
    }
    .col-xs-7 {
        width: 58.33333333%;
    }
    .col-xs-6 {
        width: 50%;
    }
    .col-xs-5 {
        width: 41.66666667%;
    }
    .col-xs-4 {
        width: 33.33333333%;
    }
    .col-xs-3 {
        width: 25%;
    }
    .col-xs-2 {
        width: 16.66666667%;
    }
    .col-xs-1 {
        width: 8.33333333%;
    }

    .tb-order input[type="text"],
    .tb-order textarea,
    .tb-order select {
        width:100%;
        box-sizing:border-box;
    }
    .cart-total-row {
        padding:0 1%;
        float:none;
    }
   
    .vlist-img {
        width:100%;
        padding:0;
        margin-bottom:20px;
    }
    .vlist-info {
        width:100%;
        padding:0 10px;
    }
    .vlist-name {
        max-width:100%;
    }
    .vlist-price {
        height:auto;
        position:relative;
        text-align:left;
        display:block;
        padding-left:10px;
    }
    
    #tb-result th {
        display:none;
    }
    #tb-result td {
        width:100%;
        display:block;
        text-align:left;
        box-sizing:border-box;
    }
    #tb-result td:before {
        content:attr(data-title);
        width:100%;
        display:block;
        background:#0C7C95;
        padding:10px 5px;
        box-sizing:border-box;
        color:#FFF;
        font-size:14px;
        margin-bottom:5px;
    }
    .container .video-container {
        position:relative;
        padding-bottom:56.25%;
        padding-top:30px;
        height:0;
        overflow:hidden;
        margin-bottom:20px;
    }
    .container .video-container iframe,
    .container .video-container object,
    .container .video-container embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
}

@media (max-width:600px) {
    .tb-order td {
        width:100% !important;
        display:block;
    }
    #order_pro > * {
        margin-bottom:5px;
        display:inline-block;
    }
    #tb-detail .row-item .label {
        width:30%;
    }
    #tb-detail .row-item .value {
        width:60%;
    }
}

@media (max-width:480px) {
    #order_pro {
        width:100% !important;
    }
    #tbl_contact th {
        width:100%;
        display:block;
        text-align:left;
        text-indent:5px;
    }
    #tbl_contact td {
        width:100%;
        display:block;
    }
    .news-home-item{
        margin-bottom: 20px;
    }
    .news-title{
        min-height: 1px;
    }
    .hidden-sy{
        display: none;
    }
    .col-sy-1, .col-sy-2, .col-sy-3, .col-sy-4, .col-sy-5, .col-sy-6, .col-sy-7, .col-sy-8, .col-sy-9, .col-sy-10, .col-sy-11, .col-sy-12 {
        float: left;
    }
    .col-sy-12 {
        width: 100%;
    }
    .col-sy-11 {
        width: 91.66666667%;
    }
    .col-sy-10 {
        width: 83.33333333%;
    }
    .col-sy-9 {
        width: 75%;
    }
    .col-sy-8 {
        width: 66.66666667%;
    }
    .col-sy-7 {
        width: 58.33333333%;
    }
    .col-sy-6 {
        width: 50%;
    }
    .col-sy-5 {
        width: 41.66666667%;
    }
    .col-sy-4 {
        width: 33.33333333%;
    }
    .col-sy-3 {
        width: 25%;
    }
    .col-sy-2 {
        width: 16.66666667%;
    }
    .col-sy-1 {
        width: 8.33333333%;
    }
}


@media (max-width:360px) {
    .ads-img {
        width:100%;
    }
    .hidden-ss{
        display: none;
    }
    .col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-ss-10, .col-ss-11, .col-ss-12 {
        float: left;
    }
    .col-ss-12 {
        width: 100%;
    }
    .col-ss-11 {
        width: 91.66666667%;
    }
    .col-ss-10 {
        width: 83.33333333%;
    }
    .col-ss-9 {
        width: 75%;
    }
    .col-ss-8 {
        width: 66.66666667%;
    }
    .col-ss-7 {
        width: 58.33333333%;
    }
    .col-ss-6 {
        width: 50%;
    }
    .col-ss-5 {
        width: 41.66666667%;
    }
    .col-ss-4 {
        width: 33.33333333%;
    }
    .col-ss-3 {
        width: 25%;
    }
    .col-ss-2 {
        width: 16.66666667%;
    }
    .col-ss-1 {
        width: 8.33333333%;
    }
}

@media(max-width:320px) {
    .h-product-item {
        width:100%;
    }
    #tbl_contact input[type="text"] {
        width:250px;
    }
    #tbl_contact textarea {
        width:250px;
        height:100px;
    }
}