/* LARGE SCREENS */
@media screen and (min-width: 1280px){
	.container { max-width:900px; }
}


/* TABLET PORTRAIT */
@media screen and (max-width: 800px){
    	
	.container { padding:0 20px; }
    
	.header .logo { float:none; text-align:center; }
    .header .logo .description { text-align:center; }

	
	.pagetitle .pagetitle-title { float:none; font-size:2em; }
	.breadcrumb { float:none; }
	    
}


/* SMARTPHONE */
@media only screen and (max-width: 600px){
	
	h1 { font-size:2em; } 
	h2 { font-size:1.8em; } 
	h3 { font-size:1.4em; } 
	h4 { font-size:1.2em; } 
	h5 { font-size:1.1em; } 
	h6 { font-size:1.0em; }
	
	.wrapper { margin:0; }
	.container { padding:0 10px; }
	
	.topmenu { display:none; }
	
	.header { overflow:hidden; padding:20px 0; }
	.header .logo { float:none; text-align:center; }
	.header .subheader { display:none; }
	
	.slider .slider-slides .slide-textbox { top:50px; left:20px; width:auto; right:20px; padding:20px; font-size:1em; }
	
	
	/* HOMEPAGE FEATURES */
	.features .feature { padding:40px 0; }
	.features .feature .feature-title { font-size:1.3em; }
	.features .feature .feature-content,
	.features .feature .feature-image { float:none; width:auto; }


	/* NAVIGATION */
	.menu-top { text-align:center;  }
	.menu-top li { display:inline-block; }
	.menu-top li a { margin:0 auto; }

	
	.navigation-portfolio { float:none; }

	/* POSTS */
	.post .post-image { margin:0 0 10px; }
	.post .post-thumbnail img { display:block; margin:0; line-height:0em; width:100%; height:auto; }
	.post .post-title { margin:0 0 10px 0; font-size:1.5em; }
	.post .post-byline { padding:10px 10px 0; }
	.post .readmore { margin:0; }
	
	
	/* PORTFOLIO DETAILS */
	.cpo_portfolio .portfolio-item-details { border:none; padding:none; }
	
    .author-info { margin-left:0; }
	
    /* COMMENTS */
	.comment .comment-avatar { width:50px; }
	.comment .comment-title { padding:0; height:48px; margin-left:60px; }
	.comment .comment-author { display:block; }
	.comment .comment-date { display:block; border:0; padding:0; margin:0; }
	.comment .comment-content { margin-left:60px; }
	.comment .comment-children { margin-left:20px; }
	
	/* COMMENTS */
	.comment-form label{ float:none; padding:8px 0; }
	.comment-form input[type=text], 
	.comment-form textarea{ width:100%; }
	.comment-respond .form-submit { padding-left:0; }
	.comment-respond .form-allowed-tags { padding-left:0; }
	.comment-respond .form-submit { padding-left:0; }
	.comment-respond .form-submit, .respond .submit:visited { margin-left:0; }
}