/*

= Impact WordPress Theme
= Developed by WPExplorer.com
= This file contains your Responsive CSS


/* Smaller than standard 960
================================================== */	
@media only screen and (max-width: 1000px) {
	/* IE10 Metro responsive*/
	@-ms-viewport{ width: device-width; }
	/*header*/
	#header { padding-bottom: 30px }
	/*hide nav*/
	#navigation ul { display: none }
	/*hide slider arrows*/
	.flex-direction-nav li a.flex-next, .flex-direction-nav li a.flex-prev { display: none !important }
	/*logo*/
	#logo { text-align: center }
	#logo img { display: inline-block }
	#logo h1 a, #logo h2 a { display: block; float: none; }
	/*navigation top menu*/
	#navigation { height: 45px; width: 100%; position: inherit; top: auto; left: auto; right: auto; margin-top: 30px; margin-left: auto; margin-right: auto; background: #f6f6f6 url("../images/responsive-nav.png") right center no-repeat; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-bottom: 3px solid rgba(0,0,0,0.08); }
	#navigation .selector { width: 100%; color: #333; font-weight: bold; line-height: 45px; text-indent: 20px; }
	#navigation .selector { height: 45px; width: 100%; display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; cursor: pointer !important; }
	#navigation .selector:hover { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; }
	#navigation .selector select:focus { outline: 0 }
	#navigation .selector span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	#navigation .selector select { position: absolute; top: 0px; left: 0; height: 45px; background: none; width: 100%; font-size: 13px; font-weight: 500; color: #444 !important; cursor: pointer; }
	#navigation .selector { margin: 0; padding: 0; border: none; }
	#navigation .selector option { background: #fff; -webkit-appearance: none; padding: 10px 40px; border: none; border-bottom: 1px solid #ddd; }
	/*display dropdown nav*/
	#navigation .selector { display: inline-block }
}

/* Tablet Portrait size to standard 960
================================================== */
@media only screen and (min-width: 768px) and (max-width: 1000px) { 
	/*main*/
	body.boxed-layout #wrap, .boxed { width: 640px }
	#post { width: 410px }
	#sidebar { width: 200px }
	/*grid*/
	.grid-1 { width: 640px }
	.grid-2 { width: 305px }
	.grid-3 { width: 200px }
	.grid-4 { width: 145px }
	#post .grid-1 { width: 410px }
  .symple-two-third .grid-1  { width: 410px }
	#post .grid-2 { width: 195px }
	#post .grid-3 { width: 126px; margin-right: 16px; margin-bottom: 16px; }
	#post .grid-4 { width: 95px; margin-right: 10px; margin-bottom: 10px; }
	/*services tweaks*/
	.services-entry.grid-4 { width: 305px }
	#post .services-entry.grid-2, #post .services-entry.grid-3, #post .services-entry.grid-4 { width: 410px; margin-right: 0; margin-bottom: 30px; }
	/*portfolio tweaks*/
	.portfolio-entry.grid-4 { width: 305px }
	#post .portfolio-wrap { margin-right: 0 }
	#post .portfolio-entry.grid-1 .portfolio-entry-img, #post .portfolio-entry.grid-1 .portfolio-entry-video { width: 100%; margin-bottom: 20px; }
	.portfolio-entry.grid-1 .portfolio-entry-details { width: 100%; float: none; }
	#post .portfolio-entry { width: 100%; margin-bottom: 20px; float: none; }
	#post .portfolio-entry-img { width: 100%; margin-bottom: 20px; }
	#post .portfolio-entry.grid-4 .portfolio-entry-details { display: block }
	/*staff tweaks*/
	#post .staff-wrap { margin-right: 0 }
	.staff-entry.grid-3 .staff-entry-excerpt, .staff-entry.grid-4 .staff-entry-details { display: none }
	#post .staff-entry { width: 100%; margin-bottom: 20px; float: none; }
	#post .staff-entry-img { width: 100% }
	#post .staff-entry.grid-4 .staff-entry-details { display: block }
	/*services*/
	.services-wrap.grid-3-wrap { margin-right: 0 }
	.services-entry.grid-3 { width: 100% }
	/*blog tweaks*/
	#post .recent-posts { margin-right: 0 }
	.recent-posts-entry.grid-4 { width: 305px }
	#post .recent-posts-entry.grid-1 .recent-posts-entry-entry-img, #post .recent-posts-entry.grid-1 .recent-posts-entry-entry-video { width: 100%; margin-bottom: 20px; }
	#post .recent-posts-entry.grid-1 .recent-posts-entry-details { width: 100% }
	#post .recent-posts-entry { width: 100%; margin-bottom: 20px; float: none; }
	#post .recent-posts-entry-img { width: 100%; margin-bottom: 20px; }
	#post .recent-posts-entry.grid-4 .recent-posts-entry-details { display: block }
	/*post meta*/
	.post-meta { margin-top: -5px }
	.post-meta li { float: none; margin-bottom: 5px; }
	/*search*/
	.search-entry-text { width: 280px }
	/*commnets*/
	.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 }
}
/* Ipad Mini Portrait Edits
================================================== */
@media only screen and (min-device-width:768px) and (max-device-width:1000px) and (orientation:portrait) { 
	.symple-one-half, .symple-one-third, .symple-two-third, .symple-three-fourth, .symple-one-fourth, .symple-one-fifth, .symple-two-fifth, .symple-three-fifth, .symple-four-fifth, .symple-one-sixth, .symple-five-sixth { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; }
	.symple-pricing-table > div { margin-bottom: 25px }
	.symple-box, .symple-box.left, .symple-box.right { float: none; width: 100% !important; }
}
/* All Mobile Sizes
================================================== */
@media only screen and (max-width: 767px) { 
	/*main*/
	body.boxed-layout #wrap, .boxed, #post { width: 220px }
	#sidebar { width: 100%; margin-top: 40px; border-top: 10px solid #eee; padding-top: 40px; }
	/*grids*/
	.grid-1, .grid-2, .grid-3, .grid-4 { width: 220px !important; margin-right: 0; margin-bottom: 20px; }
	/*search*/
	.search-entry-image { float: none; margin-bottom: 25px; }
	.search-entry-text { float: none; width: 100%; }
	/*breadcrumbs*/
	#breadcrumbs { position: inherit; top: auto; right: auto; margin: 10px 0 0 0; padding: 0; background: none; line-height: 1.6em; }
	#breadcrumbs span { margin: 0 }
	/*post meta*/
	.post-meta { margin-top: -5px }
	.post-meta li { float: none; margin-bottom: 5px; }
	/*post types*/
	.portfolio-wrap { margin-right: 0 }
	ul.portfolio-filter li { display: block; margin-right: 0; margin-bottom: 10px; }
	ul.portfolio-filter a { display: block }
	ul.portfolio-filter a.active:hover, ul.portfolio-filter a.active { background-image: none; padding-left: 5px; }
	.staff-wrap { margin-right: 0 }
	.services-wrap { margin-right: 0 }
	.recent-posts-wrap { margin-right: 0 }
	.portfolio-entry.grid-1 .portfolio-entry-img, .portfolio-entry.grid-1 .portfolio-entry-video, .portfolio-entry.grid-1 .portfolio-entry-other { float: none; width: 100%; }
	.portfolio-entry.grid-1 .portfolio-entry-details { float: none; width: 100%; }
	.portfolio-entry.grid-1 .portfolio-entry-title h3 { font-size: 1em; margin-bottom: 0; }
	.portfolio-entry.grid-1 .portfolio-entry-details { margin-top: 15px }
	.recent-posts-entry.grid-1 .recent-posts-entry-img, .recent-posts-entry.grid-1 .recent-posts-entry-video, .recent-posts-entry.grid-1 .recent-posts-entry-other { float: none; width: 100%; }
	.recent-posts-entry.grid-1 .recent-posts-entry-details { float: none; width: 100%; }
	.recent-posts-entry.grid-1 .recent-posts-entry-title h3 { font-size: 1em }
	.recent-posts-entry.grid-1 .recent-posts-entry-details { margin-top: 15px }
	/*comments*/
	.comment-details { margin-left: 0; padding-left: 0; }
	.comment-details:after { display: none }
	.comment-avatar { display: inline-block; margin-bottom: 10px; position: inherit; top: auto; left: auto; }
	.comment-date { display: block }
	.comment-body { margin: 0 }
	#commentform input#author, #commentform input#email, #commentform input#url { width: 60% }
	.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 }
	#cancel-comment-reply-link { position: inherit; top: auto; right: auto; margin: 20px 0 -25px; }
	/* Symple Shortcodes */
	.symple-one-half, .symple-one-third, .symple-two-third, .symple-three-fourth, .symple-one-fourth, .symple-one-fifth, .symple-two-fifth, .symple-three-fifth, .symple-four-fifth, .symple-one-sixth, .symple-five-sixth { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; }
	.symple-pricing-table > div { margin-bottom: 25px }
	.symple-box, .symple-box.left, .symple-box.right { float: none; width: 100% !important; }
	/*wp gallery*/
	.wpex-gallery .gallery-item { float: none; margin-right: 0; width: 100% !important; }
	/*footer*/
	#copyright, #footer-menu { width: 100%; float: none; text-align: center; }
	#footer-menu { margin-top: 20px; padding: 0; }
	#footer-menu ul li { background: none; margin-bottom: 2px; display: block; padding: 0; margin: 0; }
	a#toplink { position: inherit; top: auto; margin-top: 20px; left: 50%; margin-left: -15px; right: auto; }
}
/* Mobile Landscape Size to Tablet Portrai
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	body.boxed-layout #wrap, .boxed { width: 370px }
	#post { width: 370px }
	/*grids*/
	.grid-1, .grid-2, .grid-3, .grid-4 { width: 370px !important; margin-right: 0; margin-bottom: 20px; }
	/*grid tweaks*/
	#single-portfolio-related .grid-4 { width: 175px !important; margin-right: 20px; }
	#single-portfolio-related .grid-4:nth-child(3) { clear: left }
}