/* Smartphones */
@media only screen and (max-width : 767px) {
/* ========= General Settings & Helper Classes ============= */

.media{
text-align: center;
}
.media .img,.media .imgExt{
width: 100%;
margin: 0 auto 20px auto;
float: none;
}
h1.title, #intro h1{
font-size: 2.6em;
}
h2.sub-title{
font-size: 1.4em;
}
/* ===================== HEADER ================ */
header{
height: auto;
}
header h1.logo{
margin-bottom: 10px;
}
header span.responsive-button{
display: block;
}
.primary-navigation{
display: none;
}
nav.responsive-navigation ul{
padding-bottom: 10px;
}
/*******************************************************
********************* Intro
*******************************************************/
#intro .flexslider{
width: 90%;
margin: 0 auto;
}
#intro .flexslider img{
width: 280px;
margin: 0 auto;
}
#intro .flexslider h1{
font-size: 2em;
}
.flex-direction-nav{
	display: none;
}
/*******************************************************
********************* about
*******************************************************/
.about-column img{
width: 150px;
height: 150px;
}
.team-member img{
margin: 0 auto 20px auto;
}
.tweets li{
width: 90%;
padding: 70px 5% 0;
height: auto;
text-align: center;
margin: 0 0 20px 0;
}
/*******************************************************
********************* services
*******************************************************/
.pricing_table ul{
	width: 100%;
	float: none;
}
/*******************************************************
********************* portfolio
*******************************************************/
#portfolio ul#filter li a{
	display: block;
	margin: 0 5px 5px 0;
}
/*******************************************************
********************* Blog
*******************************************************/
.featured-post h1{
font-size: 1.6em;
}
.featured-post img{
width: 250px;
}
.blog-post .paper-stack{
width: 300px;
}
/*******************************************************
********************* Respect
*******************************************************/
#respect{
font-size: 0.8em;
text-align: center;
background-size: auto;
}
/*******************************************************
********************* footer
*******************************************************/
footer{
	height: auto;
}
footer p{
	text-align: center;
	margin: 0;
	padding: 20px 0 10px;
	line-height: 100%;
	float:  none;
}
footer h1.logo-footer{
	display: none;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 720px) and (max-width : 959px) {

/*******************************************************
********************* Intro
*******************************************************/
#intro .flexslider{
width: 90%;
margin: 0 auto;
}
#intro .flexslider img{
width: 280px;
}
#intro .flexslider .slide-info{
margin-top: 20px;
}
#intro .flexslider h1{
font-size: 2em;
}
.flex-direction-nav li a.flex-prev{
left: -70px;
}
.flex-direction-nav li a.flex-next{
right: -70px;
}
/*******************************************************
********************* about
*******************************************************/
.about-column img{
width: 150px;
height: 150px;
}
.team-member img{
width: 140px;
height: 140px;
margin: 0 auto 10px auto;
}
.tweets{
text-align: center;
}
.tweets li{
width: 180px;
display: inline-block;
*display: inline;
}
/*******************************************************
********************* services
*******************************************************/
.pricing_table ul{
width: 349px;
}
/*******************************************************
********************* portfolio
*******************************************************/
.portfolio-item{
margin: 0 30px 20px 30px;
}
/*******************************************************
********************* Blog
*******************************************************/
.featured-post h1{
font-size: 1.6em;
}
.featured-post img{
width: 250px;
}
.blog-post .paper-stack{
width: 300px;
}
/*******************************************************
********************* Respect
*******************************************************/
#respect{
font-size: 1em;
text-align: center;
background-size: auto;
}
}