/* 1199 */

@media screen and (max-width: 1400px) {
	.site-address ul li{
		font-size: 12px;
	}
}

@media screen and (max-width: 1199.5px) {
	.header .menu,
	.menu-products,
	.site-address{
		display: none;
	}
	.site-banner{
		margin-top: -103px;
	}
	.site-about--content{
		padding:50px 20px;
	}
	.footer .address li{
		line-height: 1.5;
	}
	.video-content .content h3{
		font-size: 200%;
	}
	.bg-products .slick-object-products{
		margin:0px -10px;
	}
	.bg-products .slick-object-products .slick-slide{
		padding:0px 10px;
	}
	.page-banner-htl{
		max-height: 600px;
	}
	.page-object-products .title-main .heading{
		font-size: 50px;
	}
	.row-custom-50{
		margin:0px -12px;
	}
	.row-custom-50 .col-custom-50{
		padding:0px 12px;
	}
	.page-archive-news .pd-right-custom{
		padding-right: 0;
	}
}

/* 991 */

@media screen and (max-width: 991.5px) {
	.site-about .logo{
		display: none;
	}
	.items-project-1 .ratio{
		padding-bottom: 50%;
	}
	.items-project .ratio{
		padding-bottom: 70%;
	}
	.site-cs .items{
		padding:10px 0px;	
	}
	.site-cs{
		padding:50px 0px;
	}
	.footer .title-ft{
		font-size: 100%;
	}
	.history .items{
		flex:0 0 33.333%;
		max-width: 33.333%;
	}
	.page-banner{
		margin-top: -103px;
		padding-top: 103px;
		max-height: 600px;
	}
	.items-products h3 a{
		font-size: 100%;
		padding:10px;
	}
	.items-products .logo img{
		max-width: 100px;
	}
	.items-products .logo span{
		font-size: 100%;
	}
	.title-main .heading{
		font-size: 150%;
	}
	.video-content .content{
		padding:20px;
	}
	.single-content{
		padding-left: 0;
	}
	.single-content h1{
		font-size: 120%;
	}
	.page-banner{
		height: 400px;
	}
	
}

/* 767 */

@media screen and (max-width: 767.5px) {
	.history .items{
		flex:0 0 50%;
		max-width: 50%;
	}
	.header .logo img{
		max-width:150px;
	}
	.header .logo{
		padding: 10px 0px;
	}
	.site-banner{
		margin-top: -55px;
	}
	.site-banner img{
		height: auto;
		max-height: 400px;
		min-height: 400px;
	}
	.site-banner--content .title{
		font-size: 30px;
	}
	.site-banner--content h2{
		font-size: 20px;
	}
	.site-banner--content h3{
		font-size: 20px;
		margin:10px 0px
	}
	.site-banner--content{
		padding:0px 10px;
	}
	.title-main .heading{
		font-size: 25px;
	}
	.title-main p{
		font-size: 100%;
	}
	.items-solution h3{
		font-size: 100%;
	}
	.site-solution .col-custom-50{
		margin-bottom: 15px !important;
	}
	.site-about--content .the_content h3{
		font-size: 100%;
	}
	.site-about-dl .content h3{
		font-size: 150%;
	}
	.site-about-dl .content{
		padding-right: 0;
	}
	.footer .footer__bg{
		padding:20px;
	}
	.footer .footer__bg__content_2{
		width: 100%;
		margin:20px 0px;
	}
	.menu-mobile ul li a{
		font-size: 100%;
	}
	.items-ewin{
		height: 400px;
	}
	.page-banner .content h2{
		font-size: 150%;
	}
	.page-banner .content{
		width: 100%;
		padding:10px;
	}
	.page-banner{
		margin-top: -55px;
		padding-top: 55px;
		max-height: 400px;
	}
	.title-main .heading{
		line-height: 1.3;
	}
	.bh-list{
		margin-bottom: 20px;
	}
	.pd-main{
		padding:50px 0px;
	}
	.single-content{
		padding-top: 20px;
	}
	.page-single-products{
		padding-bottom: 0;
	}
	.page-banner{
		height: 200px;
	}
	.page-object-products .title-main .heading-small{
		font-size: 100% !important; 
	}
	.page-object-products .title-main .heading{
		font-size: 200%;
	}
	.items-store h3{
		padding:10px;
	}
	.page-archive-news .items-news-2 p{
		display: none;
	}
	.items-news-2 .content{
		padding-left: 12px;
	}
	.items-news-2 .content h3 a{
		font-size: 14px;
	}
}