/*
Theme Name: Maxweb
Description: This is a child theme for Flatsome Theme
Theme URI: https:
Author: Hoan
Author URI: 
Template: flatsome
Version: 3.6.1
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: harmonia;
    font-style: normal;
    font-weight: 200;
    src: url(fonts/RV-Harmonia-Light.ttf) format("truetype")
}

@font-face {
    font-family: harmonia;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/RV-Harmonia-Regular.ttf) format("truetype")
}

@font-face {
    font-family: harmonia;
    font-style: normal;
    font-weight: 500;
    src: url(fonts/RV-Harmonia-SemiBold.ttf) format("truetype")
}

@font-face {
    font-family: harmonia;
    font-style: normal;
    font-weight: 600;
    src: url(fonts/RV-Harmonia-Bold.ttf) format("truetype")
}
:root{
	--color-page:#162b74;
	--vang:#e2b03a;
	--do:#a60a12;
	--cam:#ff6600;
	--title-nd:#ff0000;
}
html,body,span,label,a,p,button,b{
	font-family: harmonia, sans-serif;
}
h1,h2,h3,h4,h5,h6,.nav > li > a,nav,li{
	font-family: harmonia, sans-serif !important;
}
body{
	font-size:18px !important;
}
input,textarea,input:focus{
	box-shadow: none !important;
}
.pd-b0{
	padding-bottom:0 !important;
}
.is-divider,.wpcf7-spinner,.woof_reset_search_form{
	display:none;
}
.absolute-footer{
	background-color:var(--color-page) !important;
}
.footer-secondary{
	display:none;
}
.footer-primary,.copyright-footer{
	width:100%;
	text-align:center;
	color:#ffffff;
}
#top-link{
	background-color:var(--color-page);
	border:2px solid var(--color-page);
	color:#fff !important;
}

.header-nav-main > li{
	margin:0 5px 0 0 !important;
}
.header-nav-main > li > a{
	font-size:15px;
	padding-left:8px;
	padding-right:8px;
}
.title-section{
	font-size:25px;
	font-weight:700;
	color:var(--color-page);
	padding-bottom:0;
	margin-bottom:20px;
	position:relative;
	text-transform:uppercase;
}
.title-section:before{
	content:'';
	position:absolute;
	left:50%;
	transform:translatex(-50%);
	width:60px;
	height:2px;
	background:var(--color-page);
	bottom:0;
}
.sec1-home .bg-fill{
	background-repeat:unset !important;
	background-size: unset !important;
	background-position:unset !important;
}
.sec2-home{
	padding: 50px 0;
    background: #ddeaf7 url(/wp-content/uploads/2023/04/home-icons-bg-2-1.png) center center;
    background-size: cover;
    background-blend-mode: soft-light;
}
.box-info .box-text h4{
	font-size:20px;
	margin:20px 0 10px;
	color: var(--color-page);
}
.box-info .box-text p{
	font-size:18px;
}
a.button{
	min-height:unset;
	margin:0;
}
.btn-viewall-pro{
	margin:0 auto !important;
	display:table;
	padding:0px 20px;
	height:46px;
	line-height:46px !important;
	font-size:15px;
	background:#0000 radial-gradient(circle,#efd78c,#cba355) repeat scroll 0 0 !important;
	color:var(--color-page) !important;
	border:none !important;
}
.status-sp{
	position:absolute;
	top:10px;
	left:10px;
	background:var(--do);
	color:#ffffff !important;
	font-size:15px;
	font-weight:400;
	padding:3px 8px;
}
.box-adress{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	line-height:20.4px;
	padding:60px 10px 10px;
	color:#ffffff;
	background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,var(--color-page) 85%);
}
.box-adress h2{
	color:#ffffff;
	font-size:18px;
	margin-bottom:0;
}
.box-adress p{
	font-size:15px;
	margin-bottom:0;
}
.box-adress p i{
	font-size:12px;
	margin-right:3px;
}
.logo-caption{
	box-shadow: 0 0 10px 0 rgb(7 22 69/30%);
    position: absolute;
    width: 50px;
    height: 70px;
    border-radius: 0 10px 50px 50px;
    top: -5px;
    right: 10px;
    border: 2px solid #ddb60f;
    border-top: 0;
    background: var(--color-page);
}
.logo-caption span{
	background: url(/wp-content/uploads/2025/06/logo-Vinhomes-2.png) center center no-repeat;
    background-size: contain;
    padding: 16px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 20px;
}
.box-text-products .title-wrapper {
	display:none;
}
.box-tt{
	padding:10px 10px 20px;
	border: #eee 1px solid;
    border-top: 0;
    box-shadow: 1px 1px 5px 0 rgb(1 1 1/5%);
    border-radius: 0 0 5px 5px;
}
.box-tt p{
	margin:0 0 5px 0;
	font-size:14px;
}
.box-tt p span{
	font-weight:600;
}
.box-tt p i{
	width:15px;
	font-size:12px;
	color:var(--color-page);
}
.box-gia{
	display:flex;
	align-items:center;
	border-top: 1px solid #f0f0f0;
    border-left: #eee 1px solid;
    border-right: #eee 1px solid;
}
.box-gia .box-111{
	margin:0 !important;
	width:50%;
	flex-basis:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:14px;
	font-weight:600;
	color:#222222;
	text-transform:uppercase;
	padding:15px 0;
	line-height:1.3;
}
.box-gia a.box-111:hover{
	background:var(--color-page);
	color:#ffffff;
}
.box-gia p.box-111{
	border-right:1px solid #f0f0f0
}
.box-text-products{
	padding:0;
	background:#fff;
}
.product-small.col .col-inner{
	box-shadow: 0 8px 6px -6px rgb(7 22 69/30%);
}
.sec-du-an .bg-fill{
	background-repeat:repeat !important;
	background-size:unset !important;
}
.post-item .post-title {
	font-size:16px;
	font-weight:400;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color:var(--color-page);
}
.home .post-item .post-title{
	color:#fff;
}
.home .post-item .post-meta{
	color:var(--vang);
}
.title-section.title-tintuc{
	color:#fff;
}
.title-section.title-tintuc:before{
	background:#fff;
}
.sec-footer1{
	background: #0000 radial-gradient(circle, #00145a, #162b74) repeat scroll 0 0 !important;
}
.sec-footer1 .col-right{
	display:flex;
	align-items:center;
	justify-content:center;
}
.sec-footer1 .col-right .col-inner{
	padding: 50px 125px 50px 70px;
}
.sec-footer1 .col-right .col-inner h2{
	font-size:40px;
	font-weight:500;
	color:#ffffff;
}
.sec-footer1 .col-right .col-inner p{
	color:#ffffff;
}
.sec-footer1 form input{
	height:32px;
	background:transparent;
	border-radius:5px;
	border:none;
	border-bottom:1px solid #7fb9c8;
	color:#ffffff !important;
}
.sec-footer1 form input:focus{
	background:transparent;
	border-bottom:1px solid var(--vang);
}
.sec-footer1 form label{
	font-size:22px;
	color:#ffffff;
	font-weight:400;
	text-transform:uppercase;
}
.row2input {
	display:flex;
	column-gap:30px;
    margin-right: 30px;
}
.row2input .box-50{
	width:50%;
	flex-shrink:0;
}
.btn-submit{
	display:flex;
	align-items:center;
	justify-content:center;
}
.btn-submit input{
	margin:0;
	text-transform:inherit;
}
.sec-footer1 .btn-submit input{
	margin-top:25px;
	font-weight:400;
	font-size:22px;
	height:38px !important;
	line-height:38px;
	min-height:unset !important;
	background-color:var(--vang) !important;
	border-color:var(--do) !important;
	padding:0 25px;
}
.sec-footer1 .btn-submit input:hover{
	background-color:var(--do) !important;
	border-color:var(--vang) !important;
}
.text-f p{
	margin-bottom:10px;
}
.sec-footer2{
	font-size:16px !important;
}
.title-f{
	font-size:18px;
	text-transform:uppercase;
	font-weight:600;
}
.menu-f .ux-menu-link__icon{
	font-size:14px;
}
.col_4f .follow-icons{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.title-lh{
	font-size:24px;
	color:var(--cam);
	margin-bottom:20px;
	text-transform:uppercase;
	font-weight:700;
}
.title-col-lh{
	font-size:20px;
	font-weight:500;
}
.col-text-lh p{
	margin-bottom:10px;
}
.col-form-lh .row2input{
	column-gap:10px;
	margin-right:10px;
}
.col-form-lh form input{
	height:39px;
	font-size:14px;
}
.col-form-lh form textarea{
	font-size:14px;
}
.col-form-lh input[type=submit]{
	font-weight:500;
}
iframe{
	width:100%;
}
.col-sm h4{
	color:var(--color-page);
	font-weight:500;
}
.col-sm p{
	text-align:justify;
}
.sec-bg{
	background-image:linear-gradient(180deg, #FDFCFB 0%, #E2D1C3 100%);
}
.sec4-gt{
	font-size:16px !important;
}
.sec4-gt .title-section:before{
	display:none;
}
.sup-title-section{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.box-vs .title-box{
	margin-bottom:15px;
	font-weight:bold;
	font-size:20px;
	display:flex;
	column-gap:10px;
}
.box-vs .title-box i{
	font-size:40px;
}
.box-couter .title-box{
	margin-bottom:5px;
	font-size:50px;
	font-weight:bold;
}
.box-couter .title-box i{
	margin-right:5px;
	color:var(--vang);
}
.box-couter{
	text-align:center;
	max-width:18%;
	flex-basis:18%
}
.text-couter{
	font-weight:bold;
}
.banner-gt .box-text{
	height:100%;
}
.banner-gt .box-text-inner{
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
}
.banner-gt .box-text-inner p{
	font-size:32px;
	font-weight:700;
	color:var(--vang);
}
.btnscroll-gt{
	position:absolute;
	left:50%;
	transform:translatex(-50%);
	bottom:0;
	display:flex !important;
	align-items:center;
	justify-content:center;
	width:80px;
	height:80px;
	border:none !important;
	background-color:#1e87f0 !important;
}
.btnscroll-gt span{
	display:none;
}
.btnscroll-gt i{
	margin:0 !important;
	transition:0.3s;
}
.btnscroll-gt:hover i{
	transform:translatey(5px);
}
.btnscroll-gt:before,.btnscroll-gt:after{
	content:'';
	position:absolute;
	border:1px solid #fff;
	border-radius:50%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	animation:border-btn 2s linear infinite;
	opacity:1;
}
@keyframes border-btn{
	90%{
		top:-30px;
		left:-30px;
		right:-30px;
		bottom:-30px;
		opacity:0;
	}
	100%{
		top:-45px;
		left:-45px;
		right:-45px;
		bottom:-45px;
		opacity:0;
	}
}
.btnscroll-gt:after{
	animation-delay:2s;
}
.btnscroll-gt:before{
	animation-delay:2.5s;
}
.blog-archive{
	padding-top:0;
}
.blog-archive h1.page-title{
	color:var(--color-page);
	font-size:28px;
	text-transform:capitalize;
	margin-top:20px;
}
.blog-archive .page-title i{
	font-style:italic;
	font-size:14px;
}
.form-nhan-bao-gia > .col-inner{
	background:var(--color-page);
	padding:15px;
}
.form-nhan-bao-gia .text p{
	font-size:15px;
	color:#ffffff !important;
}
.form-nhan-bao-gia form p{
	display:flex;
	column-gap:10px;
}
.form-nhan-bao-gia form input[type=submit]{
	margin-right:0;
	font-size:13px;
	font-weight:400;
	background-color:var(--vang);
}
.form-nhan-bao-gia form input{
	height:33px;
	border-radius:5px;
	font-size:14px;
}
.taxonomy-description p{
	margin-bottom:10px;
}
.blog-archive .post-title{
	font-weight:500;
}
.blog-archive .from_the_blog_excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height:20px;
}
.blog-wrapper{
	padding-bottom:0;
}
.blog-single .entry-category{
	display:none;
}
.blog-single .entry-title{
	font-size:26px;
	color:var(--color-page);
	margin-bottom:5px;
}
.entry-metaT{
	padding-bottom:5px;
	border-bottom:1px solid #eeeeee;
}
.entry-metaT span{
	margin-right:15px;
	font-size:13px;
}
.entry-metaT span i{
	margin-right:5px;
}
.entry-content h2{
	font-size:24px;
}
.related-post .headline{
	text-align:center;
	margin-bottom:5px !important;
	padding-bottom:10px;
	position:relative;
}
.related-post .headline:before{
	content:'';
	position:absolute;
	left:50%;
	transform:translatex(-50%);
	bottom:0;
	width:60px;
	height:2px;
	background:var(--color-page);
}
.related-post .post-list .item .post_thumb{
	max-height:unset !important;
	height:175px;
}
.related-post .post-list .item .post_thumb a{
	height:100%;
	display:block;
}
.related-post .post-list .item .post_thumb a img{
	height:100%;
	object-fit:cover;
}
.related-post .post-list .item .post_title{
	font-size:14px !important;
	font-weight:bold;
	display: -webkit-box !important;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.post-sidebar{
	padding-left:0 !important;
	border:none !important;
	padding-bottom:0 !important;
}
.title-sidebar{
	background:url(/wp-content/uploads/2023/04/bg-menu.png);
	color:#ffffff;
	font-size:15px;
	text-transform:uppercase;
	padding:10px;
	margin-bottom:20px;
	font-weight:bold;
	line-height:1;
}
.title-sidebar i{
	margin-right:5px;
}
.col-sidebar .post-item {
	padding-bottom:15px;
}
.col-sidebar .post-item .box-text {
	padding:0 0 0 5px;
}
.post-sidebar .post-item .post-title{
	font-size:14px;
	margin-bottom:8px;
}
.post-sidebar .box-image{
	border:1px solid #ccc;
	padding:2px;
}
.entry-content.single-page{
	padding-top:0;
}
.ten-danh-muc .breadcrumbs{
	text-align:center;
	text-transform:capitalize;
	font-size:28px;
	color:var(--color-page) !important;
	margin-bottom:20px;
	font-weight:bold !important;
}
.ten-danh-muc .breadcrumbs i{
	font-style:italic;
	margin-right:5px;
	font-size:15px;
}
.ten-danh-muc .breadcrumbs a,.ten-danh-muc .breadcrumbs span{
	display:none;
}
.category-page-row .term-description{
	height:340px;
	overflow:hidden;
	position:relative;
	padding-bottom:50px;
	margin-bottom:30px;
}
.btn-danhmuc{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	background:#ffffff;
	padding:5px 0 0;
	box-shadow:0px -15px 20px 0px #fff;
}
.btn-danhmuc button{
	margin:0;
	min-height:unset !important;
	line-height:unset !important;
	padding:5px 20px;
	background:var(--color-page);
	color:#fff;
	font-size:14px;
	font-weight:400;
	text-transform:inherit;
	border-radius:5px;
}
.term-description.show-height{
	height:unset;
}
.product-small.col > .col-inner:hover{
	box-shadow:0 8px 15px 0 #ccc;	
}
.woof_redraw_zone{
	display:flex;
	column-gap:15px;
}
.chosen-disabled{
	opacity:1 !important;
}
.woof_submit_search_form_container{
	margin:0;
}
.woof_submit_search_form_container button{
	margin:0;
	height:45px;
	line-height:45px !important;
	width:100%;
	background-color: var(--vang)!important;
	border-radius:5px;
	font-size:16px;
	font-weight:500;
	
}
.chosen-container-single .chosen-single{
	height:45px !important;
	line-height:45px !important;
	background:#fff !important;
}
.woof_container,.woof_submit_search_form_container{
	width:25% !important;
	flex-shrink:0 !important;
}
.woof_container_khu_vuc{
	flex:1 !important;
}
.woof_container_khu_vuc .woof_container_inner .woof_block_html_items{
	display:flex;
	column-gap:15px;
	margin-right:15px;
}
.woof_container_khu_vuc .chosen-container{
	width:50% !important;
	flex-shrink:0;
}
.boloc .chosen-container-single .chosen-single div b {
    background-position: 0 11px !important;
}

.chosen-container-single .chosen-single span,
.chosen-container .chosen-results li{
	font-size:16px !important;
}
.chosen-container .chosen-results{
	margin:0;
	padding:0;
}
.noidungduan ul,.noidungduan ol{
	padding-left:40px;
}
.noidungduan td{
	padding:5px 8px !important;
}
.title-nd{
	font-size:24px;
	text-align:center;
}
.title-nd a{
	text-transform:uppercase;
	color:var(--title-nd) !important;
}
.product-footer .container{
	position:relative;
}
.title-du-an{
	text-align:center;
	font-size:26px;
	font-weight:700;
	color:var(--color-page);
	margin-bottom:20px;
	margin-top:20px;
}
.description-pro{
	margin-bottom:20px;
}
.menuduan{
	position:fixed;
	height:60px;
	top:0;
	left:0;
	width:100%;
	display:none;
	background:var(--do);
	z-index:9999;
}
.menuduan.active{
	display:flex;
	align-items:center;
	justify-content:center;
}
.menuduan ul{
	list-style:none;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0;
	height:100%;
}
.menuduan ul li{
	margin:0;
	height:100%;
	position:relative;
}
.menuduan ul li i{
	position:absolute;
	font-size:8px;
	top:50%;
	left:-4px;
	transform:translatey(-50%);
	color:#ffffffa3;
}
.menuduan li a{
	height:100%;
	color:#ffffff !important;
	text-transform:uppercase;
	padding:0 15px;
	font-size:14px;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
}
.menuduan li a:hover{
	background:rgba(0,0,0,0.2);
}
.fixed-all{
	display:none;
}
.menuduan-mobile{
	display:inline-block;
	position:fixed;
	top:128px;
	right:-100%;
	transition:all 0.3s;
}
.menuduan-mobile.active{
	right:0;
}
.menuduan-mobile ul{
	list-style:none;
	margin:0;
	padding:10px;
	background:var(--vang);
	width:150px;
}
.menuduan-mobile ul li a{
	font-size:15px;
	color:#ffffff;
	font-weight:500;
	text-transform:uppercase;
}
.img-banner-pro{
	position:relative;
	height:300px;
}
.img-banner-pro img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:1;
}
.img-banner-pro .sec-linkpage{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}
.sec-linkpage .title-breadcrumbs{
	padding:0;
	height:40px;
	display:flex;
	align-items:center;
}
.page-title-inner{
	padding:0 !important;
	min-height:unset;
}
.sec-linkpage .section-content{
	background-color:#1947869e!important;
}
.woocommerce-breadcrumb span,.woocommerce-breadcrumb a,.woocommerce-breadcrumb{
	color:#fff !important;
	opacity:1 !important;
	font-size:14px;
	text-transform:capitalize;
	font-weight:500;
}
.box-banner-page{
	height:300px;
}
.box-banner-page .section-content{
	position:absolute !important;
	left:0;
	bottom:0;
	width:100%;
}
.sec-boloc > .section-content{
	position:unset !important;
}
.sec-boloc .sec-linkpage{
	position:absolute;
	left:0;
	bottom:0;
}
.sec-boloc .sec-linkpage .bg-fill{
	background-image:none !important;
}
.popmake-close{
	margin:0;
	color:var(--do) !important;
}
#popmake-1219{
	background:url(/wp-content/uploads/2023/04/background-popup.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	border:2px solid #fff;
}
.box-form-pu{
	display:flex;
	column-gap:15px;
}
.box-form-pu input{
	height:35px;
	background:rgba(255,255,255,.9);
	border:1px solid var(--color-page) !important;
}
.box-form-pu textarea{
	background:rgba(255,255,255,.9);
	border:1px solid var(--color-page) !important;
	margin:0;
	height: 136px;
}

.txt-pu1{
	font-size:16px;
	color:var(--color-page);
	background:rgba(255,255,255,.9);
	border-radius:55px;
	padding:8px 25px;
	line-height:1;
	display:inline-block;
}
.txt-pu2{
	display:inline-block;
	color:var(--do);
	background:rgba(255,255,255,.9);
	padding:8px 25px;
	font-weight:bold;
}
.list-btn-fix{
	box-shadow: 0 0 10px 0px #5e5e5e;
	position:fixed;
	left:7px;
	bottom:50px;
	display:flex;
	flex-direction:column;
	z-index:99999;
	padding:20px 7px;
	border-radius:8px;
	background:#ffffff;
	row-gap:5px;
}
.list-btn-fix .box-btn a{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	font-size:10px;
	font-weight:500;
}
.list-btn-fix .box-img{
	background:#f7941d;
	border-radius:50%;
	width:36px;
	height:36px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.list-btn-fix .box-img img{
	width:30px !important;
	height:unset !important;
	
}
.list-btn-fix .box-btn a img{
	width:36px;
	height:36px;
}
@media only screen and (max-width:849px){
	#header{
		position:fixed;
		top:0;
	}
	#main{
		margin-top:80px;
	}
	.menuduan{
		display:none !important;
	}
	.fixed-all{
		display:block;
		z-index:9999;
		position:relative;
	}
	.fixed-all #toggle{
		display:flex;
		align-items:center;
		justify-content:center;
		background:var(--vang);
		color:#ffffff;
		position:fixed;
		width:48px;
		height:48px;
		right:0;
		top:40%;
		cursor:pointer;
		font-size:24px;
	}
	#toggle.active{
		top:80px;
	}
	.box-info .box-text{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.box-info .box-text p {
		text-align: justify;
	}
	.title-section {
		font-size: 22px;
	}
	.sup-title-section {
		width: 90%;
	}
	.box-vs .title-box i {
		font-size: 30px;
	}
	.box-vs .title-box {
		font-weight: 500;
		font-size: 18px;
	}
	.box-couter {
		max-width: calc(100% / 5);
		flex-basis: calc(100% / 5);
	}
	.box-couter .title-box {
		font-size: 25px;
		font-weight: 500;
	}
	.text-couter {
		font-weight: 400;
		font-size: 14px;
	}
	.banner-gt .box-text-inner p {
		font-size: 28px;
	}
	.btnscroll-gt {
		width: 60px;
		height: 60px;
	}
	.sec-boloc{
		margin-top:80px;
	}
	.tax-product_cat #main{
		margin-top:0;
	}
	.form-nhan-bao-gia form p{
		flex-wrap:wrap;
		justify-content:center;
	}
	.form-nhan-bao-gia form p > span{
		width:calc(50% - 10px);
		flex-basis:calc(50% - 10px);
	}
	.post-sidebar {
		padding-left: 15px !important;
	}
	.col-top-lh{
		padding-bottom:15px;
	}
	.sec-footer1 .col-right .col-inner {
		padding: 20px;
	}
	.sec-footer1 .col-right .col-inner h2 {
		font-size: 24px;
	}
	.sec-footer1 .row2input {
		display: unset;
		margin-right: 0;
	}
	.sec-footer1 .row2input .box-50 {
		width: 100%;
	}
	.sec-footer1 form label {
		font-size: 18px;
		margin:0;
	}
	.follow-icons{
		font-size: 100%;
	}
}
@media only screen and (max-width:568px){
	.list-btn-fix{
		left:0;
		bottom:0;
		width:100%;
		border-radius:0;
		flex-direction:row;
		padding:0px 15px;
		justify-content:space-between;
		height:75px;
		align-items:center;
	}
	#footer{
		margin-bottom:75px;
	}
	.list-btn-fix .box-btn a {
		font-size: 14px;
	}
	#popmake-1219{
		width:98% !important;
		margin:0 auto;
	}
	.title-f {
		font-weight: 500;
		margin-bottom: 10px;
	}
	.col-sidebar .post-item .box-text {
		padding: 10px;
	}
	#main{
		margin-top:70px;
	}
	.img-banner-pro {
		height: 200px;
	}
	.sec-linkpage .title-breadcrumbs {
		height: 30px;
	}
	.box-info .box-image{
		width:14% !important;
	}
	.box-tt p {
		font-size: 16px;
	}
	.box-gia .box-111 {
		font-size: 17px;
		font-weight: 500;
	}
	.title-section {
		font-size: 20px;
	}
	.btnscroll-gt{
		display:none !important;
	}
	.banner-gt .box-text-inner p {
		font-size: 20px;
	}
	.sup-title-section {
		width: 100%;
		font-size:18px;
	}
	.text-vs{
		font-size:18px;
	}
	.box-couter {
		max-width: calc(100% / 3);
		flex-basis: calc(100% / 3);
	}
	.sec-boloc {
		margin-top: 70px;
	}
	.woof_redraw_zone{
		display:unset;
	}
	.woof_container, .woof_submit_search_form_container {
		width: 100% !important;
		flex-shrink: 0 !important;
	}
	.woof_container_khu_vuc .woof_container_inner .woof_block_html_items {
		column-gap: 10px;
		margin-right: 10px;
	}
	.chosen-container-single .chosen-single {
		height: 35px !important;
		line-height: 35px !important;
	}
	.chosen-container-single .chosen-single span, .chosen-container .chosen-results li {
		font-size: 14px !important;
	}
	.woof_submit_search_form_container button {
		height: 35px;
		line-height: 35px !important;
		font-size: 14px;
	}
	.box-banner-page {
		height: 230px;
	}
	.taxonomy-description p {
		text-align: justify;
	}
	.blog-single .entry-title {
		font-size: 24px;
	}
	.title-lh {
		font-size: 20px;
	}
	#popmake-1219{
		padding-left:0;
		padding-right:0;
	}
	.box-form-pu {
		display: unset;
	}
	.col-form-pu .btn-submit{
		margin-top:15px;
	}
}
@media only screen and (max-width:440px){
	.related-post .post-list .item {
		width: 100% !important;
	}
	.title-section {
		font-weight: 500;
	}
	.box-couter {
		max-width: calc(100% / 2);
		flex-basis: calc(100% / 2);
	}
	.banner-gt .box-text-inner p {
		font-size: 18px;
	}
	.form-nhan-bao-gia form p > span {
		width: 100%;
		flex-basis: 100%;
	}
}