@media only screen and (min-width: 1024px) and (max-width:1240px) {
.container					{ width:98%;}
.header_in						{ width:100%;}
#nav ul li .inner_nav_in		{ width:100%;}
#nav ul li .inner_nav_in ul li	{ margin:0 34px 0 0}
.banner							{ width:100%; background-size:cover; height:auto;}
.main_content					{ width:100%;}
.section1						{ margin:0 0 16px; width:45%; min-height:390px;  }
.section1_hr					{ width:92%; padding:0px 0 0 8%; min-height:412px;}
.section1_hr p					{ margin:0 0 30px;}
.section2						{ width:45%; padding:156px 0 0 50px; margin:0 0 14px 0;}
.section2_hr					{ width:92%; min-height:240px;}
.section2_hr span				{ font-size:13px;}

.section3						{ width:46%; margin:0; padding:40px 0 48px 20px	;}
.oursponcers 					{ width:233px;}
.oursponcers h3					{ font-size:26px; word-spacing:2.1px;}
.university						{ width:220px;}
.university img					{ width:100%; height:auto;}
.section4						{ width:50%;}
.section4_hr					{ width:100%;}
.footer 						{ background-size:cover; }
.footer_in						{ width:100%;}
.footer_in a					{ padding:0 0 10px;}
.footer_in p					{ padding:0;}



}
@media only screen and (min-width: 768px) and (max-width:1023px) {

.container						{ width:98%;}
.header_in						{ width:100%;}
#logo							{ width:40%;} 
#logo a img						{ width:100%; background-size:100%; height:auto;}
.header_in_rt					{ width:54%;}
.header_in_rt span img			{ width:100%; background-size:100%; height:auto;  }
.banner							{ width:100%; background-size:cover; height:auto;}
#nav							{ width:749px;}
#nav ul li .inner_nav_in		{ width:100%;}
#nav ul li a					{ padding:13px 6px 17px 6px; font-size:12px;}
#nav ul li .inner_nav_in ul		{ margin:0 0 0 2px !important;}
#nav ul li .inner_nav_in ul li	{ margin:0 15px 0 0;}
.main_content					{  width:100%;}
#nav ul li .inner_nav_in ul li a{ font-size:12px;}
.banner span					{ left:48.5%;}
.banner_in						{ width:630px;}
.banner_in h5					{ font-size:31.97px; line-height:32px;}
.banner_in h1					{ font-size:55.94px; line-height:49px;}
.banner_in h2					{ font-size:43.95px; line-height:50px;}
.section1						{ margin:0 0 16px; width:43%; min-height:390px;  }
.section1 h3					{ font-size:60px; line-height:60px;}
.section1 h3 span				{ font-size:30px; line-height:28px;}
.section1 h3 span img			{ background-size:100%; }
.section1_hr					{ width:96%; padding:21px 0 0px 18px; min-height:390px;}
.section1_hr p					{ margin:0 0 13px; font-size:11px; padding:23px 9px 0 0;}
.section2						{ width:45%; padding:156px 0 0 50px; margin:0 0 14px 0;}
.section2 h2					{ font-size:29px; padding:0 0px 19px 0;}
.section2_hr					{ width:92%; min-height:239px; padding:174px 0 0 30px;}
.section2_hr span				{ font-size:10px;}
.section2_hr a					{ margin:0 auto;}
.section3						{ width:43%; margin:0; padding:0 0 8px 20px	;}
.oursponcers 					{ width:239px; float:none; display:block; margin:0 auto;}
.oursponcers h3					{ font-size:28px; word-spacing:2.1px;}
.university						{ width:220px; display:block; float:none; margin:0 auto;}
.university img					{ width:100%; height:auto;}
.section4						{ width:51%;}
.section4_hr					{ width:100%;}
.footer 						{ background-size:cover; }
.footer_in						{ width:100%;}
.footer_in a					{ padding:0 0 10px;}
.footer_in p					{ padding:0;}



}
@media only screen and (max-width: 767px) {

.menu							{ position:absolute; top:-4px; right:15px; display:block; width:33px; height:24px; cursor:pointer; }

#nav ul li .inner_nav			{ display:none; background:none;  top:0; left:0; text-align:center;position:static; width:100%; padding:0;}
#nav ul li:hover .inner_nav						{ display:none;}
.container						{ width:98%;}
.header_in						{ width:100%;}
#logo							{ width:40%;} 
#logo a img						{ width:100%; background-size:100%; height:auto;}
.header_in_rt					{ width:54%;}
.header_in_rt span img			{ width:100%; background-size:100%; height:auto;  }
#nav ul li .inner_nav_in		{ width:100%;}
#navigation						{ display:block; position:relative; min-height:25px;}
#nav							{ width:100%; float:none; display:none; position:absolute; top:25px; left:0} 
#nav ul li a					{ padding:13px 0 17px; font-size:11px;}
#nav ul li 						{ width:100%; display:block; text-align:center;}
#nav ul 						{ width:100%; display:block; background:#fff;}
#nav ul li .inner_nav_in ul		{ margin:0 0 0 0px !important;}
#nav ul li .inner_nav_in ul li	{ margin:0 0px 0 0 !important; padding:0px 0 0px 0 !important;}
#nav ul li .inner_nav_in ul li a	{ padding:13px 0 17px !important;}
.register						{ display:none}
.banner							{ width:100%; background-size:cover; height:auto;}
.main_content					{ width:100%; padding:35px 0 15px;}
#nav ul li .inner_nav_in ul li a{ font-size:12px;}
.banner_in						{ width:100%; margin:0 auto;}
.banner_in h5					{ font-size:31.97px; line-height:32px;}
.banner_in h1					{ font-size:50.94px; line-height:41px;}
.banner_in h2					{ font-size:39.95px; line-height:48px;}
.banner_in p					{ font-size:28.97px; line-height:32px;}
.section1						{ margin:0 auto 16px; width:94%; min-height:390px; float:none; display:block; }
.section1 h3					{ font-size:54px; line-height:55px;}
.section1 h3 span				{ background-size:100% auto; font-size:25px;line-height:25px;width:169px; padding:0 0 0 63px;}
.section1 h3 span img			{ background-size:100%; }
.section1_hr					{ width:98%; padding:21px 0 0px 2%; min-height:390px;}
.section1_hr p					{ margin:0 0 13px; font-size:11px; padding:23px 9px 0 0;}
.section2						{ width:100%; padding:156px 0 0; margin:0 0 14px; min-height:211px;  background-size: cover;}
.section2 h2					{ font-size:29px; padding:0 0px 19px 0; text-align:center;}
.section2_hr					{  width: 97%;  min-height: 266px;  padding:100px 0 0 3%;  margin: 0 0 0 0;}
.section2_hr span				{ font-size:12px; text-align:center;}
.section2_hr a					{ margin:0 auto;}
.section3						{ width:100%; margin:0; padding:0 0 8px 0px; float:none; display:inline-block;}
.oursponcers 					{ width:239px; float:none; display:block; margin:0 auto;}
.oursponcers h3					{ font-size:28px; word-spacing:2.1px;}
.university						{ width:220px; display:block; float:none; margin:0 auto;}
.university img					{ width:100%; height:auto;}
.section4						{ width:100%; float:none; display:block; background-size: cover; min-height:150px;}
.section4_hr					{ width:100%; margin:0 0 0 0; padding:43px 0 27px 0;}
.footer 						{ background-size:cover; }
.footer_in						{ width:100%;}
.footer_in a					{ padding:0 0 10px;}
.footer_in p					{ padding:0;}
.banner span					{ left:48.5%; height:88px;}
}

@media only screen and (max-width: 599px){
.section1						{ margin:0 auto 16px; width:91%; min-height:390px; float:none; display:block; }
#logo							{ width:40%; float:none; display:block; margin:0 auto; text-align:center;} 
.header_in_rt					{ width:54%; float:none; display:block; margin:0 auto; text-align:center;}
.banner							{ padding:36px 0 70px;}
.banner_in h5 					{ font-size: 24.97px; line-height: 28px;}
.banner_in h1 					{ font-size:40.94px;line-height: 38px;}
.banner_in h2					{ font-size:31.95px;line-height:48px; margin:0 0 7px 6px; margin:0 0 6px;}

.banner_in p 					{ font-size: 25.97px;line-height: 28px; margin:0 0 17px}
.banner_in a					{ font-size:15.15px; line-height:16px; width:300px; z-index:9999; position:relative;}
.banner span					{ left:48.5%; height:88px;}
}


@media only screen  and (max-width: 479px){

.section1						{ margin:0 0 16px; width:91%; min-height:390px; float:none; display:block; }
#logo							{ width:60%; float:none; display:block; margin:0 auto 15px; text-align:center;} 
.header_in_rt					{ width:80%; float:none; display:block; margin:0 auto; text-align:center;}
.banner							{ padding:27px 0 68px;}
.banner_in h5 					{ font-size: 17.97px; line-height: 21px;}
.banner_in h1 					{ font-size:25.94px;line-height: 24px;}
.banner_in h2					{ font-size:18.95px;line-height:26px; margin:0 0 14px 6px; padding:0 0 10px 0;}

.banner_in p 					{ font-size: 18.97px;line-height: 20px; margin:0 0 20px;}
.banner_in a					{ font-size:12.15px; line-height:14px; width:240px; padding:15px 0 15px 12px;z-index:9999; position:relative;}
.banner span					{ left:48.5%; height:88px;}
}

@media only screen  and (min-width: 768px){
	
#nav{ display:block !important;}	
}
	
