@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1300px) {
	/*body{
		border:1px solid black;
	}*/
	.wrapper,#whoWe{
		width:auto;
		margin:0 3%;
	}
	.bannerCont h1{
		margin-left:40px;
	}
	.bannerCont p{
		width:60%;
	}
	.camera_prev > span{
		background-size:100% !important;
		width:35px !important;
		height:80px !important;
	}
	.camera_next > span{
		background-size:100% !important;
		width:35px !important;
		height:80px !important;
	}
	.camera_prev, .camera_next, .camera_commands{
		width:35px !important;
		height:80px !important;
	}
	.shadow{
		background-size:100% 100%;
	}
	.eventList{
		margin:0 auto;
	}
	.navigation li{
		padding:0 24px;
	}
	.navigation li ul li a{
		padding:0 24px;
	}
	/*inner page start*/
}
@media screen and (max-width: 1250px) {
	/*body{
		border:1px solid red;
	}*/
	.navigation{
		margin:0 0 0 131px;
	}
	.navigation li{
		padding:0 19px;
		font-size:18px;
	}
	.navigation li ul li{
		font-size:13px;
	}
	.navigation li ul li a{
		padding:0 19px;
	}
	.camera_fakehover{
		height:630px !important;
	}
	.banner{
		height:630px;
	}
	.bannerCont{
		padding:30px 0;
		top:285px;
	}
	.bannerCont p{
		font-size:33px;
		line-height:39px;
	}
	.eventList li{
		width:31%;
	}
	.eventList li img{
		width:100%;
	}
	.bottomCont ul li{
		width:31%;
	}
	.bottomRight{
		width:78%;
	}
	.joinus a{
		float:left;
		margin-left:35px;
	}
	.joinus h1{
		font-size:35px;
	}
	/*inner page start*/
	.innerPageCont{
		width:100%;
	}
	.innerBanner .camera_fakehover{
		height:450px;
	}
	.innerBanner{
		height:450px;
	}
	.leftPanel{
		width:70%;
	}
	.riverMap img{
		width:100%;
	}
	.govList li{
		width:47%;
	}
	.govList li img{
		width:36%;
		margin-top:3px;
	}
	.govRight{
		width:55%;
	}
	.mapDiv{
		width:48%;
	}
	.mapDiv img{
		width:100%;
	}
	.contactRight{
		width:40%;
	}
	.contactRight input[type="text"]{
		width:93%;
	}
	.contactRight textarea{
		width:93%;
	}
	.contactList li{
		margin-right:25px;
	}
	.eventLeft{
		width:63%;
	}
	.eventRight{
		width:28%;
	}
	.calenderDiv img{
		width:100%;
	}
	/*.........................21.8.2014.....................*/
	.contDiv {
    	width:29.5%;
	}
	.facebook iframe{
		width:100% !important;
	}
}
@media screen and (max-width: 1200px) {
	/*body{
		border:1px solid yellow;
	}*/
	.navigation li{
		padding:0 15px;
	}
	.navigation li ul li a{
		padding:0 15px;
	}
	.bannerCont p{
		font-size:31px;
		line-height:37px;
	}
	.midCont h1{
		font-size:28px;
	}
	.facebook{
		margin-right:0;
		padding-right:0;
	}
	.bottomRight{
		width:77%;
	}
	.bottomCont ul li{
		width:31%;
		margin-right:25px;
	}
	.camera_fakehover{
		height:600px !important;
	}
	.banner{
		height:600px;
	}
	.joinus h1{
		font-size:33px;
	}
	/*inner page start*/
	.leftPanel{
		width:68%;
	}
	.innerBanner .camera_fakehover{
		height:420px;
	}
	.innerBanner{
		height:420px;
	}
	.govList li img{
		width:35%;
	}
	.contactList li span{
		float:none;
		margin:0 auto 15px;
		display:block;
	}
	.contRight{
		float:none;
		margin-left:0;
	}
	.contactList li{
		margin-right:110px;
	}
	.eventLeft{
		width:62%;
	}
	.tabRight{
		width:83%;
	}
	
	/* inner page start */
	
	#whoWe p{
		width:63%;
	}
	
	
	/*.........................21.8.2014.....................*/
	
	.director_txt_sec {
    width: 58%;
	}
	#whoWe span{
		width:63%;
	}
	
	
}
@media screen and (max-width: 1150px) {
	/*body{
		border:1px solid green;
	}*/
	.navigation li{
		font-size:16px;
		padding:0 19px;
	}
	.navigation li ul li a{
		padding:0 19px;
		
	}
	.bannerCont p{
		font-size:29px;
		line-height:33px;
		width:59%;
		margin-top:-3px;
	}
	.camera_prev, .camera_next, .camera_commands{
		top:55% !important;
	}
	/*.facebook{
		width:24%;
	}*/
	.facebook ul li p{
		width:62%;
	}
	.midCont a.more{
		margin-top:20px;
	}
	.midCont h1{
		font-size:26px;
		line-height:28px;
	}
	.joinus a{
		width:176px;
	}
	.bottomRight{
		width:75%;
	}
	/*inner page start*/
	.leftPanel{
		width:66%;
	}
	.contactList li{
		margin-right:98px;
	}
	.mapDiv{
		width:46%;
	}
	.contactRight{
		width:43%;
	}
	.tabRight{
		width:82%;
	}
	.tabMenu li{
		font-size:18px;
	}
	
	/* inner page start */
	#whoWe p{
		width:61%;
	}
	
	.director_txt_sec {
    width: 55%;
	}
	#whoWe span{
		width:61%;
	}
	
}
@media screen and (max-width: 1100px) {
	/*body{
		border:1px solid pink;
	}*/
	.navigation li{
		height:50px;
		line-height:50px;
		font-size:14px;
		padding:0 22px;
	}
	.navigation li ul li a{
		padding:0 22px;
	}
	.camera_fakehover{
		height:570px !important;
	}
	.banner{
		height:570px;
	}
	.bannerCont h1{
		font-size:55px;
	}
	.bannerCont p {
		font-size: 25px;
		line-height: 28px;
		margin-top: 2px;
		width: 57%;
	}
	.bannerCont {
		padding: 25px 0;
		top: 260px;
	}
	#whoWe p{
		width:60%;
	}
	.newsRight{
		width:58%;
	}
	.bottomRight{
		width:74%;
	}
	.bottomRight h2{
		font-size:18px;
		line-height:23px;
	}
	.joinus h1{
		font-size:31px;
	}
	.joinus a{
		margin-left:33px;
	}
	.infoList li{
		margin-right:18px;
		padding-right:18px;
	}
	.eventList li h2{
		font-size:19px;
	}
	.facebook ul li img{
		width:23%;
	}
	/*inner page start*/
	.leftPanel{
		width:64%;
	}
	.innerBanner .camera_fakehover{
		height:390px;
	}
	.innerBanner{
		height:390px;
	}
	.innerPageCont{
		margin:-80px 0 0 0;
	}
	.contactTop{
		padding:40px 35px 25px 35px;
	}
	.govList li img{
		width:34%;
	}
	.contactList li{
		margin-right:82px;
	}
	.contactRight input[type="text"]{
		width:92%;
	}
	.contactRight textarea{
		width:92%;
	}
	.eventRight{
		width:27%;
	}
	.tabRight{
		width:81%;
	}
	
	.director_txt_sec {
    width: 52%;
	}
	#whoWe span{
		width:58%;
	}
	.ftNav{
		text-align:center;
		margin: 0 0 10px;
	}
	.ftNav li{
		display:block;
		float:none;
		padding:0 !important;
	}
	.ftNav li:nth-child(2n){
		display:none;
	}
	.footerBot{
		text-align:center;
	}
	.contDiv{
		width:29%;
	}
}
@media screen and (max-width: 1050px) {
	/*body{
		border:1px solid blue;
	}*/
	.navigation li{
		padding:0 17px;
	}
	.navigation li ul li a{
		padding:0 17px;
	}
	.camera_fakehover{
		height:550px !important;
	}
	.banner{
		height:550px;
	}
	.bannerCont{
		padding:20px 0;
	}
	.eventList li{
		margin-right:29px;
	}
	.eventList li h2{
		font-size:18px;
	}
	.newsRight{
		width:56%;
	}
	.midCont h1{
		font-size:24px;
		line-height:26px;
	}
	.bottomRight{
		width:72%;
	}
	.bottomRight h2{
		font-size:16px;
	}
	.joinus h1{
		text-align:center;
		float:none;
	}
	.joinus a {
		width: 160px;
		float: none;
		margin: 0 auto;
		height: 45px;
		line-height: 45px;
		font-size:26px;
	}
	.infoList li {
		margin-right: 32px;
		padding-right: 32px;
	}
	.footerTopIn{
		background:url(../images/footertop-in-pic.png) no-repeat center center;
	}
	.infoList{
		float:none;
	}
	.ftSocial{
		float:none;
		margin:0 auto;
		text-align:center;
	}
	.ftSocial li{
		float:none;
		display:inline-block;
	}
	/*inner page start*/
	.leftPanel{
		width:63%;
	}
	.innerBanner .camera_fakehover{
		height:370px;
	}
	.innerBanner{
		height:370px;
	}
	.govList li img{
		width:33%;
	}
	.contactList li{
		margin-right:66px;
	}
	.mapDiv{
		margin-right:60px;
	}
	.tabRight{
		width:79%;
	}
	.tabMenu li {
		font-size: 16px;
	}
	.tabMenu li a{
		height:40px;
		line-height:40px;
		padding:0 10px;
	}
	.tabMenu li a.all{
		padding:0 25px;
	}
	#whoWe p{
		width:58%;
	}
	
	.midCont h2 {
		font-size: 29px;
	}
	
	.director_txt_sec {
    width: 48%;
	}
	#whoWe span{
		width:56%;
	}
	
}
@media screen and (max-width: 1000px) {
	/*body{
		border:1px solid orange;
	}*/
	.responsive{
		display:block;
	}
	.navDiv{
		overflow:hidden;
		height:35px;
	}
	.navigation{
		width:225px;
		position:absolute;
		right:0;
		z-index:999;
		top:137px;
		background-color:#FFF;
		overflow:hidden;
		padding:0;
		margin:0;
		display:none;
		border-bottom:2px solid #008265
	}
	.navigation li{
		float:none;
		line-height:28px;
		margin:0;
		padding:0;
		background:none;
		height:auto;
		font-size:13px;
		border-right:none;	
	}
	.navigation li a{
		padding:4px 10px;
		display:block;
		color:#333030;		
	}
	.navigation li a:hover{
		background:#008265;
		color:#FFF;
	}
	.navigation li ul{
		position:static;
	}
	.navigation li:nth-child(4) ul{
		width:auto;
	}
	.navigation li ul li{
		font-size:13px;
		line-height:20px;
	}
	.navigation li ul li a{
		padding:0 10px;
	}
	header h1{
		font-size:30px;
	}
	.eventList li{
		margin-right:28px;
	}
	.bannerCont h1{
		font-size:52px;
		margin-right:15px;
		padding-right:15px;
	}
	.bannerCont p {
		font-size: 23px;
		line-height: 26px;
		margin-top: 4px;
		width: 57%;
	}
	.innerCont{
		margin:-100px 0 0 0;
	}
	.eventList li h2{
		font-size:17px;
	}
	.camera_fakehover{
		height:530px !important;
	}
	.banner{
		height:530px;
	}
	/*.contDiv{
		width:47%;
	}*/
	
	.newsRight{
		width:65%;
	}
	.facebook ul li img{
		width:auto;
	}
	.program ul{
		height:auto !important;
	}
	.midCont p{
		height:auto !important;
	}
	.infoList li {
		margin-right: 20px;
		padding-right: 20px;
	}
	.bottomRight{
		width:71%;
	}
	.bottomRight h2{
		font-size:15px;
	}
	.news ul{
		padding-top:10px;
	}
	.facebook ul{
		padding-top:10px;
	}
	.facebook ul li p{
		width:80%;
	}
	/*inner page start*/
	.leftPanel{
		width:100%;
		float:none;
		border-right:none;
		padding-right:0;
		margin-bottom:30px;
		overflow: hidden;
		min-height:inherit;
	}
	.whoPic{
		width:auto !important;
	}
	.rightPanel{
		float:none;
		margin:0 auto;
		width:auto;
	}
	.joinDiv{
		width:186px;
		margin:0 auto 20px;
	}
	.innerBanner .camera_fakehover{
		height:350px;
	}
	.innerBanner{
		height:350px;
	}
	.innerPageCont{
		margin:-70px 0 0 0;
	}
	.contactTop {
		padding: 30px;
	}
	.whoPic{
		width:80% !important;
		margin:0 auto 20px !important;
		display:block !important;
	}
	h1.innerHead{
		line-height:23px;
		font-size:30px;
	}
	.contactList li{
		margin-right:54px;
	}
	.mapDiv{
		width:45%;
	}
	.eventLeft{
		padding-right:25px;
		width:66%;
	}
	.eventRight{
		margin-left:25px;
	}
	
	.midCont h2 {
    font-size: 27px;
	}
	
	.facebook ul li p {
    width: 65%;
	}
	
	/* inner page start */
	
	#whoWe p{
		width:56%;
	}
	
	.director_txt_sec {
    width: 47%;
	}
	.fancyBox{
		width:94%;
	}
	.fancypic{
		width:100%;
	}
	#whoWe h2{
		float:none;
		text-align:center;
		width:100%;
	}
	#whoWe span{
		float:none;
		padding:0;
		overflow:hidden;
		width:100%;
		text-align:center;
		border:none;
	}
	#whoWe span p{
		width:auto;
	}
	#whoWe span a{
		display:block;
	}
	.contDiv{
		width:100%;
		float:none;
		padding:0 0 40px;
		overflow:hidden;
		margin:0 0 40px;
		border-right:none;
		border-bottom:1px solid #d7d7d7;
		height:auto !important;
	}
	.facebook{
		border-bottom:none;
		margin:0;
		padding:0;
	}
}
@media screen and (max-width: 950px) {
	/*body{
		border:1px solid purple;
	}*/
	header h1{
		margin-left:110px;
		font-size:27px;
	}
	.logo{
		width:12%;
	}
	.camera_fakehover{
		height:500px !important;
	}
	.banner{
		height:500px;
	}
	.topHeader .wrapper{
		padding:20px 0;
	}
	.eventList li{
		margin-right:26px;
	}
	.eventList li h2{
		font-size:16px;
	}
	.bannerCont{
		top:240px;
		padding:15px 0;
	}
	.bannerCont h1{
		font-size:50px;
	}
	/*.contDiv{
		width:46%;
	}*/
	.newsRight{
		width:70%;
	}
	.bottomDiv{
		padding:15px;
	}
	.bottomDiv img{
		width:15%;
	}
	.infoList li{
		margin-right:15px;
		padding-right:15px;
	}
	.joinus h1{
		line-height:33px;
	}
	.joinus a{
		margin-top:15px;
	}
	.bottomRight{
		width:73%;
	}
	.infoList li span{
		float:none;
		margin:0 auto 10px;
		display:block;
	}
	.infoRight p span{
		display:inline-block;
		margin-bottom:0;
	}
	.infoList li {
		margin-right: 27px;
		padding-right: 27px;
	}
	/*inner page start*/
	.innerBanner .camera_fakehover{
		height:350px;
	}
	.innerBanner{
		height:350px;
	}
	h1.innerHead{
		font-size:28px;
	}
	/*.govList li{
		float:none;
		width:100%;
		overflow:hidden;
		margin-right:0;
	}*/
	.govList li img{
		width:auto;
	}
	.govList li.last{
		margin-bottom:40px;
	}
	.govList li:last-child{
		margin-bottom:0;
	}
	.contactList li{
		margin-right:38px;
	}
	.govRight{
		width:53%;
	}
	.mapDiv{
		width:44%;
		margin-right:40px;
	}
	.contactRight{
		width:45%;
	}
	.tabRight{
		width:78%;
	}
	
	#whoWe p{
		width:53%;
	}
	
	/*...................21.8.2014......................*/
	.director_txt_sec {
    width: 51%;
	}
	
	.direc_pic {
    width: 39%;
	}
	
	.facebook ul li p {
    width: 60%;
	}
	
	.midCont h2 {
		font-size: 24px;
	}
}
@media screen and (max-width: 900px) {
	/*body{
		border:1px solid gray;
	}*/
	.bannerCont p {
		font-size: 21px;
		line-height: 23px;
		margin-top: 8px;
		width: 54%;
	}
	.bannerCont h1{
		font-size:47px;
	}
	.eventList{
		padding:20px;
	}
	.eventList li{
		margin-right:24px;
	}
	.facebook ul li p{
		width:79%;
	}
	.bottomRight{
		width:77%;
	}
	
	/*inner page start*/
	.innerBanner .camera_fakehover{
		height:330px;
	}
	.innerBanner{
		height:330px;
	}
	h1.innerHead{
		font-size:26px;
	}
	.contactList li{
		margin-right:23px;
	}
	.mapDiv{
		width:40%;
	}
	.contactRight{
		width:48%;
	}
	.eventLeft{
		width:65%;
	}
	.tabRight{
		width:76%;
	}
	.tabMenu li{
		font-size:15px;
	}
	#whoWe p{
		width:50%;
	}
	
	.newsRight {
    width: 68%;
	}
	
	.facebook ul li p {
    width: 58%;
	}
	
	.midCont h2 {
    font-size: 21px;
	}
	.govList li img{
		width:38%;
	}
	
}
@media screen and (max-width: 850px) {
	/*body{
		border:1px solid brown;
	}*/
	header h1{
		margin-left:100px;
	}
	.topHeader .wrapper{
		padding:15px 0;
	}
	.bannerCont h1{
		font-size:43px;
		padding-bottom:0;
	}
	.bannerCont p {
		font-size: 19px;
		line-height: 21px;
		margin-top: 11px;
		width: 52%;
	}
	.bannerCont{
		top:210px;
	}
	.eventList li{
		margin-right:22px;
	}
	.eventList li h2 {
		font-size: 15px;
	}
	.facebook ul li p{
		width:78%;
	}
	.bottomRight h2{
		line-height:16px;
		font-size:14px;
	}
	.joinus h1{
		font-size:29px;
	}
	.infoList li{
		float:none;
		margin:0 auto 20px;
		width:311px;
		overflow:hidden;
		padding:0;
		border-right:none;
		height:auto !important;
	}
	.infoList li:last-child{
		margin:0 auto 30px;
	}
	.infoList li span{
		float:left;
	}
	.camera_fakehover{
		height:450px !important;
	}
	.banner{
		height:450px;
	}
	.innerCont{
		margin:-80px 0 0 0;
	}
	/*inner page start*/
	.innerBanner .camera_fakehover{
		height:310px;
	}
	.innerBanner{
		height:310px;
	}
	.innerPageCont {
		margin: -70px 0 0;
	}
	h1.innerHead{
		line-height:27px;
	}
	.contactList li{
		margin-right:30px;
		width:46%;
		margin-bottom:10px;
	}
	.contactList li:nth-child(2n){
		margin-right:0;
	}
	.contRight{
		width:215px;
		float:left;
		margin-left:14px;
	}
	.contactList li span{
		float:left;
	}
	.mapDiv{
		float:none;
		width:100%;
		margin:0 auto 30px;
	}
	.mapDiv iframe{
		height:400px !important;
	}
	.contactRight{
		width:100%;
		float:none;
		margin:0 auto;
	}
	.contactRight input[type="text"], .contactRight textarea{
		width:97%;
		margin-left:0;
	}
	.contactRight input[type="submit"]{
		margin-right:12px;
		margin-left:0;
	}
	.tabMenu li{
		font-size:14px;
	}
	.tabMenu li a.all{
		padding:0 20px;
	}
	.tabRight{
		width:74%;
	}
	#whoWe p{
		width:47%;
	}
		
	.midCont h2 {
    font-size: 23px;
	}
		
	.newsRight {
    width: 63%;
	}
	
	.facebook ul li p {
    width: 56%;
	}
	.govList li img{
		width:37%;
	}
	
}
@media screen and (max-width: 800px) {
	/*body{
		border:1px solid black;
	}*/
	.camera_prev > span{
		background-size:100% !important;
		width:26px !important;
		height:60px !important;
	}
	.camera_next > span{
		background-size:100% !important;
		width:26px !important;
		height:60px !important;
	}
	.camera_prev, .camera_next, .camera_commands{
		width:26px !important;
		height:60px !important;
	}
	header h1{
		margin-left:90px;
		margin-top:10px;
		font-size:25px;
		line-height:26px;
	}
	.social{
		margin:0 0 10px 0;
	}
	.topHeader .wrapper{
		padding:12px 0;
	}
	.bannerCont h1{
		font-size:40px;
	}
	.bannerCont p{
		font-size:18px;
		line-height:20px;
	}
	.facebook ul li p{
		width:76%;
	}
	.bottomCont ul li{
		width:355px;
		float:none;
		margin:0 auto 15px;
	}
	.bottomCont ul li:last-child{
		margin:0 auto;
	}
	.bottomDiv{
		padding:20px;
	}
	.bottomDiv img{
		width:auto;
	}
	.bottomRight{
		width:246px;
	}
	.bottomRight h2{
		font-size:21px;
		line-height:25px;
	}
	.joinus h1{
		font-size:27px;
	}
	.joinus a {
		font-size: 22px;
		height: 40px;
		line-height: 40px;
		width: 140px;
	}
	/*inner page start*/
	.innerCont{
		margin:-60px 0 0 0;
	}
	.contactTop{
		padding:20px;
	}
	.govList li{
		float:left;
		width:47%;
		margin-right:20px;
	}
	.govList li img{
		width:34%;
	}
	.contactList li{
		margin-right:10px;
		width:49%;
	}
	.eventLeft{
		width:100%;
		float:none;
		margin-bottom:40px;
		padding-right:0;
		border-right:none;
	}
	.eventRight{
		width:327px;
		float:none;
		margin:0 auto;
	}
	.tabMenu li a.all{
		padding:0 25px;
	}
	.tabMenu li{
		font-size:18px;
	}
	.tabRight{
		width:83%;
	}
	
	#whoWe p{
		width:44%;
	}
	
	
	.midCont h2 {
    font-size: 26px;
	}
	
	.newsRight {
    width: 61%;
	}
	
	.director_txt_sec {
    width: 54%;
	}
	
	.facebook ul li p {
    width: 54%;
	}
	
}

@media screen and (max-width: 750px) {
	/*body{
		border:1px solid red;
	}*/
	.camera_fakehover{
		height:420px !important;
	}
	.banner{
		height:420px;
	}
	header h1{
		font-size:23px;
		margin-top:20px;
	}
	.bannerCont h1{
		margin-left:30px;
		font-size:36px;
		line-height:40px;
	}
	.bannerCont p{
		width:54%;
		font-size:17px;
		line-height:19px;
		margin-top:0;
	}
	.bannerCont{
		top:190px;
	}
	.eventList li {
		margin-right: 20px;
	}
	.contDiv{
		width:45%;
	}
	.newsRight{
		width:68%;
	}
	.facebook ul li p{
		width:74%;
	}
	.joinus h1{
		line-height:28px;
	}
	/*inner page start*/
	.innerBanner .camera_fakehover{
		height:290px;
	}
	.innerBanner{
		height:290px;
	}
	.contactList li{
		float:none;
		margin:0 auto 10px;
		overflow:hidden;
		width:300px;
	}
	.contactList li:nth-child(2n){
		margin:0 auto 10px;
	}
	.contactList li:last-child{
		margin:0 auto;
	}
	.tabRight{
		width:82%;
	}
	
	#whoWe h2{
		float:none;
		margin:0 0 20px 0;
	}
	
	#whoWe p{
		width:100%;
		float:none;
		border:none;
		padding:0;
		margin:0 0 10px 0;
	}
	
	/*................21.8.2014................*/
	
	.contDiv {
    width: 100%;
	border-right: none;
	}
	
	
	#whoWe h2 {
    font-size: 50px;
	}
	
	
	
}
@media screen and (max-width: 700px) {
	/*body{
		border:1px solid yellow;
	}*/
	.logo{
		width:15%;
	}
	.topRight{
		margin-left:100px;
		float:left;
		margin-top:8px;
	}
	.topLink{
		clear:none;
		float:left;
		margin:2px 20px 0 0;
	}
	.navigation{
		top:133px;
	}
	.social{
		margin:0;
	}
	.eventList li{
		margin-right:18px;
	}
	header h1{
		font-size:21px;
		margin-left:100px;
	}
	.bannerCont h1 {
		font-size: 32px;
		line-height: 38px;
	}
	.bannerCont p{
		font-size:16px;
		line-height:18px;
	}
	.midCont h1 {
		font-size: 21px;
		line-height: 21px;
	}
	.newsRight{
		width:65%;
	}
	.facebook ul li p{
		width:72%;
	}
	/*inner page start*/
	.govList li img{
		width:33%;
	}
	.tabRight{
		width:80%;
	}
	.contactRight input[type="text"], .contactRight textarea{
		width:96%;
	}
	.tabMenu li{
		font-size:16px;
	}
	
	.director_txt_sec {
    width: 52%;
	}
	.fancyBox{
		width:89%;
	}
}
@media screen and (max-width: 650px) {
	/*body{
		border:1px solid green;
	}*/
	.eventList li{
		margin-right:17px;
	}
	.logo{
		width:16%;
	}
	.camera_fakehover{
		height:390px !important;
	}
	.banner{
		height:390px;
	}
	.bannerCont h1 {
		font-size: 29px;
		line-height: 35px;
	}
	.bannerCont p {
		font-size: 14px;
		line-height: 16px;
	}
	.bannerCont{
		top:180px;
	}
	.contDiv{
		width:100%;
		float:none;
		border-right:none !important;
		height:auto !important;
		border-bottom:1px solid #d7d7d7;
		padding-bottom:20px;
		margin-bottom:20px;
	}
	.div4{
		border-bottom:none;
		padding-bottom:0;
		margin-bottom:0;
	}
	.facebook ul li p{
		width:85%;
	}
	.joinus h1{
		font-size:26px;
	}
	.news ul{
		height:auto !important;
	}
	.facebook ul{
		height:auto !important;
	}
	/*inner page start*/
	.innerBanner .camera_fakehover{
		height:270px;
	}
	.innerBanner{
		height:270px;
	}
	.govList li{
		float:none;
		width:366px;
		overflow:hidden;
		margin:0 auto 30px;
	}
	.govList li img{
		width:auto;
	}
	.govList li:nth-child(2n){
		margin:0 auto 30px;
	}
	.govRight{
		width:190px;
	}
	.tabRight{
		width:78%;
	}
	
	.direc_pic {
    width: 98%;
	}
	
	.director_txt_sec {
    width: 100%;
	}
	
	.backto {
    float: none;
    margin: 0 auto;
	}
}
@media screen and (max-width: 600px) {
	/*body{
		border:1px solid pink;
	}*/
	header h1{
		font-size:23px;
		margin-top:0;
		margin-left:95px;
	}
	.logo{
		width:17%;
	}
	.topRight{
		margin-left:95px;
	}
	.eventList li{
		float:none;
		width:336px;
		margin:0 auto 25px;
	}
	.eventList li:last-child{
		margin:0 auto;
	}
	.eventList li img{
		width:auto;
		display:block;
		margin:0 auto 10px;
	}
	.innerCont{
		width:100%;
		margin:-60px 0 0 0;
	}
	.eventList li h2{
		font-size:20px;
	}
	.bannerCont h1 {
		font-size: 25px;
		line-height: 32px;
		margin-right: 10px;
    	padding-right: 10px;
	}
	.bannerCont p {
		font-size: 13px;
		line-height: 15px;
	}
	.navigation{
		top:113px;
	}
	/*inner page start*/
	.innerPageCont{
		margin:-40px 0 0 0;
	}
	h1.innerHead{
		font-size:25px;
	}
	h1.bottom{
		margin-bottom:20px;
	}
	h1.mid{
		margin-bottom:20px;
		padding-top:20px;
	}
	h1.innerHead{
		margin-bottom:20px;
	}
	.riverMap{
		margin-top:0;
	}
	.tabMenu li{
		font-size:14px;
	}
	.tabRight {
		width: 76%;
	}
	.tabCont{
		padding:30px 25px;
	}
	
	.direc_pic {
    width: 96%;
	}
	
}
@media screen and (max-width: 550px) {
	/*body{
		border:1px solid blue;
	}*/
	header h1{
		font-size:22px;
	}
	.logo{
		width:18%;
	}
	.bannerCont h1 {
		font-size: 22px;
		line-height: 30px;
	}
	.bannerCont p {
		font-size: 12px;
		line-height: 14px;
	}
	.facebook ul li p{
		width:83%;
	}
	.joinus h1{
		font-size:23px;
	}
	.camera_fakehover{
		height:350px !important;
	}
	.banner{
		height:350px;
	}
	/*inner page start*/
	.innerBanner .camera_fakehover{
		height:250px;
	}
	.innerBanner{
		height:250px;
	}
	.tabMenu li a.all{
		padding:0 20px;
	}
	.tabMenu li{
		font-size:13px;
	}
	.tabMenu li a{
		height:35px;
		line-height:35px;
	}
	.tabRight{
		width:74%;
	}
	.fancyBox{
		width:88%;
	}
	.contactRight input[type="text"], .contactRight textarea{
		width:95%;
	}
}
@media screen and (max-width: 500px) {
	/*body{
		border:1px solid orange;
	}*/
	.bannerCont{
		display:none;
	}
	header h1{
		line-height:20px;
		font-size:18px;
		letter-spacing:-1px;
		margin-left:90px;
	}
	.logo{
		width:20%;
	}
	.topRight{
		margin-left:90px;
	}
	.facebook ul li p {
		width: 81%;
	}
	.joinus h1{
		line-height:23px;
		font-size:21px;
	}
	.navigation{
		top:107px;
	}
	/*inner page start*/
	.tabMenu li{
		float:none;
		margin-right:0;
		margin-bottom:2px;
		font-size:15px;
	}
	.tabRight{
		width:70%;
	}
}
@media screen and (max-width: 450px) {
	/*body{
		border:1px solid purple;
	}*/
	.wrapper{
		margin:0 2%;
	}
	header{
		top:15px;
	}
	.logo{
		width:24%;
	}
	header h1{
		margin-left:100px;
		font-size:19px;
	}
	.topRight{
		margin-left:100px;
	}
	.navigation{
		top:127px;
	}
	.innerCont{
		margin:-40px 0 0 0;
	}
	.eventList li{
		width:100%;
	}
	.eventList li img{
		width:100%;
	}
	.facebook ul li p{
		width:79%;
	}
	.camera_fakehover{
		height:320px !important;
	}
	.banner{
		height:320px;
	}
	.camera_prev, .camera_next, .camera_commands{
		top:63% !important;
	}
	/*inner page start*/
	.innerBanner .camera_fakehover{
		height:230px;
	}
	.innerBanner{
		height:230px;
	}
	.innerPageCont{
		margin:-25px 0 0 0;
	}
	h1.innerHead{
		font-size:22px;
	}
	.govList li{
		width:100%;
	}
	.govList li img{
		width:32%;
	}
	.leftPanel h2{
		font-size:18px;
	}
	.contactRight input[type="submit"]{
		margin-right:4px;
	}
	.tabCont li span{
		float:none;
		margin:0 auto;
		display:block;
	}
	.tabRight{
		float:none;
		width:100%;
		margin-top:20px;
		margin-left:0;
	}
	.contactRight input[type="text"], .contactRight textarea{
		width:94%;
	}
}
@media screen and (max-width: 400px) {
	/*body{
		border:1px solid gray;
	}*/
	.logo{
		width:93px;
	}
	.navigation{
		top:140px;
	}
	.camera_prev > span{
		background-size:100% !important;
		width:18px !important;
		height:41px !important;
	}
	.camera_next > span{
		background-size:100% !important;
		width:18px !important;
		height:41px !important;
	}
	.camera_prev, .camera_next, .camera_commands{
		width:18px !important;
		height:41px !important;
	}
	.facebook ul li p{
		width:76%;
	}
	.bottomCont ul li{
		width:100%;
	}
	.bottomRight{
		width:76%;
	}
	.bottomRight h2 {
		font-size: 19px;
		line-height: 23px;
	}
	header h1{
		margin-left:100px;
	}
	.topRight{
		margin-left:100px;
		margin-top:4px;
	}
	.social{
		float:none;
	}
	.topLink{
		float:none;
	}
	.topLink li{
		font-size:11px;
	}
	/*inner page start*/
	.govList li img{
		width:92%;
		float:none;
		margin:0 auto 15px;
		display:block;
	}
	.govRight{
		float:none;
		margin:0 auto;
		width:100%;
	}
	.govRight div{
		height:auto !important;
	}
	.contactList li{
		width:100%;
	}
	.contactList li span{
		float:none;
		margin:0 auto 15px;
		display:block;
	}
	.contRight{
		float:none;
		margin:0 auto;
	}
	.eventRight{
		width:100%;
	}
	
	.riverMap .pdf {
    font-size: 13px;
	}
	.contactRight input[type="text"], .contactRight textarea{
		width:93%;
	}
	.facebook iframe {
		width: 272px !important;
		float: none !important;
		margin: 0 auto;
		display:block;
	}
}
@media screen and (max-width: 350px) {
	/*body{
		border:1px solid brown;
	}*/
	header h1{
		font-size:16px;
	}
	.topLink{
		margin:2px 10px 0 0;
	}
	.topLink li{
		margin-right:3px;
	}
	.topLink{
		margin-right:0;
	}
	.camera_fakehover{
		height:290px !important;
	}
	.banner{
		height:290px;
	}
	.innerCont{
		margin:-30px 0 0 0;
	}
	.eventList li h2{
		font-size:15px;
	}
	.facebook ul li p{
		width:72%;
	}
	.bottomRight h2{
		font-size:15px;
	}
	.bottomRight{
		width:71%;
	}
	.camera_prev, .camera_next, .camera_commands{
		top:70% !important;
	}
	/*inner page start*/
	.innerBanner .camera_fakehover{
		height:220px;
	}
	.innerBanner{
		height:220px;
	}
	.whoPic{
		width:100% !important;
	}
	.mapDiv{
		width:100%;
	}
	.contactRight input[type="text"]{
		margin-left:0;
		width:92%;
	}
	.contactRight textarea{
		margin-left:0;
		width:92%;
	}
	
	#whoWe h2 {
    font-size: 45px;
	 width: 292px;
	}
	
	.riverMap .pdf {
    padding: 0 0 0 5px;
	font-size: 12px;
	background:none;
	}
	.fancyBox{
		padding:10px;
	}
	
	
	
}
@media screen and (max-width: 300px) {
	/*body{
		border:1px solid black;
	}*/
	
	#whoWe h2 {
    font-size: 49px;
	}
	
	.direc_pic {
    width: 95%;
	}
	
	.riverMap .pdf {
	font-size: 12px;
	}
}