/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Tablet
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

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

@media only screen and (min-width: 768px) and (max-width: 989px) and (max-width: 1024px) {
	#boxed #header,
	.subheader,
	#boxed .pagemid,
	#boxed #footer,
	#footer .footersidebar,
	#boxed .teaserbox,
	.slider_wrapper { 
		width:740px
	}
	
	#back_to_top,
	#header .inner,
	.copyright .inner,
	.footersidebar .inner,
	.teaserbox .teaserbox_content,
	.subheader_teaser,
	.pagemid .inner,
	.footer_teaser .teasercontent,
	.fullwidth	{
		width:720px;
	}
	
	.logo { float:none; margin:0 auto; padding:20px 0; text-align:center; }
	#menuwrap { margin:0 -10px; width:auto; float:none;}
	#subheader { margin-top:20px;}
	
	.rightsidebar #main { width: 480px;}
	.rightsidebar #sidebar{ width: 200px;}

	.post2 .post_content,
	.post2 .post-info {
		width:100%; float:none; margin-bottom:0; padding:0;
	}
	
	.post2 .postmeta span { display:inline-block; margin-right:8px; border:none; }
	
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Mobile (Portrait)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Design for a width of 320px */
@media only screen and (max-width: 767px) {
	#boxed #header,
	.subheader,
	#boxed .pagemid,
	#boxed #footer,
	#footer .footersidebar,
	#boxed .teaserbox,
	.slider_wrapper{	
	width:95%;
	}
	
	
	#back_to_top,
	#header .inner,
	.copyright .inner,
	.footersidebar .inner,
	.subheader_teaser,
	.pagemid .inner,
	.footer_teaser .teasercontent,
	.teaserbox .teaserbox_content,
	.fullwidth,
	#main	{
		width:90%;
	}
	
	.logo {
		float:none;
		margin:0 auto;
		text-align:center;
	}
	
	#menuwrap { display:none; }
	.m-select-container{
		width:250px;
		display:block;
		margin:0 auto;
	}

	.rightsidebar #main,
	.rightsidebar #sidebar,
	.post2 .post_content,
	.post2 .post-info {
		width:100%; float:none; margin-bottom:0; padding:0;
	}
	
	.post2 .postmeta span { display:inline-block; margin-right:8px; border:none }

	.one_half,
	.one_third, 
	.two_third,
	.one_fourth, 
	.one_fifth,
	.four_fifth,
	.one_sixth,
	.five_fifth,
	.two_fifth,
	.three_fifth,
	.three_fourth   { width:100%; float:none; }

}

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

/* Note: Design for a width of 480px */
@media only screen and (min-width:480px) and (max-width: 767px) {
	
	#boxed #header,
	.subheader,
	#boxed .pagemid,
	#boxed #footer,
	#footer .footersidebar,
	#boxed .teaserbox,
	.slider_wrapper{	
	width:95%;
	}
	
	
	#back_to_top,
	#header .inner,
	.copyright .inner,
	.footersidebar .inner,
	.subheader_teaser,
	.pagemid .inner,
	.footer_teaser .teasercontent,
	.teaserbox .teaserbox_content,
	.fullwidth,
	#main	{
		width:90%;
	}
	
	.logo {
		float:none;
		margin:0 auto;
		text-align:center;
	}
	
	#menuwrap { display:none; }
	.m-select-container{
		width:300px;
		display:block;
		margin:0 auto;
	}

	.rightsidebar #main,
	.rightsidebar #sidebar,
	.post2 .post_content,
	.post2 .post-info {
		width:100%; float:none; margin-bottom:0; padding:0;
	}
	
	.post2 .postmeta span { display:inline-block; margin-right:8px; border:none }
	
	
}