/************** Mobile Menu CSS **************/

#mobile_nav {

	width:100%;

	position: relative;

	padding:0px 0px 5px;	

	text-align: left;

	display:none;

	margin:0px 0px 0px;

	

}

div#mobile_nav .mobile_contact_no{

	float:left;

	font-size:20px;

	color:#1c6ca6;

	font-weight:normal;

	line-height:39px;

	margin-left:20px;

}

div#mobile_nav #showNav{

	float:right;

	margin-right:20px;

	margin-top:7px;

}

#mobile_nav .menu {

	width:100%;

	display: none;

	position: absolute;

	left: 0px;

	top:48px;

	background: #1c6ca6;

	z-index:9999;

	margin:0px;

	

}

#mobile_nav .menu li a {

	

	display: block;

	

	font-size:14px;

	text-align:left;

	line-height:16px;

	padding:12px 20px;

	color:#ffffff;

	text-transform:capitalize;

	text-decoration:none;

	

}

#mobile_nav .menu li .children {

	display: none !important;

	background: #3393d9;

}

#mobile_nav .menu li .children li .children {

	display: none;

}

#mobile_nav .menu li .children li .children li a {

	padding-left: 40px;

}

#mobile_nav .menu li.page_item_has_children > a {

	background: url(images/downArrow2.png) no-repeat scroll 95% center;

}

#mobile_nav .menu li.hover > a {

	color:#ffffff;

	background: url(images/upArrow.png) no-repeat scroll 95% 15px !important;

}

#mobile_nav .menu li a:hover {

	color:#1c6ca6;

	background: #feed01;

}

#mobile_nav .menu li.page_item_has_children > a:hover {

	color:#1c6ca6;

	background: url(images/downArrow2_hover.png) no-repeat scroll 95% center #feed01;

}

#mobile_nav .menu li.hover > a:hover {

	color:#1c6ca6;

	background: url(images/upArrow_hover.png) no-repeat scroll 95% 15px #feed01 !important;

}

#mobile_nav .menu li.hover > .children,  #mobile_nav .menu li .children li.hover .children {

	display: block !important;

}

div#menu_wrapper #access div.menu > ul > li > ul li a:hover{

	color:#1c6ca6;

	background:#feed01 !important;	

}



@media only screen and (max-width:850px) {

	div.main-nav,

	div.contact_no,

	div#slider,.homeReview{

		display:none !important;	

	}

	div#mobile_nav{

		display:block;	

	}

	div#header{

		height:auto;

		padding:0px;

		width:100%;

		margin-left:auto !important;

		margin-right:auto !important;

	}	

	div#homepage_container,

	div#container,

	div#footer{

		padding:0px 4%;

		width:92%;

		margin-left:auto !important;

		margin-right:auto !important;

	}	

	div#header div#logo{

		position:static;

		top:0px;

		left:0px;	

		text-align:center;

		padding:20px 0px 15px;

	}

	div#header div#logo img{

		max-width:300px !important;	

	}

	div#container,

	div#homepage_container{

		padding:25px 4% 20px;

		margin-top:-22px;

		background:#ffffff;

		margin-bottom:0px;

	}

	div#welcome_text{

		background:none;

		margin-bottom:40px;	

		padding:0px;

	}

	div#content,

	div#sidebar{

		float:none;

		width:100%;

		margin-bottom:25px;

		padding:0px;

	}

	div#sidebar{

		text-align:center;	

	}
div#sidebar {background-color:#1E6CA6;padding:15px;width:94%;}
.textwidget a.button {width:90%;}

}

@media only screen and (max-width:650px) {

	div.featured_box{

		float:none;

		width:70%;

		margin:0px auto 40px;	

	}	

	div#header div#logo img{

		max-width:66% !important;	

	}

	h1{

		font-size:28px !important;	

	}

	h2{

		font-size:24px !important;	

	}

	div#mobile_nav .mobile_contact_no{

		margin-left:12px;	

	}

	div#mobile_nav #showNav{

		margin-right:12px;	

	}

	#mobile_nav .menu li a {

		padding:12px;	

	}

	div#footer p, div#footer a{

		font-size:12px;	

	}

}
@media only screen and (max-width:600px) {
	div#content .col1,
	div#content .col2,
	div#content .col3{
		float:none;
		width:100%;
	}
}