@media screen and (max-width: 1800px) {
	.layui-container{
		width:73%;
	}
	.section-1 .section-img{
		position: absolute;
		left: -10%;
		top: 0px;
		bottom: 0px;
	}
	.section-1 .layui-col-lg-offset4{
		margin-top: 20px;
		margin-left: 40%;
	}
}
@media screen and (max-width: 1600px) {
	.layui-container{
		width:80%;
	}
	.section-1 .section-img{
		position: absolute;
		left: -10%;
		top: 0px;
		bottom: 0px;
	}
	.section-1 .layui-col-lg-offset4{
		margin-top: 20px;
		margin-left: 40%;
	}
}
@media screen and (max-width: 1400px) {
	.layui-container{
		width:97%;
	}
	.banner .layui-container {
	    width: 100%;
	    position: relative;
	    top:50%;
	    transform: translateY(-50%);
	}
	.section-1 .section-img{
		display: none;
	}
	.section-1 .layui-col-lg-offset4{
		margin-top: 20px;
		margin-left: 30%;
	}
	
}
@media screen and (max-width:1200px){
	.section-1 .section-img{
		display: none;
	}
	.section-1 .layui-col-lg-offset4{
		margin-top: 20px;
		margin-left: 20%;
	}
	.layui-container{
		width:100%;padding: 0 5px;
	}
	header .layui-layout-left{
		display: none;
	}
	.layui-nav{
		text-align: left;
	}
	.arrange-row{
		padding: 0px 0px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.arrange-row .layui-col-xs6{
		padding-left: 15px;
		padding-right: 15px;
	}
	.arrange-int{
		position: absolute;
		top: 0px;
		width: 13%;
		display: inline-block;
	}
	.arrange-inline{
		margin-left: 13%;
		width: 90%;
		display: inline-block;
		
	}
	.arrange-bottom{
		transform: translateX(-8px);
	}
	.pricing-nr{
		margin: 5px 10px;
		text-indent: 0em;
		position: relative;
		margin-left: 4.2%;
	}
	.pricing-int{
		position: absolute;
		top: 0px;
		width: 10%;
		display: inline-block;
	}
	.pricing-inlines{
		margin-left: 5%;
		width: 90%;
		display: inline-block;
	}
	#test12 {
	    height: 360px !important;
		width: 97% !important;
	}
	#test12.layui-carousel .img-fluid {
	    height: 310px;
	}
	.student-right {
	    font-size: 18px;
	    line-height: 1.7em;
		transform: translateX(40px);
	    text-align: center;
	}
}
@media screen and (max-width: 1050px) {
	.layui-container{
		width:100%;
	}
	#test12 {
	    height: 360px !important;
	}
	#test12.layui-carousel .img-fluid {
	    height: 310px;
	}
	.student-top {
	    position: relative;
	    top: 50%;
	    padding-right: 10px;
	    transform: translateY(0%);
	}
	.section-1 .layui-col-lg-offset4{
		margin-top: 20px;
		margin-left: 0%;
	}
	.student-left{
		position: relative;
		top: 50%;
		padding-right: 10px;
		transform: translateY(50%);
	}
	.student.active {
	    position: relative;
	    top: 0px;
	    left: 0px;
	    right: 0px;
	    z-index: 888;
	    transition: all 0.5s;
	}
	.student-left span{
		padding: 5px 10px;
	}
	.student-inline {
	    display: inline-block;
	    transform: translateY(0%);
	}
}
@media screen and (max-width: 800px) {
	.layui-container{
		width:100%;
	}
	.pricing-inlines{
		margin-left: 7%;
		width: 90%;
		display: inline-block;
	}
	.layui-card-body {
	    position: relative;
	    padding: 10px 10px;
	    line-height: 24px;
	}
	.time-inline{
		margin-left: 7%;
		width: 90%;
		font-size: 18px;
		display: inline-block;
		padding: 0px 5px;
	}
	.train-inline{
		display: none;
	}
	.train-left{
		text-align: left;
	}
	.train-inline.train-icon{
		display: inline-block;
	}
	.student{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.student .layui-container {
	    padding: 0px 10px;
	}
	.student-row {
	    transform: translateY(-0%);
	    padding: 15px 50px;
	    background: #FFFFFF;
	    box-shadow: 0px 0px 10px #e9e5e6;
	    border-radius: 5px;
	}
	.student-right {
	    font-size: 18px;
	    line-height: 1.7em;
	    transform: translateX(0px);
	    text-align: center;
	}
	#test12 {
	    height: 280px !important;
	}
	#test12.layui-carousel .img-fluid {
	    height: 240px;
	}
	.team-space.layui-row .layui-col-lg4 .team-bgimgs:nth-last-child(1) {
		transform: translateY(-3px);
	    border-bottom: solid 5px;
	    border-image: -webkit-linear-gradient( #00A6FD, #00ADFF,#00ABFF,#00A6FD) 30 30;
	    border-image: -moz-linear-gradient( #00A6FD, #00ADFF,#00ABFF,#00A6FD) 30 30;
	    border-image: linear-gradient( #00A6FD, #00ADFF,#00ABFF,#00A6FD) 30 30;
	}
}
@media screen and (max-width: 670px) {
	.layui-container{
		width:100%;
	}
	#test12 {
	    height: 318px !important;
	}
	#test12.layui-carousel .img-fluid {
	    height: 100%;
	}
	.time-inline{
		margin-left: 7%;
		width: 90%;
		font-size: 18px;
		display: inline-block;
		padding: 0px 5px;
	}
	.arrange-inline{
		margin-left: 7.5%;
		width: 90%;
		display: inline-block;
	}
	.certificate .layui-col-md6{
		padding: 0px 10px;
	}
	.certificate .layui-col-md6 img{
		width: 100%;
		
	}
	.train-inline.train-icon img{
	    display: none;
	}
	.pricing-rwm img{
		display:block;
		margin:0px auto;
		margin-top: 10px;
	}
}
@media screen and (max-width: 600px) {
	.layui-container{
		width:100%;
	}
	.time-inline{
		margin-left: 9%;
		width: 90%;
		font-size: 18px;
		display: inline-block;
		padding: 0px 5px;
	}
	
	.pricing-inlines{
		margin-left: 9%;
		width: 90%;
		display: inline-block;
	}
	.arrange-row .layui-col-md6 {
		padding-left: 0px;
	    padding-right: 0px;
	    margin-bottom: 20px;
	}
	.arrange-bottom .arrange-p {
	    font-size: 15px;
	    margin-bottom: 10px;
	    text-indent: 0px;
	    position: relative;
	}
	.student-row {
	    padding: 15px 20px;
	    background: #FFFFFF;
	    box-shadow: 0px 0px 10px #e9e5e6;
	    border-radius: 5px;
	}
	.student-right {
	    font-size: 18px;
	    line-height: 1.7em;
	    transform: translateX(0px);
	    text-align: left;
	}
	#test12 {
	    height: 408px !important;
	}
	#test12.layui-carousel .img-fluid {
	    height: 350px;
	}
	#test12 .layui-col-xs6{
		width: 100%;
	}
	#test12 .layui-icon.layui-carousel-arrow.left,#test12 .layui-icon.layui-carousel-arrow.right{
	    background-size: 100% 100%;
	    height: 30px;
		width: 30px;
	}
	.team-space.layui-row .layui-col-lg4 .team-bgimgs:nth-last-child(1) {
		transform: translateY(-10px);
	    border-bottom: solid 5px;
	    border-image: -webkit-linear-gradient( #00A6FD, #00ADFF,#00ABFF,#00A6FD) 30 30;
	    border-image: -moz-linear-gradient( #00A6FD, #00ADFF,#00ABFF,#00A6FD) 30 30;
	    border-image: linear-gradient( #00A6FD, #00ADFF,#00ABFF,#00A6FD) 30 30;
	}
	.header-text img {
	    display: none;
	}
}
@media screen and (max-width: 450px) {
	.layui-container{
		width:100%;
	}
	.student-row .layui-col-xs6{
		width: 100%;
	}
	.train-inline-body{
		font-size:18px;
	}
	.student {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.banner img{
		height:120px
	}
	
	.student-right .layui-btn {
		height: auto;
		line-height: 37px;
		padding: 1px 10px;
		background-color: #00B0FB;
		font-size: 18px;
		border-radius: 5px;
		margin-top:10px;
	}
	.student-left p{
		display: inline-block;
	}
	.train-inline-body span {
		color: #01AFFE;
		font-size: 21px;
	}
	.time-icon img {
	    height: 24px;
	    padding-left: 10px;
	    transform: translateY(-2px);
	}
	.arrange-inline{
		margin-left: 10%;
		width: 90%;
		display: inline-block;
	}
	.pricing-nr {
		margin: 5px 10px;
		text-indent: 0em;
		position: relative;
		margin-left: 2%;
	}
	.pricing-inlines{
		margin-left: 14%;
		width: 90%;
		display: inline-block;
	}
	.time-inline {
	    margin-left: 12%;
	    width: 90%;
	    font-size: 18px;
	    display: inline-block;
	    padding: 0px 0px;
	}
	.header-text{
		font-size: 25px;
		padding: 0 0px;
		margin-bottom: 10px;
	}
	#test12 {
	    width: 100%;
	    height: 400px !important;
	}
	#test12.layui-carousel .img-fluid {
	    height: 350px;
	}
	#test12 .layui-icon.layui-carousel-arrow.left,#test12 .layui-icon.layui-carousel-arrow.right{
	    background-size: 100% 100%;
	    height: 25px;
		width: 26px;
	}
	.team-space.layui-row .layui-col-lg4 .team-bgimgs:nth-last-child(1) {
		transform: translateY(-10px);
	    border-bottom: solid 5px;
	    border-image: -webkit-linear-gradient( #00A6FD, #00ADFF,#00ABFF,#00A6FD) 30 30;
	    border-image: -moz-linear-gradient( #00A6FD, #00ADFF,#00ABFF,#00A6FD) 30 30;
	    border-image: linear-gradient( #00A6FD, #00ADFF,#00ABFF,#00A6FD) 30 30;
	}
}