/*
Theme Name: DEV ZEKVN
Theme URI: https://zek.vn/
Author: Zekvn
Author URI: https://zek.vn/
Version: 1.0
Description: ZEK AGENCY sở hữu hơn 500+ mẫu giao diện về tất cả các lĩnh vực và ngành hàng khác nhau, đáp ứng mọi nhu cầu của khách hàng với từng phân khúc giá. Cập nhật những mẫu thiết kế mới chuẩn xu hướng.
*/

/* Option */
/* contact btn */
#filter-mobile .filter-sidebar{display: none;}
.woocommerce .woocommerce-ordering select {
  vertical-align: top;
  color: #01827b;
}
.box-left-footer{margin-left: 80px}
#black-studio-tinymce-3, #black-studio-tinymce-5{margin-bottom: 50px}
#custom_html-4 .widget-title{margin: 30px 0 15px}
.widget-post .item .img img, ul.product_list_widget img{height: 91px;object-fit: cover;}
.linkcss a{    color: #01827b;
    font-weight: 700;}
    .filter-category {
  display: none;
}
.support-phone ul li{font-size: 18px}
.support-phone ul li a{display: block;line-height: 30px}
    ul.product_list_widget > li h3 span.link{display: block; color: #01827b;margin-top: 5px;
    font-weight: 700;}
    .category  .col-lg-12 .list-news .row > div{margin-bottom: 30px}
.menu-main > ul > li > ul, .filter-mobile{display:none}
.yith-wcan-filters .yith-wcan-filter .filter-items.level-0 ul{margin-top: 15px}
.logo{margin: 0}
.term-description{margin-top: 30px}
.yith-wcan-filters .yith-wcan-filter .filter-title{font-size: 16px;    font-weight: 700;
    color: #01827b;}
.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{    background: #01827b}
.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before{display: none;}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / .3);
    background-color: #f5f5f5
}
.woocommerce-product-details__short-description{display: none;}
.widget-post .item h3.name{margin-bottom: 5px !important}

#black-studio-tinymce-4 .wp-image-6683{margin-bottom: 1rem;}
#footer p{text-align: justify;}
::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
    height: 5px
}
.content-post h1,.content-post h2,.content-post h3, .content-post h4,.content-post h5,.content-post h6{font-weight: 700}

::-webkit-scrollbar-thumb {
    background-color: #01827b;
    border: 2px solid #01827b;
}
.imgmb{display: none;}
.shop-loop-header{    display: flex
;
    justify-content: space-between;
    align-items: center;
    gap: 20px; flex-wrap: wrap; 
    margin-bottom: 20px;}
    .woocommerce .woocommerce-ordering{margin-bottom: 0}
.menu-vertical__title .ul-sub-menu-menu > ul > li.menu-item-has-children > a:after{    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    background-image: url(images/arrow-down-bold.svg);
    position: absolute;
    right: 11px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;}
.menu-vertical__title .ul-sub-menu-menu > ul > li > .mega-menu{    margin-left: 15px;
    position: absolute;
    left: 100%;
    top: 0;
    width: 957px;    z-index: 99;
    height: 392px;
    overflow: hidden;
    background: #fff;
    border-radius: 0px 0px 10px 10px;
    border: 1px solid #002F4C;
    background: #FFF;
    padding: 36px 65px 39px 63px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;}
    .menu-vertical__title .ul-sub-menu-menu > ul > li:hover .mega-menu{    opacity: 1;
    visibility: visible;}
    .menu-vertical__title .ul-sub-menu-menu > ul > li > .mega-menu .img{    background-color: #D9D9D9;
    border-radius: 10px;overflow: hidden;}
.menu-vertical__title .ul-sub-menu-menu > ul > li .mega-menu ul li{list-style: none}
.menu-vertical__title .ul-sub-menu-menu > ul > li .mega-menu ul li a{    display: flex
;
    margin-bottom: 14px;
    font-size: 14px;
    color: #898989;
    gap: 8px;
    align-items: center;}
    .menu-vertical__title .ul-sub-menu-menu > ul > li .mega-menu ul li a:before{    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    background-image: url(images/arrow-down-semi.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;}
    .sub-menu__title{    color: #1A1A1A;
    font-size: 15px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    position: relative;}
    .sub-menu__title:before{content: "";
    width: 100%;
    max-width: 254px;
    height: 1px;
    background: rgba(0, 0, 0, 0.20);
    position: absolute;
    bottom: 0;}
.menu-vertical .menu-vertical__content::-webkit-scrollbar {
    width: 2px
}

.menu-vertical .menu-vertical__content::-webkit-scrollbar-track {
    -webkit-box-shadow: unset;
    background-color: #fff
}
.sp-title {
    display: flex
;
    align-items: center;
}

.thuonghieu-top h3, .sp-title {
    font-size: 22px;
}
.gtranslate_wrapper{text-align: right;}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp{background: none}
h1, h2, h3, h4, h5, h6, .heading-font {
    color: #424242;
}
.box-thong-tin {
    display: flex
;
    flex-wrap: wrap;
    gap: 20px;
}

.box-thong-tin {
    margin-top: 20px;
}
.product-info .box-gia, .box-thong-tin {
    border: 1px dashed #BBE0FF;
    background-color: #f4fcff;
    padding: 20px 40px;
    border-radius: 10px;
}
.thong-tin-item {
    font-size: 16px;
    width: calc(50% - 10px);
}
.thong-tin-item img {
    width: 20px;
    margin-right: 10px;
}
.thong-tin-item span {
    min-width: 125px;
    display: inline-block;
}
.thong-tin-item b {

    color: #424242;
}
.box-thuonghieu {
    margin: 60px 0;
}
.thuonghieu-top {
    display: flex
;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #C8C8C8;
}
.thuonghieu-top .box-left {
    display: flex
;
    align-items: flex-end;
    align-items: center;
}
.thuonghieu-top .box-left img {
    width: 150px;
    margin-right: 20px;
    max-height: 60px;
    object-fit: contain;
}
.thuonghieu-top h3 {
    line-height: 1;
    margin-bottom: 0;
}
.sp-title img {
    width: 30px;
    margin-right: 15px;
}
.box-nhabanhang {
    padding: 40px;
    border-radius: 10px;
    background-color: #F8F8F8;
    margin-top: 30px
}

.box-nhabanhang .info-nbh {
    display: flex;
    gap: 30px
}

.box-nhabanhang .info-nbh .image-cover {
    width: 130px;
    border-radius: 100%;
    padding-top: 130px;
    height: 130px;
    flex-shrink: 0
}

.box-nhabanhang .info-nbh img {
    object-fit: contain
}

.box-nhabanhang .info-nbh h3 {
    font-size: 20px
}

.box-nhabanhang .li-item img {
    width: 20px;
    margin-right: 8px
}

.box-nhabanhang .box-lh {
    font-size: 15px;
    display: flex;
    gap: 15px 50px;
    flex-wrap: wrap
}

.box-nhabanhang .box-lh .loaction {
    width: 100%
}

.box-nhabanhang .box-btn {
    margin: 30px 0;
    display: flex;
    align-items: center
}

.box-nhabanhang .box-btn a {
    padding: 8px 30px;
    border-radius: 50px;
    color: #fff;
    background-image: linear-gradient(to right,#0359A2,#00517E)
}

.box-nhabanhang .box-btn a:hover {
    background-image: linear-gradient(to left,#0359A2,#00517E)
}

.box-nhabanhang .box-btn b {
    flex: 1;
    height: 1px;
    background-color: #D6EBFF
}
.related-products-wrapper {
    border: none;
    margin-bottom: 50px;
    margin-top: 30px;
}
.related-top {
    display: flex
;
    justify-content: space-between;
    align-items: center;margin-bottom: 30px;
}
.related-top h2 {
    font-size: 32px;line-height: 1.2;
    text-transform: uppercase;font-weight: 700;
    color: #01827b;padding: 15px 0;
    margin-bottom: 0;
}
.related-top .btn-1 {
    padding: 7px 40px;
    border: 1px solid #01827b;
    color: #01827b;

    font-size: 16px;
    border-radius: 50px;
    flex-shrink: 0;
}
.related-top .btn-1 svg{    width: 15px;
    fill: #01827b;}
body{  font-family: "Inter", sans-serif;}
.product-loop .item-cat{padding: 30px 0}
.product-loop .item-cat:nth-child(even){    background-color: #01827b33;
    border-radius: 50px;}
.has-format, .image-cover, .video-fit {
    background-position: 50% 50%;
    background-size: cover;
    height: auto;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
}
@font-face {
    font-display: swap;
    font-family: 'BeVietnamPro-Bold';
    src: url(fonts/BeVietnamPro-Bold.woff2) format('woff2'),url(fonts/BeVietnamPro-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}
@-webkit-keyframes phonering-cricle {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(0.5) skew(1deg);
		-webkit-opacity: 0.1;
	}

	50% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
		-webkit-opacity: 0.5;
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg);
		-webkit-opacity: 0.1;
	}
}

@-webkit-keyframes phonering-circle-fill {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
		opacity: 0.6;
	}

	50% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(1) skew(1deg);
		opacity: 0.6;
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotate(0) scale(0.7) skew(1deg);
		opacity: 0.6;
	}
}

.list-shortcut-desktop {
	position: fixed;
	z-index: 1000000000;
	right: 20px;
	bottom: 50%;
	transform: translatey(50%);
}

.list-shortcut-desktop>a {
	border-radius: 50%;
	box-shadow: 0 0 25px 0 rgba(100, 97, 97, .3);
	width: 48px;
	height: 48px;
	display: block;
	margin-bottom: 20px
}

.list-shortcut-desktop .zalo {
	background: url(images/all_shortcut.svg) 0 -100px;
}

.list-shortcut-desktop .mess {
	background: #ffffff url(images/mess.png) no-repeat center;
	background-size: 28px;
}

.list-shortcut-desktop .call {
	background: url(images/all_shortcut.svg) 0 -50px;
	position: relative
}

.list-shortcut-desktop .call:before {
	content: '';
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(255, 107, 17, 0.7);
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-animation: phonering-circle-fill 2.3s infinite ease-in-out;
	animation: phonering-circle-fill 2.3s infinite ease-in-out;
	transition: all .5s;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	z-index: -1
}

.list-shortcut-desktop .call:after {
	content: '';
	width: 75px;
	height: 75px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	border-radius: 100%;
	border: 2px solid #FF6B11;
	background-color: transparent;
	-webkit-animation: phonering-cricle 1.2s infinite ease-in-out;
	animation: phonering-cricle 1.2s infinite ease-in-out;
	transition: all .5s;
	opacity: 0.5;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.menu-vertical__title {
    height: 50px;
    display: flex;
    position: relative;
;
    align-items: center;

    background: #01827b;
    box-shadow: -4px 0px 10px 0px rgba(0, 0, 0, 0.25), 4px 0px 10px 0px rgba(0, 0, 0, 0.25);
    padding: 0 16px;font-weight: 700;
    cursor: pointer;
}
.header-menu .row{align-items: center;}
.menu-vertical__title > img {
    width: 24px !important;
    height: 24px !important;
    margin-right: 12px;
}
.menu-vertical__title > span {
    font-size: 15px;

    color: #fff;
}
.menu-vertical__title:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(images/arrow-down-white.svg) no-repeat center;
    position: absolute;
    right: 10px;
}
.header-main{padding: 10px 0}
.product-col .row > div{margin-bottom: 30px}
.form-support-product{    background: linear-gradient(180deg, #01827b 0%, #F2673A 100%);
       padding: 30px 40px;color: #fff;
    border-radius: 10px;    position: sticky;
    top: 160px;}
    .box-fillter-brand {
    display: flex
;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #D2D2D2;
}
.box-fillter-brand input {
    font-size: 16px;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    margin-bottom: 0;
    width: 260px;
    padding: 0 10px 0 5px;
}
.section-ab-1 .link a{    background: #01827b;
    color: #fff;
    border-radius: 5px;
    padding: 13px 15px;
    display: inline-block;}
.item-search-character {
    padding: 0 5px;
    cursor: pointer;
}
.title-agency{color: #01827b;margin: 20px 0;font-weight: 700;    font-size: 18px;}
.contact-list li{list-style: none;display: flex;gap: 10px;margin-bottom: 20px}
.contact-ab{box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
    background: #fff;
    padding: 30px 20px;}
    .contact-ab .title-form2{color: #01827b;text-align: center;margin-bottom: 20px;font-weight: 700;font-size: 20px}
     .contact-ab .form-group.center{text-align: center;}
    .contact-ab .form-group input, .contact-ab .form-group textarea{    padding: 7px 12px;
    border: 2px solid #01827b;}
     .contact-ab .form-group input[type=submit]{border-radius: 20px;font-weight: 700;color: #fff;background: #01827b;padding: 5px 15px;}
.section-ab-2 .box{margin-bottom: 50px}
.section-ab-4{margin: 30px 0}
.section-ab-5 .box-item{display: flex;gap: 20px;}
.section-ab-5 .box-item > div{width: 20%;text-align: center;position: relative;}
.section-ab-5 .box-item > div:not(:last-child):before{content: '';background: #ddd;height: 100%;width: 2px;position: absolute;top: 0;right: -15px}
.section-ab-5 .box-item > div .name{text-align: center;margin-top: 15px;font-weight: 700}
.section-ab-4 .row{margin:0 -7px}
.section-ab-4 .row > div{padding: 0 7px}
.section-ab-3 .box-ab .top{display:flex; align-items: flex-end;margin-bottom: 15px}
.section-ab-3 .box-ab .top .icon{width: 70px;margin-right: 15px}
.section-ab-4 .name a{background: #01827b;
    color: #fff;
    border-radius: 5px;
    padding: 15px 15px;
    display: block;
    font-weight: 700;}
    .section-ab-3 .row .col-md-6:first-child .box-ab{position: relative;}
    .section-ab-3 .row .col-md-6:first-child .box-ab:before{content: '';    background: #ddd;
    height: 100%;
    width: 2px;
    position: absolute;
    top: 0;
    right: -15px;}
    .section-ab-4 .row > div{margin-bottom: 15px}
.section-ab-3 .box-ab .top .name{    font-size: 20px;
    color: #01827b;
    font-weight: 700;}
    .item-news{padding: 10px;box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;}
.item-news h3{margin-bottom: 0;}
    .item-news .date{margin: 15px 0}

.item-search-character:hover, .item-search-character.active {
    color: #01827b;
}
.filter-category {
    display: none;
}
.box-fillter-name svg{width: 16px;fill: #01827b}
.col-search-by-cate h2 {
    color: #01827b;
    font-size: 20px;
}
.col-search-by-cate .cate-search {
    display: flex
;
    align-items: center;margin: 0;
    padding: 8px 0;font-size: 16px;
    border-bottom: 1px solid #D2D2D2;
    cursor: pointer;
}
.col-search-by-cate svg {
    font-size: 6px;
    margin-right: 10px;width: 6px;
    fill: #01827b;
}
.box-image {
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.col-brand-item .image-cover {
    padding-top: 60% !important;
    border-radius: 5px;
    border: 1px solid #EDEDED;
}
.col-brand-item .image-cover img {
    object-fit: contain;
}
.col-brand-item .box-text {
    color: #424242;
    font-size: 18px;margin: 0;
    padding-bottom: 0;    padding-top: .7em;
    position: relative;
    width: 100%;
}
#brand-results > div{margin-bottom: 30px}
.col-brand-item:hover .image-cover {
    border-color: #01827b;
}
.box-text.text-center {
    padding-left: 10px;
    padding-right: 10px;
}
.box-fillter-name{display: flex;width: 300px;}
    .form-group.box p{margin-bottom: 0}
    .support-form .title{margin-top: 40px;}
    .support-form .txt-hotro{display: flex
;
    align-items: center;
    text-transform: uppercase;}
    .support-form .txt-hotro b{    flex: 1;
    height: 1px;
    background-color: #fff;}
    .support-form .txt-hotro .title{    margin: 0 15px;}
    .support-form .phone{    text-align: center;
    font-size: 22px;
    margin-top: 7px;}
    .support-form .phone svg{fill:#fff;width: 20px}
    .form-support-product input[type=submit]{   
    display: flex
;
    text-align: center;
    border-radius: 100px;
    background-color: #01827b;
    border: 1px solid #01827b;
    color: white !important;
    font-size: 16px;
    text-transform: uppercase;
    font-family: var(--semi);
    width: 100%;
    justify-content: center;
    align-items: center;
    box-shadow: none !important;}
.box-border-ar{margin-bottom: 30px;
    border-bottom: 1px solid #D2D2D2;
    align-items: center;}

    .woocommerce div.product form.cart{display: none;}
    .section-ab-2{margin-top: 78px}
    #ez-toc-container{width: 100%}
    .info-top {
    display: flex;
    align-items: center;
    margin-bottom: 45px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgb(101 98 99 / 40%)
}

.info-top .box-postdate span {
    font-size: 16px;

    color: #656263;
    line-height: 24px;
    display: block;
    margin-right: 20px;
    padding-right: 20px;
    line-height: 24px
}
.info-top .box-postdate span svg{width: 20px;fill: #656263}
.info-top .box-postdate span:after {
    content: "";
    border-right: 1px solid #01827b;
    position: absolute;
    right: 0;
    top: 0;
    height: 25px;
    opacity: .25;
    margin-right: 0;
}
.social-icons {
    color: #999;

    font-size: .85em;
    vertical-align: middle;
}
.box-share .social-icons a svg{width: 20px;fill: #01827b;}
.box-share, .box-share .social-icons {
    display: flex
;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.social-icons span {
    font-weight: 700;
    padding-right: 10px;
}
.box-share .copylink, .box-share .social-icons a {
    width: 38px;
    height: 38px;
    background-color: #fff;
    border-radius: 100px;
    margin: 0;
    border: none;
    display: flex
;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item h3{font-size: 16px;margin: 0}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item label{display: flex;gap: 10px}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item{margin-bottom: 15px}
    .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{color: red;font-weight: 700;
    font-size: 18px;}
    .product_title{    font-size: 26px;color: #424242;font-weight: 700;    line-height: 1.3;}
    .widget-post .item, ul.product_list_widget > li > a {background-color: #fff;display: flex;align-items: center;    margin-bottom: 7px;    border-bottom: 1px dashed #ddd;
    padding-bottom: 7px;}
    .widget-post .item h3, ul.product_list_widget > li h3{font-size: 16px;margin: 0}
    .sidebar .widget{margin-bottom: 50px}
    .box-contact{    background: #F2F2F2;
    padding: 70px 0;margin-top: 50px}
    .page-template-page-contact .box-contact{padding: 30px 0;margin-top: 30px}
    .page-template-page-about .mainbody{padding-bottom: 0}
    ul.product_list_widget > li span.amount{display: none;}
    .widget-post .item .img, ul.product_list_widget img{flex: 0 0 100px;    width: 100px;
margin-right: 10px}
.page-title, .title-ab{    margin-bottom: 15px;font-size: 26px;
    color: #01827b;font-weight: 700;
    text-transform: uppercase;}
    .form-support-product .title-form{    font-size: 24px;
    text-align: center;color: #fff;font-weight: 700;margin-bottom: 15px}
    .form-group.box{display: flex;}
.mainbody{padding: 40px 0;padding-top: 1rem}
.header-menu{background: #01827b;}
.menu-vertical__title .ul-sub-menu-menu{position: absolute;
    opacity: 0;    z-index: 99;
    visibility: hidden;
    width: 100%; top: 100%;
    transition: all .3s;
    border-radius: 0 0 10px 10px;
    left: 0;}
div#ez-toc-container ul li, div#ez-toc-container ul li a, div#ez-toc-container nav ul ul li {
    font-size: 100%;
}
    .home .menu-vertical__title .ul-sub-menu-menu{    opacity: 1;
    visibility: visible;   }
    .home .menu-vertical__title:hover .ul-sub-menu-menu, .menu-vertical__title .ul-sub-menu-menu.active{opacity: 1;
    visibility: visible;}
    .menu-vertical__title .ul-sub-menu-menu > ul > li{list-style: none;width: 100%;
    display: block;}
     .menu-vertical__title .ul-sub-menu-menu > ul > li > a{    display: flex
;
    align-items: center;
    height: 56px;
position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    padding: 0 11px 0 16px;
    gap: 12px;
    font-size: 15px;
    color: #1A1A1A;}
    .menu-vertical__title .ul-sub-menu-menu > ul > li > ul{display: none;}
.menu-main > ul > li{display: inline-block;}
.menu-main > ul{margin: 0}
.menu-main > ul > li > a{    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;    padding: 9px 20px;
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    text-transform: unset;
    font-weight: 700;
    transition: all .3s;

    border-radius: 6px;}
    .home-sec-7 .slider-nav .slick-slide {
    margin: 0 5px
}

.has-equal-box-heights .box-image img,.has-format img,.image-cover img,.video-fit iframe,.video-fit video,img.back-image {
    bottom: 0;
    font-family: "object-fit: cover;";
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}
.home-sec-7 .slider-nav .slick-track {
    padding: 15px 0
}

.home-sec-7 .slider-nav .slick-slide .image-cover {
    border-radius: 100%;
    background-color: #699DCA;
    border: 1px solid #fff;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s;
    width: calc(100% - 10px);
    padding-top: calc(100% - 10px);
    margin: auto
}

.home-sec-7 .slider-nav .slick-slide .image-cover img {
    object-fit: contain;
    width: 85%;
    margin: auto
}

.home-sec-7 .slider-nav .slick-slide,.home-sec-7 .slider-nav .slick-slide[aria-hidden="true"]:not(.slick-cloned)~.slick-cloned[aria-hidden="true"] {
    transform: scale(.95,.95);
    transition: all 0.4s ease-in-out
}

.home-sec-7 .slider-nav .slick-center,.home-sec-7 .slider-nav .slick-slide[aria-hidden="true"]:not([tabindex="-1"])+.slick-cloned[aria-hidden="true"] {
    transform: scale(1.2)
}

.home-sec-7 .slider-nav .slick-slide.slick-current .image-cover {
    background-color: #fff
}

.home-sec-7 .slider-nav .slick-slide:not(.slick-active) {
    opacity: 0
}

.home-sec-7 .title h2 {
    margin-bottom: 0
}

.brand-info div {
    max-height: 105px;
    overflow: auto
}

.brand-info div::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border: 2px solid var(--theme-color)
}

.brand-info div::-webkit-scrollbar {
    width: 3px
}

.brand-info h3 {
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;color: #fff;
    margin-bottom: 5px
}

.home-sec-7 {
    padding-top: 70px!important;padding-bottom: 70px;
    background-color: #01827b;color: #fff;
}

.home-sec-7 .slick-arrow {
    background-color: #4B97C2;
    color: #fff;
    position: absolute;
    bottom: -10px;
    left: -70%
}

.home-sec-7 .slick-arrow.next-arrow {
    left: calc(-70% + 60px)
}

.home-sec-7 .slick-arrow:hover {
    background-color: #fff;
    color: var(--theme-color)
}

.home-sec-7 .slick-dots {
    width: 150%
}
.home-sec-7 .slick-arrow {
    background-color:#12b9b0;
    color: #fff;
    position: absolute;
    bottom: -10px;
    left: -70%
}
p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 1rem;
}
.slider-nav{padding-bottom: 30px}
.logo-brand{    background: linear-gradient(92deg, rgb(238 238 238 / .4) -3.24%, rgb(69 149 222 / .4) 95.54%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    backdrop-filter: blur(2px);
    font-size: 50px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgb(230 247 255 / .9);
    font-family: 'BeVietnamPro-Bold', sans-serif;
    margin-bottom: 0;    color: rgb(255, 255, 255);  
    line-height: 0.75;
    text-align: center;
    color: rgb(255, 255, 255);margin-top: 20px;line-height: 60px;}
    .home-sec-8 .box-text {
    padding: 22px 0 0;
}
.button, button{
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: .97em;
    font-weight: bolder;
    letter-spacing: .03em;
    line-height: 2.4em;
    margin-right: 1em;
    margin-top: 0;
    max-width: 100%;
    min-height: 2.5em;
    padding: 0 1.2em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    text-shadow: none;
    text-transform: uppercase;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    vertical-align: middle;
}
.news-home{margin: 30px 0}
.link-more a{border-radius: 50px;
    background-color: #fff0;
    padding: 0 25px;
    color: #01827b;
    box-shadow: none !important;
    border-color: #01827b;

    margin-bottom: 0;
    font-size: 15px;}
.link-more svg{width: 14px;fill:#01827b}
.link-more a:hover svg{fill:#fff}
.link-more a:hover {background: #01827b;color: #fff}
.box-info {
    display: flex
;
    position: relative;
    margin-bottom: 10px;
}
.box-info .cat-label {
    font-size: 14px;
    line-height: 18px;
    color: #656565;
    margin: 0 6px 0 0;
    padding-right: 6px;
    border-right: 1px solid #656565;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.box-info .post-meta {
    font-size: 14px;
    line-height: 18px;
    color: #656565;
}
.home-sec-8 .box-text h3.title{    line-height: 1.3;
    margin-bottom: .1em;
    margin-top: .1em;    font-size: 1.15em;}
.home-sec-8 .box-text h3.title a{    color: #363636;
    margin: 0;    font-size: 20px;

    height: auto;
    overflow: hidden;font-weight: 700;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: color 0s;}
.home-sec-7 .slick-arrow.next-arrow {
    left: calc(-70% + 60px)
}

.home-sec-7 .slick-arrow:hover {
    background-color: #fff;
    color: #12b9b0;
}
.home-sec-7 .slick-arrow:hover svg{fill: #12b9b0;}

.home-sec-7 .slick-dots {
    width: 150%
}

.home-sec-7 .slick-dots {
    align-items: center;
    position: absolute;
    bottom: 10px;
    margin: 0;
    right: 0;
    left: auto;
    transform: translate(0,0)
}

.home-sec-7 .slick-dots li {
    margin: 0!important;
    height: 1px;
    flex: 1;
    background-color: #fff;
    border-radius: 0!important
}

.home-sec-7 .slick-dots li.slick-active {
    height: 3px;
    background-color: #fff
}
.slick-arrow,.row>div:not(.col):not([class^=col-]):not([class*=" col-"]).slick-arrow {
    width: 40px!important;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 16px
}
.home-sec-7 .slick-arrow svg{width: 14px;fill:#fff}
.slick-dots li button {
    color: #fff;
    padding: 0;
    background-color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    overflow: hidden;
    display: none
}

.slick-dots li {
    margin: 0 5px!important;
    width: 12px;
    height: 12px;
    background-color: var(--theme-color);
    opacity: .2;
    cursor: pointer;
    border-radius: 50%
}

.slick-dots li.slick-active {
    opacity: 1
}

.slick-dots {
    display: flex;
    justify-content: center;
    list-style: none;
    margin-bottom: 0;
    margin-top: 15px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.home-sec-7 .slick-dots {
    align-items: center;
    position: absolute;
    bottom: 10px;
    margin: 0;
    right: 0;
    left: auto;
    transform: translate(0,0)
}

.home-sec-7 .slick-dots li {
    margin: 0!important;
    height: 1px;
    flex: 1;
    background-color: #fff;
    border-radius: 0!important
}

.home-sec-7 .slick-dots li.slick-active {
    height: 3px;
    background-color: #fff
}

.row-slide-brand {
    position: relative;
    z-index: 1
}
#footer{background: #01827b;padding: 70px 0;color: #fff}
#footer a{color: #fff}
.widget-title{    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 15px;font-weight: 700}
    .social-box {
    display: flex;
    align-items: center
}
.menufooter  ul li {margin-left: 0;
    margin-bottom: 8px;}
.menufooter  ul li a{font-size: 15px;
    line-height: 20px;}
.social-box a {
    width: 44px;
    height: 44px;
    border-radius: 50px;
    background-color: #fff;
    color: var(--theme-color);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    margin-right: 15px
}
.social-box a svg{width: 30px;fill: #01827b}
.social-box a:hover {
    border: 1px solid #fff;
    background-color: var(--theme-color);
    color: #fff;
    text-decoration: unset!important
}
.social-box a:hover svg{fill: #fff}
.form-footer input{margin: 0;
    border: 0 !important;
    box-shadow: none;
    background-color: #fff0;
    height: 40px;
    padding-left: 19px!important;
    color: #8C8C8C!important;
    font-size: 15px;}
    .form-footer{display: flex
;
    align-items: center;
    border: 1px solid #D9D9D9;
    border-radius: 99px;
    background-color: #fff;}
    .form-footer input[type=submit]{    margin: 0;
    width: 130px;
    flex-shrink: 0;
    height: 30PX;
    border-radius: 99px;padding-left: 0 !important;
    background-color: #01827b;
    font-weight: 400;
    min-height: 30px;color: #fff !important;
    display: inline-flex;
;
    justify-content: center;
    align-items: center;
    font-size: 15px;

    gap: 8px;
    padding: 0;
    margin-right: 5px;
    border: 1px solid var(--theme-color);
    box-shadow: none;
    text-transform: none;}
    .box-title{text-transform: uppercase;
    font-size: 25px;margin-bottom: 30px;
    color: #01827b;font-weight: 700;
}
.banner_page .box_sec1 .thumb img {
    width: 100%;

    object-fit: cover;
    border-radius: 30px;

}
.box_recruit .filter_recruit {
    background: #F8F8F8;
    position: relative;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 35px;
}
.box_recruit .filter_recruit ul {
    display: flex
;
    align-items: center;
    margin: 0 -15px;
}
.box_recruit .filter_recruit ul li {
    width: 30%;
    padding: 0 15px;
    position: relative;
}
.box_recruit .filter_recruit ul li label {
    width: 100%;
}
.box_recruit .filter_recruit ul li select {
    border-radius: 20px;
    border: 1px solid #6B6F75;
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding: 0 15px;
}
.box_recruit .filter_recruit ul li:last-child {
    width: 10%;
}
.box_recruit .filter_recruit ul li input[type='submit'] {
    background: #01827b;

    border-radius: 20px;
    height: 46px;
    line-height: 46px;
    padding: 0 10px;
    width: 100%;
    color: #fff;
    font-weight: 600;
    font-size: 0;
}
.box_recruit .filter_recruit ul li.sf-field-submit:after {
    content: '';
    width: 20px;
    height: 20px;
    background: url(images/search.svg) no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.box_recruit .item_recruit{display: flex;align-items: center;padding: 20px;background: #F8F8F8;border-radius: 20px;transition: all .3s ease;flex-wrap: wrap;}
.box_recruit .item_recruit .thumb{width: 35%;position: relative;}
.box_recruit .item_recruit .thumb:before{content: '';width: 65px;height: 65px;display: block;background: url(images/hot.svg) no-repeat;background-size: cover;position: absolute;top: -15px;left: -15px;z-index: 99}
.box_recruit .item_recruit .thumb a{position: relative;padding-top: 100%;display: block;overflow: hidden;overflow: hidden;border-radius: 15px;}
.box_recruit .item_recruit .thumb a img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.box_recruit .item_recruit .cnt{width: 65%;padding-left: 15px;}
.box_recruit .item_recruit .cnt h2{font-size: 20px;font-weight: 600;margin-bottom: 30px;}
.box_recruit .item_recruit .cnt h2 a{display: block;color: #2F2E2E}
.box_recruit .item_recruit .cnt ul{margin-bottom: 30px;}
.box_recruit .item_recruit .cnt ul li{list-style: none;margin-bottom: 10px;font-size: 14px;color: #797979;font-weight: 300;}
.box_recruit .item_recruit .cnt .link a{color:#01827b;font-size: 16px;text-align: right;display: block;}
.box_recruit .item_recruit:hover {box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2)}
.box_recruit .item_recruit:hover .cnt h2 a{color: #01827b}
.box-title.upp{text-transform: none;}
.banner_page{margin-bottom: 30px}
.search-form-product-ajax .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{border-color: #01827b !important; }
.box-title a{color: #01827b;}
.wp-image-6683{    margin-bottom: 1rem !important;}
.box-2{    display: flex
;
    justify-content: space-between;}
    ul#menu-menu-danhmuctrai{    transition: all .3s;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 320px;}
    .list-news .item {    display: flex
;
    border-bottom: 1px solid #D6D6D6;padding-bottom: 15px;
    margin-bottom: 15px;}
     .news-home .link{margin-top: 10px}
     .archive .list-news .post-card .img{margin-bottom: 15px;} 
     .archive .list-news .post-card .img img{    width: 100%;
    height: 295px;
    object-fit: cover;}
     .archive .list-news .item .info.box-text-2 .title a{font-weight: 700;    -webkit-line-clamp: none;height: auto}
     .archive  .list-news .item .info.box-text-2 .title, .home-sec-8 .box-text .title{margin-bottom: 10px}
    .news-home .link a{    color: #01827b;
    font-weight: 700;}
     .list-news .item .img{    width: 150px;    border-radius: 10px;overflow: hidden;}
     .list-news .item .info{    padding: 0 0 0 15px;
    margin-bottom: 20px;
    width: 70%;}
    .list-news .item .info.box-text-2 .title{    line-height: 1.3;
    margin-bottom: .1em;
    margin-top: .1em;}
     .list-news .item .info.box-text-2 .title a{    font-size: 16px;
    color: #363636;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: color 0s;
    height: 44px;}
.box-title.fff{color: #fff}
body{font-size: 16px;color: #333;}
*{margin:0;padding:0;line-height:1.5}
a{text-decoration:none;color:#181818;cursor:pointer;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
a:hover,a:focus,a:visited{text-decoration:none;outline:none}
a:active,a:hover{color: #01827b;}
.home .list-news{padding-left: 50px;
    border-left: 1px solid #A9A9A9;}
    .swiper-button-next, .swiper-button-prev{color: #01827b;}
    .colorbg{    background: #f3f3f3;}
    .list-cat ul{    padding-top: 5px;
    display: flex !important
;
    flex-wrap: wrap;}
    .list-cat ul li{width: 20%;list-style: none;}
    .box-searh-cat{    background: #f3f3f3;}
    .list-cat ul li a{background: #E7E7E7;
    height: 31px;

    align-items: center;
    border-radius: 99px;color: #01827b;
    width: calc(100% - 15px);
    margin: 5px auto;
    padding: 5px 10px;   
    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 14px;}
    .list-cat ul li a:hover{background: #f2673a;color: #fff}
    .box-searh-cat{padding: 70px 0}
    .box-nb{    border-radius: 20px;
    background: linear-gradient(180deg, #01827b 0%, #F2673A 100%);
    padding: 35px 30px 30px;}
    .product-css .item{    background-color: #fff;
    border-radius: 14px;
    box-shadow: 0 3px 6px -4px #EEEEEE, 0 3px 6px #EEEEEE;position: relative;}
    .product-css .item .img{    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;}
    .product-css .item .img .image-fade_in_back{    border-radius: 14px;
    padding-top: 85%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background: #F2F2F2;
    border: 1px solid transparent;}
    .product-css .item .img .image-fade_in_back a{display: block;}
    .product-css .item .img .image-fade_in_back a img{bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    transition: all 0.4s ease-in-out;
    object-fit: contain;}
    .product-css .item .info{padding: 16px 17px 18px;}
       .product-css .item .info .sku-pr{    font-size: 14px;
    color: #4C4C4C;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;}
    .product-css .item .info .title{line-height: 1.3;
    margin-bottom: .1em;
    margin-top: .1em;}
     .product-css .item .info .title a{    font-size: 16px;
    color: #000;

    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    -webkit-line-clamp: 2;
    height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;}
       .product-css .item .info .title a:hover{    color: #f2673a;}
       .product-css .item .info .price-product{margin-top: 16px;color: #D22F27;
    font-size: 18px;font-weight: 700;min-height: 27px;
    font-style: normal;
    line-height: normal;}
    .product-css .item .info  .bot{    display: flex
;
    gap: 10px;
    margin-top: 14px;    font-size: .9em;}
     .product-css .item .info  .bot .brand-pr{color: #01827b;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0px 8px;
    height: 24px;
    display: block;
    line-height: 24px;
    border-radius: 50px;
    border: 1px solid #BEE6FF;
    background: #6cc5c0;}
    .product-css .item .info  .bot .more a{    height: 24px;background-color: #01827b;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    margin: 0 !important;border-radius: 50px;
    padding: 5px 15px;
    color: #fff;
    border: 1px solid #01827b;
    width: max-content;
    flex-shrink: 0;}
    .product-hot{    background: #f3f3f3;
    padding-bottom: 210px;}
    .box-banner{margin-top: -140px;margin-bottom:10px   }
    .box-banner img{ border-radius: 15px;
    overflow: hidden;}
ul{padding-left:0;}
img{max-width:100%;border:none;height:auto}
b,strong{font-weight: bold;}
h1,h2,h3,h4,h5,h6{line-height:1.3;margin-top:0;margin-bottom: 1rem;}
h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{line-height: normal;}
h1{font-size: 28px;}
h2{font-size: 24px;}
h3{font-size: 20px;}
h4{font-size: 16px;}
h5{font-size: 14px;}
h6{font-size: 14px;}
.table{max-width: 100%;table-layout: fixed;word-wrap: break-word;}
.img img{width:100%;height:auto;object-fit:cover}
.single_recruit .all_box {
    position: relative;
    background: #F8F8F8;
    border-radius: 20px;
    padding: 30px;
}
.single_recruit .all_box .meta{margin-bottom: 30px;}
.single_recruit .all_box .meta li{list-style: none;margin-bottom: 10px;font-size: 16px;color: #797979;font-weight: 300;}
.content-post li, .content-post p{background: none !important}
.single_recruit .all_box .link_more a {
    display: inline-flex
;
    align-items: center;
    text-transform: uppercase;
    border: 1px solid #01827b;
    padding: 10px 30px;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    background: #01827b;
    transition: 0s;
    margin-bottom: 30px;
}
.background{background-size:cover;background-repeat:no-repeat;background-position:center}
.relative{position: relative;}
.overlay{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.5);}
.linkfull{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 5;}
.screen-reader-text{display:none}
.head{animation: stuckMoveUp .5s;}
.head.navbar-fixed-top{box-shadow:1px 1px 10px rgba(0,0,0,0.15);position: fixed !important;top: 0;left: 0;width: 100%;z-index: 999;animation: stuckMoveDown .5s;background: #fff}
.product-css .item:hover img{    transform: scale(1.05);}
@keyframes stuckMoveDown {
0%{transform:translateY(-100%)}
100%{transform:translateY(0)}
}
@keyframes stuckMoveUp {
0%{transform:translateY(100%)}
100%{transform:translateY(0)}
}
@keyframes stuckFadeIn {
0%{opacity:0}
100%{opacity:1}
}
.head.navbar-fixed-top .menu-vertical__title .ul-sub-menu-menu{display: none;}
/* Container (FAKE theo từng web) */
.row-margin{--bs-gutter-y:var(--bs-gutter-x);margin-top: calc(-.5 * var(--bs-gutter-y));margin-bottom: calc(-.5 * var(--bs-gutter-y));}
.row-margin>*{margin-top: 0;padding-top: calc(var(--bs-gutter-x) * .5);padding-bottom: calc(var(--bs-gutter-x) * .5)}
.container-fluid,.container,.row{--bs-gutter-x: 30px;}
.flex{display:flex;flex-wrap:wrap}
.align-center{align-items:center}
.align-end{align-items:flex-end;}
.align-start{align-items:flex-start;}
.justify-between{justify-content: space-between;}
.justify-center{justify-content: center;}
.justify-end{justify-content: flex-end;}
.justify-start{justify-content: flex-start;}
.row-reverse{flex-direction:row-reverse;}
.column-reverse{flex-direction:column-reverse;}
@media (min-width: 576px){
	.container, .container-sm {max-width: 540px;}
}
@media (min-width: 768px){
	.container, .container-md, .container-sm { max-width: 720px;}
}
@media (min-width: 992px){
	.container, .container-lg, .container-md, .container-sm {max-width: 960px;}
}
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1140px;}
}
@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1320px;}
}

/* input-button */
input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="date"],input[type="tel"],textarea,select{width:100%;max-width:100%;display:block;outline:none;border: 1px solid #E6E6E6;padding: 11px 12px;color: #999999;font-weight: 500;border-radius: 4px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #999999;}
input[type="submit"]{font-weight: 500;padding: 12px 24px;color: #F2F2F2;background-color: #176A35;border-radius: 4px;text-align: center;border: none;transition: all .3s;}
input[type="submit"]:hover{background-color: #CBDEA6;color: #333;}
.select2-container .select2-selection--single{height: 48px;}
.select2-container--default .select2-selection--single{border: 1px solid #E6E6E6;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 12px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 46px;color: #999999;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 46px;}
.select2-dropdown{border: 1px solid #E6E6E6;}
.select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #E6E6E6;}
.select2-search--dropdown{padding: 4px 4px 12px 4px;}
.select2-container--default .select2-results>.select2-results__options{font-size: 14px;}
/* Contact-form7 */
form .row{--bs-gutter-x: 20px;}
.wpcf7-spinner{position: absolute;}
.form-group{margin-bottom: 20px;position: relative;}
.form-group .name{margin-bottom: 5px;font-weight: 600;}
div.wpcf7 .ajax-loader{position:absolute}
.wpcf7-form-control-wrap{position:initial}
.wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px}
.wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px}
.wpcf7 .wpcf7-validation-errors{display:none!important}
/* Content-post */
.wp-block-image.aligncenter>figcaption, .wp-block-image .aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image.alignright>figcaption, .wp-block-image .alignright>figcaption{display: block;}
.content-post ul,.content-post ol{padding-left:18px;}
.content-post li{position:relative;margin-bottom:6px}
.content-post blockquote{background:#f6f6f6;position: relative;padding: 16px 16px 6px 32px;}
.content-post blockquote:before{content: open-quote;font-weight: bold;font-size: 30px;position: absolute;left: 8px;top: 0;}
.content-post blockquote:after{content: close-quote;font-weight: bold;font-size: 30px;position: absolute;bottom: 0;right: 8px;opacity: 0;visibility: hidden;}
.content-post .gallery{display:grid;grid-column-gap:16px;grid-row-gap:16px}
.content-post .gallery br{display:none}
.content-post .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)}
.content-post .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)}
.content-post .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)}
.content-post .gallery.gallery-columns-6{grid-template-columns:repeat(6,1fr)}
.content-post .gallery.gallery-columns-7{grid-template-columns:repeat(7,1fr)}
.content-post .gallery.gallery-columns-8{grid-template-columns:repeat(8,1fr)}
.content-post .gallery.gallery-columns-9{grid-template-columns:repeat(9,1fr)}
.content-post .gallery-item{margin:0!important;width:100%!important;display:flex;align-items:flex-start;float:none !important;flex-wrap: wrap;}
.content-post .gallery-item img{border:none!important;width: 100%;height: auto;object-fit: cover;}
.content-post a:hover{text-decoration:underline}
.content-post .wp-caption.aligncenter{max-width:100%!important}
img.aligncenter{display:block;margin:0 auto}
.content-post .alignnone{margin:0 16px 16px 0}
.content-post .aligncenter,.content-post div.aligncenter{display:block;margin:0 auto 16px;}
.content-post .alignright{float:right;margin:0 0 16px 16px}
.content-post .alignleft{float:left;margin:0 16px 16px 0}
a img.alignright{float:right;margin:0 0 16px 16px}
a img.alignnone{margin:0 16px 16px 0}
a img.alignleft{float:left;margin:0 16px 16px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{border:none;max-width:100%;padding:0;}
.wp-caption.alignnone{margin:0 16px 16px 0}
.wp-caption.alignleft{margin:0 16px 16px 0}
.wp-caption.alignright{margin:0 0 16px 16px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%}
.content-post .wp-caption-text{margin:0;padding:6px;text-align: center;background: #eee;font-size: 14px;}
/* Widget */
.widget ul,.widget ol{list-style: none;}
.widget iframe{width: 100%;height: auto; object-fit: cover;}
.widget .gallery{display:grid;grid-column-gap:10px;grid-row-gap:10px}
.widget .gallery br{display:none}
.widget .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)}
.widget .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)}
.widget .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)}
.widget .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)}
.widget .gallery-item{margin:0!important;width:100%!important;display:flex;align-items:center;float:none}
.widget .gallery-item img{border:none!important}

/* Remove-woo */
.woocommerce a.remove{width:30px;height:22px;position:relative;transition:opacity 200ms;vertical-align:top;display:block;-webkit-appearance:none;background:none;border:none;cursor:pointer;outline:none;padding:0;text-indent:-9999px}
.woocommerce a.remove:before,.woocommerce a.remove:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;left:8px;position:absolute;right:8px;top:2px;display:inline-block;content:''}
.woocommerce a.remove:before{height:6px;transform-origin:-7% 100%;-moz-transform-origin:-7% 100%;-webkit-transform-origin:-7% 100%;transition:transform 150ms;-moz-transition:transform 150ms;-webkit-transition:transform 150ms;width:14px}
.woocommerce a.remove:after{background-position:-1px -4px;height:12px;margin-left:1px;margin-right:2px;margin-top:4px;width:11px}
.woocommerce a.remove:hover:before{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:transform 250ms;-moz-transition:transform 250ms;-webkit-transition:transform 250ms}
.woocommerce a.remove:hover{background:transparent}

/* Support */
.sticky{position:-webkit-sticky;position:sticky;top:10px;z-index: 99;}
.supports{position: fixed;z-index: 999;bottom: 120px;right: 20px;}
.supports .item:not(:first-child){margin-top: 16px;}
.supports .item a{height:48px;width:48px;background:#fff;border-radius:50%;box-shadow: 0px 0px 5px 0px #00000033;display:flex;align-items:center;justify-content:center;}
.supports .item a img{object-fit: contain;max-width: 30px;max-height: 30px;}
.supports .item a.zalo img{max-width: 37px;}
.supports .item a:hover{box-shadow: 0px 0px 10px 0px #00000087;}
.backtop{position: fixed;right: 20px;bottom: 40px;transition: .5s;z-index: 999;}
.backtop a{height:48px;width:48px;background:#fff;border-radius:50%;box-shadow: 0px 0px 5px 0px #00000033;display:flex;align-items:center;justify-content:center;}
.backtop a img{object-fit: contain;max-width: 30px;max-height: 30px;}
.backtop a:hover{box-shadow: 0px 0px 10px 0px #00000087;}

/* Header */
#header .col-touch{display: none;}
#menu-mobile{display: none;}

/* Footer */

/* Page */


/* Category */
.form_recruit {
    position: relative;
    padding: 50px 0;margin-top: 50px;
    background: #F5F5F5;
}
.box_form label{    color: #01827b;
    font-size: 20px;
    font-weight: 700;}
    .form_recruit .box_form input[type='submit'] {
    width: 100%;margin-top: 30px;
    background: #01827b;
    font-size: 20px;
    font-weight: 700;
}
.form_recruit .box_form {
    background: #fff;
    padding: 40px 50px;
    border-radius: 20px;
}
.form_recruit .box_form input {
    background: #fff;
    border-radius: 30px;

}
.pagination{justify-content: center;}
.pagination ul{margin-bottom: 0;list-style: none;}
.pagination ul li{display: inline-block;margin: 3px;}
.pagination ul li span,.pagination ul li a{display: block;padding: 5px;height: 38px;min-width: 38px;text-align: center; background: #EAEEF3;line-height: 28px;}
.pagination ul li .current,.pagination ul li span:hover,.pagination ul li a:hover{background: #01827b;color: #fff;}
.pagination{margin-top: 30px}


/* Single */
.single-tags{padding-bottom: 20px;color: #666;font-size: 13px;display:flex;flex-wrap:wrap;align-items: center;}
.single-tags span{margin: 0 5px 5px 0;}
.single-tags a{display: inline-block;height: 30px;line-height: 30px;border-radius: 3px;padding: 0 10px;background-color: #ECECEC;margin: 0 5px 5px 0;}

/* Comment-news */
#comments{margin: 0;width: 100%;max-width: 100%;}
#wpdcom{margin: 0;max-width: 100%;width: 100%;padding: 0;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap{padding: 10px 0;}
#wpdcom #wpd-threads{margin-top: 0;}
#wpdcom .wpd-thread-list{padding: 8px 0;}
#wpdcom .wpd-prim-button{color: #fff !important;}
#wpdcom .wpd-comment .wpd-comment-right{padding-bottom: 12px;}
#wpdcom .wpd-blog-guest .wpd-comment-author, #wpdcom .wpd-blog-guest .wpd-comment-author a{color: #566ba0;}
#wpdcom .wpd-blog-administrator .wpd-comment-author, #wpdcom .wpd-blog-administrator .wpd-comment-author a{color: #566ba0;}
#wpdcom .wpd-up svg{fill: #566ba0 !important;}
#wpdcom .wpd-blog-administrator .wpd-comment-label{background-color: #566ba0;}
#wpdcom.wpd-layout-1 .wpd-comment .wpd-blog-administrator .wpd-avatar img{border-color: #566ba0;}
#wpdcom .wpd-up{color: #566ba0 !important;}

/* Sidebar */
.page-sidebar .widget:not(:last-child){margin-bottom:30px}
.page-sidebar .tagcloud{display:flex;flex-wrap:wrap}
.page-sidebar .tagcloud a{display: inline-block; font-size:14px!important;height:30px;padding:0 10px;line-height:30px;background-color:#ECECEC;border-radius:3px;margin:0 5px 5px 0}
.page-sidebar .widget_media_image img{width: 100%;height: auto;object-fit: contain;}


/* Product */


/* Detail */
.devvn_prod_variable .quantity{padding-left: 0;}
.woo-variation-swatches.wvs-show-label .variations td{text-align: left;}

/* Comment-Woo (Plugin: Customer Reviews for WooCommerce) */
.cr-all-reviews-shortcode .cr-review-form-item, .cr-ajax-reviews-review-form .cr-review-form-item, .cr-reviews-grid .cr-review-form-item{max-width: 100%;padding: 16px 0;}
.cr-ajax-reviews-review-form .cr-review-form-item{display: none;}
.cr-onsite-ratings .cr-review-form-rating, .cr-review-form-rating-overall .cr-review-form-rating{max-width: 100%;}
.cr-all-reviews-shortcode .cr-review-form-comment, .cr-ajax-reviews-review-form .cr-review-form-comment, .cr-reviews-grid .cr-review-form-comment{max-width: 100%;}
.cr-all-reviews-shortcode .cr-review-form-ne, .cr-ajax-reviews-review-form .cr-review-form-ne, .cr-reviews-grid .cr-review-form-ne{max-width: 100%;}
.cr-all-reviews-shortcode .cr-form-item-media, .cr-ajax-reviews-review-form .cr-form-item-media, .cr-reviews-grid .cr-form-item-media{max-width: 100%;}
.cr-form-item-media-none{padding: 20px;background: #fff;}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit{background-color: #4660FF;border-radius: 5px;}
.cr-all-reviews-shortcode .cr-review-form-buttons .cr-review-form-submit:hover, .cr-ajax-reviews-review-form .cr-review-form-buttons .cr-review-form-submit:hover, .cr-reviews-grid .cr-review-form-buttons .cr-review-form-submit:hover{background-color: #566ba0;}
.cr-all-reviews-shortcode .cr-review-form-result, .cr-ajax-reviews-review-form .cr-review-form-result, .cr-all-reviews-shortcode .cr-review-form-not-logged-in, .cr-ajax-reviews-review-form .cr-review-form-not-logged-in, .cr-reviews-grid .cr-review-form-result, .cr-reviews-grid .cr-review-form-not-logged-in{max-width: 100%;padding: 16px 0;}
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue, .cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue, .cr-reviews-grid .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue{padding: 0 24px;border-radius: 48px;background-color: #4660FF;}
.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover, .cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover, .cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue:hover, .cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue:hover, .cr-reviews-grid .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover, .cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue:hover{background-color: #566ba0;}
.cr-all-reviews-shortcode .cr-count-row, #reviews.cr-reviews-ajax-reviews .cr-count-row{background-color: #fff;padding: 8px 16px;margin: 16px 0;}
#reviews.cr-reviews-ajax-reviews .cr-ajax-search, .cr-all-reviews-shortcode .cr-ajax-search{margin: 16px 0;display: none;}
.cr-all-reviews-shortcode .crstar-rating span::before, .cr-reviews-grid .cr-summaryBox-wrap .crstar-rating span::before, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .crstar-rating span::before, #reviews #comments .cr-summaryBox-wrap .crstar-rating span::before{top: -6px;}
.cr-all-reviews-shortcode ol.commentlist li .comment-text p, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text p{margin: 8px 0;}
.cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .woocommerce-review__author, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .meta .woocommerce-review__author{font-weight: 600;text-transform: capitalize;}
.cr-all-reviews-shortcode ol.commentlist li, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list li{margin: 0 0 16px 0;}
.cr-all-reviews-shortcode ol.commentlist, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list{padding: 16px;background: #fff;}
.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt{height: 30px;}
.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt>svg{width: 32px;height: 30px;}
.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-val{font-size: 20px;color: #1E293B;}
.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-lbl{font-size: 16px;color: #444;}
.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add{border-radius: 48px;border: none;padding: 0 24px;background-color: #4660FF;}
.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add:hover{background-color: #566ba0;}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav{background: #fff;border-left: 1px solid #E5E9EB;border-right: 1px solid #E5E9EB;border-radius: 4px;}
.cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel{border-radius: 5px;}
.cr-all-reviews-shortcode .cr-review-form-buttons .cr-review-form-cancel:hover, .cr-ajax-reviews-review-form .cr-review-form-buttons .cr-review-form-cancel:hover, .cr-reviews-grid .cr-review-form-buttons .cr-review-form-cancel:hover{background-color: #4D5D64;color: #fff;}
.cr-all-reviews-shortcode .cr-review-form-comment .cr-review-form-comment-txt, .cr-ajax-reviews-review-form .cr-review-form-comment .cr-review-form-comment-txt, .cr-reviews-grid .cr-review-form-comment .cr-review-form-comment-txt{border-radius: 4px;}
.cr-all-reviews-shortcode .cr-review-form-ne .cr-review-form-txt, .cr-ajax-reviews-review-form .cr-review-form-ne .cr-review-form-txt, .cr-reviews-grid .cr-review-form-ne .cr-review-form-txt{border-radius: 4px;}
.cr-all-reviews-shortcode .cr-review-form-buttons, .cr-ajax-reviews-review-form .cr-review-form-buttons, .cr-reviews-grid .cr-review-form-buttons{max-width: 100%;padding: 0;}
#reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-div{display: none;}
.hidepc{display: none;}
/* Cart */
.woocommerce-tabs.wc-tabs-wrapper{display: none;}
.woocommerce nav.woocommerce-pagination{padding-top: 16px;}
.woocommerce .woocommerce-pagination ul.page-numbers,.woocommerce-page .woocommerce-pagination ul.page-numbers{border:0;margin:0}
.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{border:0;float:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}
.woocommerce .woocommerce-pagination ul.page-numbers li a,.woocommerce .woocommerce-pagination ul.page-numbers li span,.woocommerce-page .woocommerce-pagination ul.page-numbers li a,.woocommerce-page .woocommerce-pagination ul.page-numbers li span{font-size:16px;color:#212529;font-weight:600;display:inline-block;width:40px;height:40px;line-height:40px;padding:0;text-align:center;border-radius:50%;-webkit-transition:all .5s;transition:all .5s}
.woocommerce .woocommerce-pagination ul.page-numbers li a.current,.woocommerce .woocommerce-pagination ul.page-numbers li a:hover,.woocommerce .woocommerce-pagination ul.page-numbers li span.current,.woocommerce .woocommerce-pagination ul.page-numbers li span:hover,.woocommerce-page .woocommerce-pagination ul.page-numbers li a.current,.woocommerce-page .woocommerce-pagination ul.page-numbers li a:hover,.woocommerce-page .woocommerce-pagination ul.page-numbers li span.current,.woocommerce-page .woocommerce-pagination ul.page-numbers li span:hover{color:#f5652d;background-color:#f5f5f5}
.woocommerce .woocommerce-pagination ul.page-numbers li .next,.woocommerce .woocommerce-pagination ul.page-numbers li .prev,.woocommerce-page .woocommerce-pagination ul.page-numbers li .next,.woocommerce-page .woocommerce-pagination ul.page-numbers li .prev{}
.select2-container--open{z-index:999999}
.select2-container--default.select2-container--default .select2-selection--single{background-color:#f5f5f5;border:1px solid #f5f5f5; border-radius:3px;height:48px;margin:0}
.select2-container--default.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:48px;padding-left:20px}
.select2-container--default.select2-container--default .select2-selection--single .select2-selection__arrow{height:48px}
.select2-container--default.select2-container--default .select2-selection--single .select2-selection__placeholder{color:inherit}
.select2-container--default.select2-container--default .select2-selection--single .select2-selection__clear{font-weight:400}
.select2-dropdown{border:1px solid #eee;}

.woocommerce table.shop_table{border-collapse:collapse}
.woocommerce table.my_account_orders,.woocommerce table.shop_table.cart{border:0;border-radius:0;margin:0}
.woocommerce table.my_account_orders thead tr,.woocommerce table.shop_table.cart thead tr{border:1px solid #eee;border-radius:3px}
.woocommerce table.my_account_orders th,.woocommerce table.shop_table.cart th{font-weight:600;text-transform:uppercase;color:#212529;line-height:1.6;padding:16px 8px;border:0;background-color:#f5f5f5}
.woocommerce table.my_account_orders td{border:0}
.woocommerce table.shop_table.cart td{border:0;padding:16px 8px}
.woocommerce table.my_account_orders tbody tr,.woocommerce table.shop_table.cart tbody tr{border:1px solid #eee;border-top:none}
.woocommerce table.my_account_orders tbody tr:last-child,.woocommerce table.shop_table.cart tbody tr:last-child{border:0}
.woocommerce table.my_account_orders .product-price .amount,.woocommerce table.my_account_orders .product-subtotal .amount,.woocommerce table.shop_table.cart .product-price .amount,.woocommerce table.shop_table.cart .product-subtotal .amount{color:#212529;font-size:15px;font-weight:700}
.woocommerce table.my_account_orders .product-price ins,.woocommerce table.my_account_orders .product-subtotal ins,.woocommerce table.order_details .product-total ins,.woocommerce table.shop_table.cart .product-price ins,.woocommerce table.shop_table.cart .product-subtotal ins{background-color:transparent;font-weight:700}
.woocommerce table.my_account_orders .product-price del,.woocommerce table.my_account_orders .product-subtotal del,.woocommerce table.order_details .product-total del,.woocommerce table.shop_table.cart .product-price del,.woocommerce table.shop_table.cart .product-subtotal del{margin-right:5px;font-weight:500;font-size:13px}
.woocommerce table.my_account_orders .product-quantity .quantity .qty,.woocommerce table.shop_table.cart .product-quantity .quantity .qty{width:130px;height:40px}
.woocommerce table.my_account_orders td.actions,.woocommerce table.shop_table.cart td.actions{padding:16px 0 0}
.woocommerce table.my_account_orders td.actions .coupon .input-text,.woocommerce table.shop_table.cart td.actions .coupon .input-text{border-color:#eee;padding:0 25px}
.woocommerce table.shop_table.cart td.actions{display: none;}
.woocommerce table.my_account_orders .add_to_cart.button,.woocommerce table.shop_table.cart .add_to_cart.button{font-size:.75rem;line-height:2.75rem;padding:0 2.5rem}
.woocommerce table.shop_table.cart .product-thumbnail{width:100px;padding-left:0}
.woocommerce table.shop_table.cart .product-thumbnail img{width:auto;margin: 0;}
.woocommerce table.shop_table.cart .product-remove{width:50px;}
.woocommerce table.shop_table.cart .product-name{width: 40%;}
.woocommerce table.shop_table.cart .product-price,.woocommerce table.shop_table.cart .product-quantity,.woocommerce table.shop_table.cart .product-subtotal{text-align:center;width: 25%;}
.woocommerce table.shop_table.cart td.actions .coupon .input-text{width:250px;line-height: 46px !important;}
.woocommerce table.shop_table.cart .product-quantity .quantity:not(.mini_cart_item .quantity){justify-content: center;margin: 0 auto;align-items: center;}
.woocommerce table.shop_table.cart .product-quantity .quantity input[type="number"]{margin: 0 auto;width: 100px;border-radius: 5px;border: 1px solid #d6d6d6;}
.woocommerce .cart-collaterals .cart_totals,.woocommerce .cart-collaterals .cross-sells{margin-top:32px}
.woocommerce .cart-collaterals .wc-proceed-to-checkout{padding:16px 0 0}
.woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button{font-size:1rem;line-height:2.75rem;padding:0 2.1875rem}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{margin-bottom: 0;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt{background-color: #f5652d;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover{background-color: #f5652d;}
.woocommerce .cart-collaterals .cart_totals{box-shadow:0 0 10px rgba(0,0,0,.1);padding:20px;max-width:500px}
.woocommerce .cart-collaterals .cart_totals>h2{font-size:20px;padding-bottom:8px;border-bottom:1px solid #ddd;margin-bottom:16px;font-weight: 600;}
.woocommerce .cart-collaterals .cart_totals table,.woocommerce table.woocommerce-checkout-review-order-table{border:0;border-radius:0;margin:0}
.woocommerce .cart-collaterals .cart_totals table tr,.woocommerce table.woocommerce-checkout-review-order-table tr{border-width: 0;}
.woocommerce .cart-collaterals .cart_totals table th{border:0;padding:0 8px 16px 0;font-size:15px;font-weight:500}
.woocommerce .cart-collaterals .cart_totals table td{border:0;padding:0 0 16px 8px;text-align:right}
.woocommerce .cart-collaterals .cart_totals table tr.cart-subtotal td,.woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal td{color:#212529;font-weight:700}
.woocommerce .cart-collaterals .cart_totals table tr:last-child td,.woocommerce .cart-collaterals .cart_totals table tr:last-child th{padding-bottom:0}
.woocommerce .cart-collaterals .cart_totals table .shipping-calculator-button,.woocommerce .cart-collaterals .cart_totals table small,.woocommerce table.woocommerce-checkout-review-order-table tbody .product-name a{color:inherit}
.woocommerce .cart-collaterals .cart_totals table .select2-container--default .select2-selection--single .select2-selection__rendered{text-align:left}
.woocommerce .cart-collaterals .cart_totals table tr.order-total span.amount{font-weight:700;font-size:20px;color: #f5652d;}
.woocommerce .cart-collaterals .cart_totals table tr.order-total th,.woocommerce table.woocommerce-checkout-review-order-table tbody .product-name strong,.woocommerce table.woocommerce-checkout-review-order-table tfoot ul#shipping_method .amount,.woocommerce table.woocommerce-checkout-review-order-table tfoot ul#shipping_method li label{font-weight:500}
.woocommerce .cart-collaterals .cart_totals table tr.order-total td,.woocommerce .cart-collaterals .cart_totals table tr.order-total th{border-top:1px solid #ddd;padding-top:16px}
.woocommerce .cart-collaterals .cross-sells>h2{font-size:34px;margin-bottom:50px;text-align:center}
.woocommerce .cart-collaterals .shipping-calculator-form{margin-top:25px}
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{max-width:100%;padding-left:0;padding-right:0}
.woocommerce form p{margin-bottom:23px}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{background: #f5f5f5;border: 1px solid #f5f5f5;border-radius: 3px; padding: 13px 20px;color: #444 !important;}
.woocommerce form .form-row input.input-text::-webkit-input-placeholder, .woocommerce form .form-row textarea::-webkit-input-placeholder{color: #444 !important;}
.woocommerce form .form-row{display:block;padding:0;margin:0 0 16px}
.woocommerce form .form-row label{margin-bottom:8px;font-weight:600;font-size:13px;text-transform:uppercase;line-height:1.2}
.woocommerce form .form-row textarea{height:8em}
.woocommerce-additional-fields,.woocommerce-shipping-fields{margin-top:16px}
.woocommerce-shipping-fields>h3{font-size:15px;margin-bottom:21px;font-weight:500}
.woocommerce-shipping-fields>h3 label span{cursor:pointer}
.woocommerce-shipping-fields>h3 label input{position:relative;top:2px;margin:-2px 8px 0 0}
#order_review_heading,.woocommerce-additional-fields>h3,.woocommerce-billing-fields>h3{font-size:20px;line-height:1.5;margin-bottom:16px;font-weight: 600;display: none;}
.woocommerce-account-fields .create-account{margin:0!important}
.woocommerce-account-fields label>span{font-size:15px;font-weight:500;text-transform:none;letter-spacing:0;color:#212529;cursor:pointer}
.woocommerce-account-fields label>.input-checkbox{position:relative;top:-2px}
#order_review{padding:24px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.woocommerce #order_review .woocommerce-checkout-payment{margin-top:24px;background:0 0;border-radius:0}
.woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods{padding:0;border-color:#eee}
.woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li{display: flex;align-items: center;flex-wrap: wrap;}
.woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li input{position:relative;margin-right:5px;}
.woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li label{margin-bottom:0;color:#212529;font-weight:500}

.woocommerce #order_review .woocommerce-checkout-payment .place-order{padding:16px 0 0;margin:0}
.woocommerce #order_review .woocommerce-checkout-payment .place-order .button{width:100%;}
.woocommerce table.woocommerce-checkout-review-order-table thead th{border:0;font-weight:600}
.woocommerce table.woocommerce-checkout-review-order-table .product-name{padding:0 8px 16px 0}
.woocommerce table.woocommerce-checkout-review-order-table .product-total{padding:0 0 16px 8px;text-align:right}
.woocommerce table.woocommerce-checkout-review-order-table td.product-name{font-size: 14px;}
.woocommerce table.order_details .product-name a,.woocommerce table.woocommerce-checkout-review-order-table tbody .product-name,.woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total{color:#212529}
.woocommerce table.woocommerce-checkout-review-order-table tbody .product-total{color:#212529;font-size:14px;font-weight:700}
.woocommerce table.order_details td,.woocommerce table.order_details th,.woocommerce table.woocommerce-checkout-review-order-table td,.woocommerce table.woocommerce-checkout-review-order-table tfoot td,.woocommerce table.woocommerce-checkout-review-order-table tfoot th{border:0}
.woocommerce table.order_details td,.woocommerce table.order_details li,.woocommerce table.woocommerce-checkout-review-order-table li,.woocommerce table.woocommerce-checkout-review-order-table li,.woocommerce table.woocommerce-checkout-review-order-table li{margin-bottom: 0;}
.woocommerce table.woocommerce-checkout-review-order-table tfoot th{font-weight:600;padding:0 8px 16px 0}
.woocommerce table.woocommerce-checkout-review-order-table tfoot td{padding:0 0 16px 8px;font-weight:500;text-align:right}
.woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal td,.woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal th{border-top:1px solid #eee;padding-top:16px}
.woocommerce table.woocommerce-checkout-review-order-table tfoot ul#shipping_method li input{margin:0 5px 0 0;vertical-align:middle}
.woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total td{font-size:20px;font-weight:700;color: #f5652d; padding-top:16px;padding-bottom:0;border-top:1px solid #eee}
.woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total th{padding-top:16px;padding-bottom:0;border-top:1px solid #eee}
.woocommerce-checkout .woocommerce form .form-row-first,.woocommerce-checkout .woocommerce form .form-row-last{width:100%;float:none}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{font-size:15px;text-transform:none;font-weight:500;letter-spacing:0;display:block;margin-bottom:20px}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme input{position:relative;top:1px;margin-right:5px}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{float:none;margin:0;width:100%}
.woocommerce .woocommerce-form-login .lost_password{margin-bottom:0}
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit{float:none;margin:0;width:100%}
.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads{margin-bottom: 16px;}
.woocommerce ul.order_details{padding-left: 0;margin: 0 0 16px;}
.woocommerce ul.order_details li{margin-top:0}
.woocommerce .woocommerce-order-details .woocommerce-order-details__title,.woocommerce-column__title,.customnew h2{font-size:20px !important;line-height:1.5;font-weight: 600;}
.woocommerce table.order_details{border:1px solid #eee;border-radius:3px;margin:0}
.woocommerce table.order_details thead th{font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#212529;line-height:1.6;padding:16px 8px;border:0;background-color:#f5f5f5}
.woocommerce table.order_details .product-total .amount{color:#212529;font-size:15px;font-weight:700}
.woocommerce table.order_details tfoot td,.woocommerce table.order_details tfoot th{border:0}
.woocommerce table.order_details tfoot th{font-weight:500}
.woocommerce table.order_details tfoot td{color:#212529}
.woocommerce table.order_details tfoot tr:first-child td,.woocommerce table.order_details tfoot tr:first-child th{border-top:1px solid #eee}
.woocommerce table.order_details tfoot tr:last-child{color:#212529}
.woocommerce table.order_details tfoot tr:last-child td,.woocommerce table.order_details tfoot tr:last-child th{border-top:1px solid #eee}
.woocommerce table.order_details tfoot tr:last-child td{font-size:20px}
#customer_details{float:left;width:50%;margin-bottom:0}
#customer_details .col-1,#customer_details .col-2,.woocommerce div.product form.cart table.variations td.value{width:100%}
#order_review{float:right;width:48%}
#customer_login h2{font-size:24px}

/* Thankyou */
.woocommerce-customer-details{display: none;}

/* Account */
.account-body .box-login{background: #fff;padding: 20px;border: 2px solid #1a1a1a;width: 468px;max-width: 100%;display: block;margin: 0 auto;}
.account-body .box-login #customer_login h2{font-weight: bold;}
.account-body .box-login .woocommerce form.login,.account-body .box-login .woocommerce form.register{border: none;margin: 0;padding: 0;border-radius: 0;}
.account-body .box-login [type="submit"]{width: 100%;}
.account-body .box-login .lost_password{margin-bottom: 16px;float: right; font-size: 14px;font-weight: 500;}
.account-body .box-login .woocommerce-form-login__rememberme{margin-bottom: 16px;float: left;font-size: 14px;}
.account-body .box-login .note{font-size: 14px;font-weight: 500;padding-top: 4px;}
.account-body .box-login .note a{color: #02AEEE;}
.account-body .box-login .u-column2{display: none;}
.account-body .box-login .note .note2{display: none;}
.account-body .box-login.active .u-column2{display: block;}
.account-body .box-login.active .u-column1{display: none;}
.account-body .box-login.active .note .note2{display: block;}
.account-body .box-login.active .note .note1{display: none;}
.zek_block_login{background: #fff;padding: 30px;border: 2px solid #19334C;}
.woocommerce-account .woocommerce-MyAccount-navigation{float: none;width: 100%;}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style: none;display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 24px;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc((100% - 50px) / 6);margin-bottom: 0;text-align: center;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{font-weight: 600;display: block;padding: 10px;border: 2px solid #1A1A1A;color: #19334C;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{color: #fff;background: #1A1A1A;}
.woocommerce-account .woocommerce-MyAccount-content{float: none;width: 100%;}
.woocommerce-account .addresses .title .edit{font-size: 12px;font-weight: 500;padding: 2px 4px;background: #1A1A1A;color: #fff;border-radius: 4px;}
.woocommerce table.my_account_orders td.woocommerce-orders-table__cell-order-actions a, .woocommerce table.my_account_orders th.woocommerce-orders-table__cell-order-actions a{margin: 5px;}
.woocommerce-EditAccountForm fieldset legend{font-weight: bold;font-size: 20px;margin-bottom: 16px;}
.woocommerce-account .addresses .title h3{font-size: 18px;font-weight: bold;}
/* Home */
.swiper-button-next:after, .swiper-button-prev:after{font-size: 30px}
.soluonghienthi span {
    font-size: 15px;
    color: #01827b;font-weight: 700}
  .title-ab.noupp{text-transform: none;}
  .section-ab-2 .content, .section-ab-3 .row .col-md-6:first-child .box-ab .content{text-align: justify;}
  .single-related .img img{height: 170px;width: 100%;object-fit: cover;margin-bottom: 10px}
@media (max-width: 1399px) {

}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
html {
	overflow-y: scroll;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
body {
	overflow-y: visible;
	position: relative;
}
body.active-filter #filter-mobile .filter-sidebar{display: block;}
html, body {
	overflow-x: hidden;
	margin: 0;
}
#main{overflow: hidden;}
.supports .item a{width: 44px;height: 44px;}
.supports .item a img{max-width: 24px;max-height: 24px;}
.supports .item a.zalo img{max-width: 30px;}
.backtop a{width: 44px;height: 44px;}
.backtop a img{max-width: 24px;max-height: 24px;}

#header .col-touch{display: block;width: 10%;}
#header .col-logo{width: 65%}
#header .col-lang{width: 25%}
#header .col-logo img{width: 160px;
  text-align: right;
  float: right;}
  .header-main {
  padding: 20px 0;
}
.header-main .row{flex-wrap: unset;}
#touch-menu{width: 24px;height: 24px;cursor: pointer;background-image: url(images/touch.png);background-size: cover;background-repeat: no-repeat;background-position: center;}
.line-dark{opacity: 0;transition: all .5s;visibility: hidden;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.6);z-index: 999}
body.active-menu .line-dark, body.active-filter .line-dark{opacity: 1;visibility: visible;cursor: url(images/close.png) 20 20,default;}
#menu-mobile{display: block;transition: all .5s; background: #fff;z-index: 9999;position: fixed;width: 100%;height: 100%;top: 0;left: -300px;opacity: 0;visibility: hidden;padding-top: 40px;    background: #01827b;}
#filter-mobile{display: block;transition: all .5s; background: #fff;z-index: 99999999999;position: fixed;width: 80%;height: 100%;top: 0;right: -300px;opacity: 0;visibility: hidden;overflow: scroll;padding: 0 20px;padding-top: 40px;    background: #fff;}
#menu-mobile .menu li > a{color: #fff}
body.active-menu #menu-mobile{opacity: 1;visibility: visible;left: 0;}
body.active-filter #filter-mobile{opacity: 1;visibility: visible;right: 0;}
#menu-mobile .close, #close-filter{width: 24px;height: 24px;cursor: pointer;filter: brightness(0) invert(1);
   -webkit-filter: brightness(0) invert(1);background-image: url(images/close-menu.png);background-size: 18px;background-repeat: no-repeat;background-position: center;position: absolute;top: 12px;right: 12px;}
#menu-mobile ul{list-style: none;margin-bottom: 0;}
#close-filter{filter: brightness(0);
  -webkit-filter: brightness(0);}
#menu-mobile .menu{height: 100%;overflow-y: auto;padding: 15px 10px 10px 20px;}
#menu-mobile .menu ul{display: none;padding-left: 20px;}
#menu-mobile .menu li{position: relative;}
#menu-mobile .menu li>a{display: flex;align-items: center;min-height: 36px;border-bottom: 1px solid #ffffff47;
    padding: 10px 0;}
#menu-mobile .menu li>svg{width: 24px;height: 24px;cursor: pointer;padding: 6px;position: absolute;right: 0;top: 6px;fill: #fff;}
#menu-mobile .menu li.re-arrouw>svg{transform: rotate(180deg);}

/* Acount */
.woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc((100% - 20px) / 3);}
.post-card h3.title{font-size: 16px}
}
@media(max-width:767px) {
    .box-left-footer {
  margin-left: 0;
}
#black-studio-tinymce-3, #black-studio-tinymce-5{margin-bottom: 20px;}
#black-studio-tinymce-3{margin-top: 30px;}
    .hidepc{display: block;margin-bottom: 0 !important;flex: 0 0 75px;


}
    .shop-loop-header {
        flex-direction: column;
        align-items: stretch;gap: 5px;
    }

    .shop-loop-header .soluonghienthi {
        width: 100%;
        margin-bottom: 10px;
    }

    .shop-loop-header .dgwt-wcas-search-wrapp {
        width: 100%;
        margin-bottom: 10px;
    }

    .shop-loop-header .bottom-row {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    .shop-loop-header .woocommerce-ordering {
        width:55%;display: flex;align-items: center;
    }

    .shop-loop-header .filter-category {
        width: 20%;
        display: flex;
        justify-content: flex-end; /* đẩy icon sang phải */
        align-items: center;
    }
    .page-template-page-about .box-contact{margin-top: 0}
    .list-news .item .info.box-text-2 .title a{height: auto;}
    .listmobile img{height: 91px;object-fit: cover;}
    .filter-category {
    display: block;
  }
  .filter-category svg{fill: #000;width: 30px}
    .page-template-page-about .sidebar{display: block;order: 2;}
    .first-new .desc{display: none;}
    .listmobile{margin-top: 30px}
     .category  .col-lg-12 .list-news .row > div{margin-bottom: 15px}
       .form_recruit {
  position: relative;
  padding: 30px 0;
  margin-top: 0;}
  .form_recruit .box_title h2{margin-bottom: 30px;
  font-size: 20px;
  text-align: justify;}
  .box_recruit .filter_recruit{padding: 10px}
    body, .list-news .item .info.box-text-2 .title a{font-size: 15px}
    .archive .list-news.listmobile .item{    flex-direction: row;align-items: center;}
        .archive .list-news.listmobile .item .img{width: 200px;
    margin-right: 15px;}
    .archive .list-news .item .info.box-text-2 .title, .home-sec-8 .box-text .title{font-size: 18px}
    .listmobile .desc{display: none !important;}
    .product-loop .item-cat:nth-child(2n) .link-more{margin-top: 20px}
    .section-ab-2 {
  margin-top: 0;
}
.list-shortcut-desktop{bottom: 185px}
.single-post .sidebar{display: block;}
.box-nhabanhang .info-nbh .image-cover {
  width: auto;
  border-radius: 100%;
  padding-top: 0;
  height: auto;}
  .box-contact .contnet{text-align: justify;}
  .box-nhabanhang .info-nbh .image-cover img{position: relative;max-width: 50%;}
    .imgpc{display: none;}
    .box-share .copylink, .box-share .social-icons a {
  width: 18px;}
    .box-fillter-brand{flex-wrap: wrap;}

    .imgmb{display: block;}
    .box-border-ar{display: none;}
    .product-loop .item-cat .box-title{width: 100%}
.product-loop .item-cat .link-more{text-align: center;}
    .box-slider .swiper-button-next, .box-slider .swiper-button-prev, .product-hot .swiper-button-next, .product-hot .swiper-button-prev, .slider-product .swiper-button-next, .slider-product .swiper-button-prev{display: none;}
    .page-title, .title-ab{font-size: 22px}
.content-post .gallery.gallery-columns-2{grid-template-columns:repeat(1,1fr)}
.content-post .gallery.gallery-columns-4{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-3{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-5{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-6{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-7{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-8{grid-template-columns:repeat(2,1fr)}
.content-post .gallery.gallery-columns-9{grid-template-columns:repeat(2,1fr)}
/* Cart-mb */
.woocommerce table.shop_table.cart td{padding: 8px 8px;}
.woocommerce table.shop_table.cart .product-name{width: 100%;}
.woocommerce table.shop_table.cart .product-price, .woocommerce table.shop_table.cart .product-quantity, .woocommerce table.shop_table.cart .product-subtotal{width: 100%;}
.woocommerce .cart-collaterals .cart_totals{padding: 12px;max-width: 100%;}
.woocommerce .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cross-sells{margin-top: 20px;}
#customer_details{width: 100%;}
#order_review{width: 100%;padding: 12px;}
.woocommerce table.woocommerce-checkout-review-order-table .product-name{padding: 0 8px 8px 0;}
.woocommerce table.woocommerce-checkout-review-order-table .product-total{padding: 0 0 8px 8px;}
.woocommerce table.woocommerce-checkout-review-order-table tfoot th{padding: 0 8px 8px 0;}
.woocommerce table.woocommerce-checkout-review-order-table tfoot td{padding: 0 0 8px 8px;}
.woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal td, .woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal th{padding-top: 8px;}
.woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total th{padding-top: 8px;}
.woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total td{padding-top: 8px;font-size: 20px;}
.woocommerce #order_review .woocommerce-checkout-payment{margin-top: 16px;}
.woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li label{font-size: 16px;}
.woocommerce table.order_details tfoot tr:last-child td{font-size: 16px;}
.header-menu, .col-search{display: none;}
.box-searh-cat, #footer, .mainbody, .box-thuonghieu, .box-contact, .section-ab-1 .img{padding: 30px 0}
.box-title {
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 15px;}
  .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp{padding: 0}
  .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{top: 10px}
  .list-cat ul li {
  width: 50%;}
  .list-cat ul{margin-bottom: 0}
  .box-nb{padding: 30px 20px}
  .box-banner {
  margin-top: 0;}
  .product-hot{padding-bottom: 30px}
.product-css .item .info .title a{height: auto}
.product-loop .item-cat:nth-child(2n){margin: 0 15px}
.home-sec-7{padding: 30px 0 !important}
.logo-brand{margin-top: 0}

.link-more a{margin-right: 0;font-size: 14px;
    padding: 0 5px;}
.home .list-news {
  padding-left: 0;border: 0}
  .home .list-news{margin-top: 30px}
  .head{box-shadow: 1px 1px 10px rgb(0 0 0 / .15);}
  .woo-variation-product-gallery{width: 100% !important}
  .box-thuonghieu{margin: 0}
  .box-nhabanhang .info-nbh, .section-ab-5 .box-item, .archive .list-news .item{flex-direction: column;}
  .box_recruit .filter_recruit ul{gap: 0;margin: 0}
  .box_recruit .filter_recruit ul li{padding: 0;width: 40%;}
    .box_recruit .filter_recruit ul li:last-child{width: 20%}
  .archive .list-news .item .img, .list-news .item .info{width: 100%}
  .archive .list-news .item .info{padding: 0}
  .archive .list-news .item:not(:last-child){margin-bottom: 15px}
    .archive .list-news .item .img{margin-bottom: 15px}
  .box-nhabanhang{padding: 30px 20px}
  .related-top h2 {
  font-size: 18px;}
  .related-top .btn-1 {
  padding: 7px 5px;}
  .related-products-wrapper{margin-bottom: 0}
  .detail-related .product-col .row > div:last-child{margin-bottom: 0}
.box_recruit .filter_recruit ul li select{font-size: 13px;color: #000;padding: 0 6px;}
  .sidebar{display: none;}
  .section-ab-5 .box-item > div {
  width: 100%;}
    .box_recruit .item_recruit .cnt h2 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .form_recruit .box_form {
  padding: 30px 20px;
}
 .box-thong-tin {
    padding: 20px;
    gap: 16px;
  }
    .product-info .box-gia, .thong-tin-item {
    width: 100%;
  }
.single_recruit .all_box{padding: 15px}
}
@media(max-width:575px) {

/* Acount */
.woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc(50% - 5px);}
#customer_login h2{font-size: 20px;}

}
@media(max-width:428px) {


}