/* 
=====================================================================
*   Woo Media Queries
*   url: styleshout.com
*   05-02-2014
/* ================================================================== */


/* screenwidth less than or equal 1024px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {

   /* features
   ------------------------------------------------------------------ */
   
}

/* screenwidth less than or equal 900px
--------------------------------------------------------------------- */
@media only screen and (max-width: 900px) {

	
	#hero .hero_banner_m {
		display: none;
	}  
	#hero .hero_banner {
		display: block;
	}  

}

/* screenwidth less than 768px - mobile/smaller tablets
---------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {

	#hero .hero_image {
		display: none;
	}
	.row {
		width: 100%;
	}
	#hero .hero_banner_m {
		display: block;
	}  
	#hero .hero_banner {
		display: none;
	}  
	
   #features .hotel_wrapper {   
	   position: relative; float: none; width: 100%;
   }

}

/* screenwidth less than or equal 480px - mobile wide
  -------------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {   

   section {
	   padding: 0 20px;
   }
   
   
   #promotions .promo_wrapper{ 
	   position: relative; float: none; width: 100%;
   }
   
   footer .footer_wrapper{ 
	   position: relative; float: left; width: 50%;
   }
   
   footer .footer_logo{ 
	   width: 70%;
   }
     

}

/* screenwidth less than or equal 420px - mobile narrow
  -------------------------------------------------------------------------- */
@media only screen and (max-width: 420px) { 

   #features .food_wrapper {   
	   position: relative; float: none; width: 100%;
   }

} 

/* make sure the menu is visible on larger screens
  -------------------------------------------------------------------------- */

@media only screen and (min-width: 768px) {
   
  

}









