/* Main
----------------------------------------------------------- */
.container { max-width: 95%; }

/* Media Queries
----------------------------------------------------------- */
@media only screen and (max-width: 959px) { 
	.nav-menu { display: none }
	#site-navigation select { display: block; }
	.animate-services .service-entry, .animate-portfolio .portfolio-entry, .animate-portfolio .home-portfolio-btn, .home-content-inner, .home-callout-img.hidden { opacity: 1; }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.blog-entry .meta.span_5 { display: none; }
	.blog-entry-details { width: 100%; margin-left: 0; }
	.container { max-width: 85% }
	.blog-entry.span_6, .portfolio-entry.span_6 { width: 49% }
	.blog-entry.span_6.count-3, .portfolio-entry.span_6.count-3 { margin-left: 0; clear: both; }
	.single-portfolio-media, .single-portfolio-content { width: 49% }
	.home-portfolio .bx-prev { left: -45px }
	.home-portfolio .bx-next { right: -45px }
	.wpex-flickr-widget .flickr_badge_image { width: 50% }
	.home-portfolio .bx-prev, .home-portfolio .bx-next { display: none !important }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	.home-portfolio .bx-prev, .home-portfolio .bx-next { display: none !important }
}

@media only screen and (max-width: 767px) {
	/*grid - make columns 100%*/
	.span_1, .span_2, .span_3, .span_4, .span_5, .span_6, .span_7, .span_8, .span_9, .span_10, .span_11, .span_12, .span_13, .span_14, .span_15, .span_16, .span_17, .span_18, .span_19, .span_20, .span_21, .span_22, .span_23, .span_24, .one-half, .one-third, one-fourth, one-fifth { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 1.5em; }
	/*main*/
	#masthead { margin-bottom: 10px }
	.logo { float: none; margin-bottom: 25px; }
	#social { position: inherit; top: auto; right: auto; margin: 0; height: auto; }
	#social li { margin: 0 4px 4px 0 }
	.sidebar-container { padding: 0; margin-top: 50px; }
	.comment-list .children { margin-left: 0 }
	.entry .single-meta li { float: none; margin: 0 0 5px; }
	.entry .single-meta li i { margin-right: 10px }
	/*blog*/
	.blog-entry .meta.span_5 { display: none; }
	.blog-entry .meta.standard-meta li{ float: none; }
	/*footer-menu*/
	#copyright { margin-bottom: 10px; }
	#copyright, #footer-menu { text-align: center }
	#footer-menu ul { float: none; margin-top: 5px; }
	#footer-menu li { float: none; display: inliene; display: inline-block; margin-left: 0; margin-right: 10px; }
	/*portfolio*/
	.tax-archives-filter { position: inherit; position: relative; top: auto; right: auto; margin: 30px 0 0; height: 50px; line-height: 50px; }
	.tax-archives-filter > li { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.tax-archives-filter li li { height: auto; line-height: 1.6em; }
	.tax-archives-filter i { position: absolute; top: 50%; margin-top: -5px; right: 13px; }
	.single-portfolio-media { padding: 0 }
	/*misc*/
	.wpex-flickr-widget .flickr_badge_image { width: 23% }
}

@media only screen and (min-width: 480px) and (max-width: 767px) { 
	.container { width: 400px }
	.portfolio-entry .portfolio-entry-img-link { width: 307px; margin: 0 auto; }
}

@media only screen and (max-width: 480px) { 
	.portfolio-entry .portfolio-entry-img-link { width: 307px; margin: 0 auto; }
	#navbar { position: inherit; top: auto; right: auto; display: block; width: 100%; }
	#navbar select { width: 100%; }
	.container { width: auto; max-width: 85%; }
	.single-nav { position: inherit; top: auto; right: auto; margin: 20px 0 0; }
	.single-nav-left, .single-nav-right { margin-left: 0; margin-right: 3px; }
}