/* CSS for iPad Portrait
=====================================================================*/
@media screen and (max-width: 768px)
	{
	img,
	img[class*="align"],
	img[class*="wp-image-"] {
		max-width: 100%;
		height: auto;
	}
	.entry-content img,
	.comment-content img,
	.widget img {
		max-width: 100%; /* Fluid images for posts, comments, and widgets */
	}
	img.size-full {
		max-width: 100%;
		width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
	}
	.wp-caption,
	.wp-caption-text {
		max-width: 100%;
		height: auto;
		width: auto9; /* ie8 */
	}
	.wp-caption.alignleft {
		margin-right: 0;
	}
	.wp-caption.alignright {
		margin-left:0;
	}
	.wp-caption {
		padding:0;
		box-shadow:none;
		border:none;
	}
	#main-header, #content-homepage, #main-footer, #footer-top, #footer-copyright, #content {
		min-width:0;
		width:auto;
		padding:0 30px;
		height:auto;
	}
	#content {
		padding:0 15px;
	}
 	#main-footer, #footer-container, #footer-copyright {
		padding:0;
	}
	#footer-top {
		padding:30px;
	}
	#pattern-1, #pattern-2, #pattern-3 {
		min-width: 0;
	}
	#header, #header-container {
		height: auto;
	}
	#logo {
		float:none;
		display: block;
		margin:0 auto;
	}
	#nav {
		height: auto;
		float:none;
		margin:0;
	}
	#nav li {
		float:left;
		height: 50px;
		position: relative;
	}
	#nav li a {
		float:left;
		height: 33px;
		font-size:14px;
		padding:17px 15px 0 15px;
	}
	#nav ul ul {
		top:50px;
	}
	#content-homepage {
		padding:30px;
	}
	#homepage-top, #homepage-bottom, #footer-container, #footer-copyright-content {
		width:100%;
		height: auto;
	}
	#slideshow-1, #slideshow-2, #slideshow-food {
		float:none;
		width:auto;
		height:auto;
	}
	#slideshow-food {
		padding:10px;
	}
	#panel-slide-food {
		width:232px;
		height: auto;
		top:-1px;
		left:20px;
	}
	#panel-slide-food article {
		height: auto;
		padding-bottom:20px;
	}
	.image-slide-food {
		width:100%;
		height: auto;
		float:none;
	}
	.text-slide-food {
		width:auto;
		float:none;
		margin:0;
		padding:20px;
	}
	.text-slide-food .additional-price {
		width:60%;
	}
	#homepage-top article, #homepage-bottom article {
		width:auto;
		float:none;
		padding:20px 20px 25px 20px;
	}
	#title-homepage {
		font-size:24px;
	}
	#border-content {
		background: none;
		padding:0 0 0 20px;
	}
	#paper-background {
		background:url(../images/paper.jpg);
		padding:0;
		background-size:385px 385px;
	}
	.rope-top {
		top:-18px;
		right:32%;
	}
	.rope-bottom {
		bottom:-18px;
		right:32%;
	}
	#main-content {
		width:60%;
		padding:20px 0;
	}
	.news, .more-link, .more-link:link, .more-link:visited {
		margin:0 0 30px 0;
	}
	.news time {
		float:none;
		margin:0 auto 15px auto;
		display: block;
	}
	.news header {
		width:auto;
		float:none;
		margin:0 0 30px 0;
	}
	.sep-news {
		width:auto;
		height: 1px;
		background: url(../images/sep-news.png) no-repeat;
		margin:0;
	}
	#list-comments li article header h3 {
		font-size:14px;
	}
	#list-comments li article header time {
		font-size:11px;
	}
	#list-comments li article {
		padding-left:55px;
	}
	#list-comments .children {
		margin-left:55px;
	}
	.comment-reply-link {
		font-size:11px;
	}
	#form-comment .input, #form-comment .input.textarea, #form-contact .input, #form-contact .input.textarea, .wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-textarea {
		width:95%;
	}
	#full-content {
		padding:20px 20px 20px 0;
	}
	#full-content.food-page {
		padding-bottom:0;
	}
	#paper-background.full-width #border-content {
		background: none;
	}
	#slideshow-food .flex-control-nav {
		position: absolute;
		left:auto;
		right:20px;
		bottom:0;
	}
	.category-food-1, .food-1, .food-1.last {
		width:42%;
		height: 470px;
		padding:2%;
		margin:0 1% 3% 2%;
		overflow: hidden;
	}
	.panel-food-1 {
		width:100%;
		height:auto;
		margin:0;
		transition: none;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
	}
	.panel-price-food-1 {
		background: none;
		border:none;
	}
	.image-food-1 .additional-price-panel {
		top:0;
	}
	.food-1:hover h3 span {
		padding-bottom:15px;
	}
	.food-1 .tag-food {
		float:left;
		position: absolute;
		bottom:68px;
	}
	.food-1 {
		position: relative;
	}
	.food-1 .tag-food li {
		margin:0 1px 0 0;
	}
	.panel-food-1 p {
		padding: 0;
	}
	.image-food-1 img {
		opacity: 0.8;
	}
	#nav-category-food {
		background: none;
		height:auto;
		margin-bottom:20px;
	}
	#nav-category-food li.current-menu-item {
		background: none;
	}
	#nav-category-food li {
		padding:10px;
		line-height: 1.8
	}
	.food-2 {
		width:100%;
		padding:0;
		margin:0 0 20px 0;
	}
	.food-2 figure {
		margin:0 20px 0 0;
		width:20%;
	}
	.food-2-content {
		width:40%;
		margin:20px 0;
	}
	.food-2 .additional-price-panel {
		width:30%;
		margin:20px 0;
	}
	.food-2 figure img {
		width:auto !important;
		height:auto !important;
	}
	.list-team li.last {
		margin-right:16px;
	}
	.panel-chef {
		display: none;
		transition: none;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		opacity: 1;
	}
	.list-team li:hover .panel-chef {
		display: block;
	}
	.list-testimonial li {
		margin:0 0 30px 0;
	}
	.list-testimonial .image-testimonial {
		width:25%;
		margin:0 20px 30px 0;
	}
	.content-testimonial {
		width:65%;
		float:left;
		margin:0 0 25px 0;
	}
	.list-testimonial .image-testimonial h2 {
		font-size:14px;
	}
	.list-testimonial .image-testimonial img {
		width:100% !important;
		height: auto !important;
	}
	.gallery-category, .gallery-category.last {
		width:45%;
		height: 280px;
		margin:2%;
		overflow: hidden;
	}
	.more-gallery {
		width:100%;
		height:auto;
		font-size:14px;
		padding:6px 0;
		transition: none;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
	}
	.list-gallery-thumb {
		padding:15px 10px 0 10px;
	}
	.list-gallery-thumb li {
		width:28%;
		height: auto;
		margin:0 2% 4% 3%;
	}
	#list-gallery-category li, #list-gallery-category li.last {
		width:45%;
		height: 295px;
		margin:2%;
	}
	#list-gallery-category li a {
		padding: 15px;
	}
	#list-gallery-category li a img {
		width:100%;
		height: auto;
	}
	.list-contact {
		width:48%;
		float:left;
		margin:0 4% 4% 0;
	}
	.list-contact.last {
		margin-right:0;
	}
	.list-contact iframe {
		width:100%;
		height: 260px;
	}
	#main-content .colhalf, #content.full .colhalf {
		width:100%;
		float:none;
		display: block;
		margin:0;
	}
	#sidebar {
		width:34%;
		background: url(../images/sidebar-retina.jpg);
		background-size:310px 640px;
		margin: 0;
		padding:10px 10px 0 10px;
	}
	#sidebar .widget-container {
		margin:0 0 30px 0;
		padding:18px 10px 20px 10px;
	}
	#sidebar .text-widget img {
		padding:0;
	}
	#sidebar .map-area {
		width: 100%;
		padding: 0;
		height: 300px;
	}
	#sidebar ul.list-portfolio-sidebar li, #sidebar ul.list-portfolio-sidebar li.last {
		margin: 0 15px 15px 0;
	}
	#sidebar .widget-container ul.tabs-widget {
		position: absolute;
		top:-52px;
		left:0;
		width:100%;
	}
	#sidebar .widget-container ul.tabs-widget li a {
		font-size:12px;
	}
	#sidebar .widget-container .ui-tabs-panel {
		padding:0 10px;
	}
	#sidebar .flickr a {
		width: 44%;
		height: 44%;
		margin: 0 3% 6% 3%;
	}
	#sidebar .flickr a img {
		width: auto !important;
		height: auto !important;
	}
	#widget-footer-left, #widget-footer-middle, #widget-footer-right {
		width:30%;
		margin:0 5% 0 0;
	}
	#widget-footer-right {
		margin-right:0;
	}
	#social-footer-area {
		clear:both;
		width:100%;
		float:none;
		margin:0 0 30px 0;
	}
	#footer-copyright-content {
		padding:20px 0;
	}
	#footer-copyright-content h5 {
		float:none;
		margin:0 0 10px 20px;
	}
	#nav-footer {
		float:none;
		list-style: none;
		margin:0 0 0 20px;
	}
	#nav-footer li {
		margin:0 20px 0 0;
	}

}


/* CSS for Smartphone, ex: iPhone, Android, Blackberry
=====================================================================*/

@media screen and (max-width: 650px) {
	html {
		-webkit-text-size-adjust: none;
	}
	body {
		min-width:auto;	
	}
	#main-header, #content-homepage {
		padding:0 20px;
	}
	#content {
		padding:0 7px;
	}
	#slideshow-1 h3, #slideshow-2 h3 {
		padding:7px 12px;
		font-size:14px;
	}
	#title-homepage {
		font-size:22px;
		padding:0;
		margin:0 0 20px 0;
	}
	#title-homepage span {
		border:none;
		padding: 0;
	}
	#subtitle-homepage em {
		font-size:12px;
		display: block;
	}
	#border-content {
		padding:0;
	}
	.rope-bottom, .rope-top {
		display: none;
	}
	#main-content {
		width:auto;
		float:none;
		padding:15px;
	}
	.static-page h1 {
		font-size: 30px;
	}
	.static-page h2 {
		font-size: 24px;
	}
	#list-comments .children {
		margin-left:10px;
	}
	#list-comments .children .children {
		margin-left:0;
	}
	.comment-reply-link {
		top:4px;
	}
	#slideshow-food {
		padding:0;
		margin-left:13px;
		margin-right: 13px;
	}
	#panel-slide-food {
		width:auto;
		height: auto;
		position: relative;
		top:auto;
		left:auto;
	}
	.image-slide-food h3 {
		padding: 10px;
		font-size: 20px;
	}
	.panel-food-1 {
		padding-bottom:95px;
	}
	.category-food-1, .food-1, .food-1.last {
		width:92%;
		height: auto;
		padding:3%;
		margin:0 auto 10px auto;
		float:none;
	}
	#full-content, #full-content.food-page {
		padding:15px;
	}
	.text-slide-food .additional-price {
		width:70%;
	}
	.image-food-1 .additional-price-panel {
		display: none;
	}
	.image-food-1 img {
		width:100% !important;
		height:auto !important;
	}
	.food-2 figure img {
		width:100% !important;
		height:auto !important;
	}
	#list-gallery-category li a img {
		width:100% !important;
		height:auto !important;
	}
	#list-gallery-category li {
		width:100%;
		height: auto;
		margin:0 0 15px 0;
	}
	.food-2 {
		width:100%;
		padding:0;
		margin:0 0 20px 0;
	}
	.food-2 figure {
		margin:0 0 20px 0;
		width:100%;
		float:none;
		text-align: center;
	}
	.food-2-content {
		width:auto;
		float:none;
		margin:0 0 20px 0;
		padding:0 20px;
	}
	.food-2 .additional-price-panel {
		width:100%;
		float:none;
		margin:0;
	}
	.list-team li {
		width:45%;
		height: 45%;
		margin:0 5% 5% 0;
	}
	.list-team li img {
		width: 100% !important;
		height: auto !important;
	}
	.panel-chef {
		width:100%;
		height: auto;
		position: relative;
		left:auto;
		top:auto;
		display: block;
		margin:-10px 0 0 0;
		transition: none;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		opacity: 1;
	}
	.panel-chef header {
		width:100%;
		height:auto;
		padding:15px 0;
	}
	.list-team .panel-chef h3 {
		padding:0;
	}
	.gallery-category, .gallery-category.last {
		height: auto;
		width:100%;
		margin:0 0 15px 0;
		padding:0 0 30px 0;
	}
	.list-gallery-thumb li img {
		width:100% !important;
		height: auto !important;
	}
	.list-contact {
		width:100%;
		float:none;
		margin:0 0 15px 0;
	}
	.static-page.list-contact figure img {
		width:100% !important;
		height: auto !important;
	}
	#sidebar {
		width:auto;
		float:none;
		padding:10px 10px 5px 10px;
	}
	#sidebar .flickr a {
		width: 80px;
		height: 80px;
		float: left;
		margin: 0 5px 10px 5px;
	}
	#sidebar .flickr a img {
		width: 80px !important;
		height: 80px !important;
	}
	#widget-footer-left, #widget-footer-middle, #widget-footer-right {
		width:100%;
		margin:0 0 30px 0;
		float:none;
	}
	#footer-copyright-content h5 {
		margin:0 0 10px 10px;
	}
	#nav-footer {
		margin:0 0 0 10px;
	}
	#nav-footer li {
		margin:0 15px 0 0;
	}
	

	/* prettyPhoto styling for small screens */
	.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
	div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
	div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
	.pp_content { width: 100%!important; height: auto!important; }
	.pp_fade { width: 100%!important; height: 100%!important; }
	a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
	#pp_full_res img { width: 100%!important; height: auto!important; }
	.pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
	a.pp_close { right: 10px!important; top: 10px!important; }
}