@media screen and (max-height: 699px) and (min-width: 999px) {
	.nav-menu-layer3 {
		margin-top: 0px;
	}
}

@media screen and (max-height: 699px) {
	.popup-restaurant-info-layer2 {
		top: 0;
		margin-top: 40px;
	}
}

@media screen and (max-height: 649px) and (min-width: 999px) {
	.nav-menu-layer2 {
		padding: 40px 50px;
	}
	.nav-menu-layer3 {
		margin-top: 0px;
    	font-size: 16px;
	}
	.nav-menu-layer4 {
		font-size: 10px;
	}
	.nav-menu-logo {
		max-width: 70px;
	}
}

@media screen and (max-height: 649px) {
	.mailing-list-layer2 {
		top: 0px;
		margin-top: 20px !important;
	    transform: translateY(0);
	    -webkit-transform: translateY(0);
	}
}

@media screen and (max-height: 599px) and (min-width: 999px) {
	.nav-menu-layer1 {
		min-height: 600px;
	}
	.nav-menu-layer2 {
		overflow: auto;
	}
	.nav-menu-layer4 {
		position: relative;
		padding-top: 10px;
		bottom: auto;
	}
}

@media screen and (min-width: 1366px) {
	/*.media-musroom-layer1,
	.menu-platter-layer1 {
		margin: 0;
	}*/
	/*.media-musroom-layer1 img,
	.menu-platter-layer2 img {
	    transform: translateX(-100px);
	    -webkit-transform: translateX(-100px);
	}*/
}

@media screen and (max-width: 1366px) {
	/*.home-bg-allimg div:nth-child(1) {
    	margin-left: 0px;
    	background-position: 50% 100%;
	}*/
	.home-logo {
		max-width: 175px;
	}
}

@media screen and (max-width: 1199px) {
	.allpage-width {
		max-width: 1000px;
	}
	.concept-carrot-layer2 {
		margin-top: -120px;
	}
	.promotions-left {
    	width: 58%;
    	width: calc(100% - 427px);
	}
	.menu-platter-layer1 {
    	margin-left: -910px;
	}
	.restaurant-info-plate-layer2 img {
	    transform: translateX(390px);
	    -webkit-transform: translateX(390px);
	}
}

@media screen and (max-width: 1099px) {
	.allpage-width {
		max-width: 920px;
	}
	.home-logo {
		left: 7%;
		max-width: 115px;
		padding-left: 0;
	}
	.media-header-layer1 {
		max-width: 730px;
	}
	.meida-logo-layer2 {
    	max-width: 762px;
	}
	.footer-nav-column:nth-child(2) {
		width: 19%;
	}
	.footer-nav-column:nth-child(4) {
		width: 24%;
	}
	.promotions-left {
		width: 63%;
    	width: calc(100% - 348px);
	}
	.menu-platter-layer1 {
    	margin-left: -940px;
	}
	.restaurant-info-plate-layer2 img {
	    transform: translateX(330px);
	    -webkit-transform: translateX(330px);
	}
}

@media screen and (max-width: 1049px) {
	.promotions-left {
		width: 58%;
    	width: calc(100% - 385px);
	}
}

@media screen and (max-width: 999px) {
	.promotions-greenleaf-layer1 {
		display: none;
	}
	.concept-flower-layer1 {
		display: none;
	}
	#home {
		padding: 0px;
	}
	.homesection {
		padding: 0px 40px;
	}
	.home_template {
		max-height: none;
	}
	.home-bg-allimg, 
	.home-bg-allimg div,
	.customeslider-layer1 {
		max-height: none;
	}
	.home-bg-allimg div:nth-child(1) {
	    background-image: url(../../images/home/home-mobile-bg-img1.png);
	    background-position: 10% 50%;
	}
	.home-bg-allimg div:nth-child(2) {
	    background-image: url(../../images/home/home-mobile-bg-img2.png);
	    background-position: 10% 50%;
	}
	.home-bg-allimg div:nth-child(3) {
	    background-image: url(../../images/home/home-mobile-bg-img3.png);
	    background-position: 10% 50%;
	}
	.home-bg-allimg div:nth-child(4) {
	    background-image: url(../../images/home/home-mobile-bg-img4.png);
	    background-position: 10% 50%;
	}
	.home-bg-allimg div:nth-child(5) {
	    background-image: url(../../images/home/home-mobile-bg-img5.png);
	    background-position: 10% 50%;
	}
	.home-bg-allimg div:nth-child(6) {
	    background-image: url(../../images/home/home-mobile-bg-img6.png);
	    background-position: 10% 50%;
	}
	.home-bg-allimg div:nth-child(7) {
	    background-image: url(../../images/home/home-mobile-bg-img7.png);
	    background-position: 10% 50%;
	}
	/*.home-bg-allimg div:nth-child(4) {
		display: none;
	}*/
	.customeslider-layer2.home-bg div:nth-child(1) span:nth-child(1) {
		background-image: url(../../images/home/home-mobile-bg-text1.png);
	    background-position: 10% 50%;
	}
	.customeslider-layer2.home-bg div:nth-child(1) span:nth-child(2) {
		background-image: url(../../images/home/home-mobile-bg-text2.png);
	    background-position: 10% 50%;
	}
	.customeslider-layer2.home-bg div:nth-child(2) span:nth-child(1) {
		background-image: url(../../images/home/home-mobile-bg-text3.png);
	    background-position: 10% 50%;
	}
	.customeslider-layer2.home-bg div:nth-child(2) span:nth-child(2) {
		background-image: url(../../images/home/home-mobile-bg-text4.png);
	    background-position: 10% 50%;
	}
	.homesection.home_template {
		padding: 0px;
	}
	.home-logo {
	    max-width: 120px;
	    top: 15%;
	    left: 10%;
	    min-height: 0;
    	padding: 0px;
	}
	.allheader {
		font-size: 36px;
	}
	.circlePlusMinus {
	    width: 22px;
	    height: 21px;
	    margin-top: 9px;
	}
	.circlePlusMinus span:nth-child(1), 
	.circlePlusMinus span:nth-child(2) {
	    top: 9px;
	    left: 6px;
	}
	.concept-flower-layer2 {
    	margin-top: -300px;
	}
	.concept-left-layer2 {
    	margin-top: 105px;
	}
	.concept-left-content {
		width: 81%;
	}
	.concept-left-header {
		width: 11%;
	}
	.concept_template_content {
		font-size: 16px;
	}
	.concept-carrot-layer1 {
		z-index: 3;
    	left: 50%;
    	background: #fff;
	}
	.concept-carrot-layer2 {
    	margin-top: -95px;
		max-width: 600px;
	}
	.concept-carrot-layer2 img {
	    transform: translateX(0px);
	    -webkit-transform: translateX(0px);
	}
	.concept-cake-layer2 {
		max-width: 450px;
    	margin-top: -250px;
	}
	.concept-cake-layer2 img {
	    transform: translateX(-140px);
	    -webkit-transform: translateX(-140px);
	}

	.restaurant-info-layer1 {
		width: 410px;
	}
	.restaurant-info-plate-layer2 {
    	margin-top: -190px;
	    max-width: 350px;
	    margin-left: auto;
    	margin-right: 80px;
	}
	.restaurant_info_content {
		padding: 100px 0px 90px;
	}

	.restaurant-info-plate-layer2 img {
	    transform: translateX(0px);
	    -webkit-transform: translateX(0px);
	}
	.meida-logo-layer2 div {
		width: 31.3%;
    	padding: 2%;
	}

	.menu-header,
	.promotion-text {
		font-size: 24px;
	}
	.menu-platter-layer1 {
		max-width: 550px;
    	margin-left: -230px;
	}
	.menu-platter-layer2 {
    	margin-top: -60px;
	}
	.menu-platter-layer2 img {
	    transform: translateX(-400px);
	    -webkit-transform: translateX(-400px);
	}

	.promotions-right-layer1 {
	    transform: translateX(320px);
	    -webkit-transform: translateX(320px);
	}
	.promotions-left {
		width: 56%;
    	width: calc(100% - 307px);
	}

	.footer-nav-column {
		font-size: 11px;
	}
	.footer-nav-column:nth-child(1) ul li {
		font-size: 10px;
	}
	.footer-nav-column-drawline {
    	padding: 0px 20px 0px 30px;
	}
	.footer-nav-column:nth-child(4) img {
		max-width: 90px;
	}
	.footer-nav-column:nth-child(4) {
		padding: 0px 20px;
	    padding-right: 0px;
	    font-size: 9px;
	}
	/*All Nav Top*/
	.nav-menu-layer1 {
		max-width: none;
    	text-align: center;
	}
	.nav-menu-layer4 {
	    left: 0;
	    right: 0;
    	bottom: 80px;
	}
	.nav-menu-logo {
		margin: auto;
	}
	/*End All Nav Top*/

	/*Gallery*/
	.gallery-bg div:nth-child(1) {
	    background-image: url(../../images/gallery/gallery-mobile-img11.jpg);
	    background-position: 50% 50%;
	}
	.gallery-bg div:nth-child(2) {
	    background-image: url(../../images/gallery/gallery-mobile-img12.jpg);
	    background-position: 50% 50%;
	}
	.gallery-bg div:nth-child(3) {
	    background-image: url(../../images/gallery/gallery-mobile-img13.jpg);
	    background-position: 50% 50%;
	}
	.gallery-bg div:nth-child(4) {
	    background-image: url(../../images/gallery/gallery-mobile-img14.jpg);
	    background-position: 50% 50%;
	}
	.gallery-bg div:nth-child(5) {
	    background-image: url(../../images/gallery/gallery-mobile-img15.jpg);
	    background-position: 50% 50%;
	}
	.gallery-bg div:nth-child(6) {
	    background-image: url(../../images/gallery/gallery-mobile-img16.jpg);
	    background-position: 50% 50%;
	}
	.gallery-bg div:nth-child(7) {
	    background-image: url(../../images/gallery/gallery-mobile-img17.jpg);
	    background-position: 50% 50%;
	}
	.gallery-bg div:nth-child(8) {
	    background-image: url(../../images/gallery/gallery-mobile-img18.jpg);
	    background-position: 50% 50%;
	}
	.gallery-bg div:nth-child(9) {
	    background-image: url(../../images/gallery/gallery-mobile-img19.jpg);
	    background-position: 50% 50%;
	}
	.gallery-bg div:nth-child(10) {
	    background-image: url(../../images/gallery/gallery-mobile-img20.jpg);
	    background-position: 50% 50%;
	}
	.gallery-bg div:nth-child(11) {
	    background-image: url(../../images/gallery/gallery-mobile-img21.jpg);
	    background-position: 50% 50%;
	}
	/*End Gallery*/
}

@media screen and (max-width: 767px) {
	.home-logo {
	    top: 10%;
	    left: 7%;
	}
	.languagebar {
		display: none;
	}
	.languagebar-mobile {
		display: block;
	}
	.concept-right-line,
	.concept-flower-layer1 {
		display: none;
	}
	.nav-menu-layer1 {
		max-width: 100%;
	}
	.concept_template_content {
		padding: 70px 0 90px;
	}
	.concept-left-layer1,
	.concept-right-layer1 {
		float: none;
		width: 100%;
    	clear: both;
	}
	.concept-left-layer2 {
		margin-top: 0px;
	}
	.concept-right-layer2 {
		padding: 0px;
    	padding-top: 20px;
	}
	.concept-left-content {
		width: 90%;
		float: left;
		margin-right: 10px;
		margin-top: 40px;
	}
	.concept-left-header {
		width: 11%;
		max-width: 35px;
	}
	.concept-carrot-layer1 {
	    left: 60%;
	}
	.concept-carrot-layer2 {
	    margin-top: -100px;
	    max-width: 600px;
	}
	.concept-cake-layer2 {
		max-width: 420px;
	}
	.menu_template_content {
    	padding: 0px 0px 130px;
	}
	.menu-layer1 {
	    max-width: 400px;
	    width: 68%;
	}
	.menu-platter-layer1 {    
		max-width: 500px;
    	margin-left: -245px;
	}
	.menu-platter-layer2 img {
	    transform: translateX(-350px);
	    -webkit-transform: translateX(-350px);
	}
	.restaurant-info-layer1 {
	    width: 65%;
	    max-width: 400px;
	}
	.restaurant-info-plate-layer2 {
    	max-width: 280px;
	}
	.media-header-layer1 {
		margin-top: 20px;
	}
	.media-musroom-layer2 {
    	max-width: 350px;
    	margin-top: -60px;
	}
	.media-musroom-layer2 img {
		transform: translateX(-170px);
    	-webkit-transform: translateX(-170px);
	}
	.promotions_template_content {
	    padding: 50px 0px 70px;
	    min-height: auto;
	}
	.promotions-left {
	    border: 8px solid #739678;
	    margin-top: -3px;
    	min-height: 505px;
    	border-right: none;
	    float: left;
	    width: 62%;
	}
	.promotions-right {
    	left: 60%;
	}
	.promotions-right-layer1 {
		max-width: 600px;
	    transform: translateX(0px);
	    -webkit-transform: translateX(0px);
	}
	.contact_template_content {
    	padding: 40px 0px 60px;
	}
	.footer_template_content {
    	padding: 30px 0px 80px;
	}
	.footer-nav-column:nth-child(1) {
		float: none;
		width: 50%;
	}
	.footer-nav-column:nth-child(2),
	.footer-nav-column:nth-child(4) {
		width: 50%;
	}
	.footer-nav-column:nth-child(2) {
		padding-top: 20px;
	}
	.footer-nav-column:nth-child(3) {
		margin-top: -183px;
		width: 50%;
	}
	.footer-nav-column-drawline {
		padding: 0;
		border: 0;
	}
	.footer-nav-column:nth-child(4) {
	    padding: 0px;
	    text-align: left;
	    padding-top: 38px;
	}
	.footer-nav-column:nth-child(4) .padding-bottom-10 {
		display: none;
	}
	.mailing-list-logo {
		max-width: 110px;
	}
	.mailing-text {
		font-size: 20px;
	}
	.reservation-text {
		font-size: 13px;
	}
	.tncpage-layer2 {
		padding: 40px;
		font-size: 14px;
	}
	.tncpage .tncpage-pageheader {
		font-size: 22px;
	}
	/*All Nav Top*/
	.nav-iconX-layer1 {
	    right: 5px;
	    top: 0px;
	}
	.popupclose-layer1 {
	    top: 3px;
	    right: 10px;
	}
	.nav-menu-layer1 {
		padding: 0px;
    	z-index: 14;
	}
	.nav-menu-layer2 {
    	background: rgba(243, 240, 235, 0.95);
    	text-align: center;
    	overflow: auto;
    	font-size: 16px;
	}
	.nav-menu-layer4 {
		position: relative;
    	bottom: 0px;
	}
	.nav-menu-logo {
    	margin: 20px auto 0;
	}
	.nav-menu-layer2-logo {
		display: block;
	    max-width: 110px;
	    margin: auto;
	    padding-bottom: 10px;
	}
	.nav-menu-layer4 {
		font-size: 10px;
	}
	/*End All Nav Top*/
}

@media screen and (max-width: 599px) {
	.allheader {
		font-size: 32px;
	}
	.home-logo {
		max-width: 110px;
	}
	.concept_template_content {
		font-size: 15px;
	}
	.concept-right-layer1 .allheader {
		padding-bottom: 10px;
	}
	.concept-left-content {
		width: 89%;
		font-size: 16px;
	}
	.concept-left-header {
		width: 32px;
	}
	.concept-left-layer2 {
		padding-right: 20px;
	}
	.concept-carrot-layer1 {
		position: relative;
		left: 0;
    	padding: 30px 20px 0;
    	background: #fff;
	}
	.menu-layer1 {
	    max-width: none;
	    width: 100%;
	}
	.menu_template_content {
	    padding: 0px 0px 60px;
	}
	.menu-header, 
	.promotion-text {
		font-size: 20px;
	}
	.menu-layer1 ul li {
		font-size: 16px;
	}
	.circlePlusMinus {
		margin-top: 6px;
	}
	.menu-platter-layer1 {
		max-width: none;
	    position: relative;
	    margin: auto;
    	left: 0;
    	padding: 0px 20px;
    	background: #fff;
	}
	.menu-platter-layer2 {
	    margin-top: 0px;
	}
	.menu-platter-layer2 img {
	    transform: translateX(0px);
	    -webkit-transform: translateX(0px);
	}
	.media-musroom-layer2 {
	    max-width: 200px;
	    margin-top: -140px;	
	}
	.media-musroom-layer2 img {
	    transform: translateX(-50px);
	    -webkit-transform: translateX(-50px);
	}
	.media_template_content {
    	padding: 10px 0px 0px;
	}
	.media-header-layer1,
	.meida-logo-layer2 {
		margin-left: 0px;
	}
	.restaurant_info_content {
		padding: 30px 0px 60px;
	}
	.restaurant-info-layer1 {
	    width: 100%;
	    max-width: none;
	    padding-bottom: 40px;
	}
	.restaurant-info-plate-layer1 {
		position: relative;
    	background: #fff;
	}
	.restaurant-info-plate-layer2 {
    	margin: auto;
	    max-width: none;
	    padding: 0px 50px;
	}
	.promotions_template_content {
    	padding: 40px 0px 0px;
	}
	.promotions-right {
		display: none;
	}
	.promotions-left {
		border: 5px solid #739678;
	    min-height: auto;
	    float: none;
	    width: 100%;
	    margin-top: 0px;
	}
	.contact-header {
		padding-bottom: 20px;
	}
	.formhalf {
		width: 100%;
	}
	.formhalf-column3-c1, .formhalf.formhalf1,
	.formhalf-column3-c3, .formhalf.formhalf2 {
		padding: 0px;
	}
	.vercolumn1 {
		width: 170px;
	}
	.mailing-list-logo {
		max-width: 100px;
	}
	.mailing-text {
		font-size: 18px;
	}
	.popup-restaurant-info-layer2 {
		font-size: 13px;
	}
	.popup-subheader {
		font-size: 14px;
	}
	.popup-restaurant-info-left, 
	.popup-restaurant-info-right {
		padding-right: 20px;
	}
	input[type="text"],
	select,
	textarea {
		font-size: 12px;
	}
}

@media screen and (max-width: 499px) {
	.allheader {
		font-size: 28px;
	}
	.home-logo {
		max-width: 100px;
	}
	.concept_template_content {
		font-size: 14px;
	}
	.concept-left-header {
		width: 28px;
	}
	.concept-left-content {
	    width: 87%;
	    font-size: 15px;
	}
	.concept-cake-layer2 {
		max-width: 300px;
    	margin-top: -160px;
	}
	.concept-cake-layer2 img {
		transform: translateX(50px);
    	-webkit-transform: translateX(50px);
	}
	.menu-layer1 {
		width: 100%;
	}
	.menu-header, 
	.promotion-text {
		font-size: 16px;
	}
	.circlePlusMinus {
		margin-top: 2px;
	}
	.menu-layer1 ul li {
		font-size: 14px;
	}
	.restaurant_info_content {
    	padding: 45px 0px 90px;
	}
	.media-musroom-layer2 {
	    max-width: 140px;
	    margin-top: -110px;
	}
	.media-header-layer1 {
		margin-top: 10px;
	}
	.promotions_template_content {
		padding: 20px 0 0;
	}
	.promotions-left-layer1 {
		padding: 50px 30px;
	}
	.contact_template_content {
		padding: 40px 0;
	}
	.contact-text-small {
		font-size: 10px;
	}
	.contact-submit,
	.reservation-submit {
	    text-align: left;
	    clear: both;
    	float: none;
	}
	.footer-nav-column:nth-child(1),
	.footer-nav-column:nth-child(2),
	.footer-nav-column:nth-child(3),
	.footer-nav-column:nth-child(4) {
		width: 100%;
	}
	.footer-nav-column:nth-child(3) {
		margin-top: 20px;
	}
	.footer-nav-column:nth-child(4) {
		padding-top: 25px;
	}
	.formhalf-column3 {
		width: 40%;
	}
	.formhalf-column3-c3 {
		width: 20%;
	}
	.reservation-form .vercolumn1 {
		width: 42.3%;
	}
	.progress-button {
    	padding: 7px 25px;
	}
	.nav-menu-layer2-logo {
	    max-width: 100px;
	}
	.nav-menu-layer2 {
		font-size: 14px;
	}
	.nav-menu-layer4 {
		font-size: 9px;
	}
	.popup-restaurant-info-layer2 {
		font-size: 11px;
	}
	.popup-restaurant-info-subheader {
		font-size: 12px;
	}
	.popup-subheader {
		font-size: 13px;
	}

	.mailing-subtext {
		font-size: 13px;
	}
	.form-new-checkboxtext {
		font-size: 12px;
	}
}

@media screen and (max-width: 399px) {
	.allheader {
		font-size: 26px;
	}
	.menu-header, .promotion-text {
		font-size: 15px;
	}
	.mailing-text {
		font-size: 16px;
	}
	.concept-left-content {
    	width: 85%;
	}
	.concept-left-header {    
		width: 26px;
	}
	.concept-left-layer2 {
		padding-right: 20px;
	}
	.promotions-left-layer1 {
	    padding: 40px 30px;
	}
	.vercolumn1 {
		width: 125px;
	}
	.tncpage-layer2 {
	    padding: 40px 30px;	
	    font-size: 13px;
	}
	.tncpage .tncpage-pageheader {
	    font-size: 18px;
	}
	.reservation-text {
		font-size: 12px;
	}
}

@media screen and (max-width: 349px) {
	.homesection {
	    padding: 0px 30px;
	}
	.concept-left-content {
		width: 83%;
	}
	.media-musroom-layer2 {
		max-width: 120px;
	}
	.media_template_content {
	    padding: 30px 0px 0px;
	}
	.formhalf-column3,
	.formhalf-column3-c3,
	.reservation-form .vercolumn1 {
		width: 100%;
		padding: 0px;
	}
	.formhalf-column3-c2 {
		padding: 0px;
	}
	.vercolumn1 {
		width: 100%;
	}
	.contact-submit {
		padding-top: 8px;
	}
	.reservation-submit {
		padding-top: 15px;
	}
	.reservation-text {
		font-size: 10px;
	}
}

