/* This File Contains The CSS For The Sublime Theme Responsive Layout */

/* Apply To All Responsive Layouts
================================================== */
img{ max-width: 100%;
margin-bottom: 20px; }

@media only screen and (device-width: 768px) {

}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 740px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	#wrap, #footer-wrap, #footer-bottom-wrap{ width: 680px; }
	.hp-highlight, .hp-highlight-v2, .hp-highlight-v3, .portfolio-item, .portfolio-item-home, .home-entry, { width: 33%;  }
	#footer-one,#footer-two,#footer-three,#footer-four{ width: 155px;  }
	#home-tagline{ font-size: 21px; }
	#search { text-indent: -9999px; }
	.loop-entry-thumbnail{width: 35%;}

	/*display dropdown nav*/
	#masternav .selector,
	#masternav select { display: inline-block; }
	#masternav ul { display: none; }
	#masternav { padding: 0; 
		height: 40px; 
		width: 100%; 
		text-align: center; 
		display:block; 
		line-height: 30px; 
		float: none; 
		padding: 0 0; 
		margin: 20px 0px 0px 0px; 
		color: #fff; 
		bottom: 0; 
		right: 0; 
		cursor: pointer; }
}


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

/* Note: Design for a width of 420px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#wrap, #footer-wrap, #footer-bottom-wrap{ width: 420px; }
	.home-entry { width: 100%; margin-right: 0px; }
	
	#logo a{font-size: 700%;}

	/*display dropdown nav*/
	#masternav .selector,
	#masternav select { display: inline-block; }
	#masternav ul { display: none; }
	#masternav { padding: 0; 
		height: 40px; 
		width: 100%; 
		text-align: center; 
		display:block; 
		line-height: 30px; 
		float: none; 
		padding: 0 0; 
		margin: 20px 0px 0px 0px; 
		color: #fff; 
		bottom: 0; 
		right: 0; 
		cursor: pointer; }

	h1 {font-size: 200%;}
	h2 { font-size: 150% }
	h3 { font-size: 125%;}
	h4 { font-size: 110%;}

	.responsive-clear{ clear: both; }
	
	.portfolio-item-home a img{ width: 80%;}
	
	.portfolio-item{ width: 200px; margin-right: 15px; }

	.loop-entry-thumbnail{width: 33%;}
	
	ul.filter{ margin-bottom: 0; }

	.alignright { float:none;
	width: 100%;
	text-align: center;}

	.alignleft { float:none; 
	min-width: 100%;
	text-align: center;
	padding-bottom: 10px}

	#sidebar {
    float: right;
    width: 100%;
	}

	.sidebar-post{
	float: left;
	width: 100%;
	margin:0 auto;
	}

}



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

/* Note: Design for a width of 290px */
	@media only screen and (max-width: 479px) {
	
	#logo { text-align: center; width: 100%; display:block;}
	
	#logo a{font-size: 450%;}

	#masterhead { padding: 20px 0px 30px 0px; border-bottom: 3px solid #F4F3EF;}

	/*display dropdown nav*/
	#masternav .selector,
	#masternav select { display: inline-block; }
	#masternav ul { display: none; }
	#masternav { padding: 0; 
		height: 40px; 
		width: 100%; 
		text-align: center; 
		display:block; 
		line-height: 30px; 
		float: none; 
		padding: 0 0; 
		margin: 20px 0px 0px 0px; 
		color: #fff; 
		bottom: 0; 
		right: 0; 
		cursor: pointer; }

	#search-container {
    	margin-bottom: 10px;
	}
	#wrap, #footer-wrap, #footer-bottom-wrap{ width: 280px; }
	.home-entry, { width: 250px; margin-right: auto; margin-left: auto; }

	#site-description{
	display: none;}

	h1 {font-size: 175%;}
	h2 { font-size: 140% }
	h3 { font-size: 115%;}
	h4 { font-size: 100%;}

	.home-entry-description { 
	margin-left: 0px;
	margin-right: 0px;
	}

	.read-more {
	padding-bottom: 40px;
	}

	.alignright { float:none;
	width: 100%;
	text-align: center;}

	.alignleft { float:none; 
	min-width: 100%;
	text-align: center;
	padding-bottom: 10px}
	
	.loop-entry-meta{ display: none; }
	.loop-entry h2{ margin-bottom: 10px; }
		
	#page-heading{ text-align: center; }
	
	#footer-menu, #copyright, #back-to-top{ width: 100%; text-align: center; }

	#sidebar {
    float: right;
    width: 100%;
	}

	.sidebar-post{
	float: left;
	width: 100%;
	margin:0 auto;
	}

#footer-bottom {
    margin: 0;
}

}