@media screen and (max-width: 1024px) and (min-width: 320px) {
.container{
	width:100%;
	padding:0 5px;
}
.logo span{
	font-size:24px	
}
.ind_abt_left img{
	width:100%;
}
.ind_abt_right{
	padding:1%;
	margin:0;
}
.icon_1{
	display:none;	
}
.qua_set{
	background:none;	
}
.abt_con{
	background-position:0;	
}

}

@media screen and (max-width: 960px) and (min-width: 320px) {
.logo{
	float: none;
	margin: 0 auto;
	text-align: center;	
}
.header_right{
	float: none;
	margin: 0 auto;
	text-align: center;	
}
.header_right li{
	display:inline-block;
	float:none;	
}
.icon_det{
	text-align:left;	
}

.footer ul{
	width:50%;	
	margin:15px 0;
}

}

@media screen and (max-width:800px) and (min-width:320px){

.abt_left{
	width:100%;	
}
.abt_right{
	width:100%;
}
.abt_view_left{
	width:50%;
	float:none;
	margin:0 auto;	
}

.abt_view_right{
	width:100%;
	padding:0 25px;
	float:none;	
}

.courses li a{
	width:50%;
	float:none;
	margin:0 auto;	
}

.courses li span{
	width:100%;
	margin:0 auto;
	float:none;	
}

.contact_left{
	width: 85%;
    float: none;
    margin: 0 auto;
}	

.contact_right{
	width: 85%;
    float: none;
    margin: 0 auto;
}


}

@media screen and (max-width:768px) and (min-width:320px){

.strip_left{
	float: none;
	margin: 0 auto;
	text-align: center;	
}

.strip_right{
	float: none;
	margin: 0 auto;
	text-align: center;	
}

.strip_right li{
    float: none;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}	

.ind_abt_left{
	margin:0 auto;
	float:none;
		
}

.ind_abt_right{
	width:100%;	
}

.ind_team{
	width:90%;	
}

.programs button{
	width:100%;
}

.courses_1  li{
	width:50%;	
}



}



@media screen and (max-width: 667px) and (min-width: 320px) {

.header_right li{
	display:block;	
	margin:5px;
}

.res_menu{
	display:block;	
}

.menu{
	display:none;	
}

.menu li{
	float:none;
	margin:0 auto;
	text-align:center;	
}

.menu li a::after{
	display:none;	
}

.submenu{
	position:static;
	width: 200px;
	display:none;
	margin: 0 auto;	
}

.social{
	width:100%;	
}

.social_icon{
	width:100%;
	display:inline-block;
	margin:0 auto;
	text-align:center;	
}

.social_icon li{
	display:inline;	
}




}

@media screen and (max-width: 640px) and (min-width: 320px) {

.qua_set p{
	width:90%;	
}

.courses li a{
	width:100%;	
}

.contact_left{
	width: 100%;
}	

.contact_right{
	width: 100%;
}






}




@media screen and (max-width: 580px) and (min-width: 320px) {
	.header_right{
		display:none;	
	}
	.ind_abt_left{
		width:100%;	
	}
	.ind_abt_right a{
		width:45%;	
	}
	ul.tabs1 li{
		width:25%;	
	}
	.abt_view_left{
	width:90%;	
}

.banner_down{
	padding:15px 5px;	
}

.banner_down h3{
	float:none;
	margin:0 auto;
	text-align:center;	
}
.banner_down a{
	width:50%;
	display:block;
	margin:0 auto;
	float:none;	
	text-align:center;
}

}

@media screen and (max-width: 533px) and (min-width: 320px) {
	ul.tabs1 li{
		width:31%;	
		padding:10px 5px;
	}
	.footer ul{
		width:100%;	
		padding:0 15px;
}

.footer_cprt p{
	float: none;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
	width: 100%;
}

.twelve{
	padding:10px;	
}

.fancy_box{
	padding:0;	
}

.courses_1  li{
	width:100%;	
}

.icon{

}

.icon_det{
	width:80%;	
}






}

@media screen and (max-width:414px) and (min-width: 320px) {

.programs button{
	float:left;	
	padding:10px;
	margin:0 5px;
	width:100%;
}

.contact_right{
	padding:0 15px
}

.contact_right li{
	width:100%;
}

.contact_right li input{
	width:100%;	
}

.contact_right li textarea{
	width:100%;	
}

.ind_team{
	width:95%;	
}


}



@media screen and (max-width: 320px) {

.logo span{
	font-size:20px	
}

.programs button{
	padding:5px;

}


ul.tabs1 li{
	width:35%;	
	padding:10px 5px;
}

.icon{
	float: none;
	margin: 0 auto;
	text-align: center;	
}

.icon_det{
	width: 100%;
	padding: 0 15px;	
}



}