@media screen and (max-width:1200px){
	.device{left:20%;top:-36px;}
	footer li{margin-right:10%;}
	.feature-content{width:55%;}
	
	p.contact-top {
	    margin-top: -10px;
	}
}

@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%}
}

/* iPad 6 in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

	p.contact-top {
	    margin-top: 3px;
	}

}

/* iPad 6 in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 


	p.contact-top {
	    margin-top: 3px;
	}
	.learn-btn{
		padding: 15px 40px 15px 30px !important;
		font-size: 21px !important;
	}


}
/* iPhone 5 & 5S in portrait & landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 

	p.contact-top {
	    margin-top: 2px;
	}
	.learn-btn{
	    padding: 10px !important;
	    font-size: 15px !important;
	    float: right;
	}

}




/* iPhone 6 in landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 


}

/* iPhone 6 in  portrait */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 


	p.contact-top {
	    margin-top: 5px;
	}

}





@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;}
}
@media screen and (max-width:465px){
	.hero h1{font-size:40px;margin:100px 0 25px 0}
	.hero h3 {font-size: 22px;}
	.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;}

	.showcase h1 {
	    margin: 0 0 21px 0;
	    font-size: 44px;
	}


	.showcase p {
	    margin-bottom: 25px;
	   	font-size: 17px;
	    line-height: 27px;
	}

	.showcase-wrap {
	    padding: 42px 0;
	}

	.call-top-btn {
	    display: inline-block;
	    padding: 2px 13px;
	    border: 2px solid #fff;
	    border-radius: 3px;
	    color: #fff;
	    font-size: 14px;
	}

	.features-list {
	    padding: 40px 0;
	}

	/*.learn-btn {
	    padding: 15px;
	    font-size: 26px;
	    width: 100%;
	        text-align: center;
	}*/

	.learn-btn {    
		padding: 4px;
	    font-size: 14px;
	    width: 100%;
	    text-align: center;
	    margin-top: -8px;

	}

	.logo-top {
	    margin-top: 11px;
	}

	.hero {
	 	 min-height: 560px;
	}


	.work-btn {
	    padding: 15px 30px 15px 30px;
	    border: 3px solid #fff;
	    font-size: 24px;

	}

	#footer-info-top {
	    padding: 40px 0px 50px 0px;
	    text-align: center;
	}

}