@media screen and (-webkit-min-device-pixel-ratio:0) {
	nav.pxp_navigation ul li ul {
		top: 22px; /* hack for webkit browser */
	}
}

/*-----------------------------------------------------
Screen < 960px
-----------------------------------------------------*/
@media screen and (max-width: 960px) {

	/* -- 1. Global Body -- */
	.cover {width:100%;margin:0;overflow:hidden;}
	.container {width:100%;}
	.outer-wrapper {width:640px;margin-left:auto;margin-right:auto;}
	#BackToTop {display:none!important}
	
	/* -- 2. Header -- */
	header.pxp_header-wrapper {width:100%;}
	#row3 .tagline {width:640px;margin-left:auto;margin-right:auto;}
	
	/* -- 3. Navigation -- */
	nav.pxp_navigation {width:100%;}
	
	/* -- 4. Slider -- */
	.slider {width:100%;}
	
	/* -- 5. Sideblog -- */
	#homepage .main-sideblog .sb_headline {width:100%}
	
	/* -- 6. Footer -- */
	.footer-wrapper .footer_widget {width:640px;margin-left:auto;margin-right:auto;}
	.footer-wrapper .footer, .primary-tagline, .filter {width:640px;margin:0 auto;}
	
	/* -- 7. Sidebar -- */
	.sidebar {display:none}
	
	/* -- 8. Single Page -- */
	#innerpage .content-wrapper {width:100%;}
	#innerpage #singlepage {width:640px;margin-left:auto;margin-right:auto;}
	#innerpage #singlepage .post-header {float:none;text-align:left;width:100%;padding-right:0;margin-right:0;}
	#innerpage #singlepage .post-header h2 {background-position:left bottom;margin-bottom:10px;padding-bottom:10px;}
	#innerpage #singlepage .post-header ul li {float:left;margin-right:10px;padding-right:10px;}
	#innerpage #singlepage .post-header ul {display:none}
	#innerpage #singlepage .post-header ul.divider {display:block;background:none}
	
	#innerpage #singlepage .post-body, #innerpage #singlepage .wide {width:640px;}
	#innerpage #singlepage .post-body img, #innerpage #singlepage .wide .post-body img {max-width:100%;height:auto;}
	
	/* -- 9. Related Posts --*/
	#relatedposts div.left {width:100%;text-align:left;}
	#relatedposts div.right {width:100%;}
	#relatedposts h4 {background-position:left bottom}
	#relatedposts ul li {float:left;margin-left:0;margin-right:20px;}
	
	/* -- 10. Comments -- */
	.comments-wrapper .fleft {float:none;width:100%;text-align:left;padding-right:0;margin-right:0;}
	.comments-wrapper .fleft h4 {background-position:left}
	.comments-wrapper .fright {float:none;width:100%}
	.comments-wrapper ul li .content, #innerpage #singlepage .wide .comments-wrapper ul li .content {width:540px;}
	.comments-wrapper ul li ul.children .content, #innerpage #singlepage .wide .comments-wrapper ul li ul.children .content {width:500px}
	.comments-wrapper form#commentform ul li textarea {width:298px}
	
	/* -- 11. Portfolio -- */
	#portfolio #withsidebar {width:100%;margin:0 auto}
	#portfolio #withsidebar .post, #portfolio #fourcolumns .post {width:300px;}
	#portfolio #withsidebar .post img, #portfolio #fourcolumns .post img {max-width:100%!important;}
	
}

/*-----------------------------------------------------
Screen < 640px
-----------------------------------------------------*/
@media screen and (max-width: 640px) {

	/* -- 1. Global Body -- */
	.outer-wrapper {width:320px;margin-left:auto;margin-right:auto;}
	
	/* -- 3. Navigation -- */
	#row3 .tagline {width:320px;}
	nav.pxp_navigation ul { display: none; }
	nav.pxp_navigation select { display: inline-block;width:320px;margin:0 auto;display: table;border:1px solid #ddd;;padding:10px;}
	nav.pxp_navigation select option {border:none;border-radius:0;}
	nav ul ul li span {display: block;}
	
	/* -- 4. Slider -- */
	.slider .flex-caption {display:none}
	
	/* -- 6. Footer -- */
	.footer-wrapper .footer_widget, .primary-tagline, .filter {width:320px;}
	.footer_widget ul li.left {width:90%;padding:0 5%}
	.footer-wrapper .footer {width:320px}
	.footer-wrapper .footer .left {width:100%}
	.footer-wrapper .footer .right {display:none}
	
	/* -- 8. Single Page -- */
	#innerpage #singlepage {width:320px;}
	#innerpage #singlepage .post-header {width:320px;}
	#innerpage #singlepage .post-body, #innerpage #singlepage .wide {width:320px;float:none;}
	#innerpage #singlepage .wide .post-body img {width:100%}
	
	/* -- 9. Related Posts --*/
	#relatedposts {display:none}
	
	/* -- 10. Comments -- */
	.comments-wrapper ul li .content, #innerpage #singlepage .wide .comments-wrapper ul li .content {width:100%;}
	.comments-wrapper ul li ul.children .content {width:100%;}
	.comments-wrapper .avatar {display:none}
	.comments-wrapper ul li ul.children, #innerpage #singlepage .wide .comments-wrapper ul li ul.children .content {width:100%;margin-left:0;padding-left:0;background:none;border-left:none;}
	
	/* -- 12. Columns -- */
	.onehalf, .onethird, .onequarter, .onefifth, .onesixth, .twothird,
	.zilla-one-half, .zilla-one-third, .zilla-two-third, .zilla-one-fourth, .zilla-three-fourth, .zilla-one-fifth, .zilla-two-fifth, .zilla-three-fifth, .zilla-four-fifth, .zilla-one-sixth, .zilla-five-sixth {width:100%;padding:0;}

}