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


  @media screen and (max-width:600px)  {
	.commentSec{
		padding:0 2%!important;
	}

  }




/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 480px) and (min-width: 320px){

.logo{
	width:70%;
	float:left;
}
.navOuter {
    background-color: #fff;
}
.banner {
	position:relative;
	top:-2px;
}
.mobMenuIcon{
	float:right;
	margin-top:20px;
}
.socialMedia{
	display:none;
}
.mobsearch{
	display:block;
	height:42px;
	background-color:#f2f2f2;
	display:block!important;
}
.searchArea{
	display:none;
	margin:-3px auto 0;
	padding-top:3px;
}
.searchArea input {
    width:85%;
	margin:0;
} 
.searchArea input.submitBtn,
.searchArea input{
	height:40px;
}
.navIph{
    background-color: #3878a8;
	width:100%!important;
	padding:0!important;
}
.aboutPicWrap {
	padding-top:10px;
}
.mobMenuIcon{
	display:block;
}
.topNav{
	display:none;
}
.topNav ul li {
	float:none;
	width:100%;
	border-bottom: 1px solid #629AC4
}
.topNav ul li a {
   padding: 13px 6px;
   float:none;
   border:none;
   display:block;
   color:#fff;
}
.topNav ul li a:hover {color:#abdbff;}
.socialMedia{
	display:none;
}
.mainTitle {
    width:100%;
	height:auto;
	padding-bottom:20px;
	min-width:0;
}
.testimoniOuter p {
    font-size: 24px;
	line-height:25px;
    padding: 0 0 30px 30px;
    width:90%;
}
.testimoniOuter h3 {
	padding-bottom:15px;
}
.aboutSec .readmoreBtn {
    left: 35%;
}
.aboutPicWrap{
	text-align:center;
}
.footerBot p {
    font-size: 12px;
}
.footerOuter .buySell {
    text-align: left;
}
#respond{
	width:100%;
}
 ol.commentlist{
	width:100%;
}
.insideBanner {
    height:344px;
}
	.insideBanner h2 {
		font-size: 20px;
	}
.footerBotIeTwo{
	display:none;
}
.bannerInner {
/*    height:630px;
	top:-1px;*/
}
.rdo{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	display:none;
}
/*.socialMediaIphone{
	display:block;
	float:left;
	width:110px;
	padding-top:10px;
}*/
.socialMediaIphone img{
	margin-right:6px;
}
.footerIeThree{
	padding-top:20px;
}
.footerOuter {
    padding: 28px 0 20px;
}
.footerBot p{
	text-align:center!important;
}
.socialMediaIphone{
	display:none;
}
#FlashID{
	display:none;
}
.insideBannerOuter img{
  max-width:none;
}
	.commentSec{
		padding:0 2%!important;
	}


}

@media only screen and (max-width: 767px) and (min-width: 481px){
.logo{
	width:50%;
	float:left;
}
.searchArea{
	display:none;
	margin:-3px auto 0;
	padding-top:3px;
}
.mobsearch{
	display:block;
	height:40px;
	background-color:#f2f2f2;
}
.searchArea input {
    width:85%;
	margin:0;
} 
.searchArea input.submitBtn,
.searchArea input{
	height:40px;
}
.topNav{
	display:none;
}
.mobMenuIcon {
	position:absolute;
	top:20px;
	right:20px;
	z-index:100000;
}
.navIph{
    background-color: #3878a8;
	width:100%!important;
	padding:0!important;
}
.mobMenuIcon{
	display:block;
}
.topNav ul li {
	float:none;
	width:100%;
	border-bottom: 1px solid #629AC4
}
.topNav .sub-menu {
	display: none;
}

.topNav ul li a {
   padding: 13px 6px;
   float:none;
   border:none;
   display:block;
   color: #d6edff;
}
.aboutSec .readmoreBtn {
    left:45%;
}
.socialMedia{
	display:none;
}
.socialMediaIphone{
	/*display:block;*/
	display:none;
}
.socialMediaIphone img{
	margin-right:6px;
}
.rdo{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	display:none;
}
/*.socialMediaIphone{
	display:block;
	float:left;
	width:110px;
	padding-top:10px;
}*/
.socialMediaIphone img{
	margin-right:6px;
}
.navOuter {
    background-color: #fff;
}
.banner {
	position:relative;
	top:-2px;
}
.footerIeThree,
.quickLinks {
	padding-bottom:20px;
}
.pics {  
    height:  157px;  
    width:   250px;  
    padding: 0;  
    margin:  0;  
} 
.footerBot p{
	text-align:center!important;
}
#FlashID{
	display:none;
}
.insideBannerOuter img{
  max-width:none;
}

}

@media only screen and (max-width: 1150px) and (min-width: 959px){
.topNav ul li a {
   padding: 13px 6px;
   float:none;
   border:none;
   display:block;
}
.socialMedia ul {
    margin-left:0;
}
.searchArea input {
    width: 200px;
}

}


@media only screen 
and (min-width : 768px) {
/*
 *  	
 * 	Customisable Wordpress Drop Down Menu Start Point By Christopher Hughes - V0.3
 * 
 * 	- Make sure your wp_nav_menu function has a: 'container' => 'nav'
 *    	- You shouldn't need to edit any CSS between line 11 - 65. All cosmetic style information starts line 66.
 * 
 * 
 * **********************************/


nav {
	text-align: left;
}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}

nav ul {
	list-style: none;
	position: relative;
	display: inline-table;
}

	nav ul:after {
		content: ""; clear: both; display: block;
	}

	nav ul li {
		float: left;
	}

		nav ul li a {
			display: block; 
			text-decoration: none;
			white-space: nowrap;
		}
			
	nav ul ul {
		border-radius: 0px; 
		padding: 0;
		position: absolute; top: 100%;
	}
		nav ul ul li {
			float: none; 
			position: relative;
		}
			nav ul ul li a {
				padding: 6px 10px;
			}	

	nav ul ul ul {
		position: absolute; 
		left: 100%; 
		top:0;
	}

/* Custom Style Information */

	/*
	 * 	You can find and replace the following HEX codes for easy styling. 
	 *  	Menu Background Primary (top graident) = #558db7
	 *    	Menu Background Primary (bottom gradient) = #558db7
	 * 	Menu Background On Hover = #4f82a8
	 * 	Menu Top Level Border = #629ac4
	 * */

nav {
	/* margin: 100px auto;  */   /*   If you need to push menu position around page you can use margin i.e. top and bottom 100px, left/right auto */ 
	height: 55px; /* Height of your menu, must adjust the ul height on line 78 and the anchor tag height on line 111 */
}

	nav > ul {
		height: 55px;
	}

	nav ul {
		background: #558db7; 
		background: linear-gradient(top, #558db7 0%, #558db7 100%);  /* First colour is top, second colour is bottom */
		background: -moz-linear-gradient(top, #558db7 0%, #558db7 100%);  /* First colour is top, second colour is bottom */
		background: -webkit-linear-gradient(top, #558db7 0%,#558db7 100%);  /* First colour is top, second colour is bottom */
		/* box-shadow: 0px 0px 9px rgba(0,0,0,0.15); */   /* Uncomment This If You Would Like A Drop Shadow Around Your Menu */
		padding: 0 20px;
		/*border-radius: 10px; */    /* Uncomment This If You Would Like A Rounded Menu */
		z-index: 999;  /* This is needed if your menu is above a slider or carousel etc */
	} 
	
		nav ul ul {
			background: #4f82a8; 
		}
			nav ul ul li {
				/*border-top: 1px solid #6b727c;
				border-bottom: 1px solid #575f6a; */
				text-align: left;
			}
	
		nav ul li:hover {
			background: #4f82a8;
			background: linear-gradient(top, #4f82a8 0%, #4f82a8 40%); /* First colour is top, second colour is bottom */
			background: -moz-linear-gradient(top, #4f82a8 0%, #4f82a8 40%); /* First colour is top, second colour is bottom */
			background: -webkit-linear-gradient(top, #4f82a8 0%,#4f82a8 40%); /* First colour is top, second colour is bottom */
		}
			nav ul li a {
				color: #d6edff; 
				padding: 15px 15px 0px 15px; /* You May Want to Adjust This To Fit In With Your Menu. */
				border-left:1px solid #629ac4;
				height: 55px;
 			}
 			
 			nav ul.sub-menu {
 				margin-left: 0px;
 			}
 			
 			nav ul ul li a {
				color: #d6edff;
				height: 33px;
			}
		
			nav ul li:hover a {
				color: #d6edff; /* Choose a different colour if you would like th text color to change on hover. */
			}
			
				nav ul ul li a:hover {
					background: #558db7; /* This is the second level sub menu background color */
				}

}