@media screen and (max-width:1200px){
	.device{left:20%;top:-36px;}
	.feature-content,.feature-content_2{width:100%;}
    .screenshots figcaption .caption-content p {font-size:100%;vertical-align:middle;}
}
@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:100%;}
	.features-slider{height:100%}
    .features-list,.features-list_2 {padding:50px 0 0;}
    .features-list ul,.features-list_2 ul{margin:0 auto;width:100%;}
    .features-list li,.features-list_2 li{margin:0 auto;padding:0.5em;}
	.screenshots ul li{width:100%;min-height:100%;float:none;}
	.screenshots figcaption{padding:5% 0;}
    .screenshots figcaption .caption-content p {font-size:100%;vertical-align:middle;}
}
@media screen and (max-width:680px){
	#sp {display: block !important;}
	#pc {display: none !important;}
	.feature-content,.feature-content_2{width:100%;}
	.screenshots ul li{width:100%;min-height:100%;float:none;}
	.screenshots figcaption{padding:5% 0;}
    .screenshots figcaption .caption-content p {font-size:100%;vertical-align:middle;}
    .feature-content img{width:100%;max-width:500px;height:auto;}
    .features-list{padding:20px 0 10px;}
    .features-list_2{padding:0 0 10px;}
    .features-list h1{font-size:1.2em;line-height:1.4;}
    .features-list h1,.features-list_2 h1{margin: 0 auto 1.5em;}
    .features-list ul,.features-list_2 ul{margin:0 auto;width:100%;}
    .features-list li,.features-list_2 li{margin:0 auto;padding:0.5em;}
}
@media screen and (max-width:640px){
	#sp {display: block !important;}
	#pc {display: none !important;}
	.use-btn{display:none;}
	 nav{margin-top:40px;}
	.overlay ul{margin-left:0px;}
	.overlay ul li a{padding:20px 0;min-width:120px;font-size:12px;}
	.screenshots ul li{width:100%;min-height:100%;float:none;}
	.screenshots figcaption{padding:5% 0;}
    .screenshots figcaption .caption-content p {font-size:100%;vertical-align:middle;}
    .feature-content img{width:100%;max-width:500px;height:auto;}
    .features-list{padding:20px 0 10px;}
    .features-list_2{padding:0 0 10px;}
    .features-list h1{font-size:1.2em;line-height:1.4;}
    .features-list h1,.features-list_2 h1{margin: 0 auto 1.5em;}
    .features-list ul,.features-list_2 ul{margin:0 auto;width:100%;}
    .features-list li,.features-list_2 li{margin:0 auto;padding:0.5em;}
}
@media screen and (max-width:465px){
	#sp {display: block !important;}
	#pc {display: none !important;}
	.hero h1{font-size:40px;margin:300px 0 45px 0;font-size:145%;}
	.screenshots ul li{width:100%;min-height:100%;float:none;}
	.screenshots figcaption{padding:5% 0;}
    .screenshots figcaption .caption-content p {font-size:100%;vertical-align:middle;}
	.feature-content,.feature-content_2{width:100%;text-align:center;margin-top:20px;}
    .feature-content img{width:100%;max-width:500px;height:auto;}
	.feature-icon{display:block;margin:0 auto;}
	blockquote p{width:60%;}
	.features-slider{padding:3em 2em;}
    .features-slider li h1{font-size:105%;font-weight:bold;line-height:1.4;}
    .features-list{padding:20px 0 10px;}
    .features-list_2{padding:0 0 10px;}
    .features-list h1{font-size:1.2em;line-height:1.4;}
    .features-list h1,.features-list_2 h1{margin: 0 auto 1.5em;}
    .features-list p,.features-list_2 p{margin: 0 auto;}
    .feature-content,.feature-content_2{margin: 0 auto;padding:0;}
    .features-list ul,.features-list_2 ul{margin:0 auto;width:100%;}
    .features-list li,.features-list_2 li{margin:0 auto;padding:0.5em 0.4em;}	
    .pagetop_btn{right:10px;}
}