@media screen and (max-width:1200px){
	.device{left:20%;top:-36px;}
	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:48%;}
	.overlay {height: 30%;}
	.overlay nav {top: 60%;}
	.screenshots-intro{padding:110px 0 100px 0;}
	.feature-content{width:80%;}
	.features-slider{height:100%}
    .modal{padding-top: 15%;}
    .hero{min-height: 550px; padding-top: 15px; background-position: center 35%; background-size: 100%}
    .hero-content{margin-top: 45%}
    .text-left a img{height:110px;width:120px;}
}
@media screen and (max-width:680px){
    .hero{min-height: 350px}
	.feature-content{width:60%;}
	.overlay {height: 100%;overflow: auto;}
	.overlay nav {top: 20%;}
	.overlay nav ul li {width: 80%; margin-left:10%; margin-bottom:1%; display:block;}
	.overlay ul li a{padding:20px 0;min-width:120px;font-size:12px;}
    .infoMenu-content {position: static}
    .modal{padding-top: 25%;}
    .text-left a img{height:100px;width:110px;}
}
@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 nav {top: 15%;}
	.overlay ul li a{padding:20px 0;min-width:120px;font-size:12px;}
    
}
@media screen and (max-width:465px){
	.hero h1{font-size:30px;margin:90px 0 30px 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;}
    .hero{background-position: center 31%;}
}
@media screen and (max-width:321px){
    .hero h1{font-size:21px;margin:70px 0 30px 0}
}