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

/* Mobile Menu
======================================================================== */
@media only screen and (max-width: 959px) {

	.iva-mobile-dropdown {
		display:block;
		margin:0 0 0 auto;
		height: 35px;
		width: 40px;
		position: relative;
		cursor: pointer;
		display: block;
		background: #cccccc url(../images/menu-icon.png) 0 0 no-repeat;
	}
	
	.span.iva-children-indenter i { display:block; }
	.primarymenu .sf-menu { display:none !important; }
	#atp_menu { dispaly:none  !important;}
	.logo img { transform:scale(1); max-width: 100%; }
	figure img { width: auto; max-width: 100%; height: auto; }
	.msubtitle { display: none; }

}

/* 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) {

	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;}

	.header-area { width: 95%; }
	.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; }

}


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


	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;}

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

	.menus_cat_item { width: 46%; margin: 0 2% 30px; }

	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; }

}

/* 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; }
	.header .header-area { height: 100% !important; display: block; width: 95%;}
	.logo { display: block; margin:0 auto 0 0; padding: 30px 40px;}
	.menuwrap { position: absolute; top: 50%; margin-top: -20px; 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; 
	} 

	.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; }

}

/* 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; }

}


/* Small Mobile Devices
======================================================================== */
@media only screen and (min-width: 240px) 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;}

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

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

}