/* All Responsive
================================================== */
@media only screen and (max-width: 959px) { 
	/*logo*/
	#logo { display: block; float: none; margin: 0 auto 20px; text-align: center; }
	#logo img { display: block; margin: 0 auto; }
	/*navigation*/
	#navigation { position: inherit; height: 55px; width: 110px; margin-top: 0; background: url("../images/responsive-select-grey.png") 85% center no-repeat; margin: auto; top: auto; right: auto; text-indent: 10px; }
	#navigation .selector { width: 100%; color: #000; font-weight: bold; line-height: 55px; }
	#navigation .selector { height: 55px; width: 100%; display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; display: inline; cursor: pointer !important; text-align: left; }
	#navigation .selector { margin: 0; padding: 0; border: none; }
	#navigation .selector select { position: absolute; top: 0px; left: 0; height: 55px; background: none; width: 100%; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 500; color: #666 !important; cursor: pointer; }
	#navigation .selector select:focus { outline: 0 }
	#navigation .selector option { background: #000; -webkit-appearance: none; padding: 15px 25px; border-color: #303030; }
	#navigation .selector:hover { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; }
	#navigation .selector span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	#navigation .selector { display: inline-block }
	#navigation ul { display: none }
}
/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) { 
	/*grid*/
	.grid-1 { width: 700px }
	.grid-2 { width: 340px }
	.grid-3 { width: 220px }
	.grid-4 { width: 340px }
	.grid-4-wrap .grid-4:nth-child(2n+3) { clear: left }
	/*main*/
	#post { width: 420px }
}
/* Ipad Mini Portrait Edits
================================================== */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) { 
	.att-one-half, .att-one-third, .att-two-third, .att-three-fourth, .att-one-fourth, .att-one-fifth, .att-two-fifth, .att-three-fifth, .att-four-fifth, .att-one-sixth, .att-five-sixth { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; }
	.att-pricing-table > div { margin-bottom: 25px }
	.att-box, .att-box.left, .att-box.right { float: none; width: 100% !important; }
}
/* Mobile (Portrait)
================================================== */
@media only screen and (max-width: 767px) { 
	/*hide things*/
	#home-slider, .flex-direction-nav { display: none }
	/*grid*/
	.grid-1 { width: 280px }
	.grid-2-wrap, .grid-3-wrap, .grid-4-wrap { margin-right: 0 }
	.grid-2, .grid-4, .grid-4, .grid-5, .grid-6 { width: 280px; margin-right: 0; }
	/*main*/
	#post { width: 100% }
	.sidebar-container { width: 100%; margin-top: 50px; }
	/*topbar*/
	#topbar { height: auto; min-height: 45px; line-height: 1.6em; padding: 15px 0 8px; }
	#tagline { float: none; margin-bottom: 10px; }
	#topbar-social { position: inherit; margin: 0; left: auto; right: auto; top: auto; }
	#topbar-social li { margin-left: 0; margin-right: 7px; margin-bottom: 7px; }
	/*pagination*/
	#post-pagination { position: inherit; top: auto; left: auto; margin: 10px 0 0; }
	/*comments*/
	.comment-details { margin-left: 0; text-align: center; }
	.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: block; padding-bottom: 10px; 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 }
	#social { float: none }
	#portfolio-cats li { margin-bottom: 10px }
	#portfolio-cats li { background: none !important }
	.comment-meta .reply { margin-left: 0 }
	.comment-meta .reply a { margin-top: 10px }
	.portfolio-entry.grid-4 { margin-bottom: 25px }
	/*shortcodes*/
	.att-one-half, .att-one-third, .att-two-third, .att-three-fourth, .att-one-fourth, .att-one-fifth, .att-two-fifth, .att-three-fifth, .att-four-fifth, .att-one-sixth, .att-five-sixth { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; }
	.att-pricing-table > div { margin-bottom: 25px }
	.att-box, .att-box.left, .att-box.right { float: none; width: 100% !important; }
}
/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	.grid-1, .grid-2, .grid-3, .grid-4 { width: 440px }
}