@media only screen and (max-width: 1920px){
	.mid-header .container{
		width: 100%;
	}
}
@media screen and (min-device-width: 1000px) and (max-device-width: 1440px){
	.mid-header .container{
		width: 1238px;
	}
	.list-post .row,
	.library-image .row,
	.project-home .row{
		margin-left: -12px;
		margin-right: -12px;
	}
	.list-post .col-md-6,
	.library-image .col-md-6,
	.project-home .col-md-6{
		padding-right: 12px;
		padding-left: 12px;
	}

}
@media only screen and (max-width: 1030px) {
	.mid-header .container{
		width: 100%;
	}
	.main-menu ul li {
	    padding: 32px 10px;
	}
}
@media only screen and (max-width: 990px) {
	.nav_search_box {
		display: none !important;
	}
	.menu-open{
		overflow: hidden;
	}
	.mobile-menu{
		display: inline-block;
	}
	.main-menu > .container {
		position: relative;
	}
	.menu-main {
	    position: fixed;
	    z-index: 100;
	    background: #fff;
	    backdrop-filter: blur(20px);
	    top: 93px;
	    height: 100vh;
	    left: 100%;
	    right: 0;
	    display: block;
	    transition: all 0.3s ease-in-out 0s;
	    -moz-transition: all 0.3s ease-in-out 0s;
	    -ms-transition: all 0.3s ease-in-out 0s;
	    -webkit-transition: all 0.3s ease-in-out 0s;
	    -o-transition: all 0.3s ease-in-out 0s;
	    opacity: 0;
	    visibility: hidden;
	}
	.main-menu ul li{
		padding: 15px;
	}
	nav.main-menu.open .menu-main{
		left: 0;
	}
	.main-menu ul li {
		display: block;
		text-align: center;
	}
	.mid-header:before{
		background-image: unset;
	}
	.current-menu-item a:before{
		content: unset;
	}

	.main-menu.open .menu-main {
		opacity: 1;
		visibility: visible;
		margin-top: 0;
	}
	.main-menu .sub-menu {
		position: static;
		display: none;
		opacity: 1;
		margin-top: 0;
		visibility: visible;
		background: rgba(255, 255, 255, 0.1);
	}
	.main-menu .sub-menu li a {
		font-size: 13px;
		padding-left: 25px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	.main-menu .arrow {
		display: block;
	}
	.page-template-home .site-main {
	    margin-top: 76px;
	}
	.site-header{
		padding-bottom: 20px;
	}
	.container{
		width: 100%;
	}
	.img-proj{
		width: 100%;
	}
	.img-left,
	.img-item-right{
		width: 100%;
	}
	.site-header:before{
		display: none;
	}
	.langiage-cata{
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (max-width: 768px) {
	.site-brand,
	.right-header {
		text-align: right;
	}
	.left-thumb .post-thumb {
		float: none;
		width: auto;
		max-width: 400px;
		margin-right: 0;
	}
	.site-footer {
		text-align: center;
	}
	.site-footer .socials {
		padding: 10px 0;
		text-align: center;
	}
	.owl-nav button{
		width: 40px;
		height: 40px;
	}
	.title{
		font-size: 28px;
	}
	.pdt-80 {
	    padding-top: 30px;
	}
	.title span:before{
		background-size: contain;
	}
	.baner-page {
	    height: 150px;
	}
}

@media only screen and (max-width: 540px) {
	.site-brand img{
		width: 50%;
		top: 0;
	}
	.site-brand{
		text-align: left;
	}
	.logo{
		width: 55%;
	}
	.mobile-menu{
		margin-top: 15px;
	}
	.mobile-menu span{
		width: 90%;
	}
	.mobile-menu .span-2{
		top: 34%;
	}
	.mobile-menu .span-1 {
	    top: auto;
	    bottom: 2px;
	}
	.mid-header:before{
		content: unset;
	}
	.site-header{
		padding-bottom: 15px;
	}
	.owl-nav button {
	    width: 30px;
	    height: 30px;
	}
	.icofont-thin-left, .icofont-thin-right{
		font-size: 17px;
	}
	.menu-main{
		top: 90px;
	}
	.title {
	    font-size: 24px;
	}
	.list-product {
	    margin-top: 30px;
	}
	.item-prd h3{
		font-size: 16px;
		line-height: 1.2;
		margin-top: 10px;
		text-align: center;
		min-height: auto;
	}
	.item-prd {
	    margin-bottom: 20px;
	}
	.see-more a{
		font-size: 14px;
		padding: 15px;
	}
	.see-more {
	    margin-top: 25px;
	}
	.product-home{
		padding-bottom: 40px;
	}
	.rectangle{
		width: 200px;
		height: 200px;
		bottom: 74.5%;
		right: -90px;
	}
	.rec-pink{
		height: 120px;
		width: 120px;
		margin: 35px auto 0;
	}
	.new-hl{
		display: block;
	}
	.new-hl h4{
		font-size: 16px;
		line-height: 1.2;
		margin: 15px 0;
	}
	.date {
	    margin-top: 10px;
	}
	.des-ct-news{
		font-size: 14px;
		text-align: justify;
		margin-bottom: 20px;
	}
	.btn-link{
		font-size: 14px;
		margin: 0 auto;
		padding: 10px;
	}
	.thumb.img-item-hover{
		width: 100%;
	}
	.right-ct-ln{
		width: 100%;
	}
	.thumb img{
		width: 100%;
	}
	.title-item-new{
		font-size: 15px;
		min-height: auto;
		margin-bottom: 5px;
	}
	.img-left{
		height: 270px;
		margin-bottom: 24px;
	}
	.content-ave{
		padding: 0 15px;
	}
	.content-ave p{
		font-size: 14px;
		text-align: justify;
	}
	.rectangle-2{
		z-index: -1;
	}
	.img-proj{
		height: 250px;
	}
	.item-pro h3{
		padding: 15px;
	}
	.item-pro h3 a{
		font-size: 14px;
	}
	.item-prd .img-product{
		height: 280px;
	}
	.bgr-footer{
		height: 70px;
		margin-top: 50px;
	}
	.logo-footer img{
		width: 75%;
	}
	.logo-footer{
		text-align: center;
		margin: 0 auto 30px;
	}
	.site-bottom h2{
		font-size: 18px;
		line-height: 1.2;
	}
	.item-ft p br{
		display: none;
	}
	.item-ft {
	    margin-bottom: 20px;
	}
	.site-bottom h2{
		margin-bottom: 15px;
	}
	.ft-left{
		margin-bottom: 25px;
	}
	.form-ft .wpcf7-email{
		width: 210px;
		height: 40px;
	}
	.form-ft .wpcf7-submit{
		height: 40px;
	}
	.form-ft .wpcf7-submit{
		font-size: 15px;
	}
	.social img{
		width: 75%;
	}
	.backtop{
		width: 35px;
		height: 35px;
		line-height: 45px;
	}
	.social {
		right: 3px;
	}
	.backtop{
		right: 20px;
	}
	.item-title-new{
		font-size: 14px;
	}
	.site-main {
	    margin-top: 90px;
	}
	h1.title-page{
		font-size: 16px;
	}
	.entry-content{
		font-size: 14px;
		line-height: 1.2;
	}
	.related-post h2{
		font-size: 16px;
	}
	.item-rp{
		margin-bottom: 15px;
	}
	.item-product .title{
		font-size: 14px;
	}
	.slider-for .slick-slide img{
		height: 250px;
	}
	.slider-nav .slick-slide img{
		height: 75px;
	}
	.slick-prev,
	.slick-next{
		top: -170% !important;
	}
	.slick-next{
		right: 15px !important;
	}
	.title-product{
		font-size: 16px;
	}
	.product-detail-info ul li{
		font-size: 14px;
	}
	.call-order span{
		font-size: 16px;
	}
	.des-product{
		font-size: 14px;
	}
	.title-sg-prd span{
		font-size: 14px;
	}
	.title-sg-prd{
		padding: 10px;
	}
	.content-detail-prd{
		font-size: 14px;
		text-align: justify;
		padding: 10px;
	}
	.page-template-contact .content-page h1, .page-template-contact .content-page h2{
		font-size: 18px;
	}
	.page-template-contact .content-page h1, .page-template-contact .content-page h2{
		margin-bottom: 15px;
	}
	.ct-item h3{
		font-size: 15px;
		line-height: 1.2;
	}
	.icon{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.bottom-form-ct .wpcf7-form p{
		font-size: 15px;
	}
	input[type=text], input[type=email], input[type=password], input[type=number], input[type=search]{
		height: 45px;
	}
	.title-bg-bn {
	    font-size: 19px;
	    padding: 0 15px;
	    line-height: 1.1;
	}
}