/* SMALL SCREENS */
@media screen and (max-width: 1024px) and (min-width: 768px){
	.wrapper_boxed { width:960px; }
}


/* TABLET PORTRAIT */
@media screen and (max-width: 800px){
    	
	.wrapper_boxed { margin:0 auto; width:100%; }

	.container { padding:0 20px; }
    
	#header .logo { float:none; text-align:center; }
    #header .logo .description { text-align:center; }
	
	#minifeatures .feature .title { font-size:1.2em; }
	#minifeatures .feature_horizontal .icon { font-size:3em; }

	/* HOMEPAGE FEATURES */
	#features .feature .title { font-size:2em; }
	#features .feature .content { font-size:1.2em; }
	
	/* CONTENT */
	#content { float:none; width:auto; margin:0 0 50px; }
	#content.submenu { float:none; width:auto; margin:0 0 50px; }
	#sidebar { clear:both; float:none; width:auto; }
	#sidebar .widget { overflow:hidden; }
	#sidebar .widget > li { float:left; width:47%; }
	#sidebar .widget > li:nth-child(odd) { margin-right:6%; }
	#submenu { float:none; width:auto; }
	
	
	
	/* NAVIGATION */
	.nav_sub { overflow:hidden; }
	.nav_sub li { list-style:none; display:block; float:left; background:none; padding:0; margin:0; }
	.nav_sub li:before { display:none; }
	.nav_sub li a { padding:8px 10px; }
	
		
	#footermenu { margin:0 0 30px; float:none; }
	.nav_footer > li { margin:0 30px 0 0; }

	#portfolio .item .icon { background-size:32px; }
	
	/* TEAM */
	#team .item { width:47%; }
	#team .item_last { margin-right:6%; }
	#team .item_second { margin-right:0; }
	#team .item-separator_two { clear:both; display:block; }
	
	
	/* CONTACT FORM */
	#contact_form .field { overflow:hidden; margin:0 0 20px; }
	#contact_form .field input[type=text] { width:100%; }
	#contact_form .field textarea{ width:100%; }

	/* FOOTER WIDGETS */
	#footersidebar .widget { width:47%; margin:0 6% 0 0; }
	#footersidebar .widget_second { margin:0; }
	#footersidebar .widget_last { margin:0; }	
    
}


/* SMARTPHONE */
@media only screen and (max-width: 480px){
	
	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; }
	
	.container { padding:0 10px; }
	
	#topmenu { display:none; }
	
	#social { float:left; }
	#social a { margin:0 6px 0 0; }
	
	#languages img { display:none; }
	
	#header { overflow:hidden; }
	#menu_toggle { display:block; }
	#header .logo { float:left; text-align:left; }
	#header .subheader { display:none; }
	.single_left #menu { float:none; text-align:center; }
	
	
	#content { margin:0; float:none; width:auto; }
    #content.right { float:none; margin:0; }
	#content.wide { width:auto; margin:0; }

	/* WIDGET LAYOUT AT FOOTER */
	#footersidebar .widget { width:100%; margin:0; }
	
	
	/* TAGLINES */
	.tagline { padding:10px; }

	
	/* HOMEPAGE MINI FEATURES */
	#minifeatures .feature { float:none; width:auto; margin:0 0 40px 0; }
	#minifeatures .feature_right { margin-right:0; }
	#minifeatures .feature .icon { float:none; margin:0 0 3% 0; max-width:100%; text-align:center; }
	#minifeatures .feature img { float:none; margin:0; max-width:100%; }
	#minifeatures .feature .title { margin:0 0 3%; text-align:center; }
	#minifeatures .feature .content { margin:0; text-align:center; }
	#minifeatures .item-separator { clear:both; width:100%; }
	
	
	/* HOMEPAGE FEATURES */
	#features .feature  { padding:20px 0; }
	#features .feature .caption { margin:0; width:auto; }
	#features .feature .image { float:none; width:auto; margin:0; }
	#features .feature .caption { margin:0; width:auto; }
	#features .feature .title { font-size:1.5em; }
	#features .feature .content { font-size:1em; }
	#features .feature .image { float:none; margin:0; }
	
	
	/* CONTENT */
	#sidebar .widget > li { float:none; width:auto; margin-right:0; }
	#sidebar .widget > li:nth-child(odd) { margin-right:0; }
	
	
	
	/* NAVIGATION */
	.nav_top { text-align:center;  }
	.nav_top li { display:inline-block; }
	.nav_top li a { margin:0 auto; }
	
	#menu { clear:both; float:none; display:none; }
    .nav_main li { float:none; margin:0; padding:0; }
	.nav_main > li { overflow:hidden; }
    .nav_main li a { float:none;  padding:5px 15px; }
	.nav_main li a .description{ display:none; }
	.nav_main .has_children:before { top:10px; content:'\f107'; margin-top:0; }
	.nav_main li ul { display:none; overflow:hidden; position:static; background:#f5f5f5; margin:0 10px 10px; top:100%; right:auto; left:auto; width:auto; z-index:9999; box-shadow:inset 0 1px 2px #999; }
	.nav_main li ul li a { text-align:center; width:auto; border:0; font-size:14px; }
	.nav_main li ul li a:hover { width:auto; }
    .nav_main li ul ul { top:100%; left:0; }
	.nav_main li > ul { width:auto; }
	.nav_main li:hover > ul { display:block; width:auto; }
	.nav_main li:hover > ul li { width:auto; background:none; }
	/* Further Children display on hover */
	.nav_main ul .has_children:before { top:12px; right:20px; content:'\f107'; margin-top:0; }
	.nav_main li ul li:hover > ul { width:auto; padding:10px 0; } 
	.nav_main li ul li:hover > ul li { width:auto; }
	
	.nav_footer > li, .nav_footer > li:first-child { margin:0 4% 20px 0; width:48%; }
	.nav_footer > li:nth-child(even) { margin:0 0 20px; }


	/* POSTS */
	.post .thumbnail { margin:0 0 10px; }
	.post .thumbnail img { display:block; margin:0; line-height:0em; width:100%; height:auto; }
	.post .title { margin:0 0 10px 0; font-size:1.5em; }
	.post .byline { float:none; overflow:hidden; text-align:left; width:auto; padding:0; margin:0 0 10px; }
	.post .byline div { float:left; padding:0 20px 10px 25px; }
	.post .byline .comments { display:none; }
	.post .readmore { margin:0; }
	.post .content { padding:0; margin:0 0 15px 0; }
	
	
	/* PORTFOLIO SHOWCASE */
	#portfolio .heading { font-size:2em; margin-bottom:30px; }
	#portfolio .content {}
	#portfolio .item { width:47%; margin:0 6% 4% 0; }
	#portfolio .item_last { margin-right:6%; }
	#portfolio .item_second { margin-right:0; }
	#portfolio .item .title { font-size:1.2em; }
	
	#portfolio .item-separator { display:none; }
	#portfolio .item-separator_two { padding:20px 0; width:100%; }
	
	/* PORTFOLIO SHOWCASE */
	#wideportfolio .heading { font-size:2em; margin-bottom:30px; }
	#wideportfolio .item_second { }
	#wideportfolio .item_last { margin-right:0; }
	#wideportfolio .item .thumbnail { float:none; width:auto; margin-right:0; }
	#wideportfolio .item .title { font-size:1.6em; margin:0 0 10px 0; }
	#wideportfolio .item .content { margin-left:0; }
	#wideportfolio .item .meta { font-size:1.2em; margin:0 0 10px 0; }

	/* INDIVIDUAL PORTFOLIO ITEMS */
	.cpo_portfolio .details { background:url(images/shades/black_10.png); margin:0 0 10px; float:none; text-align:left; width:auto; padding:0; padding:10px; font-size:0.9em; }
	.cpo_portfolio .details div { padding:0 0 0 30px; }
	.cpo_portfolio .content { margin-left:0; }
	
	
	/* TEAM */
	#team .item { float:none; width:auto; margin-bottom:30px; }
	#team .item_last { margin-right:0; }
	#team .item_second { margin-right:0; }
	
	
	#contact_form { float:none; width:auto; padding:0 0 20px; margin:0; }
	
	#sitemap { margin:30px 10px; }
	#sitemap .sitemap { width:47%; margin-right:6%; }
	#sitemap .sitemap_third { margin-right:6%; }
	#sitemap .sitemap_fourth { margin-right:6%; }
	#sitemap .sitemap_second { margin-right:0; }
	#sitemap .item-separator { display:none; }
	#sitemap .item-separator_three { display:none; }
	#sitemap .item-separator_two { display:block; }

    
    /* COMMENTS */
	.comment .title { padding:0; height:48px; }
	.comment .author { display:block; }
	.comment .date { display:block; border:0; padding:0; margin:0; }
	.comment .content { padding:10px; }
	.comment .children { margin-left:20px; }
	
	/* COMMENTS */
    .children #respond { margin:0 48px 0 0; }
	#cancel-comment-reply-link { display:block; font-size:0.9em; font-weight:normal; line-height:18px; }
	#respond .required { display:none; color:#ff4b33; font-weight:bold; }
	#respond label{ float:none; padding:8px 0; }
	#respond input[type=text], #respond textarea{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; }
	#comments-list #respond { margin:0 0 18px 0; }
	#respond .form-allowed-tags { padding-left:0; }
	#respond .form-submit { padding-left:0; }
	#respond #submit, #respond #submit:visited { margin-left:0; }
	
	/* WIDGETS */
	#cpotheme_flickr div { width:72px; }    
}