/* Responsive CSS
 * Author : MAQK
 * Author URI : www.aivahthemes.com
======================================================================== */

/* Mobile Menu
======================================================================== */
@media only screen and (max-width: 959px) {
	/*Header Style 2*/
	.header-style2 .logo {
		display: table-cell;
		text-align: left;
		width: 85%;
	}
	/*Header Style 3*/
	.widget-left-s3, .widget-right-s3 {	display: none !important; }
	.widget-s3-mobile {	display: table;	width: 100%;}
	.widget-s3-mobile .icon-box_widget {
		vertical-align: middle;
		display: table-cell;
	}
	/*Header Style 4*/
	.widget-right-s4  { display: none !important; }

	.iva-mobile-dropdown {
		position: relative;
		display: block;
		margin:0 0 0 auto;
		height: 40px;
		width: 40px;
		line-height: 40px;
		text-align:center;
		cursor: pointer;
	}
	.primarymenu {background-color: transparent;} 
	.primarymenu .iva-mobile-dropdown{ 	background-color: transparent; color:#ffffff; }
	.span.iva-children-indenter i { display:block; }
	.primarymenu .sf-menu { display:none !important; }
	#atp_menu { display:none  !important;}
	.logo img { transform:scale(1); max-width: 100%; display: block; }
	figure img { width: auto; max-width: 100%; height: auto; }
	.msubtitle { display: none; }

	.header_teasercontent h1 { font-size: 32px;}
	.iva-ps-header { width: 80%; }

	/* since 6.0.0 */
	.logo { margin:0; padding-right: 70px; }
	.menuwrap {
		position: absolute;
		top: 50%;
		margin-top: -11px;
		right: 0;
	}
	
	#fixedheader .header-area { display: flex; }
	#fixedheader .logo { margin:0;  }

}

/* Regular Desktop Resolution
======================================================================== */

@media only screen and (min-width : 1025px) and (max-width : 1169px) {

	img { width: auto; max-width: 100%; height: auto; }

	.boxed #wrapper { width: 100% !important; }
	#boxed #wrapper { width: auto !important; }

}


/*  iPad Landscape Small and Desktop Resolution
======================================================================== */
@media only screen and (min-width : 960px) and (max-width : 1024px) {

	img { width:auto; max-width:100%; height:auto; }

	/* Layout */
	#boxed #wrapper,
	#stretched #wrapper {
		width:98%;
	}

	#header,
	.head {
		width: 100%;
	}

	.inner { width: 88%; }

	.rightsidebar #main,
	.leftsidebar #main { width: 68%; }

	.rightsidebar #sidebar,
	.leftsidebar #sidebar { width: 32%; }
}


/* iPad Portrait
======================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.header-style3 .logo {
		float: none;
		margin: 0;
	}
	.widget-s3-mobile .widget-s3 {
		width: 100%;
		float: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	img { width:auto; max-width:100%; height:auto; }

	/* Layout */
	#boxed #wrapper,
	#stretched #wrapper {
		width:98%;
	}

	#header,
	.header_teasercontent,
	.head {
		width: 100%;
	}

	.inner { width: 88%; }

	.rightsidebar #main,
	.leftsidebar #main { width: 100%; }

	.rightsidebar #sidebar,
	.leftsidebar #sidebar { width: 100%; }

	.iva-children-indenter { display: block;}

	.header-area { width: 100%; }
	.head { width: auto; padding:0 50px;  }
	.primarymenu { position: absolute; top: 50%; right: 0; margin-top: -20px; }

	.menus_cat_item { /*width: 29.33%; margin: 0 2% 30px;*/ }

	.ei-slider{ height: 400px; }

	blockquote.alignright,
	blockquote.alignleft { width: 100% !important; }

}


/* Smartphones & iPhone 4s(landscape)
======================================================================== */
@media only screen and (min-width: 320px) and (max-width: 480px) {
	.header-style3 .logo {
		width: 60%;
		float: none;
		margin: 0;
	}
	.widget-s3-mobile .widget-s3 {
		float: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.widget-s3-mobile .icon-box_widget {
		vertical-align: middle;
		display: block;
	}
	.header-style4 .widget-s3-mobile .icon-box_widget {	margin-right: 0; }
	#fixedheader .logo {
		width: 60%;
		float: none;
		margin: 0;
	}

	img { width:auto; max-width:100%; height:auto; }

	/* Layout */
	#boxed #wrapper,
	#stretched #wrapper {
		width:98%;
	}

	#header,
	.header_teasercontent,
	.head {
		width: 100%;
	}

	.inner { width: 88%; }

	.rightsidebar #main,
	.leftsidebar #main { width: 68%; }

	.rightsidebar #sidebar,
	.leftsidebar #sidebar { width: 32%; }

	.iva-children-indenter { display: block;}

	.menus_cat_item {
		-ms-flex-preferred-size: calc(50% - 16px);
	    flex-basis: calc(50% - 16px);
	}
	.menus_cat_item .menu-title { font-size: 19px; } 
	img { width: auto; max-width: 100%; height: auto; }

	.half_width,
	.one_half,
	.one_third,
	.two_third,
	.one_fourth,
	.one_fifth,
	.three_fourth,
	.four_fifth,
	.two_fifth,
	.three_fifth,
	.one_sixth,
	.four_sixth  { width:100%; margin-right:0; }

	.topleft, .topright { float: none; width: 100%; display: table; text-align: center; }

	.leftsidebar #main    { width: 100%; }
	.rightsidebar #main  { width: 100%; }

	.leftsidebar #sidebar    { width: 100%; }
	.rightsidebar #sidebar  { width: 100%; }

	.leftsidebar #sidebar .content{
		padding:0px 0px 0px 0;
	}
	.rightsidebar #sidebar .content{
		padding:0 0 0 0px;
	}
	.ei-slider-large li img {
		width: 100% !important;
  		margin-left: 0 !important;
	}
	.topbar .sf-menu { margin: 0 auto; display: table; float: none; }

	.rightsidebar #main .entry-content { padding-right: 0; }
	.leftsidebar #main .entry-content { padding-left: 0; }

	blockquote.alignright,
	blockquote.alignleft { width: 100% !important; }
}

/* iPhone 5s(landscape)
======================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	img { width: auto; max-width: 100%; height: auto; }

	.inner { width: 88%;}

	/* Layout */
	#boxed #wrapper,
	#stretched #wrapper  {	width:95%;	}

	#stretched #topbar, #boxed #topbar,
	#stretched #header, #boxed #header,
	#stretched #subheader, #boxed #subheader,
	#stretched #footer, #boxed #footer
	#stretched .copyright, #boxed .copyright {
		width:100%;
	}

	.topbar .sf-menu,
	.topright .atpsocials   { display:table; margin:0 auto; float:none; }


	.iva-children-indenter { display:block; }
	.topleft, .topright { float:none; width:100%; }

	.leftsidebar #main    { width: 100%; }
	.rightsidebar #main  { width: 100%; }

	.leftsidebar #sidebar    { width: 100%; }
	.rightsidebar #sidebar  { width: 100%; }

	.leftsidebar #sidebar .content{
		padding:0px 0px 0px 0;
	}
	.rightsidebar #sidebar .content{
		padding:0 0 0 0px;
	}

	.half_width,
	.one_half,
	.one_third,
	.two_third,
	.one_fourth,
	.one_fifth,
	.three_fourth,
	.four_fifth,
	.two_fifth,
	.three_fifth,
	.one_sixth,
	.four_sixth  { width:100%; margin-right:0; }

	#reservationform p.time,
	#reservationform p.people { margin-bottom: 20px; }

	.header_teasercontent { width:100%;  }
	.head { width:100%; }

	#subheader h1 { float:none; display: block; line-height:normal; }

	/* slider wrapper */
	.slider_wrapper {
		width:100%;
		margin:0 auto;
	}

	/* pagemid */
	#stretched .pagemid, #boxed .pagemid {
		width:100%;
	}

	.pagination	{ margin-bottom:20px;  }

	.menulist_sc.twocolumn section.menus { display:block; width:100%; margin:0}

	.vertabs ul.tabs {
		float:none;
		width:100%;
	}

	.pricetable .column {float: none; width: 100%; border-width:1px;}
	.pricetable.col3 .column {width: 100%;}

	.rightsidebar #main .entry-content { padding-right: 0; }
	.leftsidebar #main .entry-content { padding-left: 0; }

	blockquote.alignright,
	blockquote.alignleft { width: 100% !important; }
}

/* Smartphones  & iPhone 4s (portrait)
======================================================================== */
@media only screen and (max-width : 320px) {

	img { width: auto; max-width: 100%; height: auto; }


	.half_width,
	.one_half,
	.one_third,
	.two_third,
	.one_fourth,
	.one_fifth,
	.three_fourth,
	.four_fifth,
	.two_fifth,
	.three_fifth,
	.one_sixth,
	.four_sixth  { width:100%; margin-right:0; }

	.topleft, .topright { float:none; width:100%; }

	.leftsidebar #main    { width: 100%; }
	.rightsidebar #main  { width: 100%; }

	.leftsidebar #sidebar    { width: 100%; }
	.rightsidebar #sidebar  { width: 100%; }

	.leftsidebar #sidebar .content{
		padding:0px 0px 0px 0;
	}
	.rightsidebar #sidebar .content{
		padding:0 0 0 0px;
	}

	.rightsidebar #main .entry-content { padding-right: 0; }
	.leftsidebar #main .entry-content { padding-left: 0; }

	blockquote.alignright,
	blockquote.alignleft { width: 100% !important;}
}


/* Small Mobile Devices
======================================================================== */
@media only screen and (min-width: 220px) and (max-width: 319px) {

	img { width: auto; max-width: 100%; height: auto; }

	.inner { width: 88%; }

	.header_teasercontent { width: 100%; }

	.topbar .sf-menu,
	.topright .atpsocials   { display:table; margin:0 auto; float:none; }

	.iva-children-indenter { display: block;}

	.rightsidebar #main .entry-content { padding-right: 0; }
	.leftsidebar #main .entry-content { padding-left: 0; }

	blockquote.alignright,
	blockquote.alignleft { width: 100% !important; }
}