/************************************************************************************
Bigger screens
*************************************************************************************/

@media screen and (min-width: 1600px) {

	
}




/************************************************************************************
iPad (specific tunning)
*************************************************************************************/

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  
  
}



/************************************************************************************
smaller than 1300
*************************************************************************************/
@media screen and (max-width: 1300px) {
  
	/*===== Turning OFF stuff =====*/
	
	
  	/*===== Turning ON stuff =====*/
	
	
	/*===== Headings N font sizes =====*/
		
	
	/*===== Header stuff =====*/
	#y-Header .container-fluid { padding-top: 5px !important;}
	
	
	/*===== Layout stuff =====*/
	
	
	/*===== Content stuff =====*/
	
	
	/*===== Footer stuff =====*/
	

	

}




/************************************************************************************
smaller than 1080
*************************************************************************************/
@media screen and (max-width: 1080px) {
  
	/*===== Turning OFF stuff =====*/
	#NavBox { display: none;}
	
	
  	/*===== Turning ON stuff =====*/
	
	/*===== Headings N font sizes =====*/
				
	
	/*==== (top) Disclaimer ====*/
	#topDisclaimer { font-size: 10px;}

	
	/*===== Header stuff =====*/
	#y-Header .container-fluid { padding-top: 5px !important;}
	
	
	
	/*===== Content stuff =====*/
	
	
	/*===== Footer stuff =====*/
	

	

}





/************************************************************************************
smaller than 960
*************************************************************************************/
@media screen and (max-width: 960px) {
  
	/*===== Turning OFF stuff =====*/
	
	
  	/*===== Turning ON stuff =====*/
	
	
	/*===== Headings N font sizes =====*/

	
	/*===== Layout stuff =====*/
	
	
	/*===== Header stuff =====*/
	
	
	/*===== Content stuff =====*/
	
	

	
	/*===== Footer stuff =====*/
	

	

}



/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 780px) {
  
	/*===== Turning OFF stuff =====*/
	
	
  	/*===== Turning ON stuff =====*/
	
	
	/*===== (mob) Nav =====*/
	#mobNav { 
		width: 100%;
		padding: 10px;
		background: #524761;
		position: fixed;
		top: 0;
		z-index: 99999999;
	}
	
	
	/*===== Headings N font sizes =====*/
		
	
	/*===== Header stuff =====*/
	#y-Header .container-fluid { padding-top: 5px !important;}
	
	
	/*===== Cupon stuff =====*/
	
	
	/*===== Footer stuff =====*/

	

	

}




/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

  	/*===== Turning OFF stuff =====*/
	#y-Header { display: none;}
  
  	/*===== Turning ON stuff =====*/
	#mobNav { display: block;}
	
	
	/*===== (mob) Nav =====*/
	#mobNav { 
		width: 100%;
		min-height: 70px;
		padding: 10px;
		background: #fff;
		position: fixed;
		top: 0;
		z-index: 99999999;
	}
	
	#mobNav .eos-menu-title img { max-width: 150px;}
	#mobNav .eos-menu-title { background: #fff !important; color: #4d4d4d !important;}
	
	
	/*===== Layout stuff =====*/
	.colX2, .colX3 { width: 100%; margin: 20px auto; float: none; clear: both;}
	.colX50 { width: 100%; float: none; clear: both;}
	
	
	/*===== Header stuff =====*/


	/*===== Headings N texts =====*/
	body { font-size: 18px;}

	/*===== Series (LB stuff) =====*/
	.G-pic, .G-facts { width: 100%; margin: 20px auto; float: none; clear: both;}
	
	/*===== Tiendas stuff =====*/
	.ghostBTN a, .wazeBTN a { float: none; clear: both;}
	
		
	/*===== Cupon stuff =====*/
	#formBox { width: 80%; margin: 0 auto;}
	#theNumber { font-size: 34px;}

	
	
	/*===== Footer stuff =====*/



	

}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

  /* disable webkit text size adjust (for iPhone) */
  html {
    -webkit-text-size-adjust: none;
  }

}