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

@media only screen and (min-width:324px){
	
	
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}	
	
	
/*headsection*/
.head{width:100%; height:auto;float:left; clear:none;}
.head-inner{width:320px; height:auto; margin-left:auto; margin-right:auto;}
.head-logo{width:300px; height:auto; margin:5px 0px 0px  15px;}
.head-navigation{width:320px; background-color:#3399ff;  height:100px; margin-left:-20px; margin-top:-50px;}
.head-navigation ul{width:320px; height:auto; margin-top:20px; margin-left:0px;}
.head-navigation ul li{width:auto; height:auto; padding:15px 5px 15px 5px; background-color:#3399ff; text-align:center; color:#; list-style:none; font-size:11px; text-transform:uppercase; transition:ease-in-out 1s; -webkit-transition:ease-in-out 1s; -moz-transition:ease-in-out 1s; -o-transition:ease-in-out 1s; -ms-transition:ease-in-out 1s;}
.head-navigation ul li:hover{border-bottom:solid 5px #F60; }
/*end headsection*/

	.menu_outer{ width:300px; margin-top:0px; float:left;}
.banner{width:100%; height:auto; background-color:#F60; overflow:hidden;}
	
	
#darsana1
{

	text-align:justify;
	padding-left:50px;
	padding-right:50px;
	font-size:16px;
	height:500px;
	float:left;
	overflow:scroll;
	
}

	
	
	
	
/*content section*/	
.contentsection{width:100%; height:280px; background-color:#fff;}
.contentsection-inner{width:300px; height:290px; background-color:#fff; margin-left:auto; margin-right:auto;  line-height:20px; padding:0px 10px 0px 10px;}
#darsana{font-size:18px;  text-transform:uppercase;  margin:10px 0px 10px 0px;}
/*end content section*/







/*blue section*/	
.bluesection{width:100%; height:590px; background-color:#3399ff;}
.bluesection-inner{width:320px; height:550px; margin-left:auto; margin-right:auto; background-color:#135fac;}
.bluesection-inner-div{width:280px; height:190px; float:left; background-color:#; margin:0px; color:#fff; padding:20px;  transition:ease-in-out 1s; -webkit-transition:ease-in-out 1s; -moz-transition:ease-in-out 1s; -o-transition:ease-in-out 1s;-ms-transition:ease-in-out 1s;}
.bluesection-inner-div:hover{background-color:#fff; padding:20px; color:#000;}
.photo{width:320px; color:#fff;  font-family: 'Oswald', sans-serif; background-color:#333; height:50px; float:right; margin-top:5px; position:relative;}
#photo{margin-left:35px; margin-top:15px;}
#bluesectionimg{padding:15px 20px; background-color:transparent;}	
/*end blue section*/


	.latestnews{width:320px; height:50px; background-color:#ccc; margin-left:auto; margin-right:auto; border-radius:5px;}



		/*footer*/
.footer{width:100%; height:150px; background-color:#2a2a2a;}
.footer-inner{width:320px; height:150px; margin-left:auto; margin-right:auto; overflow:hidden;}
.footer-inner-left{width:200px; height:20px;
 color:#fff; margin-top:20px;}
 .footer-inner-right{width:200px; float:left; height:30px; background-color:#; margin-top:0px;}
 .footer-inner-right-img{width:auto; height:auto; padding:px; float:left;}

/*end footer*/	


#darsana1
{

	text-align:justify;
	padding-left:50px;
	padding-right:50px;
	font-size:16px;
	height:450px;
	float:left;
	overflow:scroll;
	
}






	
	
	
	}