@charset "UTF-8";
/* CSS Document */


@media screen and (min-width:580px) and (max-width: 900px) {

}

@media only screen and (max-width: 768px) {
	#Header { background: url(../images/img_pedros-slide-1.jpg) no-repeat center top  !important; background-color: #444 !important; }
	#Header.onScroll { 
		height: auto !important; position: relative !important; 
		-webkit-transition: none !important ; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }
	a.RetLogo.onScroll img { resize: none; }
	a.RetLogo { display: block; text-align: left;} /* Center the logo on mobile devices */
	.nav { float: none; margin-top: 0px; } /* Center the nav on mobile devices */
	#NavBar { max-width: 320px; margin-top: 20px;}
	.delivery-available { display: none; }
	
	#NavDevice {text-align: center; position:absolute; top: 60px; right: 20px; padding:8px 0 8px 0; }
	#NavBar.js {display: none;} /*This hides the navigation*/
	#NavIcon{ display: block; font-size: 3em; cursor:pointer; padding-bottom:3px; float:right; clear:both; color:#FFF; }
	
	.nav { text-align: center; }
	#NavBar {background: transparent; width: 100%; max-width: 100%; z-index: 100; text-align: center;}
	#NavBar li { width: 100%; display: block; margin:0; padding: 0px 0px; font-size: 1.2em; color: #7B7C7E;  }	
	#NavBar li a { display: block; padding: 12px 0px; }
	
	#NavDevice { display: inherit; }
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 600px) {
    
    
	.col {  margin: 1% 0 1% 0%; }
	.cell_1_of_5, .cell_2_of_5, .cell_3_of_5, .cell_4_of_5, .cell_5_of_5 { width: 100%; }
	.cell_1_of_8, .cell_2_of_8, .cell_3_of_8, .cell_4_of_8, .cell_5_of_8, .cell_6_of_8, .cell_7_of_8, .cell_8_of_8 { width: 100%; }
	.cell_1_of_9, .cell_2_of_9, .cell_3_of_9, .cell_4_of_9, .cell_5_of_9, .cell_6_of_9, .cell_7_of_9, .cell_8_of_9, .cell_9_of_9 { width: 100%; }
	#ism-slider { height: 200px; }
	.ism-caption { display: none; }
	.ContactDetails ul { margin-bottom: 30px; }
	.delivery-available { display: none; }
	.delivery-car-top img, .delivery-car-bottom img { right: 0% !important; }
	.left { text-align: center; }
	
	h1 { font-size: 1.8em !important; }
	.FranchiseSection { background-image: none !important; }
	.CTA-form { font-size: 1.2em !important; }
	
	#Logo { float: none; }
	.taste-img img { display: none !important; }
	
	
}

@media only screen and (max-width: 480px) {
	
	/*#Header { background: #111 !important; background-image: none !important; }*/
	a.RetLogo img { width: 200px !important; height: auto; resize: both; }
}