@media screen and (min-width: 992px) and (max-width:1200px){
	.device{left:0;top:-36px;}
	footer li{margin-right:10%;}
}
@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;}
}
@media screen and (max-width:680px){
	.screenshots-intro p { width: 95%; }	
	.features-slider li p { width: 100%; }
	.features-slider .flickity-page-dots { margin-top: 0px; }
}
@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;}	
	.features-slider li p { min-width: 0px; }
	.download-subtext { margin-left: 0px; }
}
@media screen and (max-width:576px){
	.hero h1{font-size:1.5rem;margin:100px 0 45px 0}
	.download h1 {font-size:1.5rem;}
	.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;}
	blockquote p{width:60%;}
	.features-slider {padding: 11% 50px 10% 50px;}			
}

@media(max-width: 991px) {
    .features-list {
		padding: 50px 0;
		height: 100%;
	}

    .testimonials-intro {
        padding: 50px 0 50px 0;
	}
	
	.testimonial-voices .col-md-6 {
		margin-bottom: 1.5rem;
	}
	
	.screenshot-content {
		padding: 10px 0px 5px 30px;
	}

	.download {
		padding: 50px 0;
	}

	footer {
		padding: 25px 0;
	}

	.overlay-demo-contact input, textarea, .overlay-contact input, textarea  {
		width: 100%;
	}

	.overlay-demo-contact .close-demo-contact-overlay, .overlay-contact .close-contact-overlay {
		left: 12.5px;
		top: -40px;
	}

	.overlay-demo-contact .close-demo-contact-overlay .fas, .overlay-contact .close-contact-overlay .fas {
		transform: translateY(0);
	}
}

@media(max-width:767px){
	h1, h2 {
		line-height: 1.25;
	}
	
	.hero h1 {
		margin: 80px 50px 30px 50px;
		text-align: left;
		width: unset;
	}

	.hero-text {
		text-align: center;
	}

	.hero-title-semi {
		margin-bottom: 12px;
	}

	.features-slider {
		padding: 25px 15px 25px 50px;
		height: fit-content;
	}
	
	.features-slider li p{
		width: 90%;
	}

	.overlay ul li a {
		font-size: 0.8rem;
	}

	.screenshot-content {
		padding: 5px 15px 0 15px;
	}
}

@media(max-width: 576px) {
	.hero {
		padding-top: 30px;
	}

	.hero h1 {
		margin: 30px 25px 30px 25px;
		font-size: 1.35rem;
	}

	.hero h1 span {
		font-size: 2.5rem;
	}

	.screenshot-content {
		padding: 0px 30px 0 30px;
	}

	.screenshots .row {
		margin-bottom: 1.5em;
		display: block;
	}

	.overlay-demo-contact .button, .overlay-contact .button {
		width: 100%;
	}

	.download .learn-btn {
		width: 100%;
		min-width: unset;
	}

	.feature-icon {
		margin-bottom: 0.5rem;
	}
}

@media(min-width: 768px) and (max-width:991px) {
	.features-slider {
		padding: 10% 0 10% 2.5rem;
	}
}

@media(min-width: 992px) and (max-width:1200px) {
	.features-slider {
		padding: 10.5% 0 10% 3.5rem;
	}
}