/*
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.
*/
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-Light.otf);font-style: normal;font-weight: 300;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-Light-Italic.otf);font-style: italic;font-weight: 300;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-Regular.otf);font-style: normal;font-weight: 400;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-Italic.otf);font-style: italic;font-weight: 400;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-Medium.otf);font-style: normal;font-weight: 500;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-Medium-Italic.otf);font-style: italic;font-weight: 500;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-SemiBold.otf);font-style: normal;font-weight: 600;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-SemiBold-Italic.otf);font-style: italic;font-weight: 600;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-Bold.otf);font-style: normal;font-weight: 700;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-Bold-Italic.otf);font-style: italic;font-weight: 700;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-Heavy.otf);font-style: normal;font-weight: 800;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-Heavy-Italic.otf);font-style: italic;font-weight: 800;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-Black.otf);font-style: normal;font-weight: 900;}
@font-face{font-family: 'SVN-Gilroy';src:url(fonts/SVN-Gilroy-Black-Italic.otf);font-style: italic;font-weight: 900;}
@font-face{font-family: 'Noto-Seri';src:url(fonts/NotoSerif_Condensed-Light.ttf);font-style: normal;font-weight: 300;}
@font-face{font-family: 'Noto-Seri';src:url(fonts/NotoSerif_Condensed-LightItalic.ttf);font-style: italic;font-weight: 300;}
@font-face{font-family: 'Noto-Seri';src:url(fonts/NotoSerif_Condensed-Regular.ttf);font-style: normal;font-weight: 400;}
@font-face{font-family: 'Noto-Seri';src:url(fonts/NotoSerif_Condensed-Italic.ttf);font-style: italic;font-weight: 400;}
@font-face{font-family: 'Noto-Seri';src:url(fonts/NotoSerif_Condensed-Medium.ttf);font-style: normal;font-weight: 500;}
@font-face{font-family: 'Noto-Seri';src:url(fonts/NotoSerif_Condensed-MediumItalic.ttf);font-style: italic;font-weight: 500;}
@font-face{font-family: 'Noto-Seri';src:url(fonts/NotoSerif_Condensed-SemiBold.ttf);font-style: normal;font-weight: 600;}
@font-face{font-family: 'Noto-Seri';src:url(fonts/NotoSerif_Condensed-SemiBoldItalic.ttf);font-style: italic;font-weight: 600;}
@font-face{font-family: 'Noto-Seri';src:url(fonts/NotoSerif_Condensed-Bold.ttf);font-style: normal;font-weight: 700;}
@font-face{font-family: 'Noto-Seri';src:url(fonts/NotoSerif_Condensed-BoldItalic.ttf);font-style: italic;font-weight: 700;}
@font-face{font-family: 'Noto-Seri';src:url(fonts/NotoSerif_Condensed-ExtraBold.ttf);font-style: normal;font-weight: 800;}
@font-face{font-family: 'Noto-Seri';src:url(fonts/NotoSerif_Condensed-ExtraBoldItalic.ttf);font-style: italic;font-weight: 800;}
@font-face{font-family: 'Noto-Seri';src:url(fonts/NotoSerif_Condensed-Black.ttf);font-style: normal;font-weight: 900;}
@font-face{font-family: 'Noto-Seri';src:url(fonts/NotoSerif_Condensed-BlackItalic.ttf);font-style: italic;font-weight: 900;}
/* Option */
html{margin-top: 0 !important;}
body{font-size: 20px;color: #212529;font-family: 'SVN-Gilroy';padding-top: 120px;}
*{margin:0;padding:0;line-height:1.5}
a{text-decoration:none;color:#212529;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: #0089d0;}
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-family: 'Noto-Seri';}
h2{font-family: 'Noto-Seri';}
h3{font-family: 'Noto-Seri';}
.table{max-width: 100%;table-layout: fixed;word-wrap: break-word;}
table{border: 0;width: 100% !important;}
table.table-bordered>:not(caption)>*{border-width: 0;}
table.table-bordered>:not(caption)>*>*{border-width: 0;}
.img img{width:100%;height:auto;object-fit:cover}
.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;}
@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}
}

/* 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: 24px;}
.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: 960px;}
}
@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: 1280px;}
}
@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1280px;}
}
@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1440px;}
}

/* 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 #121212;padding: 16px 24px;font-size: 20px;border-radius: 8px;line-height: 26px; color: #121212;background: #fff;}
select{height: 60px;}
textarea{height: 140px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #121212;}
input[type="submit"]{transition: all .3s;border: 1px solid #121212;border-radius: 8px;padding: 16px 24px;line-height: 26px;font-size: 20px;font-weight: bold;background-color: #fff;color: #121212;}
input[type="submit"]:hover{background-color: #7e7e7e;color: #121212;border-color: #7e7e7e;}
.select2-container .select2-selection--single{height: 60px;border-radius: 8px;}
.select2-container--default .select2-selection--single{border: 1px solid #121212;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 24px;padding-top: 0;padding-bottom: 0;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 58px;color: #121212;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 58px;}
.select2-dropdown{border: 1px solid #121212;}
.select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #121212;}
.select2-search--dropdown{padding: 12px;}
.select2-container--default .select2-results>.select2-results__options{font-size: 18px;}
.select2-results__option{padding: 6px 12px;}
/* 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 form{display: block;width: 1200px;max-width: 100%;margin: 24px auto;}
.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;}
.content-post>*:last-child{margin-bottom: 0;}
/* 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:136px;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;}
.have-load{opacity: 0;transition: all .5s;}
.delay05{transition-delay: 0.5s;}
.delay1{transition-delay: 1s;}
.delay15{transition-delay: 1.5s;}
.have-load.re-active{opacity: 1;}
.have-load.background{transition: all 4s;opacity: 1;}
.have-load.background.re-active{transform: scale(1.03);}
.have-load.tran-up{transform: translateY(50px);}
.have-load.tran-up.re-active{transform: translateY(0);}
.have-load.tran-down{transform: translateY(-50px);}
.have-load.tran-down.re-active{transform: translateY(0);}
.have-load.tran-right{transform: translateX(-50px);}
.have-load.tran-right.re-active{transform: translateX(0);}
.have-load.tran-left{transform: translateX(50px);}
.have-load.tran-left.re-active{transform: translateX(0);}
.home-slider{position: relative;}
.img-hover{overflow: hidden;position: relative;}
.img-hover img{transition: all 1s;}
.img-hover .background{transition: all 1s;}
.img-hover:hover img{transform: scale(1.05);}
.img-hover:hover .background{transform: scale(1.05);}
.swiper-pagination{display: flex;align-items: center;gap: 6px;justify-content: center;}
.swiper-pagination-bullet{width: 20px;height: 20px;border-radius: 50%;border: 3px solid #fff;position: relative;background: transparent;display: block;opacity: 1;transition: all .3s;}
.swiper-pagination-bullet:before{content: ""; width: 12px;height: 12px;border-radius: 50%;background-color: #000;opacity: .5;position: absolute;top: 1px;left: 1px;transition: all .3s;}
.swiper-pagination-bullet-active:before{opacity: 1;background-color: #fff;}
/* Header */
#header{background: #fff;padding: 15px 30px;box-shadow: 0 2px 8px 0 rgba(99, 99, 99, .2);z-index: 9999;position: fixed;top: 0;left: 0;width: 100%;}
#header .flex{gap: 24px;height: 90px;}
#header .col-touch{width: 140px;display: flex;align-items: center;}
#header .col-logo{width: 200px;}
#header .col-search{width: 140px;}
#header .col-menu{width: calc((100% - 200px - 280px - 96px) / 2);}
#header .logo{text-align: center;}
#header .logo img{object-fit: contain;max-height: 90px;}
#header .menu{list-style: none;margin-bottom: 0;display: flex;gap: 32px;}
#header .menu.left{justify-content: flex-end;}
#header .menu>li{position: relative;cursor: pointer;display: flex;align-items: center;gap: 4px;}
#header .menu>li>svg{width: 16px;height: 16px;position: relative;top: 3px;transition: all .3s;}
#header .menu>li>a{display: flex;align-items: center;gap: 4px;height: 40px;}
#header .menu>li.current-menu-item>a,#header .menu>li:hover>a{color: #0089d0;}
#header .menu>li.current-menu-item>svg,#header .menu>li:hover>svg{fill: #0089d0;}
#header .menu>li:hover>svg{transform: rotate(180deg);}
#header .menu>li ul{list-style: none;margin-bottom: 0;position: absolute;z-index: 99;display: none;background: #fff;min-width: 220px;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);padding: 10px 0;font-size: 18px;}
#header .menu li:hover>ul{display: block;}
#header .menu>li>ul{top: 100%;left: 0;}
#header .menu>li>ul ul{left: 100%;top: 0;}
#header .menu>li li>a{display: flex;align-items: center;gap: 4px;height: 40px;padding: 0 20px;}
#touch-search{width: 40px;height: 50px;display: flex;align-items: center;justify-content: center;cursor: pointer;margin-left: auto;}
#touch-search img{object-fit: contain;width: 30px;height: 30px;}
#touch-menu{display: inline-flex;align-items: center;gap: 8px;font-size: 24px;color: #0089d0;cursor: pointer;font-family: 'Noto-Seri';}
#touch-menu .icon{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background: #0089d0;position: relative;}
#touch-menu .icon img{object-fit: contain;width: 40px;height: 40px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all .1s;}
#touch-menu .icon img.close{opacity: 0;}
#touch-menu .txt-cl{display: none;}
html.active-menu #touch-menu .icon img.close{opacity: 1;}
html.active-menu #touch-menu .icon img.menu{opacity: 0;}
html.active-menu #touch-menu .txt-cl{display: block;}
html.active-menu #touch-menu .txt-mn{display: none;}
#menu-hidden{display: none;padding: 0 90px;width: 100%;position: fixed;z-index: 9999;top: 120px;left: 0;height: calc(100% - 120px);background: #f8f8f8;}
html.active-menu #menu-hidden{display: flex;align-items: center;}
#menu-hidden .for-mb{display: none;}
#menu-hidden .col-item:not(:last-child){border-right: 1px solid #c8c8c8;}
#menu-hidden ul{list-style: none;margin-bottom: 0;}
#menu-hidden .menu{padding: 32px 0; display: flex;flex-direction: column;gap: 20px;font-family: 'Noto-Seri';position: relative;}
#menu-hidden .menu>li>a{display: block;font-size: 28px;font-weight: 500;line-height: 1.2;transition: all .2s;}
#menu-hidden .menu>li:hover>a{font-weight: bold;color: #0089d0;}
#menu-hidden .menu>li.menu-item-has-children>a{padding-right: 40px;position: relative;}
#menu-hidden .menu>li.menu-item-has-children>a:after{content: ">>";position: absolute;top: 0;right: 12px;font-size: 28px;line-height: 1.2;font-weight: 300;}
#menu-hidden .menu>li>ul{height: 100%;position: absolute;top: 0;left: 100%;width: calc(100% + 24px);display: none;z-index: 2;padding: 32px 0 24px 56px;}
#menu-hidden .menu>li:hover>ul{display: block;}
#menu-hidden .menu>li>ul>li:not(:last-child){margin-bottom: 16px;}
#menu-hidden .menu>li>ul>li>a{display: block;font-size: 18px;font-weight: 500;line-height: 1.2;transition: all .2s;}


/* Footer */
#footer{background-color: #347ade;padding: 56px 0 48px;color: #fff;}
#footer a{color: #fff;}
#footer .title{font-weight: bold;font-size: 36px;margin-bottom: 0;font-family: 'SVN-Gilroy';line-height: 1.2;}
#footer .menu{list-style: none;margin-bottom: 0;display: flex;flex-wrap: wrap;column-gap: 24px;row-gap: 16px;}
#footer .menu li{width: calc(50% - 12px);}
#footer .name{font-weight: 500;margin-bottom: 16px;}
#footer .social{list-style: none;display: flex;flex-wrap: wrap;column-gap: 24px;row-gap: 16px; margin-bottom: 0;}
#footer .social li a svg{width: 32px;height: 32px;fill: #fff;}

/* Page */
.breadcrumbs{text-transform: capitalize;}
.breadcrumbs p{margin-bottom: 0;}
.breadcrumbs .separator{padding: 0 4px;}
.page-banner{padding: 48px 0;min-height: 240px;display: flex;align-items: center;}
.page-banner .inner{color: #fff;display: flex;flex-direction: column;}
.page-banner .inner .title{font-size: 72px;margin-bottom: 0;text-transform: uppercase;line-height: 1.3;font-weight: 400;font-family: 'Noto-Seri';}
.page-banner .inner .breadcrumbs{font-size: 32px;}
.page-banner .inner .breadcrumbs a{color: #fff;}
.page-body{padding: 60px 0;}
.home-block{display: flex;flex-direction: column;gap: 48px;}
.contact-form{width: 1200px;max-width: 100%;}
.home-block.sm{gap: 32px;}
.page-title{font-size: 48px;margin-bottom: 0;font-weight: 600;}
.page-title.sm{font-size: 32px;}

/* Category */
.item-news{height: 100%;display: flex;flex-direction: column;gap: 24px;}
.item-news .img{aspect-ratio: 3/2;}
.item-news .img img{height: 100%;}
.item-news .info{padding: 12px 0 24px;display: flex;flex-direction: column;gap: 20px;}
.item-news .info .name{margin-bottom: 0;font-size: 20px;font-weight: 600;}
.item-news .info .desc{font-size: 17px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
.item-news .info .desc *{margin-bottom: 0;}
.item-news .info .link a{color: #0089d0;font-family: 'Noto-Seri';}

.pagination{justify-content: center;}
.pagination ul{margin-bottom: 0;list-style: none;display: flex;justify-content: center;gap: 8px;align-items: center;}
.pagination ul li{display: block;}
.pagination ul li span,.pagination ul li a{display: flex;align-items: center;justify-content: center;width: 32px;height: 40px;font-size: 16px;border-radius: 6px;}
.pagination ul li span.next,.pagination ul li a.next,.pagination ul li span.prev,.pagination ul li a.prev,.pagination ul li.page-next a,.pagination ul li.page-prev a,.pagination ul li.page-next span,.pagination ul li.page-prev span{background: transparent !important;}
.pagination ul li .current,.pagination ul li.current span{background: #e7e7e7;font-weight: 600;}
.pagination ul li a:hover{background: #e7e7e7;}

/* Single */
.single-related .list{list-style: none;margin-bottom: 0;display: flex;flex-direction: column;gap: 16px;}

/* Catalog */
.item-catalog{height: 100%;display: flex;flex-direction: column;gap: 24px;}
.item-catalog .img{aspect-ratio: 3/2;overflow: hidden;}
.item-catalog .img img{height: 100%;}
.item-catalog .name{margin-bottom: 0;font-size: 20px;font-weight: 600;min-height: 52px;display: flex;align-items: center;flex: 1;}

/* Client */
.list-client .col-item{width: calc(100% / 6);}
.list-client .logo{aspect-ratio: 16/9;margin: 12px;}
.list-client .logo img{height: 100%;transition: all .5s;filter: grayscale(1);}
.list-client .logo:hover img{filter: none;}

/* store */
.filter-store select{background: #eee;border-color: #eee;border-radius: 0;}
.item-store{height: 100%;display: flex;flex-direction: column;gap: 16px;padding: 8px 0;}
.item-store .name{margin-bottom: 4px;text-transform: uppercase;font-size: 24px;color: #0089d0;font-weight: 600;}
.item-store .key{font-weight: bold;font-size: 22px;}
.item-store .value{font-size: 18px;}
/* About */
.menu-page{list-style: none;margin-bottom: 0;display: flex;flex-wrap: wrap;gap: 24px;font-size: 24px;}
.menu-page li{width: calc((100% - 48px) / 3);}
.menu-page li a:hover{text-decoration: underline;}
.menu-page li.current-menu-item a{text-decoration: underline;font-weight: 600;}
.page-about-title{font-size: 72px;font-weight: bold;margin-bottom: 0;}
/*
.about-body .content-post table{border: 0;width: 100% !important;}
.about-body .content-post table.table-bordered>:not(caption)>*{border-width: 0;}
.about-body .content-post table.table-bordered>:not(caption)>*>*{border-width: 0;}
*/
.item-team{height: 100%;display: flex;flex-direction: column;gap: 20px;}
.item-team .img{aspect-ratio: 3/4;border-radius: 16px;}
.item-team .img img{height: 100%;}
.item-team .info{display: flex;flex-direction: column;gap: 8px;padding: 2px 0 12px;font-size: 21px;}
.item-team .info .name{font-weight: 600;margin-bottom: 0;font-size: 24px;}

/* Product */
.woocommerce-notices-wrapper{display: none;}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{display: none;}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{display: none;}
.list-product{display: flex;flex-wrap: wrap;gap: 24px;}
.list-product .item-product{width: calc((100% - 48px) / 3);}
.item-product{background: #eee;padding: 32px 24px 48px 24px;display: flex;flex-direction: column;gap: 24px;}
.item-product .img{aspect-ratio: 5/3;}
.item-product .img img{height: 100%;}
.item-product .divider{height: 1px;background: #767676;}
.item-product .info{display: flex;flex-direction: column;gap: 24px;}
.item-product .info .name{margin-bottom: 0;font-size: 28px;font-weight: 600;color: #0089d0;height: 76px;}
.item-product .info .name a{color: #0089d0;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.taxonomy-filter{display: flex;flex-direction: column;gap: 24px;}
.taxonomy-filter .widget{border: 1px solid #767676;padding: 32px 24px;display: flex;flex-direction: column;gap: 24px;}
.taxonomy-filter .widget-title{font-size: 24px;font-weight: bold;}
.woocommerce .woocommerce-widget-layered-nav-list{display: flex;flex-direction: column;gap: 16px;}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item{padding: 0;}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before{display: none;}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span{display: none;}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a{padding: 0 0 0 40px;position: relative;}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a::after{content: "";display: block;width: 20px;height: 20px;position: absolute;left: 0;top: 3px;border: 1px solid #767676;border-radius: 4px;}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover::after{background-image: url(images/checked.png);background-size: cover;background-repeat: no-repeat;background-position: center;border: none;}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before{position: absolute;left: 0;top: 3px;margin: 0;width: 20px;height: 20px;z-index: 2;background-color: #fff;}


/* Detail */
.swiper-gallery .swiper-slide{height: auto;background: #fff;}
.swiper-gallery .img{height: 100%;}
.swiper-gallery .img img{height: 100%;}
.swiper-thumb{margin-top: 12px;}
.swiper-thumb .img{aspect-ratio: 16/9;overflow: hidden;}
.swiper-thumb .img img{height: 100%;}
.detail-related{display: flex;flex-direction: column;gap: 36px;}
.detail-related .title{margin-bottom: 0;font-weight: 600;font-size: 28px;}
.detail-related .item{height: 100%;display: flex;flex-direction: column;gap: 20px;}
.detail-related .item .img{aspect-ratio: 5/3;}
.detail-related .item .img img{height: 100%;}
.detail-related .item .name{margin-bottom: 0;font-size: 24px;}

.detail-head .price{display: none;}
.woocommerce div.product form.cart{display: none;}
.woocommerce div.product .product_title{margin-bottom: 24px;font-size: 32px;font-weight: 600;}

/* 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;}
/* Project */
.project-block{display: flex;flex-direction: column;gap: 16px;}
.project-block .title{font-size: 60px;font-weight: 600;margin-bottom: 0;}
.filter-project .searchandfilter>ul{display: flex;flex-wrap: wrap;column-gap: 64px;row-gap: 24px;}
.filter-project .searchandfilter>ul>li{width: 260px;padding: 0;}
.filter-project .searchandfilter label{display: block;}
.filter-project .searchandfilter select.sf-input-select{font-family: 'Noto-Seri';}

.list-project{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 24px;gap: 24px;}
.item-project{overflow: hidden;border-radius: 24px;aspect-ratio: 3/2;min-height: 100%;max-width: 100%;}
.list-project .item-project:nth-child(1){grid-column-start: 1;grid-column-end: 3;grid-row-start: 1;grid-row-end: 3;}
.list-project .item-project:nth-child(9){grid-column-start: 2;grid-column-end: 4;grid-row-start: 4;grid-row-end: 6;}
.item-project .background{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.item-project .overlay{background-color: transparent;background-image: url(images/bg-item-project.png);background-size: cover;background-repeat: no-repeat;background-position: center;opacity: 0;transition: all .3s;}
.item-project:hover .overlay{opacity: 1;}
.item-project .info{width: 100%;height: 100%;display: flex;flex-direction: column;gap: 16px;padding: 32px;color: #fff;opacity: 0;transition: all .3s;z-index: 3;position: absolute;top: 0;left: 0;}
.item-project .info .local{margin-top: auto;font-size: 17px;}
.item-project .info .name{margin-bottom: 0;font-size: 22px;font-weight: 400;}
.item-project .info .investor{font-size: 24px;font-weight: 600;font-family: 'Noto-Seri';}
.item-project:hover .info{opacity: 1;}
/* Home */
.swiper-banner .swiper-slide{height: auto;}
.swiper-banner .img{height: 100%;}
.swiper-banner .img img{height: 100%;}
.home-body{padding: 60px 0;}
.home-body .section:not(:last-child){margin-bottom: 60px;}
.box-title{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 12px;}
.box-title .title{margin-bottom: 0;font-size: 36px;color: #0089d0;}
.box-title .link{font-size: 24px;color: #0089d0;font-family: 'Noto-Seri';}
.home-about .text{display: block;margin: 0 auto;width: 680px;max-width: 100%;font-size: 18px;}
.home-product .item{height: 100%;display: flex;flex-direction: column;gap: 24px;}
.home-product .item .img{aspect-ratio: 4/3;background: #eee;}
.home-product .item .img img{height: 100%;}
.home-product .item .name{margin-bottom: 6px;font-size: 20px;font-family: 'SVN-Gilroy';}

.home-slogan{padding: 80px 0;}
.home-slogan .title{margin-bottom: 0;font-size: 44px;color: #fff;}
.home-news .tab-title{list-style: none;margin-bottom: 0;display: flex;flex-wrap: wrap;padding-right: 100px;}
.home-news .tab-title button{border: none;background: transparent;color: #0089d0;font-family: 'Noto-Seri';font-size: 32px;padding: 12px 120px;}
.home-news .tab-title button h2{margin-bottom: 0;line-height: 1.5;font-size: 32px;}
.home-news .tab-title button.active{background: #0089d0;color: #fff;}
.home-news .tab-content .link{font-size: 24px;color: #0089d0;font-family: 'Noto-Seri';position: absolute;right: 0;top: 18px;}
.home-news .big-item{display: flex;flex-direction: column;gap: 24px;}
.home-news .big-item .img{aspect-ratio: 16/9;}
.home-news .big-item .img img{height: 100%;}
.home-news .big-item .info{display: flex;flex-direction: column;gap: 24px;}
.home-news .big-item .info .name{font-size: 24px;margin-bottom: 0;font-weight: 600;}
.home-news .big-item .info .desc{font-size: 18px;    overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.home-news .big-item .info .desc *{margin-bottom: 0;}
.home-news .list-item{display: flex;flex-direction: column;gap: 24px;}
.home-news .list-item .item{display: flex;align-items: flex-start;gap: 24px;}
.home-news .list-item .item .img{width: calc(50% - 12px);aspect-ratio: 16/9;}
.home-news .list-item .item .info{width: calc(50% - 12px);}
.home-news .list-item .item .info .name{margin-bottom: 0;font-weight: 600;font-size: 20px;}

@media (max-width: 1399px) {
#menu-hidden{padding: 0 60px;}
#header{padding: 15px 16px;}
#header .menu{gap: 24px;font-size: 18px;}
#header .menu > li ul{font-size: 16px;}
#header .menu > li li > a{height: 32px;}


}
@media (max-width: 1199px) {
body{font-size: 18px;padding-top: 100px;}
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{padding: 10px 16px;font-size: 16px;}
select{height: 48px;}
input[type="submit"]{font-size: 16px;padding: 10px 20px;}
.sticky{top: 116px;}
#header{padding: 10px 16px;}
#header .flex{height: 80px;}
#header .logo img{max-height: 80px;}
#touch-menu{font-size: 20px;}
#touch-menu .icon{width: 40px;height: 40px;}
#touch-menu .icon img{width: 30px;height: 30px;}
#touch-search{width: 30px;height: 40px;}
#touch-search img{width: 26px;height: 26px;}
#menu-hidden{top: 100px;height: calc(100% - 100px);padding: 0 40px;}
#menu-hidden .menu{padding: 24px 0;}
#menu-hidden .menu>li>a{font-size: 24px;}
#menu-hidden .menu>li>a:after{font-size: 24px;right: 8px;}
#menu-hidden .menu > li.menu-item-has-children > a{padding-right: 32px;}
#menu-hidden .menu > li.menu-item-has-children > a::after{font-size: 24px;}
#menu-hidden .menu > li > ul{padding: 24px 0 24px 48px;}
#header .col-logo{width: 160px;}
#header .col-menu{width: calc((100% - 160px - 280px - 96px) / 2);}
#header .menu{font-size: 16px;}
#header .menu > li ul{font-size: 15px;}
#footer{padding: 42px 0 32px;}
#footer .title{font-size: 32px;}
#footer .social{column-gap: 16px;}
.page-banner{padding: 32px 0;min-height: 200px;}
.page-banner .inner .title{font-size: 48px;}
.page-banner .inner .breadcrumbs{font-size: 20px;}
.page-body{padding: 48px 0;}
.item-news{gap: 16px;}
.item-news .info{padding: 4px 0 12px;gap: 12px;}
.item-news .info .desc{font-size: 15px;}
.item-news .info .name{font-size: 18px;}
.item-news .info .link a{font-size: 15px;}
.pagination ul li span, .pagination ul li a{font-size: 14px;height: 32px;width: 28px;}
.page-title{font-size: 32px;}
.page-title.sm{font-size: 24px;}
.home-block{gap: 42px;}
.home-block.sm{gap: 24px;}
.menu-page{font-size: 18px;}
.page-about-title{font-size: 42px;}
.item-team{gap: 16px;}
.item-team .info{font-size: 16px;}
.item-team .info .name{font-size: 20px;}
.list-client .logo{margin: 4px;}
.item-catalog{gap: 16px;}
.item-catalog .name{font-size: 18px;min-height: 42px;}
.item-store{gap: 8px;}
.item-store .name{font-size: 20px;}
.item-store .key{font-size: 17px;}
.item-store .value{font-size: 15px;}
.taxonomy-filter .widget{padding: 20px 16px;gap: 16px;}
.taxonomy-filter .widget-title{font-size: 20px;}
.woocommerce .woocommerce-widget-layered-nav-list{gap: 12px;}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a{padding: 0 0 0 30px;}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a::after{top: 2px;}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before{top: 2px;}
.list-product .item-product{width: calc(50% - 12px);}
.item-product{padding: 24px 16px 36px 16px;}
.item-product .info{gap: 20px;}
.item-product .info .name{font-size: 24px;height: 66px;}
.woocommerce div.product .product_title{font-size: 28px;margin-bottom: 16px;}
.detail-related .title{font-size: 24px;}
.detail-related{gap: 24px;}
.detail-related .item .name{font-size: 18px;}
.item-project{border-radius: 16px;}
.item-project .info{padding: 16px;gap: 8px;}
.item-project .info .investor{font-size: 20px;}
.item-project .info .name{font-size: 18px;}
.item-project .info .local{font-size: 15px;}
.project-block .title{font-size: 36px;}
.home-body{padding: 48px 0;}
.home-body .section:not(:last-child){margin-bottom: 48px;}
.box-title .title{font-size: 28px;}
.box-title .link{font-size: inherit;}
.home-about .text{font-size: 16px;}
.home-product .item{gap: 16px;}
.home-product .item .name{font-size: 16px;}
.home-slogan{padding: 60px 0;}
.home-slogan .title{font-size: 32px;}
.home-news .tab-content .link{font-size: inherit;}
.home-news .tab-title{padding-right: 70px;}
.home-news .tab-title button{font-size: 22px;padding: 12px 60px;}
.home-news .tab-title button h2{font-size: 22px;}
.home-news .big-item{gap: 16px;}
.home-news .big-item .info{gap: 16px;}
.home-news .big-item .info .name{font-size: 20px;}
.home-news .big-item .info .desc{font-size: 15px;}
.home-news .list-item .item{gap: 16px;}
.home-news .list-item .item .img{width: calc(50% - 8px);}
.home-news .list-item .item .info{width: calc(50% - 8px);}
.home-news .list-item .item .info .name{font-size: 17px;}


}
@media (max-width: 991px) {
html {
	overflow-y: scroll;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
body {
	overflow-y: visible;
	position: relative;
}
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;}
#menu-hidden{padding: 0 24px;}
#menu-hidden .menu > li > a{font-size: 18px;}
#menu-hidden .menu > li.menu-item-has-children > a{padding-right: 28px;}
#menu-hidden .menu > li.menu-item-has-children > a::after{font-size: 18px;right: 8px;}
#menu-hidden .menu > li > ul{padding: 24px 0 24px 36px;}
#menu-hidden .menu > li > ul > li:not(:last-child){margin-bottom: 14px;}
#menu-hidden .menu > li > ul > li > a{font-size: 16px;}
#header .col-menu{display: none;}
.page-title{font-size: 28px;}
.page-about-title{font-size: 36px;}
.project-block .title{font-size: 28px;}
.filter-project .searchandfilter>ul{column-gap: 24px;}
.filter-project .searchandfilter>ul>li{width: calc((100% - 48px) / 3);}

/* Acount */
.woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc((100% - 20px) / 3);}

}
@media(max-width:767px) {
body{font-size: 16px;padding-top: 80px;}
.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 .flex{height: 60px;flex-wrap: nowrap;}
#header .logo img{max-height: 60px;}
#header .col-touch{width: 90px;}
#header .col-search{width: 90px;}
#touch-menu{font-size: 18px;}
#touch-menu .icon{width: 30px;height: 30px;}
#touch-menu .icon img{width: 20px;height: 20px;}
#menu-hidden{top: 80px;height: calc(100% - 80px);}
#menu-hidden .for-mb{display: block;overflow-y: auto;max-height: 100%;padding-right: 12px;max-width: 100%;}
#menu-hidden .for-pc{display: none;}
#menu-hidden .menu-mobile{display: flex;flex-direction: column;gap: 12px;font-family: 'Noto-Seri';}
#menu-hidden .menu-mobile>li>a{display: block;font-size: 18px;}
#menu-hidden .menu-mobile>li.menu-item-has-children>a{padding-right: 20px;}
#menu-hidden .menu-mobile>li.menu-item-has-children{position: relative;}
#menu-hidden .menu-mobile>li.menu-item-has-children>svg{position: absolute;width: 20px;height: 20px;right: 0;top: 3.5px;padding: 3px;cursor: pointer;z-index: 2;transition: all .2s;}
#menu-hidden .menu-mobile>li.menu-item-has-children.re-arrow>svg{transform: rotate(180deg);}
#menu-hidden .menu-mobile>li>ul{padding: 8px 0 0 12px;display: none;}
#menu-hidden .menu-mobile>li>ul>li:not(:last-child){margin-bottom: 8px;}
#touch-search{width: 24px;height: 30px;}
#touch-search img{width: 22px;height: 22px;}
.page-banner{min-height: 160px;}
.page-banner .inner .title{font-size: 36px;}
.page-banner .inner .breadcrumbs{font-size: 18px;}
#footer{padding: 32px 0 24px;}
#footer .title{font-size: 28px;}
.page-body{padding: 32px 0;}
.page-title{font-size: 24px;}
.menu-page{font-size: 16px;}
.menu-page li{width: calc(50% - 12px);}
.home-block{gap: 32px;}
.page-about-title{font-size: 28px;}
.list-client .col-item{width: 25%;}
.list-project{display: flex;flex-wrap: wrap;}
.item-project{width: calc(50% - 12px);}
.list-project .item-project:nth-child(1){width: 100%;}
.list-project .item-project:nth-child(8){width: 100%;}
.item-project .info .investor{font-size: 18px;}
.item-project .info .name{font-size: 16px;}
.item-project .info .local{font-size: 14px;}
.project-block .title{font-size: 24px;}
.item-product{gap: 20px;}
.item-product .info{gap: 16px;}
.item-product .info .name{font-size: 20px;height: auto;}
.item-product .info .desc{font-size: 14px;}
.box-title .title{font-size: 24px;}
.home-slogan{padding: 48px 0;}
.home-slogan .title{font-size: 24px;}
.home-news .tab-title{padding-right: 0;}
.home-news .tab-content .link{position: unset;margin-top: 16px;display: inline-block;}
.home-news .tab-title button{font-size: 18px;width: 100%; padding: 10px 20px;}
.home-news .tab-title li{width: 50%;}
.home-news .tab-title button h2{font-size: 18px;}
.home-news .list-item .item .info .name{font-size: 16px;}
.filter-project .searchandfilter>ul>li{width: 100%;}
.filter-project .searchandfilter>ul{row-gap: 16px;}

}
@media(max-width:575px) {
.list-product .item-product{width: 100%;}
.list-client .col-item{width: calc(100% / 3);}
.page-banner{min-height: 140px;}
.page-banner .inner .title{font-size: 28px;}
.page-banner .inner .breadcrumbs{font-size: inherit;}
/* Acount */
.woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc(50% - 5px);}
#customer_login h2{font-size: 20px;}

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



}