/* 
Theme Name: Hostme
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) {
	
	.topmenu .inner,
	#header .inner,
	#subheader .subheader,
	#footer .inner,
	#featured_slider .inner,
	.primarymenu nav,
	.pagemid .inner,
	.copyright .inner,
	.rightsidebar .frontpage_inner,
	.slider { 
		width:700px;
	}

	/* layout */ 
	#boxed #wrap_all,
	#stretched #wrap_all {
		width:720px;
	}
	 
	.logo { display:table; float:none;margin: 0 auto; text-align:center; min-width:100px;}
	.primarymenu { margin:0 auto; border-top:1px solid #ddd; clear:both; }

	.rightsidebar #sidebar,
	#main,
	.blogpost .portimg { width:100%; margin:0 auto; }

	#slider,
	.header_highlight { margin:0 auto; width:100%; float:none; text-align:center; margin-bottom:10px;}

	.portfolio_item { width:100%; }
	
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Mobile (Portrait)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Design for a width of 320px */
@media only screen and (max-width: 767px) {
 .topmenu .inner,
	#header .inner,
	#subheader .subheader,
	#footer .inner,
	#featured_slider .inner,
	.primarymenu nav,
	.pagemid .inner,
	.copyright .inner,
	.rightsidebar .frontpage_inner,
	.slider { 
		float:none;
		width:95%;
	}

	/* layout */ 
	#boxed #wrap_all,
	#stretched #wrap_all {
		width:90%;
	}
	.logo { float:none; width:100%; margin:0 auto; text-align:center; min-width:100px; }
	.nav { display:none;  }
	.primarymenu { width:100%; position:inherit; left:0px; }
	.primarymenu select { width:100%; }
	.primarymenu nav,
	.m-select-container{
		display:block;
	}
		
	.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; }	

	.leftsidebar #main ,
	.rightsidebar #main,
	.leftsidebar #sidebar,
	.rightsidebar #sidebar  { width: 100%; padding-left:0; float:none; display:block; 	}	
	
	.sidebar_top,
	.sidebar_bottom,
	.rightsidebar #sidebar {
		background:none !important;
		}
	.subtitle,
	.subdesc { margin:0 auto; text-align:center; width:100%; }
	
	.portfolio_item { width:100%; }

}

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

/* Note: Design for a width of 480px */
@media only screen and (min-width:480px) and (max-width: 767px) {
	.topmenu .inner,
	#header .inner,
	#subheader .subheader,
	#footer .inner,
	#featured_slider .inner,
	.primarymenu nav,
	.pagemid .inner,
	.copyright .inner,
	.rightsidebar .frontpage_inner,
	.slider { 
		width:95%;
	}

	/* layout */ 
	#boxed #wrap_all,
	#stretched #wrap_all {
		width:90%;
	}
			
	.half_width, 
	.one_half,        
	.one_third,       
	.two_third,      
	.one_fifth,       
	.three_fourth, 
	.one_fourth,
	.four_fifth,     
	.two_fifth,       
	.three_fifth,   
	.one_sixth,       
	.four_sixth  { width:100%; margin-right:0; }

	.leftsidebar #main ,
	.rightsidebar #main,
	.leftsidebar #sidebar,
	.rightsidebar #sidebar  { width: 100%; padding-left:0; float:none}

	.sidebar_top,
	.sidebar_bottom,
	.rightsidebar #sidebar {
		background:none !important;
		}
		
	.logo { float:none; width:100%; margin:0 auto; text-align:center; min-width:100px;}

	.primarymenu { width:100%; position:inherit; left:0px; }
	.primarymenu select { width:100%; }
	.primarymenu nav,
	.m-select-container{
		display:block;
	}
	
	.subtitle,
	.subdesc { margin:0 auto; text-align:center; width:100%; }
	.rightsidebar #sidebar,
	#main,
	.blogpost .portimg { width:100%; margin:0 auto; }

	#slider,
	.header_highlight { margin:0 auto; width:100%; float:none; text-align:center; margin-bottom:10px;}

	
	ul.tabs a { 
		padding:12px 5px; 	
		}
		
	.pricetable .block, .pricetable .block.active {
		width:100%; float:left; margin-bottom:10px;
		}

	.port_img { width:100%;  }	
	.postimg { width:100%;  }	
	.post_slider { width:100%;  }	
	.sort_img { width:100%;  }	
	
	.portfolio_item { width:100%; }
	
}