@media all and (min-width : 1000px) and (max-width : 1400px) {
#slider {max-width: 100%!important; height: 600px!important;}
.home #slider {max-width: 100%!important; height: 600px!important;}
#searchform, #nav .menu-main-menu-container {right: 25px;}
ol.bjqs-markers {bottom: 100px;}
}


@media all and (min-width : 0px) and (max-width : 1200px) {
#logo {left: 1.25%;}
#logo img {width: 95%;}
.button-l .right {width: 180px;}
}

@media all and (min-width : 0px) and (max-width : 1124px) {
#logo {left: 1.25%; top: 11px;}
#logo img {width: 80%;}
}

@media all and (min-width : 0px) and (max-width : 950px) {
.button-l .right {width: 160px;}
#servicesWrapper .service {width:50%!important;font-size:14px;}
.padding {padding:24px;}
}

@media all and (min-width : 0px) and (max-width : 900px) {
#logo {position: relative; width: 100%;}
.button-l .right {width: 135px;}
}


@media all and (min-width : 0px) and (max-width : 800px) {
	#navWrapper {padding:1em 0;}
	#nav .menu-main-menu-container {display:none;width:100%;position:relative;bottom:auto;right:auto;}
	#nav ul ul, #nav ul ul ul {background:transparent;display:block;position:relative;margin:0 auto;width:100%;text-align:center;left:auto;right:auto;top:auto;border:0 none;}	
	#nav ul ul {width:95%;margin:0 auto;background:#ccc;}
	#nav li a:hover li, #nav ul li.current-menu-item li a, #nav ul li.current-menu-ancestor li a {background:transparent;}
	#nav ul ul ul {width:90%;margin:0 auto;background:#eee;}
	#nav li>a:hover, #nav ul li.current-menu-item>a, #nav ul li.current-menu-ancestor> a, #nav ul#menu-main-menu>li.current-page-ancestor>a,
	#nav .menu-main-menu-container li:hover>a,
	#nav .menu-main-menu-container li.current-menu-item > a {background:#EF8000;color:#fff;}
	.alignleft, .alignright {float:none;clear:both;}
	#nav ul {margin:0;padding:0;}
	#nav ul li:hover>ul{position:relative;}
	.menu-main-menu-container {display: none;}
	.wpcf7-select {width:97%!important;}
	.button {display:block;margin:0 auto 1em auto;}
	
	#nav li a {background-image:none!important;padding:10px;}
	#nav li {float:none;clear:both;width:100%;}
h1 {font-size: 30px;}
	.mobile-only {display: block!important;opacity:1;}.tablet-only,.desktop-only {display: none;}
h4.title {line-height: 38px;}
#wprmenu_bar {z-index: 9999;}
#slideWrapper {position: relative; margin-top: 0;}
.home .bluebar, .bluebar {margin-top: -62px;}
.children {display: block;}
.home #slider, .home #slideWrapper, #slideWarpper {margin-top: 0; height: auto!important;}
.w-sidebar-content.border-left {border: 0 none;}
.w-sidebar-content img {display:block;}
.left, .right, .w-sidebar, .w-sidebar-content {width: 100%; display: block; float: none; clear: both; margin: 10px auto; padding: 0;border: 0 none;}	
.button-l {text-align: center; margin: 10px auto; display: block;}
.button-l .right, .button-l .left {margin: 0 auto; text-align: center;}
iframe {width: 100%; height: auto;}
.page-id-20 #address {margin: 17px 0;}
#footer-nav {display: none;}
.client .left img {width:auto;max-width:100%;height:auto;}
#address {margin: 0; float: none; clear: both; width: 100%; text-align: center;}
.mobile-only {display: block;}
#searchbar {display: none;}
#nav, #logo, #phone, #navWrapper, .nav-bg {position: relative; height: auto; left: auto; top: auto; right: auto; margin: 0 auto; text-align: center; background: #fff;}

.page-nav .left {float:none;width:100%;text-align:center;margin:0 0 1em 0;}
.page-nav .right {float:none;width:100%;text-align:center;margin:0 0 1em 0;}

.caption {padding: 15px 9px 9px 9px; width: 90%;}
.bjqs-markers {display: none;}
#slider .w-max, #slideWrapper #slider .bg {background-size: contain; background-position: top center!important;}
.padding img {width: auto; height: auto;max-width:100%;margin:0 auto 1em auto;}
table {table-layout: fixed; width: 100%;}
table, thead, tbody, th, td, tr { display: block; }
thead tr { position: absolute;top: -9999px;left: -9999px;}
td { border: none;position: relative;padding-left: 0%!important; }
#content td {width: 100%!important;}
td:before { position: absolute;top: 6px;left: 6px;width: 100%; padding-right: 10px; white-space: nowrap;}
}

@media all and (min-width : 0px) and (max-width : 680px) {
.home .bluebar, .bluebar {margin-top: -62px;}
#slider .w-max, #slideWrapper #slider .bg {background-size: cover; background-position: top center!important;}
}

@media all and (min-width : 0px) and (max-width : 580px) {
#slider h2 {line-height: 1;font-size: 1.5em;}
}

@media all and (min-width : 0px) and (max-width : 400px) {
.caption {font-size: 12px;}
}