
@media screen and (min-width: 1200px){
.footer-logo1{ display: none;}}
	@media screen and (max-width: 900px){
		body{ font-size:95%;}
	}
@media screen and (max-width: 768px), (max-device-width: 768px), (max-width: 1024px){
	body{ font-size:90%}
	.layout{ width:100%;}
	img{ max-width:100%;}
}

@media screen and (max-width: 768px), (max-device-width: 768px){
	header{	background: none;top: 129px;left: 0;-webkit-transition: all 0.5s ease 0.4s;-moz-transition: all 0.5s ease 0.4s;-ms-transition: all 0.5s ease 0.4s;-o-transition: all 0.5s ease 0.4s;	transition: all 0.5s ease 0.4s;}
	.menu nav{ width:100%;}
	.menu nav li{ display: inline; font-size:1.000em;}
	span.triangle_menu{ display: none;}

	.list-seciton .profile{ width:100%; background:#36a83d; padding-bottom:15px}
	.Our-team{margin-top:30px; background:#efb627}
	.Our-team ul li{ padding:3px 10px;}
	#introduction .about_us{ padding:112px 1.5% 0 1.5%; width:97%;}
	.list-seciton artical{ width:98%;}
	.profile2,.profile3{ width:100%; background:url(../img/work-detail.png)0 0; margin-bottom:10px;}
	.contact{ width:97%; float:none; margin-top:0px; padding:0 1.5%;}
	#information div.structure,#information div.curricume,#program-details div.details,#information div.section-info{width:96.96106%;}
	#about_us div.unique,#about_us div.offer,#about_us div.chess{ width:50%;}
	.faq{ width:100%; position:static; min-height:460px; background:#ff005a;}
	.faq h3{ color:#fff; padding-top:15px;}
	.qestion{ width:96.20133%; position:static;}
	#testimonial{ width:100%; margin-top:0px; background:#00aef7;}
	.testimonial-box ul li artical{ position:sticky; width:80% !important;}
	.testimonial-box ul li.item01,.testimonial-box ul li.item02,.testimonial-box ul li.item03,.testimonial-box ul li.item04{ width:100%}
	.faqtriangle{ display: none;}
	.footer-logo{ display: none;}
	.address-section{ margin:0px; padding-left:1.798670465337132%;}
	#find_school .find_source{ background:#fff;}
	header{ top:-478px;}
	.sign-up{ width:100%;}
	span.triangle_whitenav{ display: none;}
	.list-seciton .profile{ background:none;}
	.list-seciton,.list-seciton2,.list-seciton3{ width:96.964%; background: #252525 url(../img/work-detail.png) repeat 0 0; margin-bottom:15px;}	
	.list-seciton2.active,.list-seciton2.active2{ width:96%;}
.profile2, .profile3{ background: none;}
	.list-seciton.active,.list-seciton2.active,.list-seciton3.active{}
		.list-seciton2.active2,.list-seciton3.active2{ background:#252525 url(../img/work-detail.png) repeat 0 0;  }	
		.list-seciton2 p,.list-seciton3 p,.list-seciton p{ padding-right:0px;}
		.list-seciton3 artical{ width:100%;}
		.list-seciton2 .profile, .profile2, .profile3{ padding:19px 0 17px;}
		.profile2_1,.profile3_1{ margin-top:30px; float:left;}
		.list-seciton2 p{ margin-bottom:0px;}
		.list-seciton3.active{ padding-bottom:10px;}

	}
	
	
	
	@media screen and (max-width: 760px), (max-device-width: 760px)	{
	 nav{ background: none; width:100%;}
	 header{ width:100%; }
	 nav ul{ background: url(../img/content-bg.png)0 0  repeat;  display:table; width:100%;margin:0px;}
	 nav ul li{font-size:1.000em; padding:5px 5px 0 5px; display: block; text-align:center; border-bottom:1px solid #fff;}
	  .menu-arrow{ position:fixed; top:10px;}
	  #home .heading{ bottom:10px;}
	}
@media screen and (max-width: 622px), (max-device-width: 622px)	{
	
	 body{ font-size:90%;}
	}

	@media screen and (max-width: 560px), (max-device-width: 560px){
		#home{ height:903px;}
		body{ font-size:80%;}		
		
		}
@media screen and (max-width: 480px), (max-device-width: 480px)	{
	#home{ height:792px;}
	#about_us div.unique,#about_us div.offer,#about_us div.chess{ width:100%;}
	#find_school .find_source .search-section{ width:96.39126%;}
	.search-section .search-box{ width:85%;}
	.horsre{ display:none;}
		#information div.structure h1 em img, #information div.curricume h1 em img, #information div.section-info h1 em img{ width:60px; height:60px;}
		#information div.structure h1, #information div.curricume h1, #information div.section-info h1{ font-size:2.125em;}
		#information div.structure h1 span, #information div.curricume h1 span, #information div.section-info h1 span{ display: none;}
		
		.small_logo{ width:80%; margin-top:8px;}
		.small_logo  h2{ float:left; width:19%; padding:0px; margin:0px;}
		.small_logo li{ float:left; margin-left:5px; padding:10px; font-size:0.685em;}
		.small_logo ul{ float:right;}
				.small_logo ul li{ padding:7px;}

		img{ max-width:100%;}
		span.triangle{ display: none;}
		.Our-team ul li h2{ font-size:1.000em;}
		#home .content{ bottom:-93px;}
		#home{ height:622px;}
				#about_us div.offer.sup,#about_us div.unique.sup,#about_us div.chess.sup{ width:100% !important;}
					#home .content{ bottom:-26px;}
					.map{width:100%; margin:0px; margin-top:70px; }
					#home .heading{ bottom:-30px; left:10px;}
					#information span.triangle4,#information span.triangle3,#information span.triangle2{ display: none;}
					#information div.section-info.sup,#information div.structure.sup,#information div.curricume.sup,#information div.curricume.sup{ width:100% !important}

.box{ width:96%; left:0px; height:478px;}
	}
	

					@media screen and (max-width: 320px),(max-device-width: 320px){
			        body{ font-size:60%;}
					img{ max-width:80%;}
					.work-details a{ background-position:right 0;}
					.small_logo{ width:83%;}
					.small_logo li{ float:left; margin-left:10px; padding:5px;}
					.small_logo li:first-child{ margin-left:0px;}
					span.triangle{ display: none;}
					.Our-team ul li h2{ font-size:1.000em;}
					.map img{ max-width:100%;}
					.menu-arrow{ bottom:0;}
					.box{ width:96%; left:0px; height:478px;}
					.small_logo ul{ float:right;}
			}
			
			
					@media screen and (max-width: 314px),(max-device-width: 314px){
						
						
						}