/* General
================================================== */
img { max-width: 100% }
/*hide responsive menus*/
#top-navigation .selector { display: none }
/* Apply To All Responsive Layouts
================================================== */
@media only screen and (max-width: 959px) { 
	.innerbox { width: 680px }
	.flex-direction-nav { display: none }
	.flexslider-container .flex-caption { display: none }
	#related-posts .read-more { display: none }
	/*navigation top menu*/
	#top-bar-inner { height: 0 }
	#top-bar .selector, #top-bar .selector * { margin: 0; padding: 0; }
	    #top-bar .selector, #top-bar .selector span { cursor: pointer !important; -webkit-font-smoothing: antialiased; }
	        #top-bar .selector select { position: absolute; height: 33px; background: none; width: 100%; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; font-weight: 500; border: 0 !important; }
	        #top-bar .selector select { top: 0px; left: 0px; height: 33px; }
	        #top-bar .selector select:focus { outline: 0 }
	        #top-bar .selector option { background: #fff; -webkit-appearance: none; padding: 10px; border-bottom: 1px solid #ddd; }
	        #top-bar .selector span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/selector-arrows.png) right center no-repeat; text-shadow: 0 1px 0 #FFFFFF; color: #505050; }
	#top-bar .selector { width: 100%; color: #fff; font-weight: bold; line-height: 33px; text-indent: 15px; }
	#top-bar .selector { margin-top: 8px; border-radius: 3px; height: 33px; width: 60px; width: 100%; display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; cursor: pointer !important; position: relative; overflow: hidden; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #ababab 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ababab)); background: -webkit-linear-gradient(top,  #ffffff 0%,#ababab 100%); background: -o-linear-gradient(top,  #ffffff 0%,#ababab 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#ababab 100%); background: linear-gradient(to bottom,  #ffffff 0%,#ababab 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ababab',GradientType=0 ); }
	#top-bar ul { display: none }
	/*display dropdown nav*/
	#top-bar .selector, #navigation .selector { display: inline-block }
}
/* iPad / Tablet Landscape: 1024px
================================================== */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { 
	.flex-direction-nav { display: none }
}
/* iPad / Tablet Portrait: 730px
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) { 
	/*blog*/
	.entry-left { float: left; width: 150px; }
	.entry-right { float: left; margin-left: 20px; width: 280px; }
	#author-bio { width: 370px }
	.flex-direction-nav { display: none }
	#callout #callout-text { width: 70% !important }
	#services-filter { float: left; margin-top: 0 !important; padding-bottom: 25px; position: relative; }
}
/* Mobile (Portrait) = Design for a width of 280px
================================================== */
@media only screen and (max-width: 767px) { 
	.outerbox { width: 100% }
	.innerbox { width: 230px }
	#copyright { margin-bottom: 15px }
	.bottom-bar-box, .footer-box { margin-bottom: 30px }
	#callout-text { text-align: center; margin-bottom: 30px; }
	#services-filter { margin-top: 0px; padding-right: 0; margin-bottom: 20px !important; }
	#main-content { margin-bottom: 10px }
	#sidebar { margin-top: 25px }
	#commentform input#author, #commentform input#email, #commentform input#url { width: 60% }
	/*hide stuff*/
	.flexslider-container .flex-caption, #services-sidebar { display: none }
	/*main*/
	#post { width: 100% }
	/*header*/
	#logo { margin: 0 !important }
	    #logo img { margin: 15px 0 }
	#header-right { display: none }
	/*slider*/
	.flex-direction-nav li a.flex-next, .flex-direction-nav li a.flex-prev { width: 20px; height: 34px; line-height: 34px; margin-top: -12px; font-size: 11px; }
	/*titles*/
	#page-heading h1, #page-heading h2 { width: 100% }
	#single-nav { text-align: center; margin-top: -11px !important; position: absolute !important; }
	/*blog*/
	.entry-left { float: none; width: 100%; }
	.entry-right { float: none; width: 100%; margin-top: 20px; margin-left: 0; }
	#related-posts .alignleft { max-width: 30% }
	.related-entry-excerpt { display: none }
	#author-bio { width: 150px }
	/*services*/
	#services-filter, #services-template-right { width: 100% }
	#services-filter { margin-bottom: 10px }
	/*staff*/
	#staff-post-thumbnail { width: 100%; margin-bottom: 20px; }
	/*footer*/
	#callout #callout-text, #callout #callout-btn { width: 100%; float: none; }
	    #callout #callout-btn .button { float: none }
	    #callout #callout-btn .button { width: 100% }
	#callout #callout-btn { margin-top: 20px }
	#footer-bottom, #footer-menu { text-align: center }
	#footer-menu { margin-top: 5px }
	/*other*/
	#error-page-title { font-size: 80px; line-height: 80px; margin-bottom: 25px; }
	#error-page-text { margin-top: 0 }
	/*comments*/
	.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 }
}
/* Mobile (Landscape) = Design for a width of 440px
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	.outerbox { width: 100% }
	.innerbox { width: 390px }
	/*slider*/
	.flex-direction-nav li a.flex-next, .flex-direction-nav li a.flex-prev { width: 30px; height: 44px; line-height: 44px; margin-top: -22px; font-size: 12px; }
	/*blog*/
	#author-bio { width: 310px }
	.related-entry-excerpt { display: block }
}