/* 
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) {
figure img { width:auto; max-width:100%; height:auto; } /* Fixes for the Responsive Layout */
	
	/* layout */ 
	#boxed #wrapper,
	#stretched #wrapper {
		width:100%;
	}

	#header .inner,
	#subheader .inner,
	#featured_slider .inner,
	#footer .inner,
	.slider_wrapper,
	.pagemid .inner,
	.copyright .inner,
	.primarymenu nav,
	.homepage_teaser .inner,
	.breadcrumb .breadcrumbs-plus
	{ 
		width:700px;
	}

.mb-icon-light { padding:20px; line-height:normal; font-size:14px; background:none; } /* ADJUSTING HOME PAGE TEASER FOR TABLETS SCREEN by J4Jameel */
	 
	.primarymenu { margin:0 auto; border-top:1px solid #ddd; clear:both; }

	#subheader .rightaside,
	#subheader .leftaside { width:auto; float:none; text-align:center; }
	#subheader .leftaside h1 { margin-bottom:0; }

	.pricetable { width:100%; }	
	.pricetable .block, .pricetable .block.active {
		width:48%; 
		float:left; 
		margin:5px;
	}
	
	.postimg { width:100%;  }
	.homepage_teaser h1 {
		font-size:24px;
		margin-bottom:20px;
		line-height:30px;
	}

	.ei-slider { height:300px; }
	
	.rightsidebar #sidebar .content { padding: 40px 0 0 0; }
	.leftsidebar #sidebar .content { padding:40px 0 0 0; } 

	.sort_desc { display:none;}
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Mobile (Portrait)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Design for a width of 320px */
@media only screen and (max-width: 767px) {
	img { width:auto; max-width:100%; height:auto; } /* Fixes for the Responsive Layout */

	/* layout */ 
	#boxed #wrapper,
	#stretched #wrapper {
		width:100%;
	}
	
	#header .inner,
	#subheader .inner,
	#featured_slider .inner,
	#footer .inner,
	.slider_wrapper,
	.pagemid .inner,
	.copyright .inner,
	.primarymenu nav,
	.homepage_teaser .inner,
	.breadcrumb .breadcrumbs-plus{ 
		width:90%;
	}

.mb-icon-light { padding:20px; line-height:normal; font-size:13px; background:none; } /* ADJUSTING HOME PAGE TEASER FOR MOBILE (Portrait) SCREEN by J4Jameel */
	#subheader .rightaside,
	#subheader .leftaside { width:auto; float:none; text-align:center; }
	#subheader .leftaside h1 { margin-bottom:0; }

	.pricetable { width:100%; }	
	.pricetable .block, .pricetable .block.active {
		width:48%; 
		float:left; 
		margin:5px;
	}
			
	.headright,
	.logo { display:block; float:none; width:100%; margin:0 auto; text-align:center; }

	.sf-menu { display:none;  }
	.primarymenu nav,
	.m-select-container{ display:block; }
	
	#featured_slider { padding:30px 0;}
	.slider_wrapper { width:90%; margin:0 auto;	}
	.flex-caption { display:none; } 
	.leftaside,
	.rightaside { margin:0;}
	
	.ei-slider { height:150px; }

	.postimg { width:100%;  }
	.homepage_teaser h1 {
		font-size:24px;
		margin-bottom:20px;
		line-height:30px;
	}

	.copyright .copyright_left,
	.copyright .copyright_right {
		float:none;
		width:100%;
		text-align:center;
		}
	
	.rightsidebar #sidebar .content { padding: 40px 0 0 0; }
	.leftsidebar #sidebar .content { padding:40px 0 0 0; } 

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

	.portfolio_item .two_third { width:97%; }
	.portfolio_item .one_third { width:97%; }
	.portfolio_item .one_half { width:97%; }
	.portfolio_item .one_fourth { width:97%; }
	
	ul.quicksand_images li {
		width:50%;
	}	

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

	.flex-caption,
	.singlepostlists li .thumb { display:none; } 
	.teamMember { margin:0 0 25px 0; }

	.pricetable { width:100%; height:100%;}
	.pricetable .block{ width:100%; float:none; margin-bottom:10px;}
	.pricetable .block.active { width:95%; }
		
	.port_box { float:none; width:auto;  margin-bottom:5px; }
	.port_desc { padding-top:5px; }
		
	ul.sys_mini_gallery li { width:45%;}

	.singlepostlists li  { display:block; float:none; width:100%;}
	
	#comments-title 		{ width:100%; float:none; }
	ol.commentlist        	{ width:100%; margin-left:0; }
	.comment-author         { margin-bottom:10px; }
	.fancy_table     { width:50%;  }
	.fancybox_wrapper 	{ margin-bottom:10px; }
		
	.rightsidebar #sidebar .content,
	.leftsidebar #main .entry-content { padding-left:0; }
		
	.rightsidebar #main .entry-content,
	.leftsidebar #sidebar .content { padding-right:0; }

	.tabs li { 
		display: block;
		float: none;
	}
}

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

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

	/* layout */ 
	#boxed #wrapper,
	#stretched #wrapper {
		width:100%;
	}
	
	#header .inner,
	#subheader .inner,
	#featured_slider .inner,
	#footer .inner,
	.slider_wrapper,
	.pagemid .inner,
	.copyright .inner,
	.primarymenu nav,
	.homepage_teaser .inner,
	.breadcrumb .breadcrumbs-plus{ 
		width:90%;
	}

.mb-icon-light { padding:20px; line-height:normal; font-size:14px; background:none; } /* ADJUSTING HOME PAGE TEASER FOR MOBILE(Landscape) SCREEN by J4Jameel */

	#subheader .rightaside,
	#subheader .leftaside { width:auto; float:none; text-align:center; }
	#subheader .leftaside h1 { margin-bottom:0; }

	.pricetable { width:100%; }	
	.pricetable .block, .pricetable .block.active {
		width:48%; 
		float:left; 
		margin:5px;
	}
			
	.half_width, 
	.one_half,        
	.one_third,       
	.two_third,      
	.one_fifth,       
	.three_fourth, 
	.four_fifth,     
	.two_fifth,       
	.three_fifth,   
	.one_sixth,       
	.four_sixth  { width:100%; margin-right:0; }

	.headright,
	.logo { display:block; float:none; width:100%; margin:0 auto; text-align:center; }

	.primarymenu { width:100%; position:inherit; left:0px; }
	.primarymenu select { width:100%; }
	
	.primarymenu nav,
	.m-select-container { display:block; }
	

	#featured_slider { padding:30px 0;}
	.slider_wrapper { width:90%; margin:0 auto;	}
	.flex-caption { display:none; } 
	.leftaside,
	.rightaside { margin:0;}
	.ei-slider { height:150px; }

	
	.pricetable .block, .pricetable .block.active {
		width:100%; float:left; margin-bottom:10px;
		}

	.fullwidth #main .entry-content  { margin-bottom:40px; }

	#container  { width:100%; }
	.masonry { width:100%;}
	
	.port {
		float:left;
		width:45%;
		margin:10px 15px 35px 0;
		}
	
	.rightsidebar #main .entry-content { padding-right:0; }
	.rightsidebar #sidebar .content { padding-left:0; }

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

	.port_img { width:100%;  }	
	.postimg { width:100%;  }	
	.post_slider { width:100%;  }	
	.sort_img { width:100%;  }	
	
	.post .entry-title { text-align:left; }		
	.post .post_content  { width:100%; }
	.post2 header h2 { display:block; float:none; width:100%; padding:0 }
	.post2 .postmetadata span { display: inline-block; padding:1% 4% 1% 0%;}
}