@media screen and (max-width:1200px){
	.device{left:20%;top:-36px;}
	footer li{margin-right:5%;}
	.feature-content{width:67%;}
}
@media screen and (max-width:1024px){
	.features-slider ul li{line-height:22px;}
	.features-slider .flickity-page-dots{margin: -5px 0 0 30px;}
	.hero h1 {font-size: 33px;}
}
@media screen and (max-width:991px){
	.feature-1,.feature-2{margin-bottom:50px;}
	.device{display:none;}
	.screenshots ul li{width:50%;}
	.screenshots-intro{padding:30px 0 30px 0;}
	.feature-content{width:80%;}
	.features-slider{height:100%}
	.flow img{width: 100%}
	.hero h1{width: 90%; font-size: 36px; line-height: 60px;}
	.tel{width:95%;}
}
@media screen and (max-width:680px){
	.feature-content{width:60%;}
	.tel span{display: block;}
}
@media screen and (max-width:640px){
	.use-btn{display:none;}
	footer li{display:block;text-align:left;padding:5px 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:150px;font-size:12px;}
}
@media screen and (max-width:480px){
	.nav-toggle {
	    padding: 0px 20px 10px 0px;
	}
	.container {
	    margin: 0 auto;
	    width: 90%;
	}
	.col-md-12{
		padding:0;
	}
	.navicon p {
	    margin: 10px 50px 0 0;
		padding-top: 5px;
	}
	.hero h1{
		font-size:23px;
		margin:50px auto 15px; 
		line-height: 35px;
	}
	.hero h3 {
	    font-size: 20px;
	}
	.hero h3 span {
	    margin: 10px;
	}
	.screenshots ul li{width:100%;min-height:100%;float:none;}
	section.video i{font-size:20px;}
	section.video h1{font-size:23px;}
	section.video h3{font-size:15px; line-height: 28px; margin-bottom: 30px;}
	section.video{padding:0px;}
	.feature-content{width:100%;text-align:center;margin-top:5px;}
	.feature-icon{display:block;margin:0 auto;}
	blockquote p{width:60%;}
	.features-slider {padding: 10% 20px 5% 20px;}
	.hero h2{font-size:17px; line-height: 28px;}
	.hero img{width:25%;}
	.features-slider .flickity-page-dots {margin: 10px 0 0 30px;}
	.tel h3 {font-size: 22px;}
	.shikumi ul li{display: block;}
	.row > h1{font-size:23px;}
	.screenshots-intro h1{font-size:21px;}
	table{
		width: 100%;
		}
	th, td{
		width: 100%;
		display: block;
	}
	table.formTable th{
		width: 100%;
		padding-bottom: 0;
	}
	.company_table th {
	    border-bottom: none;
		padding-bottom: 0;
	}
	.forsp{
		display:block;
	}
	.hero {
		background-position: 80%;
	}
	.col-xs-6 {
	    width: 65%;
	}
	#form h3 {
	    margin: 10px 0px;
	}
	.privacy_text {
	    width: 95%;
	    padding: 15px;
	}
}