/* TARGETING TOUCH SCREENS */
body.touch-enabled .touch-hidden {
	display:none;	
}

body.touch-enabled .touch-visible-inline {
	display:inline;	
}

body.touch-enabled .touch-visible-block {
	display:block;	
}

body.touch-enabled #upper-nav .dropdown-menu a.drop-close-button {
	display:block;
	background: none repeat scroll 0 0 #0e657c;
	bottom: -50px;
	color: #fff;
	font-weight: bold;
	left: 46%;
	padding: 15px 20px;
	position: absolute;
}

body.touch-enabled .container,
body.touch-enabled .navbar-header {
	width:100%;	
}

/* TOP NAV */
body.touch-enabled #upper-nav-box .nav {
	display:none !important;	
}

body.touch-enabled .navbar-toggle {
	display: block;
}
	
/* OFF CANVAS SIDE NAV */
body.touch-enabled .row-offcanvas {
	position: relative;
	transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
}

body.touch-enabled .row-offcanvas-right {
	right: 0;
}

body.touch-enabled .row-offcanvas-left {
	left: 0;
}

body.touch-enabled .row-offcanvas-right .sidebar-offcanvas {
	right: -80%;
}

body.touch-enabled .row-offcanvas-left .sidebar-offcanvas {
	left: -80%;
}

body.touch-enabled .row-offcanvas-right.active {
	right: 80%;
}

body.touch-enabled .row-offcanvas-right.active #upper-nav-box {
	left:-80%;	
}

body.touch-enabled .row-offcanvas-left.active {
	left: 80%;
}

body.touch-enabled .sidebar-offcanvas {
	display:block !important;
	position: absolute;
	top: 0;
	width: 80%; 
	min-height:1200px;
	box-shadow:-3px 3px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:-3px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:-3px 3px 3px rgba(0,0,0,0.1);
	-o-box-shadow:-3px 3px 3px rgba(0,0,0,0.1);
	background:#f8f8f8;
	overflow:hidden;
	z-index:99999;
}

body.touch-enabled #sidebar .sidebar-panel {
	transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

body.touch-enabled #sidebar .list-group {
	margin:15px 0 0 0;	
}

body.touch-enabled #sidebar .subnav .list-group {
	margin:0;	
}

body.touch-enabled #sidebar .sidebar-panel.primary-nav.off-screen {
	margin-left:-100%;	
}

body.touch-enabled #sidebar .sidebar-panel.subnav {
	margin-left:100%;
	transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
}

body.touch-enabled #sidebar .sidebar-panel.subnav.active {
	margin-left:0;	
}

body.touch-enabled #sidebar .list-group-item:first-child,
body.touch-enabled #sidebar .list-group-item:last-child {
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

body.touch-enabled #sidebar .list-group a {
	font-size:18px;
	border-left:0;
	border-right:0;
}

body.touch-enabled #sidebar .list-group a.underlined-item {
	border-bottom:3px solid #ccc;
}

body.touch-enabled #sidebar .list-group a:after {
	font-family:FontAwesome;
	content: "";
	float:right;	
}

body.touch-enabled #sidebar .list-group a.has-subnav:after {
	content:"";	
}

body.touch-enabled #sidebar a.back-icon {
	padding:10px 0 10px 15px;
	font-size:16px;
	font-weight:bold;
	display:block;
}


body.touch-enabled #sidebar a.back-icon:before {
	font-family:FontAwesome;
	content: " ";
}

/* HIDE TOP LOGO AND BAR */
body.touch-enabled #upper-logo,
body.touch-enabled #tip-top-bar {
	display:none;	
}

/* RESPONSIVE NAV + LOGO */
body.touch-enabled .navbar-header .logo {
	padding-top:15px;	
}

body.touch-enabled .navbar-header .navbar-toggle {
	margin-right:0;	
}

body.touch-enabled .navbar-header .logo img {
	max-width:200px;	
}

body.touch-enabled .jonnavbar-header .logo p {
	padding-top:20px;	
}

body.touch-enabled .navbar-header {
	display:block;	
}

/* TOP NAV FIXED */
body.fixed-top.touch-enabled .navbar-header .logo {
	padding-top:5px;	
}


body.fixed-top.touch-enabled .navbar-header .logo p.call-us-today {
	color:#fff;	
	padding-top:5px;
}

body.fixed-top.touch-enabled .navbar-header .logo p.call-us-today a {
	color:#fff;
	text-decoration:underline;	
}

body.fixed-top.touch-enabled .navbar-header .navbar-toggle {
	color:#fff;	
}

body.fixed-top.touch-enabled #primary-content {
	padding-top:215px;	
}

.navbar-header .navbar-toggle {
	margin-right:0;	
	margin-top:26px;
}

@media (max-width:1199px) {
	/* NAV BAR */
	#upper-nav .nav > li > a {
		margin:0 8px;
		padding:10px;	
	}
	
	/* DROP DOWNS */
	#upper-nav-box .navbar-nav > li ul.sub-nav-list li {
		font-size:16px;	
	}
	
	#upper-nav-box .navbar-nav > li .second-row .col-sm-3 a.td-ob {
		font-size:20px;	
	}
		
	/* OFFER BAR */
	#upper-offer-bar h4 { 
		margin-top:5px;
	}
	
	#upper-offer-bar.offer-one-line a.btn.btn-learn-more {
		padding:10px 20px;	
	}
	
	/* HOME PAGE */
	/* HOME PAGE VIDEO EMBED */
	.home-video-embed {
		height:293px;	
	}
	
	#upper-nav-box .navbar-nav > li a.td-sq span {
		padding-left:0px;	
	}
}

@media (min-width:992px) {
	/* HIDE RESPONSIVE NAV */
	.navbar-header {
		display:none;	
	}
	
	/* DROP DOWNS ON HOVER */
	.dropdown:hover .dropdown-menu {
		display: block;
	}	
	
	
	
	/* TOP NAV */
	body.touch-enabled .navbar-header .logo a.home-img-link {
		border-right:1px solid #dbdbdb; 
		padding-right:10px; 
		margin-right:10px;	
	}
	
	
	
		
	
	
}

@media (max-width:991px) {
	
	/* ALL CONTAINERS */
	.container,
	.navbar-header {
		width:100%;	
	}
	
	/* TOP NAV */
	#upper-nav-box .nav {
		display:none !important;	
	}
	
	.navbar-toggle {
		display: block;
	}
		
	/* OFF CANVAS SIDE NAV */
	.row-offcanvas {
		position: relative;
		transition: all .25s ease-out;
		-webkit-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
	}
	
	.row-offcanvas-right {
		right: 0;
	}
	
	.row-offcanvas-left {
		left: 0;
	}
	
	.row-offcanvas-right .sidebar-offcanvas {
		right: -80%;
	}
	
	.row-offcanvas-left .sidebar-offcanvas {
		left: -80%;
	}
	
	.row-offcanvas-right.active {
		right: 80%;
	}
	
	.row-offcanvas-right.active #upper-nav-box {
		left:-80%;	
	}
	
	.row-offcanvas-left.active {
		left: 80%;
	}
	
	.sidebar-offcanvas {
		position: absolute;
		top: 0;
		width: 80%; 
		min-height:100%;
		box-shadow:-3px 3px 3px rgba(0,0,0,0.1);
		-moz-box-shadow:-3px 3px 3px rgba(0,0,0,0.1);
		-webkit-box-shadow:-3px 3px 3px rgba(0,0,0,0.1);
		-o-box-shadow:-3px 3px 3px rgba(0,0,0,0.1);
		background:#f8f8f8;
		overflow:hidden;
		z-index:99999;
	}
	
	#sidebar .sidebar-panel {
		transition: all .25s ease-out;
		-webkit-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
		position:absolute;
		top:0;
		left:0;
		width:100%;
	}
	
	#sidebar .list-group {
		margin:15px 0 0 0;	
	}
	
	#sidebar .subnav .list-group {
		margin:0;	
	}
	
	#sidebar .sidebar-panel.primary-nav.off-screen {
		margin-left:-100%;	
	}
	
	#sidebar .sidebar-panel.subnav {
		margin-left:100%;
		transition: all .25s ease-out;
		-webkit-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
	}
	
	#sidebar .sidebar-panel.subnav.active {
		margin-left:0;	
	}
	
	#sidebar .list-group-item:first-child,
	#sidebar .list-group-item:last-child {
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	}
	
	#sidebar .list-group a {
		font-size:18px;
		border-left:0;
		border-right:0;
	}
	
	#sidebar .list-group a.underlined-item {
		border-bottom:3px solid #ccc;
	}
	
	#sidebar .list-group a:after {
		font-family:FontAwesome;
		content: "";
		float:right;	
	}
	
	#sidebar .list-group a.has-subnav:after {
		content:"";	
	}
	
	#sidebar a.back-icon {
		padding:10px 0 10px 15px;
		font-size:16px;
		font-weight:bold;
		display:block;
	}
	
	
	#sidebar a.back-icon:before {
		font-family:FontAwesome;
		content: " ";
	}
	
	/* LEADS */
	.lead {
		font-size:21px;	
	}
	
	/* FOOTER TESTIMONIALS */
	.quote-bar .testimonial .testimonial-icon {
		margin-bottom:0;	
	}
	
	/* BIG BLOCKS */
	.big-block {
		font-size:16px;
		line-height:1.6;	
	}
	
	/* PRODUCT REVEALS */
	.reveal {
		overflow: visible;
		-webkit-transform: none;
		transform: none;
		margin-bottom:30px;
		padding-bottom:30px;
		border-bottom:1px dotted #ccc;	
	}
	
	.reveal:last-child {
		border-bottom:none;
		margin-bottom:0;
		padding-bottom:0;	
	}
	
	.reveal::before {
		display:none;
	}
	
	.reveal-overlay {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		padding: 0;
		color: #000;
		
		-webkit-transform: none;
		transform: none;
		transition: none;
		transition: none;
	}
	
	.reveal:hover .reveal-overlay {
		-webkit-transform: none;
		transform: none;
	}
	
	.reveal-overlay-title {
		padding:0;
		font-weight:bold;
		margin-bottom:0;
		
		transform: none;
		-webkit-transform: none;
		
		transition: none;
		transition: none;
	}
	
	.reveal .btn.btn-lg {
		font-size:15px;
		padding:15px 5px;	
		width:100%;
	}
	
	.reveal:hover .reveal-overlay-title {
		-webkit-transform: none;
		transform: none;
	}
	
	.reveal .reveal-overlay-content .white-bg {
		padding:0;
		border-radius:0px;
		-webkit-border-radius:0px;
	}
		
	/* CONTACT PAGE */
	#contact-form form .btn {
		width:100%;	
	}
	
	/* HIDE TOP LOGO AND BAR */
	#upper-logo,
	#tip-top-bar {
		display:none;	
	}
	
	/* RESPONSIVE NAV + LOGO */
	.navbar-header .logo {
		padding-top:15px;	
	}
	
	.navbar-header .logo a.home-img-link {
		border-right:1px solid #dbdbdb; 
		padding-right:10px; 
		margin-right:10px;	
	}
	
	.navbar-header .logo img {
		max-width:200px;	
	}
	
	.jonnavbar-header .logo p {
		padding-top:20px;	
	}
	
	/* FOOTER */
	.footer-block {
		padding-bottom:30px;
		line-height:2;	
	}
	
	/* HOME PAGE */
	/* HOME PAGE VIDEO EMBED */
	.home-video-embed {
		height:240px;	
	}
	
	
	
}

@media (max-width:767px) {
	
	/* GENERAL */
	.center-xs {
		text-align:center;	
	}
	
	/* TOP NAV FIXED */
	body.fixed-top #upper-nav-box {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:80px;
		z-index:9999;
		background:#1f677c;
		box-shadow:1px 3px 3px rgba(0,0,0,0.1);
		-moz-box-shadow:1px 3px 3px rgba(0,0,0,0.1);
		-webkit-box-shadow:1px 3px 3px rgba(0,0,0,0.1);
		transition: all .25s ease-out;
		-webkit-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
	}
	
	body.fixed-top .navbar-header .navbar-toggle {
		margin-top:14px;	
	}
	
	body.fixed-top .navbar-header .logo {
		padding-top:5px;	
	}
	
	body.fixed-top .navbar-header .logo img {
		max-height:65px;	
	}
	
	body.fixed-top .call-us-today {
		color:#fff;	
	}
	
	body.fixed-top .call-us-today a {
		color:#fff;
		text-decoration:underline;	
	}
	
	body.fixed-top .navbar-header .logo img.normal-logo {
		display:none;	
	}
	
	body.fixed-top .navbar-header .logo img.mobile-logo {
		display:block;	
	}
	
	body.fixed-top .navbar-header .navbar-toggle {
		color:#fff;	
	}
	
	body.fixed-top #primary-content {
		padding-top:215px;	
	}
	
	/* HOME OVERLAYS */
	.img-link-box .overlay {
		display:none !important;	
	}
	
	/* TESTIMONIAL BAR MICRO */
	.quote-bar .carousel-control {
		display:none;
	}
	
	/* CONTACT FORMS */
	form .form-control {
		height:44px;	
	}
	
	/* MODALS */
	.modal-dialog {
		width:auto !important;	
	}
	
	/* OFFER BAR */
	#upper-offer-bar.offer-two-lines a.btn.btn-learn-more {
		margin-top:5px;	
		padding:15px 10px;
	}
	
	#upper-offer-bar.offer-one-line a.btn.btn-learn-more {
		padding:10px;	
	}
	
	#upper-offer-bar a.btn.btn-learn-more i {
		display:none;
	}
	
	#upper-offer-bar.phone-only {
		margin-bottom:1px;
		padding:12px 0;
		border-top:1px solid #eee;	
	}
	
	/* PRODUCT NAVIGATOR */
	#product-navigator-progress-meter {
		width:auto;
		float:none !important;	
	}
	
	/* BUTTONS */
	.btn {
		 white-space: normal !important;
	}
	
	/* ABOUT US: REVIEWS */
	.bubble:after {
		left:15%;	
	}
	
	/* ABOUT US: CORPORATE LOCATIONS */
	#corporate-locations-map {
		display:none;	
	}
	
	#corporate-locations-text .map-data {
		min-height:auto;
		padding-bottom:25px;	
	}
	
	/* ABOUT US: VIDEO LIBRARY */
	.video-list-thumbs h4 {
		height:auto;
		font-weight:normal;
		font-size:16px;	
	}
	
	.video-list-thumbs img {
		width:100% !important;	
	}
	
	.video-list-thumbs .fa-play-circle {
		font-size:80px;
		top:17%;
		right:40%;
	}	
	
	/* FOOTER */
	footer .phone-link {
		color:#337ab7;
	}
	
	footer .call-us-today {
		font-size:20px;	
	}
	
	
	
}

@media (max-width:665px) {
	/* OFFER BAR */
	#upper-offer-bar.offer-two-lines a.btn.btn-learn-more {
		margin-top:0;
		line-height:1.2;
		padding:15px 10px;
	}
	
	#upper-offer-bar.offer-one-line h4 span {
		display:block;	
	}
}

@media (min-width:650px) {
	.navbar-header .logo p {
		font-size:21px;
		padding-top:14px;
	}	
}

@media (min-width:700px) {
	.navbar-header .logo p {
		font-size:24px;
	}	
}

@media (max-width:649px) {
	.navbar-header .logo p.call-us-today .split-line {
		display:block;
	}
	
	.navbar-header .logo p.call-us-today {
		padding-top: 8px;
		line-height: 24px;
		font-size: 22px;
		padding-left: 3px;
	}	
}

@media (max-width:599px) {
	/* TOP LOGO */
	.navbar-header .logo img {
		max-width:200px;	
	}
	
	/* HOME PAGE */
	#home-hero-slider {
		display:none;	
	}
	
	.caption-box {
		margin-bottom:40px;	
	}
	
	/* BIG BLOCK */
	.big-block.big-block-single p.lead {
		font-size:26px;
	}	
	
	/* PRODUCT PAGES */
	.product-image {
		float:none;
		max-width:100%;
		display:block;
		margin:15px 0px;	
	}
	
	/* REVEAL */
	a.reveal:hover {
		text-decoration:none;	
	}
	
	.reveal .reveal-media {
		display:none;	
	}
	
	.reveal-overlay-title:before {
		font-family:FontAwesome;
		content:" ";
	}
	
	.reveal-overlay-title {
		font-size:19px;	
	}
	
	.mobile-reveal-image {
		display:block;
		height:200px;
		background-size:cover;
		background-position:center;
		border-radius:3px;
		margin:10px 0;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-ms-border-radius:3px;
		-o-border-radius:3px;	
	}	
	
	/* OFFER BAR */
	#upper-offer-bar h4 {
		padding:0px 14px 0px 14px;
		font-size:20px;
		margin:0;
	}
	
	#upper-offer-bar.offer-one-line h4 {
		padding-top:5px;	
	}
	
	
}

@media (max-width:490px) {
	/* TOP NAV FIXED */
	body.fixed-top #upper-nav-box {
		height:50px;
	}
	
	body.fixed-top .navbar-header .navbar-toggle {
		margin-top:8px;	
	}
	
	body.fixed-top .navbar-header .logo img {
		max-width:auto;
		max-height:40px;	
	}
	
	body.fixed-top #primary-content {
		padding-top:135px;	
	}
	
	/* TOP LOGO */
	.navbar-header .logo a.home-img-link {
		margin:0;
		border:none;
		padding:0;
		float:none !important;	
	}
	
	.navbar-toggle {
		padding:0;	
	}
	
	.navbar-header .logo p {
		display:none;
	}
}

@media (max-width:450px) {
	/* OFFER BAR */	
	#call-now-button {
		display:block;
		text-align:center;	
	}
	
	#call-now-button a.btn.btn-learn-more,	
	#call-now-button a.btn.btn-info {
		font-size:16px;
		font-weight:bold;	
		line-height:1;
		width:100%;
		padding:15px 10px;
	}
	
	#call-now-button .btn br {
		display:none;	
	}
	
	#upper-offer-bar .learn-more-box {
		display:none;	
	}
	
	#upper-offer-bar h4 {
		float:none !important;
		width:100% !important;		
		padding:0px 12px 12px 12px;
	}
}

@media (max-width:360px) {
		
	/* OFFER BAR */
	#call-now-button .btn br {
		display:inline;	
	}	
}