/* #Desktop Narrow Monitor
================================================== */
/* Note: Design for a width of 960px */
@media only screen and (min-width: 960px) and (max-width: 1199px) {



}






/* #Tablet or Netbook
================================================== */
/* Note: Design for a width of 640px */
@media only screen and (min-width: 660px) and (max-width: 959px) {
#logo{
	max-width:225px !important;
	margin-top:7px !important;
}
.main-menu li {
	padding:0 4px !important;
}
.main-menu li:last-child{
	padding-right:10px !important;
}

.line{
	margin-top:2.5% !important;
}
.line-link {
}



}






/* #Mobile landscape
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 659px) {
#header-container{
	display: none;
}
#mobile-header-container{
	display: block !important;
}
#content-spacer	{
	display: none !important;
}
/* MOBILE SOCIAL */
.social-menu{
	margin-bottom:0 !important;
	padding:0 !important;
	float:none !important;
	padding:18px 0 !important;
	text-align:center !important;
}

.social-menu li{
	list-style:none !important;
	display:inline-block !important;
	float:none !important;
}

.line{
	width:40% !important;
	margin-top:4% !important;
}
.line-link {

}

.quick-view{
	display: none !important;
}

/* Testimonials */
.testimonial{
    font-size: 24px;
    margin-left:40px;
}
.testimonial span{
    font-size: 16px;
}
.testimonial:before{
    font-size: 60px;
    left:-40px;
}


}




@media only screen and (min-width: 0px) and (max-width: 639px) {
	.team-headshot img,
	.team-headshot {
		position: static !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.team-details{
		float: none !important;
		text-align: center !important;
	}

	.team-container-single .team-intro{
	    margin-top:0px;
	    padding-top: 60px;
		text-align: center;
		padding-bottom: 0;
	}
	.team-container-single .team-meta{
		margin-bottom:5%;
	}

	.blog-post-container .post-inner{
		max-height: 100%;
		min-height: 100%;
	}
	.post-title{
    position: static !important;
}
/* Testimonials */
.testimonial{
    font-size: 24px;
    margin-left:40px;
}
.testimonial span{
    font-size: 16px;
}
.testimonial:before{
    font-size: 60px;
    left:-40px;
}
.filler{
    display: none;
}

.post-meta .categories{
    display: none;
}

.project-nav li{
	width:30%;
	font-size:14px;
}

}



/* #Mobile Portrait
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 0px) and (max-width: 479px) {

h1{
 	font-size: 35px;
	line-height: 32px;
 }

h2{
    font-size: 25px;
    line-height: 25px;
}

h3{
    font-size: 22px;
    line-height: 20px;
}
.team-container-single .team-details p {
	color: #777;
    background-color: #fff;
    margin: 0 0 0 0 !important;
    text-align: center !important;
}
#header-container{
	display: none;
}
#mobile-header-container{
	display: block !important;
}

#logo {
	width: 200px;
	padding:25px 0 0 0 !important;
}

#content-spacer	{
	display: none !important;
}

/* MOBILE SOCIAL */
.social-menu{
	margin-bottom:0 !important;
	padding:0 !important;
	float:none !important;
	padding:18px 0 !important;
	text-align:center !important;
}

.social-menu li{
	list-style:none !important;
	display:inline-block !important;
	float:none !important;
}

.line{
	width:40% !important;
	margin-top:8% !important;
}
}
/*CHANGES MADE HERE*/

@media only screen and (max-width: 479px) and (min-width: 0px){

.line {
	width: 40% !important;
	margin-top: 5% !important;
}

/*END*/

.line-link {

}

#portfolio-filter li{
	padding:0 8px !important;
	font-size:18px !important;
}

.quick-view{
	display: none !important;
}

.featured-blog img {

}

.blog-post-container{
    margin-bottom:10px !important;
}


.filler{
    display: none;
}

.post-meta .categories{
    display: none;
}


}