/*num-icon*/
figure{margin:0 !important}

.num-icon {
	margin-top:1.5em;
}
.icon-up{
	font-family: 'MyriadPro-LightSemiCn';
	fon-size:2.2em !important;
	color:#768591;	
	letter-spacing:.15em;
	/*margin-left:1em;*/
	display:block;
	line-height:2em;

}

.icon-number{
	font-family: 'MyriadPro-LightCond';
	font-size: 5em !important;
	color:#768591;
	display:inline-block;
	vertical-align:super;
	line-height:.6em
	}
.icon-unit{
	font-family: 'MyriadPro-LightSemiCn';
	font-size:2em !important;
	color:#768591;
	letter-spacing:.075em;
	vertical-align:super;
	display:inline-block;
	}
.icon-info{
	font-family: 'MyriadPro-LightSemiCn';
	fon-size:2.2em !important;
	color:#263645;	
	letter-spacing:.15em;
	/*margin-left:1em;*/
	display:block
}
.deg::after{
	content:"°";
	font-size:.5em !important;
	vertical-align:super
	
	} 


/*in content*/
.box-cont-icon{
	/*width:100%;*/
	margin:2% auto;
	padding:2% auto;
	text-align:center;
	}
	.cont-single-icon{
		width:13%;
		max-height:150px;
		display:inline-block;
		vertical-align: bottom;
		
		margin:1% .2% .2%;
		
		-webkit-transition : width .2s ease; 
		transition :width .2s ease ; 

		}
		.cont-icon-img{
			  max-width:70px;
			  height:auto;
			  margin: 0 auto;
			  /*ie*/ 
			  height:100px\9;
			}
			
		@media screen and (-webkit-min-device-pixel-ratio:0){
		.cont-icon-img{
			  max-width:70px;
			  margin: 0 auto;
			  height:70px;
			}
		}

		.cont-descrip{
			width:100%;  
			padding-top:4%;
			font-family : "myriad-pro";
			font-weight:300;
			text-align:center;
			}
			.cont-des-tital{
				margin:2% 0;
				font-size:1.4em;
				}
			.cont-des-text{
				font-size:.95em;
				margin-top:3.5%;
				color:#898989;
				
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				}
				
.intro-icon{
	width:100%;
	
	position:absolute;
	top:30%;
	left:58%;

	-webkit-transition : left .2s ease; 
	transition :left .2s ease ; 
	}

/*in features*/
.space-iconTotxt{
	display:block;
	height:.85em;
	}
.space-txtTodes{
	display:block;
	height:1em;
}

.feature{
	position:relative;
	margin:0 auto;
	text-align: center;
	}
.fea-head{
	width: 8%;
	min-width:180px;
	margin:0 auto ;
	}

.wrap-icon{
	position:relative;
	width:99.5%;
	min-height:310px;
	}
	.single-icon{
		width:16%;
		max-height:150px;
		display:inline-block;
		vertical-align: bottom;
		
		margin:0 .2% ;
		}
		.icon-img{
			  max-width:70px;
			  margin: 0 auto;
			   
			  height:70px;
			}
		@media screen and (-webkit-min-device-pixel-ratio:0){  /*chrome*/
		.icon-img{
			  max-width:70px;
			  margin: 0 auto;
			  height:107
		}
		}
		.descrip{
			width:100%;  
			font-family : "myriad-pro";
			font-weight:300;
			text-align:center;
			}
		.descrip p{margin-bottom:0 !important;}
			.des-tital{
				font-size:1.45em;
				}
			.des-text{
				font-size:1.15em;
				color:#898989;
				}

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


}
/*media query*/	
@media screen and (max-width: 1450px) {

}
@media screen and (max-width: 1381px) {
.icon-number{
	font-size: 4.5em !important;
}
	.single-icon{width:15.9%;}
	
.feature {
  margin-top: -12em;
}

}

@media screen and (max-width: 1300px) {
	.wrap-icon{
		width:99.5%;
		padding:2% .25%;
		}
	.single-icon{
		width:24%;
		}
	.separater{
		display:none;
		margin:4%;
		}
}

@media screen and (max-width: 1275px) {
	.cont-single-icon{
		vertical-align: top;
		}
}

@media screen and (max-width: 1100px) {
	
.icon-number{
	font-size: 4em !important;
}

	.des-text{
		font-size:1em;
		margin-top:3%;
		color:#898989;
		}
	.single-icon{
		vertical-align: top;
		}
	.intro-icon {
		  left: 45%;
		  top: 20%;
		  -ms-transform: scale(.85,.85);
		  -webkit-transform: scale(.85,.85);
		  transform: scale(.9,.9);
		}
	.cont-single-icon {
    width: 18%;
	}


}

@media screen and (max-width: 860px) {
	.single-icon{
		width:32%;
		margin:2% .2%;
		}
	.intro-icon {
		position:relative;
		left:29%;
		top:-3%;
		}
	.cont-single-icon {
		width: 22%;
	}

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

.icon-number {
	font-size: 5em;
}

.icon-unit{
	font-size:1.3em;
	}
	

}
@media screen and (max-width: 610px) {
	.single-icon{
		width:49%;
		margin:2% .2%;
		}
  
}

@media screen and (max-width: 480px) {
	.wrap-icon{
		width:100%;
		padding:0;
		}
	
	.single-icon{
		width:100%;
		float:none;
		margin:2% 0;
		min-height: 100px;
		}
	.icon-img{
		min-width:80px;
		margin: 0 auto;
		padding-left:12%;
		  
		float:left !important
		}
	.descrip{
		width:64%;  
		padding-top:3%;
		padding-left:6%;
		text-align:left;
		
		float:right
		}
		.des-tital {
		  font-size: 1.5em;
		}
		.des-text {
		  font-size: 1.2em;
		}
		
		
		.intro-icon {
			left: 0%;
			top: 0%;
		}
		.cont-single-icon {display:none;}
.feature {
    margin-top: -89em;
}
.icon-protection-img {
    float: left;
}


}
	
@media screen and (max-width: 430px) {
.icon-number{
	font-size: 5em;

}
.icon-unit{
	font-size:1.1em;
}

.icon-info{
	fon-size:1.5em;
}
}


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

.sec9-visual-mobile {
    height: 647px;
}

.descrip {
    width: 64%;
    padding-top: 3%;
    padding-left: 3%;
    text-align: left;
    float: right;
}
.fea-head {
    margin: 5.8% auto;
}


number {
    font-size: 3em !important;
}
}

@media screen and (max-width: 360px) {
	.icon-img{
		min-width:60px;
		}
	.descrip{
		padding-top:3%;
		}
		.des-tital {
		  font-size: 1.5em;
		}
		.des-text {
		  font-size: 1.1em;
		}
.sec9-visual-mobile {
    height: 529px;
}
	@media screen and (-webkit-min-device-pixel-ratio:0){
	.sec9-visual-mobile {
	  height: 469px;
	}
	}
}