/* --------------------------------------------------- 
MEDIA_QUERIES.CSS contains responsive design style to
effect the design layout based on screen resolution
--------------------------------------------------- */

@media screen and (max-width: 1650px) {
	#image-rotator .flex-caption h2 {font-size:50px;}
}

@media screen and (max-width: 1370px) {
	#image-rotator .flex-caption h2 {font-size:46px;}
}

@media screen and (max-width: 1300px) {
	.wrap-container {
	width:100%;
	padding:0 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	}
	
	#image-rotator .flex-caption h2 {font-size:36px;}
}

@media screen and (max-width: 1100px) {
	#image-rotator .flex-caption h2 {font-size:30px;}
}

/* Small Screens / Tablets */
@media screen and (max-width: 960px) {
	
	html {
	-webkit-text-size-adjust:none;
	}
		
		img {
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
		}
		
		embed,
		object,
		iframe,
		.map-holder {
		max-width:100%;
		width:100%;
		height:auto;
		}
		
		
	.img-left,
	.img-right {
	max-width:50%;
	}
		
	
	.wrap-container {
	width:100%;
	padding:0 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	}
	
	#container-header,
	#container-slider,
	#container-bread,
	#container-main,
	#container-footer {
	width:100%;
	}
	
		#container-bread,
		#top-nav {display:none;}

		#header #search {
		padding-right:15px;
		}
		
			#header #search #search-box-input {
			width:150px;
			}
	

	#navigation {
	border-radius:0px;
	}
		#navigation ul {}
			#navigation ul li {
			display:inline-block;
			}
			
		#navigation a:first-child { 
		border-radius:0px;
		}
	
		#navigation a {
		float:left;
		display:inline-block;
		padding-left:14px;
		}
		
			#navigation a strong,
			#navigation a b {
			padding-right:14px;
			}


	#container-slider {
	height:auto;
	background-color:#a50312;
	background-position:bottom;
	padding-top:80px;
	padding-bottom:40px;
	}
	
		
	#image-rotator {
	overflow:hidden;
	}
		#slider {height:auto !important;}
	
		#slider .slider-text {
		width:50%;
		bottom:-45%;
		}
	
	#slidebox {display:none;}
	
	
	
	#breadcrumb,
	#main,
	#footer {
	padding-left:15px;
	padding-right:15px;
	}
	
		#footer .footer-left {
		width:65%;
		}
		
		#footer .footer-right {
		width:30%;
		}
	
	

	#desktop-link {display:inline;}
	
	
	.product-item {
	width:32%;
	margin-right:2%;
	}
			
		.products-holder div:nth-child(4n+4) {margin-right:2%;}
		.products-holder div:nth-child(4n+5) {clear:none;}
		.products-holder div:nth-child(3n+3) {margin-right:0%;}
		.products-holder div:nth-child(3n+4) {clear:both;}
	
}

@media screen and (max-width: 850px) {
	/*#image-rotator .flex-caption .wrap {max-width:100%;}*/
	
	#image-rotator .flex-caption h2 {font-size:26px;}
	
	/*#image-rotator .flex-caption h2,
	#image-rotator .flex-caption {color:#fff;}*/
}



/* Small Tablets */
@media screen and (max-width: 770px) {
	
	#header {
	/*height:95px;*/
	height:auto;
	}
	
		#header #logo {
		height:auto;
		width:280px;
		padding-bottom:15px;
		}
		
		#header #search {
		margin-top:25px;
		}
			
			#header #search #search-box-input {
			width:80px;
			}
	
	
		#slider .slider-text {
		width:70%;
		bottom:-40%;
		}
		
	#container-header .wrap-container,
	#container-navigation .wrap-container {
	padding:0;	
	}
		
		
	#navigation {
	position:relative;
	height:auto;
	top:auto;
	clear:both;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	/*background-color:#393939;
	background-image:none;*/
	padding:0;
	}
		#navigation ul {
		display:block;
		float:left;
		margin:0 0 0 0;
		padding:0 0 0 0;
		width:100%;
		}
			#navigation ul li {
			width:32%;
			margin-right:2%;
			line-height:36px;
			}
			
				#navigation ul li:nth-child(3n+3) {margin-right:0;}
	
		#navigation a {
		display:block;
		width:100%;
		height:36px;
		line-height:36px;
		text-align:center;
		padding:0 0 0 0;
		background-image:none;
		margin-bottom:2px;
		}
		
			#navigation a strong,
			#navigation a b {
			height:36px;
			line-height:36px;
			padding:0 0 0 0;
			}
			
			#navigation .nav-div {
			display:none;
			}
			
			#navigation .sub-nav {top:38px;}
				#navigation .sub-nav li {
				width:100%;
				margin-right:0;
				}
					#navigation .sub-nav a {
					width:100%;
					-webkit-box-sizing:border-box;
					-moz-box-sizing:border-box;
					-ms-box-sizing:border-box;
					box-sizing:border-box;
					}
				
			
			
	#container-bread {
	padding-top:72px;
	}
	
	
	
	
	#frontbox {}
		
		#frontbox .frontbox-item-white,
		#frontbox .frontbox-item-black {
		width:100% !important;
		}
			#frontbox .frontbox-item-white h2,
			#frontbox .frontbox-item-black h2 {
			font-size:18px;
			line-height:22px;
			}
			
			
	#footer .footer-left {
	float:none;
	width:100%;
	text-align:left;
	}
	
	#footer .footer-right {
	clear:both;
	float:none;
	width:100%;
	text-align:left;
	padding-top:20px;
	}
	
	
	.service-details-thin {
	float:none;
	width:100%;
	}	
	
		.service-side-form {
		float:none;
		width:100%;
		padding-top:20px;
		}
	
	
	/* Services */
	.services-holder .services-item .services-item-text {width:70%;}
	.services-holder .services-item .services-item-image {width:25%;}

	.services-holder-grid-side .services-item .services-item-text,
	.services-holder-grid-side .services-item .services-item-image {width:100%;}
	
	.services-holder-grid-under .services-item {
	width:30%;
	margin-right:5%;
	}
		.services-holder-grid-under div:nth-child(4n+4) {margin-right:5%;}
		.services-holder-grid-under div:nth-child(4n+5) {clear:none;}
		.services-holder-grid-under div:nth-child(3n+3) {margin-right:0%;}
		.services-holder-grid-under div:nth-child(3n+4) {clear:left;}
	
	
	
	/* Testimonials */
	.testimonial-holder .testimonial-item .testimonial-text {width:50%;}
	
	.testimonial-holder .testimonial-item .testimonial-image,
	.testimonial-holder .beforeafter-holder .beforeafter-item {width:45%;}
	
	
	/* Staff */
	.staff-holder-grid .staff-item {
	width:100%;
	}
	
	
	/* Gallery */
	.gallery-holder .gallery-item {
	width:48%;
	margin-right:4%;
	}
	
	.gallery-holder .gallery-item-textover {
	width:48%;
	margin-right:4%;
	clear:none;
	}
		.gallery-holder div:nth-child(4n+4) {margin-right:4%;}
		.gallery-holder div:nth-child(4n+5) {clear:none;}
		
		.gallery-holder div:nth-child(2n+2) {margin-right:0%;}
		.gallery-holder div:nth-child(2n+3) {clear:both;}
		

	.gallery-cat-holder .gallery-item {
	width:45%;
	margin-right:10%;
	}
	
		.gallery-cat-holder div:nth-child(2n+2) {margin-right:0%;}
		.gallery-cat-holder div:nth-child(2n+3) {clear:left;}
		
	.gallery-cat-holder .gallery-item-textover {
	width:45%;
	margin-right:10%;
	}
	
	
	/* Before and After */
	.beforeafter-holder .beforeafter-item {
	width:45%;
	margin-right:10%;
	}
		.beforeafter-holder div:nth-child(3n+3) {margin-right:10%;}
		.beforeafter-holder div:nth-child(3n+4) {clear:none;}
		.beforeafter-holder div:nth-child(2n+2) {margin-right:0%;}
		.beforeafter-holder div:nth-child(2n+3) {clear:left;}
		
	
	/* Videos */
	.video-holder .video-item {
	width:45%;
	margin-right:10%;
	}
		.video-holder div:nth-child(3n+3) {margin-right:10%;}
		.video-holder div:nth-child(3n+4) {clear:none;}
		.video-holder div:nth-child(2n+2) {margin-right:0%;}
		.video-holder div:nth-child(2n+3) {clear:left;}
		
		
	.subscription-plans .subscription-plan {
	width:47%;
	margin-right:6%;
	}
		.subscription-plans  div.subscription-plan:nth-child(3n+3) {margin-right:6%;}
		.subscription-plans  div.subscription-plan:nth-child(3n+4) {clear:none;}
		.subscription-plans  div.subscription-plan:nth-child(2n+2) {margin-right:0%;}
		.subscription-plans  div.subscription-plan:nth-child(2n+3) {clear:left;}
		
		
	.product-item {
	width:47%;
	margin-right:6%;
	}
			
		.products-holder div:nth-child(3n+3) {margin-right:6%;}
		.products-holder div:nth-child(3n+4) {clear:none;}
		.products-holder div:nth-child(2n+2) {margin-right:0%;}
		.products-holder div:nth-child(2n+3) {clear:both;}
		
		
	form {}
	
		form .form-item {}

		form .label,
		form .label2 {
		margin-bottom:2px;	
		}

		form .label,
		form .label2,
		form .input,	
		form .select,
		form .checkbox,
		form .radio,
		form .textarea,
		form .label-padding,
		form .subbut {
		width:100%;
		margin-left:0%;
		}
		
		
		
	.shopping-cart-list {}

		.shopping-cart-list .shopping-cart-list-header {display:none;}
		
		.shopping-cart-list .shopping-cart-list-items {
		padding:4px 10px;
		border:solid #f0e8e6 1px;
		border-radius:3px;
		margin-bottom:15px;
		position:relative;
		}
		
			.shopping-cart-list .scl-image {
			float:right;
			position:absolute;
			text-align:center;
			right:5px;
			top:8px;
			width:20%;
			max-height:60px;
			}
				.shopping-cart-list .scl-image img {
				max-height:60px;
				}
			
			.shopping-cart-list .scl-products {
			width:100%;
			min-height:60px;
			padding-right:0%;
			}
				.shopping-cart-list .scl-products-title {
				float:left;
				width:68%;
				}
				
				.shopping-cart-list .scl-products-additional {
				clear:both;
				width:100%;
				}
				
				.shopping-cart-list .scl-products  .cart-msg-box,
				.shopping-cart-list .scl-products .cart-msg-type,
				.shopping-cart-list .scl-products .cart-msg-messages {
				width:98%;
				}
				
				.msg-small {
				font-size:13px;
				line-height:17px;
				}
			
			
			.shopping-cart-list .scl-quantity {
			clear:both;
			width:59%;
			text-align:left;
			padding-right:0px;
			margin-top:8px;
			padding-top:8px;
			border-top:solid #f0e8e6 1px;
			}
				.shopping-cart-list .scl-quantity .scl-quantity-text {
				float:left;
				display:inline-block;
				padding-right:3%;
				line-height:26px;
				font-size:14px;
				}
			
				.shopping-cart-list .scl-quantity input {
				float:left;
				font-size:15px;
				display:inline-block;
				margin-right:12%;
				}
				
				.shopping-cart-list .remove-link {
				float:left;
				display:inline-block;
				text-align:left;
				line-height:26px;
				font-size:12px;
				}
			
			.shopping-cart-list .scl-price {
			width:40%;
			font-size:16px;
			font-weight:600;
			text-align:right;
			padding-right:1%;
			padding-top:5px;
			margin-top:8px;
			padding-top:8px;
			border-top:solid #f0e8e6 1px;
			}
			
			
			
			.shopping-cart-totals .shopping-cart-total-item .totals-space,
			.shopping-cart-totals .shopping-cart-total-final .totals-space,
			#sc-subtotals .totals-space-base {display:none;}
			
			
			.shopping-cart-totals .shopping-cart-total-item,
			.shopping-cart-totals .shopping-cart-total-final {
			display:block;
			}
				
				.shopping-cart-totals .shopping-cart-total-item .totals-text,
				.shopping-cart-totals .shopping-cart-total-final .totals-text {
				float:left;
				width:66%;
				text-align:left;
				padding-right:0;
				padding-left:4%;
				margin:0 0 0 0;
				}
				
				.shopping-cart-totals .shopping-cart-total-item .totals-value,
				.shopping-cart-totals .shopping-cart-total-final .totals-value {
				float:left;
				width:26%;
				font-size:15px;
				padding-right:4%;
				margin:0 0 0 0;
				}
		
		
	.address-selector {}
		.address-selector li {
		width:48%;
		}
		
			.address-selector .address-selector-button {}
			.address-selector .address-selector-address {}
			
	
	.payment-holder-table {}
	.payment-radio-holder {width:10%;}
		.payment-holder {width:90%;}
	
}

@media screen and (max-width:700px) {
	#image-rotator {display:none;}
}

@media screen and (max-width:650px) {
	#header #logo {width:100%;float:none;clear:both; text-align:center; padding-bottom:0;}
		#header #logo img {max-width:none;}
	
	
	#header #quote-button {float:none; clear:both; margin-top:10px; width:100%; text-align:center;}
}

@media screen and (max-width:600px) {
	
	
	#image-rotator .flex-caption h2 {font-size:28px;}
	
	
	
		.service-details .service-image,
		.service-details-thin .service-image {
		margin-bottom:16px;
		}
	
		.serviceline {
		float:none;
		width:100%;
		padding-top:16px;
		}
	
	
	/* Services */
	.services-holder-grid-side .services-item,
	.services-holder-grid-side .services-item .services-item-text,
	.services-holder-grid-side .services-item .services-item-image,
	.services-holder-grid-under .services-item {
	width:100%;
	}
	
	
}


/* Phones */
@media screen and (max-width: 480px) {

	html {
	-webkit-text-size-adjust:none;
	}
		
		img {
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
		}
		
		embed,
		object,
		iframe,
		.map-holder {
		max-width:100%;
		width:100%;
		height:auto;
		}
		
		
	ul {}
	ul li {
	line-height:26px;
	padding-bottom:8px;
	background-position:5px 9px;
	}
		
	
	#container1 {
	width:100%;
	}
	
	#container2 {
	width:100%;
	}
	
	#container-header {padding-bottom:10px;}
	#header {
	height:auto;
	line-height:1;
	}
		#header #logo {
		display:inline-block;
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		z-index:999;
		padding:0;
		margin:0;
		text-align:center;
		}
			#header #logo img {
			/*width:70%;*/
			max-width:100%;
			vertical-align:middle;
			}
			
			#top-nav,
			#header #search {display:none;}
			
	#container-bread {
	padding-top:80px;
	}
	
	#header #quote-button {height:50px; margin-top:5px;}
		#header #quote-button a {min-width:70%;}
	
	#header #call-number {
	display:block;
	height:50px; 
	float: none;
    clear: both;
    margin-top:10px;
    width: 100%;
    text-align: center;
	}
		#header #call-number a {min-width:70%;}
		
	#container-navigation {
	clear:both;	
	}
		
	#navigation {
	font-size:18px;
	line-height:20px;
	color:#ffffff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	padding:14px 20px 4px 20px;
	}
		#navigation ul {
		margin:0 0 0 0;
		padding:0 0 0 0;
		}
			#navigation ul li {
			float:none;
			width:100%;
			display:block;
			line-height:18px;
			}
	
		#navigation a {
		float:none;
		display:block;
		height:auto;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		line-height:28px;
		text-align:left;
		color:#ffffff;
		padding-left:15px;
		margin-bottom:6px;
		}
			#navigation a strong,
			#navigation a b {
			display:block;
			height:auto;
			line-height:28px;
			}	
			
		#navigation .nav-div {display:none;}
		
		#navigation .sub-nav {
		position:inherit;
		float:none;
		display:block;
		width:100%;
		top:0px;
		font-size:18px;
		line-height:20px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		}
			#navigation .sub-nav li {
			float:none;
			width:100%;
			display:block;
			margin:0 0 0 0;
			padding:0 0 0 0;
			box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
			padding-left:20px;
			line-height:18px;
			}
				#navigation .sub-nav a {
				float:none;
				display:block;
				width:100%;
				line-height:28px;
				margin:0 0 0 0;
				padding:0 0 0 0;
				height:auto;
				background:none;
				border:none;
				margin-bottom:6px;
				}
					#navigation .sub-nav a:hover {
					float:none;
					display:block;
					margin:0 0 0 0;
					padding:0 0 0 0;
					background:none;
					border:none;
					margin-bottom:6px;
					}
					
					
	
	#slider,
	#flash,
	#slidebox,
	#image-rotator {display:none;}
		
		
		
	#main {
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
		
		#main .main-full,
		#main .main-content,
		#main .full-left,
		#main .full-right,
		#main .main-left,
		#main .main-right {
		float:none;
		display:block;
		width:100%;
		margin:0 0 0 0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		}
			#main .main-content {
			margin-bottom:20px;
			}
		
		#main .img-left,
		#main .img-right,
		#main .img-center {
		float:none;
		display:block;
		width:100%;
		max-width:none;
		padding:10px 0;
		margin:0 0 0 0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		}
		
		
		
	#main,
	#main .main-right p,
	#main .main-left p,
	#main .main-right .side-holder,
	#main .main-left .side-holder {font-size:16px;line-height:24px;}
	
	#main h1 {font-size:38px;line-height:1.3;}
	#main h2 {font-size:26px;line-height:36px;}
	#main h3 {font-size:22px;line-height:32px;}
	#main h4 {font-size:18px;line-height:28px;}
	#main .main-right h5,
	#main .main-left h5 {font-size:18px;line-height:24px;}
	#main .main-right h6,
	#main .main-left h6 {font-size:18px;line-height:24px;}
	
	.small {font-size:15px;line-height:23px;}
	.large {font-size:17px;line-height:25px;}
		
		
		
	#footer .footer-left {
	float:none;
	display:block;
	width:100%;
	text-align:left;
	margin-bottom:18px;
	}
		
	#footer .footer-middle {
	float:none;
	display:block;
	width:100%;
	text-align:left;
	margin-bottom:18px;
	}
	
	#footer .footer-right {
	float:none;
	display:block;
	width:100%;
	text-align:left;
	}
	
	#footer {font-size:16px;line-height:26px;}
	#footer h4 {font-size:28px;line-height:32px;font-weight:400;}
	
		.footer-links a {
		float:left;
		width:100%;
		}
			.footer-links a:nth-child(3n+3) {margin-right:0%;}
			.footer-links a:nth-child(3n+4) {clear:left;}
	
	
	#desktop-link {display:inline;}

	/* News */
	.news-holder .news-item .news-text,
	.news-holder .news-item .news-image {
	width:100%;
	}
	

	/* Events */
	.events-holder .events-item .events-text {width:80%;}
	.events-holder .events-item .events-image {width:100%;}	

		.date-icon {
		float:left;
		width:15%;
		margin-right:5%;
		height:auto;
		line-height:12px;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
		text-align:center;
		padding:5px 0 5px 0;
		background-color:#cfcfcf;
		}
	
	
	/* Testimonials */
	.testimonial-holder .testimonial-item .testimonial-text,
	.testimonial-holder .testimonial-item .testimonial-image,
	.testimonial-holder .beforeafter-holder .beforeafter-item {
	width:100%;
	}
	
	
	/* Staff */
	.staff-holder-grid .staff-item {
	width:100%;
	}
	
	
	/* Site Map */
	.sitemap-holder {
	width:100%;	
	}
	
	
	.subscription-plans .subscription-plan {
	width:100%;
	margin-right:0%;
	}
		.subscription-plans  div.subscription-plan:nth-child(2n+2) {margin-right:0%;}
		.subscription-plans  div.subscription-plan:nth-child(2n+3) {clear:none;}
	
	
	/* Gallery */	
	.gallery-holder .gallery-item,
	.gallery-cat-holder .gallery-item,
	.gallery-cat-holder .gallery-item-textover,
	.gallery-holder .gallery-item-textover {
	width:100%;
	margin-right:0%;
	}
	
	
	/* Before and After */	
	.beforeafter-holder .beforeafter-item,
	.beforeafter-details .before-image,
	.beforeafter-details .after-image {
	width:100%;
	margin-right:0%;
	}

		.beforeafter-details .before-image {margin-bottom:12%;}
	
	
	/* Video */	
	.video-holder .video-item {
	width:100%;
	margin-right:0%;
	}
	
	
	.product-item {
	width:100%;
	margin-right:0%;
	}
			
		.products-holder div:nth-child(3n+3) {margin-right:0%;}
		
		
	.address-selector {}
		.address-selector li {
		width:100%;
		margin-bottom:18px;
		}
		
			.address-selector .address-selector-button {}
			.address-selector .address-selector-address {}

}

@media screen and (max-width: 285px) {
		#header #quote-button a,
		#header #call-number a {font-size:15px;}
}

@media screen and (max-width: 250px) {
		#header #quote-button a,
		#header #call-number a {padding-left:24px;}
		
		#header #call-number a .icon-phone,
		#header #quote-button a .icon-bubble {
		display:none;
		}
}