@media screen and (max-width:1200px){
	.device{left:20%;top:-36px;}
	footer li{margin-right:10%;}
	/*.feature-content{width:55%;}*/
	.aboutnano figure.minustop {margin-top: 0px;}
	.aboutnano figure.minustop.pull-right {float: none!important;}
}
@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%}
}
@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 45px 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;}
}

@media screen and (max-width:768px){
	#footer .social ul li a.phone i, #footer .social ul li a.phone span,#footer .social ul li a.mail i, #footer .social ul li a.mail span {top:34%;}
}

@media only screen and (min-width: 100px) and (max-width: 400px) {
	#spritespin, .spritespin-instance {
	  width:300px !important;
	  height:200px !important;
	  left: -21px  !important;
	}
	.hero-content .col-md-12{
		 
	}
	.navicon {
		margin-top: 0px;
	}
	.navicon p {
    	margin: 0px -43px 0px 0px;
	}
	.hero h1 {
    	font-size: 22px;
   		margin: 40px 0 45px 0;
	}
	.download-btn{
		font-size: 10px;
    	border: 1px solid;
	}
	.detail-20{
	  left: -25px;
      top: 25px;
	}
	.detail-40{
	  right : -40px;
	}
	.detail-60{
	  left: -50px;
	  top: 25px;
	}
	.detail-80{
	  right: -30px;
	  top: 10px;
	}
	.detail-99{
	  left: -75px;
	}
	.detail a.download-btn{
		padding:2px; 
	}

}
@media only screen and (min-width: 401px) and (max-width: 600px) {
	#spritespin, .spritespin-instance {
	  width:400px !important;
	  height:250px !important;
	}
	.hero-content .col-md-12{
		 
	}
	.download-btn{
		font-size: 10px;
    	border: 1px solid;
	}
	.download-btn{
		font-size: 10px;
    	border: 1px solid;
	}
	.detail-20{
	  left: -35px;
      top: 25px;
	}
	.detail-40{
	  right : -40px;
	}
	.detail-60{
	  left: -50px;
	  top: 25px;
	}
	.detail-80{
	  right: -30px;
	  top: 10px;
	}
	.detail-99{
	  left: -35px;
	}
	.detail a.download-btn{
		padding:2px; 
	}
}
@media only screen and (min-width: 601px) and (max-width: 767px) {
	#spritespin, .spritespin-instance {
	  width:600px !important;
	  height:400px !important;
	}
}