@media screen and (max-width:1200px){
	.device{left:20%;top:-36px;}
	footer li{margin-right:10%;}
	.feature-content{width: 100%;}
	.navicon.ham { display: block; }
	ul.head-nav { display:none;}
}
@media screen and (max-width:991px){
	.col-md-6.contact-left {  width: 100%; }
	.feature-1,.feature-2,
	.feature-3{margin-bottom:50px;}
	.device{display:none;}
	.nav ul li{width:50%;}
	.nav-intro{padding:110px 0 100px 0;}
	.feature-content{width:80%;}
	.screenshots ul li {  width: 50%; }
	section.nav .text-left figure {width: 90%;}
	section#screenshots ul li {  width: 50%; }
	section#screenshots ul li img {  width: 100%; }
	.feature-info { float: none; }
	.contect-left { width: 100%; }
	.contect-right {
		width: 100%;
		float: left;
		margin: 15px 0;
	}

	/*-- POPUP --*/
	.popup-inner {max-width: 90%;padding: 20px 10px;}
	.popup-inner h2 { font-size: 17px; }
}


@media screen and (max-width: 768px){
	.features-bg { display: none; }
}

@media screen and (max-width: 700px){
  .box{ width: 70%; }
  .popup{ width: 70%; }
}

@media screen and (max-width:680px){
	.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;}
	section.nav .text-left figure {width: 130%;height: 140px;}

	a.learn-btn.animated.fadeInUp.delay-15s { float: none; }
	.desc-h-right { text-align: center; }
	.head h1 { margin-top: 50px; }
	.head p { margin-top: 0; }
	.head-wrap { min-height: 750px !important; }
	
	/* FEATURE LIST	 */
	.features-list {
		padding-bottom: 0;
		padding-top: 100px;
	}
	
	

}
@media screen and (max-width:465px){
	.hero h1{font-size:40px;margin:100px 0 45px 0}
	.nav 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;height: auto;}
	section.nav .text-left figure {  width: 190%; }	

	.screenshots ul li {
	    width: 100%;
	    min-height: 100%;
	    float: none;
	    padding: 0;
	 }

	 section#screenshots ul li {
	    width: 100%;
	    padding: 0;
	    margin-bottom: 30px;
	}

	/*  BACKGROUND TOP	 */
	section#head-car > div:nth-of-type(1) {
		 background-position: left center !important;
		 background-size: 220% 100%; 
	}

	
}

@media screen and (max-width:365px){
	section.nav .text-left img{
    width: 100%;
    padding: 15px 15px 15px 0;
}
}