/* 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 { padding: 100px 0 0; }
	#logo a{font-size: 400%;}
	
	#site-description {
		font-size: 150%;
		margin-top: 0;
	}

	/*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%;}
	
	.entry ul, .entry ol { margin-left: 20px; }

	.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) {
		
	body { font-size: 0.9em; }
	
	#logo { text-align: center; width: 100%; display:block; padding: 60px 0 0; }
	
	#logo a { font-size: 250%; line-height: 70px; }
	
	#site-description {
		font-size: 120%;
		line-height: 1.4em;	
		margin-bottom: 75px;
    	margin-top: 0;
	}

	#masterhead { padding: 40px 0 20px; border-bottom: 3px solid #F4F3EF; /*background: url("losconforto_p.png") no-repeat scroll center 70px rgba(0, 0, 0, 0);*/ }

	#masterhead-container {border-bottom: 30px solid #F4F3EF; }
	
	.post-meta { width: 320px; }
	
	.entry ul, .entry ol { margin-left: 10px; }
	
	.children li.depth-2 { margin: 0 0 0px 5px; }
	.children li.depth-3 { margin: 0 0 0px 5px; }
	.children li.depth-4 { margin: 0 0 0px 5px; }
	.children li.depth-5 { margin: 0 0 0px 5px; }
	.children li.depth-6 { margin: 0 0 0px 5px; }
	.children li.depth-7 { margin: 0 0 0px 5px; }
	.children li.depth-8 { margin: 0 0 0px 5px; }
	.children li.depth-9 { margin: 0 0 0px 5px; }
	.children li.depth-10 { margin: 0 0 0px 5px; }

	/*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: 320px; }
	.home-entry { width: 320px; margin-right: auto; margin-left: auto; }

	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;
	margin: 10px 10px 0;
	}

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

	#sidebar {
    float: right;
    width: 100%;
	}
	
	.addthis_toolbox {
		padding: 100px 0 20px;
	}

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

	#footer-bottom {
		padding: 50px 30px 20px;
		margin: 0 auto;
	}
	
	/*#footerLogo {
		height: 140px;
		background: url("losconforto_p.png") no-repeat scroll center 10px rgba(0, 0, 0, 0);
	}*/

}



/*  #Mobile
================================================== */

	@media only screen and (max-width: 349px) {
		
	
	.post-meta { width: 250px; }
	
	#wrap, #footer-wrap, #footer-bottom-wrap{ width: 280px; }
	.home-entry { width: 250px; margin-right: auto; margin-left: auto; }
	
	.home-wrap .post-meta { width: 280px; }
	
	.entry ul, .entry ol { margin-left: 0; }
	
}