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

@media only screen and (min-width: 320px) and (max-width: 768px) {
	.container{ width:100%}
	#header .logo{ float:none; text-align:center; margin:0px 0px 0px 10px;}
	#header .container{ margin:0px 0px; padding:5px;}
	#content-wrapper{ width:96%; margin:2%;}
	#content-wrapper .container{ width:100%}
	.homeleft{ width:100%; padding:0%;}
	#container .carousel ul li img {
    float: left;
    height: 200px;
    width: 320px;
	}
	.right-bar{ width:100%; text-align:center; float:none}
	#container .carousel ul li{ height:auto}
	.page-content.small{ width:100%}
	.inline-form label, .inline-form .label { top:0;}
	.width33{ width:auto}
	.login .new-user .button { left:0px !important;}
	.dashbord.container{ width:100% !important; }
	#contact_form .width75 {
    width: 100%;}
#contact_form .inline-form label, .inline-form .label { width:100%; float:none;margin: 0 0 4px;}
#contact_form .inline-form .input-box {
    float: left;
    width:100%;
}
	
}


/*-------------------------navigations---------------------------------*/
nav {

}
nav ul {
	padding: 0;
	margin: 0 auto;
 
	height: 40px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 40px;

}
nav li a {

}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #1deaff;
}
nav a#pull {
	display: none;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 99%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	.main-nav { padding:0px;}
	.main-nav li a{ background:#000}
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
	/*	background-color: #283744;*/
		width: 100%;
		position: relative;
		font-size:16px;
	}
	nav a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	.main-nav { padding:0px;}
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
.main-nav li a {padding:0px;}
}