@media screen and (max-width:1200px){
    .device{/*left:20%;top:-36px;*/ position: relative; left: 0; top: 10px; margin: 0 auto;}
    footer li{margin-right:10%;}
    .feature-content{width:55%;}
}
@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%}
}
@media screen and (max-width:680px){
    .hero h1{font-size:40px; margin:10px 0 10px 0}
    .hero-content .ppal-image {width: 50%; margin-left: 25%; margin-top: 10px; border-radius: 50%; border: 3px solid #ffffff;}
    .feature-content{width:60%;}
}
@media screen and (max-width:640px){
    .use-btn{display:none;}
    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;}
    .overlay ul{margin-left:0px;}
    .overlay ul li a{padding:20px 0;min-width:120px;font-size:12px;}
}
@media screen and (max-width:465px){
    .hero h1{font-size:40px;}
    .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;}
}