/* tablet (portrait and landscape) ----------- */
@media only screen and (max-width : 1206px) {
	.page-wrapper { width: 95%; }
	
	#header .logo {padding-left:2%;}
	#header .cta {margin:10px 4% 10px 0;}
	#header .phone{padding:0 2% 0 6px;font-size: 24px;}
	
	#content .col-right form.mktoForm input.mktoField { width: 61% !important; }
	#content .col-right img{padding: 80px 1%;}
	#content .col-left{margin-left:5%;}
}

@media only screen and (max-width : 1024px) {
	.page-wrapper { width: 100%; }
	
	#header .logo { margin: 0; padding:23px 0 10px 1%; }
}

@media only screen and (max-width : 955px) {
	#header {text-align:center;min-height:155px;}
	#header .logo{float;none;width:100%;float:none;}
	#header .contact{width:415px;margin: 10px auto;}
	#header .cta{float:none;margin:0 auto;}
	
	
}

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

	
}

@media only screen and (max-width : 785px) {
	
	
	#splash {height:650px; }
	#splash h1 { width: 70%; }
	#splash .video-container {margin: 20px 0 25px;}
	#splash #col1{padding:9px 0 0 0;}
	#splash #col2 {padding: 20px 0 0 0}
	#splash #col3{padding: 0 0 0;}
	#splash .check{padding:25px 0 0 0;}
	
	#footer .menu { float: none; width: 100%; padding: 10px 0; text-align: center; }
	#footer .copyright { float: none; width: 100%; text-align: center; padding: 5px 0 10px 0; }
}

@media only screen and (max-width : 650px) {
	#header{min-height:155px;}
	#header .logo { float: none; padding: 10px 0; margin: 0;margin:0 auto;}
	#header .contact{width:368px;}
	
	#splash{height:1300px;margin-top:0;text-align:center;}
	#splash .video-container iframe{float:none;width: 95%;}
	#splash .video-container img{float:none;}
	#splash .col{float:none!important;width:90%;padding:0!important;}
	#splash #col2 #simplest{display:none;}
	#splash #simplest2{display:block;margin:0 auto 20px;}
	#splash .check{padding:0 0 15px 0;}
	
	#content #full{display:none;}
	#content .mobile{display:block;text-align:center;padding:10px 3px;}
	#content .mobile img{padding-bottom:20px;}
}

/* phone (portrait and landscape) ----------- */
@media only screen and (max-width : 568px) {
	#header .logo {width:98%;padding:10px 4px;}	
	#header .phone{font-size:17px;}
}
@media only screen and (max-width : 480px) {
	#splash{height:1250px}
}