/*

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




/* Smaller than standard 960
================================================== */	
@media only screen and (max-width: 959px) {
	
	/* 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: #000;
		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: 959px) {

	/*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; }
	#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 : 1024px) 
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; }

}




/* Mobile Portrait Size to Mobile Landscape Size
================================================== */

@media only screen and (max-width: 479px) { /* no tweaks added yet */}