/* 
Theme Name: Keorra
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) 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:98%;
	}
	
	.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; }
	
	.flexslider {
		display:none;
	}
	body {
		background-color:#000;
		background-image:none;
	}
	/* Simple Menu */
.simplemenu { position:relative; background:url(../images/dashed.png) 0 0 repeat-x; padding:150x 0; overflow:;  }
.simplemenu h3 { margin-bottom:5px; color:#000;}
.simplemenu p {
	margin-bottom: 0px;
	color: #FF0000;
}
.simplemenu .menuinfo { 
	min-width: 150px;
    overflow: ;
	}
.simplemenu .price { 
	color:#000;
	display: block;
	float:right; 
	font:normal normal 26px/30px Georgia, Times, Serif;
	letter-spacing:-1px;
	padding-left:10px;
	}

.logo h1 {
	color:#FFF;
}
	

}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#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:98%;
	}
	
	
	#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 }
	
/* Simple Menu */
.simplemenu { position:relative; background:url(../images/dashed.png) 0 0 repeat-x; padding:150x 0; overflow:;  }
.simplemenu h3 { margin-bottom:5px; color:#000;}
.simplemenu p {
	margin-bottom: 0px;
	color: #FF0000;
}
.simplemenu .menuinfo { 
	min-width: 150px;
    overflow: ;
	}
.simplemenu .price { 
	color:#000;
	display: block;
	float:right; 
	font:normal normal 26px/30px Georgia, Times, Serif;
	letter-spacing:-1px;
	padding-left:10px;
	}
	
body {
		background-color:#000;
		background-image:none;
		
	
	
}

.logo h1 {
	color:#FFF;
}
}