/*
Responsive By: Pattern Fusion Lab
URL : patternfusion.com
Email : info@patternfusion.com
*/

/*RD*/
.visible-mb {display:none !important;}
.hidden-mb {display:inherit !important;}
.rd-thank {display:none;}

@media (max-width:1240px) {
	body {min-width: 996px;}
	.chopsticks {display:none;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	body {min-width: 100% !important; background:none; max-width:100% !important;}
	.wrap, .content, #footer-content {width:100% !important;}
	#front-events, .chopsticks, .tagline {display:none !important;}
	.header .logo {position:relative; margin:0 auto;}
	#menu {margin:0;}
	#menu ul {text-align:center;}
	#menu ul.level-0 > li {float:none; display:inline-block;}
	.header {padding-bottom:15px; background:#000;}
	#footer-content {background:#000;}
	#footer-content .article {width:38%; padding:5%; color:#fff;}
	#footer-content .article .text, #footer-content .article .text p, .lms-userclass-text-separator {color:#fff;}
	#front-featured .article {height:auto;}
	#front-featured .article .rest, #front-featured .article .img {width:100% !important; height:auto !important; float:none;}
	#front-featured .article {background: #fdfef0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmVmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWU4ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fdfef0 0%, #f1e8db 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfef0), color-stop(100%,#f1e8db)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fdfef0 0%,#f1e8db 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fdfef0 0%,#f1e8db 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fdfef0 0%,#f1e8db 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fdfef0 0%,#f1e8db 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfef0', endColorstr='#f1e8db',GradientType=0 ); /* IE6-8 */
}
	#front-featured .img img {width:100%;}
	#front-featured .article .text, #front-featured .article hgroup {margin:0;}
	#front-featured .article hgroup {background-size:100%;}
	#front-pages .article {width: 42%; margin: 2%; padding: 2%;}
	#front-pages .article .text {height:auto;}
	.text_right {width:100%;}
	#front-pages .featured {width:92%;}
	#front-pages .article img, #front-pages .article .img-container {width:100%; height:auto;}
	a.button.reserve {margin-left:0;}
	.copyright2 table {width:100% !important;}
	.copyright2 {height:auto; padding:15px;}
	#sidebar {left: 75%; width: 25%; overflow: hidden;}
	#contact-form .article .img {width:530px;}
	#contact-form .article .rest {width: 215px;}
	.rd-thank {text-align:center; background:#000; width:100%; display:block;}
}

@media (max-width: 810px) {
	#contact-form .article .img {width:530px;}
	#contact-form .article .rest {width:170px;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	.visible-mb {display:inherit !important;}	
	.hidden-mb {display:none !important;}
	body {min-width: 100% !important; background:none; max-width:100% !important;}
	.wrap, .content, #footer-content {width:100% !important;}
	.header .logo {position:relative; margin:0 auto;}
	#menu {display:none;}
	.header {padding-bottom:15px;}
	.res-menu {background:#f7f7f7; padding:20px 10px;}
	.res-menu ul{}
	.res-menu ul li{background-color:#cc0000; padding-left:60px; line-height:50px; border-radius:10px; overflow:hidden; border:4px solid #fcfcfc; margin-bottom:10px; box-shadow:1px 2px 4px rgba(0,0,0,0.5);}
	.res-menu ul li a {color:#fff; text-decoration:none; font-size:20px; border-radius:10px; display:block;}
	.icon-home {background:url(http://www.kinkaothairestaurant.com/images/icon-home.png) no-repeat 10px center; background-size:30px;}
	.icon-menu {background:url(http://www.kinkaothairestaurant.com/images/icon-restaurant.png) no-repeat 10px center; background-size:30px;}
	.icon-gallery {background:url(http://www.kinkaothairestaurant.com/images/icon-gallery.png) no-repeat 10px center; background-size:30px;}
	.icon-event {background:url(http://www.kinkaothairestaurant.com/images/icon-event.png) no-repeat 10px center; background-size:30px;}
	.icon-call {background:url(http://www.kinkaothairestaurant.com/images/icon-call.png) no-repeat 10px center; background-size:30px;}
	#footer-content {background:#000;}
	#footer-content .article {width:38%; padding:5%; color:#fff;}
	#footer-content .article .text, #footer-content .article .text p, .lms-userclass-text-separator {color:#fff;}
	#front-featured .article {height:auto;}
	#front-featured .article .rest, #front-featured .article .img {width:100% !important; height:auto !important; float:none;}
	#front-featured .article {background: #fdfef0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmVmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWU4ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fdfef0 0%, #f1e8db 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfef0), color-stop(100%,#f1e8db)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fdfef0 0%,#f1e8db 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fdfef0 0%,#f1e8db 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fdfef0 0%,#f1e8db 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fdfef0 0%,#f1e8db 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfef0', endColorstr='#f1e8db',GradientType=0 ); /* IE6-8 */
}
	#front-featured .img img {width:100%;}
	#front-featured .article .text, #front-featured .article hgroup {margin:0;}
	#front-featured .article hgroup {background-size:100%;}
	#front-pages .article {width: 42%; margin: 2%; padding: 2%;}
	#front-pages .article .text {height:auto;}
	.text_right {width:100%;}
	#front-events, .chopsticks {display:none;}
	#front-pages .featured {width:92%;}
	#front-pages .article img, #front-pages .article .img-container {width:100%; height:auto;}
	a.button.reserve {margin-left:0;}
	.copyright2 table {width:100% !important;}
	.copyright2 {height:auto; padding:15px;}
	#sidebar {left:0;}
	#menu-list {width: 100%; margin-right: 0;}
	#contact-form .article .img {width:70%; margin-top:3%;}
	#contact-form .article .rest {width:25%; margin-left:5%;}
	#gallery .s-center, #slide-preview-contentarea img {width:100% !important; height:auto !important;}
	#gallery .s-left {left:5px;}
	#gallery .s-arrow {top:30px;}
	#gallery .s-right {right:5px;}
	#slide-preview-contentarea {min-height:200px; height: 320px;}
	.menu-cat {width:90%; padding:5%;}
	.menu-cat .img {width:30%;}
	.menu-cat .rest {width:65%;}
	#sidebar {display:none;}
	.menu-cat .article .text {padding:0 2% 0 0;}
	.rd-thank {text-align:center; background:#000; width:100%; display:block;}
}

@media (max-width: 737px) {
	#contact-form .article .img {width:60%; margin-top:5%;}
	#contact-form .article .rest {width:35%; margin-left:5%;}
}

@media (max-width: 600px) {
	#footer-content .article {width:90%; margin-left:0;}
	#footer-content .article h3 {font-weight:bold; font-size:18px; padding:0; border-bottom:1px solid #333;}
	#contact-form .article .img {width:50%; margin-top:10%;}
	#contact-form .article .rest {width:45%; margin-left:5%;}
	#slide-preview-contentarea {height: 270px;}
}

@media (max-width: 480px) {
	#front-pages .article {width:92%; margin: 2% !important;}
	#front-pages .article .metadata .circle {display:none;}
	#front-pages .article .metadata .text_right{text-align:center; font-size:14px;}
	#front-featured .article h2 {padding:0;}
	#front-featured .article .text p img {display:block; margin:0 auto; margin-top:15px;}
	#footer-content, #front-featured, #front-pages {text-align:center;}
	#front-pages {margin:0; padding:0;}
	a.button.reserve {margin:0 auto; margin-top:15px;}
	#front-featured .article h1 {font-size:26px;}
	#contact-form .article .img {width:98%; margin-top:10%;}
	#contact-form .article .rest {width:98%; padding:1%;}
	#OT_form, .OT_title, .OT_subtitle, .OT_list {width:100% !important;}
	.OT_wrapper {margin:0 auto !important; width:90% !important; overflow:hidden !important;}
	.OT_title {font-size:18px !important;}
	.OT_day, .OT_time, .OT_party, .OT_submit {width:100% !important; text-align:center !important; padding-left:0 !important;}
	#slide-preview-contentarea {height:215px;}
	.menu-cat {height:auto; min-height:330px;}
	.menu-cat .img {display:none;}
	.menu-cat .rest {width:100%;}

}

@media (max-width: 350px) {
	#slide-preview-contentarea {height:150px; min-height:100%;}
}

@media (max-width: 250px) { 
	.header .logo {background-size:100%;}
}