/* Posts
------------------------------- */
.post img.image { width: 100%; }

#posts .span4 { padding-top: 20px; width: 300px; height: 291px; }

.project-wrp img { height: 189px;}

.isotope {
	margin-top: 10px;
}

/* Isotope Transitions
------------------------------- */
.isotope, .isotope .item { 

-webkit-transition-duration: 0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;}
/*
.project-wrp { width: 170px; }
.project-wrp img {margin-right: 10px;}*/
.isotope {-webkit-transition-property:height,width;-moz-transition-property: height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width;}
.isotope .item {-webkit-transition-property: -webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:top,left,opacity;transition-property:transform, opacity;}

@media (min-width: 1200px) {
#posts .span4 { width: 270px; height: 271px; padding-top: 30px; margin-bottom: 10px; }

.row.isotope {width: 1200px; height: auto;}
.bios.project-wrp {width: 190px;  margin-bottom: 10px;}
.post.item.span2.isotope-item{width: 140px; height: auto; margin-right: 25px;}
.bios.project-wrp img { max-width: 100%; height: auto;}
.project-wrp .project-client{margin: 5px;}

.row .span2{ text-align: center;}
}

@media (min-width: 980px) and (max-width: 1199px) {
#posts .span4 { width: 300px; height: 300px; }
.row.isotope{width: 1000px;}
.bios.project-wrp {width: 180px; margin-right: 30px;}
.post.item.span2.isotope-item{width: 140px; height: auto; margin-right: 30px; }
.bios.project-wrp img { max-width: 100%; height: auto;}
.project-wrp .project-client{margin: 5px;}
.project-wrp {width: 300px; margin-right: 10px;}
.project-wrp img {height: 200px;}
.span12 .slider-text{ padding-left: 10px; padding-bottom: 10px;}
.span12 .slider-text .slider-desc {font-size: 15px; width: 420px;}
#posts .project-wrp {margin-left: 10px;}
/*Who We Are*/
.slider-text{width: 600px;}
.slider-text .slider-title{width: 560px !important; }

.span9{margin-left: -50; width: 100%;}

}

@media (min-width: 768px) and (max-width: 979px) {
#posts .span4 { width: 352px; height: 324px; }
.row.isotope{width: 800px;}
.bios.project-wrp {width: 180px; margin-right: 30px;}
.post.item.span2.isotope-item{width: 140px; height: auto; margin-right: 30px;}
.bios.project-wrp img { max-width: 100%; height: auto;}
.project-wrp .project-client{margin: 5px;}
.project-wrp img {height: 222px;}
/*navigation dropdown*/
.gsc-input {width: 260px !important; margin-left: 300px;}
/*Who We Are*/
#about .slider-text{width: 455px;}
#about .slider-text .slider-title{width: 415px !important; }
.services{height: auto;}
.grouping .span3.address {width: 200px; font-size: smaller; margin-left: 300px;}
.grouping .span3 iframe{width: 450px;}

#funds .span12 .slider-text{ padding-left: 10px; padding-bottom: 10px;}
#funds .span12 .slider-text .slider-desc {font-size: 14px; padding-right: 360px;}

#funds .flexslider .slides {width: 700px;}
.portfolio-slider.flexslider.funds {
    float: left;
    padding-right: 0;
    width: 100%;
    margin-bottom: 20px;
}
.input {width: 450px !important;}
}

@media (max-width: 767px) {
.isotope .item { position: static !important; -webkit-transform: translate(0px, 0px) !important; -moz-transform: translate(0px, 0px) !important; -ms-transform: translate(0px, 0px) !important;  transform: translate(0px, 0px) !important;}
.row .isotope .item{max-width: 100% ;}
.project-wrp img{max-width: 100% ;}
.isotope-hidden { display: none; }
#posts .span4 { width: 100%;}
#about .slider-text{width: 100%;}
#about .slider-text .slider-title{width: 420px !important; }
table {padding-top: 500px; }
.grouping .span3 {width: 450px;}

.portfolio-slider flexslider funds{width: 500px;}
.flex-viewport {}
}


@media (min-width: 480px) and (max-width: 767px) {
#posts .span4 { width: 480px; height: 392px; margin-top: 20px; }
.bios.project-wrp {width: auto;}
.bios.project-wrp img { height: auto; width: 100%;}
.project-wrp img {height: auto;}
.row .isotope .item{width: 800px;}

#parallax4 p {padding-left: 10 !important;}
#parallax4 .back {padding-top: 10px;}
#parallax4 .clients li {width: auto;}
table {padding-top: 500px; }
.container .span2{float: left; width: 92px; text-align: center;}
.portfolio-slider.flexslider.funds {
    float: left;
    padding-right: 0;
    width: 100%;
    margin-bottom: 10px;
}
#funds .slider-text .slider-desc {width: 425px; font-size: 16px;}
#funds .slider-text{ padding-left: 10px; padding-bottom: 10px;}


/*.span6 {width: 352px !important;}
	.fa.fa-envelope-o {font-size: 60px !important; margin-right: 10px;}
*/
#parallax1 .parallax-title {margin-right: auto; margin-left:auto;}
#email {width: 200px !important; font-size: 10px;}
.input #email{height: 35px;}
.input #submit {padding: 5px;}
.signup-header {margin-left: 10px;}
.signup-header p{font-size: 10px;}
.span6 {width: 460px;}
.span6 .envelope {border-right: none !important;}
/* .envelope {text-align: left; margin-left: 100px;}
	.input, .signup-header {margin-left: 100px;}
*/
}


@media (max-width: 479px) {
#posts .span4 { width: 300px; height: 291px; margin-top: 20px; }
.bios.project-wrp {width: auto;}
.bios.project-wrp img { height: auto; width: 100%;}
.row .isotope .item{width: 400px;}
.project-wrp {width: 400px;}
.project-wrp img {height: auto; max-width: 100%;}
#about .slider-title {float: none;}

#about .slider-desc {font-size: 12px;}
#tab3-content p{padding-top: 10px;}
#tab4-content p{padding-bottom: 10px;}
#parallax4 .pattern {height: 700px;}
#parallax4 .clients {height: 320px;}

.tabs ul li {display: inherit;}
table {padding-top: 500px; }
.tabs .tab-content {
	
	padding: 10px;
	display: none;
	font-size: smaller;
}
.container .span2{float: left; width: 80px; text-align: center;}
.container {font-size: smaller; width: 100%;}
.grouping .span3 iframe{width: 440px;}
#library .span6 {width: 500px;}


#parallax1 .parallax-title {margin-right: auto; margin-left:auto;}
.input {width: 500px;}

#email {width: 200px !important;}
.signup-header {margin-left: 10px;}
.signup-header p{font-size: 10px;}
.span6 {width: 460px;}
.span6 .envelope {border-right: none !important;}
}