/* 1199 */
@media screen and (max-width:1400px){
	.site-loiich .img{
		max-width: 300px;
	}
}

@media screen and (max-width: 1199.5px) {
	.site-loiich .container{
		position: relative;
		z-index: 2;
	}
	.footer__menu ul li a{
		padding:0px 10px;
	}
	.form{
		padding:50px;
	}
}

/* 991 */

@media screen and (max-width: 991.5px) {
	.header .menu ul li a{
		padding:0px 10px;
	}
	.site-banner{
		max-height: 500px;
	}
	.title-bg span{
		padding:30px 50px;
	}
	.form{
		padding:20px;
	}
}

/* 767 */

@media screen and (max-width: 767.5px) {
	
	.site-banner{
		max-height: fit-content;
		height: auto;
		padding-top: 100px;
	}
	.site-banner .img{
		text-align: center;
	}
	
	.site-banner .img img{
		max-width: 50%;
		margin:0 auto;
	}
	.site-banner .img1 img{
		max-width: 100%;
	}
	.header .logo{
		padding:10px 0px;
	}
	.header .logo img{
		max-width: 100px;
	}
	.site-about .img{
		display: none;
	}
	.title-bg span{
		padding:20px;
		font-size: 150%;
	}
	.site-loiich .content{
		border-radius: 10px;
		padding:15px;
		font-size: 100%;
		line-height: 1.5;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.site-hl .img-right{
		display: none;
	}
	.site-hl .img{
		margin-bottom: 20px;
	}
	.site-hl .the_content{
		text-align: left;
	}
	.site-hl .btn{
		margin-bottom: 25px;
	}
	.footer__menu ul{
		display: none;
	}
	.footer{
		padding:20px 0px;
	}
}