:root
{
   --bg-main:#f4c84a;
   --cl-main:#f4c84a;
   --clr-border:#f4c84a;
   --color-1:rgba(0,0,0,0.8);
   --color-2:#fff8f2;
   --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:RobotoR,sans-serif;
   --secondary-font:RobotoB,sans-serif
}

@font-face
{
   font-family:'RobotoR';
   src:url(templates/fonts/Roboto-Regular.ttf)
}

@font-face
{
   font-family:'RobotoM';
   src:url(templates/fonts/Roboto-Medium.ttf)
}

@font-face
{
   font-family:'RobotoB';
   src:url(templates/fonts/Roboto-Bold.ttf)
}

tbody,td,tfoot,th,thead,tr
{
   border-color:inherit;
   border-style:inherit;
   border-width:inherit
}

.btn-xemthem
{
   font-size:1.6rem;
   background-color:var(--cl-main);
   color:#fff;
   border-color:var(--cl-main);
   font-family:'RobotoM';
   box-shadow:#000 0 1px 4px
}

.rel
{
   position:relative
}

.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% RobotoR!important;
   overflow-x:hidden
}

body
{
   font:normal 62.5% RobotoR!important;
   transition:var(--trans);
   overflow-x:hidden;
   max-width:1920px;
   margin:0 auto;
   color:#545454;
   scroll-behavior:smooth;
   letter-spacing:1px
}

a,a:hover
{
   transition:var(--trans)
}

.rel
{
   position:relative
}

.clearfix
{
   clear:both
}

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

.bg_main
{
   background-size:contain!important
}

.transition
{
   -webkit-transition:.3s ease-out;
   -moz-transition:.3s ease-out;
   -o-transition:.3s ease-out;
   transition:.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
}

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

.logo img
{
   height:unset;
   max-width:25rem
}

.navbar-form
{
   margin:1rem 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;
   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;
   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:#000 0 1px 3px,#000 0 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:16px!important;
   font-weight:600
}

.swiper-button-next,.swiper-button-prev
{
   color:#fff!important
}

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

.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 .5s;
   -moz-transition:all .5s;
   -o-transition:all .5s;
   transition:all .5s;
   min-width:140px;
   text-transform:uppercase
}

.item_product
{
   background:#fff;
   padding: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:#8b0000;
   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:#3c0000 0 1px 2px 0,#3c0000 0 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:2rem;
   color:#fff;
   line-height:2.6rem;
   font-weight:600
}

.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
{
   object-fit:contain;
   width:100%;
   height:18rem;
   background-color:#fff
}

.blog__item .blog__item_content
{
   width:calc(100%);
   padding:1rem 3rem;
   text-align:center
}

.blog__item .blog__item_content p
{
   overflow:hidden;
   text-overflow:ellipsis;
   display:-webkit-box;
   -webkit-line-clamp:4;
   -webkit-box-orient:vertical;
   font-size:1.4rem;
   line-height:2rem;
   color:#fff
}

.blog__item
{
   width:100%;
   float:left;
   margin-bottom:15px;
   padding-bottom:15px
}

.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;
   padding:0;
   width:100%;
   float:left
}

.mxh__foo>ul>li
{
   display:inline-block;
   margin-right:5px
}

.title-f:before
{
   background-color:#eae09e
}

.content-f ul li a:hover
{
   color:#eae09e
}

.tit-lienhe
{
   text-transform:uppercase;
   font-size:1.3rem;
   margin-bottom:15px
}

.btn__contact
{
   background-color:#eae09e;
   border-color:#eae09e;
   color:#c43030;
   border-radius:5px
}

.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:#fff0;
   border-top:#fff0;
   color:#333
}

.breadcrumb a
{
   color:#333
}

.breadcrumb li.active a
{
   color:var(--cl-main)
}

.breadcrumb-item+.breadcrumb-item::before
{
   color:#333;
   margin-top:0
}

.title_page
{
   color:#333;
   font-family:'RobotoM';
   font-size:clamp(2.4rem,2.28rem + 0.6vw,3rem);
   text-align:center;
   text-transform:uppercase;
   margin-bottom:2rem
}

.cont_page
{
   font-size:1.6rem;
   line-height:1.625
}

.cont-nd .container
{
   max-width:1000px
}

.tit__opage
{
   margin-bottom:3rem
}

.tit__opage span
{
   text-transform:uppercase;
   position:relative;
   font-weight:600;
   color:#333;
   font-family:'RobotoM';
   font-size:clamp(2.4rem,2.28rem + 0.6vw,3rem)
}

.spacial
{
   font-weight:600;
   line-height:22px;
   font-size:16px;
   color:#232323
}

.blog-area
{
   padding:2rem 0
}

.cont-nd
{
   padding:1rem 0 3rem
}

.sub_cates ul
{
   list-style-type:none;
   position:relative;
   padding:10px 0 10px;
   background:#FFF;
   white-space:nowrap;
   overflow-x:auto
}

.sub_cates ul li
{
   color:#555;
   margin-right:5px;
   padding-right:10px;
   border:2px solid #EEE;
   border-radius:20px;
   padding:4px 15px;
   display:inline-block
}

.sub_cates ul li a
{
   color:#555;
   font-size:1.5rem;
   display:block
}

.sub_cates ul li:hover
{
   border-color:var(--cl-main)
}

.mota_danhmuc
{
   color:#444;
   font-size:1.6rem;
   line-height:1.625;
   padding:1rem 2rem;
   border-radius:1rem;
   background-color:#c6e6e2;
   font-family:'RobotoM';
   margin-bottom:1rem
}

.chitiet_danhmuc
{
   font-size:1.6rem;
   line-height:1.625;
   margin-top:2rem
}

.search-product
{
   margin-bottom:3rem
}

.sodotrang .breadcrumb
{
   justify-content:flex-end
}

.tit_rs_search
{
   font-size:1.4rem;
   margin-bottom:2rem
}

.body-sanpham
{
   margin:0;
   padding:0;
   background-color:#fff0
}

.tit__productPage
{
   font-size:2.6rem;
   color:#444;
   position:relative;
   text-transform:uppercase;
   font-weight:600;
   margin-bottom:2rem
}

.chitiet_sp_hot_title
{
   border-bottom:1px solid #e5e5e5;
   color:#333;
   text-align:left;
   position:relative;
   margin-bottom:10px;
   font-size:2rem;
   line-height:1.5;
   font-family: 'RobotoB';
}

.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:'RobotoB'
}

.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:#FFF;
   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 #06c!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:0
}

.Swiper_spct img,.Swiper_spct2 .Swiper_sp_hot_img
{
   padding:4px;
   cursor:pointer
}

.Swiper_spct2 img
{
   padding:1rem!important;
   background-color:#fff;
   object-fit:contain;
   height:unset;
   height:45rem!important;
   border-radius:1rem
}

.Swiper_spct
{
   height:45rem!important
}

.Swiper_sp_hot_img
{
   width:100%
}

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

.btn-dathang
{
   background:#e99820
}

.shopping-summery .product-name
{
   color:#000;
   font-size:1.3rem;
   margin-bottom:.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:0
}

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

.video_home_title
{
   background:none;
   padding-left:0;
   color:#222;
   font-size:18px;
   margin-top:15px
}

.title-news_ct
{
   font-weight:600;
   color:#333
}

.title-news_ct:after
{
   display:none
}

.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: 7px;*/
    color: #FFF;
    font-size: 17px;
    cursor: pointer;
    position: relative;
    z-index: 999;
}

.title-rpmenu .icon-bar {
    width: 3.5rem;
    height: 0.3rem;
    background: #111;
    color: #fff;
    float: left;
    clear: both;
    margin-bottom:1rem;
    border-radius: 0px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.56);
    -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.56);
    box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.56);
}

.title-rpmenu .icon-bar.last-child {
    margin-bottom: 0;
}

#responsive-menu .content ul li span.gg {
    display: none;
}

#responsive-menu .close {
    position: absolute;
    top: -5px;
    right: 5px;
    font-size: 24px;
    z-index: 999;
    opacity: 1;
    font-weight: 300;
    color: #fff;
    background: transparent;
    border-color: transparent;
    padding: 0;
}

#responsive-menu {
    border-top: none;
    width: 100%;
    overflow: hidden;
    background: #666;
    position: absolute;
    z-index: 999999;
    display: none;
    left: 0;
    margin-top: 0;
    top: 100%;
}


/* #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;
}

.res__search {
    padding: 5px 10px;
}

.res__head span {
    color: #fff;
    font-size: 1.6rem;
   font-family:'RobotoM';
}


/* 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;
   margin:0;
   display:flex;
   align-items:stretch;
   justify-content:center;
   width:100%
}

.menu_t>ul>li
{
   position:relative
}

.menu_t>ul>li>ul
{
   margin:0;
   padding:0;
   list-style-type:none
}

.menu_t>ul>li>ul>li>a
{
   color:#fff;
   font-size:1.4rem
}

.menu_t>ul>li>ul>li:hover>a
{
   color:var(--cl-main)
}

.menu_t>ul>li>a
{
   color:#fff;
   font-size:1.5rem;
   line-height:3rem;
   text-transform:uppercase;
   font-weight:600;
   padding:0 2rem;
   position:relative;
   z-index:1;
   -webkit-transition:all .3s;
   -moz-transition:all .3s;
   -o-transition:all .3s;
   transition:all .3s;
   background:#fff0
}

.menu_t>ul>li:hover>a
{
   color:var(--cl-main)
}

.menu_t>ul>li>ul
{
   position:absolute;
   top:100%;
   left:0;
   transition:height .1s ease-out;
   z-index:999;
   display:none;
   box-shadow:#000 0 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:#fff0
}

.menu_t>ul>li:hover>ul
{
   display:block
}

.menu_t>ul>li>ul>li>ul
{
   position:absolute;
   top:0;
   left:100%;
   background:#515154;
   z-index:9;
   display:none;
   box-shadow:#000 0 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;
   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
}

.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
{
   position:relative;
   font-size:1.4rem
}

.df-newsletter .right
{
   width:15rem
}

.df-newsletter .left .tit
{
   font-size:2rem;
   text-transform:uppercase;
   font-family:'RobotoB';
   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
}

.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:'RobotoB';
   margin-bottom:2rem;
   position:relative;
   padding-bottom:1rem
}

.tit_foot:after
{
   position:absolute;
   width:7rem;
   height:.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:.8rem;
   height:1rem;
   content:'';
   background-color:var(--cl-main);
   clip-path:polygon(100% 50%,0 0,0 100%)
}

.list__foot>li span
{
   margin-right:.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-color:var(--cl-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:#fff;
   color:#333
}

#newsletterFrm
{
   position:relative;
   display:flex;
   justify-content:center;
   flex-direction:column;
   align-items:center;
   width:60rem
}

#btn-send-email
{
   position:absolute;
   top:0;
   right:0
}

.newsletter__frm
{
   display:block
}

.newsletter_box
{
   width:100%;
   float:left
}

.content-btc
{
   padding:15px 0
}

.newsletter-title
{
   text-transform:capitalize
}

#email_frm
{
   width:600px;
   height:5rem;
   color:var(--cl-main);
   font-size:1.6rem
}

#newsletterFrm input::placeholder
{
   color:#333;
   opacity:1
}

#newsletterFrm input:-ms-input-placeholder
{
   color:#333
}

#newsletterFrm input::-ms-input-placeholder
{
   color:#333
}

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

.box_hotline
{
   display:grid;
   grid-template-columns:1fr
}

.cart-btn
{
   border-radius:.5rem;
   height:unset;
   box-shadow:unset;
   border-color:#fff0;
   line-height:2.4rem;
   padding:.5rem 0;
   font-size:1.8rem;
   font-weight:600;
   text-transform:unset;
   display:flex;
   justify-content:center;
   flex-direction:column;
   align-items:center;
   margin:0
}

.cart-btn .name
{
   text-shadow:3px 4px 7px #510000;
   padding-bottom:.3rem;
   text-transform:uppercase
}

.cart-btn2 .sub
{
   font-size:1.3rem
}

.cart-btn:hover
{
   background-color:var(--cl-main)!important;
   color:#fff;
   outline:none;
   box-shadow:unset
}

.cart-btn2 .ic
{
   padding:0 1rem;
   border-radius:10px;
   border:1px solid var(--3,#FFD954);
   background:#FFF;
   box-shadow:-4px 0 4px 0 #000;
   margin-left:1rem
}

.cart-plus-minus input
{
   border-radius:2rem;
   height:4rem;
   font-size:1.6rem
}

#html_dathang,#html_option
{
   margin:1rem 0
}

#html_option
{
   padding:0
}

#html_dathang
{
   display:flex;
   justify-content:space-between;
   align-items:center
}

#html_dathang .cart-btn
{
   width:49%;
   line-height:3.6rem;
   text-transform:uppercase;
   border-radius:2.5rem;
   font-weight:500
}

#html_dathang .cart-btn.cart-btn1
{
   background-color:#111
}

.hotline_order
{
   display:inline-block;
   border-radius:3rem;
   border:1px solid;
   border-image-source:linear-gradient(90deg,#B46A11 -.51%,#D68D15 31.8%,#E7AC18 68.2%,#F8C73D 100.5%);
   line-height:4rem;
   font-size:2rem;
   padding:0 2rem;
   color:#fff;
   background:linear-gradient(90deg,#ECC440 0%,#FFD663 31.98%,#DDAC17 68.02%,#FFD663 100%);
   font-weight:600;
   text-align:center;
   text-transform:uppercase
}

.col-thongtin-ctsp .list_cs
{
   margin:1rem 0
}

.col-thongtin-ctsp .list_cs ul
{
   display:grid;
   grid-template-columns:1fr;
   grid-gap:.5rem
}

.col-thongtin-ctsp .list_cs ul>li
{
   display:flex;
   align-items:center;
   justify-content:space-between
}

.col-thongtin-ctsp .list_cs ul>li>.img
{
   width:8rem
}

.col-thongtin-ctsp .list_cs ul>li>.nd
{
   width:calc(100% - 8rem)
}

.col-thongtin-ctsp .list_cs ul>li>.img img
{
   max-width:7rem;
   height:4rem;
   object-fit:contain
}

.col-thongtin-ctsp .list_cs ul>li h4
{
   font-size:1.45rem;
   display:-webkit-box;
   -webkit-box-orient:vertical;
   -webkit-line-clamp:1;
   overflow:hidden;
   text-overflow:ellipsis;
   margin-bottom:0
}

.product-dtTab
{
   margin-bottom:3rem
}

.box-danhgia_title
{
   padding:2rem 3rem;
   border:1px solid #ccc;
   margin:2rem 0;
   text-align:center
}

.box-danhgia_title h3
{
   font-size:2rem;
   margin-bottom:1rem
}

.box-danhgia_title .d-cap
{
   font-size:1.4rem
}

.col-thongtin-ctsp .list_cs ul>li p
{
   font-size:1.3rem;
   display:-webkit-box;
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
   overflow:hidden;
   text-overflow:ellipsis;
   margin-bottom:0
}

#html_option
{
   border-bottom-color:#fff0;
   font-size:1.4rem;
   padding-top:1rem;
   padding-bottom:.5rem
}

#html_option>ul>li
{
   display:inline-block;
   margin:0 .5rem .5rem 0;
   border-radius:50%
}

#html_option>ul>li:hover>span
{
   border-color:var(--cl-main)
}

#html_option>ul>li>span
{
   cursor:pointer;
   padding:0 1.5rem;
   border-radius:.2rem;
   border:2px solid #e5e5e5;
   display:inline-block;
   width:4rem;
   height:3rem
}

#html_option>ul>li.active span
{
   border-color:var(--cl-main)
}

.row_Capacity
{
   margin:1rem 0
}

#capacityByColor>li
{
   display:inline-block;
   margin-right:.2rem;
   margin-bottom:0.4rem;
   border-radius:.1rem;
   min-width:7rem;
   border:1px solid #eee
}

#capacityByColor>li.active
{
   background:linear-gradient(90deg,#ECC440 0%,#FFD663 31.98%,#DDAC17 68.02%,#FFD663 100%);
   border-image-source:linear-gradient(90deg,#B46A11 -.51%,#D68D15 31.8%,#E7AC18 68.2%,#F8C73D 100.5%)
}

#capacityByColor>li span.t_capacity,#capacityByColor>li span.t_capacitymulti
{
   cursor:pointer;
   padding:.5rem .8rem;
   font-size:1.5rem;
   background-color:#fff0;
   display:block;
   text-align:center;
   color:#333
}

.rowPriceByCapacityColor
{
   margin-bottom:1rem
}

.rowPriceByCapacityColor .price
{
   font-size:2.4rem;
   display:flex;
   align-items:center;
   color:#eb3e32
}

.rowPriceByCapacityColor .price del
{
   font-size:1.8rem;
   font-weight:400;
   margin-left:1rem;
   color:#999
}

.rowPriceByCapacityColor .price .discount_label
{
   font-size:1.4rem;
   color:#222;
   font-weight:400;
   margin-left:1rem;
   display:inline-block;
   width:6rem;
   height:2.8rem;
   text-align:center;
   padding:.2rem 0;
   display:none
}

.cart-plus-minus .qtybutton
{
   line-height:1;
   margin-top:0
}

.tab_sanpham .nav-item
{
   padding:.1rem;
   background:linear-gradient(to bottom,#1E1E1E,#FFF100);
   border-radius:.5rem;
   overflow:hidden;
   margin:0 .1rem
}

.tab_sanpham .nav-item .nav-link
{
   border-radius:4px;
   text-align:left;
   background-color:#fff0;
   color:#fff;
   font-size:1.6rem;
   position:relative;
   display:inline-block;
   width:unset;
   background-color:#010101;
   padding:0 3rem;
   line-height:4.5rem;
   font-family:'RobotoM';
   text-transform:unset
}

.tab_sanpham .nav-link.active,.tab_sanpham .show>.nav-link
{
   color:var(--cl-main)
}

.tab-detail-product
{
   max-width:1000px;
   margin:0 auto
}

.product-rel .tit_block h2
{
   font-size:2.4rem
}

.tour_schedule .accordion-button
{
   background-color:#eee;
   font-weight:600
}

.accordion-header
{
   border-left:2px solid #099af2
}

.heading
{
   padding:0;
   background-image:unset;
   position:relative
}

.heading:before
{
   position:absolute;
   content:'';
   width:100%;
   height:100%;
   left:0;
   top:0;
   background:linear-gradient(91.97deg,#F5D774 11.64%,#ECC440 37.34%,#FFD663 57.72%,#DDAC17 82.09%,#FFD663 98.04%);
   clip-path:polygon(100% 1%,100% 38%,48% 73%,0 56%,0 0)
}

.pn-headTop
{
   margin-bottom:1rem;
   padding:1rem 0
}

.pn-headMain
{
   position:relative;
   z-index:9;
   margin-bottom:2rem
}

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;
   float:left;
   text-align:center;
   background:#5d5d5d;
   border-radius:20px;
   padding:20px 0;
   position:relative;
   box-shadow:#3c0000 0 1px 2px 0,#3c0000 0 2px 6px 2px
}

.list__menui>li:hover
{
   box-shadow:#000 0 3px 8px
}

.item_product:hover
{
   box-shadow:#000 0 1px 3px 0,#1b0000 0 0 0 1px
}

.list__menui>li:hover
{
   box-shadow:#000 0 3px 8px
}

.list__menui>li>a>h3
{
   display:block;
   color:#fff;
   font-size:16px;
   font-weight:500;
   margin:15px 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
}

.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:.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 #000;
   border-radius:.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:.5rem;
   background-color:#fff;
   border-radius:6px;
   border:1px solid #ddd;
   box-shadow:0 .2rem .35rem #000;
   transition:all .3s ease;
   -moz-transition:all .3s ease;
   -webkit-transition:all .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:.5rem;
   line-height:1.35
}

.fixedpage-action .dropdown-item b
{
   display:block;
   font-size:13px;
   font-weight:700;
   line-height:18px;
   text-transform:capitalize;
   transition:all .3s ease;
   -moz-transition:all .3s ease;
   -webkit-transition:all .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:400;
   -webkit-transition:all .3s ease;
   transition:all .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:#06c
}

.chitiet_sp_color
{
   margin-bottom:15px
}

.attribute-square-container
{
   display:block;
   position:relative;
   z-index:0;
   border-radius:50%;
   border:1px solid #fff0;
   padding:2px;
   background-color:#fff
}

.attribute-square-container.border-select
{
   border-color:#06C
}

.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 #06c!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;
   text-transform:unset
}

.tab_sanpham>li
{
   display:inline-block
}

.thongso_sp
{
   max-width:800px;
   margin:0 auto;
   color:#fff
}

.chitiet_sp
{
   position:relative;
   padding:1rem;
   clear:both;
   font-size:1.6rem;
   line-height:1.625
}

.thongso_sp table,.thongso_sp tr,.thongso_sp td
{
   border:none;
   border-color:#fff0;
   line-height:30px;
   color:#fff
}

.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:red;
   right:10px;
   font-weight:400;
   font-size:12px;
   top:10px;
   font-style:italic
}

#form-dathang .form-group label.error
{
   position:absolute;
   color:red;
   right:10px;
   font-weight:400;
   font-size:12px;
   top:23px;
   font-style:normal
}

#form-dangnhap .form-group label.error
{
   position:absolute;
   color:red;
   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:#000;
   width:0;
   transition:width .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;
   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
}

.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 .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:var(--cl-main);
   color:#fff
}

.row__gird
{
   display:grid;
   grid-template-columns:1fr 1fr 1fr 1fr;
   grid-gap:30px;
   margin:15px 0 30px
}

.col-slider-ctsp
{
   width:40%
}

.col-thongtin-ctsp
{
   width:40%;
   color:#666;
   padding:0 2rem
}

.col-thongtin-hotro
{
   width:20%
}

.col-thongtin-hotro .nd
{
   border:1px solid var(--cl-main);
   border-radius:.5rem;
   padding:1.5rem
}

.col-thongtin-hotro ul
{
   list-style-type:none;
   margin:0;
   padding:0;
   display:grid;
   grid-template-columns:1fr;
   grid-gap:2rem
}

.col-thongtin-hotro ul>li
{
   display:flex;
   justify-content:center;
   align-items:center;
   flex-direction:column;
   font-size:1.4rem
}

.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:#fff0;
   background-image:none;
   border:1px solid #fff0;
   border-radius:4px
}

.navbar-toggle .icon-bar
{
   display:block;
   width:22px;
   height:.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
}

#page-login
{
   width:40%;
   margin:0 auto;
   font-size:14px;
   padding:20px;
   background:#FFF;
   box-shadow:0 1px 69.16px 6.84px #140000
}

#page-login .title-head
{
   font-size:2.4rem;
   text-transform:uppercase;
   text-align:center;
   margin-bottom:2rem
}

#page-login .form-group label.tit_group
{
   display:block;
   width:100%;
   margin-bottom:10px;
   text-transform:uppercase;
   font-weight:600
}

#page-login .required
{
   color:red
}

#page-login .chek-form
{
   display:flex;
   justify-content:flex-start;
   align-items:center
}

.custome-checkbox input#exampleCheckbox1
{
   margin-top:0
}

#page-login .btn-log1,#form-diachi .btn-log1
{
   position:relative;
   display:inline-block;
   padding:.3rem 1rem;
   line-height:normal;
   border:.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:#fff0;
   -webkit-transition:color .45s cubic-bezier(.785,.135,.15,.86),border .45s cubic-bezier(.785,.135,.15,.86);
   transition:color .45s cubic-bezier(.785,.135,.15,.86),border .45s cubic-bezier(.785,.135,.15,.86);
   z-index:1;
   -webkit-tap-highlight-color:initial;
   color:#fff;
   width:100%;
   background-color:var(--cl-main);
   border-color:var(--cl-main);
   cursor:pointer;
   border-radius:2px;
   font-family:'RobotoB'
}

#page-login .login--notes
{
   text-align:center;
   color:#777;
   font-size:1.25rem;
   margin-top:1rem;
   margin-bottom:0;
   line-height:1.8rem
}

#page-login .text-login
{
   font-weight:600;
   margin-top:.5rem;
   text-transform:uppercase;
   text-align:center;
   color:#111;
   font-family:'RobotoB'
}

#page-login .form-group .form-control
{
   width:100%;
   height:40px;
   border:1px solid #DDD;
   outline:none;
   padding:0 10px
}

.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:#000 0 10px 20px,#000 0 6px 6px;
   padding:3rem;
   border:.2rem solid var(--cl-main);
   border-top-color:#fff0;
   border-radius:0 0 1rem 1rem;
   transition:var(--trans);
   transition-delay:0;
   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:.2rem 1rem;
   color:#fff;
   line-height:4rem;
   border-radius:.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:#000 0 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:.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
}

.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;
   padding: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__productsRel
{
   grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr
}

.tit_cate
{
   margin-bottom:3rem
}

.tit_cate h2,.tit_cate h2 a
{
   color:#fff;
   font-size:3.6rem;
   text-align:center
}

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

.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:#000 0 1px 4px;
   padding:15px
}

.list_HotCate li:hover a h4
{
   color:var(--color-blue)
}

.item__news a
{
   color:#333
}

.item__news a img
{
   width:100%
}

.item__news a .name
{
   margin:1rem 0;
   display:-webkit-box;
   -webkit-box-orient:vertical;
   -webkit-line-clamp:3;
   overflow:hidden;
   text-overflow:ellipsis;
   color:#fff;
   font-size:1.5rem;
   line-height:2.4rem
}

.item__news .img
{
   height:0;
   padding-bottom:60%;
   width:100%;
   overflow:hidden;
   position:relative
}

.item__news .img a img
{
   position:absolute;
   width:100%;
   height:100%;
   object-fit:cover
}

.item__news .info
{
   background-color:#f9f9f9;
   text-align:left;
   padding:2rem;
   font-size:1.4rem;
   letter-spacing:1px
}

.item__news .info .name
{
   margin-bottom:1rem
}

.item__news:hover .info .name a
{
   color:var(--cl-main)
}

.item__news .info .name a
{
   font-size:1.8rem;
   color:#000;
   font-style:italic;
   font-family:'RobotoM'
}

.item__news .info .cont
{
   line-height:2rem;
   display:-webkit-box;
   -webkit-box-orient:vertical;
   -webkit-line-clamp:3;
   overflow:hidden;
   text-overflow:ellipsis
}

.item__news .info .date
{
   font-size:1.3rem;
   display:flex;
   align-items:center
}

.item__news .info .date span
{
   margin-right:.4rem
}

.item__news .info .link a
{
   display:inline-block;
   padding:1rem 2rem;
   color:#fff;
   background-color:#111
}

.item__news .info .link a:hover
{
   background-color:var(--cl-main)
}

.zoomAnima
{
   transition:transform .4s
}

.zoomAnima:hover
{
   transform:scale(1.1)
}

.swiperNews-next,.swiperListMenui-next,.swiperNews-prev,.swiperListMenui-prev
{
   display:flex;
   align-items:center;
   justify-content:center;
   z-index:99;
   box-shadow:#3c0000 0 1px 2px 0,#3c0000 0 2px 6px 2px;
   width:5rem!important;
   height:5rem!important;
   border-radius:50%
}

.swiperListMenui-prev
{
   left:-5rem!important
}

.swiperListMenui-next
{
   right:-5rem!important
}

.swiperNews-next img,.swiperListMenui-next img,.swiperNews-prev img,.swiperListMenui-prev img
{
   width:100%;
   height:100%;
   border-radius:50%
}

.swiperNews-next:after,.swiperListMenui-next:after,.swiperNews-prev:after,.swiperListMenui-prev:after,.mySwiper-prev:after,.mySwiper-next:after
{
   display:none;
   opacity:0;
   visibility:hidden
}

.pn-repair
{
   padding:3rem 0
}

.item__news .more
{
   margin-bottom:5px
}

.item__news .more i
{
   color:var(--color-blue)
}

.item__news
{
   position:relative
}

.pn-news
{
   padding:3rem 0;
   position:relative;
   z-index:1;
   margin-bottom:-35rem
}

.pn-seen
{
   padding-bottom:15px
}

.pn-abouts
{
   padding:15px 0
}

.innerv
{
   padding:30px;
   background:#fcfcfc;
   line-height:24px;
   letter-spacing:.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
}

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

.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:700
}

.fs__time li span
{
   font-size:2rem;
   color:#fff;
   padding:.5rem 2rem
}

.fs__time li span.top
{
   font-size:4rem;
   background:unset;
   font-family:'RobotoB'
}

.price__flashSale
{
   font-size:20px
}

.progress-bar-danger
{
   background-color:red
}

.product__daban p
{
   margin:5px 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:#888;
   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
{
   width:7.5rem
}

.Swiper_spct2
{
   width:calc(100% - 8rem)
}

.gallery-container .Swiper_spct img
{
   border:1px solid #e6e6e6;
   border-radius:.5rem;
   padding:.4rem;
   height:7.5rem;
   cursor:pointer;
   background-color:#fff;
   object-fit:contain;
   padding:10px 10px;
}

.gallery-container .swiper-slide-thumb-active img
{
   border:1px solid var(--clr-border)
}

.note_price
{
   font-size:1.6rem;
   margin-bottom:0;
   display:none
}

.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.8rem;
   font-family:'RobotoB'
}

.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:#000 0 1px 3px,#000 0 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
{
   color:#333
}

.delivery__cont
{
   padding:5px 0;
   font-size:13px
}

.g-recaptcha
{
   transform:scale(.7);
   transform-origin:0 0;
   margin-bottom:-15px
}

.pay_and_ship
{
   padding:1.5rem;
   background:#fcfcfc;
   border:.1rem solid #eee;
   margin-bottom:1.5rem;
   border-radius:.5rem
}

.table-wishlist
{
   background:#fcfcfc
}

.shop-area .shopping-summery table tbody tr img
{
   width:8rem;
   height:8rem;
   float:left;
   border:1px solid #e99820;
   border-radius:.5rem;
   padding:.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 #000;
   opacity:.99;
   padding:.5rem;
   border:1px solid #f0f1f4;
   margin-right:.3rem
}

.social-btns .btn i
{
   color:var(--color-blue)
}

.product_muakem
{
   margin:1rem 0 3rem
}

.tit_comment
{
   font-size:1.8rem;
   text-transform:uppercase;
   font-family:'RobotoB';
   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:center;
   align-items:center;
   margin-bottom:2rem
}

#nhanxet .row_head>.left
{
   width:40%;
   display:flex;
   align-items:center
}

.box_baohanh
{
   padding:1rem;
   background-color:#3e3e3f;
   border-radius:.4rem;
   font-size:1.6rem;
   color:#fff
}

.tit_baohanh
{
   font-size:1.8rem;
   text-transform:uppercase;
   font-weight:600
}

#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:0 0 3rem
}

.tit_p_rel
{
   margin-bottom:2rem
}

.tit_mk
{
   color:#fff;
   font-size:2.4rem;
   font-weight:600;
   font-family:'RobotoB';
   margin-bottom:2rem
}

.item_mk
{
   padding:1rem;
   text-align:center;
   border:1px solid #fff
}

.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%;
   min-height:27rem;
   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:.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 .7s;
   -moz-transition:all .7s;
   -ms-transition:all .7s;
   -o-transition:all .7s;
   transition:all .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 .5s;
   -moz-transition:all .5s;
   -ms-transition:all .5s;
   -o-transition:all .5s;
   transition:all .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 .9s;
   -moz-transition:all .9s;
   -o-transition:all .9s;
   transition:all .9s
}

.ishi-customhover-fadeinrotate3D:hover:after
{
   background:#000;
   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 .9s;
   -moz-transition:all .9s;
   -o-transition:all .9s;
   transition:all .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 .7s;
   -moz-transition:all .7s;
   -ms-transition:all .7s;
   -o-transition:all .7s;
   transition:all .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 .7s;
   -moz-transition:all .7s;
   -ms-transition:all .7s;
   -o-transition:all .7s;
   transition:all .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:#fff0 none repeat scroll 0 0;
   display:inline-block;
   color:#666;
   border:0;
   border-radius:0;
   letter-spacing:.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 0;
   -webkit-transition:all 400ms ease-in-out 0;
   -moz-transition:all 400ms ease-in-out 0;
   -o-transition:all 400ms ease-in-out 0
}

.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:#888;
   font-size:15px
}

.item__products:hover .addCart a
{
   opacity:1;
   -moz-transform:translateX(0);
   -webkit-transform:translateX(0);
   -o-transform:translateX(0);
   -ms-transform:translateX(0)
}

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

.testimonialt
{
   border-radius:50%
}

.mySwiperTestimonial img
{
   border:2px solid #fff0
}

.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:.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 .5s ease-in-out;
   -webkit-transition:all .5s ease-in-out;
   -moz-transition:all .5s ease-in-out;
   -ms-transition:all .5s ease-in-out;
   -o-transition:all .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:.2px;
   font-size:14px;
   text-decoration:none;
   position:relative;
   overflow:hidden;
   -webkit-transition:all .5s;
   -moz-transition:all .5s;
   -o-transition:all .5s;
   transition:all .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:#888;
   position:relative
}

.quick_link_cont li a:after
{
   content:'';
   height:12px;
   width:1px;
   background:#600;
   position:absolute;
   right:-14px;
   top:5px
}

.paymentblock
{
   text-align:center
}

.paymentblock ul li
{
   display:inline-block;
   margin:5px
}

.itemInsta a .image-overlay
{
   background:red;
   position:absolute;
   width:94%;
   height:94%;
   top:0;
   right:0;
   left:0;
   bottom:0;
   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:red;
   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:red;
   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 .5s;
   -moz-transition:all .5s;
   -o-transition:all .5s;
   transition:all .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 .3s;
   -moz-transition:all .3s;
   -o-transition:all .3s;
   transition:all .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 .5s;
   -moz-transition:all .5s;
   -o-transition:all .5s;
   transition:all .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:#000 0 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:'RobotoB'
}

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

.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:'RobotoB'
}

.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;
   width:calc(100% - 26rem)
}

.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;
   width:25rem
}

.product_order_by .right .icon
{
   color:var(--cl-main);
   margin-right:.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;
   font-size:1.6rem
}

#style-4::-webkit-scrollbar-track
{
   -webkit-box-shadow:inset 0 0 6px #000;
   background-color:#515154
}

#style-4::-webkit-scrollbar
{
   width:1.2rem;
   background-color:#515154
}

#style-4::-webkit-scrollbar-thumb
{
   background-color:#000;
   border:2px solid #555
}

.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 #000;
   border:0;
   padding:0;
   -webkit-transition:all .5s;
   -moz-transition:all .5s;
   -o-transition:all .5s;
   transition:all .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:red;
   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:3rem
}

.pagination-page #pagination-ajax
{
   margin:1rem 0
}

.page-item.active .page-link
{
   background-color:var(--cl-main);
   border-color:var(--cl-main);
   color:#111
}

#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 1fr;
   grid-gap:3rem
}

.gird__post .blog__item
{
   display:flex;
   justify-content:flex-start;
   align-items:center;
   flex-direction:column
}

.rel__postTitle
{
   font-size:2rem;
   font-weight:600;
   text-transform:capitalize;
   margin:2rem 0;
   color:#fff
}

.navbar-toggle .icon-bar
{
   display:block;
   width:16px;
   height:.009em
}

.navbar-toggle .icon-bar+.icon-bar
{
   margin-top:.4em
}

.item_product_img
{
   height:auto
}

.head-top
{
   padding:.5rem 0;
   background-size:cover!important;
   position:relative;
   z-index:9;
   color:#333
}

.head-top .social ul li
{
   display:inline-block;
   margin-right:.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:.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:.1rem
}

.hotline_ht a img
{
   height:2rem;
   margin-right:.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:.2rem;
   top:100%;
   left:0;
   z-index:9;
   height:5.5rem;
   z-index:-10;
   opacity:0;
   visibility:hidden;
   transition:var(--trans);
   box-shadow:#000 0 3px 6px,#000 0 3px 6px
}

.member_toogle
{
   position:absolute;
   top:100%;
   padding:1rem 3rem;
   background:#fff;
   border-radius:.2rem;
   right:0;
   z-index:9;
   z-index:-10;
   opacity:0;
   visibility:hidden;
   transition:var(--trans);
   box-shadow:#000 0 3px 6px,#000 0 3px 6px;
   min-width:25rem;
   font-size:1.4rem;
   text-align:left;
   padding: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 .5rem
}

.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 .3rem
}

.menuiHot
{
   padding:1.5rem 0
}

.item-menui-h
{
   border-radius:.5rem;
   border:1px solid #FFF;
   background:red;
   box-shadow:0 4px 4px 0 #000;
   padding:1rem;
   text-align:center
}

.item-menui-h a
{
   display:block
}

.item-menui-h a img
{
   width:100%;
   height:12rem;
   object-fit:contain
}

.item-menui-h a h3
{
   font-size:1.8rem;
   margin:.5rem 0
}

.item-menui-h .box
{
   display:flex;
   justify-content:center;
   align-items:center;
   width:100%;
   height:16rem;
   font-size:2em;
   padding:.5em;
   line-height:1;
   position:relative;
   overflow:hidden
}

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

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

.item-menui-h .img img
{
   height:15rem;
   object-fit:contain
}

.item-menui-h .name
{
   margin:2rem 0 1rem
}

.item-menui-h .name a
{
   display:block;
   text-align:center;
   color:#333;
   font-size:1.6rem;
   font-weight:600;
   text-transform:capitalize
}

.item-menui-h .name:hover a
{
   color:var(--cl-main)
}

.pn-about
{
   padding:3rem 0 6rem;
   background-color:var(--color-2)
}

.df-about .left
{
   width:50%
}

.df-about .right
{
   width:50%;
   padding-right:5rem
}

.df-about .right .cap
{
   font-size:2.4rem;
   text-transform:uppercase;
   color:#910000;
   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 .cont
{
   font-size:1.5rem;
   line-height:2.3rem;
   margin-bottom:2rem
}

.df-about .right .link 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:#000 0 3px 8px
}

.sub-about
{
   position:relative;
   z-index:99;
   margin-top:-6rem;
   margin-bottom:3rem
}

.sub-about .container .inner
{
   background-color:#fff;
   box-shadow:#000 0 3px 8px;
   padding: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:.2rem dashed #ccc
}

.gird-sub-about>li:last-child
{
   border-right-color:#fff0
}

.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:#910000;
   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:.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;
   border-radius:1.5rem;
   border:1px solid #2E2E2E;
   background:#272727;
   padding-bottom:2rem
}

.item__product:hover
{
   box-shadow:#000 0 3px 6px,#000 0 3px 6px
}

.item__product .img
{
   position:relative;
   padding:2rem 3rem 0;
   overflow:hidden;
   min-height:31rem
}

.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:#06c;
   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 .info
{
   padding:0 1rem;
   min-height:8rem
}

.item__product .info .rating
{
   display:flex;
   justify-content:flex-start;
   align-items:center;
   font-size:1.4rem;
   margin-bottom:.8rem
}

.item__product .info .rating ul
{
   margin-bottom:0;
   padding:0 .3rem;
   color:#f50000;
   font-size:1.2rem
}

.item__product .info .rating span
{
   margin-top:.3rem
}

.item__product .info .name a h3
{
   font-size:2rem;
   line-height:2.6rem;
   font-weight:600;
   margin-bottom:0;
   display:-webkit-box;
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
   overflow:hidden;
   text-overflow:ellipsis;
   color:#fff;
   text-align:center;
   height:5.2rem
}

.item__product:hover .info .name a h3
{
   color:var(--cl-main)
}

.item__product .info .price
{
   display:flex;
   justify-content:center;
   align-items:center;
   font-size:1.6rem;
   flex-direction:row-reverse;
   transition:var(--trans);
   margin-top:1rem
}

.item__product .info .price>div
{
   padding:0 .5rem
}

.item__product .info .price>div.old
{
   position:relative;
   color:#888
}

.item__product .info .price>div.old:after
{
   position:absolute;
   width:100%;
   height:.1rem;
   background-color:#888;
   content:'';
   bottom:1.2rem;
   left:0
}

.item__product .info .price>div.cur
{
   color:#fff;
   font-weight:500;
   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 .5rem
}

.item__product .img .action a:hover
{
   color:#06c;
   font-weight:600
}

.pn-flashSale
{
   padding:5rem 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:red;
   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:.8rem 2rem;
   border-radius:3rem;
   background:#f46600;
   color:#fff;
   font-size:2rem;
   text-transform:uppercase;
   box-shadow:#000 0 3px 8px;
   font-family:'RobotoB'
}

.df-block-cate .left
{
   width:40%;
   padding-right:5rem
}

.df-block-cate .right
{
   width:70%
}

.pn-block-cate
{
   position:relative;
   padding:1rem 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:#000 0 3px 8px
}

.gird__productsC3
{
   display:grid;
   grid-template-columns:1fr 1fr 1fr;
   grid-gap:3rem
}

.pn-block-cate.block-cate-bg
{
   background:#f40000
}

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

.pn-contacts .tit_and_sub h3
{
   color:#fff
}

.pn-contacts .tit_and_sub h2
{
   font-family:'RobotoB';
   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:'RobotoB';
   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:.5rem;
   box-shadow:#000 0 3px 8px
}

.card__question .collapse
{
   padding-bottom:1rem
}

#style-1::-webkit-scrollbar-track
{
   -webkit-box-shadow:inset 0 0 6px #000;
   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 #000;
   background-color:#555
}

.item__comment
{
   background-color:#f6f6f6;
   padding:3rem;
   border-radius:3rem;
   box-shadow:#000 0 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:600px;
   margin:3rem auto
}

.frm__discount .form-group input
{
   height:4.5rem;
   border-radius:.5rem;
   font-size:1.5rem
}

#discountFrm .form-group label.error
{
   position:absolute;
   right:1rem;
   top:1.2rem;
   color:red;
   font-size:1.3rem
}

.frm__discount .form-group textarea
{
   border-radius:.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-color:var(--cl-main);
   border-radius:0 1.5rem 0 1.5rem;
   box-shadow:#000 0 3px 8
}

.d-frmNewsletter
{
   align-items:center;
   justify-content:space-between
}

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

.list__foot
{
   position:relative;
   margin-bottom:1rem;
   font-size:1.6rem
}

.list__foot>li
{
   display:flex;
   margin-bottom:.5rem
}

.item__product .img label.qcdg
{
   font-size:1.2rem;
   line-height:1.5rem;
   color:#1f4e95;
   background:#e8f1fb;
   border-radius:.2rem;
   padding:.3rem .6rem;
   position:absolute;
   z-index:9;
   left:.5rem;
   bottom:4rem
}

.product_ct
{
   position:relative;
   margin:1rem 0 3rem
}

.item_mk
{
   position:relative
}

.add_mk
{
   position:absolute;
   width:4rem;
   height:4rem;
   padding:.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:#000 0 3px 8px
}

.btn__replyComment
{
   font-size:1.4rem;
   color:#333;
   background-color:var(--cl-main);
   padding:.5rem .7rem;
   border-radius:.3rem;
   box-shadow:#3c0000 0 1px 2px 0,#3c0000 0 1px 3px 1px
}

.item-binhluan .accordion-button
{
   padding:0;
   outline:unset;
   box-shadow:unset;
   background-color:#fff0
}

.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:#333;
   font-weight:600;
   margin-bottom:1rem
}

pre
{
   font-size:1.4rem;
   color:#fff
}

#html_option .row_txtColor
{
   font-size:1.6rem
}

.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:.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:.2rem .5rem;
   background-color:var(--cl-main);
   border-radius:.2rem;
   font-weight:400;
   right:0
}

.product-cart-option
{
   display:flex;
   margin-bottom:.5rem
}

.product-cart-option .name-quycach,.product-cart-option .name-brand,.name-loaisp
{
   color:#fff;
   padding:.4rem 1rem;
   border-radius:2rem;
   font-size:1.2rem;
   background-color:#06C;
   line-height:1.6rem;
   margin:.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 .8rem
}

.df-carts
{
   align-items:flex-start;
   flex-direction:column
}

.df-carts>.left
{
   width:100%
}

.df-carts>.right
{
   width:100%
}

.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 #000;
   background-color:#F5F5F5
}

.shop-area #style-4::-webkit-scrollbar
{
   width:1rem;
   background-color:#F5F5F5
}

.shop-area #style-4::-webkit-scrollbar-thumb
{
   background-color:#515154;
   border:.1rem solid #fff
}

.shop-area .container
{
   max-width:700px
}

.shopping-summery .product-img
{
   position:relative
}

.shopping-summery .product-img .percent-discount
{
   position:absolute;
   left:.2rem;
   top:.3rem;
   font-size:1.2rem;
   color:#fff;
   background-color:#e99820;
   padding:.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:.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:.2rem
}

.list_tttt>ul>li
{
   float:left
}

.list_tttt>ul>li>a>img
{
   width:2rem;
   margin-right:.5rem;
   height:1.5rem;
   object-fit:contain
}

.df-carts .right .payment .row_pt
{
   margin-bottom:.5rem
}

.pt_ma_giam_gia
{
   justify-content:flex-start
}

.df-carts .right .order
{
   border:1px dashed #ddd;
   padding:1rem;
   background-color:#f7f7f7;
   border-radius:.2rem;
   text-align:left
}

.pt_ma_giam_gia .name
{
   margin-right:1rem
}

.pt_ma_giam_gia input
{
   width:12rem;
   margin-right:.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;
   background-color:#f7f7f7;
   border-radius:.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:.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
}

#form-thongtin .form-group label
{
   font-size:1.6rem;
   font-weight:600;
   color:#444;
   margin-bottom:.7rem
}

#form-thongtin .form-control
{
   line-height:2.8rem
}

.btn_update
{
   font-size:1.6rem;
   font-weight:600;
   background-color:red;
   color:#fff;
   line-height:3.4rem;
   padding:0 1.5rem
}

#form-thongtin .custome-checkbox
{
   display:flex;
   align-items:center
}

#form-thongtin .custome-checkbox label
{
   margin-bottom:0;
   margin-left:.5rem
}

.product-like
{
   padding:1rem 0 3rem
}

.cont-product-like .table-content
{
   font-size:1.4rem
}

.tlk_header
{
   background:var(--cl-main)
}

.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:-.5rem;
   top:-.5rem
}

.action_frmCart
{
   margin:2rem 0 0
}

.action_frmCart .btn_type341
{
   font-size:1.4rem;
   color:#fff;
   background-color:#06C;
   line-height:3rem;
   padding:0 1.5rem;
   border-radius:2rem
}

.action_frmCart .btn_type341:hover
{
   box-shadow:#3c0000 0 1px 2px 0,#3c0000 0 2px 6px 2px
}

.action_frmCart .btn_type341.btn_type3411
{
   background-color:#e99820
}

.btn_addCartIn1
{
   font-size:1.4rem;
   background-color:var(--cl-main);
   color:#fff;
   padding:.5rem 1rem;
   border-radius:.4rem
}

.product_type_page
{
   padding:3rem 0
}

.df-logo
{
   justify-content:space-between;
   position:relative
}

.df-logo .logo
{
   width:25rem
}

.df-logo .search
{
   width:40rem
}

.df-logo .right
{
   display:flex;
   justify-content:flex-end;
   align-items:center
}

.df-logo .right .search
{
   margin-left:.5rem
}

.df-logo .right .search a
{
   width:3rem;
   height:3rem;
   display:flex;
   align-items:center;
   justify-content:center;
   border-radius:50%;
   background-color:#999
}

.df-logo .right .cart
{
   margin-left:.5rem
}

.df-logo .right .cart a
{
   width:3rem;
   height:3rem;
   display:flex;
   align-items:center;
   justify-content:center;
   border-radius:50%;
   position:relative;
   color:#f5b60a
}

.df-logo .right .cart a .num-cart
{
   position:absolute;
   top:0;
   right:0
}

.df-logo .right a
{
   color:#fff
}

.container-fluid
{
   max-width:1600px
}

.item-menui-h h3
{
   color:#fff;
   font-size:2rem
}

.foot-top
{
   background-color:#2B2B2B;
   padding:2rem 0
}

.gird_ck
{
   display:grid;
   grid-template-columns:1fr 1fr 1fr 1fr;
   grid-gap:3rem
}

.gird_ck .item_ck a
{
   display:flex;
   flex-direction:column;
   justify-content:center;
   align-items:center;
   color:#A0A0A0
}

.gird_ck .item_ck a img
{
   height:5rem;
   margin-bottom:1rem
}

.foot-copyright
{
   font-size:1.4rem;
   padding:.5rem 0
}

.foot-copyright p
{
   margin-bottom:0;
   line-height:3rem;
   text-align:center
}

.row-foot-main
{
   position:relative;
   display:flex;
   justify-content:space-between;
   align-items:center
}

.row-foot-main .foot-left
{
   width:27%;
   padding-right:3rem
}

.row-foot-main .foot-right
{
   width:73%
}

.foot-main
{
   padding:3rem 0 2rem
}

.tong_dai
{
   font-size:1.8rem;
   margin-top:1rem
}

.wrap_mapft
{
   position:relative;
   height:0;
   padding-bottom:30%
}

.wrap_mapft iframe
{
   position:absolute;
   width:100%;
   height:100%;
   top:0;
   left:0
}

.gird_footbox
{
   width:100%;
   float:left;
   margin:3rem 0 2rem
}

.gird_footbox .footbox_1,.gird_footbox .footbox_2,.gird_footbox .footbox_3
{
   width:calc(33.33%);
   float:left
}

.gird_footbox a
{
   color:#fff
}

.gird_footbox a:hover
{
   color:var(--cl-main)
}

.gird_footbox h3.name
{
   font-size:1.8rem;
   margin-bottom:1.5rem
}

.df-fb h2.title
{
   font-size:2rem;
   text-transform:uppercase;
   margin-bottom:1.5rem
}

.gird_cetifi
{
   position:relative;
   width:100%;
   float:right
}

.gird_cetifi>li
{
   display:inline-block;
   margin-left:2rem
}

.gird_cetifi a img
{
   width:15rem;
   object-fit:contain
}

.foot-bottom
{
   position:relative;
   padding:2rem 0 1rem
}

.foot-bottom .container
{
   z-index:3;
   position:relative
}

.wrap__banner img.full_wd
{
   width:100%
}

.wrap__banner .heading
{
   display:flex;
   justify-content:center;
   align-items:center;
   padding:2rem 0
}

.wrap__banner .heading h1
{
   font-size:3.6rem;
   color:#fff
}

.wrap__banner .heading img
{
   margin-right:1rem;
   height:3rem
}

.list_subCate
{
   display:block
}

.list_subCate>li
{
   display:inline-block;
   margin-right:.5rem;
   padding:.1rem;
   background:linear-gradient(to right,#FFF100,#1E1E1E);
   border-radius:.5rem;
   margin-bottom:.7rem
}

.list_subCate>li>a
{
   color:#fff;
   font-size:1.6rem;
   display:block;
   padding:.2rem 1rem;
   background-color:#010101
}

.list_subCate>li>a:hover
{
   color:var(--cl-main)
}

.item-menui-h.small a img
{
   height:12rem
}

.block_dt1
{
   margin:3rem 0
}

.gird_dt1
{
   display:grid;
   grid-template-columns:1fr 1fr 1fr 1fr;
   grid-gap:3rem
}

.gird_dt1 .item_dt1
{
   border-radius:.5rem;
   border:1px solid #FFF;
   background:red;
   box-shadow:0 4px 4px 0 #000;
   padding:1rem;
   text-align:center
}

.gird_dt1 .item_dt1 a
{
   color:#fff;
   display:block;
   padding:2rem 1rem
}

.gird_dt1 .item_dt1 a img
{
   width:100%;
   height:8rem;
   object-fit:contain
}

.gird_dt1 .item_dt1 a h3
{
   font-size:2.4rem;
   font-weight:600;
   margin-top:1rem
}

.label_color
{
   display:inline-block;
   width:2rem;
   height:1.5rem;
   margin:0 .5rem;
   border-radius:.2rem;
   box-shadow:#000 0 1px 4px
}

.title_block
{
   font-size:3.6rem;
   text-transform:uppercase;
   text-align:center;
   margin-bottom:3rem;
   font-family:'RobotoM'
}

#fixCart
{
   position:fixed;
   z-index:99;
   right:.5rem;
   top:10rem
}

#fixCart
{
   display:flex;
   color:#fff
}

#fixCart img
{
   height:3rem
}

#fixCart .num
{
   position:absolute;
   top:-1rem;
   right:0
}

.menu_m
{
   display:none
}

.news-detalis
{
   font-size:1.6rem;
   line-height:1.625
}

.gird_tragop
{
   display:grid;
   grid-template-columns:1fr 1fr;
   grid-gap:1rem;
   margin:0 0 1rem
}

.gird_tragop .item_gop
{
   display:flex;
   align-items:center;
   justify-content:center;
   padding:.5rem 1.5rem;
   border-radius:.6rem;
   background-color:#396ce8;
   line-height:2.4rem
}

.gird_tragop .item_gop a
{
   color:#fff;
   display:block;
   text-align:center
}

.gird_tragop .item_gop a h4
{
   font-size:1.8rem;
   text-transform:uppercase;
   margin-bottom:0
}

.gird_tragop .item_gop a p
{
   font-size:1.4rem;
   margin-bottom:0
}

.detail-post
{
   padding:3rem 0
}

.box_tragop
{
   padding:1rem 1.5rem;
   background-color:#fff100;
   border-radius:.3rem;
   font-size:1.6rem
}

.box_tragop *
{
   color:#333
}

.gird-frm_tragop
{
   display:grid;
   grid-template-columns:1fr 1fr;
   grid-gap:2rem;
   margin:2rem 0
}

.gird-frm_tragop .item_tg
{
   position:relative
}

.frm_tragop
{
   font-size:1.6rem
}

.gird-frm_tragop .item_tg input
{
   font-size:1.6rem;
   height:4rem
}

.send_tttg
{
   font-size:1.6rem
}

.tit_tg
{
   font-size:1.8rem;
   text-transform:uppercase
}

.item_tg label.error
{
   color:red;
   position:absolute;
   right:1rem;
   top:1rem;
   font-size:1.35rem
}

.comment_sp
{
   background-color:#fff;
   padding:1rem;
   color:#333;
   margin-bottom:3rem
}

.df-ctb_tab .df_tab
{
   width:25%
}

.df-ctb_tab .news-detalis-content
{
   width:75%
}

.df-ctb_tab .title-news_ct
{
   color:#fff
}

.df-ctb_tab .news-detalis-content
{
   padding:1.5rem;
   margin:2rem 0;
   border-radius:.5rem
}

.df-ctb_tab
{
   align-items:flex-start
}

.list_tabDT
{
   padding:3rem 2rem
}

.list_tabDT>li
{
   border-radius:.5rem;
   text-indent:.5rem
}

.list_tabDT>li>a
{
   color:#fff;
   font-size:1.6rem;
   line-height:4rem
}

.list_tabDT>li.current
{
   background-color:#323232
}

.navbar-form
{
   position:relative;
   padding:0 1rem
}

.navbar-form.show
{
   z-index:9;
   opacity:1;
   height:unset;
   visibility:visible
}

.navbar-form input
{
   width:100%;
   height:4rem;
   color:#222;
   line-height:4rem;
   border-radius:.5rem;
   background-color:#eee;
   padding:.4em 1rem;
   box-shadow:#000 0 3px 8px
}

.navbar-form button
{
   background:#fff0;
   border-radius:0;
   color:#fff;
   font-size:1.6rem;
   background-color:var(--color-1);
   padding:0 1.5rem
}

.choose-cp
{
   padding:.5rem 0
}

.choose-cp .t_capacity,.choose-cp .t_capacitymulti
{
   color:#fff
}

.choose-cp #capacityByColor
{
   text-align:center
}

.choose-cp #capacityByColor>li
{
   margin-right:0;
   min-width:5rem;
   display:inline-block;
   margin-bottom:.3rem
}

.choose-cp #capacityByColor>li span
{
   font-size:1.4rem
}

.mySwiper .swiper-pagination-bullet
{
   background:unset;
   background-color:#fff!important;
   opacity:1
}

.mySwiper .swiper-pagination-bullet.swiper-pagination-bullet-active
{
   background-color:var(--cl-main)!important
}

.tg_seach
{
   display:none!important
}

.img-cart_heading
{
   height:1.8rem
}

.container
{
   max-width:clamp(120rem,86.66rem + 44.44vw,140rem)
}

.df-logo .right .item
{
   margin:0 1rem
}

.df-logo .right .item a
{
   display:flex;
   align-items:center;
   font-family:'RobotoM';
   color:#333
}

.df-logo .right .item .icon
{
   width:4rem;
   height:4rem;
   padding:.5rem;
   border:.2rem solid #333;
   border-radius:.8rem;
   text-align:center
}

.df-logo .right .item .icon img
{
   margin:0 auto
}

.df-logo .right .item .nd
{
   padding-left:.5rem;
   font-size:1.4rem
}

.df-logo .right .item .nd p
{
   margin-bottom:.5rem
}

.df-logo .right .item .nd p.name
{
   font-family:'RobotoB'
}

.df-hM
{
   align-items:flex-start
}

.df-hM .left
{
   width:25rem
}

.df-hM .center
{
   width:calc(100% - 50rem);
   padding:0 1.5rem
}

.df-hM .right
{
   width:25rem
}

.df-hM .right .nd
{
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
   background-color:#fff;
   border-radius:1rem;
   padding:2rem
}

.gird_menui
{
   padding:0;
   list-style-type:none;
   display:grid;
   grid-template-columns:1fr;
   grid-gap:1.7rem;
   border-radius:1rem
}

.gird_menui li
{
   background-color:#fff;
   padding:1rem;
   border-radius:.8rem;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
   height:8rem;
   display:flex
}

.gird_menui li a
{
   display:flex;
   align-items:center;
   justify-content:space-between;
   font-size:1.8rem;
   font-family:'RobotoB';
   color:#444
}

.gird_menui li a strong{
    display:-webkit-box;
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
   overflow:hidden;
   text-overflow:ellipsis
}

.gird_menui li:hover a
{
   color:var(--cl-main)
}

.gird_menui li a img
{
   width:5rem;
   margin-right:1rem
}

.gird_bannerRight
{
   display:grid;
   grid-template-columns:1fr;
   grid-gap:1.5rem;
   padding:0;
   list-style-type:none
}

.df-hM .right .nd h4
{
   color:#d10000;
   font-size:2rem;
   text-align:left;
   font-family:'RobotoM';
   margin-bottom:2rem
}

.gird_bannerRight a img
{
   width:100%;
   height:18rem;
   object-fit:cover
}

.gird_search
{
   display:grid;
   grid-template-columns:1fr 1fr 1fr 1fr;
   align-items:center;
   justify-content:space-between;
   grid-gap:1rem;
   font-size:1.4rem
}

.pn-searchFrom
{
   position:relative;
   z-index:9
}

.pn-searchFrom .gird_search
{
   max-width:calc(100% - 50rem);
   margin:1rem auto;
   padding:1rem 0
}

.pn-searchFrom .gird_search .form-control
{
   border-radius:0;
   height:4rem
}

.pn-searchFrom .gird_search .btn-submit
{
   background-color:#333;
   color:#fff;
   height:4rem;
   border-radius:0;
   font-size:1.4rem;
   padding-left:2rem;
   padding-right:2rem
}

.pn-cateFeatures
{
   margin:1rem 0;
   padding:2rem 0
}

.tit_block h2
{
   position:relative;
   color:#111;
   padding:0 0 30px;
   margin:0 0 30px;
   text-align:center;
   font-family:'RobotoB';
   font-style:italic;
   font-size:clamp(2.4rem,1.84rem + 0.79vw,2.8rem);
   letter-spacing:1px
}

.tit_block h2::after
{
   background-image:url(templates/images/separator-img.png);
   width:167px;
   height:21px;
   margin:auto;
   left:0;
   right:0;
   bottom:0;
   top:auto;
   content:"";
   position:absolute
}

.itemCateFeatures
{
   position:relative;
   margin-top:1rem
}

.itemCateFeatures .tb_cat_content
{
   position:relative;
   overflow:hidden;
   width:100%;
   height:0;
   padding-bottom:120%
}

.itemCateFeatures .tb_cat_content .images
{
   position:absolute;
   width:100%;
   height:100%;
   left:0;
   top:0
}

.itemCateFeatures .tb_cat_content .images img
{
   width:100%;
   height:100%;
   top:0;
   left:0;
   object-fit:cover
}

.itemCateFeatures .tb_cat_content .caption
{
   width:auto;
   position:absolute;
   left:10px;
   right:10px;
   margin:0 auto;
   bottom:10px;
   height:60px;
   background:rgba(255, 255, 255, 0.9);
   transition:all 400ms ease-in-out 0;
   -webkit-transition:all 400ms ease-in-out 0;
   -moz-transition:all 400ms ease-in-out 0;
   -o-transition:all 400ms ease-in-out 0;
   -ms-transition:all 400ms ease-in-out 0;
   z-index:1;
   overflow:hidden;
   text-align:center
}

.itemCateFeatures .tb_cat_content .caption .cate-title h3 a
{
   color:#111;
   font-size:clamp(2rem,1.92rem + 0.39vw,2.4rem);
   font-style:italic;
   font-family:'RobotoM';
   padding:1rem;
   letter-spacing:.05rem;
   display:block
}

.tb-sub-cate ul
{
   padding:0;
   list-style-type:none;
   margin:0
}

.tb-sub-cate ul>li>a
{
   color:#444;
   font-size:1.4rem;
   letter-spacing:.05rem;
   line-height:2.2rem
}

.itemCateFeatures:hover .caption
{
   height:96%
}

.pn-Commit
{
   padding:1rem 0
}

.gird_commit
{
   display:grid;
   grid-template-columns:1fr 1fr 1fr 1fr;
   grid-gap:3rem
}

.gird_commit .item-commit
{
   padding:.5rem;
   background-color:#1e0000;
   border-radius:1rem
}

.gird_commit .item-commit .nd
{
   border:1px solid var(--cl-main);
   padding:.8rem;
   display:flex;
   align-items:center;
   font-size:1.6rem;
   color:var(--cl-main);
   border-radius:.8rem;
   justify-content:flex-start;
}

.gird_commit .item-commit .nd .icon
{
   margin-right:1rem
}
.gird_commit .item-commit .nd .icon img{
   height:3.5rem;
}



.pn-groupBanner
{
   padding:3rem 0
}

.gird-gb
{
   display:grid;
   grid-template-areas:'item1 item2 item4' 'item1 item3 item4';
   gap:2rem;
   grid-template-rows:26rem 26rem
}

.gird-gb .item
{
   border-radius:0;
   overflow:hidden;
   position:relative
}

.gird-gb .item a
{
   display:block
}

.gird-gb .item::before
{
   background:rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
   bottom:0;
   content:"";
   height:0;
   opacity:1;
   position:absolute;
   right:0;
   width:0;
   z-index:1
}

.gird-gb .item::after
{
   background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
   content:"";
   height:0;
   left:0;
   opacity:1;
   position:absolute;
   top:0;
   width:0;
   z-index:1
}

.gird-gb .item:hover:before
{
   height:100%;
   opacity:0;
   transition-duration:1.3s;
   width:100%
}

.gird-gb .item:hover:after
{
   height:100%;
   opacity:0;
   transition-duration:1.3s;
   width:100%
}

.gird-gb .item a img
{
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   object-fit:cover
}

.gird-gb .item1
{
   grid-area:item1;
   position:relative
}

.gird-gb .item2
{
   grid-area:item2;
   position:relative
}

.gird-gb .item3
{
   grid-area:item3;
   position:relative
}

.gird-gb .item4
{
   grid-area:item4;
   position:relative
}

.pn-topTrending
{
   padding:3rem 0;
   margin-bottom:3rem
}

.tit_block .bg_title
{
   background:linear-gradient(90deg,#ECC440 0%,#FFD663 31.98%,#DDAC17 68.02%,#FFD663 100%);
   color:#fff;
   padding:.7rem 2rem;
   border-radius:.7rem;
   font-style:normal;
   text-transform:uppercase;
   border:1px solid;
   border-image-source:linear-gradient(90deg,#B46A11 -.51%,#D68D15 31.8%,#E7AC18 68.2%,#F8C73D 100.5%);
   font-family:'RobotoB'
}

.tit_block h2
{
   padding-bottom:45px
}

.pn-testimonial
{
   position:relative;
   margin-bottom:3rem
}

.pn-testimonial:before
{
   position:absolute;
   width:50%;
   height:100%;
   top:0;
   left:0;
   content:'';
   background-color:#fec1bf
}

.pn-testimonial:after
{
   position:absolute;
   width:50%;
   height:100%;
   top:0;
   right:0;
   content:'';
   background-color:#c6e6e2
}

.df-testimonial
{
   align-items:center;
   position:relative;
   z-index:9
}

.df-testimonial .left
{
   width:50%;
   padding-right:12%
}

.df-testimonial .right
{
   width:50%;
   display:flex;
   align-items:flex-end;
   justify-content:center
}

.item-testi .cont
{
   letter-spacing:1px;
   font-style:italic;
   line-height:2.4rem;
   display:-webkit-box;
   -webkit-box-orient:vertical;
   -webkit-line-clamp:3;
   overflow:hidden;
   text-overflow:ellipsis
}

.item-testi .rating svg
{
   color:#c71110
}

.pn-ProductNew
{
   padding:3rem 0
}

.i_partner img
{
   height:8rem;
   object-fit:contain;
   width:100%
}

.pn-partnerLogo
{
   padding:3rem 0
}

.pn-ProductLike .tit_block h2::after
{
   display:none
}

.df-nl .left
{
   width:50%
}

.df-nl .right
{
   width:50%
}

.pn-newsletter
{
   padding:3rem 0;
   background-color:#c6e6e2;
   color:#333
}

.df-nl .left .text
{
   font-size:clamp(2rem,1.8rem + 1vw,3rem);
   font-style:italic
}

.df-nl
{
   align-items:center;
   flex-direction:column
}

.df-nl .left .icon
{
   margin-right:1rem
}

.df-nl .left .nd
{
   display:flex;
   align-items:center
}

.df-nl .name
{
   font-family:'RobotoB';
   text-transform:uppercase;
   margin-bottom:2rem;
   font-size:2.4rem
}

#b-sendtv
{
   font-size:2rem;
   color:#fff;
   background-color:#333;
   padding:0 3rem
}

.gird_footMain
{
   display:flex;
   display:-webkit-flex;
   flex-wrap:wrap;
   -webkit-flex-wrap:wrap;
   justify-content:center;
   -webkit-justify-content:center
}

.gird_footMain .item
{
   width:calc(20% - 2rem);
   margin:1rem;
   text-align:left
}

.gird_footMain .item2
{
   padding-left:2rem
}

.pn-footMain
{
   background-color:#191919;
   padding:3rem 0;
   letter-spacing:1px
}

.pn-footMain a
{
   color:#fff
}

.logo_foot img
{
   margin-bottom:1rem
}

.tit_blockFoot
{
   font-size:1.6rem;
   font-family:'RobotoB';
   margin-bottom:1rem;
   font-style:italic
}

.gird_footMain .item ul
{
   list-style-type:none;
   padding:0;
   margin:0;
   font-size:1.3rem
}

.gird_footMain .item ul li
{
   line-height:3rem;
   position:relative;
   padding-left:1.5rem
}

.gird_footMain .item ul li:before
{
   position:absolute;
   left:0;
   top:0;
   content:"\f105";
   width:2rem;
   height:1.5rem;
   font-family:"FontAwesome"
}

.pn-cprt
{
   background-color:#191919;
   border-top:1px solid #333;
   padding:1rem 0;
   line-height:2rem;
   font-size:1.3rem;
   letter-spacing:1px
}

.pn-cprt p
{
   margin-bottom:0
}

.social_foot
{
   display:flex;
   list-style-type:none;
   padding:0;
   margin:0
}

.social_foot li img
{
   margin-left:1rem;
   height:2.4rem
}

.pn-cprt a
{
   color:#fff
}

#b_scroll_top
{
   position:fixed;
   bottom:1rem;
   right:1rem;
   z-index:99;
   background-color:var(--color-1);
   color:#fff;
   font-size:2rem;
   padding:.5rem 1rem;
   padding-bottom:.5rem;
   cursor:pointer;
   opacity:0;
   border:1px solid #fff
}

#b_scroll_top.show
{
   opacity:1
}

.gird_spLike
{
   display:grid;
   grid-template-columns:1fr 1fr 1fr 1fr;
   grid-gap:2rem;
   max-width:1200px;
   margin:0 auto
}

.gird_spLike .item
{
   position:relative;
   height:0;
   padding-bottom:120%;
   overflow:hidden;
   clip-path:polygon(25% 0%,100% 0%,75% 100%,0% 100%);
   margin:0 -5rem
}

.gird_spLike .item a
{
   display:block
}

.gird_spLike .item a img
{
   position:absolute;
   width:100%;
   height:100%;
   top:0;
   left:0;
   object-fit:cover
}

.pn-ProductLike
{
   padding:3rem 0;
   margin-bottom:3rem
}

.item-testi
{
   text-align:center;
   font-size:1.4rem
}

.item-testi .name
{
   font-family:'RobotoB';
   color:#111;
   font-size:1.6rem
}

.tab_cateSp
{
   margin-bottom:4rem
}

.tab_cateSp ul
{
   margin:0;
   padding:0;
   list-style-type:none;
   position:relative;
   width:auto;
   display:flex;
   flex-wrap:nowrap;
   overflow-y:hidden;
   overflow-x:auto;
   text-align:center;
   justify-content:center;
   font-size:1.4rem
}

.tab_cateSp ul>li
{
   background-color:#eee;
   padding:1rem 3rem;
   margin:0 .5rem;
   position:relative
}

.tab_cateSp ul>li span
{
   cursor:pointer;
   color:#111;
   position:relative;
   z-index:3
}

.tab_cateSp ul>li:after
{
   position:absolute;
   background:#111;
   transition:all .4s ease;
   content:"";
   bottom:0;
   left:0;
   height:0;
   width:100%;
   opacity:0;
   -moz-opacity:0;
   -khtml-opacity:0;
   -webkit-opacity:0;
   border-radius:0;
   -moz-border-radius:0;
   -webkit-border-radius:0;
   -khtml-border-radius:0;
   z-index:-1;
   right:0
}

.tab_cateSp ul>li:hover:after,.tab_cateSp ul>li.current:after
{
   height:100%;
   opacity:1;
   -moz-opacity:1;
   -khtml-opacity:1;
   -webkit-opacity:1;
   z-index:1
}

.tab_cateSp ul>li:hover span,.tab_cateSp ul>li.current span
{
   color:#fff
}

.item__products .images
{
   position:relative;
   overflow:hidden;
   width:100%;
   height:0;
   padding-bottom:120%
}

.item__products .images img
{
   position:absolute;
   width:100%;
   height:100%;
   top:0;
   left:0;
   object-fit:contain;
}

.item__products .images .img_thumb_swap
{
   opacity:0;
   transition:all 400ms ease-in-out 0;
   -webkit-transition:all 400ms ease-in-out 0;
   -moz-transition:all 400ms ease-in-out 0;
   -o-transition:all 400ms ease-in-out 0;
   -ms-transition:all 400ms ease-in-out 0
}

.item__products .images:hover img.img_thumb_swap
{
   opacity:1;
   -moz-opacity:1;
   -khtml-opacity:1;
   -webkit-opacity:1
}

.item__products .images .action
{
   position:absolute;
   width:100%;
   display:flex;
   align-items:center;
   justify-content:center;
   opacity:0;
   left:0;
   bottom:-4rem
}

.item__products .images .action span.btn
{
   padding:1rem;
   background-color:#333;
   color:#fff;
   outline:none;
   box-shadow:unset;
   border-radius:0;
   margin:0 .5rem
}

.item__products .images .action span.btn a
{
   color:#fff
}

.item__products .images:hover .action
{
   opacity:1;
   bottom:1rem
}

.item__products .info
{
   padding:.5rem;
   text-align:center;
   margin-top:1rem
}

.item__products .info .name a
{
   color:#545454;
   letter-spacing:1px;
   font-size:1.6rem;
   line-height:1.4;
   font-family:'RobotoM';
   display:-webkit-box;
   -webkit-box-orient:vertical;
   -webkit-line-clamp:3;
   overflow:hidden;
   text-overflow:ellipsis
}

.item__products:hover .info .name a
{
   color:var(--cl-main)
}

.item__products .info .price
{
   display:flex;
   font-size:1.6rem;
   color:#111;
   justify-content:center;
   letter-spacing:1px;
   font-family:'RobotoM'
}

.item__products .info .price>div
{
   margin:0 .5rem
}

.item__products .info .price>div.old
{
   color:#666;
   font-size:1.4rem;
   text-decoration:line-through
}

.pn-ProductLike .tit_block h2
{
   padding-bottom:1rem
}

.chitiet_mt
{
   font-size:1.4rem;
   line-height:1.625;
   margin-bottom:1rem;
   border-bottom:1px solid #e5e5e5;
   overflow-y:auto;
   padding-right:10px;
   max-height:200px;
}

.cart_sidebar
{
   position:fixed;
   width:340px;
   top:0!important;
   bottom:0;
   background-color:#fff;
   overflow:hidden;
   z-index:999999;
   transform:translateX(100%);
   visibility:hidden;
   transition:transform .5s cubic-bezier(.645,.045,.355,1),visibility .5s cubic-bezier(.645,.045,.355,1);
   box-shadow:none;
   touch-action:manipulation;
   right:0;
   height:100vh
}

.cart_sidebar.active
{
   visibility:visible;
   transform:translateX(0)
}

.body-backdrop
{
   position:fixed;
   opacity:0;
   width:100%;
   left:0;
   top:0!important;
   right:0;
   bottom:0;
   background-color:#363636;
   z-index:999;
   visibility:hidden;
   opacity:0;
   transition:opacity .3s ease-in-out,visibility .3s ease-in-out
}

.body-backdrop.active
{
   visibility:visible;
   opacity:.5
}

.cart_sidebar .cart-content .cart_heading
{
   padding:15px;
   display:block;
   position:relative
}

.cart_sidebar .cart-content .cart_heading .cart_title
{
   display:flex;
   justify-content:space-between;
   align-items:center;
   font-size:1.6rem;
   font-family:'RobotoM';
   text-transform:uppercase
}

.cart_sidebar .cart-content .cart-footer
{
   position:absolute;
   width:100%;
   left:0;
   bottom:0;
   height:10rem;
   border-top:1px solid #eee;
   font-size:1.4rem;
   padding:1rem
}

.cart_sidebar .cart-content .cart-body
{
   padding:15px;
   height:calc(100vh - 160px);
   overflow-y:auto;
   font-size:1.3rem
}

.cart_sidebar .cart-content .cart-footer .btn-checkOut
{
   width:100%;
   display:block;
   font-size:1.6rem;
   text-transform:uppercase;
   text-align:center;
   background-color:#111;
   color:#fff;
   height:4rem;
   line-height:4rem;
   padding:0
}

.cart_sidebar .cart-content .itemRow
{
   display:flex;
   justify-content:space-between;
   margin-bottom:5px;
   border-bottom:solid 1px #ebebeb;
   padding:.5rem
}

.cart_sidebar .cart-content .itemRow .item-thumb
{
   width:70px;
   height:65px;
   padding-right:1rem;
   position:relative
}

.cart_sidebar .cart-content .itemRow .item-thumb a.deteleRow
{
   position:absolute;
   top:0;
   right:0;
   z-index:0;
   cursor:pointer;
   color:red
}

.cart_sidebar .cart-content .itemRow .item-thumb img
{
   height:60px;
   width:60px;
   object-fit:cover
}

.cart_sidebar .cart-content .itemRow .item-info
{
   width:calc(100% - 80px)
}

.cart_sidebar .item-info .price,#total-price-popCart
{
   color:#e45d15;
   font-weight:700;
   margin:0 1rem
}

#total-price-popCart
{
   font-size:2rem
}

.cart_sidebar .item-action
{
   display:flex;
   align-items:center;
   justify-content:space-between
}

.item-action .detail-qty
{
   display:flex;
   align-items:center!important
}

.num_slm
{
   width:3rem;
   text-align:center
}

.close_popCart
{
   cursor:pointer;
   z-index:99;
   font-weight:900
}

.cart_sidebar .item-option
{
   display:flex;
   align-items:center;
   margin-bottom:.5rem
}

.cart_sidebar .item-option div
{
   margin-right:.5rem
}

.cart_sidebar .item-option .row_color
{
   display:flex
}

.cart_sidebar .item-option .row_color .row_color_code
{
   display:inline-block;
   width:2rem;
   height:1.5rem;
   background-color:var(--cl-main);
   box-shadow:#000 0 1px 4px;
   margin-left:.2rem
}

.num_slm::-webkit-outer-spin-button,.num_slm::-webkit-inner-spin-button
{
   -webkit-appearance:none;
   margin:0
}

.product_code{
   font-size:1.6rem;
   font-weight:500;
}

.num_slm[type=number]
{
   -moz-appearance:textfield
}

#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
	border-radius: 8px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
	background-color: #555;
}

#style-3::-webkit-scrollbar-track
{
   -webkit-box-shadow:inset 0 0 5px #000;
   background-color:#F5F5F5
}

#style-3::-webkit-scrollbar
{
   width:5px;
   background-color:#F5F5F5
}

#style-3::-webkit-scrollbar-thumb
{
   background-color:#000
}

.cart_m{
   display:none;
}
.block_viewMore_post{
   font-size:16px;
   text-align:center;
   cursor:pointer;
}
.block_viewMore_post .icon{
   margin-left:10px;
}

.rotate360 {
   animation-name: spin;
   animation-duration: 2000ms;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
}

@keyframes spin {
   from {
       transform: rotate(0deg);
   }
   to {
       transform: rotate(360deg);
   }
}

@media screen and (max-width:1200px) {
   .df-logo
   {
      flex-direction:column
   }
}

@media screen and (max-width:1024px) {
   .navbar-form input{
      box-shadow:unset;
   }
   .pn-searchFrom .gird_search
   {
      max-width:100%;
      margin:0 auto
   }

   .gird_commit
   {
      grid-template-columns:1fr 1fr;
      grid-gap:2rem
   }

   .df-hM .left
   {
      display:inline-block;
      flex-wrap:nowrap;
      overflow-y:hidden;
      overflow-x:auto;
      -webkit-overflow-scrolling:touch
   }

   .df-hM .left .gird_menui
   {
      display:block;
      min-width:600px;
      text-align:center;
   }

   .gird_menui li
   {
      min-width:10rem;
      max-width:20rem;
      display:inline-block;
      margin-right:1rem;
   }

   .gird_menui li a
   {
      flex-direction:column;
      justify-content:center;
      font-size:1.4rem;
   }

   .gird_menui li a img
   {
      height:3rem;
      width:unset;
      max-width:100%;
      margin-bottom:.5rem
   }

   .pn-headMain
   {
      margin-bottom:0
   }

   .df-hM .left
   {
      width:100%
   }

   .gird_menui
   {
      grid-template-columns:1fr 1fr 1fr 1fr 1fr
   }

   .df-hM .center
   {
      width:100%;
      padding:0;
      margin-bottom:2rem
   }

   .heading:before
   {
      clip-path:unset
   }

   .df-hM
   {
      flex-direction:column-reverse
   }

   .df-hM .right
   {
      display:none
   }

   .foot_logo
   {
      width:20rem
   }

   .pn-block-cate
   {
      margin-bottom:0
   }

   .tit_cate h2,.tit_cate h2 a
   {
      font-size:3rem
   }

   .item__product .info .price
   {
      flex-direction:column
   }

   .item__product .info .name a h3
   {
      font-size:2rem
   }

   .item__product .img .cover_img img
   {
      height:16rem
   }

   .site-slider .container
   {
      max-width:100%
   }

   .item_ck h4
   {
      text-align:center
   }

   .head-top .container
   {
      max-width:100%
   }

   .df-logo
   {
      justify-content:space-between
   }



   .list__menui>li>a>img
   {
      height:100px
   }

   .partnerItem
   {
      padding: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%
   }

   .gird_footMain .item1,.gird_footMain .item5
   {
      width:100%;
      margin:1rem 0
   }

   .gird_footMain .item2,.gird_footMain .item3,.gird_footMain .item4
   {
      width:calc(33.33% - 2rem)
   }

   .gird_footMain .item2
   {
      padding-left:0
   }

   .gird_spLike .item
   {
      clip-path:unset;
      margin:0
   }

   .gird__products
   {
      grid-template-columns:1fr 1fr 1fr
   }

   .gird__productsRel
   {
      grid-template-columns:1fr 1fr 1fr 1fr
   }
}

@media screen and (max-width:991px) {
   .col-slider-ctsp,.col-thongtin-ctsp{
      width:50%;
   }
   #html_dathang
   {
      grid-template-columns:1fr
   }

   .item__product .img
   {
      min-height:26rem
   }

   .gird_dt1 .item_dt1 a h3
   {
      font-size:2rem
   }

   .col-thongtin-ctsp
   {
      padding-left:1.5rem
   }

   .box_hotline
   {
      grid-template-columns:1fr
   }

   .item__product .img .cover_img img
   {
      height:20rem
   }

   .navbar-toggle .icon-bar+.icon-bar
   {
      margin-top:.5em
   }

   .foot_3
   {
      flex:29%
   }

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

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

   .user-details
   {
      max-width:600px;
      margin:0 auto
   }
   .col-thongtin-hotro{
      width:100%;
     margin:1rem 0;
   }
   .col-thongtin-hotro ul{
      grid-template-columns:1fr 1fr 1fr;
   }
   .gird__productsRel{
      grid-template-columns:1fr 1fr 1fr;
   }
}

@media screen and (max-width:768px) {
    .menu_m
   {
      display:block;
      width:5rem;
   }
   .col-thongtin-hotro ul>li img{
      width:auto;
      height:4rem;
      margin-bottom:1rem;
   }
   .col-thongtin-hotro ul>li{
      text-align:center;
      justify-content:flex-start;
   }
   .pn-groupBanner{
      padding:1rem 0;
   }
   .gird-gb{
      grid-template-rows: 15rem 15rem;
   }
   .df-testimonial .right .element{
      height:20rem;
   }
   .pn-testimonial{
      padding-top:2rem;
   }
   .df-testimonial .left{
      width:100%;
      padding:0 0;
   }
   .df-testimonial{
      flex-direction:column;
   }
   .pn-ProductLike{
      margin-bottom:1rem;
   }
   .pn-partnerLogo{
      padding:2rem 0;
   }
   .pn-newsletter{
      padding-bottom:0;
   }
   .gird_commit{
      grid-gap:1rem;
   }
   .navbar-form{
      width:calc(100% - 12rem);
      margin:0 auto;
      padding:0 0;
   }
   .navbar-form input{
      border-radius:0;
   }
   .cart_m{
      display:block;
      width:5rem;
   }
   .df-logo .logo,.df-logo .search{
      width:100%;
   }
   .df-logo .logo{
      text-align:center;
      margin-bottom:1rem;
   }
   .df-logo .search{
      display:flex;
      justify-content:space-between;
      align-items:center;
   }

   .df-logo .right{
      display:none;
   }
   .pn-topTrending
   {
      margin-bottom:0
   }

   .pn-foot
   {
      background-size:cover!important;
      background-repeat:no-repeat!important;
      background-position:50% 50%!important
   }

   .news-detalis table
   {
      max-width:100%!important;
      width:auto!important
   }

   .gird_tragop .item_gop a h4,.cart-btn .name
   {
      font-size:1.4rem
   }

   .cart-btn
   {
      line-height:2rem
   }

   .list_tabDT
   {
      max-height:30rem;
      overflow-x:auto
   }

   .df-ctb_tab .news-detalis-content
   {
      width:100%
   }

   .df-ctb_tab
   {
      flex-direction:column
   }

   .df-ctb_tab .df_tab
   {
      width:100%
   }

   .row-foot-main .foot-left,.row-foot-main .foot-right
   {
      width:100%
   }

   .row-foot-main
   {
      flex-direction:column-reverse
   }

   .df_head
   {
      padding:5px 0
   }

   .foot_1
   {
      flex:100%
   }

   .foot_2
   {
      flex:50%
   }

   .foot_3
   {
      flex:50%
   }

   .newsletter__frm
   {

      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
   }

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

   .menu_t
   {
      display:none
   }

   .item-slide img
   {
      height:350px
   }

   .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;
      float:left
   }

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

   .item__product .info
   {
      padding:0
   }

   .gird__products
   {
      grid-gap:2rem
   }

   .item__product .img
   {
      padding:1rem
   }

   .item__product .info .name a h3
   {
      height:5.2rem
   }

   .gird_dt1
   {
      grid-gap:2rem
   }
}

@media screen and (max-width:650px) {
   .df-hM .left .gird_menui{
      text-align:left;
   }
   .tab_cateSp ul{
      justify-content:flex-start;
   }
   .tab_cateSp ul>li{
      white-space: nowrap;
   }
  /* .item__products .images .action{
      bottom:0.5rem;
      opacity:1;
      justify-content:flex-end;
   }*/
   .tb-sub-cate{
      display:none;
   }
   .pn-searchFrom .gird_search{
      grid-template-columns:1fr 1fr;
   }
   .item-slide img {
    height: 300px;
}
   .gird_commit .item-commit .nd{
      justify-content:left;
   }
   .item__news .img{
      padding-bottom:70%;
   }
   .gird_spLike{
      grid-template-columns:1fr 1fr;
      grid-gap:1.5rem;
   }
   .gird__products {
      grid-template-columns: 1fr 1fr;
   }
   .pn-cateFeatures{
      padding:0 0;
      margin:2rem 0;
   }
   .tit_block h2{
      padding-bottom:3rem;
   }
   .tab_cateSp{
      margin-bottom:0;
   }
   .pn-headTop{
      margin-bottom:0;
   }
   .item__product .info .name a h3
   {
      font-size:1.6rem
   }

   .col-thongtin-ctsp
   {
      padding:1rem
   }

   .item__product .img .cover_img img
   {
      height:16rem;
      margin-bottom:1rem
   }

   .foot_logo
   {
      margin-bottom:1rem
   }

   .gird_cetifi a img
   {
      width:auto;
      max-height:5rem
   }

   .foot-bottom:before
   {
      width:100%
   }

   .foot-bottom:after
   {
      display:none
   }

   .df-fb .left,.df-fb .right
   {
      width:100%
   }

   .df-fb
   {
      flex-direction:column
   }

   .wrap_mapft
   {
      padding-bottom:50%
   }

   .gird__products.gird__products3
   {
      grid-template-columns:1fr 1fr;
      grid-gap:30px
   }

   .gird__Oservice .item__services
   {
      padding: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(0);
      -webkit-transform:translateX(0);
      -o-transform:translateX(0);
      -ms-transform:translateX(0)
   }

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

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

   .site-catehome
   {
      padding:15px 0
   }

   .list__menui>li
   {
      width:calc(20% - 10px);
      margin:5px
   }

   .row__gird
   {
      grid-gap:15px
   }


   .widget-box .filter-item-brand h4
   {
      font-size:14px
   }

   .risk__list
   {
      grid-gap:20px
   }

   .item_risk h4
   {
      font-size:15px
   }

   .gird__post
   {
      grid-template-columns:1fr 1fr
   }

   #nhanxet .row_head
   {
      flex-direction:column
   }

   #nhanxet .row_head>.left,#nhanxet .row_head>.right
   {
      width:100%
   }

   #nhanxet .row_head>.right
   {
      justify-content:flex-start;
      margin-top:1rem
   }
   .newsletter__frm{
      width:100%;
   }
   #newsletterFrm{
      width:unset;
      display:block;
      margin:1rem 0;
   }
   #email_frm{
      width:100%;
   }
}

@media screen and (max-width:576px) {
   .pn-groupBanner
   {
      display:none
   }

   .rowPriceByCapacityColor .price del
   {
      font-size:2rem
   }

   .rowPriceByCapacityColor .price
   {
      font-size:2rem
   }

   .gird_dt1
   {
      grid-template-columns:1fr 1fr
   }

   .wrap__banner .heading
   {
      padding:1rem 0
   }

   .pn-repair
   {
      padding-top:0
   }

   .gird_cetifi a img
   {
      height:4rem
   }

   .gird_footbox .footbox_1,.gird_footbox .footbox_2,.gird_footbox .footbox_3
   {
      width:calc(50%);
      float:left
   }

   .item__product .info .name a h3
   {
      font-size:1.8rem;
      line-height:2.4rem
   }

   .item-menui-h a img
   {
      font-size:8rem
   }

   .item-menui-h a h3
   {
      font-size:1.6rem
   }

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

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

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

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

   .tab_sanpham .nav-item .nav-link
   {
      padding:0 1rem
   }
}

@media screen and (max-width:500px) {
   .df-cprt{
      flex-direction:column;
   }
   .item-slide img {
    height: 250px;
}


   .tg_seach
   {
      display:flex!important
   }



   .item__product .img
   {
      min-height:22rem
   }

   .gallery-container .Swiper_spct img
   {
      height:9rem;
      object-fit:contain
   }

   .gallery-container .Swiper_spct
   {
      height:40rem
   }

   .Swiper_spct2 img
   {
      height:40rem!important
   }

   .gird__products
   {
      grid-template-columns:1fr 1fr
   }

   #fixCart
   {
      top:8rem
   }

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

   .gallery-container .Swiper_spct
   {
      padding: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:0
   }

   .nameCart
   {
      display:none
   }

   .list__menui>li
   {
      padding:10px 0
   }

   .list__menui>li
   {
      border-radius:10px
   }





   #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
   }

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

   .logo__footer img
   {
      max-height:80px
   }

   .tab_sanpham .nav-item .nav-link
   {
      line-height:1;
   }

   .right__ht424 .divbd
   {
      padding: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
   }

   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
   }

   h4.blog_tit
   {
      margin-top:0!important;
      margin-bottom:10px
   }

   .title-news_ct
   {
      font-size:18px;
      line-height:24px
   }

   .item_product
   {
      padding: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
   }

   .product_order_by
   {
      flex-direction:column
   }

   .product_order_by .left,.product_order_by .right
   {
      width:100%
   }

   .product_order_by .left
   {
      margin-bottom:1rem
   }

   .product_ct
   {
      margin-bottom:0
   }

   .cart-btn2
   {
      margin-bottom:0
   }

   #html_dathang
   {

      padding-bottom:0;
      display:flex!important;
      align-items:center;
      justify-content:space-between;
   }

   .hotline_order
   {
      padding:0 2rem;
      font-size:1.6rem
   }

   .gird_ck .item_ck a img
   {
      height:3rem
   }

   .gird_cetifi
   {
      text-align:center
   }

   .gird_cetifi>li
   {
      margin-left:.5rem;
      margin-bottom:.5rem;
      display:inline-block
   }

   .gird_cetifi a img
   {
      height:3rem
   }
}

@media screen and (max-width:430px) {
   .col-thongtin-hotro .nd{
      padding:0.5rem;
   }
   .col-thongtin-hotro ul{
      grid-gap:1rem;
   }
   .gallery-container{
      flex-direction:column-reverse;
   }
   .cart_sidebar{
      width:100%;
   }
   .pn-testimonial{
      margin-bottom:0;
   }
   .pn-searchFrom .gird_search{
      padding-top:0;
   }
   .df-hM .center{
      margin-bottom:1rem;
   }
   .gird_menui li{
      padding:0.5rem 0.5rem;
   }
   .gird_menui li{
      height:7rem;
   }
   .gird_commit .item-commit .nd{
      font-size:1.4rem;
   }
   .score-rating
   {
      font-size:3rem
   }

   .choose-cp #capacityByColor>li span
   {
      font-size:1.3rem
   }

   .item__product .info .name a h3
   {
      font-size:1.4rem;
      line-height:2rem;
      height:4rem
   }

   .blog__item .blog__item_content p
   {
      -webkit-line-clamp:3
   }

   .gird__post
   {
      grid-template-columns:1fr;
      grid-gap:1rem
   }

   .gird__post .blog__item
   {
      flex-direction:unset;
      justify-content:flex-start;
      align-items:flex-start;
      margin-bottom:0
   }

   .blog__item .blog__item_content
   {
      padding:0 0 0 1rem;
      text-align:left
   }

   .gird__post .blog__item .blog__item_img
   {
      width:12rem;
      height:auto
   }

   .gird_tragop .item_gop a h4
   {
      font-size:1.4rem
   }

   .gird_ck
   {
      grid-template-columns:1fr 1fr;
      grid-gap:2rem
   }

   .pn-banner .wrap__banner
   {
      min-height:22rem
   }

   .gallery-container .Swiper_spct img
   {
      height:7rem!important
   }

   .gallery-container .Swiper_spct
   {
      width:100%;
      margin:1rem 0;
      padding: 0;
      height:7rem!important;
   }

   .gallery-container .Swiper_spct2
   {
      width:100%;
      padding:0;
      margin:0 0;
   }

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

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

   .pn-banner
   {
      padding:15px 0
   }

   .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
   {
      height:230px;
      object-fit:fill
   }

   .item_product_price del
   {
      display:block;
      margin: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
   }
}

@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:376px) {
   .gird_footMain .item2, .gird_footMain .item3, .gird_footMain .item4 {
    width: calc(100% - 2rem);
   }
   .item-slide img {
    height: 200px;
    object-fit: fill;
   }
}

@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) {
   .foot_2,.foot_3
   {
      flex:100%
   }
}

@media screen and (max-width:315px) {
   .row__gird
   {
      grid-template-columns:1fr
   }
}