@media screen and (max-width: 1600px){
	.site-banner .img1{
		left: 50%;
	}
	.site-banner .img2{
		right: 5%;
	}
	.site-free h3{
		top: 60%;
		font-size: 50px;
	}
	.header .menu ul li a{
		font-size: 22px;
	}
	.header .menu ul li{
		padding: 0px 15px;
	}
	.header .menu .login a{
		font-size: 16px;
	}
	.site-banner .img2 img{
		max-width: 300px;
	}
	.site-banner .img1 img{
		max-width: 300px;
	}
	.site-banner .img1{
		left: 60%;
	}
	.site-banner .img2{
		top: 38%;
	}
	.site-banner h2{
		margin-bottom: 100px;
	}
	.site-about .items img{
		height: auto;
	}
	.site-about{
		padding-top: 60px;
		padding-bottom: 100px;
	}
	.site-about .items h3{
		height: auto;
		line-height: 1;
		padding: 10px 0px;
	}
	.site-works{
		padding: 50px 0px;
	}
	.site-free h3{
		left: 35%;
	}
}

@media screen and (max-width: 991px){
	.header .menu{
		display: none;
	}
	.site-banner .img1{
		left: 80%;
	}
	.open-popup-level-test{margin:15px auto 0;font-size: 30px;display: block;}
	.site-works .items h3{
		font-size: 16px;
	}
	.site-works .items img{
		max-width: 60%;
	}
	.site-works .title-main p{
		font-size: 16px;
	}
	.site-works .title-main{
		margin-bottom: 50px;
	}
	.site-about .content{
		text-align: center;
	}
	.site-about{
		background-position: center;
	}
	.site-free img{
		width: 40%;
		left: 80%;
		top: 60%;
	}
	.site-free h3{
		left: 26%;
		top: 66%;
	}
	.site-video .sidebar ul{
		display: flex;
		flex-wrap: wrap;
		margin: 0px -10px;
		height: 180px;
	}
	.sidebar ul li{
		flex: 0 0 33.333%;
		padding: 0px 10px;
	}
}

@media screen and (max-width: 500px){
	.site-banner .img2,
	.site-banner .img1{
		display: none;
	}
	.site-banner h2{
		margin-bottom: 50px;
		font-size: 24px;
	}
	.site-banner ul li{
		font-size: 20px;
	}
	.site-banner ul li span{
		width: 50px;
		height: 50px;
	}
	.site-banner{
		padding: 50px 0px;
	}
	.site-works .title-main .heading{
		font-size: 30px;
	}
	.site-about .items h3{
		margin-top: 20px;
	}
	.site-about .items{
		margin-bottom: 20px;
	}
	.site-free h3{
		left: 26%;
		top: 64%;
		font-size: 25px;
	}
	.site-video .btn.btn-select-level {
		font-size: 18px;
		padding: 8px 0px;
	}
	.site-video{
		padding: 50px 0px;
	}
	.site-video .title-video select{
		margin-bottom: 10px;
	}
	.site-video .sidebar ul li a{
		font-size: 16px;
	}
	.site-video .sidebar ul li{
		flex: 0 0 50%;
		max-width: 50%;
	}
	.site-content .btn-custom{
		width: 100%;
		line-height: 1.5;
	}
	.site-content{
		padding: 50px 0px;
	}
	.site-content .items h3{
		font-size: 20px;
	}
	.site-content .items p{
		font-size: 16px;
	}
	.pp-video .content{
		max-width: 95%;
	}
	.pp-video .text-flex .img{
		display: none;
	}
}
@media screen and (max-width: 600px){
	.row-small{margin: 0 -7px}
	.row-small > div{padding: 0 7px}
	.img-popup-mobile .im2 img{
		height: 190px;
	}

	.im-popup-mobile .img1 img{
		width: 85%;
	}
	.site-about .items img{max-width: 200px}
	.wordList-v2{height: 180px;}
	.header .logo{padding: 12px 0}
	.header .logo .logo-keep{height: 75px;width: auto;}
}