/* 1199 */

@media screen and (max-width: 1199.5px) {
	
}

/* 991 */

@media screen and (max-width: 991.5px) {
	.form-filter select{
		min-width: 100px;
		max-width: 200px;
	}
	.form-filter{
		padding: 15px;
	}
	.form-filter .items{
		padding:0px 10px;
	}
	.header .menu{
		display: none;
	}
	.site-banner img{
		max-height: 600px;
	}
}

/* 767 */

@media screen and (max-width: 767.5px) {
	.header .logo{
		padding: 10px 0px;
	}
	.site-banner{
		margin-top: -80px;
	}
	.form-filter .items{
		flex:0 0 100%;
		max-width: 100%;
		border:0;
		border-bottom: 1px solid #a5a5a5;
		padding:10px;
	}
	.form-filter .items select{
		max-width: 100%;
		width: 100%;
		
	}
	.form-filter .items:first-child{
		padding-left: 10px;
	}
	.form-filter .btn-search{
		padding: 5px 10px;
		width: max-content;
		background: var(--blue);
		height: auto;
		border-radius: 10px;
		min-width: 150px;
		margin: 0 auto;
		margin-top: 10px;
	}
	.form-filter .btn-search svg{
		fill:#fff;
	}
	.form-filter .btn-search svg path{
		fill:#fff;
	}
	.site-banner img{
		max-height: 500px;
	}
	.site-banner--content{
		top: 55%;
	}
	.site-city .nav-top span{
		margin-right: 20px;
	}
	.site-city .nav-top{
		margin-bottom: 20px;
	}
	.title-main{
		margin-bottom: 30px;
	}
	.the_content_custom h3{
		font-size: 150%;
	}
	.title-main .heading{
		font-size: 200%;
		margin-bottom: 0;
	}
	.site-about .content{
		padding-top: 20px;
	}
	.pd-main{
		padding:50px 0px;
	}
	.items-nn .content{
		padding:20px !important;
	}
	.infor-tn li .number{
		font-size: 150%;
	}
	.infor-tn li p{
		font-size: 14px;
	}
	.site-products .products-3d{
		height: 250px;
	}
	.site-products{
		padding:0;
	}
	.site-contact .content-contact{
		padding:15px;
		text-align: left;
	}
	.title-main .heading{
		text-align: left;
	}
	.maps_footer{
		margin-bottom: 20px;
	}
	.site-single-libra .the_content{
		padding-right: 0;
	}
}