@media screen and (max-width: 1366px) {
.home-img {
width: 125%;
left: -25%;
}
.home-logo {
left: -60px;
}
}
@media screen and (max-width: 1199px) {
.home-logo {
left: -20px;
}
.nav-top-left-logo {
max-width: 220px;
}
}
@media screen and (max-width: 1099px) {
.home-img {
width: 115%;
left: -15%;
}
.home-logo {
left: 40px;
}
.home-img-text-layer1 {
right: -220px;
max-width: 147px;
}
.home-header-restaurant-info {
left: -40px;
}
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 999px) {
.web-999 {
display: none;
}
.mobile-999 {
display: block;
}
.home-logo {
top: 30px;
left: 30px;
max-width: 120px;
}
/*Nav Top*/
.nav-top-left {
display: none;
}
.nav-top-bg-orange {
display: none;
}
.nav-top-right {
display: block;
width: 100%;
padding: 0px;
text-align: center;
}
.nav-top-logo {
padding-bottom: 60px;
max-width: 170px;
}
.nav-top-menu {
font-size: 26px;
}
.nav-top-footer-inline {
text-align: center;
}
.nav-mobile-social-icon-layer1 {
border: none;
margin: 10px auto;
}
.nav-mobile-social-icon:hover svg {
fill: #b55c39;
stroke: #b55c39;
}
.nav-top-text-layer0.nav-top-text-close {
opacity: 0;
visibility: hidden;
transform: translateY(-100px);
-webkit-transform: translateY(-100px);
}
/*End Nav Top*/
/*Home*/
.home-layer2 {
padding: 0;
}
.home-layer3 {
width: 100%;
}
.home-img {
width: 100%;
left: 0%;
max-width: none;
}
.home-img-img img {
width: 100%;
}
.home-img-img {
width: 100%;
}
.home-img-text-layer1 {
right: auto;
left: 30%;
bottom: auto;
top: 40px;
margin-left: -120px;
}
.home-img-text-img.home-img-text-img-4 {
margin-left: -117px;
margin-top: 30px;
}
/*End Home*/
/*Concept*/
.home-concept-line {
display: none;
}
.home-concept-left {
width: 100%;
padding-left: 0;
margin-left: 30%;
}
.home-concept-text {
padding-top: 80px;
}
.home-concept-food {
margin-top: 0;
right: -210px;
}
.home-concept-img-right {
top: auto;
right: -215px;
bottom: 110px;
}
.home-concept-food {
width: 120%;
left: 25%;
right: 0;
}
.home-concept-img-left {
top: -30px;
}
.home-concept-img-left-layer1 {
transform: translateX(-450px);
-webkit-transform: translateX(-450px);
}
.section-2.active .home-concept-img-left {
opacity: 0.5;
}
.home-concept-img-right-layer1 {
transform: translateX(325px);
-webkit-transform: translateX(325px);
}
/*End Concept*/
/*Menu*/
.home-menu-inline-left {
width: 100%;
padding-left: 0;
margin-left: 30%;
}
.home-menu-inline-right {
width: 100%;
padding-top: 50px;
padding-left: 0;
}
.home-menu-layer1 {
margin-top: -50px;
}
.home-menu-line {
display: none;
}
.home-menu-food {
left: -550px;
margin-top: -50px;
}
.home-menu-inline-right {
margin-left: 30%;
max-width: 360px;
}
.home-header-menu {
top: 0px;
left: -110px;
}
.home-menu-img-right {
top: auto;
bottom: -100px;
right: 0;
left: 0;
margin: auto;
max-width: 814px;
}
.home-img-pattern {
right: 0;
left: 0;
margin: auto;
top: -50px;
max-width: 754px;
}
.home-img-pattern-layer1 {
transform: translateX(150px);
-webkit-transform: translateX(150px);
}
.gallery-layer4 {
max-width: none;
}
.gallery-layer4 img,
.home-gallery-img {
width: 100%;
}
.gallery-arrow-arrow {
width: 36px;
padding: 8px 12px;
}
.home-gallery-img-text-content {
max-width: none
}
.home-menu-info {
padding-bottom: 0px;
width: 80%;
}
/*End Menu*/
/*Restaurant Info*/
.home-restaurant-info-nav-line {
max-width: 440px;
}
.home-restaurant-info-layer2 {
margin-left: 10%;
padding: 100px 0;
}
.home-restaurant-info-img {
position: relative;
top: auto;
bottom: 0px;
max-width: 700px;
right: auto;
margin-top: -520px;
margin-left: 180px;
width: 110%;
z-index: -1;
}
.home-header-restaurant-info {
left: auto;
right: 70px;
top: 10px;
}
.home-restaurant-info-inline {
width: 250px;
}
.home-restaurant-info-layer1 {
max-width: 700px;
}
.home-restaurant-info-layer2 {
margin-left: 0;
max-width: 600px;
width: 100%;
}
/*End Restaurant Info*/
/*Contact*/
.contact-left {
width: 100%;
}
.contact-right {
width: 100%;
padding: 100px 50px 50px;
max-width: 600px;
margin: auto;
display: block;
}
.home-header-contact {
top: 40px;
}
.home-contact-layer1 {
padding: 0px;
}
/*End Contact*/
/*Footer*/
.home-footer {
max-width: 460px;
}
.home-footer-img {
top: 29px;
right: -30px;
}
.home-footer-column.home-footer-column-1 {
width: 100%;
margin-top: 40px;
margin-bottom: -37px;
}
.home-footer-column {
width: 50%;
}
.home-footer-line {
width: 170%;
margin-left: -70%;
}
.home-footer-column.home-footer-column-last {
width: 100%;
margin-top: 37px;
}
.home-footer-logo {
max-width: 95px;
}
.home-footer-column-social {
margin-top: -22px;
float: right;
}
.home-subfooter {
width: 100%;
}
.home-footer-column-social-inline {
padding-left: 20px;
padding-right: 0px;
}
.home-footer-column-btn {
text-align: left;
max-width: 200px;
}
/*End Footer*/
.mailing-text {
font-size: 32px;
}
}
@media screen and (max-width: 767px) {
.web-767 {
display: none;
}
.mobile-767 {
display: block;
}
.island-float-btn {
font-size: 12px;
}
.island-float-btn.move {
right: 65px;
}
.nav-right-social-layer1 {
display: none;
}
.home-logo {
max-width: 120px;
left: 20px;
top: 20px;
}
.home-concept-left,
.home-menu-inline-left {
font-size: 15px;
}
/*Nav Top*/
.nav-top-footer-inline .nav-top-footer-inline-dot-3 {
display: block;
opacity: 0;
}
/*End Nav Top*/
/*Home*/
.home-img-text-layer1 {
margin-left: -110px;
}
.home-img-text-layer2 {
max-width: 135px;
}
/*End Home*/
/*Concept*/
.home-img-text-img.home-img-text-img-4 {
margin-top: -10px;
}
/*End Concept*/
/*Gallery*/
/*End Gallery*/
/*Menu*/
.home-menu-food {
width: 800px;
left: -450px;
}
.home-header-menu {
max-width: 60px;
left: -90px;
}
/*End Menu*/
/*Restaurant Info*/
.home-restaurant-info-nav-line {
max-width: 400px;
}
.home-restaurant-info-layer1 {
max-width: 600px;
}
.home-restaurant-info-inline {
width: 230px;
}
.home-header-restaurant-info {
right: 0;
}
.home-restaurant-info-layer2 {
max-width: 500px;
}
/*End Restaurant Info*/
/*Contact*/
.home-header-contact {
max-width: 60px;
}
/*End Contact*/
/*Covid 19*/
.covid19-layer2 {
padding: 13px 20px 12px;
}
.covid19-layer3 {
position: relative;
width: 100%;
text-align: center;
font-size: 11px;
padding-right: 0px;
}
.covid19-close {
position: relative;
display: block;
margin: 10px auto 0;
font-size: 11px;
}
/*End Covid 19*/
}
@media screen and (max-width: 599px) {
.web-599 {
display: none;
}
.mobile-599 {
display: block;
}
.mailing-text {
font-size: 28px;
}
.tohome-layer2 {
right: 5px;
}
.home-concept-left,
.home-menu-inline-left {
font-size: 14px;
}
/*Nav Top*/
.nav-top-logo {
max-width: 150px;
}
.nav-top-menu {
font-size: 24px;
}
/*End Nav Top*/
.tohome-layer2 {
bottom: 70px;
}
.island-float-btn {
width: 100%;
bottom: 0;
right: 0;
border-radius: 0;
}
.island-float-btn.move {
right: 0;
}
/*Home*/
.home-img {
width: 120%;
left: -10%;
}
/*End Home*/
/*Concept*/
.home-img-text-layer1 {
max-width: 120px;
left: 40px;
margin-left: 0;
}
.home-img-text-img.home-img-text-img-4 {
margin-top: -55px;
margin-left: -122px;
}
.home-concept-layer2 {
padding: 0px 40px;
}
.home-concept-left {
margin-left: 0;
padding-left: 110px;
}
.home-menu-inline-left {
margin-left: 0;
}
.home-menu-text {
max-width: none;
padding-left: 110px;
}
.home-img-pattern-layer1 {
transform: translateX(100px);
-webkit-transform: translateX(100px);
}
/*End Concept*/
/*Menu*/
.home-menu-food {
left: -150px;
width: 650px;
}
/*End Menu*/
/*Restaurant Info*/
.home-restaurant-info-nav-split {
padding: 0px 8px;
}
.home-restaurant-info-nav-line {
max-width: 230px;
}
.home-restaurant-info-layer1 {
max-width: 400px;
}
.home-restaurant-info-layer2 {
padding: 80px 0 0;
}
.home-restaurant-info-inline {
display: block;
}
.home-header-restaurant-info {
max-width: 60px;
}
.home-restaurant-info-img {
margin-top: -250px;
margin-left: 110px;
width: 150%;
}
.home-restaurant-info-padding {
padding-bottom: 30px;
}
.home-restaurant-info-nav .home-restaurant-info-nav-split {
display: block;
font-size: 0;
padding: 3px;
}
/*End Restaurant Info*/
/*Gallery*/
/*End Gallery*/
/*Footer*/
/*End Footer*/
}
@media screen and (max-width: 499px) {
.mailing-text {
font-size: 22px;
}
.mailing-subtext {
font-size: 13px;
}
.mailing-submit button {
max-width: none;
width: 100%;
min-width: auto;
}
.nav-mobile-social-icon {
margin: 0 10px;
}
.home-footer-column-social-inline {
width: 35px;
padding-left: 15px;
}
/*Nav Top*/
.nav-iconX-layer1 {
right: 10px;
}
.nav-top-footer-inline .nav-top-footer-inline-dot-1 {
display: block;
opacity: 0;
}
.nav-top-menu {
font-size: 22px;
}
.nav-top-logo {
padding-bottom: 50px;
max-width: 140px;
}
.nav-top-text-layer1 {
right: 73px;
}
/*End Nav Top*/
/*Home*/
.home-logo {
max-width: 105px;
top: 20px;
left: 20px;
}
.home-img {
width: 150%;
left: -25%;
}
.home-img-text-layer2 {
max-width: 105px;
}
.home-img-text-img.home-img-text-img-4 {
margin-top: -105px;
margin-left: -127px;
}
.home-concept-left {
padding-left: 100px;
}
/*End Home*/
/*Concept*/
.home-menu-text {
padding-left: 20px;
padding-bottom: 20px;
}
/*End Concept*/
/*Gallery*/
.home-gallery-img-text-content {
font-size: 13px;
}
/*End Gallery*/
/*Menu*/
.home-menu-food {
left: -200px;
width: 550px;
}
.home-header-menu {
max-width: 55px;
}
/*End Menu*/
/*Restaurant Info*/
.home-header-restaurant-info {
max-width: 55px;
}
/*End Restaurant Info*/
/*Contact*/
.home-header-contact {
max-width: 55px;
}
.contact-right {
padding: 100px 40px 50px;
}
/*End Contact*/
/*Footer*/
/*End Footer*/
}
@media screen and (max-width: 449px) {
}
@media screen and (max-width: 399px) {
.nav-top-menu {
font-size: 20px;
}
.nav-top-logo {
max-width: 130px;
}
.nav-top-footer-layer2 {
font-size: 9px;
}
.home-logo {
max-width: 95px;
}
.home-concept-layer2 {
padding: 0px 30px;
}
.home-img-text-layer1 {
max-width: 100px;
left: 30px;
}
.home-concept-left {
padding-left: 95px;
}
.home-menu-text {
padding-left: 0px;
}
.home-menu-layer2 {
padding: 0px 40px;
}
.home-menu-inline-right {
margin-left: 25%;
}
.home-header-menu {
left: -70px;
}
.home-restaurant-info-left,
.home-restaurant-info-nav {
font-size: 13px;
}
.home-restaurant-info-nav {
padding-right: 60px;
}
.home-restaurant-info-nav-line {
width: 75%;
}
.contact-right-content {
padding-left: 55px;
}
.home-footer-column {
font-size: 13px;
}
.home-footer {
padding: 90px 40px 130px;
}
.home-footer-img {
max-width: 90px;
top: 44px;
right: -35px;
}
.mailing-text {
font-size: 20px;
}
}
@media screen and (max-width: 349px) {
}