@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:50%;}
	.screenshots-intro{padding:110px 0 100px 0;}
	.feature-content{width:80%;}
	.features-slider{height:100%}
	.learn-btn{display: table;width: 240px; padding: 12px 46px;text-align:center}
	.use-btn{padding: 12px 45px;margin-top:10px;}
	.pricing-table{display: block;}
	.pricing-table .pricing-option{ width: 100%; padding:0px; margin-bottom: 25px;}
	.pricing-table .pricing-option:nth-child(even){margin:0px 0px 25px 0}
	
}
@media (min-width: 768px) {
    .container {
        width: 100%;
		max-width: 1170px;
    }
}
@media screen and (max-width:680px){
	.feature-content{width:60%;}
	
}
@media screen and (max-width:640px){
	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:540px){
	.hero h1{font-size:26px;height:97px }
	
	iframe[title="chat widget"] {
		width: 100% !important;
		max-width: 100% !important; /* Ensures it doesn't exceed the viewport width */
		right: 0px !important;      /* Aligns it to the edge if positioned right */
		left: 0px !important;       /* Aligns it to the edge if positioned left */
		height: 100% !important;
	}
}
@media screen and (max-width:465px){
	.hero h1{font-size:26px;margin:100px 0 185px 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: 10px;}
	#about p, .features-list p{font-size:16px}
}
@media (pointer:fine) and (max-width:465px){
	.hero h1{font-size:26px;margin:190px 0 38px 0}
}