:root  {
        --bg-main:  linear-gradient(to right,  rgba(232,  192,  83,  1),  rgba(159,  107,  21,  1),  rgba(231,  213,  148,  1),  rgba(167,  117,  32,  1));
        --cl-main:  rgba(244,  102,  0,  1);
        --clr-border:  rgba(244,  102,  0,  1);
        --color-1:  rgba(0,  0,  0,  0.85);
        --color-2:  rgba(232,  192,  83,  1);
        --color-3:  rgba(1,  80,  177,  1);
        --color-4:  rgba(145,  145,  145,  1);
        --color-5:  rgba(244,  102,  0,  0.55);
        --color-back:  #333;
        --trans:  all 350ms ease-in-out;
        --primary-font:  'MitrL',  sans-serif;
        --secondary-font:  'MitrL',  sans-serif;
}
@font-face  {
        font-family:  'MitrL';
        src:  url('templates/fonts/Mitr-Light.ttf');
}
@font-face  {
        font-family:  'MitrR';
        src:  url('templates/fonts/Mitr-Regular.ttf');
}
@font-face  {
        font-family:  'MitrM';
        src:  url('templates/fonts/Mitr-Bold.ttf');
}
.webkit-box-1  {
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  1;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.webkit-box-2  {
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  2;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.webkit-box-3  {
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  3;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.webkit-box-4  {
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  4;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.webkit-box-5  {
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  5;
        overflow:  hidden;
        text-overflow:  ellipsis;
}

html  {
        font:  normal 62.5% 'MitrL'!important;
}

body  {
        transition:  var(--trans);
        overflow-x:  hidden;
        max-width:  1920px;
        margin:  0 auto;
        color:  #545454;
        scroll-behavior:  smooth;
}

a, a:hover  {
        transition:  var(--trans);
}
.rel  {
        position:  relative;
}
.clearfix  {
        clear:  both;
}
.un-style  {
        list-style-type:  none;
        margin:  0;
        padding:  0;
}
.transition  {
        -webkit-transition:  0.3s ease-out;
        -moz-transition:  0.3s ease-out;
        -o-transition:  0.3s ease-out;
        transition:  0.3s ease-out;
}
.hide, .hidden  {
        display:  none!important;
}
.nav-top>li  {
        float:  left;
        position:  relative;
}
.nav-top>li>a  {
        color:  #c43030;
}
.nav-top a:after  {
        border-left-color:  #c43030;
}

header  {
        background:  #515154;
        padding-bottom:  25px;
}
.navbar-form input  {
        background-color:  #eee;
        color:  #444;
        height:  3.6rem;
        width:  100%;
        font-size:  1.4rem;
        padding:  0 1.5rem;
        border:  1px solid #eee;
}
.navbar-form button, .navbar-form button:focus  {
        background:  transparent;
        color:  var(--color-blue);
        border-radius:  0;
        outline:  none!important;
        outline:  none;
        box-shadow:  unset;
}
.left-menu  {
        display:  flex;
        justify-content:  flex-start;
        align-items:  center;
}
.right-menu  {
        display:  flex;
        justify-content:  flex-end;
        align-items:  center;
}
.d__FlexMenu  {
        padding:  10px 0;
}
.head-top .logo img  {
        max-height:  7rem;
        height:  unset;
        width:  13rem;
}
.head-top .logo  {
        width:  17rem;
        padding-right:  1rem;
}
.head-top .mainMenu  {
        width:  calc(100% - 37rem);
}
.av_user_min  {
        width:  2.5rem;
        height:  2.5rem;
        object-fit:  cover;
        border:  1px solid #eee;
        padding:  0.1rem;
        border-radius:  50%;
}
.head-top .subMenu  {
        width:  20rem;
        padding-left:  1rem;
        display:  flex;
        justify-content:  flex-end;
        align-items:  flex-end;
}
.headMember  {
        display:  flex;
        margin-left:  1rem;
        align-items:  center;
}
.headMember>li  {
        position:  relative;
        padding:  0 0.3rem;
        margin:  0 0.3rem;
}
.headMember>li>a  {
        color:  #fff;
}
.headMember>li:hover>a, .headMember>li.active>a  {
        color:  var(--color-2);
}
.headMember>li>ul  {
        list-style-type:  none;
        padding:  0 0;
}
#selectLangs  {
        font-size:  1.4rem;
        width:  4.5rem;
        background-color:  transparent;
        border-color:  rgba(232,  192,  83,  1);
        outline:  none;
        color:  rgba(232,  192,  83,  1);
        border-radius:  0.3rem;
        height:  2.4rem;
        /* background:  linear-gradient(to right,  #30CFD0 0%,  #330867 100%);
        background-clip:  text;
        color:  transparent;
     */}
.m_menu  {
        display:  none;
}
.navbar-form  {
        margin:  20px 0;
}
.navbar-form input::placeholder  {
        color:  #555;
        opacity:  1;
}
.navbar-form input:-ms-input-placeholder  {
        color:  #555;
}
.navbar-form input::-ms-input-placeholder  {
        color:  #555;
}
.right-head_hotline  {
        border:  none;
        border-radius:  0;
        min-width:  200px;
}
.right-head_hotline img  {
        float:  left;
        margin-right:  10px;
}
.right-head_hotline b  {
        font-size:  18px;
}
.right-head_cart .icon .num  {
        font-size:  12px;
        font-weight:  600;
        color:  #ee4a3e;
        position:  absolute;
        border:  1px solid #fff;
        line-height:  16px;
        height:  20px;
        padding-left:  5px;
        background-color:  #a20a09;
        text-align:  center;
        padding-right:  5px;
        border-radius:  50%;
        line-height:  20px;
        color:  #fff;
}
.right-head_cart .title  {
        padding-top:  10px;
        display:  inline-block;
        color:  #fff;
}
.cate__tit  {
        position:  relative;
        z-index:  9;
        margin-top:  -40px;
        background:  #7a0c0c;
        color:  #fff;
        line-height:  40px;
        padding:  0 0;
        text-indent:  10px;
        border-radius:  5px 5px 0 0;
        display:  flex;
        justify-content:  space-between;
        padding-right:  10px;
}
.nav-product  {
        position:  relative;
        list-style-type:  none;
        margin:  0;
        padding:  0;
}
.nav-product li  {
        background:  #eae09e;
        border-bottom:  1px solid #fff;
        position:  relative;
}
.nav-product li a  {
        display:  block;
        text-indent:  10px;
        line-height:  37px;
        color:  #c43030;
        font-family:  'UTM_Staccato';
        font-size:  18px;
}
.nav-product li ul  {
        position:  absolute;
        left:  100%;
        top:  0;
        list-style-type:  none;
        min-width:  280px;
        display:  none;
        margin:  0;
        padding:  0;
        z-index:  9;
}
.nav-product li ul li a  {
        display:  block;
        text-decoration:  none;
}
.nav-product li:hover ul  {
        display:  block;
}
.left__sl424  {
        width:  calc(78%);
        float:  left;
        padding-top:  10px;
}
.right__ht424  {
        width:  calc(22%);
        float:  right;
        padding-left:  10px;
        position:  relative;
}
.system__store  {
        position:  relative;
        margin-top:  -30px;
        color:  #fff;
        z-index:  9;
        font-size:  17px;
        text-transform:  uppercase;
}
.system__store span  {
        cursor:  pointer;
}
.right__ht424 .divbd  {
        padding:  6px 0;
        background:  linear-gradient(to right,  #eae09e,  #fcfcfc);
}
.right__ht424 .divbd ul  {
        position:  relative;
        list-style-type:  none;
        margin:  0;
        padding:  0;
        /* border-top:  6px solid linear-gradient(to right,  red,  purple);
        border-bottom:  6px solid linear-gradient(to right,  red,  purple);
     */    background-color:  #515154;
}
.right__ht424 .divbd ul li  {
        display:  block;
        background:  #c43030;
        margin-bottom:  6px;
}
.right__ht424 .divbd ul li:last-child  {
        margin-bottom:  0;
}
.right__ht424 .sup_item  {
        padding:  15px 5px;
        color:  #fff;
}
.sup_itemImg  {
        float:  left;
        width:  50px;
}
.sup_itemImg img  {
        max-width:  40px;
        margin-top:  5px;
}
.right__ht424 .sup_item h4  {
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  1;
        font-size:  14px;
        line-height:  20px;
        overflow:  hidden;
        text-overflow:  ellipsis;
        margin-bottom:  2px;
}
.right__ht424 .sup_item p  {
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  2;
        font-size:  13px;
        line-height:  18px;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.list__store  {
        position:  absolute;
        width:  96%;
        list-style-type:  none;
        margin:  0;
        padding:  0;
        display:  none;
        background-color:  #fff;
        box-shadow:  rgba(0,  0,  0,  0.12) 0px 1px 3px,  rgba(0,  0,  0,  0.24) 0px 1px 2px;
        z-index:  9;
}
.list__store.open  {
        display:  block;
}
.list__store>li  {
        display:  block;
}
.list__store>li>a  {
        display:  block;
        line-height:  30px;
        text-indent:  10px;
}
.site-partner  {
        width:  100%;
        float:  left;
        position:  relative;
        padding:  5px 50px;
}
.site-partner .swiper-slide  {
        position:  relative;
        border:  1px solid #eae09e;
}
.site-bnc  {
        position:  relative;
        padding:  30px 0;
}
.site-bnc .container-fluid  {
        position:  relative;
}
.partnerItem  {
        text-align:  center;
        padding:  0 30px;
}
.partnerItem h4  {
        font-size:  16px;
        margin-top:  15px;
        line-height:  22px;
}
.site-cket .container-fluid  {
        position:  relative;
}
.partnerItem img  {
        height:  45px;
}
.swiper-button-next:after, .swiper-button-prev:after  {
        font-size:  2rem!important;
        font-weight:  600;
}
.site-khuyenmai  {
        margin-top:  30px;
}
.product__titHome h2  {
        text-align:  center;
        margin-bottom:  40px;
}
.product__titHome h2 span  {
        font-family:  'UTM_Staccato';
        color:  #515154;
        text-transform:  uppercase;
        position:  relative;
}
.product__titHome h2 span:after  {
        position:  absolute;
        width:  100%;
        height:  6px;
        content:  '';
        background:  url(templates/images/line_productsale.png)no-repeat;
        background-size:  100% 100%;
        left:  0;
        bottom:  -10px;
}
.site-khuyenmai .inner  {
        position:  relative;
}
.item_product  {
        transform:  var(--trans);
}
.product__txt  {
        position:  relative;
        padding-bottom:  10px;
}
.item_product_title  {
        height:  55px;
}
.item_product_title a  {
        font-weight:  600;
        font-size:  16px;
        line-height:  24px;
        color:  #1D1D1F;
        display:  -webkit-box;
        -webkit-line-clamp:  2;
        -webkit-box-orient:  vertical;
        overflow:  hidden;
}
.item_product_title:hover a  {
        color:  var(--color-blue);
}
.item_product_price  {
        white-space:  nowrap;
        font-weight:  700;
        font-size:  16px;
        line-height:  24px;
        color:  red;
        margin-bottom:  5px;
}
.item_product_price del  {
        color:  #86868B;
        margin:  0 5px 0 5px;
        font-size:  14px;
        line-height:  24px;
        font-weight:  300;
        float:  right;
}
.swiperProductSale-next  {
        right:  -30px!important;
}
.swiperProductSale-prev  {
        left:  -30px!important;
}
.item_product>a .sale  {
        background:  url(templates/images/bg_sale.png)no-repeat;
        background-size:  100% 100%;
        font-family:  'UTM_Staccato';
        color:  #515154;
}
.item_productAction  {
        text-align:  center;
        opacity:  0;
        transition:  var(--trans);
}
.item_product:hover .item_productAction  {
        opacity:  1;
}
.btn-dt, .btn-buyn  {
        color:  #fff;
        margin:  0 5px;
        border-radius:  0;
        font-size:  1.4rem;
}
.link_wrap_img  {
        position:  relative;
}
.addCart a  {
        display:  inline-block;
        opacity:  0;
        -moz-transform:  translateY(30px);
        -webkit-transform:  translateY(30px);
        -o-transform:  translateY(30px);
        -ms-transform:  translateY(30px);
        -webkit-transition:  all 0.5s;
        -moz-transition:  all 0.5s;
        -o-transition:  all 0.5s;
        transition:  all 0.5s;
        min-width:  140px;
        text-transform:  uppercase;
}
/*.link_wrap_img::before  {
        content:  "";
        position:  absolute;
        left:  0;
        top:  0;
        bottom:  0;
        right:  0;
        background-color:  rgba(255,  255,  255,  0.5);
        transition:  all .5s ease-in-out;
        -moz-transform:  scale(0);
        -webkit-transform:  scale(0);
        transform:  scale(0);
        z-index:  1;
}
.item_product:hover .link_wrap_img::before  {
        -moz-transform:  scale(1);
        -webkit-transform:  scale(1);
        transform:  scale(1);
}
*/.item_product  {
        background:  #fff;
        padding:  20px 20px;
}
.product__titHomeCate  {
        margin-bottom:  30px;
}
.product__titHomeCate h2  {
        position:  relative;
        text-align:  center;
}
.product__titHomeCate h2 span  {
        text-transform:  uppercase;
        color:  #fff;
        font-family:  'UTM_Staccato';
        position:  relative;
        padding:  10px 40px;
        background:  url(templates/images/bg_tit.png);
        background-size:  100% 100%;
}
.feedback__content  {
        position:  relative;
        width:  100%;
        height:  0;
        padding-bottom:  25%;
        background-size:  cover;
        background-position:  center;
        position:  relative;
}
.feedback_text  {
        background-color:  rgba(139,  34,  34,  0.8);
        position:  absolute;
        width:  50%;
        right:  0;
        top:  0;
        height:  100%;
        z-index:  9;
}
.feedback_text  {
        text-align:  center;
}
.feedback_text h3  {
        text-transform:  uppercase;
        color:  #eae09e;
        font-family:  'UTM_Staccato';
        margin-bottom:  30px;
}
.item__kh  {
        padding:  0 20%;
}
.item__kh img  {
        height:  150px!important;
        width:  150px!important;
        border-radius:  50%;
        border:  3px solid #eae09e;
        box-shadow:  rgba(60,  64,  67,  0.3) 0px 1px 2px 0px,  rgba(60,  64,  67,  0.15) 0px 1px 3px 1px;
}
.item__kh p  {
        overflow:  hidden;
        text-overflow:  ellipsis;
        display:  -webkit-box;
        -webkit-line-clamp:  3;
        -webkit-box-orient:  vertical;
        line-height:  24px;
        margin-top:  30px;
}
.item__kh  {
        color:  #eae09e;
}
.mySwiperkh-next, .mySwiperkh-prev  {
        color:  #fff!important;
}
.site-blogs__tit h2  {
        text-align:  center;
}
.site-blogs__tit h2 span  {
        text-transform:  uppercase;
        color:  #7a0c0c;
        font-family:  'UTM_Staccato';
        position:  relative;
        padding:  10px 40px;
}
.keySuggest  {
        font-style:  italic;
        font-size:  13px;
        color:  #fff;
        margin-top:  10px;
}
.navbar-form button  {
        padding:  0 10px;
}

h4.blog_tit  {
        line-height:  22px;
}

h4.blog_tit a  {
        font-size:  1.8rem;
        color:  #111;
        font-weight:  600;
        text-transform:  uppercase;
}

h4.blog_tit a:hover  {
        color:  rgba(228,  146,  0,  1);
}
.pn-posts  {
        padding:  3rem 0;
}
.blog__item .info .desc  {
        font-size:  1.4rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  3;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.link_wrap_img  {
        padding:  10px;
        overflow:  hidden;
}
.link_wrap_img img  {
        transition:  all 1s;
}
.link_wrap_img:hover img  {
        transform:  scale(1.1);
}
.blog__item .blog__item_img  {
        position:  relative;
}
.blog__item .blog__item_content  {
        position:  relative;
}
.blog__item .blog__item_content p  {
        overflow:  hidden;
        text-overflow:  ellipsis;
        display:  -webkit-box;
        -webkit-line-clamp:  4;
        -webkit-box-orient:  vertical;
        font-size:  14px;
        line-height:  20px;
}
.blog__item  {
        width:  100%;
        float:  left;
}
.blog__item .img  {
        margin-bottom:  1rem;
        position:  relative;
        overflow:  hidden;
}
.blog__item .img img  {
        width:  100%;
        height:  30rem;
        object-fit:  cover;
}
.site-blogs__tit h2  {
        margin-bottom:  30px;
}
.blog__line  {
        text-align:  right;
        position:  relative;
}
.blog__line:after  {
        position:  absolute;
        content:  '';
        width:  calc(100% - 60px);
        left:  0;
        bottom:  5px;
        height:  1px;
        background-color:  #7a0c0c;
}
.blog__line a  {
        color:  #7a0c0c;
        font-size:  13px;
}
.logo__footer  {
        margin-top:  30px;
        display:  block;
}
.mxh__foo ul  {
        position:  relative;
        list-style-type:  none;
        margin:  0 0;
        padding:  0;
        width:  100%;
        float:  left;
}
.mxh__foo>ul>li  {
        display:  inline-block;
        margin-right:  0.2rem;
}
.title-f:before  {
        background-color:  #eae09e;
}
.content-f ul li a:hover  {
        color:  #eae09e;
}
.tit-lienhe  {
        text-transform:  uppercase;
        font-size:  2.4em;
        margin-bottom:  2rem;
        background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
        font-family:  'MitrM';
}
.btn__contact  {
        background-color:  #eae09e;
        border-color:  #eae09e;
        color:  #c43030;
        border-radius:  5px;
}
#contact-form .form-control:not(.text_nd)  {
        height:  4rem;
}
.sub_meta_post  {
        position:  absolute;
        z-index:  99;
        bottom:  0;
        left:  0;
        width:  100%;
        display:  flex;
        justify-content:  space-between;
        align-items:  center;
        color:  #fff;
        padding:  1rem 1rem;
        font-size:  1.4rem;
}
.sub_meta_post .bg_meta  {
        background-color:  rgba(255,  167,  12,  1);
        border-radius:  2rem 2rem;
        padding:  0.5rem 1.5rem 0.7rem 1.5rem;
        display:  flex;
        align-items:  center;
        font-size:  1.3rem;
}
.sub_meta_post .bg_meta .time, .sub_meta_post .bg_meta .author  {
        margin-left:  0.5rem;
}
.pn-playground  {
        padding:  3rem 0;
        background-color:  #111;
}
.wrap__map  {
        position:  relative;
        width:  100%;
        height:  0;
        padding-bottom:  40%;
}
.wrap__map iframe  {
        position:  absolute;
        width:  100%;
        height:  100%;
        top:  0;
        left:  0;
}
.sodotrang  {
        background-color:  transparent;
        border-top:  transparent;
        color:  #333;
}
.wrap__banner .sodotrang  {
        position:  absolute;
        width:  100%;
        top:  30%;
}
.breadcrumb  {
        justify-content:  center;
}
.breadcrumb a  {
        color:  #fff;
        font-size:  1.7rem;
        text-transform:  uppercase;
}
.breadcrumb li.active a  {
        background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
}
.breadcrumb-item+.breadcrumb-item::before  {
        color:  #fff;
        margin-top:  0.4rem;
}
.tit__opage span  {
        text-transform:  uppercase;
        position:  relative;
        font-size:  2rem;
        font-weight:  600;
}
.spacial  {
        font-weight:  600;
        line-height:  22px;
        font-size:  16px;
        color:  #232323;
}
.form_ct .cont  {
        font-size:  1.6rem;
        margin-bottom:  2rem;
        color:  #fff;
}
/* .tit__opage span:after  {
        position:  absolute;
        width:  100%;
        height:  6px;
        content:  '';
        background:  url(templates/images/line_productsale.png)no-repeat;
        background-size:  100% 100%;
        left:  0;
        bottom:  -10px;
}
 */.cont-nd  {
        padding:  1rem 0 3rem 0;
}
.mota_danhmuc  {
     font-size:  2rem;
     margin-bottom:2rem;
}
.num_video_uploaded  {
        color:  #666;
        font-size:  1.6rem;
        margin-bottom: 3rem;
}
.tit_rs_search  {
        font-size:  1.4rem;
        margin-bottom:  1rem;
}
.body-sanpham  {
        margin:  0;
        padding:  3rem 0;
        background-color:  transparent;
}
.tit__productPage  {
        position:  relative;
}
.tit__productPage span  {
        font-size:  20px;
        color:  #232323;
        position:  relative;
        text-transform:  uppercase;
        font-weight:  600;
}
.chitiet_sp_hot_title  {
        color:  var(--cl-main);
        font-size:  2.4rem;
        line-height:  3rem;
}
.chitiet_sp_hot_gia del, .chitiet_sp_hot_gia span  {
        color:  #eae09e;
}
.chitiet_sp_hot_gia  {
        color:  red;
        display:  flex;
        font-size:  2rem;
        font-weight:  600;
        font-family:  'OpenSansM';
}
.chitiet_sp_hot_gia del, .chitiet_sp_hot_gia span  {
        color:  #515154;
        font-weight:  600;
}
.col-thongtin-ctsp .list-info  {
        font-size:  1.45rem;
}
.col-thongtin-ctsp .list-info>li  {
        line-height:  3rem;
}
.chitiet_sp_capacity  {
        margin-bottom:  10px;
        color:  #515154;
}
.option-list  {
        display:  flex;
        flex-wrap:  wrap;
}
.option-list li  {
        margin:  0;
}
.option-list label  {
        background:  #FFFFFF;
        border:  1px solid #EBEBEB;
        border-radius:  4px;
        padding:  8px 15.668px;
        cursor:  pointer;
        min-width:  70px;
        min-height:  38px;
        font-weight:  400;
        font-size:  13px;
        line-height:  20px;
        text-align:  center;
        color:  #86868B;
        margin-left:  0;
}
.checked-attr  {
        border:  2px solid #0066cc !important;
}
.mota_sp  {
        color:  #333;
}
.mota_sp li  {
        padding:  7px 10px;
        color:  #4d4b4b;
        background-image:  url(templates/images/green.png);
        background-repeat:  no-repeat;
        background-position:  10px center;
        padding-left:  38px;
        background-size:  14px;
}
.mota_sp ul  {
        list-style-type:  none;
        padding-left:  0px;
}
.Swiper_spct img, .Swiper_spct2 .Swiper_sp_hot_img  {
        padding:  4px;
        cursor:  pointer;
}
.Swiper_spct2 img  {
        border:  0.1rem solid var(--color-5);
        padding:  1rem!important;
        background-color:  #fff;
        object-fit:  contain;
        height:  unset;
        height:  44rem!important;
        border-radius:  0 2rem 0 2rem;
}
.Swiper_sp_hot_img  {
        width:  99%;
}
.box_right_sp_title  {
        background-color:  #edc180;
        border-radius:  4px 4px 0 0;
        color:  #fff;
}
.tit_splq  {
        text-transform:  uppercase;
        margin:  20px 0;
        font-weight:  600;
        color:  #333;
}
.btn-buyn  {
        color:  #fff;
        background-color:  var(--bg-main);
}
.item__products .caption .addCart  {
        text-align:  center;
        position:  absolute;
        left:  0;
        bottom:  0;
        width:  100%;
}
.item__products .caption .price  {
        color:  #222;
        font-weight:  600;
}
.block__carts  {
        padding:  3rem 0;
        font-size:  1.4rem;
}
.cart-action .btn, .btn-thanhtoan.active, .btn-dathang  {
        background:  var(--cl-main);
        color:  #fff;
}
.shopping-summery .product-name  {
        color:  #000;
        font-size:  1.3rem;
        margin-bottom:  0.3rem;
        line-height:  1.6rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  2;
        overflow:  hidden;
        text-overflow:  ellipsis;
        font-weight:  600;
        margin-bottom:  0rem;
}
.shopping-summery table thead th.start  {
        border-radius:  0;
        text-align:  left;
}
.shopping-summery table thead th.end  {
        border-radius:  0;
}
.shopping-summery table thead th  {
        padding:  7px 10px;
        background-color:  #515154;
        color:  #fff;
}
.shopping-summery .text-price  {
        font-size:  1rem;
}
.shopping-summery table> :not(caption)>*>*  {
        padding:  5px 5px;
}
.video_home_title  {
        background:  none;
        padding-left:  0;
        color:  #222;
        font-size:  18px;
        margin-top:  15px;
}
.title-news_ct  {
        font-weight:  600;
        color:  #333;
        font-size:  2.4rem;
        margin-bottom:  0;
}
.title-news_ct:after  {
        display:  none;
}
.post-header__meta  {
        font-size:  1.4rem;
        letter-spacing:  .02em;
        color:  #b2b2b2;
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        -ms-flex-wrap:  wrap;
        flex-wrap:  wrap;
}
.post-header__meta-item  {
        position:  relative;
        margin-right:  2rem;
}
.post_meta  {
        padding:  1rem 0;
        font-size:  1.7rem;
        line-height:  2.4rem;
        color:  #333;
        font-family:  'MitrR';
}
.pn-detailPost .container  {
        max-width:  1200px;
}
.head-mobile  {
        background:  #515154;
}
.offcanvas_w2  {
        background:  #515154;
}
.offcanvas_w2 .offcanvas-body ul li a  {
        color:  #fff;
}
.offcanvas_w2 .btn-close  {
        color:  #fff!important;
        background:  url('templates/images/close.png')no-repeat;
        background-size:  100% 100%;
}
.giohang-mobile span.numCart  {
        position:  absolute;
        bottom:  5px;
        right:  -15px;
        background-color:  #fff;
        color:  #333;
        line-height:  14px;
        border-radius:  10px;
        font-size:  10px;
        padding:  1px 5px;
}
.aroCart  {
        width:  40px;
        height:  40px;
        background-color:  #fff;
        padding:  7.5px;
        border-radius:  50%;
        display:  flex;
        align-items:  center;
}
.aroCart img  {
        height:  25px;
        width:  25px;
}
.nameCart  {
        color:  #fff;
        font-size:  14px;
        margin-left:  5px;
}
/* m_menu.php*/#m_menu  {
        display:  none;
}
.close__menu  {
        height:  1.5rem;
}
.title-rpmenu  {
        padding:  0 1rem 0 1rem;
        color:  #FFF;
        font-size:  1.6rem;
        cursor:  pointer;
        position:  relative;
        z-index:  999;
}
.title-rpmenu .icon-bar  {
        width:  3rem;
        height:  0.2rem;
        background:  #fff;
        float:  left;
        clear:  both;
        margin-bottom:  0.7rem;
        border-radius:  0px;
        overflow:  hidden;
}
.icon-bar.last  {
        margin-bottom:  0;
}
#responsive-menu .content ul li span.gg  {
        display:  none;
}
#responsive-menu .close  {
        position:  absolute;
        top:  -5px;
        right:  5px;
        font-size:  2.4rem;
        z-index:  99991;
        opacity:  1;
        font-weight:  300;
        color:  #fff;
        background:  transparent;
        border-color:  transparent;
        padding:  0;
        opacity:  1;
}
#responsive-menu  {
        border-top:  none;
        width:  100%;
        overflow:  hidden;
        background:  #666;
        position:  absolute;
        z-index:  9999;
        display:  none;
        left:  0;
        margin-top:  0;
        top:  0;
}
.pop_search_frm_m  {
        display:  none;
        position:  absolute;
        width:  100%;
        top:  100%;
        left:  0;
        z-index:  999;
        background-color:  #fff;
        padding:  1rem 2rem;
}
/* #responsive-menu.show  {
        display:  block;
}
 */#responsive-menu .search  {
        position:  relative;
        padding:  0 5px;
        margin-top:  25px;
}
#responsive-menu .content  {
        float:  right;
        width:  100%;
}
#responsive-menu .content ul  {
        list-style:  none;
        padding:  0;
        width:  100%;
}
#responsive-menu .content>ul  {
        padding:  0;
        margin:  0;
}
#responsive-menu .content .toggle-menu  {
        float:  right;
        cursor:  pointer;
        position:  absolute;
        top:  0px;
        right:  10px;
}
#responsive-menu .content .toggle-menu i  {
        font-size:  16px;
        font-weight:  500;
        transition:  .4s all;
}
#responsive-menu .content ul li a  {
        color:  #FFFFFF;
        font-size:  1.6rem;
        padding-left:  10px;
        display:  block;
        max-width:  calc(100% - 15px);
        line-height:  1.8rem;
}
#responsive-menu .content ul li  {
        -moz-transition:  all 0.3s ease;
        -o-transition:  all 0.3s ease;
        -ms-transition:  all 0.3s ease;
        transition:  all 0.3s ease;
        border-bottom:  1px solid rgba(247,  246,  246,  0.25);
        position:  relative;
        cursor:  pointer;
        float:  none;
}
#responsive-menu .content ul li a  {
        line-height:  40px;
}
#responsive-menu .content ul li:last-child  {
        border-bottom:  none;
}
#responsive-menu .content ul li:hover  {
        background:  #9f9f9f;
}
#responsive-menu .content ul li ul  {
        display:  none;
}
#responsive-menu .content li li:first-child  {
        border-top:  1px solid #c4c4c4;
}
#responsive-menu .content>ul>li ul  {
        position:  relative;
}
#responsive-menu .content>ul li ul li  {
        text-indent:  10px;
}
#responsive-menu .content>ul li ul li a  {
        font-size:  1.4rem;
        text-transform:  capitalize;
}
#responsive-menu .content>ul li ul li ul li  {
        text-indent:  10px;
}
#responsive-menu .content>ul li ul li ul li a  {
        font-size:  1.4rem;
        text-indent:  2rem;
}
.res__head  {
        padding:  1rem 1rem;
        background-color:  var(--color-1);
}
.res__search  {
        padding:  5px 10px;
}
.res__head span  {
        color:  #fff;
        font-size:  1.35rem;
        font-weight:  600;
}
/* End m_menu.php */.hidden  {
        display:  none;
}
.res__search .form-search-nav  {
        margin-bottom:  5px;
}
.cate__left  {
        width:  calc(25%);
        float:  left;
}
.slider__right  {
        width:  calc(75%);
        float:  left;
}
.pn-head  {
        position:  relative;
        background-size:  100% 100%!important;
}
.menu_t  {
        display:  flex;
}
.menu_t>ul  {
        list-style-type:  none;
        padding:  0 0;
        margin:  0;
        display:  flex;
        width:  100%;
}
.menu_t>ul>li  {
        padding:  0 2rem;
}
.menu_t>ul>li>a  {
        color:  #fff;
        font-size:  1.6rem;
        text-transform:  uppercase;
        font-weight:  600;
        padding:  0 0;
        position:  relative;
        z-index:  1;
        -webkit-transition:  all 0.3s;
        -moz-transition:  all 0.3s;
        -o-transition:  all 0.3s;
        transition:  all 0.3s;
        background:  transparent;
}
.menu_t>ul>li>a:before  {
        position:  absolute;
        bottom:  -1rem;
        left:  0;
        content:  '';
        height:  0.2rem;
        width:  0;
        background-image:  var(--bg-main);
        transition:  width 0.5s;
        border-radius:  0.05rem;
}
.menu_t>ul>li:hover>a:before, .menu_t>ul>li.current>a:before  {
        transition:  width 0.5s;
        width:  100%;
}
.menu_t>ul>li:hover>a  {
        color:  #fff;
}
.menu_t>ul>li>ul  {
        position:  absolute;
        top:  100%;
        left:  0;
        transition:  height 0.1s ease-out;
        z-index:  999;
        display:  none;
        box-shadow:  rgba(0,  0,  0,  0.24) 0px 3px 8px;
}
.menu_t>ul>li>ul>li  {
        min-width:  300px;
        background:  #515154;
        text-indent:  10px;
        border-bottom:  1px solid #fff;
        position:  relative;
}
.menu_t>ul>li>ul>li:hover  {
        background:  #232323;
}
.menu_t>ul>li>ul>li>a  {
        color:  #fff;
        line-height:  36px;
        display:  block;
}
.menu_t>ul>li>ul>li:last-child  {
        border-bottom-color:  transparent;
}
.menu_t>ul>li:hover>ul  {
        display:  block;
}
.menu_t>ul>li>ul>li>ul  {
        position:  absolute;
        top:  0px;
        left:  100%;
        background:  #515154;
        z-index:  9;
        display:  none;
        box-shadow:  rgba(0,  0,  0,  0.24) 0px 3px 8px;
}
.menu_t>ul>li>ul>li>ul>li  {
        min-width:  300px;
        border-bottom:  1px solid #fff;
        line-height:  37px;
}
.menu_t>ul>li>ul>li>ul>li:hover  {
        background:  #232323;
}
.menu_t>ul>li>ul>li>ul>li>a  {
        color:  #fff;
        font-size:  14px;
}
.menu_t>ul>li>ul>li>ul>li:last-child  {
        border-bottom:  none;
}
.menu_t>ul>li>ul>li:hover>ul  {
        display:  block;
}
.site-salehome  {
        padding:  30px 0;
        background:  #F2F1F1;
}
.block__5  {
        width:  calc(20% - 15px);
        margin:  7.5px 7.5px;
        float:  left;
        padding:  0;
}
.tit__home span  {
        font-size:  26px;
        color:  var(--color-blue);
        position:  relative;
        line-height:  30px;
}
.site-bc  {
        padding:  40px 0;
}
.site-bc .inner  {
        position:  relative;
}
/* .swiperProductSale-next, .swiperProductSale-prev  {
        color:  #333!important;
        font-weight:  600;
        width:  30px!important;
        height:  30px!important;
        border-radius:  50%;
        border:  1px solid #666;
}
 */.tit__home  {
        margin-bottom:  15px;
}
.site-vct  {
        padding:  40px 0;
}
#mucluc-pnvn  {
        width:  100%;
}
.site-cket  {
        background:  #F2F1F1;
        padding:  30px 0;
}
.site-catehome  {
        padding:  30px 0;
}
.banner__cate  {
        margin-top:  15px;
}
.link_c1  {
        color:  #787878;
}
.site-catehome .tit__home  {
        color:  #222;
        display:  flex;
        justify-content:  space-between;
        margin-bottom:  20px;
        align-items:  center;
}
.menui_action  {
        font-size:  15px;
        color:  #333;
        text-transform:  capitalize;
}
.list__SubCate  {
        position:  relative;
        width:  100%;
        float:  left;
        list-style-type:  none;
        margin:  0;
        padding:  0;
}
.cate-left  {
        width:  calc(25%);
}
.cate-right  {
        width:  calc(75%);
}
.list__SubCate>li>a  {
        color:  #787878;
        line-height:  28px;
}
.partnerCketImg  {
        max-height:  50px;
}
.title-f:before  {
        display:  none;
}

footer  {
        padding:  5rem 0 3rem 0;
        position:  relative;
        background-color:  rgba(24,  24,  24,  1);
}
.df-foot .left  {
        width:  50%;
        padding-right:  3rem;
}
.df-foot .right  {
        width:  50%;
}
.df-foot .left .cont_foot  {
        font-size:  1.6rem;
        line-height:  2.4rem;
        padding-right:  4rem;
}
.nd-dknt  {
        padding:  5rem 3rem;
        background:  #000 url(templates/images/bg_iconFly.png)no-repeat center center;
        border-radius:  0.5rem;
}
.df-newsletter .right  {
        width:  15rem;
}
.b_right .foot-menu  {
        width:  30%;
        padding-right:  3rem;
}
.b_right .foot-menu h3  {
        text-transform:  uppercase;
        position:  relative;
        padding-bottom:  1rem;
}
.b_right .foot-menu h3:after  {
        position:  absolute;
        width:  5rem;
        height:  0.15rem;
        content:  '';
        background-image:  var(--bg-main);
        left:  0;
        bottom:  0;
}
.foot_list  {
        list-style-type:  none;
        margin-top:  2rem;
}
.foot_list>li  {
        position:  relative;
        padding-left:  1.5rem;
        line-height:  3rem;
}
.foot_list>li:before  {
        position:  absolute;
        width:  0.5rem;
        height:  1rem;
        content:  '';
        background-color:  #fff;
        left:  0;
        clip-path:  polygon(0 0,  0 100%,  100% 50%);
        top:  1rem;
}
.foot_list>li>a  {
        color:  #fff;
        font-size:  1.6rem;
}
.b_right .foot-dknt  {
        width:  70%;
}
.df-newsletter .left .tit  {
        font-size:  2rem;
        text-transform:  uppercase;
        font-family:  'OpenSansM';
        font-weight:  600;
        padding-right:  1rem;
}
.df-newsletter .left  {
        display:  flex;
        justify-content:  flex-start;
        width:  calc(100% - 18rem);
        align-items:  center;
}
.df-newsletter .left>div  {
        width:  33.33%;
}
.df-newsletter .left>div.capcha  {
        padding-left:  2rem;
}
#RecaptchaField2  {
        transform:  scale(1);
        margin:  2rem 0 0 0;
}
.gird_foot  {
        display:  flex;
        justify-content:  space-between;
}
.gird_foot .item1  {
        width:  40%;
}
.gird_foot .item2, .gird_foot .item3  {
        width:  30%;
}
.tit_foot  {
        font-size:  1.8rem;
        text-transform:  uppercase;
        font-weight:  600;
        font-family:  'OpenSansM';
        margin-bottom:  2rem;
        position:  relative;
        padding-bottom:  1rem;
}
.tit_foot:after  {
        position:  absolute;
        width:  7rem;
        height:  0.15rem;
        left:  0;
        bottom:  0;
        content:  '';
        background-color:  var(--cl-main);
}
.gird_foot .inner  {
        font-size:  1.6rem;
}
.gird_foot .inner12 ul  {
        position:  relative;
        list-style-type:  none;
        margin:  0;
        padding:  0 0 0 1.5rem;
        font-weight:  600;
}
.gird_foot .inner12 ul li  {
        line-height:  2.6rem;
        position:  relative;
}
.gird_foot .inner12 ul li:before  {
        position:  absolute;
        left:  -1.5rem;
        top:  1rem;
        width:  0.8rem;
        height:  1rem;
        content:  '';
        background-color:  var(--cl-main);
        clip-path:  polygon(100% 50%,  0 0,  0 100%);
}
.list__foot>li span  {
        margin-right:  0.5rem;
}
.foot__cont  {
        padding:  40px 0;
}
.foot_1  {
        flex:  33.33%;
        padding-right:  30px;
}
.foot_2  {
        flex:  33.33%;
}
.foot_3  {
        flex:  33.33%;
}
.img_foot  {
        margin-bottom:  15px;
}
.content-f  {
        margin-bottom:  15px;
}
.dffoot  {
        display:  flex;
        justify-content:  space-between;
}
#btn-send-email  {
        color:  #fff;
        background-image:  var(--bg-main);
        height:  4.5rem;
        padding:  0 1.5rem;
        border-radius:  0 0;
        font-size:  1.6rem;
}
#btn-send-email i  {
        font-size:  20px;
}
.newsletter__frm input  {
        border-radius:  0;
        height:  40px;
        background-color:  transparent;
        color:  var(--cl-main);
        border-color:  transparent;
        border-bottom-color:  #e5e5e5;
}
#newsletterFrm  {
        position:  relative;
}
#btn-send-email  {
        position:  absolute;
        top:  0;
        right:  0;
}
.newsletter__frm  {
        display:  flex;
        align-items:  center;
        justify-content:  center;
        flex-direction:  column;
}
.newsletter_box  {
        width:  100%;
        float:  left;
}
.content-btc  {
        padding:  15px 0;
}
.newsletter-title  {
        text-transform:  capitalize;
}
#email_frm  {
        width:  calc(100%);
        height:  4.5rem;
        color:  #333;
}
#newsletterFrm input::placeholder  {
        color:  #333;
        opacity:  1;
}
#newsletterFrm input:-ms-input-placeholder  {
        color:  #333;
}
#newsletterFrm input::-ms-input-placeholder  {
        color:  #333;
}
/*--nav + filter left --*/.cate_lv1  {
        display:  block;
        padding:  6px 40px 6px 10px;
        position:  relative;
        background:  #f7f6f4;
        color:  #111;
        text-transform:  uppercase;
        font-size:  15px;
}
.nav__filter  {
        margin:  15px 0;
        background:  #fff8ed;
        padding:  10px;
        color:  #333;
}
.nav__filter ul  {
        list-style-type:  none;
        margin:  0;
        padding:  0;
}
.nav__filter ul li  {
        line-height:  30px;
}
/*----*/.cart-btn  {
        background:  var(--cl-main);
        border-radius:  0.5rem;
        height:  unset;
        box-shadow:  unset;
        border-color:  transparent;
        text-transform:  uppercase;
        line-height:  4rem;
        padding:  0 1.5rem;
}
.cart-plus-minus input  {
        border-radius:  2rem;
        height:  4rem;
        font-size:  1.6rem;
}
#html_dathang, #html_option  {
        padding:  1rem 0;
        border-top:  1px dashed #ccc;
        border-bottom:  1px dashed #ccc;
        margin-bottom:  2rem;
}
#html_option  {
        border-bottom-color:  transparent;
        font-size:  1.4rem;
        margin-bottom:  0;
        padding-top:  1rem;
        padding-bottom:  0.5rem;
}
#html_option>ul>li  {
        display:  inline-block;
        margin:  0 0.5rem 0.5rem 0;
}
#html_option>ul>li:hover>span  {
        border-color:  #0066cc;
        color:  #0066cc;
}
#html_option>ul>li>span  {
        cursor:  pointer;
        padding:  0 1.5rem;
        border-radius:  2rem;
        line-height:  3rem;
        border:  1px solid #ddd;
        display:  block;
}
#html_option>ul>li.active span  {
        border-color:  #0066cc;
        background-color:  #0066cc;
        color:  #fff;
}
.cart-plus-minus .qtybutton  {
        line-height:  1;
        margin-top:  -0.5rem;
}
.tab_sanpham .nav-item .nav-link  {
        border-radius:  4px;
        text-align:  left;
        background-color:  transparent;
        color:  #444;
        font-weight:  600;
        font-size:  1.6rem;
        padding-left:  0;
        padding-right:  0;
        margin:  0 1rem;
        position:  relative;
        display:  inline-block;
        width:  unset;
}
.tab_sanpham .nav-link.active, .tab_sanpham .show>.nav-link  {
        color:  var(--cl-main);
}
.tab_sanpham .nav-link.active:before  {
        position:  absolute;
        width:  100%;
        height:  0.2rem;
        background-color:  var(--cl-main);
        content:  '';
        left:  0;
        bottom:  -0.1rem;
        z-index:  1;
}
.chitiet_sp  {
        padding:  15px 0px;
        line-height:  22px;
        letter-spacing:  0.2px;
}
.tour_schedule .accordion-button  {
        background-color:  #eee;
        font-weight:  600;
}
.accordion-header  {
        border-left:  2px solid #099af2;
}

span.act_menu  {
        transition:  all .2s linear;
}
.nav_pro  {
        position:  relative;
}
.act_menu  {
        position:  absolute;
        right:  0;
        top:  -4px;
        height:  40px;
        width:  40px;
        text-align:  center;
        display:  flex;
        justify-content:  center;
        align-items:  center;
        color:  #444;
        font-weight:  600;
        cursor:  pointer;
}
.nav_pro .sub1  {
        list-style-type:  none;
        margin:  0;
        padding:  0;
}
.sub1 li  {
        padding:  5px 10px;
}
.sub1 li a  {
        display:  block;
        color:  #444;
        font-size:  13px;
        line-height:  24px;
}
.Swiper_sp_hot_img  {
        border-radius:  0;
}
.navbar-form .btn img  {
        height:  16px;
}
.site-menui  {
        position:  relative;
        padding:  20px 0;
}
.list__menui  {
        position:  relative;
        list-style-type:  none;
        margin:  0;
        padding:  0;
}
.list__menui>li  {
        width:  calc(20% - 30px);
        margin:  15px 15px;
        float:  left;
        text-align:  center;
        background:  #5d5d5d;
        border-radius:  20px;
        padding:  20px 0;
        position:  relative;
        box-shadow:  rgba(60,  64,  67,  0.3) 0px 1px 2px 0px,  rgba(60,  64,  67,  0.15) 0px 2px 6px 2px;
}
.list__menui>li:hover  {
        box-shadow:  rgba(0,  0,  0,  0.24) 0px 3px 8px;
}
.item_product:hover  {
        box-shadow:  rgba(0,  0,  0,  0.02) 0px 1px 3px 0px,  rgba(27,  31,  35,  0.15) 0px 0px 0px 1px;
}
.list__menui>li:hover  {
        box-shadow:  rgba(0,  0,  0,  0.24) 0px 3px 8px;
}
.list__menui>li>a>h3  {
        display:  block;
        color:  #fff;
        font-size:  16px;
        font-weight:  500;
        margin:  15px 0 0 0;
        line-height:  24px;
}
.list__menui>li>a>img  {
        height:  180px;
}
.swiperProductMenui-next, .swiperProductMenui-prev  {
        color:  #333!important;
        font-weight:  600;
        width:  44px!important;
        border-radius:  50%;
        border:  1px solid #333;
}
.swiperProductMenui-prev  {
        left:  -50px!important;
}
.swiperProductMenui-next  {
        right:  -50px!important;
}
.site-catehome .inner  {
        position:  relative;
}
.desc__kh  {
        font-size:  18px;
        text-align:  center;
}
.wp_tithome  {
        margin-bottom:  30px;
}
.wp_tithome .tit__home  {
        margin-bottom:  20px;
}
.site-khachhang  {
        padding-bottom:  30px;
}
.foot_2 .content-f a  {
        color:  #fff;
}
.content-bct  {
        margin:  30px 0;
}
.site-copyright  {
        background:  #111;
        color:  #fff;
}
.site-copyright p  {
        margin-bottom:  0;
        text-align:  center;
        font-size:  1.4rem;
        line-height:  4rem;
}
.site-copyright p a  {
        color:  #fff;
}
.fixedpage-action  {
        position:  fixed;
        z-index:  1000;
        right:  15px;
        bottom:  80px;
}
.fixedpage-action .dropdown-menu  {
        position:  relative !important;
        display:  block;
        position:  absolute;
        z-index:  1000;
        min-width:  10rem;
        padding:  0.5rem 0;
        margin:  0;
        font-size:  1rem;
        color:  #212529;
        text-align:  left;
        list-style:  none;
        background-color:  #fff;
        background-clip:  padding-box;
        border:  1px solid rgba(0,  0,  0,  .15);
        border-radius:  0.25rem;
        box-shadow:  none !important;
        background:  none;
        border-radius:  0;
        border:  none;
        min-width:  0;
        width:  150px;
        top:  100%;
        left:  0;
}
.fixedpage-action .dropdown-menu>li:not( :last-child)  {
        margin-bottom:  1rem;
}
.fixedpage-action .dropdown-item  {
        display:  flex;
        flex-wrap:  nowrap;
        justify-content:  center;
        align-items:  center;
        width:  100%;
        padding:  0.5rem;
        background-color:  #fff;
        border-radius:  6px;
        border:  1px solid #ddd;
        box-shadow:  0 0.2rem 0.35rem rgb(0 0 0 / 10%);
        transition:  all 0.3s ease;
        -moz-transition:  all 0.3s ease;
        -webkit-transition:  all 0.3s ease;
        text-overflow:  ellipsis;
        white-space:  nowrap;
        overflow:  hidden;
}
.fixedpage-action .dropdown-item img  {
        width:  32px;
}
.fixedpage-action .dropdown-item span  {
        width:  calc( 100% - 32px);
        padding-left:  0.5rem;
        line-height:  1.35;
}
.fixedpage-action .dropdown-item b  {
        display:  block;
        font-size:  13px;
        font-weight:  bold;
        line-height:  18px;
        text-transform:  capitalize;
        transition:  all 0.3s ease;
        -moz-transition:  all 0.3s ease;
        -webkit-transition:  all 0.3s ease;
        color:  #444;
}
.fixedpage-action small  {
        display:  block;
        clear:  both;
        font-size:  12px;
        color:  #555;
}
.all_sub-category-grid  {
        isplay:  flex;
        justify-content:  space-between;
        align-content:  center;
        flex-wrap:  wrap-reverse;
}
.all_sub-category-grid .sub_category  {
        display:  flex;
        width:  80%;
        overflow:  auto;
}
.all_sub-category-grid .sub_categor .item__subcategory  {
        width:  auto;
        margin-right:  40px;
}
.all_sub-category-grid .sub_categor .item__subcategory .title  {
        text-align:  center;
        font-size:  22px;
        font-weight:  normal;
        -webkit-transition:  all 0.3s ease;
        transition:  all 0.3s ease;
}
.all_sub-category-grid .sub_categor .item__subcategory .title a  {
        display:  block;
        font-weight:  400;
        font-size:  15px;
        line-height:  24px;
        color:  #515154;
        white-space:  nowrap;
}
.sub_category  {
        padding:  20px 0;
}
.item__subcategory a  {
        color:  #444;
}
.item__subcategory  {
        width:  auto;
        margin-right:  40px;
}
.item-thuoctinh span  {
        width:  30px;
        height:  30px;
        border-radius:  50%;
        min-width:  auto;
        line-height:  30px;
}
.item-thuoctinh input:checked+span  {
        border-color:  #0066cc;
}
.chitiet_sp_color  {
        margin-bottom:  15px;
}
.attribute-square-container  {
        display:  block;
        position:  relative;
        z-index:  0;
        border-radius:  50%;
        border:  1px solid transparent;
        padding:  2px;
        background-color:  #fff;
}
.attribute-square-container.border-select  {
        border-color:  #0066CC;
}
.product__attribute__capacity .option-list  {
        display:  flex;
        flex-wrap:  wrap;
        list-style-type:  none;
        margin:  0;
        padding:  0;
}
.product__attribute__capacity  {
        margin-bottom:  10px;
}
.product__attribute__capacity .option-list label  {
        font-weight:  400;
        font-size:  13px;
        line-height:  20px;
        text-align:  center;
        color:  #86868B;
        margin-right:  10px;
}
.product__attribute__capacity .option-list label.checked-attr  {
        border:  2px solid #0066cc !important;
}
.short-description  {
        padding:  10px 15px;
        border-radius:  5px;
        border:  1px solid #eee;
        margin-bottom:  15px;
}
.uu-dai-gift img  {
        height:  20px;
}
.uu-dai-gift span  {
        font-size:  14px;
        color:  #333;
        font-weight:  600;
}
.button-link  {
        display:  flex;
        justify-content:  space-between;
}
.button-link  {
        margin:  15px 0;
}
.button-link .bt  {
        width:  48%;
        text-align:  center;
        color:  #333;
        cursor:  pointer;
        font-weight:  700;
        font-size:  16px;
        line-height:  25px;
        border:  1px solid #ccc;
        border-radius:  5px;
        min-height:  44px;
        width:  48.5%;
        align-items:  center;
        display:  flex;
        justify-content:  center;
        flex-direction:  column;
        background-color:  #F2F2F3;
}
.button-link .bt:hover  {
        background-color:  var(--bg-main);
        color:  #fff;
}
.button-link .bt p  {
        font-size:  12px;
        font-style:  italic;
}
.chitiet_sp_hopphukien  {
        margin-top:  20px;
}
.tab_sanpham  {
        position:  relative;
        display:  block;
        text-align:  center;
        border-bottom:  1px solid #333;
        text-transform:  unset;
        border-top:  1px solid #333;
}
.tab_sanpham>li  {
        display:  inline-block;
}
.thongso_sp  {
        max-width:  800px;
        margin:  0 auto;
}
.chitiet_sp  {
        position:  relative;
        padding:  3rem 1rem;
        clear:  both;
        font-size:  1.6rem;
}
.thongso_sp table, .thongso_sp tr, .thongso_sp td  {
        border:  none;
        border-color:  transparent;
        line-height:  30px;
}
.thongso_sp .table-striped>tbody>tr:nth-of-type(odd)  {
        border-radius:  5px;
}
.head-mobile  {
        display:  none;
}
.form-group  {
        position:  relative;
        margin-bottom:  1.5rem;
}
#contact-form .form-group label.error  {
        position:  absolute;
        color:  #ff0000;
        right:  10px;
        font-weight:  400;
        font-size:  12px;
        top:  10px;
        font-style:  italic;
}
#form-dathang .form-group label.error  {
        position:  absolute;
        color:  #ff0000;
        right:  10px;
        font-weight:  400;
        font-size:  12px;
        top:  10px;
        font-style:  italic;
}
#form-dangnhap .form-group label.error  {
        position:  absolute;
        color:  #ff0000;
        right:  10px;
        font-weight:  400;
        font-size:  12px;
        top:  10px;
        font-style:  italic;
}
.btn-dathang:hover  {
        color:  red;
}
.form-search-nav input  {
        background-color:  #707070;
        border-color:  #707070;
        padding:  7px 10px;
        color:  #fff;
}
.form-search-nav input::placeholder  {
        color:  #fff;
        opacity:  1;
}
.form-search-nav input:-ms-input-placeholder  {
        color:  #fff;
}
.form-search-nav input::-ms-input-placeholder  {
        color:  #fff;
}
.ic_closeMenuMb  {
        height:  20px;
}
.res__head img  {
        max-height:  35px;
}
.btn-search  {
        background:  none;
}
.btn-search img  {
        height:  18px;
}
.overlay  {
        height:  100%;
        width:  100%;
        position:  fixed;
        z-index:  1001;
        bottom:  0;
        left:  0;
        background-color:  rgba(0,  0,  0,  0.8);
        width:  0;
        transition:  width 0.5s ease-out;
}
.overlay.show  {
        width:  100%;
}
.mxh__foo>ul>li>a>img  {
        max-height:  40px;
}
.btn-search  {
        width:  45px;
        top:  -2px;
}
.inner_kh  {
        position:  relative;
}
.swiper-slide .item_product  {
        margin:  5px;
}
.swiperKhachHang-next, .swiperKhachHang-prev  {
        color:  #333!important;
        font-weight:  600;
        width:  44px!important;
        border-radius:  50%;
        border:  1px solid #333;
}
.swiperKhachHang-prev  {
        left:  -27px!important;
}
.swiperKhachHang-next  {
        right:  -27px!important;
}
.d-mobile  {
        display:  none;
}
.main__b1  {
        flex:  33.33%;
}
.main__b2  {
        flex:  33.33%;
        display:  flex;
        justify-content:  center;
}
.main__b3  {
        flex:  33.33%;
        display:  flex;
        justify-content:  flex-end;
}
.item__menui  {
        position:  relative;
        display:  flex;
        align-items:  center;
        flex-direction:  column;
}
.wr__listMenui  {
        position:  relative;
        padding:  10px 0 20px 0;
        border-top:  2px solid #d5e2f3;
        border-bottom:  2px solid #d5e2f3;
}
.item__menui  {
        text-align:  center;
}
.item__menui h4  {
        color:  var(--bg-main);
        text-transform:  uppercase;
        margin-bottom:  0;
}
.item__menui .img  {
        padding:  20px;
}
.item__menui h4 span  {
        position:  relative;
        font-size:  15px;
        font-weight:  600;
        text-align:  center;
        text-transform:  capitalize;
}
.item__menui:hover h4 span  {
        color:  var(--color-blue);
}
.menui_op  {
        position:  relative;
        text-align:  center;
        margin:  35px 0 10px 0;
}
.menui_op:after  {
        position:  absolute;
        width:  100%;
        content:  '';
        height:  1px;
        background:  #ccc;
        left:  0;
        bottom:  8px;
}
.menui_op span  {
        background:  #fff;
        position:  relative;
        z-index:  9;
        padding:  5px 10px;
}
.menui_op span a  {
        color:  #999;
        border-radius:  20px;
        padding:  7px 30px;
        border:  1px solid #ccc;
        transition:  all 0.5s ease;
}
.menui_op span a:hover  {
        color:  var(--color-blue);
        border-color:  var(--color-blue);
}
.tit_bt  {
        text-align:  center;
        color:  var(--color-blue);
        text-transform:  uppercase;
        font-weight:  600;
        margin-bottom:  40px;
}
.gird__online  {
        display:  grid;
        grid-template-columns:  1fr 1fr 1fr 1fr;
        grid-gap:  30px;
}
.rowOn  {
        display:  flex;
        justify-content:  flex-start;
        align-items:  center;
        margin-bottom:  15px;
}
.row_avatar img  {
        height:  70px!important;
        width:  70px;
        border-radius:  50%;
        border:  1px solid red;
}
.rowOnContent>p  {
        display:  flex;
        justify-content:  flex-start;
        margin-bottom:  15px;
        align-items:  center;
}
.avatarName h4  {
        font-size:  16px;
        margin-bottom:  3px;
}
.avatarName p  {
        color:  red;
}
.rowOn  {
        display:  flex;
        justify-content:  flex-start;
        align-items:  center;
        margin-bottom:  15px;
}
.rowOn img  {
        margin-right:  10px;
        height:  35px;
}
.site-bottom  {
        padding:  30px 0;
        background:  #eee;
}
.btn__contact  {
        background-image:  var(--bg-main);
        color:  #fff;
}
.row__gird  {
        display:  grid;
        grid-template-columns:  1fr 1fr 1fr 1fr;
        grid-gap:  30px;
        margin:  15px 0 30px 0;
}
.col-slider-ctsp  {
        width:  50%;
}
.col-thongtin-ctsp  {
        width:  50%;
        padding-left:  3rem;
}
.btn__search i  {
        font-size:  1.6rem;
        font-weight:  600;
        color:  var(--cl-main);
}
.swiperSpct-prev  {
        left:  -5px!important;
}
.swiperSpct-next  {
        right:  -5px!important;
}
.sr-only  {
        position:  absolute;
        width:  1px;
        height:  1px;
        padding:  0;
        margin:  -1px;
        overflow:  hidden;
        clip:  rect(0,  0,  0,  0);
        border:  0;
}
.navbar-toggle  {
        position:  relative;
        padding:  9px 10px;
        margin-top:  8px;
        margin-bottom:  8px;
        background-color:  transparent;
        background-image:  none;
        border:  1px solid transparent;
        border-radius:  4px;
}
.navbar-toggle .icon-bar  {
        display:  block;
        width:  22px;
        height:  0.2rem;
        border-radius:  1px;
}
.navbar-toggle .icon-bar+.icon-bar  {
        margin-top:  4px;
}
.navbar-default .navbar-toggle .icon-bar  {
        background-color:  #fff;
}
.hc-nav-trigger.hc-nav-1  {
        display:  block;
}
.main__b4  {
        display:  none;
}
.dfx-banner h2  {
        color:  #ef721e;
}
/* Account css*/#page-login  {
        width:  50%;
        margin:  0px auto;
        font-size:  14px;
        padding:  3rem 5rem;
        background:  #111;
        color:  #fff;
}
#page-login .title-head  {
        font-size:  2.4rem;
        text-transform:  uppercase;
        text-align:  center;
        margin-bottom:  0.5rem;
}
#page-login .form-group label.tit_group  {
        display:  block;
        width:  100%;
        margin-bottom:  10px;
        text-transform:  uppercase;
        font-weight:  600;
}
#page-login .required  {
        color:  #FF0000;
}
#page-login .chek-form  {
        display:  flex;
        justify-content:  center;
        align-items:  center;
}
#rule_regis  {
        text-align:  center;
        color:  #fff;
        text-decoration:  underline;
}
.custome-checkbox input#exampleCheckbox1  {
        margin-top:  0;
}
#form-dangky .form-group label.error  {
        position:  absolute;
        color:  red;
        right:  0.5rem;
        bottom:  1rem;
        font-size:  1.2rem;
}
#page-login .btn-log1, #form-diachi .btn-log1  {
        position:  relative;
        display:  inline-block;
        padding:  0.3rem 1rem;
        line-height:  normal;
        border:  0.1rem solid var(--cl-main);
        text-transform:  uppercase;
        font-size:  1.4rem;
        height:  3.5rem;
        text-align:  center;
        font-weight:  400;
        font-style:  normal;
        background-color:  transparent;
        -webkit-transition:  color 0.45s cubic-bezier(0.785,  0.135,  0.15,  0.86),  border 0.45s cubic-bezier(0.785,  0.135,  0.15,  0.86);
        transition:  color 0.45s cubic-bezier(0.785,  0.135,  0.15,  0.86),  border 0.45s cubic-bezier(0.785,  0.135,  0.15,  0.86);
        z-index:  1;
        -webkit-tap-highlight-color:  initial;
        color:  #fff;
        width:  100%;
        background-color:  rgba(255,  167,  12,  1);
        border-color:  rgba(255,  167,  12,  1);
        cursor:  pointer;
        border-radius:  2px;
}
#page-login .btn-log1  {
        display:  inline-block!important;
        width:  unset!important;
        padding:  0 1rem;
        margin:  0 auto;
        font-size:1.8rem;
}
#page-login .login--notes  {
        text-align:  center;
        color:  #fff;
        font-size:  1.3rem;
        margin-top:  1rem;
        margin-bottom:  0;
        line-height:  1.8rem;
}
#page-login .text-login  {
        font-weight:  600;
        margin-top:  0.5rem;
        text-transform:  uppercase;
        text-align:  center;
        color:  #fff;
}
.note_checkdk{
        color:red;
        text-align:center;
        
}
#page-login .form-group .form-control  {
        width:  100%;
        height:  40px;
        border:  1px solid #DDD;
        outline:  none;
        padding:  0px 10px;
}
#page-login  {
        position:  relative;
}
#page-login:before  {
        position:  absolute;
        top:  0;
        left:  0;
        content:  '';
        width:  100%;
        height:  0.5rem;
        background-image:  var(--bg-main);
        z-index:  9;
}
/* End account */.card-header h5  {
        margin-bottom:  0;
}
.d__FlexMenu  {
        display:  flex;
        justify-content:  space-between;
        align-items:  center;
}
.site__name  {
        font-size:  28px;
        color:  #fff;
        font-weight:  600;
        text-align:  center;
}
.site__address  {
        color:  #fff;
        text-align:  center;
}
.main__b3 .h img  {
        max-height:  50px;
}
.pn-linehead  {
        background:  #000;
        color:  #fff;
}
.df  {
        display:  flex;
        align-items:  center;
        justify-content:  space-between;
}
.menu_m1, .menu_m2  {
        list-style-type:  none;
        margin:  0;
        padding:  0;
        display:  flex;
        justify-content:  space-between;
}
.menu_m1>li, .menu_m2>li  {
        padding:  0 10px;
        position:  relative;
}
.menu_m1>li:first-child  {
        padding-left:  0;
}
.menu_m1>li:before, .menu_m2>li:before  {
        position:  absolute;
        width:  1px;
        height:  40%;
        top:  30%;
        background:  #fff;
        content:  '';
        right:  0;
}
.menu_m1>li:last-child::before, .menu_m2>li:last-child::before  {
        display:  none;
}
.menu_m1>li>a, .menu_m2>li>a  {
        color:  #fff;
        line-height:  40px;
}
.menu_m2 .m2_cart  {
        position:  relative;
}
.menu_m2 .m2_cart a  {
        color:  #fff;
}
.level2-list-wrapper  {
        position:  absolute;
        top:  100%;
        width:  80%;
        background-color:  #f3f4f6;
        box-shadow:  rgba(0,  0,  0,  0.19) 0px 10px 20px,  rgba(0,  0,  0,  0.23) 0px 6px 6px;
        padding:  3rem;
        border:  0.2rem solid var(--cl-main);
        border-top-color:  transparent;
        border-radius:  0 0 1rem 1rem;
        transition:  var(--trans);
        transition-delay:  0s;
        font-size:  1.4rem;
        min-height:  20rem;
        z-index:  -10;
        opacity:  0;
        visibility:  hidden;
}
.style-1>li:hover>.level2-list-wrapper  {
        visibility:  visible;
        opacity:  1;
        z-index:  123;
}
.df-more-menu-list  {
        align-items:  flex-start;
}
.df-more-menu-list .left  {
        width:  20rem;
}
.df-more-menu-list .left a  {
        display:  block;
        margin-bottom:  2rem;
        padding:  0.2rem 1rem;
        color:  #fff;
        line-height:  4rem;
        border-radius:  0.4rem;
        font-size:  1.6rem;
        background:  url(templates/images/bg_button.png)no-repeat;
        background-size:  cover;
}
.df-more-menu-list .left a:hover  {
        box-shadow:  rgba(0,  0,  0,  0.24) 0px 3px 8px;
}
.df-more-menu-list .right  {
        width:  calc(100% - 23rem);
}
.df-more-menu-list .right .tit_thuoctinh  {
        font-size:  1.8rem;
        text-transform:  uppercase;
        color:  #777;
        margin-bottom:  2rem;
}
.df-more-menu-list .right .gird_thuoctinh  {
        display:  grid;
        grid-template-columns:  1fr 1fr 1fr;
        grid-gap:  1.5rem;
        margin:  2rem 0;
}
.df-more-menu-list .right .gird_thuoctinh>li>a  {
        display:  flex;
        align-items:  center;
        color:  #333;
        font-size:  1.6rem;
}
.df-more-menu-list .right .gird_thuoctinh>li>a:hover  {
        color:  var(--cl-main);
}
.df-more-menu-list .right .gird_thuoctinh>li>a>img  {
        margin-right:  0.4rem;
        width:  2.5rem;
}
.pn-menu  {
        position:  relative;
        z-index:  12;
}
.more-menu-list>ul  {
        display:  block;
        position:  relative;
        max-width:  1600px;
        width:  100%;
        -moz-column-width:  184px;
        column-width:  184px;
        padding:  0 10px 16px;
        margin:  0 auto;
        /* display:  flex;
        text-align:  center;
        align-items:  stretch;
        justify-content:  space-between */}
.more-menu-list>ul>li  {
        text-align:  left;
        padding:  16px 0 0;
        display:  block;
        margin:  0 0 16px;
        border-radius:  3px;
        -moz-column-break-inside:  avoid;
        break-inside:  avoid;
}
.more-menu-list>ul>li>h3.navigation-link-box  {
        font-size:  15px;
        font-weight:  400;
        color:  #000;
}
.more-menu-list ul li h3.navigation-link-box a  {
        text-transform:  uppercase;
        color:  #111;
        font-weight:  600;
}
.level2-item  {
        text-align:  left;
        padding:  16px 0 0;
        display:  block;
        margin:  0 0 16px;
        border-radius:  3px;
        -moz-column-break-inside:  avoid;
        break-inside:  avoid;
}

ul.level3-list  {
        list-style-type:  none;
        margin:  0 0;
        padding:  0 0;
}

ul.level3-list .level3-item a  {
        color:  #333;
        line-height:  30px;
}

ul.level3-list .level3-item:hover a  {
        text-decoration:  underline;
}
.slider_left  {
        width:  70%;
        float:  left;
}
.banner_right  {
        width:  30%;
        float:  left;
}
.gird__b  {
        display:  grid;
        grid-template-columns:  1fr;
        grid-gap:  10px;
}
.gird__products  {
        display:  grid;
        grid-template-columns:  1fr 1fr 1fr 1fr;
        grid-gap:  3rem;
}
/* */.gird__products.gird__products4  {
        grid-template-columns:  1fr 1fr 1fr 1fr;
}
.gird__products.gird__products3  {
        grid-template-columns:  1fr 1fr 1fr;
}
.main-container  {
        display:  flex;
        justify-content:  flex-start;
        align-items:  stretch;
        padding:  15px 0;
}
.main-container .right__product  {
        width:  calc(100% - 260px);
        padding-left:  20px;
        box-sizing:  border-box;
        position:  relative;
}
.widget-box  {
        /* padding:  10px 10px;
     */    margin-bottom:  20px;
        color:  #333;
        width:  260px;
        border:  1px solid #e9e9e9;
}
.widget-box .filter-item-brand  {
        position:  relative;
}
.widget-box .filter-item-brand h4  {
        font-size:  15px;
        text-transform:  uppercase;
        font-weight:  600;
        display:  flex;
        justify-content:  space-between;
        align-items:  center;
        background:  #f5f5f5;
        padding:  10px 15px;
        margin-bottom:  0;
}
.widget-box .filter-item-brand h4 a  {
        color:  #333;
}
.widget-box .widget-content  {
        transition:  var(--trans);
        padding:  15px 15px 3px 15px;
}
.widget-content ul  {
        list-style-type:  none;
        margin:  0;
        padding:  0;
}
.widget-content ul li  {
        display:  flex;
        justify-content:  flex-start;
        align-items:  center;
        line-height:  25px;
}
.widget-content ul li label  {
        margin-left:  5px;
        color:  #666;
}
.list_HotCate  {
        position:  relative;
        list-style-type:  none;
        margin:  0;
        padding:  0;
        display:  grid;
        grid-template-columns:  1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-gap:  20px;
}
.site-cateHot  {
        padding:  15px 0;
}
.list_HotCate li a  {
        display:  block;
        text-align:  center;
}
.list_HotCate li a .img  {
        padding:  10px 20px;
}
.list_HotCate li a h4  {
        font-size:  14px;
        color:  #333;
        font-weight:  600;
}
.inner-nb  {
        box-shadow:  rgba(0,  0,  0,  0.16) 0px 1px 4px;
        padding:  15px;
}
.list_HotCate li:hover a h4  {
        color:  var(--color-blue);
}
.item__news a  {
        color:  #333;
}
.item__news a .name  {
        margin:  10px 0;
}
.item__news a .name h3  {
        font-size:  1.7rem;
        color:  #000;
        font-weight:  600;
        text-transform:  capitalize;
        line-height:  2.4rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  2;
        overflow:  hidden;
        text-overflow:  ellipsis;
        font-family:  'OpenSansM';
}
.item__news .p  {
        line-height:  2.2rem;
        margin-bottom:  1rem;
        color:  #666;
        font-size:  1.5rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  3;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.item__news .img  {
        margin:  5px;
        position:  relative;
}
.item__news .img .marker  {
        position:  absolute;
        background:  var(--cl-main);
        color:  #fff;
        bottom:  0;
        right:  0;
        padding:  0.3rem 1.2rem;
        display:  flex;
        flex-direction:  column;
        justify-content:  center;
}
.item__news .img .marker span  {
        display:  block;
        text-align:  center;
        font-size:  1.6rem;
        position:  relative;
}
.item__news .img .marker span.day  {
        padding-bottom:  0.2rem;
}
.item__news .img .marker span.day:after  {
        position:  absolute;
        width:  100%;
        height:  0.1rem;
        content:  '';
        bottom:  0;
        left:  0;
        background-color:  #fff;
}
.swiperNews-next, .swiperListMenui-next, .Swiper_sp_hot-next, .swiperProductSale-next  {
        bottom:  0;
        right:  calc(50% - 30px)!important;
        background:  var(--bg-main);
        top:  auto!important;
        max-height:  35px;
}
.swiperNews-prev, .swiperListMenui-prev, .Swiper_sp_hot-prev, .swiperProductSale-prev  {
        bottom:  0;
        left:  calc(50% - 30px)!important;
        background:  var(--bg-main);
        top:  auto!important;
        max-height:  35px;
}
.item__news .more  {
        margin-bottom:  5px;
}
.item__news .more i  {
        color:  var(--color-blue);
}
.item__news  {
        position:  relative;
        padding-bottom:  10px;
}
.pn-news  {
        padding:  3rem 0;
        position:  relative;
        z-index:  1;
}
.pn-seen  {
        padding-bottom:  15px;
}
.pn-abouts  {
        padding:  15px 0;
}
.innerv  {
        padding:  30px 30px;
        background:  #fcfcfc;
        line-height:  24px;
        letter-spacing:  0.2px;
}
.site-regis  {
        padding:  15px 0;
        background-color:  #000;
        color:  #fff;
}
.site-regis .regis1  {
        flex:  30%;
        display:  flex;
        align-items:  center;
}
.site-regis .regis1 img  {
        margin-right:  5px;
        height:  18px;
}
.site-regis .regis1 span  {
        font-size:  16px;
}
.site-regis .regis2  {
        flex:  40%;
}
.site-regis .regis3  {
        flex:  30%;
        display:  flex;
        justify-content:  flex-end;
}
.wrap__footmap  {
        position:  relative;
        width:  100%;
        height:  0;
        padding-bottom:  50%;
}
.wrap__footmap iframe  {
        position:  absolute;
        width:  100%;
        height:  100%;
        top:  0;
        left:  0;
}
.lkpay ul li  {
        margin-right:  3px;
}
.lkpay>ul>li>a>img  {
        max-height:  15px;
}
.pn-flashsale  {
        padding:  0 0;
}
.flash-sale-head  {
        display:  flex;
        justify-content:  space-between;
        align-items:  center;
        margin-bottom:  15px;
}
.pn-specialpro  {
        padding:  30px 0;
}
.product__item1  {
        display:  flex;
        justify-content:  center;
}
.product__item1 .product-thumb  {
        width:  40%;
}
.product__item1 .product-caption  {
        width:  60%;
}
.Swiper_sp_hot  {
        position:  relative;
        overflow:  hidden;
}
.inner-fs  {
        padding:  30px 0 0 0;
}
.flash-sale-head .fs_name  {
        font-size:  26px;
        font-weight:  500;
        color:  var(--color-blue);
}
.fs_name1  {
        color:  #999;
        font-size:  18px;
        padding-left:  10px;
        position:  relative;
}
.fs_name1:before  {
        position:  absolute;
        left:  5px;
        top:  10%;
        height:  80%;
        width:  2px;
        content:  '';
        background-color:  #999;
}
.fs__time  {
        display:  flex;
        list-style-type:  none;
        margin:  0;
        padding:  0;
        justify-content:  center;
        align-items:  center;
}
.fs__time li  {
        display:  flex;
        flex-direction:  column;
}
.fs__time li.seperator  {
        font-size:  3rem;
        font-weight:  bold;
}
.fs__time li span  {
        font-size:  2rem;
        color:  #fff;
        padding:  0.5rem 2rem;
}
.fs__time li span.top  {
        font-size:  4rem;
        background:  unset;
        font-family:  'OpenSansM';
}
.price__flashSale  {
        font-size:  20px;
}
.progress-bar-danger  {
        background-color:  red;
}
.product__daban p  {
        margin:  5px 0 0 0;
}
.product__daban .progress  {
        height:  1.2rem;
}
.sh_left  {
        display:  flex;
        align-items:  center;
}
.sh_right  {
        display:  flex;
        justify-content:  flex-end;
        align-items:  center;
}
.sh_right a  {
        color:  #333;
}
.general-info  {
        display:  flex;
        flex-direction:  column;
        margin:  15px 0;
}
.attr-detail-box  {
        display:  flex;
        align-items:  center;
}
.attr-title  {
        color:  #232323;
        padding:  5px 0;
        min-width:  95px;
}
.attr-property  {
        color:  #888888;
        padding:  5px 7px;
}
.col-left-ctsp  {
        width:  100%;
}
.col-sp-right  {
        width:  24%;
        margin-bottom:  20px;
}
.col-sp-right .inner  {
        background:  #eee;
        padding:  10px 15px;
}
.col-sp-right h3  {
        font-size:  20px;
        margin-bottom:  15px;
}
.list__productrel  {
        position:  relative;
        list-style-type:  none;
        margin:  0;
        padding:  0;
        display:  flex;
        flex-direction:  column;
}
.list__productrel>li>a  {
        display:  flex;
        align-items:  center;
        margin-bottom:  10px;
        color:  #333;
}
.list__productrel>li>a>.img  {
        width:  70px;
}
.list__productrel>li>a>h4  {
        width:  calc(100% - 70px);
        padding-left:  10px;
        font-size:  15px;
}
.col_w100  {
        width:  100%;
}
.left__filter  {
        width:  260px;
}
.main-cont h2.tit__home span  {
        font-size:  20px!important;
}
/* -- */.gallery-container  {
        position:  relative;
        width:  100%;
        display:  flex;
        justify-content:  space-between;
        overflow:  hidden;
}
.gallery-container .Swiper_spct  {
        flex:  10rem;
}
.gallery-container .Swiper_spct2  {
        flex:  calc(100% - 10rem);
}
.gallery-container .Swiper_spct  {
        margin:  0 0;
        width:  100%;
        height:  44rem;
        margin-right:  1rem;
}
.gallery-container .Swiper_spct img  {
        border:  0.1rem solid var(--color-5);
        border-radius:  0 1rem 0 1rem;
        padding:  0.4rem;
        height:  10rem;
        cursor:  pointer;
}
.gallery-container .swiper-slide-thumb-active  {
        border:  1px solid var(--color-blue);
}
/*---*/.cart-ad1  {
        background:  #111;
        color:  #fff;
}
.cart-ad1 img  {
        margin-top:  -6px;
        height:  17px;
}
.widget-cate li a  {
        color:  #333;
        font-size:  14px;
}
.widget-cate ul li:hover a  {
        color:  var(--color-blue);
}
.required_t  {
        color:  red;
}
/*----*/.frm__g-cap-order  {
        display:  flex;
        flex-direction:  column;
}
.frm__g-cap-order .btn-dathang  {
        font-size:  1.6rem;
        font-weight:  600;
}
.frm__g-cap-order .btn-dathang:hover  {
        color:  #fff;
}
.gird__wd3  {
        display:  grid;
        grid-template-columns:  1fr 1fr 1fr;
        grid-gap:  1rem;
        margin-bottom:  1rem;
}
.gird__wd2  {
        display:  grid;
        grid-template-columns:  1fr 1fr;
        grid-gap:  1.5rem;
        margin-bottom:  1rem;
}
.gird__wd3 .form-group, .gird__wd2 .form-group  {
        margin-bottom:  0;
}
.frm__g-cap-order .btn-dathang:hover  {
        box-shadow:  rgba(0,  0,  0,  0.12) 0px 1px 3px,  rgba(0,  0,  0,  0.24) 0px 1px 2px;
}
.shop-area .heading-2  {
        font-size:  14px;
        font-weight:  600;
        margin-top:  0;
}
.v-delivery-type-item  {
        position:  relative;
        display:  flex;
        justify-content:  flex-start;
        align-items:  flex-start;
        cursor:  pointer;
}
.delivery-txt  {
        padding-left:  5px;
}
.delivery__tit  {
        font-weight:  600;
        font-size:  1.4rem;
        color:  #222;
        margin-bottom:  0;
        line-height:  1.4rem;
}
.form-dathang label  {
        font-family:  'OpenSansM';
}
.delivery__cont  {
        padding:  5px 0px;
        font-size:  13px;
}
.g-recaptcha  {
        transform:  scale(0.8);
        transform-origin:  0 0;
        margin-bottom:  -15px;
}
.cont-lienhe  {
        font-size:  1.6rem;
        color:  #fff;
        line-height:  2.4rem;
}
.pay_and_ship  {
        padding:  1.5rem;
        background:  #fcfcfc;
        border:  0.1rem solid #eee;
        margin-bottom:  1.5rem;
        border-radius:  0.5rem;
}
.table-wishlist  {
        background:  #fcfcfc;
}
.shop-area .shopping-summery table tbody tr img  {
        width:  8rem;
        height:  10rem;
        float:  left;
        border:  1px solid var(--cl-main);
        border-radius:  0 1rem 0 1rem;
        padding:  0.5rem;
}
.product-cart-info  {
        vertical-align:  top;
}
.product-cart-info .nd  {
        display:  flex;
        align-items:  flex-start;
        flex-direction:  column;
        text-align:  left;
}
.risk__list  {
        position:  relative;
        list-style-type:  none;
        margin:  0;
        padding:  0;
        display:  grid;
        grid-template-columns:  1fr 1fr 1fr 1fr;
        grid-gap:  30px;
}
.item_risk  {
        text-align:  center;
}
.risk-shopping  {
        padding:  30px 0;
}
.item_risk img  {
        height:  70px;
}
.item_risk h4  {
        margin:  10px 0;
        font-weight:  600;
        font-size:  18px;
}
.item_risk p  {
        line-height:  22px;
        font-size:  13px;
}
.tit__risk  {
        text-transform:  uppercase;
        font-size:  24px;
        color:  var(--color-blue);
        text-align:  center;
        margin-bottom:  30px;
}
/*----*/.social-btns  {
        margin:  1rem 0;
        display:  flex;
        align-items:  center;
}
.social-btns span  {
        font-size:  1.5rem;
        margin-right:  1rem;
        font-weight:  600;
}
.social-btns .btn  {
        display:  inline-block;
        background-color:  #fff;
        width:  3.5rem;
        height:  3.5rem;
        line-height:  2rem;
        text-align:  center;
        position:  relative;
        overflow:  hidden;
        border-radius:  5px;
        box-shadow:  0 5px 15px -5px rgb(0 0 0 / 10%);
        opacity:  .99;
        padding:  0.5rem;
        border:  1px solid #f0f1f4;
        margin-right:  0.3rem;
}
.social-btns .btn i  {
        color:  var(--color-blue);
}
.product_muakem  {
        margin:  1rem 0 3rem 0;
}
.tit_comment  {
        font-size:  1.8rem;
        text-transform:  uppercase;
        font-family:  'OpenSansM';
        font-weight:  600;
        color:  var(--cl-main);
}
#nhanxet .row_head  {
        border-top:  1px solid #ccc;
        border-bottom:  1px solid #ccc;
        padding:  1rem 0;
        display:  flex;
        justify-content:  space-between;
        align-items:  center;
        margin-bottom:  2rem;
}
#nhanxet .row_head>.left  {
        width:  35%;
        display:  flex;
        align-items:  center;
}
#nhanxet .row_head>.right  {
        width:  20%;
        display:  flex;
        justify-content:  flex-end;
}
.tit_p_rel h3  {
        display:  inline-block;
        font-size:  1.8rem;
        color:  #fff;
        background-color:  var(--cl-main);
        padding:  1rem 1.5rem;
        text-transform:  uppercase;
        border-radius:  1rem 0 1rem 0;
}
.product-rel  {
        margin:  3rem 0 -30rem 0;
}
.tit_p_rel  {
        margin-bottom:  2rem;
}
.tit_mk  {
        color:  var(--cl-main);
        font-size:  2rem;
        font-weight:  600;
        font-family:  'OpenSansM';
        margin-bottom:  2rem;
}
.item_mk  {
        padding:  1rem;
        border:  0.1rem solid var(--cl-main);
        border-radius:  0 2rem 0 2rem;
        text-align:  center;
}
.item_mk img  {
        height:  16rem;
        object-fit:  contain;
}
.main__b5  {
        display:  none;
}
.pn-ht  {
        background:  var(--cl-main);
        color:  #fff;
}
.pn-ht p  {
        margin-bottom:  0;
        line-height:  40px;
        text-align:  center;
}
.df_head  {
        padding:  20px 0;
}
.h-search  {
        position:  relative;
}
.h-search.show .navsearch-frm  {
        display:  block;
}
.member-list-op  {
        position:  absolute;
        display:  none;
        list-style-type:  none;
        margin:  0;
        padding:  0;
}
.h-cart  {
        position:  relative;
}
.n_cart  {
        position:  relative;
}
.n_cart span  {
        position:  absolute;
        right:  -12px;
        top:  -12px;
        font-size:  10px;
        background:  var(--bg-main);
        color:  #fff;
        border-radius:  50%;
        padding:  3px 5px;
}
.n_cart i, .h-member i  {
        font-size:  20px;
        color:  #333;
}
.main__b3>div  {
        padding:  0 5px;
        position:  relative;
        transition:  --trans;
}
.h-search .searchTop i  {
        font-size:  20px;
        color:  #333;
}
.gird__b  {
        display:  grid;
        grid-template-columns:  1fr 1fr 1fr;
        grid-gap:  30px;
}
.image-container  {
        position:  relative;
}
.pn-banner  {
        position:  relative;
}
.pn-banner .wrap__banner  {
        width:  100%;
        height:  40vh;
        background-size:  cover!important;
}
.meta-info  {
        position:  absolute;
        right:  5%;
        top:  25%;
        text-align:  right;
}
.banner-scale .name  {
        font-size:  24px;
        line-height:  35px;
        margin-bottom:  5px;
        font-weight:  400;
        letter-spacing:  0.72px;
        position:  relative;
        color:  #666;
}
.banner-scale .sbname  {
        font-size:  54px;
        line-height:  54px;
        margin-bottom:  12px;
        font-weight:  600;
        color:  #232323;
        letter-spacing:  0;
        -webkit-transition:  all 0.7s;
        -moz-transition:  all 0.7s;
        -ms-transition:  all 0.7s;
        -o-transition:  all 0.7s;
        transition:  all 0.7s;
}
.btn-banner a  {
        font-size:  14px;
        font-weight:  400;
        border-bottom:  1px solid #232323;
        padding:  0;
        color:  #232323;
        border-radius:  0;
        -webkit-transition:  all 0.5s;
        -moz-transition:  all 0.5s;
        -ms-transition:  all 0.5s;
        -o-transition:  all 0.5s;
        transition:  all 0.5s;
}
.pn-bestProduct  {
        padding:  30px 0;
}
.home-title  {
        position:  relative;
        text-align:  center;
        text-transform:  capitalize;
        font-size:  28px;
        line-height:  40px;
        margin-bottom:  15px;
        margin-top:  0;
        font-weight:  600;
        padding:  0 0 30px;
        color:  #333;
}
.home-title:after  {
        position:  absolute;
        bottom:  0;
        height:  30px;
        left:  0;
        width:  100%;
        content:  '';
        background:  url(templates/images/Seprator.png)no-repeat center;
}
.ishi-customhover-fadeinrotate3D:after  {
        content:  "";
        position:  absolute;
        top:  50%;
        left:  50%;
        right:  50%;
        bottom:  50%;
        -webkit-transition:  all 0.9s;
        -moz-transition:  all 0.9s;
        -o-transition:  all 0.9s;
        transition:  all 0.9s;
}
.ishi-customhover-fadeinrotate3D:hover:after  {
        background:  rgba(0,  0,  0,  0.1);
        transform:  rotateY(180deg);
        -moz-transform:  rotateY(180deg);
        -webkit-transform:  rotateY(180deg);
        -o-transform:  rotateY(180deg);
        -ms-transform:  rotateY(180deg);
        top:  0;
        left:  0;
        right:  0;
        bottom:  0;
        -webkit-transition:  all 0.9s;
        -moz-transition:  all 0.9s;
        -o-transition:  all 0.9s;
        transition:  all 0.9s;
}
.bannerblock:hover .banner-scale .sbname  {
        transform:  rotatex(360deg);
}
.item__products .image .product-img-extra, .product-thumb .image.change  {
        left:  0;
        position:  absolute;
        right:  0;
        top:  0;
        opacity:  0;
        -moz-transform:  scale(0,  1);
        -webkit-transform:  scale(0,  1);
        -o-transform:  scale(0,  1);
        -ms-transform:  scale(0,  1);
        transform:  scaleX(0);
        -webkit-transition:  all 0.7s;
        -moz-transition:  all 0.7s;
        -ms-transition:  all 0.7s;
        -o-transition:  all 0.7s;
        transition:  all 0.7s;
}
.item__products:hover .image .product-img-extra  {
        opacity:  1;
        -moz-transform:  scale(1,  1);
        -webkit-transform:  scale(1,  1);
        -o-transform:  scale(1,  1);
        -ms-transform:  scale(1,  1);
        transform:  scale(1);
        -webkit-transition:  all 0.7s;
        -moz-transition:  all 0.7s;
        -ms-transition:  all 0.7s;
        -o-transition:  all 0.7s;
        transition:  all 0.7s;
}
.item__products  {
        position:  relative;
        outline:  none;
}
.ishiproductstab  {
        position:  relative;
        border:  0;
        display:  inline-block;
        vertical-align:  middle;
        margin-bottom:  25px!important;
        list-style-type:  none;
        margin:  0;
        padding:  0;
        display:  flex;
        justify-content:  center;
}
.ishiproductstab .nav-item  {
        display:  inline-block;
        vertical-align:  middle;
        margin:  0 4px;
        float:  none;
}
.ishiproductstab .nav-item .nav-link  {
        background:  transparent none repeat scroll 0 0;
        display:  inline-block;
        color:  #666;
        border:  0;
        border-radius:  0;
        letter-spacing:  0.42px;
        font-weight:  400;
        font-size:  16px;
        margin:  0;
        text-transform:  capitalize;
        outline:  medium none;
        line-height:  20px;
        padding:  10px 20px;
        position:  relative;
        transition:  all 400ms ease-in-out 0s;
        -webkit-transition:  all 400ms ease-in-out 0s;
        -moz-transition:  all 400ms ease-in-out 0s;
        -o-transition:  all 400ms ease-in-out 0s;
}
.ishiproductstab .nav-item .nav-link.active, .ishiproductstab .nav-item .nav-link:hover  {
        background:  var(--cl-main);
        color:  #fff;
}
.item__products .caption  {
        padding:  10px 15px;
}
.item__products .caption a h3  {
        color:  #333;
        font-size:  16px;
        text-align:  center;
        line-height:  24px;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  2;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.item__products .caption .price  {
        text-align:  center;
        color:  #222;
        font-size:  16px;
}
.item__products .caption .price del  {
        color:  #888888;
        font-size:  15px;
}
.item__products:hover .addCart a  {
        opacity:  1;
        -moz-transform:  translateX(0px);
        -webkit-transform:  translateX(0px);
        -o-transform:  translateX(0px);
        -ms-transform:  translateX(0px);
}
.pn-Gallery  {
        padding:  30px 0;
}
.gird__portfolio  {
        display:  grid;
        grid-template-columns:  1fr 1fr 1fr;
        grid-gap:  30px;
}
.item__portfolio a  {
        position:  relative;
        display:  block;
}
.pn-Service  {
        padding:  30px 0;
}
.gird__Oservice  {
        display:  grid;
        grid-template-columns:  1fr 1fr 1fr 1fr;
        grid-gap:  30px;
}
.gird__Oservice .item__services  {
        text-align:  center;
        display:  flex;
        align-items:  center;
        flex-direction:  column;
        padding:  15px 0;
}
.gird__Oservice .item__services a  {
        color:  #333;
        text-decoration:  none;
}
.item__services .img  {
        padding:  15px 0;
}
.item__services .name  {
        text-transform:  capitalize;
        font-size:  18px;
        margin-bottom:  0;
}
.item__services .cont  {
        font-size:  14px;
        color:  #888;
        line-height:  22px;
}
.pn-bottom  {
        padding:  30px 0;
}
.bot__left, .bot__right  {
        width:  50%;
        float:  left;
}
.bot__right  {
        background:  #fff;
}
.mySwiperTestimonia2  {
        position:  relative;
}
.ishitestimonials  {
        background-color:  #fafafa;
        width:  100%;
        padding:  5% 10%;
        overflow:  hidden;
}
.mySwiperTestimonial  {
        max-width:  250px;
        margin-bottom:  30px;
}
.testimonialt  {
        border-radius:  50%;
}
.mySwiperTestimonial img  {
        border:  2px solid transparent;
}
.mySwiperTestimonial .swiper-slide-thumb-active img  {
        border:  2px solid #999;
}
.user-details  {
        padding:  30px 50px;
        background-color:  #fff;
        text-align:  center;
}
.user-description  {
        line-height:  22px;
        color:  #888;
        margin-bottom:  15px;
}
.testimonial-img  {
        font-size:  24px;
        color:  #333;
}
.testimonial-info  {
        font-style:  italic;
        margin-top:  5px;
}
.ishispecialdeal  {
        padding:  5% 10%;
}
.pn-kh  {
        padding:  30px 0;
}
.newsletter-container  {
        display:  grid;
        grid-template-columns:  1fr 1fr;
        grid-gap:  30px;
}
.newsletter_text  {
        display:  flex;
        align-items:  center;
}
.newsletter_text .newsletter-icon  {
        float:  left;
        width:  100px;
        height:  100px;
        margin-right:  20px;
        fill:  #fff;
        background:  #e9a0b4;
        display:  flex;
        align-items:  center;
        justify-content:  center;
}
.newsletter_text .newsletter-icon i  {
        color:  #fff;
        font-size:  40px;
}
.pn-newsletter  {
        background:  #fafafa;
}
#dk_contact  {
        display:  block;
        padding:  0 30px;
        border-left:  1px solid #eee;
        border-right:  1px solid #eee;
        overflow:  hidden;
}
#dk_contact div.block  {
        margin-bottom:  20px;
        padding:  0;
        letter-spacing:  0.5px;
        font-size:  18px;
        font-weight:  500;
        display:  flex;
        align-items:  center;
        position:  relative;
}
#dk_contact .block .icon  {
        float:  left;
        text-align:  center;
        line-height:  55px;
        border:  1px solid #99999945;
        width:  55px;
        height:  55px;
        border-radius:  50%;
        cursor:  pointer;
        color:  #999;
        transition:  all 0.5s ease-in-out;
        -webkit-transition:  all 0.5s ease-in-out;
        -moz-transition:  all 0.5s ease-in-out;
        -ms-transition:  all 0.5s ease-in-out;
        -o-transition:  all 0.5s ease-in-out;
        display:  flex;
        align-items:  center;
        justify-content:  center;
}
#dk_contact .block .content  {
        display:  inline-block;
        vertical-align:  middle;
        overflow:  hidden;
        padding-left:  15px;
        color:  #333;
        width:  calc(100% - 60px);
        word-wrap:  break-word;
        font-size:  16px;
        line-height:  24px;
        font-weight:  500;
}
#dk_contact .block .content a  {
        font-weight:  400;
        letter-spacing:  0.2px;
        font-size:  14px;
        text-decoration:  none;
        position:  relative;
        overflow:  hidden;
        -webkit-transition:  all 0.5s;
        -moz-transition:  all 0.5s;
        -o-transition:  all 0.5s;
        transition:  all 0.5s;
        color:  #888;
}
#dk_contact div.block  {
        font-size:  16px;
}
.quick_link_cont  {
        text-align:  center;
}
.list-unstyled  {
        padding-left:  0;
        list-style:  none;
}
.quick_link  {
        text-align:  center;
}
.quick_link_cont li  {
        display:  inline-block;
        vertical-align:  middle;
        margin:  0 11px;
}
.quick_link_cont li a  {
        color:  #888888;
        position:  relative;
}
.quick_link_cont li a:after  {
        content:  '';
        height:  12px;
        width:  1px;
        background:  rgba(102,  102,  102,  0.2);
        position:  absolute;
        right:  -14px;
        top:  5px;
}
.paymentblock  {
        text-align:  center;
}
.paymentblock ul li  {
        display:  inline-block;
        margin:  5px;
}
.itemInsta a .image-overlay  {
        background:  rgba(255,  255,  255,  .25);
        position:  absolute;
        width:  94%;
        height:  94%;
        top:  0px;
        right:  0px;
        left:  0px;
        bottom:  0px;
        margin:  auto;
        overflow:  hidden;
        opacity:  0;
        transition:  all 1.1s;
        -webkit-transition:  all 1.1s;
        -moz-transition:  all 1.1s;
        -ms-transition:  all 1.1s;
        -o-transition:  all 1.1s;
}
.itemInsta a .image-overlay:before, .itemInsta a .image-overlay:after  {
        content:  "";
        width:  0;
        height:  2px;
        position:  absolute;
        transition:  all .2s linear;
        background:  rgba(255,  255,  255,  .5);
        left:  50%;
        top:  0;
        transition-duration:  .6s;
        z-index:  1;
        transition:  all 1.1s;
        -webkit-transition:  all 1.1s;
        -moz-transition:  all 1.1s;
        -ms-transition:  all 1.1s;
        -o-transition:  all 1.1s;
}
.itemInsta a .image-overlay span:before, .itemInsta a .image-overlay span:after  {
        content:  "";
        width:  2px;
        height:  0;
        position:  absolute;
        transition:  all .2s linear;
        background:  rgba(255,  255,  255,  .5);
        left:  0;
        top:  50%;
        transition-duration:  .6s;
        z-index:  1;
        transition:  all 1.1s;
        -webkit-transition:  all 1.1s;
        -moz-transition:  all 1.1s;
        -ms-transition:  all 1.1s;
        -o-transition:  all 1.1s;
}
.itemInsta:hover a img  {
        transform:  scale(1.2);
        -moz-transform:  scale(1.2);
        -webkit-transform:  scale(1.2);
        -o-transform:  scale(1.2);
        -ms-transform:  scale(1.2);
}
.itemInsta:hover a .image-overlay  {
        opacity:  1;
}
.itemInsta a .image-overlay span:after  {
        right:  0;
        left:  auto;
        top:  50%;
}
.itemInsta:hover a .image-overlay:before, .itemInsta:hover a .image-overlay:after  {
        width:  100%;
        left:  0;
}
.itemInsta:hover .image-overlay span:before, .itemInsta:hover .image-overlay span:after  {
        height:  100%;
        top:  0;
}
.itemInsta a .image-overlay:after  {
        left:  50%;
        bottom:  0;
        top:  auto;
}
.itemInsta a  {
        display:  block;
        position:  relative;
        overflow:  hidden;
        -webkit-transition:  all 0.5s;
        -moz-transition:  all 0.5s;
        -o-transition:  all 0.5s;
        transition:  all 0.5s;
}
.itemInsta a img  {
        max-width:  100%;
        -webkit-transform-style:  unset;
        transform-style:  unset;
        transition:  all 1.5s;
        -webkit-transition:  all 1.5s;
        -moz-transition:  all 1.5s;
        -ms-transition:  all 1.5s;
        -o-transition:  all 1.5s;
}
.itemInsta a .instagram  {
        position:  absolute;
        top:  50%;
        left:  0;
        right:  0;
        text-align:  center;
        margin:  0 auto;
        z-index:  99;
        margin-top:  -10px;
        -webkit-transform:  scale(0);
        -moz-transform:  scale(0);
        -ms-transform:  scale(0);
        -o-transform:  scale(0);
        transform:  scale(0);
        -webkit-transition:  all 0.3s;
        -moz-transition:  all 0.3s;
        -o-transition:  all 0.3s;
        transition:  all 0.3s;
}
.itemInsta a .instagram i  {
        font-size:  30px;
        color:  #fff;
        display:  inline-block;
        vertical-align:  middle;
        border-radius:  25px;
        width:  26px;
        height:  27px;
        line-height:  28px;
        -webkit-transition:  all 0.5s;
        -moz-transition:  all 0.5s;
        -o-transition:  all 0.5s;
        transition:  all 0.5s;
}
.itemInsta:hover a .instagram  {
        -webkit-transform:  scale(1);
        -moz-transform:  scale(1);
        -ms-transform:  scale(1);
        -o-transform:  scale(1);
        transform:  scale(1);
}
.pn-blog  {
        padding:  30px 0;
}
.product-caption  {
        padding:  0 30px;
}
.product-caption a h3  {
        color:  #333;
        font-size:  20px;
}
.product-caption .description  {
        color:  #888;
        font-size:  13px;
        line-height:  20px;
}
.h-member:hover .member-list-op  {
        position:  absolute;
        top:  100%;
        right:  0;
        list-style-type:  none;
        margin:  0;
        padding:  0;
        z-index:  99;
        width:  250px;
        background-color:  #fff;
        padding:  10px;
        box-shadow:  rgba(0,  0,  0,  0.16) 0px 1px 4px;
}
.h-member:hover .member-list-op  {
        display:  block;
}
.member-list-op>li>a i  {
        font-size:  13px;
}
.member-list-op>li>a  {
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  1;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.h-member:hover .member-list-op>li a  {
        line-height:  24px;
        color:  #333;
        font-size:  13px;
}
.list-group-thanhvien  {
        font-size:  1.4rem;
        font-family:  'OpenSansM';
}
.list-group-thanhvien li  {
        background-color:  #fff;
        line-height:  2.7rem;
        box-shadow:  1px 0 0 0 #ccc,  0 1px 0 0 #ccc,  1px 1px 0 0 #ccc,  1px 0 0 0 #ccc inset,  0 1px 0 0 #ccc inset;
}
.list-group-thanhvien li a  {
        color:  #333;
}
.list-group-thanhvien li a i  {
        margin-right:  0.2rem;
}
.head_lsmh  {
        font-size:  1.8rem;
        text-transform:  uppercase;
}
.title-diachi  {
        display:  flex;
        justify-content:  space-between;
        align-items:  center;
        font-size:  1.4rem;
}
.title-diachi .name  {
        font-size:  1.6rem;
        text-transform:  uppercase;
        font-weight:  600;
}
.pn-member .tab-content  {
        font-size:  1.4rem;
}
.pn-member.member-info  {
        background-color:  #555;
}
.fancybox_address  {
        font-size:  1.4rem;
}
.product-caption .price  {
        color:  #232323;
        font-weight:  600;
}
.add_diachi  {
        color:  red;
        font-weight:  600;
}
.product-caption .price del  {
        color:  #888;
        font-weight:  500;
}
.dff  {
        border:  1px solid #eee;
        background:  #fafafa;
}
.category-list  {
        position:  relative;
        list-style-type:  none;
        margin:  15px 0;
        padding:  0;
        display:  grid;
        grid-template-columns:  1fr 1fr 1fr 1fr;
        grid-gap:  30px;
}
.row_action_add  {
        margin-top:  1rem;
}
#form-diachi label.mb-2  {
        color:  #444;
        font-weight:  600;
        font-family:  'OpenSansM';
}
.category-list li a  {
        color:  #666;
        text-align:  center;
}
.category-list li a h3  {
        font-size:  18px;
}
.category-list li .image  {
        padding:  15px 30px;
}
.product_order_by  {
        display:  flex;
        align-items:  center;
        justify-content:  space-between;
        margin-bottom:  3rem;
        font-size:  1.4rem;
}
.product_order_by .left  {
        display:  flex;
        align-items:  center;
}
.product_order_by select  {
        font-size:  1.5rem;
        margin-right:  1rem;
        min-width:  20rem;
        border-color:  var(--cl-main);
        height:  3.4rem;
}
.product_order_by .right  {
        display:  flex;
        align-items:  center;
        justify-content:  flex-end;
}
.product_order_by .right .icon  {
        color:  var(--cl-main);
        margin-right:  0.5rem;
}
.show_gird_list button i  {
        font-size:  20px;
        color:  #888;
}
.show_gird_list button  {
        margin:  0;
        padding:  0;
        outline:  none;
        border:  none;
}
.title_member_info  {
        text-transform:  uppercase;
        margin:  0 0;
        font-size:  1.6rem;
        line-height:  3rem;
}
.item_topic .img img  {
        height:  25rem;
        width:  100%;
        object-fit:  cover;
}
.item_topic h3  {
        margin:  1rem 0;
}
.item_topic h3 a  {
        color:  #333;
}
.item_topic h3:hover a  {
        background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
}
.tit_topicH  {
        font-size:  1.8rem;
        text-transform:  uppercase;
        color:  #333;
        margin:  1rem 0 2rem 0;
}
/* *  STYLE 4 */#style-4::-webkit-scrollbar-track  {
        -webkit-box-shadow:  inset 0 0 6px rgba(0,  0,  0,  0.3);
        background-color:  #F5F5F5;
}
#style-4::-webkit-scrollbar  {
        width:  1.2rem;
        background-color:  #F5F5F5;
}
#style-4::-webkit-scrollbar-thumb  {
        background-color:  #000000;
        border:  2px solid #555555;
}
.pn-insta  {
        padding:  30px 0;
}
.product-thumb .button-group  {
        position:  absolute;
        left:  auto;
        right:  10px;
        top:  10px;
        display:  block;
        overflow:  hidden;
}
.item__products .image .button-group  {
        position:  absolute;
        left:  auto;
        right:  10px;
        top:  10px;
        display:  block;
        overflow:  hidden;
}
.item__products .image .btn-quickview, .item__products .image .btn-wishlist  {
        width:  34px;
        height:  34px;
        line-height:  45px;
        margin:  5px;
        position:  relative;
        background-color:  #fff;
        box-shadow:  0 0 6px 1px rgba(0,  0,  0,  0.1);
        border:  0;
        padding:  0;
        -webkit-transition:  all 0.5s;
        -moz-transition:  all 0.5s;
        -o-transition:  all 0.5s;
        transition:  all 0.5s;
        display:  block;
}
.item__products .image .btn-quickview a, .item__products .image .btn-wishlist a  {
        color:  #333;
        width:  100%;
        height:  100%;
        display:  flex;
        align-items:  center;
        justify-content:  center;
}
.item__products .button-group .btn-wishlist, .item__products .button-group .btn-quickview  {
        opacity:  0;
        -moz-transform:  translateY(50px);
        -webkit-transform:  translateY(50px);
        -o-transform:  translateY(50px);
        -ms-transform:  translateY(50px);
        transform:  translateY(50px);
}
.item__products:hover .button-group .btn-wishlist, .item__products:hover .button-group .btn-quickview  {
        opacity:  1;
        -moz-transform:  translateX(0);
        -webkit-transform:  translateX(0);
        -o-transform:  translateX(0);
        -ms-transform:  translateX(0);
        transform:  translateX(0);
}
.btn-quickview:hover a, .btn-wishlist:hover a  {
        background:  #111;
}
.btn-quickview:hover a i, .btn-wishlist:hover a i  {
        color:  #fff;
}
.block_content  {
        position:  relative;
        padding-bottom:  50px;
}
.gia_sale  {
        float:  left;
}
.chitiet_sp_hot_gia del  {
        color:  #888;
}
.accordion-item  {
        outline:  none;
}
.Swiper_spct .swiper-slide  {
        margin-bottom:  12px;
}
.product-remove a i  {
        color:  #f00;
        font-weight:  600;
        font-size:  20px;
}
.price_namet  {
        text-align:  right!important;
}
.price_pricet  {
        text-align:  left!important;
}
.p-20  {
        padding:  20px!important;
}
.calculate-shiping h3  {
        font-size:  20px;
        font-weight:  600;
}
.calculate-shiping table  {
        margin:  15px 0;
}
.order__viewdt1  {
        font-size:  13px;
        padding:  5px 15px 7px;
        color:  #fff;
        background:  #333;
}
.pagination-page  {
        display:  flex;
        justify-content:  center;
        font-size:  1.5rem;
}
.pagination-page .pagination-sm .page-link  {
        font-size:  1.4rem;
}
.body-sanpham .gird__products  {
        margin-bottom:  2rem;
}
.pagination-page #pagination-ajax  {
        margin:  1rem 0;
}
#input-limit, #input-sort  {
        width:  150px;
        margin-left:  5px;
}
#input-sort  {
        width:  20rem;
        font-size:  1.5rem;
}
.item__products .image  {
        position:  relative;
}
.show_gird_list .show_view i  {
        color:  #999;
}
.show_gird_list .show_view.current i  {
        color:  #333;
}
.gird__post  {
        display:  grid;
        grid-template-columns:  1fr 1fr 1fr;
        grid-gap:  3rem;
}
.rel__postTitle  {
        font-size:  2rem;
        font-weight:  600;
        text-transform:  uppercase;
        margin:  0 0 1.5rem 0;
}
.navbar-toggle .icon-bar  {
        display:  block;
        width:  16px;
        height:  0.009em;
}
.news-detalis.post__content  {
        font-size:  1.6rem;
        margin-bottom:  3rem;
}
.typography  {
        line-height:  1.625;
}
.navbar-toggle .icon-bar+.icon-bar  {
        margin-top:  0.4em;
}
.item_product_img  {
        height:  auto;
}
.head-top  {
        padding:  0.8rem 0;
        background:  var(--color-1);
        color:  #fff;
}
.head-top .social ul li  {
        display:  inline-block;
        margin-right:  0.5rem;
}
.head-top .social ul li a img  {
        height:  2.8rem;
}
.slogan_ht  {
        margin-bottom:  0;
        display:  flex;
        align-items:  center;
        text-align:  center;
        font-size:  1.6rem;
}
.slogan_ht img  {
        height:  2rem;
        margin-right:  0.8rem;
}
.hotline_ht  {
        margin-bottom:  0;
        display:  flex;
        align-items:  center;
}
.hotline_ht a  {
        color:  #fff;
        text-decoration:  none;
        font-size:  1.6rem;
        letter-spacing:  0.1rem;
}
.hotline_ht a img  {
        height:  2rem;
        margin-right:  0.8rem;
}
.df-menut>.left  {
        display:  flex;
        align-items:  flex-start;
        width:  calc(50% - 20rem);
        justify-content:  space-between;
}
.df-menut>.right  {
        width:  calc(50% - 20rem);
        display:  flex;
        justify-content:  space-between;
        align-items:  center;
        position:  relative;
}
.search_toogle  {
        position:  absolute;
        width:  100%;
        padding:  1rem 3rem;
        background:  #fff;
        border-radius:  0.2rem;
        top:  100%;
        left:  0;
        z-index:  9;
        height:  5.5rem;
        z-index:  -10;
        opacity:  0;
        visibility:  hidden;
        transition:  var(--trans);
        box-shadow:  rgba(0,  0,  0,  0.16) 0px 3px 6px,  rgba(0,  0,  0,  0.23) 0px 3px 6px;
}
.member_toogle  {
        position:  absolute;
        top:  100%;
        padding:  1rem 3rem;
        background:  #fff;
        border-radius:  0.2rem;
        right:  0;
        z-index:  9;
        z-index:  -10;
        opacity:  0;
        visibility:  hidden;
        transition:  var(--trans);
        box-shadow:  rgba(0,  0,  0,  0.16) 0px 3px 6px,  rgba(0,  0,  0,  0.23) 0px 3px 6px;
        min-width:  25rem;
        font-size:  1.4rem;
        text-align:  left;
        padding:  1rem 1rem;
}
.search_toogle.show  {
        z-index:  10;
        opacity:  1;
        visibility:  visible;
}
.tg_member:hover .member_toogle  {
        z-index:  10;
        opacity:  1;
        visibility:  visible;
}
.member_toogle>ul  {
        margin-bottom:  15rem;
        width:  100%;
}
.member_toogle>li>a  {
        line-height:  3rem;
        font-size:  1.5rem;
        color:  #333;
        display:  block;
}
.normal-text  {
        text-transform:  lowercase;
}
.member_toogle>li:hover>a  {
        color:  var(--cl-main);
}
.search_toogle .navsearch-frm  {
        position:  relative;
        margin:  0 0 0.5rem 0;
}
.df-menut .logo  {
        width:  40rem;
}
.df-menut  {
        position:  relative;
}
.style-1>li  {
        display:  inline-block;
}
.style-1>li>a  {
        color:  var(--cl-main);
        text-transform:  uppercase;
        font-size:  1.7rem;
        line-height:  5.5rem;
        font-weight:  600;
        padding:  0 2rem;
}
.style-1>li.current  {
        background:  url('templates/images/bg_menu.svg')no-repeat;
        background-size:  cover;
}
.style-1>li.current>a  {
        color:  #fff;
}
.menutleft>li>a  {
        padding-right:  3rem;
}
.menu-menber  {
        position:  relative;
}
.menu-menber>li  {
        display:  inline-block;
}
.menu-menber>li>a  {
        color:  var(--cl-main);
        padding:  0 0.3rem;
}
.menuiHot  {
        padding:  3rem 0;
}
.box  {
        display:  flex;
        justify-content:  center;
        align-items:  center;
        width:  100%;
        height:  25rem;
        font-size:  2em;
        padding:  0.5em;
        line-height:  1;
        background-position:  0 0,  0 0,  100% 0,  0 100%;
        background-size:  3px 100%,  100% 3px,  3px 100%,  100% 3px;
        background-repeat:  no-repeat;
        position:  relative;
}
.box-h  {
        background-image:  repeating-linear-gradient(0deg,  var(--clr-border),  var(--clr-border) 10px,  transparent 10px,  transparent 20px),  repeating-linear-gradient(90deg,  var(--clr-border),  var(--clr-border) 10px,  transparent 10px,  transparent 20px),  repeating-linear-gradient(180deg,  var(--clr-border),  var(--clr-border) 10px,  transparent 10px,  transparent 20px),  repeating-linear-gradient(270deg,  var(--clr-border),  var(--clr-border) 10px,  transparent 10px,  transparent 20px);
        background-size:  3px calc(100% + 20px),  calc(100% + 20px) 3px,  3px calc(100% + 20px),  calc(100% + 20px) 3px;
        animation:  boxBorderAnimation 1s infinite linear;
        border-radius:  6%;
}
.box:after  {
        position:  absolute;
        width:  4rem;
        height:  4rem;
        border-radius:  50%;
        border:  0.15rem solid var(--cl-main);
        color:  var(--cl-main);
        background-color:  #fff;
        display:  flex;
        align-items:  center;
        justify-content:  center;
        content:  '';
        font-family:  "Font Awesome 5 Free";
        font-weight:  900;
        content:  "\f105";
        z-index:  9;
        bottom:  -2rem;
        left:  (50% - 2rem);
}
.item-menui .img  {
        padding:  1rem;
}
@keyframes boxBorderAnimation  {
        from  {
            background-position:  0 0,  -20px 0,  100% -20px,  0 100%;
    }
    to  {
            background-position:  0 -20px,  0 0,  100% 0,  -20px 100%;
    }
}
.item-menui-h .img a  {
        display:  block;
        margin-top:  2rem;
}
.item-menui-h .img img  {
        height:  20rem;
        object-fit:  contain;
}
.item-menui-h .name  {
        margin:  2rem 0 1rem 0;
}
.item-menui-h .name a  {
        display:  block;
        text-align:  center;
        color:  #333;
        font-size:  1.6rem;
        font-weight:  600;
        text-transform:  uppercase;
}
.item-menui-h .name:hover a  {
        color:  var(--cl-main);
}
.pn-about  {
        padding:  6rem 0 3rem 0;
        background-color:  rgba(56,  56,  56,  1);
}
.df-about  {
        color:  #fff;
}
.df-about .left  {
        width:  50%;
        padding-right:  5%;
}
.df-about .right  {
        width:  50%;
        padding-right:  5rem;
}
.df-about .right .cap  {
        font-size:  2.4rem;
        text-transform:  uppercase;
        color:  rgba(145,  145,  145,  1);
        font-weight:  600;
}
.df-about .right .name  {
        font-size:  3rem;
        text-transform:  uppercase;
        color:  var(--cl-main);
        font-weight:  600;
        margin-bottom:  2rem;
}
.df-about .right .h3.sub  {
        font-size:  2.4rem;
        background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
        text-transform:  uppercase;
}
.df-about .right h2.name  {
        font-size:  4rem;
        background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
        font-family:  'MitrR';
}
.df-about .right .cont  {
        font-size:  1.5rem;
        line-height:  2.3rem;
        margin-bottom:  2rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  6;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.df-about .right .link a  {
        box-shadow:  0px 1px 1px 0px rgba(0,  0,  0,  0.25);
        padding:  0.5rem 2rem 0.5rem 2rem;
        line-height:  4.5rem;
        text-transform:  uppercase;
        background-color:  #fff;
        border-radius:  1rem 1rem;
        display:  flex;
        justify-content:  space-between;
        align-items:  center;
        max-width:  20rem;
        width:  100%;
}
.group_aboutImg  {
        position:  relative;
        height:  0;
        width:  100%;
        padding-bottom:  70%;
}
.group_aboutImg .item  {
        position:  absolute;
}
.group_aboutImg .item img  {
        width:  100%;
        height:  100%;
        object-fit:  cover;
}
.group_aboutImg .item.item1  {
        position:  absolute;
        height:  100%;
        width:  60%;
        left:  0;
        top:  0;
        z-index:  1;
}
.group_aboutImg .item.item2  {
        position:  absolute;
        height:  40%;
        width:  60%;
        right:  0;
        bottom:  0;
        z-index:  2;
}
.group_aboutImg .item.item2 img  {
        border-top:  0.7rem solid rgba(56,  56,  56,  1);
        border-left:  0.7rem solid rgba(56,  56,  56,  1);
}
.group_aboutImg .item.item3  {
        right:  0;
        top:  0;
        width:  40%;
        height:  60%;
}
.group_aboutImg .item.item3 img  {
        border-left:  1.2rem solid rgba(56,  56,  56,  1);
        //border-bottom:  1.2rem solid rgba(56,  56,  56,  1);
}
.df-about .right .link a .text  {
        /* background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
     */    color:  rgba(228,  146,  0,  1);
        font-size:  2.4rem;
        font-family:  'MitrR';
}
.df-about .right .link a .icon  {
        background-color:  rgba(228,  146,  0,  1);
        padding:  0 1.5rem;
        box-shadow:  rgba(60,  64,  67,  0.3) 0px 1px 2px 0px,  rgba(60,  64,  67,  0.15) 0px 2px 6px 2px;
}
.df-about .right .cont  {
        line-height:  2.6rem;
        letter-spacing:  0.05rem;
}
.sub-about  {
        position:  relative;
        z-index:  99;
        margin-top:  -6rem;
        margin-bottom:  3rem;
}
.sub-about .container .inner  {
        background-color:  #fff;
        box-shadow:  rgba(0,  0,  0,  0.24) 0px 3px 8px;
        padding:  1rem 1rem;
        border-radius:  1.5rem;
}
.gird-sub-about  {
        display:  grid;
        grid-template-columns:  1fr 1fr 1fr 1fr;
        grid-gap:  2rem;
}
.gird-sub-about>li  {
        display:  flex;
        align-items:  center;
        justify-content:  center;
        flex-direction:  column;
        margin:  1rem 0;
        border-right:  0.2rem dashed #ccc;
}
.gird-sub-about>li:last-child  {
        border-right-color:  transparent;
}
.gird-sub-about>li h4  {
        color:  #222;
        text-transform:  capitalize;
        font-size:  1.8rem;
        margin-bottom:  2rem;
}
.gird-sub-about>li .img img  {
        height:  6rem;
}
.tit_and_sub  {
        margin-bottom:  2rem;
}
.tit_and_sub h3  {
        font-size:  2.4rem;
        text-transform:  uppercase;
        color:  rgba(145,  145,  145,  1);
        font-weight:  600;
}
.tit_and_sub h2  {
        font-size:  3rem;
        text-transform:  uppercase;
        color:  var(--cl-main);
        font-weight:  600;
        margin-bottom:  2rem;
}
.product-tabH  {
        padding:  3rem 0;
}
.tab_productH  {
        text-align:  center;
        display:  flex;
        justify-content:  center;
        align-items:  center;
        margin-bottom:  3rem;
}
.tas_tabH  {
        text-align:  center;
        margin-bottom:  3rem;
}
.tab_productH .tab_itemH  {
        padding:  1rem 2rem;
        border:  0.15rem solid var(--cl-main);
        border-radius:  0 1.5rem 0 1.5rem;
        font-size:  1.5rem;
        text-transform:  uppercase;
        color:  var(--cl-main);
        font-weight:  600;
        margin:  0 1rem;
        cursor:  pointer;
}
.tab_productH .tab_itemH.active, .tab_productH .tab_itemH:hover  {
        color:  #fff;
        background-color:  var(--cl-main);
}
.item__product  {
        position:  relative;
}
.item__product .img  {
        position:  relative;
}
.item__product .img .cover_img  {
        display:  block;
        text-align:  center;
}
.item__product .img .cover_img img  {
        height:  25rem;
        object-fit:  contain;
}
.item__product .img .precent  {
        position:  absolute;
        top:  0;
        left:  0;
        width:  6rem;
        height:  6rem;
        background-color:  #0066cc;
        color:  #fff;
        font-size:  1.6rem;
        clip-path:  polygon(35% 0,  100% 0,  0 100%,  0 35%);
}
.item__product .img .precent .txt  {
        position:  relative;
        display:  block;
        transform:  rotate(-40deg);
}
.item__product .img a img  {
        width:  100%;
        height:  25rem;
        object-fit:  cover;
}
.item__product .info  {
        padding:  0 1rem;
}
.item__product .info .rating  {
        display:  flex;
        justify-content:  flex-start;
        align-items:  center;
        font-size:  1.4rem;
        margin-bottom:  0.8rem;
}
.item__product .info .rating ul  {
        margin-bottom:  0;
        padding:  0 0.3rem;
        color:  rgb(245,  217,  74,  1);
        font-size:  1.2rem;
}
.item__product .info .rating span  {
        margin-top:  0.3rem;
}
.item__product .info .name a h3  {
        color:  var(--color-3);
        font-size:  1.6rem;
        line-height:  2.2rem;
        font-weight:  600;
        font-family:  'OpenSansM';
        margin-bottom:  0.5rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  3;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.item__product.item__vd  {
        margin-bottom:  0;
}
.item__product:hover .info .name a h3  {
        color:  var(--cl-main);
}
.item__product .info .price  {
        display:  flex;
        justify-content:  flex-end;
        align-items:  flex-end;
        font-family:  'OpenSansM';
        font-size:  1.6rem;
        flex-direction:  row-reverse;
}
.item__product .info .price>div  {
        padding:  0 0.5rem;
}
.item__product .info .price>div.old  {
        position:  relative;
        color:  #888;
}
.item__product .info .price>div.old:after  {
        position:  absolute;
        width:  100%;
        height:  0.1rem;
        background-color:  #888;
        content:  '';
        bottom:  1.2rem;
        left:  0;
}
.item__product .info .price>div.cur  {
        color:  #e60100;
        font-weight:  600;
        font-size:  1.8rem;
}
/*.item__product .img .action  {
        position:  absolute;
        width:  100%;
        height:  3.5rem;
        bottom:  0;
        left:  0;
        content:  '';
        background-color:  var(--color-5);
        display:  flex;
        justify-content:  center;
        align-items:  center;
        color:  #fff;
        opacity:  0;
        visibility:  hidden;
        transition:  var(--trans);
}
.item__product:hover .img .action  {
        opacity:  1;
        visibility:  visible;
}
.item__product .img .action a  {
        color:  #fff;
        margin:  0 0.5rem;
}
.item__product .img .action a:hover  {
        color:  #0066cc;
        font-weight:  600;
}
*/.pn-flashSale  {
        padding:  5rem 0 0 0;
        background-size:  cover!important;
        min-height:  40rem;
        margin-bottom:  3rem;
}
.df-flashSale .left, .df-flashSale .right  {
        width:  50%;
}
.df-flashSale .right  {
        padding-left:  3rem;
}
.df-flashSale .right .cont  {
        padding:  3rem;
        border-radius:  1rem;
        background-color:  rgba(255,  255,  255,  0.2);
        border:  1px solid #fff;
        color:  #fff;
        text-align:  center;
}
.df-flashSale .right .cont .name  {
        font-size:  2.4rem;
        text-transform:  uppercase;
        margin-bottom:  2rem;
}
.df-flashSale .right .cont .nd  {
        font-size:  1.8rem;
        line-height:  2.2rem;
        margin-bottom:  2rem;
}
.go_flash  {
        display:  flex;
        justify-content:  center;
        margin-bottom:  1rem;
}
.go_flash a  {
        padding:  0.8rem 2rem;
        border-radius:  3rem;
        background:  #f46600;
        color:  #fff;
        font-size:  2rem;
        text-transform:  uppercase;
        box-shadow:  rgba(0,  0,  0,  0.24) 0px 3px 8px;
        font-family:  'OpenSansM';
}
.df-block-cate .left  {
        width:  40%;
        padding-right:  5rem;
}
.df-block-cate .right  {
        width:  70%;
}
.pn-block-cate  {
        position:  relative;
        padding:  3rem 0;
}
.df-block-cate .left .cont  {
        font-size:  1.6rem;
        line-height:  2.6rem;
        margin-bottom:  2rem;
}
.df-block-cate .left .go_cate  {
        display:  flex;
}
.df-block-cate .left .go_cate a  {
        color:  #fff;
        font-size:  1.8rem;
        font-weight:  600;
        display:  inline-block;
        padding:  0 3rem;
        line-height:  4.5rem;
        background-color:  var(--cl-main);
        border-radius:  0 1.5rem 0 1.5rem;
        box-shadow:  rgba(0,  0,  0,  0.24) 0px 3px 8px;
}
.gird__productsC3  {
        display:  grid;
        grid-template-columns:  1fr 1fr 1fr;
        grid-gap:  3rem;
}
/* .gird__productsC3 .item__product .img .cover_img img  {
        height:  20rem;
}
.gird__productsC3 .item__product .info .name a h3  {
        font-size:  1.4rem;
}
.gird__productsC3 .item__product .info .price  {
        font-size:  1.4rem;
}
.gird__productsC3 .item__product .info .price>div.cur  {
        font-size:  1.6rem;
}
.gird__productsC3 .item__product .info .price>div.old:after  {
        bottom:  0.8rem;
}
.gird__productsC3 .item__product .info .rating  {
        font-size:  1.3rem;
}
 */.pn-block-cate.block-cate-bg  {
        background:  rgba(244,  102,  0,  0.05);
}
.gird__productsC3 .item__product .img .precent  {
        width:  5rem;
        height:  5rem;
        font-size:  1.4rem;
}
.block-cate-bg .df-block-cate  {
        flex-direction:  row-reverse;
}
.block-cate-bg .df-block-cate .left  {
        padding-right:  0;
        padding-left:  5rem;
}
.pn-faq  {
        margin:  3rem 0;
        background-size:  cover!important;
        min-height:  30rem;
}
.df-faq .tit_and_sub h3, .df-faq .tit_and_sub h2  {
        color:  #fff;
}
.df-faq .tit_and_sub h3  {
        font-size:  1.8rem;
}
.df-faq .tit_and_sub h2  {
        font-size:  2.4rem;
}
.df-faq .tit_and_sub .nd  {
        font-size:  1.6rem;
        line-height:  2.2rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  2;
        overflow:  hidden;
        text-overflow:  ellipsis;
        margin-bottom:  2rem;
}
.df-faq .left  {
        width:  50%;
        color:  #fff;
}
.df-faq .left .cont  {
        display:  flex;
        align-items:  center;
        justify-content:  center;
        padding:  3rem 15% 3rem 25%;
}
.df-faq .right  {
        width:  50%;
}
.df-faq .right .wrap_video  {
        position:  relative;
        height:  0;
        padding-bottom:  70%;
}
.df-faq .right .wrap_video .video  {
        position:  absolute;
        width:  100%;
        height:  100%;
        top:  0;
        right:  0;
}
.df-faq .right .wrap_video .video>img  {
        width:  100%;
        height:  100%;
        top:  0;
        left:  0;
        object-fit:  cover;
}
.df-faq .right .wrap_video .video:before  {
        position:  absolute;
        width:  6rem;
        height:  6rem;
        content:  '';
        left:  calc(50% - 2.5rem);
        top:  calc(50% - 2.5rem);
        z-index:  1;
        background:  url(templates/images/icon_play.png)no-repeat;
        background-size:  contain;
}
.df-faq .right .wrap_video img  {
        width:  100%;
}
.tit_comments, .title_contacts, .title_news  {
        text-align:  center;
}
.pn-comments, .pn-contacts  {
        padding:  3rem 0;
}
.pn-contacts  {
        background-size:  cover!important;
        padding:  5rem 0;
        position:  relative;
}
.pn-contacts:before  {
        position:  absolute;
        content:  '';
        background-color:  rgb(0,  0,  0,  0.4);
        top:  0;
        left:  0;
        width:  100%;
        height:  100%;
}
.pn-contacts .container  {
        position:  relative;
        z-index:  9;
}
.pn-contacts .tit_and_sub h3  {
        color:  #fff;
}
.pn-contacts .tit_and_sub h2  {
        font-family:  'OpenSansM';
        font-weight:  600;
}
.card__question .card-header a.btn  {
        display:  flex;
        justify-content:  space-between;
        font-size:  1.6rem;
        outline:  none;
        box-shadow:  unset;
        font-family:  'OpenSansM';
        color:  #333;
}
.card__question .card-body  {
        font-size:  1.5rem;
        color:  #333;
        max-height:  10rem;
        overflow-y:  scroll;
        overflow-x:  hidden;
}
.card__question  {
        margin-bottom:  2rem;
        border-radius:  0.5rem;
        box-shadow:  rgba(0,  0,  0,  0.24) 0px 3px 8px;
}
.card__question .collapse  {
        padding-bottom:  1rem;
}
#style-1::-webkit-scrollbar-track  {
        -webkit-box-shadow:  inset 0 0 6px rgba(0,  0,  0,  0.3);
        border-radius:  10px;
        background-color:  #F5F5F5;
}
#style-1::-webkit-scrollbar  {
        width:  10px;
        background-color:  #F5F5F5;
}
#style-1::-webkit-scrollbar-thumb  {
        border-radius:  10px;
        -webkit-box-shadow:  inset 0 0 6px rgba(0,  0,  0,  .3);
        background-color:  #555;
}
.item__comment  {
        background-color:  #f6f6f6;
        padding:  3rem;
        border-radius:  3rem;
        box-shadow:  rgba(0,  0,  0,  0.24) 0px 3px 8px;
        margin:  1rem;
        display:  flex;
        justify-content:  space-between;
        margin-top:  10rem;
}
.item__comment .left  {
        width:  17rem;
}
.item__comment .left .img  {
        margin-bottom:  2rem;
        margin-top:  -10rem;
        padding:  1rem;
        background-color:  #f6f6f6;
        border-radius:  50%;
}
.item__comment .right  {
        width:  calc(100% - 17rem);
        padding-left:  5rem;
        position:  relative;
}
.item__comment .right .cont  {
        font-size:  1.6rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  5;
        overflow:  hidden;
        text-overflow:  ellipsis;
        position:  relative;
        margin:  2rem 0;
        color:  #444;
}
.item__comment .right:after  {
        position:  absolute;
        width:  5rem;
        height:  3rem;
        left:  5rem;
        top:  -2.5rem;
        content:  '';
        background:  url(templates/images/icon_kh1.png)no-repeat;
        background-size:  contain;
        z-index:  1;
}
.item__comment .right:before  {
        position:  absolute;
        width:  5rem;
        height:  3rem;
        right:  0;
        bottom:  -2.5rem;
        content:  '';
        background:  url(templates/images/icon_kh2.png)no-repeat;
        background-size:  contain;
        z-index:  1;
}
.frm__discount  {
        max-width:  800px;
        margin:  3rem auto;
}
.frm__discount .form-group input  {
        height:  4.5rem;
        border-radius:  0.5rem;
        font-size:  1.5rem;
}
#discountFrm .form-group label.error  {
        position:  absolute;
        right:  1rem;
        top:  3.5rem;
        color:  red;
        font-size:  1.3rem;
}
.frm__discount .form-group textarea  {
        border-radius:  0.5rem;
        font-size:  1.5rem;
}
#btn-regis-discount  {
        color:  #fff;
        font-size:  1.8rem;
        font-weight:  600;
        display:  inline-block;
        padding:  0 3rem;
        line-height:  5rem;
        background-image:  var(--bg-main);
        border-radius:  0.2rem;
        box-shadow:  rgba(0,  0,  0,  0.24) 0px 3px 8;
}
.d-frmNewsletter  {
        align-items:  center;
        justify-content:  space-between;
}
.d-discount  {
        justify-content:  center;
}
.inner-post  {
        position:  relative;
}
.item__news .go_news  {
        text-align:  right;
        padding:  0 1rem;
}
.item__news .go_news span  {
        color:  var(--cl-main);
        font-size:  1.4rem;
        font-weight:  600;
}
.foot-line  {
        margin-bottom:  3rem;
}
.foot-main  {
        margin-bottom:  3rem;
}
.list__foot  {
        position:  relative;
        margin-bottom:  2rem;
        font-size:  1.6rem;
}
.list__foot>li  {
        display:  flex;
        margin-bottom:  1rem;
}
.item__product .img label.qcdg  {
        font-size:  1.2rem;
        line-height:  1.5rem;
        color:  #1f4e95;
        background:  #e8f1fb;
        border-radius:  0.2rem;
        padding:  0.3rem 0.6rem;
        position:  absolute;
        z-index:  9;
        left:  0.5rem;
        bottom:  4rem;
}
.single-page-product .container  {
        max-width:  1200px;
}
.product_ct  {
        position:  relative;
        margin:  1rem 0 3rem 0;
}
.item_mk  {
        position:  relative;
}
.add_mk  {
        position:  absolute;
        width:  4rem;
        height:  4rem;
        padding:  0.5rem;
        font-size:  1.6rem;
        color:  var(--cl-main);
        z-index:  9;
        background-color:  #fcfcfc;
        border-radius:  50%;
        display:  flex;
        align-items:  center;
        justify-content:  center;
        right:  -2rem;
        top:  calc(50% - 2rem);
        box-shadow:  rgba(0,  0,  0,  0.24) 0px 3px 8px;
}
.btn__replyComment  {
        font-size:  1.4rem;
        color:  #fff;
        background-color:  var(--cl-main);
        padding:  0.5rem 0.7rem;
        border-radius:  0.3rem;
        box-shadow:  rgba(60,  64,  67,  0.3) 0px 1px 2px 0px,  rgba(60,  64,  67,  0.15) 0px 1px 3px 1px;
}
.item-binhluan .accordion-button  {
        padding:  0;
        outline:  unset;
        box-shadow:  unset;
        background-color:  transparent;
}
.btn_close_reply  {
        font-size:  1.5rem;
}
.block-reply-action  {
        display:  flex;
        align-items:  center;
}
.df_row_comments  {
        justify-content:  flex-start;
        align-items:  flex-start;
}
.block-reply-action>span  {
        margin-right:  1rem;
}
.frm_reply input  {
        height:  3.4rem;
        font-size:  1.4rem;
        line-height:  3.4rem;
}

p.d-and-t  {
        font-size:  1.3rem;
        margin-bottom:  0;
}
.tit_pttt  {
        color:  #111;
        font-weight:  600;
        margin-bottom:  1rem;
}

pre  {
        font-size:  1.4rem;
}
.pay_and_ship .v-infomation-content  {
        display:  flex;
        justify-content:  space-between;
}
.pay_and_ship .v-infomation-content .v-delivery-type-item  {
        width:  50%;
        padding-right:  1rem;
        display:  flex;
        justify-content:  space-between;
}
.pay_and_ship .v-infomation-content .v-delivery-type-item .img  {
        width:  5rem;
}
.pay_and_ship .v-infomation-content .v-delivery-type-item .nd  {
        width:  calc(100% - 5rem);
        padding-right:  1rem;
        display:  flex;
        align-items:  flex-start;
}
.gia_thuoctinh .gia_mua  {
        color:  red;
        margin-right:  0.8rem;
        font-size:  2rem;
}
.gia_thuoctinh .gia_cu  {
        font-size:  1.4rem;
}
.gia_thuoctinh  {
        padding-right:  5rem;
        position:  relative;
}
.gia_thuoctinh .gia_precent  {
        position:  absolute;
        font-size:  1.2rem;
        color:  #fff;
        padding:  0.2rem 0.5rem;
        background-color:  var(--cl-main);
        border-radius:  0.2rem;
        font-weight:  400;
        right:  0;
}
.product-cart-option  {
        display:  flex;
        margin-bottom:  0.5rem;
}
.product-cart-option .name-quycach, .product-cart-option .name-brand, .name-loaisp  {
        color:  #fff;
        padding:  0.4rem 1rem;
        border-radius:  2rem;
        font-size:  1.2rem;
        background-color:  #0066CC;
        line-height:  1.6rem;
        margin:  0.1rem 0.1rem;
}
.row_numberCart  {
        font-size:  1.3rem;
        display:  flex;
        justify-content:  flex-start;
        align-items:  center;
}
.row_numberCart .text-price  {
        color:  red;
        font-size:  1.3rem;
        font-weight:  600;
}
.row_numberCart .nd  {
        margin:  0 0.8rem;
}
.df-carts  {
        align-items:  flex-start;
}
.df-carts>.left  {
        width:  55%;
        padding-right:  3rem;
}
.df-carts>.right  {
        width:  45%;
}
.product-cart-info .order_oldPrice  {
        color:  #888;
        font-size:  1.1rem;
}
.shopping-summery  {
        max-height:  28rem;
}
.shop-area #style-4::-webkit-scrollbar-track  {
        -webkit-box-shadow:  inset 0 0 5px rgba(0,  0,  0,  0.2);
        background-color:  #F5F5F5;
}
.shop-area #style-4::-webkit-scrollbar  {
        width:  1rem;
        background-color:  #F5F5F5;
}
.shop-area #style-4::-webkit-scrollbar-thumb  {
        background-color:  var(--cl-main);
        border:  0.1rem solid #fff;
}
.shopping-summery .product-img  {
        position:  relative;
}
.shopping-summery .product-img .percent-discount  {
        position:  absolute;
        left:  0.2rem;
        top:  0.3rem;
        font-size:  1.2rem;
        color:  #fff;
        background-color:  var(--cl-main);
        padding:  0.2rem;
        border-radius:  2rem;
}
.df-carts .right .payment, .order-ma-giam-gia  {
        padding:  1rem 2rem;
        background-color:  #f7f7f7;
        margin:  1.5rem 0;
        border:  1px dashed #ddd;
        border-radius:  0.2rem;
        font-size:  1.5rem;
}
.df-carts .right .payment .row_pt, .pt_ma_giam_gia  {
        display:  flex;
        justify-content:  space-between;
        align-items:  center;
}
.list_tttt  {
        display:  flex;
        margin-top:  0.2rem;
}
.list_tttt>ul>li  {
        float:  left;
}
.list_tttt>ul>li>a>img  {
        width:  2rem;
        margin-right:  0.5rem;
        height:  1.5rem;
        object-fit:  contain;
}
.df-carts .right .payment .row_pt  {
        margin-bottom:  0.5rem;
}
.pt_ma_giam_gia  {
        justify-content:  flex-start;
}
.df-carts .right .order  {
        border:  1px dashed #ddd;
        padding:  1rem 1rem;
        background-color:  #f7f7f7;
        border-radius:  0.2rem;
        text-align:  left;
}
.pt_ma_giam_gia .name  {
        margin-right:  1rem;
}
.pt_ma_giam_gia input  {
        width:  12rem;
        margin-right:  0.5rem;
}
.pt_ma_giam_gia .btn  {
        font-size:  1.4rem;
        background:  var(--cl-main);
        border-color:  var(--cl-main);
        box-shadow:  unset;
        outline:  none;
}
.df-carts>.right>.cont  {
        border:  1px dashed #ddd;
        padding:  1rem 1rem;
        background-color:  #f7f7f7;
        border-radius:  0.2rem;
        text-align:  left;
}
.df-carts .right .payment .row_pt .name  {
        width:  calc(100% - 16rem);
}
.df-carts .right .payment .row_pt .nd  {
        width:  15rem;
        letter-spacing:  0.1rem;
}
.df-carts .right .payment .row_pt .nd.nd_tongthanhtoan  {
        color:  red;
        font-weight:  600;
        font-size:  1.6rem;
}
.pn-member  {
        padding:  1rem 0 3rem 0;
}
#form-thongtin .form-group label, #form-sendVideo .form-group label  {
        font-size:  1.6rem;
        font-weight:  600;
        color:  #fff;
        margin-bottom:  0.7rem;
}
#form-sendVideo .form-group label.error  {
        position:  absolute;
        right:  0.5rem;
        top:  0.5rem;
        color:  red;
        font-weight:  400;
        font-size:  1.3rem;
}
#form-sendVideo .login_footer  {
        position:  relative;
}
#form-sendVideo .login_footer label.error  {
        position:  absolute;
        right:  0.5rem;
        top:  0.5rem;
        color:  red;
        font-weight:  400;
        font-size:  1.3rem;
}
#form-thongtin .form-control  {
        line-height:  2.8rem;
}
.btn_update  {
        font-size:  1.8rem;
        font-weight:  600;
        color:  #fff;
        line-height:  4rem;
        padding:  0 3rem;
        background-image:  var(--bg-main);
        text-transform:  uppercase;
}
#form-thongtin .custome-checkbox  {
        display:  flex;
        align-items:  center;
}
#form-thongtin .custome-checkbox label  {
        margin-bottom:  0;
        margin-left:  0.5rem;
}
.product-like  {
        padding:  1rem 0 3rem 0;
}
.cont-product-like .table-content  {
        font-size:  1.4rem;
}
.product-like .container  {
        max-width:  1200px;
}
.tlk_header  {
        background:  #222;
}
.tlk_header>th  {
        font-size:  1.4rem;
        text-transform:  uppercase;
        color:  #fff;
}
.cart_ht, .wishlist_ht  {
        position:  relative;
}
.cart_ht span.num_cart, .wishlist_ht span.num_wishlist  {
        font-size:  1.2rem;
        color:  #fff;
        background-color:  var(--cl-main);
        width:  1.5rem;
        height:  1.5rem;
        display:  flex;
        justify-content:  center;
        align-items:  center;
        border-radius:  50%;
        position:  absolute;
        right:  -0.5rem;
        top:  -0.5rem;
}
.action_frmCart  {
        margin:  2rem 0 0 0;
}
.action_frmCart .btn_type341  {
        font-size:  1.4rem;
        color:  #fff;
        background-color:  #0066CC;
        line-height:  3rem;
        padding:  0 1.5rem;
        border-radius:  2rem;
}
.action_frmCart .btn_type341:hover  {
        box-shadow:  rgba(60,  64,  67,  0.3) 0px 1px 2px 0px,  rgba(60,  64,  67,  0.15) 0px 2px 6px 2px;
}
.action_frmCart .btn_type341.btn_type3411  {
        background-color:  var(--cl-main);
}
.btn_addCartIn1  {
        font-size:  1.4rem;
        background-color:  var(--cl-main);
        color:  #fff;
        padding:  0.5rem 1rem;
        border-radius:  0.4rem;
}
.product_type_page  {
        padding:  3rem 0;
}
.mySwiper .swiper-slide .item-slide  {
        display:  grid;
        grid-template-columns:  1fr;
        place-items:  center end;
        gap:  2rem;
        overflow:  hidden;
        padding:  5rem 15rem;
        background-size:  cover!important;
        position:  relative;
}
.mySwiper .swiper-slide .item-slide:after  {
        position:  absolute;
        width:  100%;
        height:  100%;
        top:  0;
        left:  0;
        content:  '';
        background-color:  rgb(0,  0,  0,  0.7);
}
.mySwiper .content  {
        padding:  1rem;
        text-align:  left;
        border-radius:  0.5rem;
        z-index:  9;
        position:  relative;
}
.mySwiper .content p.link  {
        text-align:  center;
        margin-top:  2rem;
}
.mySwiper .content p.link a  {
        display:  inline-block;
        padding:  1.4rem 3rem;
        border-radius:  0.4rem;
        text-align:  center;
        font-size:  1.8rem;
        text-transform:  uppercase;
}
.mySwiper .content h2  {
        font-size:  2.4rem;
        font-weight:  600;
        line-height:  1.2;
        margin-bottom:  1rem;
        color:  #fff;
        pointer-events:  none;
        transform:  translateY(-40px);
        opacity:  0;
        transition-duration:  1s;
        transition-delay:  0.6s;
        font-family:  'MitrR';
        text-transform:  uppercase;
        text-shadow:  2px 7px 5px rgba(0,  0,  0,  0.3),  0px -4px 10px rgba(255,  255,  255,  0.3);
}
.mySwiper .content p  {
        font-family:  inherit;
        font-size:  1.8rem;
        font-weight:  400;
        line-height:  1.1;
        color:  #fff;
        transform:  translateY(-30px);
        opacity:  0;
        transition-duration:  1s;
        transition-delay:  1.2s;
        position:  relative;
}
.mySwiper .content p.desc1  {
        font-size:  2.2rem;
}
.mySwiper .content p.desc2  {
        transition-delay:  2s;
        transform:  translateX(-30px);
        text-transform:  uppercase;
        font-size:  5.6rem;
        font-family:  'MitrR';
        background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
        margin-top:  1rem;
        line-height:  1.4;
}
.mySwiper .content p.desc3  {
        transition-delay:  2.8s;
        font-size:  2.4rem;
        font-style:  italic;
        color:  #111;
        background-color:  #fff;
        line-height:  3.4rem;
        position:  relative;
        padding:  0 3rem;
}
.mySwiper .content p.desc3:before  {
        position:  absolute;
        height:  100%;
        width:  1.5rem;
        content:  '';
        background:  var(--bg-main);
        left:  0;
        top:  0;
        z-index:  1;
        clip-path:  polygon(0 0,  0% 100%,  100% 100%);
}
.mySwiper .content p.desc3:after  {
        position:  absolute;
        height:  100%;
        width:  1.5rem;
        content:  '';
        background:  var(--bg-main);
        right:  0;
        top:  0;
        z-index:  1;
        clip-path:  polygon(100% 0,  0% 100%,  100% 100%);
}
.mySwiper .content p.desc4  {
        transition-delay:  3.6s;
        transform:  translateX(30px);
        font-size:  5.6rem;
        background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
        font-style:  italic;
        font-family:  'MitrR';
        line-height:  1.2;
        margin-top:  1rem;
}
.mySwiper .content p.link  {
        transform:  translateY(30px);
        transition-delay:  4.5s;
}
.mySwiper .content p.link a  {
        background-image:  var(--bg-main);
        color:  #222;
        font-family:  'MitrR';
        border-color:  transparent;
}
.mySwiper .content p.desc4 span  {
        display:  block;
}
.mySwiper .content p.desc4 span.part-2  {
        text-align:  right;
        padding-right:  1rem;
}
.mySwiper .content p.desc  {
        text-transform:  uppercase;
}
.mySwiper .content p a  {
        color:  #fff;
}
.mySwiper .swiper-slide-active .content h2, .mySwiper .swiper-slide-active .content p  {
        transform:  none;
        opacity:  1;
}
.pn-tk  {
        background-image:  var(--bg-main);
        padding:  3rem 0;
        position:  relative;
}
.pn-tk:after  {
        position:  absolute;
        width:  100%;
        height:  100%;
        left:  0;
        top:  0;
        content:  '';
        background:  url(templates/images/i_003.png)100% repeat-x;
        background-size:  contain;
}
.pn-tk .nd  {
        position:  relative;
        z-index:  1;
}
.pn-tk .nd  {
        background-color:  #222;
}
.df-tk .cont  {
        width:  40%;
        display:  flex;
        align-items:  center;
        justify-content:  center;
        padding-right:  2rem;
}
.df-tk .item  {
        width:  20%;
        display:  flex;
        align-items:  center;
        justify-content:  center;
        height:  21rem;
        background-size:  cover!important;
        transition:  var(--trans);
}
.df-tk .item:hover  {
        background-size:  cover!important;
        background-repeat:  no-repeat!important;
        background-position:  50% 50%!important;
}
.df-tk .cont h2  {
        font-size:  4rem;
        background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
        text-transform:  uppercase;
        //-webkit-text-stroke:  1px #F8F8F8;
        //text-shadow:  0px 1px 4px #23430C;
        text-shadow:  3px 4px 7px rgba(81,  67,  21,  0.8);
        //text-shadow:  0 2px 1px rgba(225,  223,  150,  1),  -1px 3px 1px rgba(225,  223,  150,  1),  -2px 5px 1px rgba(225,  223,  150,  1);
        font-family:  'MitrR';
        letter-spacing:  0.1rem;
        line-height:  1.4;
}
.df-tk .cont_tk  {
        display:  grid;
        grid-template-columns:  1fr;
        place-items:  center center;
}
.df-tk .cont_tk .h3  {
        background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
        font-family:  'MitrR';
        font-size:  3rem;
        letter-spacing:  0.01rem;
        margin-bottom:  1rem;
}
.df-tk .cont_tk .h4  {
        color:  #fff;
        text-transform:  uppercase;
        font-size:  1.8rem;
}
.pn-whchoose  {
        padding:  5rem 0;
        background-color:  rgba(26,  26,  26,  1);
        position:  relative;
}
.pn-whchoose:before  {
        position:  absolute;
        width:  30%;
        height:  100%;
        right:  0;
        top:  0;
        content:  '';
        background-color:  rgba(242,  168,  37,  1);
        clip-path:  polygon(33% 0,  100% 0%,  100% 100%,  0% 100%);
}
.df-whchoose  {
        position:  relative;
        z-index:  1;
}
.df-whchoose .left, .df-whchoose1 .left  {
        width:  50%;
        padding-right:  4rem;
}
.df-whchoose .right, .df-whchoose1 .right  {
        width:  50%;
}
.df-whchoose .left .name, .df-whchoose1 .right .name  {
        background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
        font-family:  'MitrM';
        text-transform:  uppercase;
        margin-bottom:  1.5rem;
}
.df-whchoose .left .cont  {
        color:  #fff;
        font-size:  1.4rem;
        line-height:  2.2rem;
        letter-spacing:  0.01rem;
        margin-bottom:  1.5rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  5;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.df-whchoose .left .link a  {
        display:  inline-block;
        padding:  0.7rem 1.5rem;
        color:  #222;
        font-size:  1.6rem;
        text-transform:  uppercase;
        background-image:  var(--bg-main);
        font-family:  'MitrR';
        border-radius:  0.3rem;
}
.pn-whchoose1  {
        padding:  5rem 0;
        background-color:  rgba(56,  56,  56,  1);
}
.pn-whchoose1 .left .wrap_video  {
        position:  relative;
}
.pn-whchoose1 .left .wrap_video:before  {
        position:  absolute;
        width:  4rem;
        content:  '';
        top:  0;
        left:  -2rem;
        height:  16.5rem;
        background:  url(templates/images/i_001.png)repeat-y;
}
.pn-whchoose1 .left .wrap_video:after  {
        position:  absolute;
        height:  4.1rem;
        content:  '';
        bottom:  -2rem;
        left:  1rem;
        width:  16.5rem;
        background:  url(templates/images/i_002.png)repeat-x;
}
.wrap_video  {
        position:  relative;
}
.wrap_video .bg  {
        width:  100%;
}
.wrap_video .icon  {
        position:  absolute;
        width:  5rem;
        height:  5rem;
        content:  '';
        background:  url(templates/images/icon_video.png)no-repeat;
        background-size:  contain!important;
        top:  calc(50% - 2.5rem);
        left:  calc(50% - 2.5rem);
}
.df-whchoose1 .right  {
        padding-left:  3rem;
}
.df-whchoose1 .right .list  {
        margin-left:  -8rem;
        margin-top:  2rem;
}
.df-whchoose1 .right .list>li  {
        position:  relative;
        display:  flex;
        justify-content:  space-between;
        align-items:  center;
        margin-bottom:  3rem;
}
.df-whchoose1 .right .list>li .time  {
        height:  7rem;
        width:  7rem;
        position:  relative;
        background-image:  var(--bg-main);
        display:  flex;
        align-items:  center;
        justify-content:  center;
        font-size:  4rem;
        font-family:  'MitrR';
        color:  #222;
        box-shadow:  rgba(0,  0,  0,  0.16) 0px 1px 4px;
}
.df-whchoose1 .right .list>li .time:before  {
        position:  absolute;
        width:  1rem;
        height:  0.8rem;
        content:  '';
        background-color:  rgba(168,  108,  1,  1);
        left:  0;
        top:  -0.75rem;
        clip-path:  polygon(100% 0,  0% 100%,  100% 100%);
}
.df-whchoose1 .right .list>li .cont  {
        width:  calc(100% - 8.5rem);
        color:  #fff;
        font-size:  1.4rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  3;
        overflow:  hidden;
        text-overflow:  ellipsis;
        letter-spacing:  0.01rem;
        line-height:  2.4rem;
}
.pn-topview  {
        padding:  5rem 0 3rem 0;
}
.title_topview  {
        text-align:  center;
        text-transform:  uppercase;
        font-family:  'MitrM';
        margin-bottom:  2rem;
}
.title_topview .part-1  {
        color:  #444;
}
.title_topview .part-2  {
        background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
}
.sub_typeVideos  {
        position:  relative;
        background:  rgba(233,  233,  233,  1);
        padding:  1.5rem 0;
        box-shadow:  0px 1px 2px 0px rgba(0,  0,  0,  0.25) inset;
        margin-bottom:  2rem;
}
.sub_typeVideos ul  {
        position:  relative;
        text-align:  center;
        width:  auto;
        display:  flex;
        flex-wrap:  nowrap;
        overflow-y:  hidden;
        overflow-x:  auto;
        justify-content:  center;
}
.sub_typeVideos>ul>li  {
        display:  inline-block;
        margin-bottom:  1rem;
        margin:  0 0.5rem;
        white-space:  nowrap;
        position:  relative;
}
.sub_typeVideos>ul>li:before  {
        position:  absolute;
        left:  -3.2rem;
        top:  0;
        content:  '';
        width:  5.3rem;
        height:  100%;
        background:  url(templates/images/spa__001.png)no-repeat;
        z-index:  1;
}
.sub_typeVideos>ul>li:first-child:after  {
        position:  absolute;
        background:  url(templates/images/spa_002.png)no-repeat;
        z-index:  1;
        width:  2.7rem;
        height:  2.4rem;
        content:  '';
        bottom:  0;
        left:  -0.5rem;
}
.sub_typeVideos>ul>li:last-child:after  {
        position:  absolute;
        background:  url(templates/images/spa_003.png)no-repeat;
        z-index:  1;
        width:  2.7rem;
        height:  2.4rem;
        content:  '';
        top:  0;
        right:  -0.5rem;
}
.sub_typeVideos>ul>li:first-child:before  {
        display:  none;
}
.sub_typeVideos>ul>li>span  {
        display:  inline-block;
        font-size:  1.4rem;
        text-transform:  uppercase;
        color:  #444;
        font-family:  'MitrR';
        padding:  0.8rem 2rem;
        background-color:  rgba(228,  146,  0,  1);
        //clip-path:  polygon(15% 0,  85% 0,  100% 60%,  85% 100%,  15% 100%,  0 35%);
        cursor:  pointer;
        border-radius:4rem;
}

#exampleCheckbox12{ 
        width:20px;
        height:20px;
}
.sub_typeVideos>ul>li>span>a  {
        color:  #444;
}
.sub_typeVideos>ul>li:hover>span,.sub_typeVideos>ul>li.current>span  {
        color:  #222;
        background-image: var(--bg-main);
}
.item__vd .img  {
        position:  relative;
        margin-bottom:  1rem;
        overflow:  hidden;
}
.item__product.item__vd .img  {
        margin-bottom:  0;
}
.item__vd .img .sub_vd  {
        position:  absolute;
        left:  0.5rem;
        bottom:  1rem;
        width:  100%;
        display:  flex;
        z-index:  9;
}
.sub_vd_item  {
        background-color:  rgba(218,  141,  6,  1);
        line-height:  3rem;
        display:  flex;
        border-radius:  3rem;
}
.sub_vd_item a  {
        color:  #fff;
}
.sub_vd_item span.action:hover a, .sub_vd_item span.action.liked a  {
        color:  red;
}
.sub_vd_item.right_view  {
        margin-left:  1rem;
}
.sub_vd_item.right_view .action svg  {
        color:  #fff;
        margin-top:  -0.4rem;
}
.sub_vd_item span.action  {
        background-color:  rgba(255,  167,  12,  1);
        padding:  0 1rem;
        border-radius:  3rem;
        box-shadow:  rgba(0,  0,  0,  0.16) 0px 1px 4px;
}
.sub_vd_item span.text  {
        color:  #fff;
        padding:  0 1.5rem 0 0.5rem;
        font-size:  1.3rem;
}
.item__vd .img .icon, .item_vhz .img .icon, .item__product .img .icon  {
        position:  absolute;
        width:  5rem;
        height:  5rem;
        content:  '';
        background:  url(templates/images/icon_video.png)no-repeat;
        background-size:  contain!important;
        top:  calc(50% - 2.5rem);
        left:  calc(50% - 2.5rem);
        box-shadow:  rgba(60,  64,  67,  0.3) 0px 1px 2px 0px,  rgba(60,  64,  67,  0.15) 0px 2px 6px 2px;
        border-radius:  50%;
}
.item__vd:hover .img .icon  {
        box-shadow:  rgba(17,  17,  26,  0.1) 0px 1px 0px,  rgba(17,  17,  26,  0.1) 0px 8px 24px,  rgba(17,  17,  26,  0.1) 0px 16px 48px;
}
.zoom_img  {
        transition:  transform .4s;
}
.item_team .img  {
        overflow:  hidden;
}
.zoom_img:hover  {
        transform:  scale(1.05);
}
.item__vd .img img  {
        width:  100%;
        height:  22rem;
        object-fit:  cover;
}
.item__vd .img img .item__vd .name  {
        margin-bottom:  1rem;
}
.item__vd .desc  {
        font-size:  1.4rem;
        line-height:  2rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  3;
        overflow:  hidden;
        text-overflow:  ellipsis;
        color:  #545454;
}
.item__vd .name a  {
        color:  #333;
        font-size:  1.6rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  2;
        overflow:  hidden;
        text-overflow:  ellipsis;
        line-height:  2.4rem;
}
.item__vd .name a:hover  {
        color:  rgba(228,  146,  0,  1);
}
.view_all_video  {
        text-align:  center;
        margin:  2rem 0 1rem 0;
        display:  flex;
        justify-content:  center;
}
.view_all_video a  {
        color:  #333;
        padding:  0.6rem 1.7rem;
        background-image:  var(--bg-main);
        font-size:  1.8rem;
        text-transform:  uppercase;
        font-family:  'MitrR';
        box-shadow:  rgba(60,  64,  67,  0.3) 0px 1px 2px 0px,  rgba(60,  64,  67,  0.15) 0px 2px 6px 2px;
}
.gird-Vd  {
        display:  grid;
        grid-template-columns:  1fr 1fr;
        grid-gap:  4rem;
}
.gird-Vd .item_vhz  {
        position:  relative;
        display:  flex;
}
.gird-Vd .item_vhz .img, .gird-Vd .item_vhz .info  {
        width:  50%;
}
.gird-Vd .item_vhz .img  {
        overflow:  hidden;
}
.gird-Vd .item_vhz .img a  {
        display:  block;
        position:  relative;
}
.gird-Vd .item_vhz .info  {
        padding-left:  2rem;
}
.gird-Vd .item_vhz .img img  {
        width:  100%;
        height:  22rem;
        object-fit:  cover;
}
.pn-review  {
        padding:  3rem 0;
        background-size:  cover;
        position:  relative;
        color:  #fff;
}
.pn-review:before  {
        position:  absolute;
        width:  100%;
        height:  100%;
        top:  0;
        left:  0;
        content:  '';
        background-color:  rgba(0,  0,  0,  0.8);
}
.tit_review  {
        position:  relative;
        z-index:  10;
        margin-bottom:  3rem;
        display:  flex;
        align-items:  center;
        justify-content:  flex-start;
}
.tit_review h2  {
        margin-right:  2rem;
        text-transform:  uppercase;
        background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
        font-family:  'MitrM';
        text-transform:  uppercase;
        line-height:  1.4;
        margin-bottom:  0;
}
.tit_review span  {
        background-image:  var(--bg-main);
        padding:  0.6rem 1.5rem;
        border-radius:  0.4rem;
}
.tit_review span a  {
        color:  #333;
        font-size:  1.8rem;
        font-family:  'MitrR';
}
.tit_news  {
        margin-bottom:  4rem;
}
.tit_news h2  {
        color:  #111;
        font-size:  2.6rem;
        font-family:  'MitrM';
        text-transform:  uppercase;
        text-align:  center;
}
.gird-Vd .item_vhz .info h3  {
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  3;
        overflow:  hidden;
        text-overflow:  ellipsis;
        font-size:  1.6rem;
        line-height:  2.4rem;
}
.gird-Vd .item_vhz .info h3 a  {
        color:  #fff;
}
.gird-Vd .item_vhz .info h3:hover a  {
        background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
}
.gird-Vd .item_vhz .info p  {
        font-size:  1.4rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  4;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.gird_newsH  {
        display:  grid;
        grid-template-columns:  1fr 1fr 1fr;
        grid-gap:  3rem;
}
.gird_newsH .item_news .img  {
        margin-bottom:  1.5rem;
        position:  relative;
        overflow:  hidden;
}
.gird_newsH .item_news .img a img  {
        height:  30rem;
        width:  100%;
        object-fit:  cover;
}
.gird_newsH .info h3  {
        margin-bottom:  1rem;
}
.gird_newsH .info h3 a  {
        color:  #333;
        text-transform:  uppercase;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  2;
        overflow:  hidden;
        text-overflow:  ellipsis;
        font-family:  'MitrR';
}
.gird_newsH .info h3:hover a  {
        color:  rgba(232,  192,  83,  1);
}
.gird_newsH .info .desc  {
        font-size:  1.4rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  3;
        overflow:  hidden;
        text-overflow:  ellipsis;
        line-height:  2.2rem;
}
.gird_newsH .info p.v_more  {
        font-size:  1.4rem;
        text-align:  right;
}
.gird_newsH .info p.v_more a  {
        color:  rgba(242,  168,  37,  1);
        text-decoration:  underline;
}
.pn-reply  {
        padding:  5rem 3rem;
        background-color:  rgba(26,  26,  26,  1);
        min-height:  50rem;
        position:  relative;
}
.pn-reply:after  {
        position:  absolute;
        width:  50%;
        height:  100%;
        content:  '';
        background-color:  rgba(242,  168,  37,  1);
        right:  0;
        top:  0;
        clip-path:  polygon(25% 0%,  100% 0%,  100% 100%,  0% 100%);
}
.df-reply  {
        position:  relative;
        z-index:  9;
}
.df-reply .left  {
        width:  26rem;
        padding-right:  2rem;
}
.df-reply .left h2  {
        color:  #fff;
        font-size:  5rem;
        font-family:  'MitrR';
        line-height:  1.4;
}
.df-reply .right  {
        width:  calc(100% - 26rem);
}
.df-reply .right .box-cont  {
        padding:  5rem 5rem 2rem 5rem;
        background-color:  #fff;
        border-radius:  0.7rem;
        box-shadow:  rgba(0,  0,  0,  0.24) 0px 3px 8px;
}
.item-Reply  {
        /* align-items:  flex-start;
     */}
.item-Reply .left_avatar  {
        width:  30rem;
        text-align:  center;
}
.item-Reply .right_cont  {
        width:  calc(100% - 33rem);
}
.item-Reply .left_avatar .avatar  {
        text-align:  center;
        margin-bottom:  2rem;
}
.item-Reply .left_avatar .avatar img  {
        width:  20rem;
        height:  20rem;
        border-radius:  50%;
        object-fit:  cover;
}
.item-Reply .left_avatar .name  {
        text-transform:  uppercase;
        color:  #222;
        font-size:  1.8rem;
        font-family:  'MitrR';
}
.item-Reply .left_avatar .desc  {
        font-size:  1.4rem;
        line-height:  1.2;
}
.item-Reply .right_cont .cont  {
        font-size:  1.6rem;
        line-height:  2.4rem;
        letter-spacing:  0.05rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  7;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.item-Reply .right_cont .nd  {
        padding:  7rem 4rem;
        position:  relative;
}
.item-Reply .right_cont .nd:before, .item-Reply .right_cont .nd:after  {
        position:  absolute;
        width:  7.6rem;
        height:  6rem;
        content:  '';
        background-size:  contain;
}
.item-Reply .right_cont .nd:before  {
        background:  url(templates/images/icon_cmLeft.png)no-repeat;
        top:  0;
        left:  0;
}
.item-Reply .right_cont .nd:after  {
        background:  url(templates/images/icon_cmRight.png)no-repeat;
        bottom:  0;
        right:  0;
}
.swiperComments-next, .swiper-button-prev  {
        bottom:  -5rem;
        top:  unset!important;
        width:  3rem!important;
        height:  3.5rem!important;
        background-color:  rgba(245,  245,  245,  1);
        color:  #333!important;
        box-shadow:  rgba(0,  0,  0,  0.16) 0px 1px 4px;
}
.swiper-button-prev  {
        right:  5rem!important;
        left:  unset!important;
}
.pn-team  {
        padding:  3rem 0;
}
.title_team  {
        text-align:  center;
}
.title_team h2  {
        background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
        font-family:  'MitrM';
}
.title_team p  {
        font-size:  1.6rem;
}
.item_team .info  {
        background-color:  #222;
        color:  #fff;
        padding:  1.5rem 1rem;
        text-align:  center;
}
.title_team  {
        margin-bottom:  3rem;
}
.item_team .img img  {
        width:  100%;
        height:  30rem;
        object-fit:  cover;
}
.item_team .info h3  {
        font-size:  1.8rem;
        margin-bottom: 1rem;
        text-transform:  uppercase;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  1;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.item_team .info p  {
        font-size:  1.4rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  1;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.item_team .info p  a{color:#fff}
.inner-team  {
        padding-bottom:  5rem;
}
.b_right  {
        align-items:  flex-start;
}
.nd-dknt .desc  {
        font-size:  1.4rem;
}
.df-foot  {
        align-items:  flex-start;
}
.nd-dknt h3.name  {
        margin-bottom:  1rem;
}
.list_payment  {
        list-style-type:  none;
        margin:  0;
        padding:  0;
}
.list_payment>li  {
        float:  left;
        margin-left:  0.5rem;
}
.list_payment>li>a>img  {
        height:  2.4rem;
}
.df-tkFull .item  {
        position:  relative;
        width:  33.33%;
        height:  30rem;
}
.pn-tkFull  {
        margin-bottom:  3rem;
}
.pn-aboutPage  {
        padding:  5rem 0 3rem 0;
        background-color:  rgba(29,  29,  29,  1);
        position:  relative;
}
.pn-aboutPage:after  {
        position:  absolute;
        width:  30%;
        height:  100%;
        content:  '';
        background-color:  rgba(242,  168,  37,  1);
        left:  0;
        top:  0;
        clip-path:  polygon(0 0,  80% 0%,  100% 100%,  0 100%);
}
.df-abPage .left  {
        width:  60%;
}
.df-abPage .right  {
        width:  40%;
        padding:  0 2rem;
}
.df-abPage  {
        position:  relative;
        z-index:  9;
        color:  #fff;
}
.df-abPage .right .name  {
        background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
        font-family:  'MitrM';
        margin-bottom:  2rem;
}
.df-abPage .right .cont  {
        font-size:  1.6rem;
        line-height:  2.4rem;
        margin-bottom:  3rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  7;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.df-abPage .right .link a  {
        background-color:  #fff;
        padding:  0.7rem 2rem;
        border-radius:  0.2rem;
        font-size:  1.6rem;
        text-transform:  uppercase;
        color:  rgba(242,  168,  37,  1);
        font-family:  'MitrR';
}
.df-tkFull .cont_tk .h3  {
        font-size:  5rem;
}
.pn-videoNC  {
        padding:  3rem 0 5rem 0;
}
.pn-videoNC .container  {
        border-top:  0.1rem solid rgba(197,  197,  197,  1);
        padding-top:  5rem;
}
.df-videoNC .left  {
        width:  50%;
        padding-right:  5rem;
}
.df-videoNC .right  {
        width:  50%;
}
.df-videoNC .left .cont  {
        font-size:  1.6rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  7;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.df-videoNC .right .wrap_video img  {
        width:  100%;
}
.df-videoNC .left .name  {
        background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
        font-family:  'MitrM';
        text-transform:  uppercase;
        margin-bottom:  1.5rem;
        font-size:  3rem;
}
.gird_nc  {
        display:  grid;
        grid-template-columns:  1fr 1fr 1fr 1fr;
        grid-gap:  2rem;
        list-style-type:  none;
        padding:  0;
        margin-top:  2rem;
}
.gird_nc>li>a  {
        display:  block;
        border-radius:  0.4rem;
        line-height:  4rem;
        background-image:  var(--bg-main);
        font-family:  'MitrR';
        color:  #333;
        font-size:  1.6rem;
        text-align:  center;
}
.gird_nc>li>a:hover  {
        box-shadow:  rgba(60,  64,  67,  0.3) 0px 1px 2px 0px,  rgba(60,  64,  67,  0.15) 0px 2px 6px 2px;
}
.tab_filterVideo  {
        margin-bottom:  2rem;
}
.tab_filterVideo .groupFilter .box1  {
        display:  flex;
        align-items:  center;
        justify-content:  flex-start;
        font-size:  1.5rem;
        text-transform:  uppercase;
        background-color:  rgba(242,  168,  37,  1);
        border:  2px solid rgba(218,  141,  6,  1);
        border-radius:  0.4rem;
        width:  15rem;
        line-height:  3.4rem;
        cursor:  pointer;
}
.tab_filterVideo .groupFilter .box1 .action  {
        padding:  0 1rem;
        margin-right:  0.5rem;
}
.tab_filterVideo .groupFilter .box1 .union img  {
        height:  2rem;
        margin-right:  0.5rem;
}
.tab_filterVideo .groupFilter .box1 .name  {
        font-size:  1.8rem;
        font-family:  'MitrR';
}
.box-filter  {
        margin-bottom:  3rem;
}
.filter-wrap  {
        display:  flex;
        flex-wrap:  wrap;
}
.filter-item  {
        display:  inline-block;
        font-size:  14px;
        line-height:  17px;
        margin-right:  7px;
        margin-bottom:  7px;
        position:  relative;
}
.filter-item__title  {
        background-color:  #fff;
        border:  1px solid #e0e0e0;
        border-radius:  4px;
        cursor:  pointer;
        padding:  8px 10px;
        position:  relative;
        z-index:  1;
}
.active .filter-item__title, .isShowing .filter-item__title  {
        border:  1px solid rgba(218,  141,  6,  1);
}
.filter-item__title span  {
        padding-right:  12px;
        position:  relative;
        font-family:  'MitrR';
}
.isShowing .filter-show  {
        display:  block;
}
.filter-item__title span:before  {
        border-left:  4px solid transparent;
        border-right:  4px solid transparent;
        border-top:  4px solid #333;
        content:  "";
        height:  0;
        position:  absolute;
        top:  10px;
        right:  0;
        width:  0;
}
.filter-item:not(.filter-total) .filter-show  {
        max-width:  547px;
        width:  -moz-max-content;
        width:  max-content;
}
.filter-show  {
        display:  none;
        background-color:  #fff;
        box-shadow:  0 2px 20px rgba(0,  0,  0,  .5);
        border-radius:  4px;
        max-width:  600px;
        min-width:  430px;
        left:  0;
        position:  absolute;
        padding:  10px;
        top:  45px;
        z-index:  100;
        padding-top:  15px!important;
}
.isShowing .arrow-filter  {
        width:  27px;
        height:  14px;
        top:  31px;
        left:  25px;
        position:  absolute;
        overflow:  hidden;
        z-index:  101;
}
.isShowing .arrow-filter:before  {
        content:  "";
        position:  absolute;
        width:  27px;
        height:  27px;
        background:  #fff;
        transform:  rotate(45deg);
        top:  10px;
        left:  0;
        box-shadow:  -2px -2px 5px -4px;
}
.isShowing .overlow-filter  {
        content:  "";
        height:  100%;
        left:  0;
        position:  fixed;
        top:  0;
        width:  100%;
}
.filter-list  {
        display:  flex;
        flex-wrap:  wrap;
}
.filter-list .c_btn  {
        align-items:  center;
        border:  1px solid rgb(224,  224,  224);
        border-radius:  4px;
        color:  rgb(51,  51,  51);
        font-size:  14px;
        justify-content:  center;
        line-height:  17px;
        margin-bottom:  6px;
        margin-right:  6px;
        padding:  8px 9px;
        transition:  all 0.3s ease 0s;
        display:  flex;
        box-sizing:  border-box;
}
.filter-list .c_btn label  {
        margin-left:  0.5rem;
}
.banner_nobg  {
        background:  rgba(24,  24,  24,  1);
        padding:  2rem 0;
}
.gird_playground  {
        grid-template-columns:  1fr;
        grid-gap:  3rem;
        display:  grid;
}
.pn-playground .container  {
        max-width:  1000px;
}
.gird_playground .item .img img  {
        width:  100%;
        height:  30rem;
        object-fit:  cover;
}
.sub_topic  {
        font-size:  3rem;
        margin-bottom:  2rem;
        background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
        font-family:  'MitrM';
        text-transform:  uppercase;
}
.gird_playground .item .info  {
        padding:  1rem 0;
}
.gird_playground .item .info h3 a  {
        font-size:  2.4rem;
        color:  #fff;
        text-transform:  uppercase;
}
.gird_playground .item .info h3:hover a  {
        background:  var(--bg-main);
        background-clip:  text;
        color:  transparent;
}
.gird_playground .item .info .cont  {
        font-size:  1.4rem;
        color:  #fff;
        line-height:  2.2rem;
        display:  -webkit-box;
        -webkit-box-orient:  vertical;
        -webkit-line-clamp:  4;
        overflow:  hidden;
        text-overflow:  ellipsis;
}
.gird_playground .item .info p.view  {
        text-align:  right;
}
.gird_playground .item .info p.view a  {
        color:  rgba(242,  168,  37,  1);
        font-size:  1.6rem;
        text-decoration:  underline;
}
.chitiet_danhmuc  {
        font-size:  1.6rem;
        line-height:  2.2rem;
        color:  #fff;
}
.frm_sendPost  {
        padding:  5rem 0;
        position:  relative;
}
.frm_sendPost:after  {
        position:  absolute;
        width:  100%;
        height:  100%;
        content:  '';
        background-color:  rgb(0,  0,  0,  0.6);
        top:  0;
        left:  0;
}
.frm_sendPost .container  {
        max-width:  800px;
        margin:  3rem auto;
        position:  relative;
        z-index:  9;
}
.tit_sendP  {
        color:  #fff;
        font-size:  3rem;
        font-family:  'MitrM';
        text-align:  center;
}
#discountFrm label  {
        font-size:  1.4rem;
        color:  #fff;
        margin-bottom:  0.5rem;
}
/*---lv__homepage---*/.lv__homepage  {
        margin:  0 0;
        max-height:  1080px;
}
.lv__homepage__push  {
        display:  block;
        position:  relative;
        --gradient-opacity:  0;
        --transform-y:  0;
        --scale:  1;
        background:  transparent;
        outline:  none;
        min-height:  80rem;
}
.lv__homepage__push:before  {
        position:  absolute;
        content:  '';
        width:  100%;
        height:  100%;
        top:  0;
        left:  0;
        background-color:  rgba(0,  0,  0,  0.4);
        z-index:  1;
}
.lv__homepage__push__media  {
        overflow:  hidden;
        width:  100%;
}
.lv__video__loop  {
        position:  relative;
        height:  80rem;
        /*height:  80vh;
    */}
/*.lv__video__loop: before  {
        position:  absolute;
        width:  100%;
        height:  100%;
        top:  0;
        left:  0;
        content:  '';
        background:  rgb(0,  0,  0,  0.3);
        z-index:  1;
}
*/.lv__video__loop__video  {
        position:  absolute;
        top:  0;
        bottom:  0;
        width:  100%;
        height:  100%;
        /* opacity:  0;
     */    object-fit:  cover;
        left:  0;
        right:  0;
        transition:  opacity .3s cubic-bezier(.39,  .575,  .565,  1);
}
.lv__homepage__push__content  {
        position:  absolute;
        top:  1rem;
        padding:  3rem;
        left:  0;
        box-sizing:  border-box;
        display:  flex;
        align-items:  center;
        justify-content:  center;
        flex-direction:  column;
        width:  100%;
        z-index:  9;
}
.lv__homepage__push__title  {
        font-size:  3rem;
        letter-spacing:  0;
        line-height:  3rem;
        color:  inherit;
        text-align:  center;
        color:  #fff;
        text-transform:  uppercase;
        font-weight:  600;
        padding:  3rem 0;
}
.lv__homepage__push__cont  {
        color:  #fff;
        max-width:  50vw;
        letter-spacing:  0.2rem;
}
.lv__homepage__push__links  {
        width:  100%;
        margin-top:  1.5rem;
        display:  flex;
        justify-content:  center;
        align-items:  center;
        z-index:  2;
        position:  relative;
}
.lv__homepage__push__title h2  {
        color:  #fff;
        text-transform:  uppercase;
        font-weight:  600;
}
.lv__button  {
        border:  0.2rem solid #fff;
        color:  #fff;
        font-size:  1.6rem;
        text-decoration:  none;
        padding:  0.7rem 2rem;
        transition:  border .3s cubic-bezier(.39,  .575,  .565,  1),  box-shadow .3s cubic-bezier(.39,  .575,  .565,  1),  color .3s cubic-bezier(.39,  .575,  .565,  1),  background .3s cubic-bezier(.39,  .575,  .565,  1),  box-shadow .3s cubic-bezier(.39,  .575,  .565,  1);
}
.lv__button a  {
        color:  #fff;
}
.lv__button:hover  {
        color:  var(--color-1);
        border-color:  var(--color-1);
}
.lv__button:hover a  {
        color:  var(--color-1);
}
.pn-detailPost  {
        padding:  3rem 0;
}
/*--End lv home page--*/.logo_login  {
        text-align:  center;
        margin-bottom:  1rem;
}
.logo_login img  {
        height:  3.5rem;
}
.fancybox_dkdk  {
        width:  80vw;
        height:  90vh;
        max-width:  1000px!important;
}
.fancybox_dkdk.fancybox-content  {
        padding:  5rem;
        background:  #111;
        color:  #fff;
}
.fancybox_dkdk .fancybox-button svg  {
        color:  #fff;
        font-size:  2rem;
        color:  #fff;
}
.fancybox_dkdk .head_dk h3  {
        text-align:  center;
        text-transform:  uppercase;
        font-size:  2.4rem;
}
.fancybox_dkdk .nd_dk  {
        padding:  2rem 0;
        font-size:  1.4rem;
        line-height:  1.625;
}
.fancybox_dkdk .action_dk  {
        text-align:  center;
}
.fancybox_dkdk .action_dk a  {
        padding:  0.8rem 1.5rem;
        color:  #333;
        font-size:  1.8rem;
        background-image:  var(--bg-main);
        text-decoration:  none;
        border-radius:  0.2rem;
        text-transform:  uppercase;
        font-weight:  600;
}
.gird-opdk  {
        display:  grid;
        grid-template-columns:  1fr 1fr;
        grid-gap:  3rem;
        margin-bottom:  3rem;
        position:  relative;
        z-index:  99;
}
.gird-opdk .item  {
        font-size:  1.6rem;
        display:  flex;
        justify-content:  flex-start;
}
.gird-opdk .item span  {
        text-transform:  uppercase;
        margin-left:  1rem;
        width:  calc(100% - 3rem);
}
.gird-opdk .item input  {
        width:  3rem;
}
.prevent-action  {
        pointer-events:  none;
}
.pn-login, .pn-forgotPassword  {
        padding:  3rem 0;
}
.pn-member  {
        padding:  3rem 0;
}
.gird_lg1  {
        display:  grid;
        grid-template-columns:  1fr 1fr;
        grid-gap:  3rem;
}
.btn__login  {
        display:  block;
        border-radius:  0.4rem;
        line-height:  4rem;
        background-image:  var(--bg-main);
        font-family:  'MitrR';
        color:  #333;
        font-size:  1.8rem;
        text-align:  center;
        text-transform:  uppercase;
        padding:  0 1rem;
}
.df-member  {
        align-items:  flex-start;
}
.df-member .left  {
        width:  25%;
        padding-right:  3rem;
}
.df-member .right  {
        width:  75%;
}
.right_cont .card  {
        background-color:  rgba(44,  44,  44,  1);
        color:  #fff;
}
.pn-member .container  {
        max-width:  1200px;
}
.menu-member  {
        background-color:  #444;
        padding:  1rem 1rem;
        border-radius:  0.5rem;
        font-size:  1.6rem;
        color:  #fff;
}
.menu-member>li>a  {
        color:  #fff;
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        -ms-flex-wrap:  wrap;
        flex-wrap:  wrap;
        line-height:  4rem;
}
.menu-member>li  {
        padding:  0 1rem;
}
.menu-member>li.current  {
        background:  rgba(62,  62,  62,  1);
        border-radius:  0.2rem;
}
.menu-member .icon  {
        margin-right:  0.4rem;
}
#imgPreview_hinh_anh  {
        height:  20rem;
        margin-right:  2rem;
}
.form-group-avatar  {
        display:  flex;
        justify-content:  flex-start;
        align-items:  center;
}
.form-group-avatar #hinh_anh  {
        width:  20rem;
}
.right_cont .card-body  {
        padding:  3rem 3rem;
}
.pn-hotTopic  {
        margin-bottom:  2rem;
}
.btn-filter-close, .btn-filter-readmore  {
        border-radius:  4px;
        display:  inline-block;
        font-size:  1.4rem;
        line-height:  18px;
        margin:  0 10x 0 0;
        padding:  10px 0;
        text-align:  center;
        width:  170px;
        position:  relative;
}
.btn-filter-readmore  {
        background-color:  rgba(242,  168,  37,  1);
        color:  #fff;
}
.btn-filter-readmore:hover  {
        color:  #333;
}
.df-action-fillter  {
        margin-top:  0.5rem;
}
.btn_sendVideo  {
        color:  #fff;
        background-image:  var(--bg-main);
        padding:  0.8rem 3rem;
        box-shadow:  none;
        outline:  none;
        border:  none;
        font-size:  1.8rem;
        border-radius:  0.2rem;
}
.pn-topic  {
        padding:  3rem 0;
}
.sub_memberList  {
        position:  absolute;
        width:  22rem;
        top:  calc(100%);
        right:  0;
        padding:  1rem!important;
        border-radius:  0.5rem;
        background-color:  #fff;
        box-shadow:  rgba(0,  0,  0,  0.16) 0px 1px 4px;
        z-index:  99;
        font-size:  1.4rem;
        display:  none;
        visibility:  hidden;
}
.sub_memberList>li  {
        margin:  0.5rem 0;
}
.sub_memberList>li>a  {
        color:  #333;
        display:  block;
        line-height:  2.3rem;
}
.headMember>li:hover>.sub_memberList  {
        display:  block;
        visibility:  visible;
}
/*  {
    effect2;
}
 */
 .text2  {
        @include absolute-top-left(50%,     50%);
        @include translate(-50%,     -50%);
}
.pn-mv{
        padding:3rem 0;
}
.pn-mv .right img{
   width:100%;
}
.pn-mv .left{
        padding-left:3rem;
}
@media (min-width:  1650px)  {
        .container  {
            max-width:  1450px;
    }
}
@media screen and (max-width: 1649px)  {
        .container  {
            max-width:  1350px;
    }
    #page-login  {
            width:  70%;
    }
}
@media screen and (max-width: 1400px)  {
        .container  {
            max-width:  1300px;
    }
    .mySwiper .content p.desc1  {
            font-size:  1.8rem;
    }
    .mySwiper .content p.desc2  {
            font-size:  4rem;
    }
    .mySwiper .content p.desc3  {
            font-size:  2rem;
    }
    .mySwiper .content p.desc4  {
            font-size:  4rem;
    }
    .mySwiper .content p.link a  {
            font-size:  1.8rem;
            padding:  1rem 2.5rem;
    }
    .df-reply .left h2  {
            font-size:  4rem;
    }
    .mySwiper .item-slide  {
            height:  60rem;
    }
    .menu_t>ul>li>a {
            font-size: 1.5rem;
    }
}
@media screen and (max-width:  1200px)  {
      .menu_t>ul>li>a  {
            font-size:  1.4rem;
    }
     .menu_t>ul>li {
            padding: 0 1rem;
    }
}
@media screen and (max-width:  1100px)  {
        .pn-news  {
            padding:  2rem 1rem;
    }
    .df-reply .left h2  {
            font-size:  3rem;
    }
    .item_team .img img  {
            height:  24rem;
    }
    .df-whchoose .left .name,     .df-whchoose1 .right .name  {
            line-height:  3.4rem;
    }
    .df-tk .cont h2  {
            font-size:  3rem;
    }
    .mySwiper .item-slide  {
            height:  55rem;
    }
    .mySwiper .swiper-slide .item-slide  {
            padding:  2rem 2rem;
    }
    .wr__listMenui  {
            padding:  15px 0;
    }
    .item__menui h4 span  {
            font-size:  16px;
    }
    .menu_t>ul>li  {
            padding:  0 5px;
    }
    .swiperProductMenui-prev  {
            left:  -15px!important;
    }
    .swiperProductMenui-next  {
            right:  -15px!important;
    }
    .all_sub-category-grid .sub_category  {
            width:  100%;
            display:  block;
            text-align:  center;
    }
    .sub_category .item__subcategory  {
            display:  inline-block;
            margin:  10px 10px;
    }
    .item_product_title a  {
            font-size:  16px;
            line-height:  24px;
    }
    .row__gird  {
            grid-gap:  20px;
    }
    .item_product_title  {
            height:  48px;
    }
    .main__b5 a img  {
            height:  40px;
    }
    .pn-head  {
            background:  #fff!important;
    }
    .d__FlexMenu  {
            padding:  5px 0;
            justify-content:  space-between;
    }
    .logo  {
            margin-top:  0;
    }
    .logo img  {
            max-height:  90px;
    }
    .pn-linehead  {
            display:  none;
    }
    .main__b5 a  {
            color:  #333;
            position:  relative;
    }
    .main__b5 a span  {
            position:  absolute;
            right:  -5px;
            top:  -5px;
            font-size:  11px;
    }
    .foot_1  {
            padding-right:  15px;
    }
    #dk_contact  {
            padding:  0 15px;
    }
    #dk_contact .block .icon  {
            width:  35px;
            height:  35px;
    }
    #dk_contact div.block  {
            margin-bottom:  15px;
    }
    #dk_contact .block .content  {
            padding-left:  8px;
            width:  calc(100% - 40px);
    }
    .item__news .img .marker span  {
            font-size:  20px;
    }
    .pn-blog,     .pn-kh  {
            padding:  0 0;
    }
    .product-caption a h3  {
            font-size:  18px;
            display:  -webkit-box;
            -webkit-box-orient:  vertical;
            -webkit-line-clamp:  3;
            overflow:  hidden;
            text-overflow:  ellipsis;
    }
    .ishispecialdeal .inner.rel  {
            padding-bottom:  40px;
    }
    .ishitestimonials  {
            padding:  30px 30px;
    }
    .user-details  {
            padding:  15px 15px;
    }
    .ishispecialdeal  {
            padding:  30px 30px;
    }
    .pn-Service  {
            padding:  0 0;
    }
    .pn-banner .block_content  {
            padding-bottom:  15px;
    }
    .ishiproductstab .block_content  {
            padding-bottom:  15px;
    }
    .item__services .name  {
            margin-bottom:  5px;
    }
    .pn-bestProduct  {
            padding-bottom:  0;
    }
    .pn-banner  {
            padding-bottom:  0;
    }
    .banner-scale .name  {
            font-size:  20px;
            line-height:  24px;
    }
    .banner-scale .sbname  {
            font-size:  30px;
            line-height:  30px;
            margin-bottom:  0;
    }
    .btn-banner a  {
            font-size:  12px;
    }
    .mxh__foo>ul>li>a>img  {
            height:  30px;
    }
    .mxh__foo>ul>li  {
            margin-right:  2px;
    }
    .img_foot  {
            margin-bottom:  5px;
    }
    .foot__cont  {
            padding:  30px 0;
    }
    .single-page .pn-team  {
            padding:  2rem 1rem;
    }
    .gird_nc  {
            grid-template-columns:  1fr 1fr 1fr;
            grid-gap:  1.5rem;
    }
}
@media screen and (max-width:  1024px)  {
        .df-reply .left h2  {
            font-size:  3rem;
    }
    .item-Reply .left_avatar  {
            width:  20rem;
    }
    .item-Reply .right_cont  {
            width:  calc(100% - 23rem);
    }
    .item-Reply .right_cont .nd: before,     .item-Reply .right_cont .nd:after  {
            width:  6.6rem;
            height:  5.2rem;
            background-size:  contain!important;
    }
    .df-reply .right .box-cont  {
            padding:  2rem 2rem;
    }
    .item_team .img img  {
            height:  25rem;
    }
    .list__menui>li>a>img  {
            height:  100px;
    }
    .partnerItem  {
            padding:  0 0;
    }
    .head-mobile  {
            display:  block;
            padding-top:  10px;
            padding-bottom:  10px;
    }
    .menu-mobi  {
            width:  50px;
    }
    .slider__right  {
            width:  calc(100%);
    }
    .cate-left,     .cate-right  {
            width:  100%;
    }
    .cate-left  {
            margin-bottom:  15px;
    }
    .list__SubCate  {
            display:  flex;
            justify-content:  flex-start;
    }
    .list__SubCate>li  {
            margin:  3px 5px 3px 0;
            position:  relative;
            padding-right:  5px;
    }
    .list__SubCate>li: before  {
            position:  absolute;
            width:  1px;
            height:  40%;
            top:  30%;
            content:  '';
            right:  0;
            background-color:  #7D8FA6;
    }
    .list__SubCate>li: last-child::before  {
            display:  none;
    }
    .block__5  {
            width:  calc(25% - 15px);
    }
    .pn-menu  {
            display:  none;
    }
    .d-mobile  {
            display:  block;
    }
    .banner-scale .name  {
            font-size:  14px;
            line-height:  20px;
    }
    .banner-scale .sbname  {
            font-size:  20px;
            line-height:  26px;
    }
    .bot__left,     .bot__right  {
            width:  100%;
            float:  left;
    }
    .container  {
            max-width:  96%;
    }
    .menu_t  {
            display:  none;
    }
    .m_menu  {
            display:  block;
    }
    .pn-playground  {
            padding:  1rem 1rem;
    }
}
@media screen and (max-width: 991px)  {
        .df-member .left  {
            width:  37%;
    }
    .df-member .right  {
            width:  63%;
    }
    .num_video_uploaded  {
            margin-bottom:  1rem;
    }
    .box-filter  {
            padding:  0 1rem;
    }
    .box-filter  {
            margin-bottom:  1rem;
    }
    .pn-hotTopic  {
            padding:  0 1rem;
    }
    .gird__products  {
            grid-gap:  2rem;
            padding:  0 1rem;
    }
    .df-about .right .h3.sub  {
            font-size:  2rem;
    }
    .df-about .right h2.name  {
            font-size:  3rem;
    }
    .df-tk  {
            display:  block;
    }
    .df-tk .cont  {
            width:  100%;
            padding:  0 0;
            padding:  1rem 0;
    }
    .df-tk .item  {
            width:  33.33%;
            float:  left;
    }
    .item__vd .img .icon,     .item_vhz .img .icon,     .item__product .img .icon  {
            width:  4rem;
            height:  4rem;
    }
    .gird-Vd .item_vhz .img img  {
            height:  20rem;
    }
    .gird_newsH .item_news .img a img  {
            height:  26rem;
    }
    .navbar-toggle .icon-bar+.icon-bar  {
            margin-top:  0.5em;
    }
    .foot_3  {
            flex:  29%;
    }
    .list_HotCate  {
            grid-template-columns:  1fr 1fr 1fr 1fr 1fr 1fr;
    }
    .gird__products  {
            grid-template-columns:  1fr 1fr 1fr 1fr;
    }
    .item_product_price  {
            font-size:  15px;
    }
    .container  {
            max-width:  100%;
    }
    .site-slider .block__5  {
            width:  calc(33.33% - 15px);
    }
    .content-nhanxet  {
            width:  100%;
    }
    .tab_sanpham .nav-item .nav-link  {
            height:  40px;
    }
    .cate__left  {
            display:  none;
    }
    .slider__right  {
            margin-top:  80px;
    }
    .site-khuyenmai  {
            margin-top:  0;
    }
    .feedback__content  {
            padding-bottom:  50%;
    }
    .col-right-ctsp  {
            width:  100%;
    }
    .item_product.item_product-right  {
            width:  calc(33.33% - 30px);
            margin:  15px 15px;
            float:  left;
    }
    .left__filter  {
            width:  100%;
            flex:  100%;
            margin-bottom:  10px;
            display:  grid;
            grid-template-columns:  1fr 1fr 1fr 1fr;
            grid-gap:  10px;
    }
    .main-container  {
            flex-direction:  column;
    }
    .widget-box  {
            width:  100%;
            margin-bottom:  0;
    }
    .main-container .right__product  {
            width:  100%;
            padding:  0 0;
    }
    .widget-content  {
            display:  none;
    }
    .widget-content.hide  {
            display:  block!important;
    }
    .widget-cateall  {
            display:  none;
    }
    .col-left-ctsp  {
            width:  100%;
    }
    .col-sp-right  {
            width:  100%;
    }
    .list__productrel  {
            display:  grid;
            grid-template-columns:  1fr 1fr;
            grid-gap:  20px;
    }
    .item_product  {
            padding:  10px 10px;
    }
    .user-details  {
            max-width:  600px;
            margin:  0 auto;
    }
    .sub_typeVideos ul  {
            justify-content:  flex-start;
    }
}
@media screen and (max-width: 768px)  {
        .body-sanpham  {
            padding:  2rem 0;
    }
    .item__product .img a img  {
            height:  23rem;
    }
    .gird__products  {
            grid-template-columns:  1fr 1fr 1fr;
    }
    .df-tkFull .cont_tk .h3  {
            font-size:  3rem;
    }
    .frm_sendPost  {
            padding:  2rem 0 1rem 0;
    }
    .frm__discount  {
            padding:  0 2rem;
    }
    .gird_playground .item .info h3 a  {
            font-size:  2rem;
    }
    .gird__post  {
            grid-template-columns:  1fr 1fr;
            grid-gap:  2rem;
    }
    .flex__contact  {
            flex-direction:  column;
    }
    .btn__contact  {
            margin:  1rem 0;
    }
    .pn-team  {
            padding:  2rem 0 1rem 0;
    }
    .mySwiper .item-slide  {
            height:  45rem;
    }
    .df-whchoose1 .right .list>li  {
            margin-bottom:  1.5rem;
    }
    .df-whchoose1 .right .list>li .time  {
            width:  6rem;
            height:  6rem;
    }
    .df-whchoose1 .right .list>li .time  {
            font-size:  3rem;
    }
    .item-Reply .left_avatar .avatar img  {
            width:  15rem;
            height:  15rem;
    }
    .item_team .img img  {
            height:  22rem;
    }
    .item__vd .img img  {
            height:  20rem;
    }
    .gird-Vd .item_vhz .info p  {
            display:  none;
    }
    .gird-Vd .item_vhz .img  {
            width:  35%;
    }
    .gird-Vd .item_vhz .info h3  {
            font-size:  1.4rem;
    }
    .gird-Vd .item_vhz .info  {
            width:  65%;
    }
    .gird-Vd .item_vhz .img img  {
            height:  12rem;
    }
    .gird_newsH .item_news .img a img  {
            height:  22rem;
    }
    .df-reply  {
            flex-direction:  column;
    }
    .df-reply .left,     .df-reply .right  {
            width:  100%;
            margin-bottom:  2rem;
    }
    .df-foot .left,     .df-foot .right  {
            width:  100%;
            padding:  0 0;
    }
    .df-foot .left  {
            margin-bottom:  3rem;
            padding:  0 1rem;
    }
    .df-foot  {
            flex-direction:  column;
    }
    .df_head  {
            padding:  5px 0;
    }
    .foot_1  {
            flex:  100%;
    }
    .foot_2  {
            flex:  50%;
    }
    .foot_3  {
            flex:  50%;
    }
    .newsletter__frm  {
            max-width:  500px;
            margin:  0 auto;
    }
    .site-regis .df  {
            display:  grid;
            grid-template-columns:  1fr;
            grid-gap:  10px;
            text-align:  center;
    }
    .site-regis .regis3  {
            justify-content:  center;
    }
    .site-regis .regis1  {
            justify-content:  center;
    }
    .innerv  {
            padding:  20px 20px;
    }
    .df-foot .left .cont_foot  {
            padding-right:  0;
    }
    .slider_left  {
            width:  100%;
    }
    .banner_right  {
            width:  100%;
    }
    .gird__b  {
            grid-gap:  15px;
    }
    .main__b4  {
            flex:  20%;
    }
    .main__b5  {
            flex:  20%;
            display:  flex;
            justify-content:  flex-end;
    }
    .tit__home span  {
            font-size:  24px;
    }
    .main__b4  {
            display:  block;
            flex:  30%;
    }
    .main__b3  {
            flex:  10%;
    }
    .main__b1  {
            flex:  10%;
            text-align:  center;
    }
    .gird__online  {
            grid-template-columns:  1fr 1fr;
    }
    .row__gird  {
            grid-template-columns:  1fr 1fr 1fr;
    }
    .item-slide img  {
            min-height:  300px;
    }
    .site-menui  {
            padding:  15px 0;
    }
    .list__menui>li>a>img  {
            height:  60px;
    }
    .site-bnc  {
            margin-top:  0;
    }
    .block__5  {
            width:  calc(33.33% - 15px);
    }
    .site-blogs  {
            padding-bottom:  0!important;
            padding-top:  20px!important;
    }
    .chitiet_sp_hot_gia del,     .chitiet_sp_hot_gia span  {
            font-size:  20px;
    }
    .chitiet_sp_hot_title  {
            margin-top:  15px;
            font-size:  20px;
    }
    .item_product.item_product-right  {
            width:  calc(50% - 30px);
    }
    .site-partner  {
            padding:  5px 35px;
    }
    .site-blogs .col-sm-6  {
            width:  100%;
    }
    .feedback_text  {
            width:  100%;
    }
    .feedback__content  {
            padding-bottom:  60%;
    }
    .left__sl424,     .right__ht424  {
            width:  100%;
            padding:  0;
    }
    .right__ht424  {
            margin:  10px 0;
    }
    .right__ht424 .divbd  {
            background:  none;
    }
    .right__ht424 .divbd ul li  {
            width:  calc(50% - 15px);
            margin:  7.5px 7.5px;
            float:  left;
    }
    .col-slider-ctsp  {
            width:  50%;
    }
    .col-thongtin-ctsp  {
            width:  50%;
    }
    .Swiper_spct img  {
            height:  auto;
    }
    .chitiet_sp_hot_gia  {
            font-size:  24px;
    }
    .item_productAction  {
            opacity:  1;
    }
    .dffoot  {
            flex-direction:  column;
    }
    #dk_contact  {
            padding:  15px 0;
            border:  none;
    }
    .foot__cont  {
            padding-bottom:  0;
    }
    .paymentblock ul,     .quick_link_cont ul  {
            margin-bottom:  0;
    }
    .quick_link .title-f  {
            margin:  0 0!important;
    }
    #dk_contact div.block  {
            margin-bottom:  5px;
    }
    #dk_contact .block .content  {
            font-size:  14px;
            line-height:  20px;
    }
    .itemInsta a .instagram  {
            -webkit-transform:  scale(1);
            -moz-transform:  scale(1);
            -ms-transform:  scale(1);
            -o-transform:  scale(1);
            transform:  scale(1);
    }
    .itemInsta a .image-overlay  {
            opacity:  1;
    }
    .itemInsta a .image-overlay: before,     .itemInsta a .image-overlay:after  {
            width:  100%;
            left:  0;
    }
    .itemInsta .image-overlay span: before,     .itemInsta .image-overlay span:after  {
            height:  100%;
            top:  0;
    }
    .itemInsta .image-overlay span: before,     .itemInsta .image-overlay span:after  {
            height:  100%;
            top:  0;
    }
    .itemInsta .image-overlay span: before,     .itemInsta .image-overlay span:after  {
            height:  100%;
            top:  0;
    }
    #page-login  {
            width:  90%;
    }
}
@media screen and (max-width: 700px)  {
        footer  {
            padding-bottom:  1rem;
            padding-top:  2rem;
    }
    .df-foot .right  {
            padding:  1rem;
    }
    .df-member  {
            flex-direction:  column;
    }
    .df-member .left,     .df-member .right  {
            width:  100%;
            margin-bottom:  1rem;
            padding:  1rem 1rem;
    }
    .item__product .img a img  {
            height:  20rem;
    }
    .gird_newsH  {
            grid-template-columns:  1fr 1fr;
    }
    .pn-contacts  {
            padding:  2rem 0 1rem 0;
    }
    .form_ct  {
            margin-top:  2rem;
    }
    .df-abPage  {
            flex-direction:  column;
    }
    .df-abPage .left  {
            width:  100%;
            padding:  2rem 2rem;
    }
    .pn-aboutPage: after  {
            display:  none;
    }
    .df-abPage .right  {
            width:  100%;
    }
    .df-abPage .right .name  {
            margin-top:  2rem;
    }
    .df-videoNC  {
            flex-direction:  column;
    }
    .df-videoNC .left,     .df-videoNC .right  {
            width:  100%;
            padding:  1px 1rem;
    }
    .df-videoNC .left  {
            margin-bottom:  2rem;
    }
    .pn-banner .wrap__banner  {
            object-fit:  fill!important;
            height:  20rem;
    }
    .pn-videoNC .container  {
            padding-top:  1rem;
    }
    .filter-item  {
            position:  unset;
    }
    .filter-wrap  {
            position:  relative;
    }
    .filter-item: not(.filter-total) .filter-show  {
            max-width:  100%;
    }
    .mota_danhmuc img{
        max-width:100%!important;
        height:auto!important;
    }
}
@media screen and (max-width: 650px)  {
        .item_topic .img img  {
            height:  20rem;
    }
    .gird-Vd  {
            grid-gap:  2rem;
    }
    .item-Reply .right_cont .cont  {
            -webkit-line-clamp:  4;
    }
    .item-Reply .right_cont .nd: before,     .item-Reply .right_cont .nd:after  {
            width:  5rem;
            height:  4.5rem;
    }
    .item-Reply  {
            flex-direction:  column;
    }
    .item-Reply .left_avatar,     .item-Reply .right_cont  {
            width:  100%;
    }
    .df-reply .left h2  {
            font-size:  2.4rem;
            text-align:  center;
    }
    #RecaptchaField2  {
            transform:  scale(0.77);
            transform-origin:  0 0;
    }
    .list_payment  {
            display:  flex;
            justify-content:  center;
            flex-wrap:  nowrap;
    }
    .df-cp .left,     .df-cp .right  {
            width:  100%;
    }
    .df-cp  {
            flex-direction:  column-reverse;
    }
    .foot-main  {
            margin-bottom:  0;
    }
    footer  {
            padding:  3rem 0 0 0;
    }
    .nd-dknt  {
            padding:  2rem 1rem;
    }
    .b_right .foot-menu,     .b_right .foot-dknt  {
            width:  100%;
            padding:  0 0;
    }
    .b_right .foot-menu  {
            margin-bottom:  3rem;
            padding:  0 1rem;
    }
    .b_right  {
            flex-direction:  column;
    }
    .pn-whchoose1  {
            padding:  3rem 0;
    }
    .pn-whchoose  {
            padding-top:  3rem;
    }
    .df-whchoose .left,     .df-whchoose .right  {
            width:  100%;
            padding:  1rem 1rem;
    }
    .df-whchoose  {
            flex-direction:  column;
    }
    .df-about .left,     .df-about .right  {
            width:  100%;
            padding:  1rem;
    }
    .df-about  {
            flex-direction:  column-reverse;
    }
    .gird__products.gird__products3  {
            grid-template-columns:  1fr 1fr;
            grid-gap:  30px;
    }
    .gird__Oservice .item__services  {
            padding:  0 0;
    }
    .gird__Oservice  {
            grid-template-columns:  1fr 1fr;
            grid-gap:  5px;
    }
    .item__products .caption .addCart  {
            position:  relative;
    }
    .item__products .addCart a  {
            opacity:  1;
            -moz-transform:  translateX(0px);
            -webkit-transform:  translateX(0px);
            -o-transform:  translateX(0px);
            -ms-transform:  translateX(0px);
    }
    .item__products: hover .button-group .btn-wishlist,     .item__products:hover .button-group .btn-quickview  {
            opacity:  1;
            -moz-transform:  translateX(0);
            -webkit-transform:  translateX(0);
            -o-transform:  translateX(0);
            -ms-transform:  translateX(0);
            transform:  translateX(0);
    }
    .item__products .caption a h3  {
            font-size:  14px;
            line-height:  20px;
            font-weight:  600;
    }
    .tab-content .block_content  {
            padding-bottom:  20px;
    }
    .gird__b  {
            grid-template-columns:  1fr 1fr;
    }
    .gird__products.gird__products4  {
            grid-template-columns:  1fr 1fr 1fr;
    }
    .left__filter  {
            grid-template-columns:  1fr 1fr 1fr;
    }
    .col-slider-ctsp  {
            width:  100%;
    }
    .col-thongtin-ctsp  {
            width:  100%;
    }
    .btn-dt,     .btn-buyn  {
            padding:  4px 12px;
    }
    .item_product_title  {
            height:  40px;
    }
    .item_product_title a  {
            font-size:  14px;
            line-height:  20px;
    }
    .item_product_price del  {
            display:  block;
            margin:  0 0;
            float:  none;
    }
    .site-catehome  {
            padding:  15px 0;
    }
    .list__menui>li  {
            width:  calc(20% - 10px);
            margin:  5px 5px;
    }
    .row__gird  {
            grid-gap:  15px;
    }
    .gird__products  {
            grid-template-columns:  1fr 1fr 1fr;
    }
    .list_HotCate  {
            grid-template-columns:  1fr 1fr 1fr 1fr 1fr;
    }
    .widget-box .filter-item-brand h4  {
            font-size:  14px;
    }
    .risk__list  {
            grid-gap:  20px;
    }
    .item_risk h4  {
            font-size:  15px;
    }
    .pn-pageLogin #page-login  {
            width:  100%;
    }
}
@media screen and (max-width: 576px)  {
        #page-login  {
            padding:  2rem 2rem;
    }
    .pn-news  {
            padding:  1rem 1rem;
    }
    .tit_news  {
            margin-bottom:  2rem;
    }
    .gird-Vd  {
            grid-template-columns:  1fr;
    }
    .nd-video .container  {
            padding-left:  2rem;
            padding-right:  2rem;
    }
    .sub_typeVideos  {
            padding-left:  1rem;
            padding-right:  1rem;
    }
    .pn-topview  {
            padding:  2rem 0 1rem 0;
    }
    .df-whchoose1 .right  {
            width:  100%;
            padding:  0 0 0 8rem;
    }
    .df-whchoose1 .left  {
            width:  100%;
            padding:  0 2rem 0 3rem;
            margin-bottom:  5rem;
    }
    .df-whchoose1  {
            flex-direction:  column;
    }
    .df-whchoose .left .name,     .df-whchoose1 .right .name  {
            line-height:  3rem;
    }
    .img_foot  {
            margin-bottom:  1rem;
    }
    .social-btns  {
            text-align:  right;
    }
    .list__productrel  {
            grid-gap:  10px;
    }
    .gird__wd3  {
            grid-template-columns:  1fr 1fr;
    }
    .gird__wd2  {
            grid-template-columns:  1fr;
    }
    .risk__list  {
            grid-template-columns:  1fr 1fr;
    }
    .gird__products.gird__products4  {
            grid-template-columns:  1fr 1fr;
    }
    .list_HotCate  {
            grid-template-columns:  1fr 1fr 1fr 1fr;
    }
    .gird__products  {
            grid-template-columns:  1fr 1fr;
    }
    .dffoot  {
            flex-direction:  column;
    }
    .foot_2,     .foot_3  {
            flex:  100%;
    }
    .feedback_text  {
            padding-top:  10px!important;
    }
    .item__kh img  {
            width:  100px!important;
            height:  100px!important;
    }
    .item__kh p  {
            margin-top:  15px;
    }
    .feedback__content  {
            padding-bottom:  70%;
    }
    .logo__footer  {
            margin-bottom:  10px;
    }
    .right-head_cart  {
            text-align:  right;
    }
    h4.blog_tit  {
            overflow:  hidden;
            text-overflow:  ellipsis;
            display:  -webkit-box;
            -webkit-line-clamp:  2;
            -webkit-box-orient:  vertical;
            font-size:  15px;
            line-height:  22px;
    }
    .site-cket  {
            padding:  0 0;
    }
    .list__SubCate  {
            display:  block;
    }
    .list__SubCate li  {
            display:  inline-block;
    }
    .list__SubCate>li>a  {
            line-height:  20px;
    }
    .site-copyright  {
            padding:  5px 0;
    }
    .site-copyright p  {
            line-height:  24px;
    }
    .block__5  {
            width:  calc(50% - 15px);
    }
    .site-productcl347 .item_product  {
            margin-bottom:  15px;
    }
    .right-head_cart  {
            height:  40px;
            line-height:  40px;
    }
    .logo img  {
            width:  auto;
            max-height:  50px;
    }
    .item__menui h4 span  {
            font-size:  13px;
    }
    .navbar-toggle  {
            padding:  6px 8px;
    }
    .swiperProductMenui  {
            padding-left:  5px!important;
            padding-right:  5px!important;
    }
    .fl_cpr  {
            flex-direction:  column;
    }
    .site-copyright p  {
            line-height:  27px;
            text-align:  center;
    }
    .tab_sanpham .nav-item .nav-link  {
            text-transform:  none;
    }
    .shopping-summery  {
            margin-bottom:  15px;
    }
    .heading-2  {
            margin-top:  20px;
    }
    .chitiet_sp_hot  {
            padding-bottom:  0;
    }
    .mySwiper .item-slide  {
            height:  35rem;
    }
    .breadcrumb a  {
            font-size:  1.4rem;
    }
}
@media screen and (max-width: 500px)  {
        .df-tkFull .item  {
            height:  18rem;
    }
    .filter-show  {
            min-width:  40rem;
    }
    .sub_topic  {
            font-size:  2.4rem;
    }
    .frm_sendPost .container  {
            margin:  2rem auto;
    }
    .tit_sendP  {
            font-size:  2.4rem;
    }
    .frm__discount  {
            padding:  0 1rem;
    }
    .blog__item .img img  {
            height:  20rem;
    }
    .gird_newsH  {
            grid-gap:  2rem;
    }
    .gird_newsH .info h3 a  {
            line-height:  2.4rem;
    }
    .gird_newsH .item_news .img a img  {
            height:  20rem;
    }
    .sub_meta_post  {
            padding:  0.5rem 0.5rem;
    }
    .sub_meta_post .bg_meta  {
            font-size:  1.2rem;
            padding:  0.4rem 1rem 0.4rem 1rem;
    }
    .pn-whchoose  {
            padding:  1rem 0 2rem 0;
    }
    .pn-whchoose: before  {
            display:  none;
    }
    .mySwiper .item-slide  {
            height:  30rem;
    }
    .mySwiper .content p.desc3  {
            display:  none;
    }
    .mySwiper .content p.desc4  {
            display:  none;
    }
    .b_right .foot-menu  {
            margin-bottom:  2rem;
    }
    .nd-dknt  {
            padding-bottom:  0.5rem;
    }
    .gird__b  {
            grid-template-columns:  1fr;
    }
    .item__products .caption .price  {
            font-size:  15px;
    }
    .item__products .caption .price del  {
            font-size:  14px;
    }
    .ishiproductstab .nav-item .nav-link  {
            padding:  7px 10px;
            font-size:  14px;
    }
    .tab-content .block_content  {
            padding-bottom:  30px;
    }
    .home-title  {
            font-size:  24px;
    }
    .ishispecialdeal  {
            padding:  15px 15px;
    }
    .gallery-container .Swiper_spct  {
            padding:  0 0;
            margin:  0 10px 0 0;
    }
    .main__b5 a img  {
            height:  30px;
    }
    .tit__risk  {
            font-size:  20px;
    }
    .item_risk p  {
            display:  -webkit-box;
            -webkit-box-orient:  vertical;
            -webkit-line-clamp:  2;
            overflow:  hidden;
            text-overflow:  ellipsis;
    }
    .risk-shopping  {
            padding-top:  0;
    }
    .item_risk img  {
            height:  50px;
    }
    .main__b4,     .main__b5  {
            flex:  10%;
    }
    .menui_action  {
            font-size:  14px;
    }
    .flash-sale-head  {
            flex-direction:  column;
            justify-content:  flex-start;
    }
    .sh_left  {
            justify-content:  flex-start;
            width:  100%;
            margin-bottom:  10px;
    }
    .list_HotCate  {
            grid-gap:  15px;
    }
    .item__menui h4 span: after  {
            top:  5px;
    }
    .wr__listMenui  {
            padding:  7px 0;
    }
    .item__menui h4 span  {
            font-size:  14px;
    }
    .giohang-mobile span.numCart  {
            right:  0px;
    }
    .nameCart  {
            display:  none;
    }
    .list__menui>li  {
            padding:  10px 0;
    }
    .list__menui>li  {
            border-radius:  10px;
    }
    .title-rpmenu .icon-bar  {
            width:  25px;
    }
    #arcontactus  {
            display:  block;
    }
    .fixedpage-action  {
            display:  none;
    }
    .content-social  {
            margin-bottom:  30px;
    }
    .foot_1 .content-f img  {
            max-width:  150px;
            height:  auto!important;
    }
    .item_product_title a  {
            font-size:  14px;
            line-height:  22px;
    }
    .item_product_title  {
            height:  44px;
    }
    .site-catehome  {
            padding:  15px 0;
    }
    .site-bc  {
            padding:  30px 0;
    }
    .tit__home span  {
            font-size:  24px;
    }
    .partnerItem h4  {
            font-size:  13px;
    }
    .partnerItem img  {
            height:  30px;
    }
    .site-bnc  {
            padding:  0 0;
    }
    .list__menui>li>a>h3  {
            margin-top:  10px;
    }
    .list__menui>li>a>img  {
            height:  40px;
    }
    .list__menui>li>a>h3  {
            font-size:  14px;
    }
    .partnerItem  {
            padding:  20px 10px;
    }
    .site-vct  {
            padding:  25px 0;
    }
    .right__ht424 .sup_item  {
            padding:  10px 5px;
    }
    .item_product-right>a  {
            padding:  10px 15px;
    }
    .item_product.item_product-right  {
            width:  calc(50% - 20px);
            margin:  10px 10px;
    }
    .logo__footer img  {
            max-height:  80px;
    }
    .tab_sanpham .nav-item .nav-link  {
            height:  36px;
            font-size:  15px;
    }
    .right__ht424 .divbd  {
            padding:  0 0;
    }
    .link_wrap_img  {
            padding:  5px;
    }
    .item_product>a .sale  {
            top:  0;
    }
    .btn-dt,     .btn-buyn  {
            padding:  3px 10px;
    }
    .mxh__foo ul  {
            text-align:  left;
            margin-top:  0;
    }
    .title-f  {
            margin-top:  0!important;
    }
    .form-search-nav input  {
            padding:  6px 10px;
            border-radius:  20px;
    }
    .tit__productPage  {
            margin-bottom:  15px;
    }
    .item_product_price  {
            font-size:  15px;
            line-height:  22px;
            height:  44px;
    }
    .tit_splq  {
            margin:  15px 0;
    }
    .blog__item .blog__item_img  {
            width:  145px;
    }
    .blog__item .blog__item_content  {
            width:  calc(100% - 150px);
            padding:  0 5px;
    }
    h4.blog_tit a  {
            font-size:  16px;
            line-height:  22px;
    }
    .menui_op  {
            margin-top:  25px;
    }
    .flex__contact  {
            flex-direction:  column;
    }
    .btn__contact  {
            margin-top:  10px;
    }
    .btn-buyn  {
            margin:  0 0;
    }
    h4.blog_tit  {
            margin-top:  0!important;
            margin-bottom:  10px;
    }
    .title-news_ct  {
            font-size:  18px;
            line-height:  24px;
    }
    .item_product  {
            padding:  5px 5px;
    }
    .category-list  {
            grid-gap:  10px;
    }
    .category-list li a h3  {
            font-size:  14px;
            font-weight:  600;
    }
    .mota_danhmuc  {
            margin-bottom:  15px;
    }
    .left__filter  {
            grid-gap:  5px;
    }
    .widget-box .filter-item-brand h4  {
            padding:  8px 10px;
    }
    .right_cont .card-body  {
            padding:  1.5rem;
    }
    #imgPreview_hinh_anh  {
            height:  15rem;
    }
    .form-group-avatar #hinh_anh  {
            width:  calc(100% - 17rem);
    }
}
@media screen and (max-width: 430px)  {
    .pn-mv .df-videoNC .left{
       margin-bottom:0;
    }
    .pn-mv .right img{
        margin-bottom:2rem;
    }
    .pn-videoNC{
        padding-bottom:2rem;
    }
    .df-videoNC .left .name  {
            line-height:  3rem;
            font-size:  2.4rem;
    }
    .gird_nc  {
            grid-template-columns:  1fr 1fr;
    }
    .blog__item .img img  {
            height:  18rem;
    }
    .breadcrumb a  {
            font-size:  1.3rem;
    }
    .gird_newsH .item_news .img a img  {
            height:  18rem;
    }
    .item_team .img img  {
            height:  18rem;
    }
    .df-whchoose1 .right .list>li .cont  {
            width:  calc(100% - 7.5rem);
    }
    .item-Reply .left_avatar .avatar img  {
            width:  10rem;
            height:  10rem;
    }
    .sub_meta_post .bg_meta: last-child  {
            display:  none;
    }
    .pn-team  {
            padding:  1rem 1rem;
    }
    .pn-about  {
            padding:  2rem 0 1rem 0;
    }
    .df-tk .cont_tk .h4  {
            font-size:  1.6rem;
    }
    .df-tk .cont h2  {
            font-size:  2rem;
    }
    .mySwiper .item-slide  {
            height:  24rem;
    }
    .mySwiper .content p.desc2  {
            font-size:  3rem;
    }
    .gird__products.gird__products3  {
            grid-gap:  20px;
    }
    .addCart a  {
            min-width:  130px;
    }
    .item__services .cont  {
            font-size:  13px;
            line-height:  20px;
    }
    .item__services .name  {
            font-size:  14px;
            font-weight:  600;
    }
    .item__services .img img  {
            height:  30px;
    }
    .gird__Oservice  {
            grid-gap:  10px;
    }
    .product-caption a h3  {
            font-size:  14px;
            font-weight:  600;
    }
    .ishitestimonials  {
            padding:  10px 10px;
    }
    .pn-Gallery  {
            padding-bottom:  0;
    }
    .gird__portfolio  {
            grid-gap:  15px;
    }
    .pn-specialpro  {
            padding-bottom:  0;
    }
    .product-caption  {
            padding:  0 15px;
    }
    .item__news .img .marker  {
            display:  none;
    }
    .pn-ht p  {
            font-size:  13px;
    }
    .list__productrel>li>a  {
            margin-bottom:  0;
    }
    .list__productrel  {
            grid-template-columns:  1fr;
    }
    .menui_op span a  {
            padding:  5px 12px;
    }
    .site-bottom  {
            padding:  20px 0;
    }
    .row_avatar img  {
            height:  50px!important;
            width:  50px;
    }
    .rowOnContent img  {
            max-width:  25px;
            height:  auto!important;
    }
    .gird__online  {
            grid-gap:  15px;
    }
    .foot_1  {
            flex:  100%;
    }
    .row__gird  {
            grid-template-columns:  1fr 1fr;
    }
    .foot_2,     .foot_3  {
            flex:  50%;
    }
    .item-slide img  {
            min-height:  230px;
    }
    .item_product_price del  {
            display:  block;
            margin:  0 0;
    }
    .tab_sanpham .nav-item  {
            margin-bottom:  5px;
    }
    .chitiet_sp_hot_gia  {
            font-size:  24px;
    }
    .chitiet_sp_hot_gia del,     .chitiet_sp_hot_gia span  {
            font-size:  18px;
    }
    .left__filter  {
            grid-template-columns:  1fr 1fr;
    }
    .main-container  {
            padding-top:  5px;
    }
    .item-Reply .right_cont .nd  {
            padding:  6rem 3rem;
    }
    #page-login .title-head  {
            font-size:  2rem;
    }
    .login_wrap  {
            margin-top:  1rem;
    }
}
@media screen and (max-width: 415px)  {
        .tab_sanpham .nav-item .nav-link  {
            padding-left:  10px;
            padding-right:  10px;
    }
    .list_HotCate  {
            grid-gap:  10px;
            grid-template-columns:  1fr 1fr 1fr;
    }
}
@media screen and (max-width: 400px)  {
        .item__product .img a img  {
            height:  18rem;
    }
    .item_team .img img  {
            height:  16rem;
    }
}
@media screen and (max-width: 376px)  {
        .swiperProductMenui  {
            padding-left:  0!important;
            padding-right:  0!important;
    }
    .button-link .bt  {
            font-size:  14px;
            line-height:  24px;
            min-height:  40px;
            font-weight:  600;
    }
    .cart-btn  {
            padding:  12px 5px;
            font-size:  13px;
    }
    .cart-plus-minus input  {
            height:  40px;
    }
    .blog__item .img img,     .gird_newsH .item_news .img a img  {
            height:  15rem;
    }
}
@media screen and (max-width: 340px)  {
        .product-quantity  {
            flex:  100%;
            float:  none;
            justify-content:  center;
    }
    .gird__online  {
            grid-template-columns:  1fr;
    }
    .button-link  {
            flex-direction:  column;
    }
    .button-link .bt  {
            flex:  100%;
            width:  100%;
            margin-bottom:  10px;
    }
}
@media screen and (max-width: 320px)  {
        .gird__post,     .gird_newsH  {
            grid-template-columns:  1fr;
    }
}
@media screen and (max-width: 315px)  {
        .row__gird  {
            grid-template-columns:  1fr;
    }
}