/* CSS Document */



/* large Tab to desktop*/
@media only screen and (max-width: 1440px) { 
	  
	.heroitext-box {
		
		width: 100%;
		padding: 0 2%;
	}
	.row {
		padding: 0 2%;
	}	  
.cellphone {
	padding-right: 0; 
		
	}
	

.contact-from { width: 90%;	}
	
.form-label { margin-top: 0px; }


}	



	
/* large Tab to desktop*/
@media only screen and (max-width: 1200px) { 	
	
	.app-steps:last-of-type {
		margin-bottom: 3em;	
		}
	
	.Subhead-features {
		width: 70%;
		margin-left: 15%;
		}
	
	.cellphone {
		width: 75%;
		}
	
	.stepsbox:last-child {
		margin-top: 65px;
		
		}
	
	.plan-box {
		background-color: #fff;
		border-radius: 5px;
		width: 90%;
		margin-left: 5%;
		}
	.boxsize {
		padding-left: 10px; 
		padding-right: 10px; 
		height: auto;
		margin-bottom: 1.6em;
		}
	
}

/* small tab to large tab 768 to 1024*/
@media only screen and (max-width: 1024px) {
	
	
		 
	.main-nav {display:none;}
	
	
	.top-nav li a:link,
	.top-nav li a:visited {
		
		font-size: 100%;
		
	}
	
	


	
	
	.heroitext-box {word-spacing: 3px;}
	  
	body { font-size: 18px;}
	section{ padding: 60px 0;}
	
	.Subhead-features {
		width: 80%;
		margin-left: 10%;
		}
	
	  


	.cellphone {width: 90%; }
	
	.stepsbox:first-child {
		text-align: right;
		margin-top: 35px;
		padding-bottom: 0px;
		margin-bottom: 0px;

		}

	.stepsbox:last-child {
		padding-left: 3%;
		padding-right: 5px;
		margin-top: 55px;

		}

	
	.app-steps {
   		margin-bottom: 2em;
		font-size: 95%;
		}




.icon-style { 
			width: 10px; 
			margin-right: 10px; 
			}
	
		.box p {
		text-align: left;
		
	     } 
	
	
	.plan-box {
		background-color: #fff;
		border-radius: 5px;
		width: 100%;
		margin-left: 0;
		}


	
	.btn:link, 
	.btn:visited, 
	input[type=submit]{
		padding: 10px 30px;
	
		}
	
	input[type=submit]{ margin-bottom: 20px}
		
	.plan-price { font-size: 250%;}

	.label-size { font-size: 70%;}
	
	.form-section .col  {
		width: 100%;
	}  
.form-section .col:first-child {margin-left: 1.6%;}	

.main-navigation { width: 30%;}
.open { right: 30%;}
	
.form-label { margin-top: 20px; padding-top: 10px;}
	
.map-box, .map, .form-box {
    height: 730px;
     }
	

	
	
}



	
@media only screen and (max-width: 767px)   {
	  
	body { font-size: 16px;}
	section{ padding: 30px 0;}
	
	.row,
	.heroitext-box { padding: 0 4%;top: 60%;}
	
	.heroitext-box h1{	
		word-spacing: 2px;
		letter-spacing:normal;
		margin-bottom: 50px;
		}
	
	.brand {
	font-size: 70%;	
		
	}
	
	.Subhead-features {
		width: 90%;
		margin-left: 5%;
		}
	
	h1 {font-size: 200%;}
	h2 {font-size: 160%}

	
	.cellphone {
		width: 50%;
		margin-left: -15%;
		padding: 0;
		}
	
	

	
	
	.stepsbox:first-child {
		text-align:center;
		margin-top: 5px;
		padding-bottom: 0px;
		margin-bottom: 0px;
		border-bottom: 1px solid rgba(180,180,180,0.3)

		}

	.stepsbox:last-child {
		width: 90%;
		margin-left: 5%;
		margin-top: 40px;
		}

	.app-steps {
		margin-bottom: 2em;
		}

	.app-steps:last-of-type {
		margin-bottom: 3em;
		}
	
	.app-steps div {
		height: 45px;
		width: 45px;
		margin-right: 15px;
		margin-top: 30
		}
	.app-steps p {
		padding-top: 10px;
	}
	
	.app-download-btn {
		margin-bottom: 20px;
		text-align: center;
		}
	
	.col {width: 100%;}
	
	
	
	
	.meals-gallery li {
			width: 33%;
			}
	
	.meals-gallery li:last-child {
			display: none;
			}
	
	.plan-box {
		width: 70%;
		margin-left: 15%;
		margin-bottom: 8px;
		}
	
	.boxsize {
		padding-left: 5px;
		padding-right: 5px;
		height: auto;
		margin-bottom: 1.6em;
		width: 31%;
		}
	
	.citybox {
		margin-bottom: 10px;
		
	}
	
	.city-name {
		margin-bottom: 10px;
		
	}
	
	.city-available {
		padding-bottom: 4px;
	}
	
	.hide-city {
		display: none;
	}
	

	
	.box {
		padding-left: 10px; 
		height: auto;
		width: 48%;
		}
	
	
	
	.quote-position {
		
		
		padding-left: 5%;
		padding-right: 5%;
	}	
	
	cite {
		margin-top: 15px;
		vertical-align: middle;
	}
	
	
.contact-from {
	width: 90%;
	margin: 0 auto;
	
}

	.col:first-child {margin-left: 1.6%;}




	
.main-navigation { width: 40%;}
.open { right: 40%;}
.brand-menu span {font-size: 70%;}
.brand-menu h1 {font-size: 250%;}


.map-box {
	width: 100%;
	height: auto;
	position: relative;
	padding: 0px;
}

.map {
	width: 100%;
	height: 300px;
	position: relative;
	z-index: 0;
}

.form-box{
	position: relative;
	width: 100%;
	height: auto;
	padding: 40px 0;
	background-color: #fff;	
}
	
.lable-style, .form-label, .form-yesno, #nonews, .form-box h2  {color: #555;}		

 
.social-media { font-size: 20px;}	
	
	
}


@media only screen and (max-width: 480px) {
	
	.heroitext-box {top: 65%;}
	
		h2 {	
			margin-bottom: 25px;
			letter-spacing: 2px; 
			}
		.cities h2 { margin-bottom: 25px;}
	
	
	
		
	.col:first-child {margin-left: 0;}	
	
	
.main-navigation { width: 50%;}
.open { right: 50%;}
	
	.box {
		width: 50%;
		padding-left: 15px;
	}
	
	.box p {
		text-align: left;
		
	}
	
	.cellphone {
		width: 70%;
		margin-left: -12%;
		padding: 0;

}

	.app-download-btn img { margin: 5px;}	
	
	
	.testimonials {
		height: 500px;
	}
	
	.boxsize {
		width: 50%;
		
		}
	
	.plan-box {
    width: 90%;
    margin-left: 5%;
		
	}
	
	
	.form-section .col:first-child {margin-left: 0;}	
	.form-section h2 { margin-bottom: 15px;}
	.contact-from { width: 100%;	}	
		
	
	
	
	footer { 
		padding: 50 0 50 0;
	}
	.footer_nav {
		line-height: 180%;
		 
	}
		
	.row-footer{
		padding-top: 25px;
	}
	
	
	
}	
	
@media only screen and (max-width: 350px) {	
	
	.btn-full:link, .btn-full:visited  {
      	border: none;
   		margin-left: 50px;
    	margin-bottom: 15px;
	}
	
	.btn-hollow:link, .btn-hollow:visited {
		background-color:rgba(230,126,34,0.2) ;   
		margin-left: 55px;
		 
		}
	
	
	}