/*
Theme Name: Le Gourmet
Theme URI: http://themeforest.net/user/rockethemes/portfolio
Description: Le Gourmet is the perfect WP theme that can be used for restaurant, cafe, foodies, coffeshop, pastry, catering, recipes portal and any other food/drinks related website Good showcasing for your food menu, your location and allowing for online reservations all the while presented in a slick and spacious layout. You can easily re-brand your theme by using the amazing integrated skin editor. 
Author: ThemesHub.net
Author URI: http://themeshub.net
*/

#dropdown-menu {display: none}
.container{
  max-width:100%;
}

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

.container{text-align:left;width:960px;position:relative;height:100%;margin:0 auto;}.clearfix,.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

}

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

	.container{text-align:left;width:767px;position:relative;height:100%;margin:0 auto;}
	.flex-caption {
		position: absolute;
		left: 50%;
		margin-left: -383px !important;
		z-index: 9999;
		top: 25%;
	}
	
	.flex-caption .container2 .content h1, .flex-caption .container2 .content h2, .flex-caption .container2 .content h3, .flex-caption .container2 .content h4, .flex-caption .container2 .content h5, .flex-caption .container2 .content h6 {
	font-size: 24px;
	}
	
	#teaser .container h1 {font-size: 22px}
	#footer-shadow {display: none}
	#teaser-shadow {width: auto !important;background: none !important}
	.flex-control-nav {
		width: 767px !important;
		margin-left: -383px !important;
	}
	#flex-wrapper, #slider-wrapper {width: auto }
	
}

@media screen and (max-width: 800px) {
	#sidebar-wrapper, #footer-wrapper .one_half, #footer-wrapper .one_third, #footer-wrapper .one_fourth, #footer-wrapper .one_fifth, #footer-wrapper .one_sixth, #footer-wrapper .two_third, #footer-wrapper .three_fourth, #footer-wrapper .five_sixth, #homepage-content .one_half, #homepage-content .one_third, #homepage-content .one_fourth, #homepage-content .one_fifth, #homepage-content .one_sixth, #homepage-content .two_third, #homepage-content .three_fourth, #homepage-content .five_sixth, #page-wrapper .one_half, #page-wrapper .one_third, #page-wrapper .one_fourth, #page-wrapper .one_fifth, #page-wrapper .one_sixth, #page-wrapper .two_third, #page-wrapper .three_fourth, #page-wrapper .five_sixth {
		float: none !important;
		width: auto !important;
		margin: 0px !important;
	}
	#footer-wrapper .widget {margin-bottom: 15px}
	.flex-control-nav {
		width: 520px !important;
		margin-left: -260px !important;
	}
	#page-intro div.title-teaser {display: none !important}
	
	.reservations-form input[type=text] {width: 98% !important;}
	.first-field {display:block;clear:both;padding-bottom: 15px}
}

@media screen and (max-width: 767px) {
	.container{text-align:left;width:520px;position:relative;height:100%;margin:0 auto;}
        .image .alignleft{
                  float:none;
                  margin-bottom:10px;
               }
                      .alignleft{
                          margin:0;
                            }
                      .alignright{
                             margin:0;
                          }
           .image .alignright{
                  float:none;
                  margin-bottom:10px;
               }
	.menu-primary-menu-container {display: none}
	#dropdown-menu {display: block}
	.flex-caption {margin-left: -260px !important;}
	#teaser .container h1 {font-size: 18px; padding-top: 40px;}
	#sidebar-wrapper, #footer-wrapper .one_half, #footer-wrapper .one_third, #footer-wrapper .one_fourth, #footer-wrapper .one_fifth, #footer-wrapper .one_sixth, #footer-wrapper .two_third, #footer-wrapper .three_fourth, #footer-wrapper .five_sixth, #homepage-content .one_half, #homepage-content .one_third, #homepage-content .one_fourth, #homepage-content .one_fifth, #homepage-content .one_sixth, #homepage-content .two_third, #homepage-content .three_fourth, #homepage-content .five_sixth, #page-wrapper .one_half, #page-wrapper .one_third, #page-wrapper .one_fourth, #page-wrapper .one_fifth, #page-wrapper .one_sixth, #page-wrapper .two_third, #page-wrapper .three_fourth, #page-wrapper .five_sixth {
		float: none !important;
		width: auto !important;
		margin: 0px !important;
	}
	#footer-wrapper .widget {margin-bottom: 15px}
	.flex-control-nav {
		width: 520px !important;
		margin-left: -260px !important;
	}
	#page-intro div.title-teaser {display: none !important}
	
	.reservations-form input[type=text] {width: 98% !important;}
	.first-field {display:block;clear:both;padding-bottom: 15px}
}

@media screen and (max-width: 600px) {
	.container{text-align:left;width:400px;position:relative;height:100%;margin:0 auto;}
	.menu-primary-menu-container {display: none}
	#dropdown-menu {display: block}
	.flex-caption {display: none}
	#teaser .container h1 {font-size: 18px; padding-top: 35px;}
	#sidebar-wrapper, #footer-wrapper .one_half, #footer-wrapper .one_third, #footer-wrapper .one_fourth, #footer-wrapper .one_fifth, #footer-wrapper .one_sixth, #footer-wrapper .two_third, #footer-wrapper .three_fourth, #footer-wrapper .five_sixth, #homepage-content .one_half, #homepage-content .one_third, #homepage-content .one_fourth, #homepage-content .one_fifth, #homepage-content .one_sixth, #homepage-content .two_third, #homepage-content .three_fourth, #homepage-content .five_sixth, #page-wrapper .one_half, #page-wrapper .one_third, #page-wrapper .one_fourth, #page-wrapper .one_fifth, #page-wrapper .one_sixth, #page-wrapper .two_third, #page-wrapper .three_fourth, #page-wrapper .five_sixt {
		float: none !important;
		width: auto !important;
		margin: 0px !important;
	}
	#footer-wrapper .widget {margin-bottom: 15px}
	.flex-control-nav {
		width: 450px !important;
		margin-left: -225px !important;
	}
	#page-intro div.title_teaser.container div.title-teaser {display: none}
	
}


@media screen and (max-width: 480px) {
	#page-intro div.title_teaser.container div.title-teaser {display: none}
	textarea#comment {width: 95% !important}
	#page-intro {display: none}
	.reservations-form input[type=text] {width: 96% !important;}
	.reservations-form textarea {width: 95% !important;}
	#teaser .container h1 {font-size: 16px; padding-top: 30px;}
           #homepage-content {
                 margin-right:0;
                 margin-left:0;
                 }
.flex-control-nav {
  display:none;
}
}

@media screen and (max-width: 320px) {
	.container{text-align:left;width:260px;position:relative;height:100%;margin:0 auto;}
	.menu-primary-menu-container {display: none}
	#dropdown-menu {display: block}
	.flex-caption {display: none}
	#teaser .container h1 {font-size: 16px; padding-top: 20px;}
	#teaser .container h2 {font-size: 12px}
	#sidebar-wrapper, #footer-wrapper .one_half, #footer-wrapper .one_third, #footer-wrapper .one_fourth, #footer-wrapper .one_fifth, #footer-wrapper .one_sixth, #footer-wrapper .two_third, #footer-wrapper .three_fourth, #footer-wrapper .five_sixth, #homepage-content .one_half, #homepage-content .one_third, #homepage-content .one_fourth, #homepage-content .one_fifth, #homepage-content .one_sixth, #homepage-content .two_third, #homepage-content .three_fourth, #homepage-content .five_sixth, #page-wrapper .one_half, #page-wrapper .one_third, #page-wrapper .one_fourth, #page-wrapper .one_fifth, #page-wrapper .one_sixth, #page-wrapper .two_third, #page-wrapper .three_fourth, #page-wrapper .five_sixt {
		float: none !important;
		width: auto !important;
		margin: 0px !important;
	}
	#footer-wrapper .widget {margin-bottom: 15px}
	.flex-control-nav {
		display: none
	}
	.menu-top-menu-right-side-container {display: none}
	#top-bar .container {min-height: 80px}
	#dropdown-menu {position: absolute; z-index: 9999; top:-75px; left:50%; width: 260px; margin-left: -130px}
	#dropdown-menu #main-menu {float: none !important}
	#menu-footer-menu li {display: block !important; margin-bottom: 5px}
	.copyright_text {margin-top: 15px}
	#page-intro div.title_teaser.container div.title-teaser {display: none}
	textarea#comment {width: 95% !important}
	#page-intro, #breadcrumb-wrapper {display: none !important}
	#breadcrumb-wrapper #crumbs{font-size: 11px !important}
	#comments, #respond {display: none !important}
	
	.reservations-form input[type=text] {width: 99% !important;}
}