/* All Responsive
================================================== */

@media only screen and (max-width: 959px) {
 
/*logo*/
	

#logo { display: block; 
	float: none; 
	margin: 0 auto 50px; 
	text-align: center; 
}
	

#logo img { 
	display: block; 
	margin: 0 auto; 
}
	

/*navigation top menu*/
	

#navigation { 
	position: inherit; 
	height: 55px; 
	width: 700px; 
	margin-top: 0; 
	background: none;
	margin: 0; 
	top: auto; 
	right: auto; 
	text-indent: 20px; 
}
	

#navigation .selector { 
	width: 100%; 
	color: #ddd; 
	font-weight: bold; 
	line-height: 55px; 
}
	

#navigation .selector { 
	height: 55px; 
	width: 100%; 
	display: -moz-inline-box; 
	display: inline-block; 
	vertical-align: middle; 
	zoom: 1; 
	display: inline; 
	cursor: pointer !important; 
	text-align: left; 
}
	

#navigation .selector { 
	margin: 0; 
	padding: 0; 
	border: none; 
}
	

#navigation .selector select { 
	position: absolute; 
	top: 0px; 
	left: 0; 
	height: 55px; 
	background: none; 
	width: 100%; 
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	font-size: 13px; 
	font-weight: 500; 
	color: #666 !important; 
	cursor: pointer; }

	
#navigation .selector select:focus { outline: 0 }


#navigation .selector option { 
	background: #000; 
	-webkit-appearance: none; 
	padding: 15px 25px; 
	border-color: #303030; 
}
	

#navigation .selector:hover { opacity: 1; 
	-moz-opacity: 1; 
	-webkit-opacity: 1; 
}
	

#navigation .selector span { 
	display: block; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
}
	

#navigation .selector { 
	display: inline-block 
}
	

#navigation ul { display: none }
	

.footer-box { 
	margin-bottom: 15px }


}


/* Tablet (Portrait)
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {


/*grid*/
	

#wrap, 
#masthead, 
#home-slider, 
#navigation, 
#tagline-wrap, 
#footer { width: 700px }


.grid-4 { width: 200px }


.portfolio-entry.grid-4,
 .overlay { width: 342px !important }


/*main*/

#post { width: 420px }


/*portfolio*/
	

#single-portfolio-media { width: 400px }
	

.sidebar-container, 
.sidebar-container input[type="search"] { width: 240px }
	

#single-portfolio-info { width: 260px }
	

/*footer*/
	

.footer-box { float: left; width: 156px; }
	

#footer-bottom-left, 
#footer-bottom-right { width: 340px }
	

#footer-bottom-left { margin-right: 20px }
	

#portfolio-cats li { margin-bottom: 6px }
	

#single-portfolio-related .portfolio-entry.grid-4 { width: 337px !important }
	

#portfolio-cats { margin-top: -29px }


.columntwo { width: 50%; float: left;
}
.columnone { width: 50%; float: left;
}
}


/* Ipad Mini Portrait Edits
================================================== */

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) { 
	

.att-one-half { width: 50%; float: left; margin-right: 0; margin-bottom: 20px; }
	
.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 { width: 100%; float: left; margin-right: 0; margin-bottom: 20px; }
	

.att-pricing-table > div { margin-bottom: 25px }
	

.att-box, 
.att-box.left, 
.att-box.right { float: none; width: 100% !important; }


.columntwo { width: 50%; float: left;
}
.columnone { width: 50%; float: left;
}
}


/* Mobile (Portrait)
================================================== */

@media only screen and (max-width: 767px) { 
	

/*hide things*/
	

#home-slider, 
.flex-direction-nav { display: none }
	

/*grid*/
	

#wrap, 
#masthead, 
#tagline-wrap, 
#home-slider, 
#navigation, 
#footer, 
.overlay, 
input[type="search"] { width: 280px }
	

.grid-1, 
.grid-2, 
.grid-4, 
.grid-4, 
.grid-5, 
.grid-6 { width: 280px }
	

.footer-box { width: 100% }
	

/*main*/
	

#post { width: 100% }
	

.sidebar-container { width: 100%; margin-top: 50px; }
	

/*home*/
	

#home-wrap .heading, #ajax-container .heading { font-size: 14px }
	

#home-wrap .heading span, #ajax-container .heading span { max-width: 55% }
	

/*portfolio*/
	

#portfolio-cats li { width: 100%; text-align: center; }
	

#portfolio-cats li:after { content: ''; margin-right: 0; }
	

#portfolio-cats li a { display: inline-block; float: none; }
	

#single-portfolio-media { margin-bottom: 25px }
	

#single-portfolio-media, #single-portfolio-info { width: 100% }
	

#single-portfolio-info .heading h2 { border-bottom: 1px solid #ddd }
	

#single-portfolio-info { margin-top: 20px }
	

/*pagination*/
	

#post-pagination { position: inherit; top: auto; left: auto; margin: 10px 0 0; }
	

/*comments*/
	

.comment-details { margin-left: 0; text-align: center; }
	

.comment-details:after { display: none }
	

.comment-avatar { 
	display: inline-block; 
	margin-bottom: 10px; 
	position: inherit; 
	top: auto; 
	left: auto; 
}
	

.comment-date { display: block }
	

.comment-break { display: none }
	

.comment-reply-link { display: block; padding-bottom: 10px; margin-bottom: 10px; }
	

.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 }
	

#footer-bottom-left, #footer-bottom-right { float: none; text-align: center; }
	

#footer-bottom-right { margin-top: 20px }
	

#social { float: none }
	

#portfolio-cats li { margin-bottom: 10px }
	

#portfolio-cats li { background: none !important }
	

.comment-meta .reply { margin-left: 0 }
	

.comment-meta .reply a { margin-top: 10px }
	

.portfolio-entry.grid-4 { margin-bottom: 25px }


/*custom*/
	

.columntwo { width: 50%; float: left;
}
.columnone { width: 50%; float: left;
}

/*shortcodes*/
	

.att-one-half { width: 50%; float: left; margin-right: 0; margin-bottom: 20px; }


.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 { width: 100%; float: left; margin-right: 0; margin-bottom: 20px; }
	

.att-pricing-table > div { margin-bottom: 25px }
	

.att-box, 
.att-box.left, 
.att-box.right { float: none; width: 100% !important; }

}


/* Mobile (Landscape)
================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) { 
	

#wrap, 
#masthead, 
#tagline-wrap, 
#home-slider, 
#navigation, 
#footer, 
input[type="search"], 
.grid-1, 
.grid-4 { width: 370px }


.portfolio-entry.grid-4 { margin-bottom: 25px }
.columntwo { width: 50%; float: left;
}
.columnone { width: 50%; float: left;
}
}