@media screen and (max-width:1200px) {
.device { left:20%; top:-36px; }
footer li { margin-right:10%; }
.feature-content { width:55%; }
.device-content { position: absolute; top: 45px; left: 0; width: 320px; height: auto; }
.device-content img { width: 320px; height: auto; }
}
@media screen and (max-width:991px) {
.feature-1, .feature-2 { margin-bottom:50px; }
.device { display:none; }
.screenshots ul li { width:50%; }
.screenshots-intro { padding:110px 0 100px 0; }
.feature-content { width:80%; }
.features-slider { height:100% }
.features-list { padding: 60px 0px 10px 0; }
.feature-item { margin: 0px 0px 35px; min-height: 30px; }
.hero h1 { margin: 100px 0px 35px; font-size: 40px; }
.hero { position: relative; padding: 50px 0px; min-height: 500px; }
.heroprojectindividual { padding: 60px 0px 100px; min-height: 200px; }
.heroprojectindividual h1 { margin: 70px 0px 0px; font-size:3em; }
}
@media screen and (max-width:680px) {
.feature-content { width:60%; }
}

@media screen and (max-width:768px) {
footer li { display:block; text-align:left; padding:20px 0; border-bottom:dashed 1px #c7cacc; margin-right:0!important; float:none; }
nav { margin-top:40px; }
}


@media screen and (max-width:640px) {
/*.hero h1 { font-size:45px; margin:60px 0 45px 0 }*/
.use-btn { display:none; }

.overlay ul { margin-left:0px; }
.overlay ul li a { padding:20px 0; min-width:120px; font-size:12px; }
.hero h1 { margin: 70px 0px 35px; font-size: 33px; }
.hero { position: relative; padding: 30px 0px; min-height: 400px; }
h2 { margin: 0.83em 0px; font-size: 1.4em; line-height: 1.6; }
}
@media screen and (max-width:465px) {
.hero h1 { font-size:35px; margin:60px 0 45px 0 }
.screenshots ul li { width:100%; min-height:100%; float:none; }
section.video i { font-size:30px; }
section.video h1 { font-size:15px; font-weight:400; }
section.video { padding:40px; }
.feature-content { width:100%; text-align:center; margin-top:20px; }
.feature-icon { display:block; margin:0 auto; }
blockquote p { width:60%; }
.features-slider { padding: 11% 50px 10% 50px; }
.quote blockquote { font: 2.0em/1.5em "open_sanslight"; }
h2 { margin: 0.6em 0px; font-size: 1.2em; line-height: 1.4; }
.features-list h2 { font-size: 2.8em; margin: 0px 0px 10px; }

}