@media only screen and (max-width: 790px) {
	#navigation { 
		height: 55px;
	}
	.col_1, .col_2, .col_full {
		
		clear: both;
		width: 100%; 
		padding:0;
		
		/*border:2px solid;*/
	}
	.content .text {
		font-size: 18px;
	}
	.sm {
		display: none;
	}
	.sm_mobile {
		display: block;
	}
	.web-version {
		display: none;
	} .mobile-version{ display: block; }
	
	
	blockquote {
		
		padding: 0px;
		padding-top: 25px;
		margin-left: 0px;	
		width: 100%;
	}
	blockquote p {
		margin-left: 25px;
		margin-right: 25px;
		font-style: italic;
		font-family: Arial;
		font-size: 17px;
		text-align: left;
		color: #373737;
		line-height: 2em;
	
	}
	blockquote:before {
	
		font-style: italic;
		content: '"';
		font-size: 1em;
		color: #ccc;
		margin-bottom: -50px;
		line-height: .2em;
		float:left;
	}
	
	
	blockquote:after {
		margin:0;
		font-style: italic;
		content: '"';
		font-size: 1em;
		color: #ccc;
		line-height: .2em;
		float: right;
		
	}
	#footer, #footer a {
		font-size: 15px;
		margin: 0;
		height: 350px;
	}


}

@media only screen and (max-width: 500px) {
	/*.col_3col {
		
	}
	.content h1, .content h2 {
		font-size: 18px;
	}
	.content .text {
		font-size: 14px;
	}*/
	img {
		max-width: 100%;
		max-height: 100%;
	}
	.content {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		height: auto;
	
	}
	.web-version {
		display: none;
	} 
	
	.mobile-version{ 
		display: block; 
	}
	input, textarea {
		width: 300px;
	}
	.input-button {
		width: 120px;
	}
	.form-radio {
		width: 55px;
	}
	#banner_image, #banner_image_alt, #banner_image_contact, #banner_image_about {
		
		height: 250px;
	}
	#banner_image {
		background: url(../images/banners/mobile/banner_home.jpg) no-repeat;
	}
	
	/* Alt Banner at the bottom home page */
	.banner_2 {
		background-size: contain;
		height: 200px;
	}
	#header h1 {
		font-size: 1.4em;
	}
	#header h2 {
		font-size: 1.1em;
	}
	#header, #navigation, #navigation ul {
		width: 100%;
		padding:0;
		margin: 0;
	}
	#navigation {
		height: 110px;
	}
	#banner {
		padding: 0;
		margin: 0;
	}
	/* Change fonts */
	.content h2, .bar-subnav h2 {
	font-size: 1.1em;
	font-family: Arial;
	text-transform: none;
}
	
	.icons-home {
		display: none;
	}
	
	.text, .text a {
		padding: 0;
		margin: 0;
		
		
	}
	.col_1, .col_2 {
		width: 100%;
		padding: 0;
		margin: 0;

	}
	.col_multi {
		padding: 0;
		margin: 0;
	}
	.img-circle {
	

	

}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	.content {
		width: 100%;
		padding: 0;
		margin: 0;
	
	}
	.web-version {
		display: none;
	} .mobile-version{ display: block; }
	
	 .content .text {
		font-size: 11px;
	}
	.content h1 {
		font-size: 16px;
	}
	.content a {
		font-weight: normal;
	}
	.text a {
		font-size: 18px;
	}
	.col_1, .col_2, .col_multi {
		padding: 0;
		margin: 0;

	}
	input, textarea {
		width: 300px;
	}
	.input-button {
		width: 120px;
	}
	.form-radio {
		width: 55px;
	}

}






@media print {
   .content {
	   width: 100%;
   }
   .col_full {
	   width: 100%;
	   margin: 0;
   }
   #home_slideshow {
	   display: none;
   }
   #banner_image, #banner_image_about, #banner_image_services, #banner_image_floorcare, #banner_image_contact, #banner_image_gallery {
	   height: 100px;
	   padding: 0;
	   margin: 0;
   }
   
  /* .col_full, .col_1, .col_2, .col_multi {
	   margin: 0;*/
	   
	.row-border {
		padding: 0;
		margin: 0;
	}
	.text-center {
		
	}
	.bar-subnav {
		background: #0b7483;
		margin: 0;
		padding: 0;
		
	}
	#container {
		min-height: 1px;
		
	}
	
	#header #banner {
		padding: 0;
		margin: 0;
	}
	.content .text {
		font-size: 16px;
	}
	.content h1, h1, #header h1, .bar-subnav h1
	{
		font-size: 20px;
	}
	.content h2, 1, #header h2, .bar-subnav h2 
	{
		font-size: 18px;
	}
	#navigation {
		font-size: 16px;
		margin: 0;
		padding: 0;
	}
	img {
		max-width: 50%;
	}
	input, textarea {
		display: none;
	}
	.border-white {
		padding: 4px;
		width: 80%;
		margin: 0;
		margin-bottom: 4px;
		font-size: 14px;
	}
	blockquote p {
		line-height: 1em;
	}
	#footer, #footer a {
		font-size: 12px;
		margin: 0;
		height: 10px;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.ie-margin {
		margin: 0 auto;
	}
}