/* All Responsive
================================================== */
@media only screen and (max-width: 959px) { 
	/*header*/
	#masthead-wrap { height: auto !important; padding: 0; background-image: none !important; }
	.bg-overlay, .homepage-tagline, #homepage-overlay-arrow { display: none !important; }
	#masthead { height: auto; width: 100%; z-index: 99; position: relative; display: block; opacity: 1; }
	.sticky-header { position: relative !important; }
	#masthead { top: 0 !important; }
	#masthead #logo { height: auto; line-height: auto; display: block; float: none; margin: 0 auto; text-align: center; }
	#masthead #logo img { display: block; margin: 0 auto; float: left;}
	/*navigation top menu*/
	#site-navigation select { display: block; width: 100%; }
	#site-navigation ul { display: none; }
	#site-navigation { position: inherit; float: none; margin: 20px 0 0; right: auto; top: auto; display: none;}
}
/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) { 
	.home-section { padding-top: 40px;}
	#wrap { margin-top: 40px;}
	#masthead .container { width: 86%; }
	.container { width: 700px; }
	#post { width: 480px; }
	.col { margin-bottom: 14px; }
	#portfolio-cats { position: inherit; top: auto; margin-top: 40px; }
	#click-menu {
		right: 5% !important;
		top: 90px !important;
	}
}
/* Ipad Mini Portrait Edits
================================================== */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) { 
	.home-section { padding-top: 40px;}
	#wrap { margin-top: 40px;}
	.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; }
	#portfolio-cats { position: inherit; top: auto; margin-top: 40px; }
}
@media only screen and (max-width: 768px) {
	#click-menu {
		right: 5% !important;
		top: 90px !important;
	}
}
/* Mobile (Portrait)
================================================== */
@media only screen and (max-width: 767px) {
	.home-section { padding-top: 30px;}
	#wrap { margin-top: 30px;}
	.col, .att-grid-col { width: 100%; margin-left: 0; padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 20px; }
	.container { width: 90%; }
	#masthead .container { width: 90%; }
	/*hide things*/
	#home-slider { display: none }
	#post-pagination { display: none; }
	/*main*/
	#post { width: 100% }
	.sidebar-container { width: 100%; margin-top: 50px; }
	/*home*/
	#home-wrap .heading, #ajax-container .heading { font-size: 14px }
	#home-wrap .heading span, #ajax-container .heading span { max-width: 55% }
	/*comments*/
	.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 }
	/*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: 30px; }
	.att-pricing-table > div { margin-bottom: 25px }
	.att-box, .att-box.left, .att-box.right { float: none; width: 100% !important; }
	/*portfolio*/
	#portfolio-cats { position: inherit; top: auto; margin-top: 40px; }
	/*footer*/
	#copyright { margin-top: 0; }
	#footer-social { margin: 0; }
	#site-social { float: left; }
}
/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 766px) { 
	.container { width: 400px; }
}