@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px;font-family: 'PT Sans', sans-serif !important;}
.logo{font-family: 'Copse', serif; font-size:30px; line-height:60px; color:#fff;}
.fl{float:left;}
.fr{float:right}
.header{width:100%; height:auto; background-color:#460a4b; padding:10px 0; }
.clearfix{clear:both;}
.welcome{background-color:#e19e0e; width:100%; height:auto; padding:10px 0;}
.crights{color:#eee; font-size:13px;}
.fots{color:#ccc; font-size:14px;}
.banner{width:100%; height:400px; overflow-y: hidden; border:0px;}
p{ font-size:16px; text-align:justify;}
.email{ color:#460a4b; font-size:18px; font-weight:bold;}
.heading{font-family: 'Copse', serif; font-size:32px;   text-align:left; text-transform:uppercase;color:#460a4b;}
.ullist{list-style:none;  font-size:15px; margin-left:-40px;}
.ullist li{background:url(../image/list-tick.png) no-repeat left top;padding: 0px 0px 0px 30px; margin-top:12px; line-height:22px;background-position: 0 .4em;  }
.outerdiv{margin-top:30px; border:solid 1px #eee; padding:20px;}
.viewphoto{background-color:#fa9f0f; font-size:14px; color:#fff; padding: 5px 10px; float:right}


@media only screen and (min-width : 1200px) and (max-width : 1400px){
	
	.banner{width:100%; height:380px; overflow-y: hidden; border:0px;}
	
	}
	
	@media only screen and (min-width : 1050px) and (max-width : 1200px){
	
	.banner{width:100%; height:320px; overflow-y: hidden; border:0px;}
	
	}
	
		@media only screen and (min-width : 980px) and (max-width : 1050px){
	
	.banner{width:100%; height:280px; overflow-y: hidden; border:0px;}
	
	}
			@media only screen and (min-width : 800px) and (max-width : 970px){
	
	.banner{width:100%; height:240px; overflow-y: hidden; border:0px;}
	
	}
	
	@media only screen and (min-width : 700px) and (max-width : 800px){
	
	.banner{width:100%; height:210px; overflow-y: hidden; border:0px;}
	
	}
		@media only screen and (min-width : 600px) and (max-width : 700px){
	
	.banner{width:100%; height:190px; overflow-y: hidden; border:0px;}
	
	}
	@media only screen and (min-width : 500px) and (max-width : 600px){
	
	.banner{width:100%; height:160px; overflow-y: hidden; border:0px;}
	
	}
	
		@media only screen and (min-width : 430px) and (max-width : 500px){
	
	.banner{width:100%; height:130px; overflow-y: hidden; border:0px;}
	
	}
	@media only screen and (min-width : 360px) and (max-width : 430px){
	
	.banner{width:100%; height:110px; overflow-y: hidden; border:0px;}
	
	}
	@media only screen and (min-width : 0px) and (max-width : 360px){
	
	.banner{width:100%; height:90px; overflow-y: hidden; border:0px;}
	.header{width:100%; height:180px; background-color:#460a4b; padding:10px 0; }
	}
@media only screen and (min-width : 360px) and (max-width : 1200px){
	
	.header{width:100%; height:130px; background-color:#460a4b; padding:10px 0; }
	
	
	
	}