@media only screen and (min-width : 302px) and (max-width: 409px){
#container{width:100%;}
.container2{width:100%;}
video{ margin:-22px auto  ; }
.logo{float:left; display:table; margin:-126px 0 0 0; width:100%;}	
.logo img{float:left; display:inline; margin:0; width:45%; height:100%;}

.counter h1{float:none; display:table; margin:0 auto; width:auto; }
.counter img{float:none; display:table; margin:0 auto;}
.contact{width:100%; margin:0;}
.contact h1{float:none; display:table; margin:0 auto; width:auto;}
.contact p{float:none; display:table; margin:0 auto; width:auto;}
.map{width:100%; margin:0;}
.map h1{float:none; display:table; margin:0 auto; width:auto;}
iframe{float:none; display:table; margin:0 auto;}
.map a{float:none; display:table; margin:0 auto;}
.mission{width:100%; margin:0; padding:10px 0px;}
.mission h1{float:none; display:table; margin:0 auto; width:auto;}
.mission p{padding:0px 20px;}
.social{width: 175px;margin: 0 auto;display: block;float: none;}
.fb{margin:10px 0 0 25%;}
.footer-menu{width:100%;}
.footer-menu span{padding:0px 12px;}
.footer-menu a{padding:20px 2px;}
.address{width:100%; float:left; padding-bottom:10px;}
.address h1{text-align: center;width: 100%;}


.logo_img{width:100px; height:auto; left:30px;}
.content a img{margin: 10px 5%;width: 90%;height: auto;}


.eabttopline{width:98%; margin:0 2px;}
.projector img{width:50%; height:auto;}
.baner_logo{width:25% !important; height:auto;}
.baner_logos{width:35% !important; height:auto;}

.first_animate{font-size:60px !important; margin:-89px 0 0 -32px !important;}
.firsts_animate{font-size:60px !important; margin:8px 0 0 40px !important;}
.first_animates{font-size:60px !important; width:60% !important;}

.projects{width:96%; margin:0 0 0 8px;}
.pro-box1{float:left !important; width:100% !important;}
.pro-box1 img{width:87%;}
.sp-globe{height:auto;}

.projects p{width:87%;}

.eabttopline h1{font-size:20px; margin:9px 0 10px;}
#contacttble td{width:100%;}
#contacttble{width:93%; margin:20px 0 0 18px;}
.eadd h2{margin:10px 0 20px;}

.eboardlft{width:100%;}
.eabtall{margin:20px 0 0 7px; width:98%;}
.eboard h2{float:left; margin:0; }
.eboard p{float:left;}


.proj_left{float:none;width:98%;display:block;position:relative;}
.proj_right{float:none;width:98%;display:block;position:relative;}
.proj_right img{margin-top:2px;width:98%;}
.proj_left img{margin-top:2px;width:98%;}

	}



@media only screen and (min-width: 410px) and (max-width: 599px)  {
	#container{width:100%;}
.container2{width:100%;}
video{ margin:-32px auto  ; }
.logo{float:left; display:table; margin:-208px 0 0 0; width:100%;}	
.logo img{float:left; display:inline; margin:0; width:45%; height:100%;}
.counter h1{float:none; display:table; margin:0 auto; width:auto; }
.counter img{float:none; display:table; margin:0 auto;}
.contact{width:100%; margin:0;}
.contact h1{float:none; display:table; margin:0 auto; width:auto;}
.contact p{float:none; display:table; margin:0 auto; width:auto;}
.map{width:100%; margin:0;}
.map h1{float:none; display:table; margin:0 auto; width:auto;}
iframe{float:none; display:table; margin:0 auto;}
.map a{float:none; display:table; margin:0 auto;}
.mission{width:100%; margin:0; padding:10px 0px;}
.mission h1{float:none; display:table; margin:0 auto; width:auto;}
.mission p{padding:0px 20px;}
.social{width: 175px;margin: 0 auto;display: block;float: none;}
.fb{margin:10px 0 0 31%;}
.footer-menu{width:100%;}
.footer-menu span{padding:0px 18px;}
.footer-menu a{padding:20px 15px;}
.address{width:100%; float:left; padding-bottom:10px;}
.address h1{text-align: center;width: 100%;}

.logo_img{width:130px; height:auto; left:50px;}	
.content a img{margin: 10px 5%;width: 90%;height: auto;}

.eabttopline{width:98%; margin:0 5px;}

.projector img{width:60%; height:auto;}
.baner_logo{width:25% !important; height:auto;}
.baner_logos{width:35% !important; height:auto;}


.first_animate{font-size:60px !important; margin:-89px 0 0 -32px !important;}
.firsts_animate{font-size:60px !important; margin:8px 0 0 40px !important;}
.first_animates{font-size:60px !important; width:60% !important;}

.projects{width:96%; margin:0 0 0 8px;}
.pro-box1{float:left !important; width:100% !important;}
.pro-box1 img{width:87%;}
.sp-globe{height:auto;}

.projects p{width:87%;}

.eabttopline h1{font-size:20px; margin:9px 0 10px;}
#contacttble td{width:100%;}
#contacttble{width:93%; margin:20px 0 0 18px;}
.eadd h2{margin:10px 0 20px;}

.eboardlft{width:18%;}
.eabtall{margin:20px 0 0 7px; width:98%;}
.eboard h2{float:right; margin:0; width:60%;}
.eboard p{float:right; width:60%;}

	}
@media only screen and (max-width: 600px){
.address1{width:100%;}	
.form{width:100%; margin-top:0;}

.proj_left{float:none;width:98%;display:block;position:relative;}
.proj_right{float:none;width:98%;display:block;position:relative;}

.proj_right img{margin-top:2px;width:98%;}
.proj_left img{margin-top:2px;width:98%;}

}

@media only screen and (min-width: 600px) and (max-width: 767px){
		#container{width:100%;}
.container2{width:100%;}
video{ margin:-48px auto  ; }
.logo{float:left; display:table; margin:-310px 0 0 0; width:100%;}	
.logo img{float:left; display:inline; margin:0; width:30%; height:100%;}
.counter h1{float:none; display:table; margin:0 auto; width:auto; }
.counter img{float:none; display:table; margin:0 auto;}
.contact{width:50%; margin:0;}
.contact h1{float:none; display:table; margin:0 auto; width:auto;}
.contact p{float:none; display:table; margin:0 auto; width:auto;}
.map{width:50%; margin:0;}
.map h1{float:none; display:table; margin:0 auto; width:auto;}
iframe{float:none; display:table; margin:0 auto;}
.map a{float:none; display:table; margin:0 auto;}
.mission{width:100%; margin:0; padding:10px 0px;}
.mission h1{float:none; display:table; margin:0 auto; width:auto;}
.mission p{padding:0px 20px;}
.social{width: 175px;margin: 0 auto;display: block;float: none;}
.fb{margin:10px 0 0 31%;}
.footer-menu{width:65%; float:none; display:table; margin:0 auto;}
.footer-menu span{padding:0px 18px;}
.footer-menu a{padding:20px 15px;}
.address{width:100%; float:left; padding-bottom:10px;}
.address h1{text-align: center;width: 100%;}

.content a img{margin: 10px 2%;width: 46%;height: auto;}

.eabttopline{width:98%; margin:0 5px;}

.menu-bar1{width:97.5%;}
.projector img{width:50%; height:auto;}
.baner_logo{width:40% !important; height:auto;}
.baner_logos{width:40% !important; height:auto; margin:-43px -9px !important;}
.baners_logos{width:40% !important; height:auto; margin:-26px 18px !important;}

	
.first_animate{font-size:60px !important; margin:-89px 0 0 -32px !important;}
.firsts_animate{font-size:60px !important; margin:8px 0 0 40px !important;}
.first_animates{font-size:60px !important; width:60% !important;}

.projects{width:96%; margin:0 0 0 8px;}
.pro-box1{float:left !important; width:100% !important;}
.pro-box1 img{width:87%;}
.sp-globe{height:auto;}

.projects p{width:87%;}


.eadd{width:80%; float:right;}
#contacttble{width:93%; margin:20px 0 0 18px;}
.eadd h2{margin:10px 0 20px;}

.eboardlft{width:18%;}
.eabtall{margin:20px 0 0 7px; width:98%;}
.eboard h2{float:right; margin:0; width:72%;}
.eboard p{float:right; width:72%;}

.proj_left{float:none;width:98%;display:block;position:relative;}
.proj_right{float:none;width:98%;display:block;position:relative;}
.proj_right img{margin-top:2px;}

	}


@media only screen and (min-width:768px) and (max-width:979px){
		#container{width:100%;}
.container2{width:100%;}
video{ margin:-54px auto  ; }
.logo{float:left; display:table; margin:-342px 0 0 0; width:100%;}	
.logo img{float:left; display:inline; margin:0; width:32%; height:100%;}
.counter h1{float:none; display:table; margin:0 auto; width:auto; }
.counter img{float:none; display:table; margin:0 auto;}
.contact{width:30%; margin:0;}
.contact h1{float:none; display:table; margin:0 auto; width:auto;}
.contact p{float:none; display:table; margin:0 auto; width:auto;}
.map{width:40%; margin:0;}
.map h1{float:none; display:table; margin:0 auto; width:auto;}
iframe{float:none; display:table; margin:0 auto;}
.map a{float:none; display:table; margin:0 auto;}
.mission{width:30%; margin:0; padding:10px 0px;}
.mission h1{float:none; display:table; margin:0 auto; width:auto;}
/*.mission p{padding:0px 20px;}*/
.social{width: 175px;margin: 0 auto;display: block;float: none;}
.fb{margin:10px 0 0 37%;}
.footer-menu{width:65%; float:none; display:table; margin:0 auto;}
.footer-menu span{padding:0px 18px;}
.footer-menu a{padding:20px 15px;}
.address{width:100%; float:left; padding-bottom:10px;}
.address h1{text-align: center;width: 100%;}

.content a img{margin: 10px 1.6%;width: 30%;height: auto;}

.menu-bar1{width:87.5%;}
.eabttopline{width:97%; margin:0 20px;}

.projector img{width:50%; height:auto;}
.baner_logo{width:40% !important; height:auto;}
.baner_logos{width:40% !important; height:auto; margin:-43px -9px !important;}
.baners_logos{width:40% !important; height:auto; margin:-26px 18px !important;}

.first_animate{font-size:70px !important; margin:-89px 0 0 -118px !important;}
.firsts_animate{font-size:70px !important; margin:8px 0 0 40px !important;}
.first_animates{font-size:70px !important; width:60% !important;}

.eadd{width:80%; float:right;}
.eadd h2{margin:10px 0 20px;}

.eboardlft{width:18%;}
.eabtall{margin:20px 0 0 7px; width:98%;}
.eboard h2{float:right; margin:0; width:72%;}
.eboard p{float:right; width:72%;}

.proj_left{float:none;width:98%;display:block;position:relative;}
.proj_right{float:none;width:98%;display:block;position:relative;}
.proj_right img{margin-top:2px;width:98%;}
.proj_left img{margin-top:2px;width:98%;}

	}

@media only screen and (min-width: 981px) and (max-width:1200px){
#container{width:100%;}
.container2{width:100%;}
video{ margin:-68px auto  ; }
.logo{float:left; display:inline; margin:-430px 0 0 0; width:30%; height:auto;}
#nav{margin:-47px 0 0 0;}
.counter h1{margin:0 12px 0 0;}
.counter img{margin:0 7px 0 0;}
.contact{width:27%;}
.map{width:30%;}
.social{width:16%;}
.footer-menu{margin:0 0 0 20px;}
.address{width:30%;}

.menu-bar1{width:85.5%;}
.eabttopline{width:97%; margin:0 25px;}

.projector img{width:70%; height:auto;}
.baner_logo{width:60% !important; height:auto; margin:0 0 0 -22px !important;}
.baner_logos{width:40% !important; height:auto; margin:-43px -9px !important;}
.baners_logos{width:40% !important; height:auto; margin:-26px 18px !important;}

.first_animate{font-size:70px !important; margin:-89px 0 0 -172px !important;}
.firsts_animate{font-size:70px !important; margin:8px 0 0 40px !important;}
.first_animates{font-size:70px !important; width:60% !important;}

.sp-globe{height:auto;}

	}