@media screen and (min-width: 768px) and (max-width: 992px) {
#welcome, 
#about, 
#reservations, 
#opening, 
#menu, 
#cooks-chef, 
#blog, 
#contact, 
#social{padding:100px 0;margin: 0;width: 100%;position: relative;}

#about .col-md-8{background: rgba(250, 250, 250, 0.9);margin: 0;padding:100px 70px}

.gallery-image-item>.item-link>img {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transform: translate3d(-30px, 0, 0) scale(1.32);
-moz-transform: translate3d(-30px, 0, 0) scale(1.32);
-ms-transform: translate3d(-30px, 0, 0) scale(1.32);
-o-transform: translate3d(-30px, 0, 0) scale(1.32);
transform: translate3d(-30px, 0, 0) scale(1.32)
}
.footer .footer-widget-logo {text-align: center}
.footer .footer-box .footer-icon {
position: absolute;
left: 10px;
top: -30px
}
}
@media (min-width: 768px) {
.navbar-default {
padding: 100px 0 30px;
background-color: transparent;
border-color: transparent;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
#header {
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
background-size: cover !important;
height: auto;
min-height: 800px;
overflow: hidden;
padding: 220px 0 180px 0;
position: relative;
width: 100%;
z-index: 1
}
.navbar-default .navbar-nav>li>a {
padding: 18px 15px;
border-radius: 2px;
}
.navbar-default .navbar-brand {
font-size: 42px;
color: #fff
}
}

@media screen and (max-width: 767px) {
.navbar-default, .navbar-default.navbar-scroll {
border: none;
background-color: #fff
}
.navbar-default.navbar-scroll {
padding: 0
}
.navbar-default .navbar-brand, .navbar-default.navbar-scroll .navbar-brand {
font-size: 20px;
color: #ef8d0f;
padding-bottom: 50px
}
.navbar-default .navbar-collapse {
padding-top: 20px
}
.navbar-default .navbar-nav>li>a {
color: #434a54
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
position: relative;
color: #ef4034
}
.navbar-default .navbar-nav>.active>a::after, .navbar-default .navbar-nav>.active>a:hover::after, .navbar-default .navbar-nav>li>a:focus::after, .navbar-default .navbar-nav>li>a:hover::after {
content: '';
display: none
}
.dropdown-menu>li>a {
font-weight: 600
}
#header {
min-height: 150px;
height: auto;
padding-top: 100px
}

.gallery-image-item {
float: left;
width: 50%
}
.gallery-image-item>.item-link>img {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transform: translate3d(-30px, 0, 0) scale(1.32);
-moz-transform: translate3d(-30px, 0, 0) scale(1.32);
-ms-transform: translate3d(-30px, 0, 0) scale(1.32);
-o-transform: translate3d(-30px, 0, 0) scale(1.32);
transform: translate3d(-30px, 0, 0) scale(1.32)
}
.gallery-image-item>.item-link>.item-desc p {
display: none
}
.modal-gallery-image .modal-close {
position: absolute;
top: 25px;
right: 25px;
width: 60px;
height: 60px
}
.modal-gallery-image .modal-close::before {
content: '';
position: absolute;
left: 30px;
top: -10px;
width: 1px;
height: 80px
}
.modal-gallery-image .modal-close::after {
content: '';
position: absolute;
right: 30px;
top: -10px;
width: 1px;
height: 80px
}
}
@media screen and (max-width: 480px) {
.navbar-default .navbar-brand {
font-size: 19px;
line-height: 21px
}
.gallery-image-item {
float: left;
width: 100%
}
.gallery-image-item>.item-link>.item-desc h3 {
margin-top: 60px
}
}



@media (min-width: 769px) and (max-width: 1000px){
header {min-height:500px!important;}
#header {padding:240px 0px 150px 0px;min-height:500px;}
.header-text h1 {font-size:68px;line-height:78px}
.header-text h1 span{font-size:68px;line-height:78px}
.header-text h3 {font-size:16px;line-height:20px;margin-bottom:20px}


.page-title {margin-bottom: 40px;}

.opening-hours {width: 25%;padding: 20px 0}

.page-title h2 {font-size:38px;line-height:42px;}

h2{font-size: 22px;}

#welcome, 
#about, 
#reservations, 
#opening, 
#menu, 
#cooks-chef, 
#blog, 
#contact, 
#social{padding:100px 0;margin: 0;width: 100%;position: relative;}

#about .col-md-8{background: rgba(250, 250, 250, 0.9);margin: 0;padding:100px 70px}}

#about h3 {font-size: 23px;line-height: 38px;} 

@media (min-width: 481px) and (max-width: 768px){
header {min-height:500px!important;}
#header {padding:150px 0px 100px 0px;min-height:500px!important;}
.header-text h1 {font-size:70px;line-height:88px}
.header-text h1 span{font-size:70px;line-height:88px}
.header-text h3 {font-size:16px;line-height:20px;margin-bottom:10px}


.page-title {margin-bottom: 40px;}

.opening-hours {width: 25%;padding: 20px 0}

.page-title h2 {font-size:38px;line-height:42px;}

h2{
font-size: 22px;
}
#welcome, 
#about, 
#reservations, 
#opening, 
#menu, 
#cooks-chef, 
#blog, 
#contact, 
#social{padding:50px 0;margin: 0;width: 100%;position: relative;}

#about .col-md-8{background: rgba(250, 250, 250, 0.9);margin: 0;padding:50px 30px}
}

@media (min-width: 341px) and (max-width: 480px){
body {
font-size:14px;
}
.navbar-default .navbar-collapse {padding-top:5px;padding-bottom:10px;}
.navbar-default .navbar-nav > li > a {border-radius: 0px;padding: 5px 20px;}
.navbar-nav > li > a {font-size: 13px;line-height: 22px;padding:0px;}

header {min-height:450px!important;}
#header {padding:180px 0px 120px 0px;min-height: 450px}
.header-text h1 {font-size:48px;line-height:68px}
.header-text h1 span{font-size:48px;line-height:68px}
.header-text h3 {font-size:16px;line-height:20px;margin-bottom:10px}

.btn-meal {
background-color: transparent;
border: 2px solid #fff;
border-radius: 2px;
color: #fff;
height: 52px;
font-size: 14px;
line-height: 50px;
padding: 0 25px;
text-transform: uppercase;
z-index: 999999999;
}

#about h3 {font-size: 16px;line-height: 28px;}
.page-title {margin-bottom: 20px;}
.page-title h2 {font-size:22px;line-height:28px;
}
h2{font-size: 18px;}
#welcome, 
#about, 
#reservations, 
#opening, 
#menu, 
#cooks-chef, 
#blog, 
#contact, 
#social{padding:40px 0;margin: 0;width: 100%;position: relative;}

#about .col-md-8{background: rgba(250, 250, 250, 0.9);margin: 0;padding:20px 10px}

/*********************/


/* Opening */
.opening-hours {width: 100%;padding:0px 0}
.opening-hours span{width: 40%;float: left;text-align: right;font-size: 13px;line-height: 24px;padding: 3%}
.opening-hours div{width: 45%;float: left;text-align: left;padding: 3%}
.opening-hours div {color: #444;font-size: 16px;line-height: 20px;transition: all 0.3s linear 0s;}

/* Reservetion */

/* Produit */
.gallery-image-item > .item-link > .item-desc h3 {bottom: 10px;font-size: 14px;line-height: 22px;right: 30px;}
.modal-gallery-image .modal-close {top:20px;right:0px;width:40px;height:40px;}
.modal-gallery-image .modal-close::before {left:20px;top:-12px;width:1px;height:30px;}
.modal-gallery-image .modal-close::after {right:20px;top:-12px;width:1px;height:30px;}
..modal-body{padding: 0}

/* Menu */
.nav-tabs {margin-top: 30px;margin-bottom: 10px;}
.nav-tabs > li > a {margin-bottom: 20px;margin-right: 15px;padding:0px;font-size: 12px;}
.menu-item .title, .menu-item .price {display: inline;font-size: 12px;font-weight: 400;letter-spacing: 0.3px;line-height: 32px}
.menu-item .price{color: #ef8d0f}

/* Slider None */

/* Cooks None */

/* Blog */
.blog-container {margin-bottom: 20px;}
.blog-container .blog-content h3 { font-size: 16px;line-height: 24px;margin: 0;padding: 0;}

/* Contact */

/* Social */
.social {position:relative;width:100%;min-height:300px;padding:80px 0 0px;}
.footer {margin-bottom: 80px;}
.copyright {padding:40px 0;}
.none{display: none}
}

@media (min-width: 240px) and (max-width: 340px){
body {
font-size:14px;
}
.navbar-default .navbar-collapse {padding-top:5px;padding-bottom:10px;}
.navbar-default .navbar-nav > li > a {border-radius: 0px;padding: 5px 20px;}
.navbar-nav > li > a {font-size: 13px;line-height: 22px;padding:0px;}

header {min-height:400px!important;}
#header {padding:150px 0px 100px 0px;min-height: 400px}
.header-text h1 {font-size:40px;line-height:68px}
.header-text h1 span{font-size:40px;line-height:68px}
.header-text h3 {font-size:14px;line-height:20px;margin-bottom:10px}

.btn-meal {
background-color: transparent;
border: 2px solid #fff;
border-radius: 2px;
color: #fff;
height: 48px;
font-size: 14px;
line-height: 46px;
padding: 0 20px;
text-transform: uppercase;
z-index: 999999999;
}

#about h3 {font-size: 16px;line-height: 28px;}
.page-title {margin-bottom: 20px;}
.page-title h2 {font-size:22px;line-height:28px;
}
h2{font-size: 18px;}
#welcome, 
#about, 
#reservations, 
#opening, 
#menu, 
#cooks-chef, 
#blog, 
#contact, 
#social{padding:40px 0;margin: 0;width: 100%;position: relative;}

#about .col-md-8{background: rgba(250, 250, 250, 0.9);margin: 0;padding:20px 10px}

/* Opening */
.opening-hours {width: 100%;padding:0px 0}
.opening-hours span{width: 40%;float: left;text-align: right;font-size: 13px;line-height: 24px;padding: 3%}
.opening-hours div{width: 45%;float: left;text-align: left;padding: 3%}
.opening-hours div {color: #444;font-size: 16px;line-height: 20px;transition: all 0.3s linear 0s;}

/* Reservetion */

/* Produit */
.gallery-image-item > .item-link > .item-desc h3 {bottom: 10px;font-size: 14px;line-height: 22px;right: 30px;}
.modal-gallery-image .modal-close {top:20px;right:0px;width:40px;height:40px;}
.modal-gallery-image .modal-close::before {left:20px;top:-12px;width:1px;height:30px;}
.modal-gallery-image .modal-close::after {right:20px;top:-12px;width:1px;height:30px;}
..modal-body{padding: 0}

/* Menu */
.nav-tabs {margin-top: 30px;margin-bottom: 10px;}
.nav-tabs > li > a {margin-bottom: 20px;margin-right: 15px;padding:0px;font-size: 12px;}
.menu-item .title, .menu-item .price {display: inline;font-size: 11px;font-weight: 400;letter-spacing: 0.3px;line-height: 32px}
.menu-item .price{color: #ef8d0f}

/* Slider None */

/* Cooks None */

/* Blog */
.blog-container {margin-bottom: 20px;}
.blog-container .blog-content h3 { font-size: 16px;line-height: 24px;margin: 0;padding: 0;}

/* Contact */

/* Social */
.social {position:relative;width:100%;min-height:300px;padding:80px 0 0px;}
.footer {margin-bottom: 80px;}
.copyright {padding:40px 0;}
.none{display: none}
}