


/* =Responsive (Mobile) Design














-------------------------------------------------------------- */






















@media screen and (max-width:1360px){
	.menu a {
    color: #444444;
    cursor: pointer;
    display: block;
    font-size: 1em;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in-out;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 10px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}
}



@media screen and (max-width: 1064px) {
	#callback-contact .wpcf7-form-control-wrap{width:50%; margin-bottom:10px;}
	#callback-contact .wpcf7-form-control-wrap:last-child, span.wpcf7-form-control-wrap.tel-865{padding-right:0!important;}
	div#callback-contact{padding-left:30px;}
	#callback-contact input[type="submit"]{width:100%;}
}


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


body {


}


.grid,  .grid-right {


	float: none;


}


.copyright,  .scroll-top,  .powered {


	float: left;


}


#featured-image .fluid-width-video-wrapper {


	margin: 20px 0 0 0;


}


.front-page #widgets {


	margin-top: 40px;


}


.top-widget,  .front-page .top-widget {


	margin-top: 0 !important;


}


.hide-desktop {


	display: block;


}


.show-desktop {


	display: none;


}


.hide-980 {


	display: none;


}


.show-980 {


	display: block;


}


}

@media screen and (max-width:920px){
	#header ul#header_information {
    top: 10px;
    position: relative;
    width: 100%;
    text-align: center;
}
	
	#header ul#header_information li {
    float: left;
    width: 50%;
    font-size: 1.1em;
    margin: 0;
    text-align: center;
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 10px;
}
	#logo {


	float: none;
	position:relative;
	
	}
	.curve-bottom:after{margin-bottom:-25px;}
	.menu{text-align:center;}
	.menu li{display:inline-block; float:none;}
	.main-nav{width:100%;}
	#header{padding:0 0 10px!important;}
}

@media screen and (max-width: 840px){
	#callback-contact .wpcf7-form-control-wrap{width:100%; margin-bottom:10px; padding-right:0!important;}
	#callback-contact .wpcf7-form-control-wrap:last-child, span.wpcf7-form-control-wrap.tel-865{padding-right:0!important;}
	div#callback-contact{padding-left:30px; padding:20px;}
	#callback-contact input[type="submit"]{width:100%;}
	.main-nav{width:100%; text-align:center;}
	
		.one_third {
    width: 100%!important;
    max-width: 500px;
    text-align: center;
    margin-bottom: 20px;
    float: none!important;
    margin: 0 auto 50px;
}
	#yellow-banner .wrapper {
    padding: 30px 0 0px;
}
	div#blade{width:100%; padding:40px 20px;}
	div#blade:before{display:none;}
	.curve-bottom:after {
    content: "";
    height: 110px;
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    margin-top: -100px;
    width: 100%;
    margin-bottom: -40px;
    z-index: 100;
    display: inline-block;
    position: relative;
}
	
	#yellow-banner.curve-top:before, #footer-banner.curve-top:before{display:none;}
	#footer-banner{text-align:center;}
	#footer-banner .inner{width:100%;}
	#yellow-banner.curve-bottom:after{display:none;}
}

@media screen and (max-width: 720px) {
	div#solid-width {
    max-width: 400px;
    margin: 0 auto;
}
	#header{padding-bottom:0!important;}
	#header ul#header_information a {
    color: #ffffff;
}
	#header_information li.email-no, #header_information li.phone-no{font-weight:400;}
	.one_half{width:100%!important; padding:0;}
	.one_half div p, .one_half div h6, .one_half div h5, .one_half div h4, .one_half div h3, .one_half div h2, .one_half div h1{text-align:center!important;}
	.one_half div{padding:0!important; text-align: center!Important; margin-bottom:30px;}

	#logo_overlay{display:none;}
	#footer_container{background-image:none;}
	#header ul#header_information{margin-top:50px;color:#fff; font-weight:400;}
	.left-text, #foot-callback, .footer-widget{width:100%; text-align:center;     padding-right: 0;}
	div#footer_3 {
    width: 100%;
		    margin-top: 40px;
    float: left;
    text-align: center;
    font-size: 0.8em;
}
	#overhead-logo{background-position:center;}
	div#bottom_footer{width:100%; padding:0;}
	#above_footer .wrapper {
    displaY: inline-block;
}
	.left-text {
    font-size: 0.8em;
    text-align: center;
}
	#callback-contact .wpcf7-form-control-wrap{margin-bottom:10px;}
	#callback-contact .wpcf7-form-control-wrap, #callback-contact input[type="submit"]{width:100%; margin-bottom:15px;}
body {


}
	.main-nav{width:100%;}
#header {
    padding: 0;
    background: #2d74a2;
    color: white;
}

#logo {


	float: left;

	position:relative;
	margin: 0 auto;


	text-align: center;


}


.grid,  .grid-right {


	float: none;


}


#featured-image .fluid-width-video-wrapper {


	margin: 20px 0 0 0;


}


.top-widget {


	float: none;


	margin: 0 auto 10px auto;


	position: relative;


	text-align: center;


	width: auto;


}


.top-widget .widget-title {


	text-align: center;


}


.js .sub-header-menu {


	display: none;


}


.js .main-nav {


	position: relative;


	background-color: #585858;


	width:100%;


	clear: both;


 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);


	margin: 0 auto;


}


.js .main-nav .menu {


	display: none;


	position: absolute;


	width: 100%;


	top: 30px;


	z-index: 1000;


}


.js .main-nav .menu ul {


	margin-top: 1px;


}
	.menu li.apply-now{margin-left:0;}

.js .main-nav .menu li {

	width:100%;
	text-align:left;
	float: none;


	background-color: #fff;


	border: none;


}


.js .main-nav .menu li a {


	color: #444;


	font-size: 13px;


	font-weight: normal;


	height: 45px;


	line-height: 45px;


	padding: 0 15px;


	border: none;


	border-bottom: 1px solid #f5f5f5;


	text-shadow: none;


	text-align: left;


	cursor: pointer;


}


.js .main-nav .menu li.current_page_item,  .js .menu .current_page_item a,  .js .menu .current-menu-item a {


	background-color: #f5f5f5;


}


.js .main-nav .menu li li:hover {


	background: none!important;


}


.js .main-nav .menu li li a {


	position: relative;


	padding: 0 10px 0 30px;


}


.js .main-nav .menu li li li a {


	position: relative;


	padding: 0 10px 0 40px;


}


.js .main-nav .menu li a:hover,  .js .main-nav .menu li li a:hover {


	background-image: none;


	filter: none;


	background-color: #f5f5f5!important;


}


.js .main-nav .menu li li a::before {


	content: '\2013';


	position: absolute;


	top: 0;


	left: 20px;


}


.js .main-nav .menu li li li a::before {


	content: '\2013';


	position: absolute;


	top: 0;


	left: 20px;


}


.js .main-nav .menu li li li a::after {


	content: '\2013';


	position: absolute;


	top: 0;


	left: 30px;


}


.js .main-nav .menu li ul {


	position: static;


	visibility: visible;


	background-color: #fff;


}


.js .main-nav .menu ul {


	min-width: 0;


}


.js .main-nav #responsive_current_menu_item {


	display: block;


	padding: 5px 40px 5px 10px;


	color: #fff;


	font-weight: 400;


	cursor: pointer;


}


.js .main-nav a#responsive_menu_button {


	position: absolute;


	display: block;


	top: 0;


	left: 100%;


	height: 30px;


	width: 23px;


	margin-left: -30px;


	background: url('../images/select-icons.png') 0 5px no-repeat;


	cursor: pointer;


}


.js .main-nav a#responsive_menu_button.responsive-toggle-open {


	background: url('../images/select-icons.png') 0 -46px no-repeat;


}


.top-menu,  .footer-menu li {


	float: none;


	font-size: 11px;


	text-align: center;


}


.tinynav {


	display: block;


}


.sb-holder {


	display: block;


}


#author-meta {


	padding: 20px;


}


.hide-650 {


	display: none;


}


.show-650 {


	display: block;


}


.hide-mobile {


	display: none;


}


#footer {


	text-align: center;


}


#credits {


	text-align: center;


}


#footer .social-icons {


	padding-bottom: 10px;


	text-align: center;


}


}

@media screen and (max-width: 650px) {
		.curve-bottom:after {display:none;}
	div#blade h2{font-size:1.5em; margin-top:30px;}
	a.mobile-link {
    padding: 23px 20px;
    display: inline-block;
	font-size:1.3em;
    border-bottom: 1px solid #fff;
}
	li.email-no a.mobile-link{
		border-bottom:0px;
	}
	#header ul#header_information li{margin-top:0!important;}
	#header ul#header_information{margin-top:0; right:0; top: 0;}
	#header ul#header_information li span{display:none;}
}



@media screen and (max-width: 520px) {
	#middle-bit .content-column.full_width{display:block;}
	#middle-bit h1 {
    font-size: 2.2em;
}


body {


}

#logo {


	float: left;


	text-align: center;


}


.grid,  .grid-right {


	float: none;


}


#featured-image .fluid-width-video-wrapper {


	margin: 20px 0 0 0;


}


.featured-title {


	font-size: 40px;


	padding: 40px 20px 0 20px


}


.featured-subtitle {


	font-size: 24px;


}


.navigation .next,  .navigation .previous {


	display: block;


	margin: 0 auto;


	text-align: center;


}


.menu ul,  .menu li,  .top-menu,  .footer-menu li,  .sub-header-menu li {


	float: none;


	text-align: center;


	text-rendering: optimizeSpeed;


}


.hide-480 {


	display: none;


}


.show-480 {


	display: block;


}


#footer {


	text-align: center;


}


#footer .social-icons {


	text-align: center;


}


}





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


body {


}


#featured p {


	font-size: 12px;


	line-height: 1.5em;


}


.featured-title {


	font-size: 35px;


}


.featured-subtitle {


	font-size: 15px;


}


.call-to-action a.button {


	font-size: 14px;


	padding: 7px 17px;


}


.hide-320 {


	display: none;


}


.show-320 {


	display: block;


}


}





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


body {


}


#featured p {


	font-size: 11px;


	line-height: 1.5em;


}


.featured-title {


	font-size: 20px;


}


.featured-subtitle {


	font-size: 11px;


}


.call-to-action a.button {


	font-size: 12px;


	padding: 5px 15px;


}


.top-widget area,  .top-widget select,  .top-widget textarea,  .top-widget input[type="text"],  .top-widget input[type="password"],  .top-widget input[type="email"] {


	width: 75%;


}


.widget-title,  .widget-title-home h3 {


	font-size: 14px;


	height: 13px;


	line-height: 13px;


	text-align: left;


}


.hide-240 {


	display: none;


}


.show-240 {


	display: block;


}


}


