@media screen and (max-width:1200px){
	.device{left:20%;top:-36px;}
	footer li{margin-right:10%;}
	.feature-content{width:55%;}
}
@media screen and (max-width:991px){
	.feature-1,.feature-2{margin-bottom:50px;}
	.device{display:none;}
	.screenshots ul li{width:50%;}
	.screenshots-intro{padding:10px 0 20px 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){


.showcase {
    background: #3F6184 url('../img/showcase.jpg') no-repeat center center;
    background-size: cover;
}
.navicon {
    position: relative;
    height: 26px;
}
.navicon span {
    margin: 10px 0px 0 0
}
.hero {
    position: relative;
    padding: 10px 0 20px 0;
    min-height: 500px;
    background: rgb(40, 70, 102) url('../img/hero.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
}
.features-bg {
    position: relative;
    min-height: 400px;
    background: url('../img/features-intro-01.jpg') no-repeat center center;
    background-size: cover;
}
.features-img {
    width: 100%;
    height: 400px;
    text-align: center;
    line-height: 300px;
}
.features-slider {
    position: relative;
    padding: 0px;
    height: 400px;
    background-color: #3F6184;
}
.features-slider ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.features-slider ul li {
    width: 100%;
}
.features-slider li h1 {
    margin-bottom: 15px;
    color: #fff;
    font-weight: 400;
    font-size: 22px;
}
.features-slider li p {
    color: #fff;
	line-height:30px;
    font-size: 16px;
}
.text-left img{width:250px;}
.features-img img{width:100%;}
	.hero h1 img{width:110%;}
	.hero h2 img{width:100%;}
	.hero h1{margin:0px 0 -20px 0}
	.use-btn{display:none;}
	.learn-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.video{padding:15px;}
.main-video .main-video-cont { padding: 0px; }
.main-video .video-wrapper { position: relative; width: 100%; margin: 0 auto; }
.main-video .video-wrapper img, .main-video .video-wrapper iframe { display: block; width: 100%; height: 200px; background: #000; }
.main-video .video-wrapper iframe { display: none; width: 100%; }
.main-video .video-wrapper .btns { position: absolute; top: 25%; left: 47%; z-index: 3; width: 50px; height: 50px; background: url("http://www.xinhuanet.com/datanews/2016countrypic/img/icon_btn_play.png") top left no-repeat; cursor: pointer; background-size: 100%; }
.main-video .video-wrapper .main-video-head { width: 100%; }
.main-video .video-wrapper .main-video-head .main-video-head-tit { display: block; height: 40px; font-size: 14px; line-height: 30px; color: #222;}
.main-video .video-wrapper .main-video-head .main-video-head-tit a { display: block; height: 40px; font-size: 14px; line-height: 30px; color: #222; }
.main-video .video-wrapper .main-video-head .main-video-head-feature { float: right; margin-top: 16px; margin-bottom: 10px; }
.main-video .video-wrapper .main-video-head .main-video-head-feature span { float: left; display: block; height: 26px; padding: 0 ; font-size: 16px; line-height: 26px; // background-color: #fff;
background-color: rgba(255, 255, 255, 0.2); color: #fff; border-radius: 10px 12px; cursor: pointer; }

.download h1 {
    margin: 0 0 15px 0;
    color: #fff;
    font-size: 16px;
}


}
@media screen and (max-width:465px){

	.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:15px;}
	.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;}
}