/* Define mobile styles */
@media only screen {
	
	body, p, table, td, th, a, li { font-family: 'Tahoma', sans-serif; }
	button, .button { background-color: #6ec6d9; }
	fieldset { font-size: 0.875rem; }
	#enquiry_form .nb { display: block; text-align: right; }
	
	#pre_banner { background-color: #fff; color: #333; font-size: 1.2rem; }
	#pre_banner a { color: #333; }
	#banner_wrapper { background-color: #4e4d4d; }
	.banner-title { color: #000; }
	.banner {  }

	.theme-default .nivoSlider { margin-bottom: 0; }
	
	#columns_wrapper { padding-top: 2rem; }
	#call_to_action { background-color: #6ec6d9; }
	#call_to_action_content { max-width: 40rem; margin: 2rem auto 0 auto; padding: 3rem; }
	#call_to_action_content p { color: #fff; font-size: 2rem; text-align: center; }
	#call_to_action_content a { color: #fff; display: block; text-decoration: underline; }
	#call_to_action_content p:last-child { padding-bottom: 0; }
	
	#company_details_wrapper { background-color: #4e4d4d; padding: 1rem; color: #ccc; }
	
	.top-bar {
		background-color: #4e4d4d;
	}
	.top-bar.expanded .title-area {
	}
	.top-bar-section {
	}
	
	.top-bar .toggle-topbar.menu-icon a {
		
	}
	
	.top-bar.expanded .toggle-topbar a {
		
	}
	
	.top-bar .toggle-topbar.menu-icon a span::after {
		/* box-shadow: 0 0 0 1px #555, 0 7px 0 1px #555, 0 14px 0 1px #555; */
	}
	
	.top-bar.expanded .toggle-topbar.menu-icon a span::after {
		/* box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff; */
	}
	
	.top-bar-section ul li > a {
	}
	
	/* nav a */
	.top-bar-section li:not(.has-form) a:not(.button) {
		background-color: #4e4d4d;
	}
	
	/* nav a hover */
	.top-bar-section li:not(.has-form) a:not(.button):hover {
	}
	
	/* nav a active */
	.top-bar-section li.active:not(.has-form) a:not(.button) {
		background-color: #6ec6d9;
	}
	
	/* nav a active hover */
	.top-bar-section li.active:not(.has-form) a:not(.button):hover {
		background-color: #6ec6d9;
	}
	
	/* nav a dropdown contents */
	.top-bar-section .dropdown {
		
	}
	
	/* nav a dropdown contents */
	.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
		
	}
	
	/* nav a with dropdown triangle */
	.top-bar-section .has-dropdown > a:after {
		/* border-color: rgba(80,80,80,0.5) transparent transparent transparent; */
	}
	
	.top-bar-section .has-dropdown > a:after {
		
	}
	
	.top-bar-section .has-dropdown > a:hover:after {
	}
	
	.top-bar-section ul li {
	}
	
	.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
		
	}
} 

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
	
} 

 /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
	#pre_banner { position: absolute; width: 100%; background-color: rgba(0,0,0,0.6); color: #fff; font-size: 1.2rem; z-index: 1000; }
	#pre_banner a { color: #fff; }
	
	.banner-title { color: #fff; font-size: 2rem; padding-top: 4rem; }
	#pre_banner .contact { margin-top: 3rem; text-align: right; float: right; }
	.logo { float: right; padding: 1rem; }
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
}

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {
	
}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	
}

/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) {
	
}