@charset "UTF-8";
/* CSS Document */

.features-more {
	width:20%;
	background-color:#ff7841;
	height:3em;
	margin:0 auto;}

.features-more p {
	text-align:center;
	padding:0.4em;
	color:#fff;
	font-size:140%;}

.features-more p:hover{
	background-color:#FFA37E;text-align:center;
	color:#fff;
	font-size:140%;
}

.features-top {
	width:100%;
	height:300px;
	background-image:url(../img/featurestop.jpg);
	background-size:cover;
	background-position: 60% center}

.features-maincatch {
	width:40%;
	margin:0 auto;
	border:2px solid #fff;
	}
	
.features-topspace {
	height:4em}
.features-maincatch h1{
	font-size: 350%;
	font-weight:300;
	color:#fff;
	text-align:center;padding:0.5em}	
.f-info {
	width:90%;
	margin:0 auto;}

.f-title {
	width:100%}

.f-title h2 {
	font-size:24px;
	text-align:center}

.f-area {
	width:100%;
	max-height:775px;
	height:775px;max-width:1280px;margin:0 auto}

.features-l {
	width:100%;
	margin: 0 auto;
	padding-top:8em;
	margin-left:5em}

.features-r {
	width:100%;
	margin:0 auto;}

.features-l img {
	width:100%;
	margin:0 auto}

.features-r img {
	width:100%;
	margin:0 auto;padding:0em;
	margin-left:0em;margin-top:2em}

.info {
	width:100%;
	margin:0 auto;
}

.info h2 {
	font-size:24px;
	color:#000;
	font-weight:300;margin-top:2em}

.info p {
	font-size:14px;
	color:#353239;font-weight:300;line-height:2em;width:100%;margin-top:1em}


features1-l {
	width:90%;
	margin: 0 auto;}

.features1-r {
	width:100%;
	margin:0 auto}

.features1-l img {
	width:100%;
	margin:0 auto;
	margin-top:-10em;padding:3em;}

.features1-r img {
	width:100%;
	margin:0 auto;
	margin-top:-5em;padding:2.5em}

.info {
	width:100%;
	margin:0 auto;margin-left:1em
}

.info h2 {
	font-size:24px;
	color:#000;
	font-weight:300;margin-top:0em}

.info p {
	font-size:14px;
	color:#353239;font-weight:300;line-height:2em;margin-top:0em;
	width:80%}

.info1 {
	width:90%;
	margin:0 auto;
	margin-top:3em
}

.info1 h2 {
	font-size:24px;
	color:#000;
	font-weight:300}

.info1 p {
	font-size:14px;
	color:#353239;font-weight:300;line-height:2em;margin-top:1em;
	width:90%}


.feature-line {
	width:100%;
	margin:0 auto;
	top:0}
	
.feature-line img{
	width:100%;
	margin:0 auto;
	margin-top:-6.56em}
	

.feature-line1 {
	width:100%;
	margin:0 auto;
	top:0}
	
.feature-line1 img{
	width:100%;
	margin:0 auto;
	margin-top:-6.56em}

/*Appstore*/
.download-area {
/*	width:100%;background-image:url(../img/handipadbc11.png);height:380px;background-size:48%;background-position:right bottom;background-repeat:no-repeat;max-width:1280px;margin:0 auto;border:1px solid #ccc}*/
	width:100%;background-image:url(../img/handipadbc11.png);height:620px;background-size:48%;background-position:right bottom;background-repeat:no-repeat;max-width:1280px;margin:0 auto;border:1px solid #ccc}
.download {	
	width:50%;max-width:600px;
	height:360px;margin-left:3em;margin-top:2em;color:#505050;}

.d-title h2{
	text-align:center;
	padding:1em;
	font-weight:600;font-size:22px}

.d-info {
	height:7em;
/*	padding:1em;width:100%;font-size:15px;margin-top:0.8em}*/
	width:100%;font-size:15px}
	
.d-text p {
/*	height:4em;*/
/*	padding:0.5em;width:80%;font-size:15px;margin:0 auto;text-align:center;padding-bottom:1em}*/
	padding:0.5em;width:90%;font-size:15px;margin:0 auto;text-align:center;padding-bottom:1em}
	
.dl-button {
/*	width:50%;float:left;position:relative}*/
	width:45%;float:right;position:relative;margin-top: -5.5em;}

.dl-button img {
	width:77%}
img#qrcodeimg{
/*	width:100px;margin-top: -3em;*/
	width:100px;margin-top: -6.2em;float:right
}
.d-text-small {
	width:100%;
	margin:0 auto;
	font-size:13px}

.user {
/*	width:50%;float:left;position:relative}*/
	width:105%;float:left;position:relative}
	
.user-text {
/*	text-align:center}*/
	text-align:left; width: 60%}
	.user .p2{
		width: 60%; display: inline-block;vertical-align: top;
	}

/*excel*/
.excel-area {
	width:100%;}

.excel-bg {
	width:60%;background-color:#F6F6F6;margin:0 auto;border:1px solid #D6D6D6}
.excel {
	width:100%;
	margin:0 auto;max-width:641px;height:260px;}

.excel-title {
	width:100%;padding-top:0.3em}

.excel-title h2 {
	text-align:center;
	font-size:22px;
	font-weight:600;
	padding:1em}

.excel-info {
	width:60%;float:left;position:relative}

.excel-info p {
	font-size:15px;
	padding:1em;}
	
.excel-button a{
	margin:0 auto;
	text-align:center;
	font-size:18px;color:#62B05E;padding:0.4em;border-radius:4px;font-weight:bold}

.excel-button a:hover {
	text-decoration:underline;color:#749C7B}
	
.excel-button a img {
	width:80px;padding:0.5em;margin-top:0em}

.excel-button p {
	line-height:1.8em}
.excel-button {
	width:40%;float:left;position:relative}
	
@media screen and (min-width:946px) and (max-width:1023px) {
	.excel-area {
	width:100%;}

.excel-bg {
	width:70%;background-color:#f4f4f4;margin:0 auto}
.excel {
	width:100%;
	margin:0 auto;max-width:641px;height:260px;}

.excel-title {
	width:100%;padding-top:0.3em}

.excel-title h2 {
	text-align:center;
	font-size:22px;
	font-weight:600;
	padding:1em}

.excel-info {
	width:60%;float:left;position:relative}

.excel-info p {
	font-size:15px;
	padding:1em;width:100%}
	
.excel-button a{
	margin:0 auto;
	text-align:center;
	font-size:18px;color:#62B05E;padding:0.4em;border-radius:4px;font-weight:bold}

.excel-button a:hover {
	text-decoration:underline;color:#749C7B}
	
.excel-button a img {
	width:80px;padding:0.5em;margin-top:0em}

.excel-button p {
	line-height:1.8em}
.excel-button {
	width:40%;float:left;position:relative}}


@media screen and (min-width:641px) and (max-width:945px) {
	.excel-area {
	width:100%;}

.excel-bg {
	width:80%;background-color:#f4f4f4;margin:0 auto}
.excel {
	width:100%;
	margin:0 auto;max-width:641px;height:260px;}

.excel-title {
	width:100%;padding-top:0.3em}

.excel-title h2 {
	text-align:center;
	font-size:22px;
	font-weight:600;
	padding:1em}

.excel-info {
	width:70%;float:left;position:relative}

.excel-info p {
	font-size:15px;
	padding:1em;width:100%}
	
.excel-button a{
	margin:0 auto;
	text-align:center;
	font-size:18px;color:#62B05E;padding:0.4em;border-radius:4px;font-weight:bold}

.excel-button a:hover {
	text-decoration:underline;color:#749C7B}
	
.excel-button a img {
	width:80px;padding:0.5em;margin-top:0em}

.excel-button p {
	line-height:1.8em}
.excel-button {
	width:30%;float:left;position:relative}}
	
@media screen and (min-width:0px) and (max-width:641px) {
	.excel-area {
	width:100%;padding-top:7em}

.excel-bg {
	width:90%;background-color:#f4f4f4;margin:0 auto}
.excel {
	width:100%;
	margin:0 auto;max-width:641px;height:320px;}

.excel-title {
	width:100%;padding-top:0.3em}

.excel-title h2 {
	text-align:center;
	font-size:22px;
	font-weight:600;
	padding:1em}

.excel-info {
	width:100%;float:left;position:relative}

.excel-info p {
	font-size:14px;
	padding:0em;width:100%;margin-top:-1em;}
	
.excel-button a{
	text-align:center;
	font-size:14px;color:#62B05E;padding:0.4em;border-radius:4px;font-weight:bold;margin:0 auto}

.excel-button a:hover {
	text-decoration:underline;color:#749C7B}
	
.excel-button a img {
	width:70px;padding:0.5em;margin-top:-1em;margin:0 auto}

.excel-button p {
	line-height:1.8em}
.excel-button {
	width:100%;margin-top:-1.8em}}
/* icon */
.icon-space {}
.f-icon {
	width:90%;
	margin:0 auto;max-width:1280px}

.icon-section {
	width:100%;
	margin:0 auto}

.icon-section img {
	width:30%;
	margin:0 auto}

.icon-title {
	width:100%;
	margin:0 auto}

.icon-title h3 {
	font-size:18px;
	color:#FF7841;
	text-align:center}

.icon-title p {
	font-size:14px;
	color:#666666;
	width:90%;
	margin:0 auto;
	font-weight:300}
.f-space {
	height:2em}
@media screen and (min-width:641px) and (max-width:991px) {
.f-space {
	display:none}
.f-info {
	width:100%;
	margin:0 auto}

.f-icon {
	width:90%;
	margin:0 auto}

.features-l {
	width:90%;
	margin: 0 auto}

.features-r {
	width:90%;
	margin:0 auto}

.features-l img {
	width:100%;
	margin:0 auto}

.features-r img {
	width:100%;
	margin:0 auto}
	
.features1-l {
	width:90%;
	margin: 0 auto}

.features1-r {
	width:90%;
	margin:0 auto}

.features1-l img {
	width:100%;
	margin:0 auto}

.features1-r img {
	width:100%;
	margin:0 auto}

.info {
	width:100%;
	margin:0 auto;padding-left:2em;margin-top:-1em
}

.info h2 {
	font-size:18px;
	color:#ff7841}

.info p {
	font-size:14px;
	color:#353239;font-weight:300;line-height:2em;width:100%;margin-top:1em}
	
.info1 {
	width:100%;
	margin:0 auto;margin-left:-1em
}

.info1 h2 {
	font-size:18px;
	color:#ff7841}

.info1 p {
	font-size:14px;
	color:#353239;font-weight:300;line-height:2em;width:100%;margin-top:1em}
	
/* icon */

.f-icon {
	width:95%;position:relative;float:left;
	margin:0 auto;
	vertical-align:middle
	}

.icon-section {
	width:30%;
	margin:0 auto;position:relative;float:left}

.icon-section img {
	width:40%;
	margin:0 auto;
	margin-top:0em}

.icon-title {
	width:100%;
	margin:0 auto}

.icon-title h3 {
	font-size:15px;
	color:#FF7841;
	text-align:left}

.icon-title p {
	font-size:14px;
	color:#666666;
	width:100%;
	margin:0 auto;
	font-weight:300;
	height:80px}


.features-maincatch h1 {
	font-size:25px}

.features-maincatch {
	margin-top:3em}
	
table { width: 100%; text-align: left; border-spacing: 0; border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0 auto}
}

@media screen and (min-width:641px) {
	.f-icon1 {
		display:none}}
@media screen and (min-width:0px) and (max-width:640px) {
.f-space {
	display:none}
.f-info {
	width:100%;
	margin:0 auto;
	margin-top:1em}

.features-l {
	width:90%;
	margin: 0 auto}

.features-r {
	width:90%;
	margin:0 auto}

.features-l img {
	width:100%;
	margin:0 auto}

.features-r img {
	width:100%;
	margin:0 auto}

.features1-l {
	width:90%;
	margin: 0 auto}

.features1-r {
	width:90%;
	margin:0 auto}

.features1-l img {
	width:100%;
	margin:0 auto}

.features1-r img {
	width:100%;
	margin:0 auto}
	
.features-more {
	width:40%}

.info {
	width:90%;
	margin:0 auto;
}

.info h2 {
	font-size:18px;
	color:#ff7841}

.info p {
	font-size:14px;
	color:#353239;font-weight:300;line-height:2em;width:100%;margin-top:1em}
	

/* icon */

.f-icon {
	display:none
	}

.f-icon1 {
	width:90%;
	margin:0 auto}
.icon-section {
	width:100%;
	margin:0 auto;position:relative;float:left}

.icon-section img {
	width:30%;
	margin:0 auto;
	margin-top:em;
	padding-bottom:1em}

.icon-title {
	width:100%;
	margin:0 auto;
	}

.icon-title h3 {
	font-size:16px;
	color:#FF7841;
	text-align:center;
	margin-top:1em}

.icon-title p {
	font-size:15px;
	color:#666666;
	width:100%;
	margin:0 auto;
	font-weight:500;
	height:80px}


.f-title {
	display:none}

.tablearea {
	width:90%;margin:0 auto;padding:0}
table { width: 100%; text-align: left; border-spacing: 0; border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0 auto}

table { width: 100%; text-align: left; border-spacing: 0; border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0 auto}
th, td { font-family: inherit; font-size: 12px; line-height: 1.45; color: #717171; vertical-align: middle; padding: 1em; }
th { display:fixed;font-weight: 500; color:#4E4E4E;font-size:12px }
td {font-weight:300}

thead th { text-align: center; position: relative; border-bottom: 1px solid #ccc; padding: 0.5em 0 0em; font-weight: 300; color: #fff; display:fixed;font-size:12px }
thead th:nth-child(1) { background: #fff;}
thead th:nth-child(2) { background: #fff; }

thead th:nth-child{  padding: 1em 0 4; font-size:12px}
thead th h2 { font-weight: 300; font-size: 12px; line-height: 1; color: #353239; }
thead th h2 + p { font-size: 14px; line-height: 1.4; }
thead th:nth-child h2 {color:#353239 ;}
thead th:nth-child h2 + p { font-size: 14px; }

}


@media screen and (min-width:0px) and (max-width:320px) {
.table {
	width:100%;
	margin:0 auto}
	
	
	.responsivespace {
		height:8em}}
	

@media screen and (max-width:1200px){
	.f-area {
		width:100%;
		height:auto;padding-top:-1em}
		
		.feature-line {
		display:none}
	
	.feature-line-all {
		width:100%}
	
	.feature-line-all img {
		width:100%;
		height:1px}
		
		
	.feature-line1 {
		display:none}
	
	.features1-l {display:none}
	
	.features-r {display:none}
	
	
	.features2-l {
		width:100%;
		margin:0 auto}
	
	.features2-r {
		width:100%;
		margin:0 auto}
	
	.features2-l img {
		width:100%;
		margin:0 auto;
		margin-top:-6em;
		padding:1em}
		
	.features2-r img {
		width:100%;
		margin:0 auto;
		padding:0em;margin-top:4em
		}
	.fspace {
		height:3em}
	.info {
		margin-left:-1em;
		margin-top:-2em}
	
	.info1 {
		margin-top:2em}
		}


@media screen and (min-width:1201px) {
	.features2-l {
		display:none}
	
	.features2-r {
		display:none}
	
	.fspace {
		height:3em}
		
	.f-area {
		height:auto}
	
	.f-info {
		height:auto}
	

	.feature-line-all {
		display:none}
		
	.features1-r {
		margin-top:1em}
	
	.info1 {
		margin-top:3em}
	
	.info {
		height:300px}}
		
	
	@media screen and (min-width:641px) and (max-width:767px){
		

.features-maincatch h1 {
	font-size:22px;}
	
.features-maincatch {
	margin-top:6em}

.info {
	margin-top:-5em;
	width:100%}

.features2-r img{
	padding:0em;margin-top:2em}

.info {
	margin-left:1em}

.features2-l img {
	padding:0em;
	margin-top:0.5em}
.icon-title p {
	width:90%}}
	
@media screen and (max-width:640px){
	.features2-r{
		display:none}
	
		
	.features2-l {
		display:none}
	
	.feature-line-all {
		display:none}
		
	.features-maincatch {
		margin-top:5.6em;
		}
		
	.features-maincatch h1 {
		font-size:22px}
	
	.features-l {
		padding-top:0em;
		}
	.info {
		width:100%;
		margin:0 auto;
		padding-top:-4em}
		
	.info p{
		width:100%;
		margin:0 auto;
		color:#353239;
		font-size:15px}
	
	.info1 {
		width:100%;
		margin:0 auto}
		
	.info1 h2{
		width:100%;
		margin:0 auto;
		color:#ff7841;
		font-size:18px}
		
	.info1 p{
		width:100%;
		margin:0 auto;
		color:#353239;
		margin-top:1em;
		font-size:15px}
	
	.responsiveline {
		width:100%}
	
	.responsiveline img{
		width:100%;
		height:1px}
	
	.fspace {
		display:none}
	
	.icon-title p {
		font-size:14px;
		margin-top:1em;
		line-height:2em;height:130px;color:#353239}
	
	.betweenarea {
		width:100%;
		height:200px;
		background-image:url(../img/responsivefeaturesimg1.png);
		background-position:center;
		background-size:cover;	
		background-repeat:no-repeat;padding:2em;padding-bottom:1em}
		
	.responsive-space {
		height:4em}
		
	.responsive-space1 {
		height:2em}
	}
	
	
		
	
	@media screen and (min-width:641px){
		.responsiveline {
			display:none}
		
		.betweenarea {
			display:none}}
		
	@media screen and (min-width:768px) and (max-width:991px) {
		.download {
		width:80%;
		margin:0 auto}
		
		.excel {
		width:80%;
		margin:0 auto}}
	
	
	@media screen and (min-width:641px) and (max-width:767px) {
		.download {
		width:80%;
		margin:0 auto}
		
		.excel {
		width:80%;
		margin:0 auto}}
	
	@media screen and (min-width:0px) and (max-width:640px) {
		.download {
		width:80%;
		margin:0 auto}
		
		.user {
			width:100%;margin:0 auto;padding:2em}
		
		.user-text {
/*			text-align:center}*/
			width: 58%;}
		
		.dl-button {
/*			width:100%;margin:0 auto;height:auto}*/
			height:auto}
		
		.dl-button img {
			width:50%}
		
		.d-text-small {
/*			width:100%;margin-top:2em;padding-top:7.9em;height:4em}*/
			width:100%;margin-top:2em;padding-top:7.9em;height:auto}
		.excel {
		width:80%;
		margin:0 auto}}
		
@media screen and (min-width:946px) and (max-width:1023px) {
	.download-area {
/*	width:100%;background-image:url(../img/handipadbc11.png);height:360px;background-size:48%;background-position:right bottom;background-repeat:no-repeat;max-width:1280px;margin:0 auto;border:1px solid #ccc}*/
	width:100%;background-image:url(../img/handipadbc11.png);height:640px;background-size:48%;background-position:right bottom;background-repeat:no-repeat;max-width:1280px;margin:0 auto;border:1px solid #ccc}
.download {	
	width:50%;max-width:600px;
	height:400px;margin-left:1em;margin-top:2em;color:#505050;}
	
	.d-text-small p {
		margin-top:0.5em
	}
}

@media screen and (min-width:641px) and (max-width:945px) {
	.download-area {
/*	width:100%;background-image:url(../img/samplebg.png);height:390px;background-size:cover;background-position:right bottom;background-repeat:no-repeat;max-width:1280px;margin:0 auto;border:1px solid #ccc;}*/
	width:100%;background-image:url(../img/samplebg.png);height:680px;background-size:cover;background-position:right bottom;background-repeat:no-repeat;max-width:1280px;margin:0 auto;border:1px solid #ccc;}
.download {	
	width:100%;max-width:600px;
/*	height:360px;margin-left:1emcolor:#505050;margin:0 auto;background-color:#fff;opacity:0.9;border:1px solid #ccc;margin-top:1em;padding-bottom:2em}*/
	height:650px;margin-left:1em;color:#505050;margin:0 auto;background-color:#fff;opacity:0.9;border:1px solid #ccc;margin-top:1em;padding-bottom:2em}

.d-text-small {
	padding:0.5em;padding-bottom:1em;}
}
.user {
	padding: 1em;
	width: 100%;
}


@media screen and (min-width:0px) and (max-width:640px) {
	.download-area {
/*	width:100%;background-image:url(../img/samplebg.png);height:480px;background-size:cover;background-position:right bottom;background-repeat:no-repeat;max-width:1280px;margin:0 auto;border:1px solid #ccc;background-color:#000}*/
	width:100%;background-image:url(../img/samplebg.png);height:760px;background-size:cover;background-position:right bottom;background-repeat:no-repeat;max-width:1280px;margin:0 auto;border:1px solid #ccc;background-color:#000}
.download {	
	width:90%;max-width:600px;
/*	height:400px;margin-left:1em; color:#505050;margin:0 auto;background-color:#fff;opacity:0.9;border:1px solid #ccc;margin-top:3em;}*/
	height:700px;margin-left:1em; color:#505050;margin:0 auto;background-color:#fff;opacity:0.9;border:1px solid #ccc;margin-top:3em;}

.d-text-small {
	padding:0.5em;padding-bottom:1em;width:100%;margin-top:2em}

.d-text-small p {
/*	font-size:13px;margin-top:6.5em;padding-bottom:1em}*/
	font-size:13px;padding-bottom:1em}

.d-title h2{
	font-size:20px;padding:0em}

.d-text p {
	font-size:14px;text-align: justify}

.user-text p {
	width:100%;
	font-size:14px}
.user {
	width:100%}

.dl-button img{
/*	margin-top:-1em;width:250px}*/
	margin-top: 0em;width:200px}

.excel-bg{
	margin-top:-8em}
}

@media screen and (min-width:0px) and (max-width:445px) {
	.user-text {
		width: 100%;
	}
	.user-text.p1{
		width: 30%!important;
	}
	.dl-button{
    width: 100%;
    float: none;
    margin-top: 0em;
	margin-bottom: -1em;
}
@media screen and (min-width:0px) and (max-width:362px) {
	.download-area {
/*	width:100%;background-image:url(../img/samplebg.png);height:480px;background-size:cover;background-position:right bottom;background-repeat:no-repeat;max-width:1280px;margin:0 auto;border:1px solid #ccc;background-color:#000}*/
	width:100%;background-image:url(../img/samplebg.png);height:830px;background-size:cover;background-position:right bottom;background-repeat:no-repeat;max-width:1280px;margin:0 auto;border:1px solid #ccc;background-color:#000}
.download {	
	width:90%;max-width:600px;
/*	height:400px;margin-left:1em;color:#505050;margin:0 auto;background-color:#fff;opacity:0.9;border:1px solid #ccc;margin-top:3em;}*/
	height:750px;margin-left:1em;color:#505050;margin:0 auto;background-color:#fff;opacity:0.9;border:1px solid #ccc;margin-top:3em;}
	.download-area img{
	}
	.user .p2{
		width: 100%;
	}	
	img#qrcodeimg{
		margin-top: 0;float: none;
	}
.d-text-small {
/*	padding:0.5em;padding-bottom:1em;width:100%;margin-top:2em}*/
	padding:0.5em;padding-bottom:1em;width:100%;}

.d-text-small p {
/*	font-size:12px;margin-top:4.5em}*/
	font-size:12px;padding-bottom:0em}

.d-title h2{
	font-size:20px;padding:0em}

.d-text p {
	font-size:13px}

.user-text p {
	width:100%;
	font-size:11px}
.user {
	width:100%}
.dl-button img{
	margin-top:-1em;width:200px}
	}
}
@media screen and (min-width:768px){
	.icon-section img {
		width:45%;max-width:100px}
	}
	
@media screen and (min-width:641px) and (max-width:767px){
	.icon-section img {
		width:68%;}
	
	.features2-r img {
		padding:0em;width:100%;margin-top:3em}
	
	.info {
		margin-left:0px;
		width:100%}
	
	.info p {
		width:100%}
	
	.info1 {
		margin-left:0px;
		width:100%;padding:0em;margin-right:0px}
	}
		
@media screen and (min-width:0px) and (max-width:640px){
	.icon-section img {
		width:28%;}
	
	.info {
		margin-top:3em}
	
	.info1{
		margin-top:3em}
	}

@media screen and (min-width:768px) and (max-width:801px){
	.features2-l img {
		padding:2em;
		margin-top:0.2em}
	
	.info1 {
		margin-top:5em}
	}
		
@media screen and (min-width:802px) and (max-width:904px) {
		.info {
			height:260px}
	}

@media screen and (min-width:991px) and (max-width:1042px) {
	.info {
		height:320px}
	}

@media screen and (min-width:0px) and (max-width:640px){
	.features-maincatch {
		margin-top:6em
	}
}