/* Responsive CSS
================================================== */
@media only screen and (max-width: 959px) { 
	/*navigation*/
	#navigation .selector { display: -moz-inline-box; display: inline-block; display: inline; position: relative; height: 40px; width: 25px; margin: 0; padding: 0; border: none; cursor: pointer !important; vertical-align: middle; zoom: 1; }
	#navigation .selector option { color: #000; -webkit-appearance: none; background: #fff; }
	#navigation .selector:before { display: block; position: absolute; left: 0px; top: 50%; margin-top: -12px; color: #bbb; font-size: 18px; font-weight: normal; font-style: normal; text-align: left; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f0c9"; font-family: FontAwesome; line-height: 18px; line-height: normal; vertical-align: baseline; }
	#navigation .selector select { position: absolute; left: 0; top: 0px; height: 30px; width: 45px; background: none; cursor: pointer; }
	#navigation .selector select:focus { outline: 0 }
	#navigation .selector:hover { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; }
	#navigation .selector span { display: block; text-indent: -9999px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	#navigation .selector { display: inline-block }
	#navigation ul { display: none }
	/*navigation-secondary*/
	#navigation-secondary .selector { display: -moz-inline-box; display: inline-block; display: inline; position: relative; height: 50px; width: 100%; margin: 0; padding: 0; text-indent: 30px; border: none; cursor: pointer !important; line-height: 50px; vertical-align: middle; zoom: 1; }
	#navigation-secondary .selector select { position: absolute; left: 0; top: 0px; height: 50px; width: 100%; background: none; cursor: pointer; }
	#navigation-secondary .selector select:focus { outline: 0 }
	#navigation-secondary .selector:before { display: block; position: absolute; left: -10px; top: 50%; margin-top: -9px; color: #fff; font-size: 18px; font-weight: normal; font-style: normal; text-align: left; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f0c9"; font-family: FontAwesome; line-height: 18px; line-height: normal; vertical-align: baseline; }
	#navigation-secondary .selector option { background: #fff; -webkit-appearance: none; }
	#navigation-secondary .selector:hover { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; }
	#navigation-secondary .selector span { display: block; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent: -9999px; }
	#navigation-secondary .selector { display: inline-block }
	#navigation-secondary ul { display: none }
	.comment-avatar { float: none; margin-bottom: 15px; }
	.comment-content { margin-left: 0 }
	#commentsbox [class*="depth-"] .comment-details { margin-left: 0 }
}
@media only screen and (min-width: 768px) and (max-width: 959px) { 
	.container { width: 660px }
}
@media only screen and (max-width: 767px) { 
	#masthead-ad { float: none; margin-top: 20px; text-align: left; }
	.sidebar-container { margin-top: 50px; padding: 0; }
	#footer-menu ul { float: left; margin-top: 10px; }
	#footer-menu ul li { margin-left: 0; margin-right: 10px; }
	/*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 { float: none; width: 100%; margin-bottom: 20px; margin-right: 0; }
	.att-pricing-table > div { margin-bottom: 25px }
	.att-box, .att-box.left, .att-box.right { float: none; width: 100% !important; }
	.footer-box { width: 100% }
	.loop-entry-thumbnail img { margin-bottom: 20px }
	
	#home-accordion .slider-info { padding: 10px; line-height: 1.4em; }
	#home-accordion .slider-title { font-size: 13px }
	#home-accordion .slider-excerpt { display: none }
}
@media only screen and (max-width: 767px) { 
	.home-cat { padding: 0; margin-bottom: 50px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	.container { width: 400px }
	#last-updated { display: none; }
}
@media only screen and (max-width: 479px) { 
	.container { width: 80%; max-width: 80%; }
	#last-updated { display: none; }
}