/* 
Theme Name: Mataam
Theme URI: http://themeforest.net/
Responsive CSS Stylesheet
 */
 
 
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Tablet
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* Design for a width of 768px and 989px */

@media only screen and (min-width: 768px) and (max-width: 989px) {
figure img { width:auto; max-width:100%; height:auto; } /* Fixes for the Responsive Layout */
	
	.inner { width:95%;}

	/* Layout */
	#boxed #wrapper,
	#stretched #wrapper  {
		width:766px;
		}
		
	#stretched #topbar, #boxed #topbar,
	#stretched #header, #boxed #header,
	#stretched #subheader, #boxed #subheader,
	#stretched #footer, #boxed #footer
	#stretched .copyright, #boxed .copyright {
		width:766px;
		}
	 
	.logo { margin:0 auto; text-align:center; }	

	.leftsidebar #main    { width: 480px; }
	.rightsidebar #main  { width: 480px; }

	.leftsidebar #sidebar    { width: 245px; }
	.rightsidebar #sidebar  { width: 245px; }

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

	#reservationform p.time          { float:left; margin-top: 10px; }

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

	.head .sf-menu { position:inherit; float:none; display:table; margin:0 auto;  }


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


	/* slider wrapper */	
	.slider_wrapper {
		width:766px;
		margin:0 auto;	
		}

	/* pagemid */	
	#stretched .pagemid, #boxed .pagemid { 
		width:766px;
		}	


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


}



/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Mobile (Portrait)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* Design for a width of 320px */

@media only screen and (max-width: 767px) {
figure img { width:auto; max-width:100%; height:auto; } /* Fixes for the Responsive Layout */


	.inner { width:95%;}

	/* 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; }
	 
	.logo { float:none; margin:0 auto; text-align:center; }	
	
	.topleft, .topright { float:none; width:100%; }

	.sf-menu { display:none;  }
	.primarymenu .nav,
	.m-select-container{ display:block; }


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

}




/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Mobile (Landscape)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* Note: Design for a width of 480px */
@media only screen and (min-width:480px) and (max-width: 767px) {

figure img { width:auto; max-width:100%; height:auto; } /* Fixes for the Responsive Layout */

	.inner { width:95%;}

	/* 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   { display:block;  }
	.topbar .sf-menu a { padding:0.8em 0.8em; }
	 
	.logo { margin:0 auto; text-align:center;  }	
	.sf-menu { display:none; }
	
		.primarymenu .nav,.m-select-container{
		display:block;
	}

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


}