@media screen and (max-width:1400px){
	.site-sytem{
		background-position: 30% 100%;
    	background-size: cover;
	}
	.site-construction{
		background-position: center 100%;
	}
	.site-banner img{
		max-height: 600px;
	}
}

/* 1199 */
@media screen and (max-width:1300px){
	.header .menu ul li a{
		padding:0px 5px;
	}
	body, html{
		font-size: 14px;
	}
	.page-value--content{
		padding-left: 5%;
	}
}

@media screen and (max-width: 1199.5px) {
	.header .menu{
		display: none;
	}
	.site-customer--slick .content{
		max-width: 95%;
	}
	.site-banner img{
		max-height: 500px;
	}
	.site-about-products .nav-top .nav-items a{
		font-size: 100%;
	}
	.page-search .form-control{
		flex:0 0 70%;
		max-width: 70%;
	}
	
}

/* 991 */

@media screen and (max-width: 991.5px) {
	
	.site-about-products .content h3{
		font-size: 150%;
	}
	.btn{
		min-width: 150px;
	}
	.items-strong h3{
		line-height: 1.5;
	}
	.title-main-2 .heading{
		font-size: 200%;
	}
	.site-products .nav-top{
		flex-wrap: wrap;
	}
	.site-products .nav-top li a{
		padding:10px;
	}
	.items-products .content{
		padding:15px;
	}
	.items-news-2 .ratio{
		padding-bottom: 80%;
	}
	.footer .address ul{
		flex-wrap: wrap;
	}
	.footer .address ul li{
		padding-bottom: 10px;
		line-height: 1.5;
	}
	.site-cup .title-main{
		max-width: 100%;
	}
	.max-content{
		max-width: 100%;
	}
	.page-value .items--images{
		flex:0 0 40%;
		max-width: 40%;
	}
	.page-search{
		display: none;
	}
	.page-archive-products{
		padding-top: 30px;
		border-top: 1px solid #ccc;
		margin-top: 30px;
	}
	.dvls_maps_3col .dvls_maps_col{
		max-width: 42%;
		flex:0 0 42%;
	}
	.dvls_maps_body{
		display: block;
	}
	.dvls_maps_body .dvls_maps_main{
		padding-right: 0;
	}
	.dvls_maps_body .dvls_maps_sidebar{
		max-width: 100%;
		flex:0 0 100%;
		height: 400px;
		margin-bottom: 10px;
	}
	.site-single-libra .the_content{
		padding-right: 0;
	}
	.pd-right-custom{
		padding-right: 0 !important;
		margin-bottom: 20px;
	}
	.site-sytem{
		        background-position: 100%;
	}
	.site-banner{
		margin-top:0;
	}
	.site-banner img{
		max-height:100%;
		height:auto;
	}
	.header{
		border-bottom:0;
	}
}

/* 767 */

@media screen and (max-width: 767.5px) {
	.site-banner--content h2{
		font-size: 200%;
	}
	.site-banner--content h3{
		font-size: 100%;
	}
	.site-banner--content h4{
		font-size: 150%;
		line-height: 1.5;
	}
	.site-about-products .nav-top .nav-items{
		flex:0 0 50%;
		max-width: 50%;
	}
	.site-about-products .nav-top{
		flex-wrap: wrap;
	}
	.site-about-products .nav-top .nav-items a{
		margin-bottom: 10px;
	}
	.header .logo{
		padding:10px 0px;
	}
	.site-banner{
		margin-top: -70px;
	}
	.site-about-products .content p{
		margin-bottom: 20px;
	}
	.site-about-products .content{
		padding-right: 0;
		padding-bottom: 20px;
	}
	.site-about-products .images img{
		border-radius: 10px;
	}
	.site-about-products .tab-content{
		padding:30px 0px;
	}
	.items-strong{
		margin-bottom: 20px;
	}
	.site-strong{
		padding:50px 0px;
	}
	.site-about .video{
		margin-bottom: 20px;
	}
	.site-about .video iframe{
		height: 300px;
	}
	.title-main .heading{
		font-size: 150%;
	}
	.site-about{
		padding-bottom: 150px;
	}
	.pd-main{
		padding:50px 0px;
	}
	.title-main-2 .heading{
		line-height: 1.5;
		font-size: 150%;
	}
	.items-cup h3{
		font-size: 100%;
	}
	.mb-50{
		margin-bottom: 20px !important;
	}
	.items-products .content{
		padding:5px;
	}
	.items-products table tr td{
		line-height: 1.5;
	}
	.row-custom-50 .col-custom-50{
		padding:0px 12px;
	}
	.row-custom-50{
		margin:0px -12px;
	}
	.items-solution h2{
		font-size: 80%;
		padding-bottom: 10px;
	}
	.site-construction{
		background-position: center left;
	}
	.site-construction .items{
		margin-bottom: 20px;
	}
	.itemw-news .content{
		padding:15px;
	}
	.site-sytem .items h3{
		font-size: 100%;
	}
	.title-main p{
		margin-bottom: 20px;
	}
	.site-sytem .images{
		display: none;
	}
	.site-contact h3,
	.site-contact h4{
		font-size: 100%;
		line-height: 1.5;
	}
	.site-contact .form{
		margin:20px 0px;
	}
	.footer__menu{
		margin-bottom: 20px;
	}
	.footer__content .the_content h3, .footer__content .the_content h2{
		font-size: 100%;
	}
	.js-uptop{
		width: 35px;
		height: 35px;
	}
	.js-uptop svg{
		width: 15px;
	}
	.the_content h1, .the_content h2, .the_content h3, .the_content h4, .the_content h5, .the_content h6{
		text-align: left;
	}
	.page-about .images img{
		border-radius:5px;
		height: auto;
		margin-top: 20px;
		min-height: 100px;
		display: block;
	}
	.page-value .items{
		border-radius: 10px;
		display: block;
		padding:15px;
	}
	.page-value .items--images{
		flex:0 0 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.page-history .slider-for .items .number{
		font-size: 60px;
	}
	.page-history .slider-for .items{
		padding-bottom: 100px;
	}
	.the_content h1, .the_content h2{
		font-size: 150%;
	}
	.page-products{
		padding-bottom: 0;
	}
	.page-archive-products{
		padding:30px 0px;
	}
	.single-products h1{
		margin-top: 20px;
		line-height: 1.5;
	}
	.filter-products .form{
		display: block;
	}
	.filter-products .form-control{
		width: 100%;
		margin-bottom: 10px;
		flex:0 0 100%;
		max-width: 100%;
	}
	.filter-products .btn{
		margin:0;
		width: 100%;
	}
	.items-support .button{
		display: block !important;
	}
	.items-support .button .btn{
		flex:0 0 100%;
		max-width: 100%;
		margin-bottom: 10px;
		width: 100%;
	}
	.items-products table tr td{
		padding:5px;
	}
	.dvls_maps_body .dvls_maps_sidebar{
		height: 500px;
	}
	div#dvls_maps{
		height: 400px !important;
	}
	.dvls_maps_3col{
		flex-wrap: wrap;
	}
	.dvls_maps_3col .dvls_maps_col{
		flex:0 0 50%;
		max-width: 50%;
	}
	.dvls_maps_body .dvls_maps_sidebar{
		padding:10px;
	}
	.page-kpp {
		padding-top: 30px;
	}

	.site-single-libra{
		padding-top: 30px;
	}
	.page-archive-news .items-news-2 p{
		display: none;
	}
	.page-archive-news--top{
		margin-bottom: 20px;
	}
	.page-contact .address ul{
		display: block;
	}
	.page-contact .address ul li{
		margin-bottom: 10px;
		line-height: 1.5;
	}
	.page-contact .items-contact .top{
		font-size: 90%;
	}
	.page-contact .items-contact .top svg{
		width: 15px;
	}
	.site-banner{
		margin-top:0 !important;
	}
	.site-banner img{
		height:auto;
		max-height:100%;
	}
	.site-banner--content{
		display:none !important;
	}
	.sidebar-custom{
		margin-top:20px;
	}
}