/* All Responsive
================================================== */
@media only screen and (max-width: 959px) { 
	#wrap { margin: 0 auto }
	/*logo*/
	#logo { display: block; float: none; margin: 0 auto 50px; text-align: center; }
	#logo img { display: block; margin: 0 auto; }
	/*navigation top menu*/
	#site-navigation select { display: block; width: 100%; }
	#site-navigation { position: inherit; top: auto; right: auto; margin: 0; }
	#site-navigation ul { display: none }
	.flex-direction-nav { display: none }
	.footer-box { margin-bottom: 15px }
	#footer-nav, #menu-footer { float: left; margin-top: 5px; }
}
/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) { 
	/*grid*/
	.grid-1 { width: 700px }
	/*main*/
	#post { width: 420px }
	/*footer*/
	#portfolio-cats li { margin-bottom: 6px }
	#single-portfolio-related .portfolio-entry.grid-4 { width: 340px }
	#single-portfolio-related .portfolio-entry.grid-4:nth-child(2n+2) { margin-right: 0 }
	#portfolio-cats { margin-top: 30px }
}
/* Mobile (Portrait)
================================================== */
@media only screen and (max-width: 767px) { 
	/*grid*/
	#site-navigation, .grid-1 { width: 280px }
	#site-navigation { background-position: 95% center }
	.grid-2, .grid-4, .grid-4, .grid-5, .grid-3, .grid-6 { width: 100%; margin-left: 0; }
	.footer-box { width: 100% }
	#social { float: left; text-align: left; margin-top: 10px; }
	.loop-entry-left, .loop-entry-right { width: 100%; max-width: 100%; }
	/*main*/
	#post { width: 100% }
	.sidebar-container { width: 100%; margin-top: 50px; }
	#post-pagination { position: inherit; right: auto; margin-top: 20px; }
	/*portfolio*/
	#portfolio-cats li { width: 100%; text-align: center; }
	#portfolio-cats li:after { content: ''; margin-right: 0; }
	#portfolio-cats li a { display: block; float: none; }
	#single-portfolio-media { margin-bottom: 25px }
	#single-portfolio-media, #single-portfolio-info { width: 100% }
	#single-portfolio-info .heading h2 { border-bottom: 1px solid #ddd }
	#single-portfolio-info { margin-top: 20px }
	/*services*/
	#services-cats { border-bottom: 0; }
	#services-cats li { width: 100%; text-align: center; margin-bottom: 10px; }
	#services-cats a { display: block; text-align: center; border: 1px solid #b9b9b9; border-radius: 3px; }
	.comment-details { margin-left: 0 }
	.comment-details:after { display: none }
	.comment-avatar { display: inline-block; margin-bottom: 10px; position: inherit; top: auto; left: auto; }
	.comment-date { display: block }
	.comment-break { display: none }
	.comment-reply-link { display: inline-block; margin-bottom: 10px; }
	.children { margin: 30px 0 0 }
	.children li.depth-2, .children li.depth-3, .children li.depth-4, .children li.depth-5, .children li.depth-6, .children li.depth-7, .children li.depth-8, .children li.depth-9, .children li.depth-10 { margin: 0 }
	#footer-bottom-left, #footer-bottom-right { float: none; text-align: center; }
	#footer-bottom-right { margin-top: 20px }
	#portfolio-cats li { margin-bottom: 10px }
	.comment-meta .reply { margin-left: 0 }
	.comment-meta .reply a { margin-top: 10px }
	.comment-author {
		position: relative;
		margin-bottom: 25px;
	}
}
/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	#site-navigation, .grid-1 { width: 370px }
}