.view-10 .tpl-sensors {
	display:block;
	box-sizing: border-box;
	padding:0;
	margin:0;
}

/* baner */
.view-10 .ps-baner {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	background-color: #000;
	background: radial-gradient(112.63% 134.56% at 50% -10.63%, rgba(56, 56, 56, 1.0) 3.64%, #000000 90.46%);
}

.view-10 .ps-baner .st-bleed {
	display: block;
	box-sizing: border-box;
	padding: 0 20px;
	margin: 0;
	background-image: url(../images/svg/pages/sensors/baner/background.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: auto 100%;
}

.view-10 .ps-baner .st-cnt {
	display: block;
	box-sizing: border-box;
	max-width: 1100px;
	height:800px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

.view-10 .ps-baner .main-cols {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.view-10 .ps-baner .main-cols .col-left {
	display: block;
	box-sizing: border-box;
	width: 60%;
	height: 100%;
	padding: 220px 0 0 0;
	margin: 0;
}

.view-10 .ps-baner .main-cols .col-left .title {
	display: block;
	box-sizing: border-box;
	font-size: 50px;
	font-weight: 600;
	line-height: 130%;
	text-align: left;
	color:#fff;
	padding: 0;
	margin:0;
}

.view-10 .ps-baner .main-cols .col-right {
	display: block;
	box-sizing: border-box;
	width: 40%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.view-10 .ps-baner .main-cols .col-right .image {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	left: 0;
}

.view-10 .ps-baner .main-cols .col-right .image .phone {
	display: block;
	box-sizing: border-box;
	width: calc(1680px / 3.0);
	height: calc(1680px / 3.0);	
	padding: 0;
	margin: 0;
	position: absolute;
	left: -100px;
	top: 140px;
	background-image: url(../images/pages/sensors/baner/phone.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	pointer-events: none;
	z-index: 20;	
}

.view-10 .ps-baner .st-cnt .store {
	display: block;
	position: absolute;
	left: 0;
	bottom: 180px;
}

.view-10 .ps-baner .st-cnt .store .slogan {
	font-size: 24px;
	font-weight: 600;
	line-height: 120%;
	text-align: left;
	color: #fff;
	margin: 0 0 25px 0;
}

.view-10 .ps-baner .st-cnt .store .list {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	margin: 0;
}

.view-10 .ps-baner .st-cnt .store .list .item {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0 20px 0 0;
}

.view-10 .ps-baner .st-cnt .store .list .item:last-child {
	margin:0;
}

.view-10 .ps-baner .st-cnt .store .list .item .btn {
	display: block;
	box-sizing: border-box;
	width:160px;
	height:48px;
	line-height:0;
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;	
}

.view-10 .ps-baner .st-cnt .store .list .item .btn.app-store {
	background-image:url(../images/svg/app_store.svg);
}

.view-10 .ps-baner .st-cnt .store .list .item .btn.google-play {
	background-image:url(../images/svg/google_play.svg);
}

@media only screen and (max-width: 1280px) { 
	.view-10 .ps-baner .main-cols .col-right .image .phone {
		left: -80px;
	}
}

@media only screen and (max-width: 1152px) { 
	.view-10 .ps-baner .main-cols .col-right .image .phone {
		left: -60px;
	}
}

@media only screen and (max-width: 1024px) {
	.view-10 .ps-baner .main-cols .col-left .title {
		font-size: 46px;
	}

	.view-10 .ps-baner .main-cols .col-right .image .phone {
		width: calc(1680px / 3.4);
		height: calc(1680px / 3.4);	
		top: 160px;
	}	
}

@media only screen and (max-width: 960px) {
	.view-10 .ps-baner .st-bleed {
		background: none;
	}

	.view-10 .ps-baner .st-cnt {
		height: auto;
		padding: 160px 0 60px 0;
	}

	.view-10 .ps-baner .main-cols {
		flex-wrap: wrap;
		height: auto;
		margin: 0 0 40px 0;
	}

	.view-10 .ps-baner .main-cols .col-left {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0 0 40px 0;
	}

	.view-10 .ps-baner .main-cols .col-left .title {
		text-align: center;
		margin:0 auto;
	}	

	.view-10 .ps-baner .main-cols .col-right {
		width: 100%;
		height: auto;
	}

	.view-10 .ps-baner .main-cols .col-right .image {
		display: block;
		box-sizing: border-box;
		width: 100%;
		height: auto;
		position: static;
		left: auto;
	}

	.view-10 .ps-baner .main-cols .col-right .image .phone {
		width: calc(1680px / 3.2);
		height: calc(1680px / 3.2);
		margin: 0 auto;
		position: static;
		left: auto;
		top: auto;
	}

	.view-10 .ps-baner .st-cnt .store {
		width: 100%;
		position: static;
		left: auto;
		bottom: auto;
	}

	.view-10 .ps-baner .st-cnt .store .slogan {
		font-size: 22px;
		text-align: center;
		margin: 0 0 20px 0;
	}

	.view-10 .ps-baner .st-cnt .store .list {
		justify-content: center;
	}
}

@media only screen and (max-width: 768px) {
	.view-10 .ps-baner .st-bleed {
		padding: 0 0;
	}

	.view-10 .ps-baner .st-cnt {
		padding: 140px 0 60px 0;
	}

	.view-10 .ps-baner .main-cols .col-left .title {
		font-size: 42px;
		padding: 0 20px;
	}

	.view-10 .ps-baner .main-cols .col-right .image .phone {
		width: calc(1680px / 4.0);
		height: calc(1680px / 4.0);
	}

	.view-10 .ps-baner .st-cnt .store .slogan {
		font-size: 18px;
		margin: 0 0 16px 0;
	}	
}

@media only screen and (max-width: 540px) {
	.view-10 .ps-baner .main-cols .col-left .title {
		font-size: 36px;
	}

	.view-10 .ps-baner .main-cols .col-right .image .phone {
		width: calc(1680px / 4.8);
		height: calc(1680px / 4.8);
	}

	.view-10 .ps-baner .st-cnt .store .slogan {
		font-size: 16px;
	}	

	.view-10 .ps-baner .st-cnt .store .list .item {
		margin: 0 16px 0 0;
	}

	.view-10 .ps-baner .st-cnt .store .list .item .btn {
		width:120px;
		height:36px;
	}
}

@media only screen and (max-width: 480px) {
	.view-10 .ps-baner .main-cols .col-right .image .phone {
		width: calc(1680px / 5.6);
		height: calc(1680px / 5.6);
	}
}

@media only screen and (max-width: 400px) {
	.view-10 .ps-baner .st-cnt {
		padding: 140px 0 50px 0;
	}

	.view-10 .ps-baner .main-cols .col-left .title {
		font-size: 32px;
	}

	.view-10 .ps-baner .main-cols .col-right .image .phone {
		width: calc(1680px / 6.0);
		height: calc(1680px / 6.0);
	}
}

@media only screen and (max-width: 360px) {
	.view-10 .ps-baner .main-cols .col-left .title {
		font-size: 28px;
	}
}

/* intro */
.view-10 .ps-intro {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	background-color:var(--c_orange_dark);
	background-image: radial-gradient(circle at top center, #fd7268, #e93b2e);
	background-repeat:no-repeat;
	background-position:  center top;
	background-size: contain;
}

.view-10 .ps-intro .st-bleed {
	display: block;
	box-sizing: border-box;
	padding: 0 20px;
	margin: 0;
	background-image: url(../images/svg/pages/sensors/intro/background.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: auto 100%;
}

.view-10 .ps-intro .st-cnt {
	display: block;
	box-sizing: border-box;
	height:600px;
	max-width: 1100px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

.view-10 .ps-intro .content {
	display: block;
	box-sizing: border-box;
	padding: 64px 0 0 0;
	margin: 0;		
}

.view-10 .ps-intro .content .top-line {
	display: block;
	box-sizing: border-box;
	width: 70px;
	height: 2px;
	padding: 0;
	margin: 0 auto 50px auto;
	background-color: #fff;
}

.view-10 .ps-intro .content .top-line:last-child {
	margin:0;
}

.view-10 .ps-intro .content .pin {
	display: block;
	box-sizing: border-box;
	width: 48px;
	height: 64px;
	background-image: url(../images/svg/pointer_with_exclamation.svg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 auto 25px auto;
}

.view-10 .ps-intro .content .title {
	display: block;
	box-sizing: border-box;
	font-size: 52px;
	font-weight: 600;
	line-height: 120%;
	text-align: center;
	color:#fff;	
	padding: 0;
	margin: 0 0 30px 0;	
}

.view-10 .ps-intro .content .title:last-child {
	margin: 0;
}

.view-10 .ps-intro .content .title strong {
	font-weight: 900;
	white-space: nowrap;
	padding: 0 48px 0 0;
	position: relative;
}

.view-10 .ps-intro .content .title strong:after {
	content: '';
	display: block;
	box-sizing: border-box;
	width: 48px;
	height: 56px;
	padding: 0;
	margin: 0;
	background-image: url(../images/svg/icon_service_iot_white.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top:-24px;
	right:-4px;
}

.view-10 .ps-intro .content .title br {
	display: none;
}

.view-10 .ps-intro .content .subtitle {
	display: block;
	box-sizing: border-box;
	font-size: 44px;
	font-weight: 500;
	line-height: 120%;
	text-align: center;
	color:#fff;
	padding: 0;
	margin: 0 0 70px 0;
}

.view-10 .ps-intro .content .subtitle:last-child {
	margin:0;
}

.view-10 .ps-intro .content .description {
	display: block;
	box-sizing: border-box;
	max-width: 560px;
	padding: 0;
	margin: 0 auto 64px auto;
}

.view-10 .ps-intro .content .description:last-child {
	margin:0;
}

.view-10 .ps-intro .content .description p {
	display: block;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 300;
	line-height: 150%;
	text-align: center;
	color:#fff;
	padding: 0;
	margin: 0 0 15px 0;
}

.view-10 .ps-intro .content .description p:last-child s{
	margin:0;
}

.view-10 .ps-intro .content .broken-line {
	display: block;
	box-sizing: border-box;
	width: 280px;
	height: 24px;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	position: relative;		
}

.view-10 .ps-intro .content .broken-line svg {
	display: block;
	box-sizing: border-box;
	width: 280px;
	height: 24px;
	fill:rgba(255,255,255,1.0);
	padding: 0;
	margin: 0;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}


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

	.view-10 .ps-intro .content .top-line {
		margin: 0 auto 50px auto;
	}

	.view-10 .ps-intro .content .title {
		margin: 0 0 50px 0;	
	}

	.view-10 .ps-intro .content .subtitle {
		margin: 0 0 50px 0;
	}

	.view-10 .ps-intro .content .description {
		margin: 0 auto 70px auto;
	}

	.view-10 .ps-intro .content .description br {
		display: none;
	}	

	.view-10 .ps-intro .content .broken-line {
		width: 260px;
	}
}

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

	.view-10 .ps-intro .st-bleed {
		background-image:none;	
	}

	.view-10 .ps-intro .st-cnt {
		height:auto;
	}

	.view-10 .ps-intro .content {
		padding: 60px 0 60px 0;
	}

	.view-10 .ps-intro .content .pin {
		width: 45px;
		height: 60px;
		margin: 0 auto 20px auto;
	}

	.view-10 .ps-intro .content .title {
		font-size: 52px;
		margin: 0 0 40px 0;	
	}

	.view-10 .ps-intro .content .title strong {
		padding: 0 36px 0 0;
	}

	.view-10 .ps-intro .content .title strong:after {
		width: 36px;
		height: 42px;
		top:-18px;
		right:-4px;
	}

	.view-10 .ps-intro .content .subtitle {
		font-size: 36px;
		margin: 0 0 40px 0;
	}

	.view-10 .ps-intro .content .description {
		margin: 0 auto 60px auto;
	}

	.view-10 .ps-intro .content .broken-line {
		width: 240px;
	}	
}

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

	.view-10 .ps-intro .content {
		padding: 50px 0 50px 0;
	}

	.view-10 .ps-intro .content .top-line {
		width: 50px;
		margin: 0 auto 40px auto;
	}

	.view-10 .ps-intro .content .title {
		font-size: 40px;
		margin: 0 0 30px 0;
	}

	.view-10 .ps-intro .content .title strong {
		padding: 0 30px 0 0;
	}

	.view-10 .ps-intro .content .title strong:after {
		width: 30px;
		height: 35px;
		top:-12px;
	}

	.view-10 .ps-intro .content .title br {
		display: inline;
	}

	.view-10 .ps-intro .content .subtitle {
		font-size: 28px;
		margin: 0 0 30px 0;
	}

	.view-10 .ps-intro .content .subtitle br {
		display: none;
	}

	.view-10 .ps-intro .content .description {
		margin: 0 auto 50px auto;
	}

	.view-10 .ps-intro .content .description p {
		font-size: 14px;
	}	

	.view-10 .ps-intro .content .broken-line {
		width: 200px;
	}	
}

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

	.view-10 .ps-intro .content .pin {
		width: 36px;
		height: 48px;
		margin: 0 auto 16px auto;
	}

	.view-10 .ps-intro .content .title {
		font-size: 32px;
		margin:0 0 25px 0;
	}

	.view-10 .ps-intro .content .subtitle {
		font-size: 22px;
		margin: 0 0 30px 0;
	}

	.view-10 .ps-intro .content .broken-line {
		width: 160px;
	}			
}

/* smog */
.view-10 .ps-smog {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	background-color: #f4f4f4;
}

.view-10 .ps-smog .st-bleed {
	display: block;
	box-sizing: border-box;
	padding: 0 20px;
	margin: 0;
	background-image: url(../images/svg/pages/sensors/smog/background.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: auto 100%;
}

.view-10 .ps-smog .st-cnt {
	display: block;
	box-sizing: border-box;
	max-width: 1100px;
	height:800px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

.view-10 .ps-smog .main-cols {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	height: 100%;
	padding: 0;
	margin: 0;
}

.view-10 .ps-smog .main-cols .col-left {
	display: block;
	box-sizing: border-box;
	width: 60%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.view-10 .ps-smog .main-cols .col-left .image {
	display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
}

.view-10 .ps-smog .main-cols .col-left .image .holder {
	display: block;
	box-sizing: border-box;
  width: calc(820px / 3 * 2 + 30px);
  height: calc(1540px / 3);
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.view-10 .ps-smog .main-cols .col-left .image .holder .phone-0 {
	display: block;
	box-sizing: border-box;
	width: calc(820px / 3);
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../images/pages/sensors/smog/phone_0.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	pointer-events: none;	
	filter: drop-shadow(0px 8px 22px rgba(0, 0, 0, 0.25));
}

.view-10 .ps-smog .main-cols .col-left .image .holder .phone-1 {
	display: block;
	box-sizing: border-box;
	width: calc(820px / 3);
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	background-image: url(../images/pages/sensors/smog/phone_1.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	pointer-events: none;	
	filter: drop-shadow(0px 8px 22px rgba(0, 0, 0, 0.25));
}

.view-10 .ps-smog .main-cols .col-right {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	width: 40%;
	height: 100%;
	padding: 40px 0 0 0;
	margin: 0;
	position: relative;
}

.view-10 .ps-smog .main-cols .col-right:before {
	content: '';
	display: block;
	box-sizing: border-box;
	width: 70px;
	height: 2px;
	padding: 0;
	margin: 0;
	background-color: #000;
	position: absolute;
	left: 0;
	top: 120px;
}

.view-10 .ps-smog .main-cols .col-right .title {
	display: block;
	box-sizing: border-box;
	font-size: 46px;
	font-weight: 600;
	line-height: 120%;
	text-align: left;
	color:#000;
	padding: 0;
	margin:0 0 30px 0;
}

.view-10 .ps-smog .main-cols .col-right .title:last-child {
	margin:0;
}

.view-10 .ps-smog .main-cols .col-right .description {
	display:block;
	box-sizing:border-box;
	max-width: 440px;
	padding:0;
	margin:0 0 30px 0;
}

.view-10 .ps-smog .main-cols .col-right .description:last-child {
	margin:0;
}

.view-10 .ps-smog .main-cols .col-right .description p {
	display:block;
	box-sizing:border-box;
	font-size:16px;
	font-weight:400;
	line-height:150%;
	text-align:left;
	color:#000;
	padding:0;
	margin:0 0 30px 0;	
}

.view-10 .ps-smog .main-cols .col-right .description p:last-child {
	margin:0;
}

.view-10 .ps-smog .main-cols .col-right .features {
	display: block;
}

.view-10 .ps-smog .main-cols .col-right .features .item {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 0 25px 0;
}

.view-10 .ps-smog .main-cols .col-right .features .item:last-child {
	margin: 0;
}

.view-10 .ps-smog .main-cols .col-right .features .item .icon {
	flex: 0 0 auto;
	display: block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size: auto 100%;	
	margin: 0 20px 0 0;
}

.view-10 .ps-smog .main-cols .col-right .features .item .icon.check {
	background-image: url(../images/svg/icon_check.svg);
}

.view-10 .ps-smog .main-cols .col-right .features .item p {
	font-size: 16px;
	font-weight: 300;
	line-height: 150%;
	text-align: left;
	color: #000;
	padding: 0;
	margin: 0;
}

@media only screen and (max-width: 1280px) { 
	.view-10 .ps-smog .main-cols .col-left .image .holder {
	  width: calc(820px / 3.4 * 2 + 30px);
	  height: calc(1540px / 3.4);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder .phone-0 {
		width: calc(820px / 3.4);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder .phone-1 {
		width: calc(820px / 3.4);
	}
}

@media only screen and (max-width: 1152px) { 
	.view-10 .ps-smog .main-cols .col-left .image .holder {
	  width: calc(820px / 3.6 * 2 + 30px);
	  height: calc(1540px / 3.6);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder .phone-0 {
		width: calc(820px / 3.6);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder .phone-1 {
		width: calc(820px / 3.6);
	}
}

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

	.view-10 .ps-smog .st-bleed {
		background-image: none;
	}

	.view-10 .ps-smog .st-cnt {
		height:auto;
		padding: 60px 0 60px 0;
	}

	.view-10 .ps-smog .main-cols {
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		height: auto;
	}

	.view-10 .ps-smog .main-cols .col-left {
		order: 1;
		width: 100%;
		height: auto;
	}

	.view-10 .ps-smog .main-cols .col-left .image {
	  width: 100%;
	  height: calc(1540px / 3.8);
	  padding: 0;
	  margin: 0;
	  position: relative;
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder {
	  width: calc(820px / 3.8 * 2 + 24px);
	  height: 100%;
	  left: auto;
	  right: 50px;
	  top: 0;
	  transform: none;
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder .phone-0 {
		width: calc(820px / 3.8);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder .phone-1 {
		width: calc(820px / 3.8);
	}

	.view-10 .ps-smog .main-cols .col-right {
		order: 0;
		display: block;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0 0 60px 0;
	}

	.view-10 .ps-smog .main-cols .col-right:before {
		top: -30px;
	}	

	.view-10 .ps-smog .main-cols .col-right .description {
		max-width: none;
	}	
}

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

	.view-10 .ps-smog .main-cols .col-left .image {
	  height: calc(1540px / 4.2);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder {
	  width: calc(820px / 4.2 * 2 + 24px);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder .phone-0 {
		width: calc(820px / 4.2);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder .phone-1 {
		width: calc(820px / 4.2);
	}

	.view-10 .ps-smog .main-cols .col-right:before {
		width: 50px;
	}

	.view-10 .ps-smog .main-cols .col-right .title {
		font-size: 40px;
		margin:0 0 30px 0;
	}

	.view-10 .ps-smog .main-cols .col-right .description p {
		font-size: 14px;
	}

	.view-10 .ps-smog .main-cols .col-right .features .item .icon {
		margin: 0 16px 0 0;
	}

	.view-10 .ps-smog .main-cols .col-right .features .item p {
		font-size: 14px;
	}	
}

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

	.view-10 .ps-smog .main-cols .col-left .image {
	  height: calc(1540px / 4.8);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder {
	  width: calc(820px / 4.8 * 2 + 24px);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder .phone-0 {
		width: calc(820px / 4.8);
		filter: drop-shadow(0px 6px 16px rgba(0, 0, 0, 0.20));
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder .phone-1 {
		width: calc(820px / 4.8);
		filter: drop-shadow(0px 6px 16px rgba(0, 0, 0, 0.20));
	}

	.view-10 .ps-smog .main-cols .col-right {
		margin: 0 0 50px 0;
	}	
}

@media only screen and (max-width: 540px) {
	.view-10 .ps-smog .main-cols .col-left .image .holder {
	  left: 50%;
	  right: auto;
	  top: 0;
	  transform: translateX(-50%);
	}
}

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

	.view-10 .ps-smog .main-cols .col-right .title {
		font-size: 36px;
	}
}

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

	.view-10 .ps-smog .main-cols .col-left .image {
	  height: calc(1540px / 5.2);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder {
	  width: calc(820px / 5.2 * 2 + 20px);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder .phone-0 {
		width: calc(820px / 5.2);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder .phone-1 {
		width: calc(820px / 5.2);
	}
}

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

	.view-10 .ps-smog .main-cols .col-left .image {
	  height: calc(1540px / 5.6);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder {
	  width: calc(820px / 5.6 * 2 + 20px);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder .phone-0 {
		width: calc(820px / 5.6);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder .phone-1 {
		width: calc(820px / 5.6);
	}
}

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

	.view-10 .ps-smog .main-cols .col-left .image {
	  height: calc(1540px / 6.0);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder {
	  width: calc(820px / 6.0 * 2 + 20px);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder .phone-0 {
		width: calc(820px / 6.0);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder .phone-1 {
		width: calc(820px / 6.0);
	}

	.view-10 .ps-smog .main-cols .col-right .title {
		font-size: 32px;
		margin:0 0 25px 0;
	}
}

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

	.view-10 .ps-smog .main-cols .col-left .image {
	  height: calc(1540px / 6.4);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder {
	  width: calc(820px / 6.4 * 2 + 20px);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder .phone-0 {
		width: calc(820px / 6.4);
	}

	.view-10 .ps-smog .main-cols .col-left .image .holder .phone-1 {
		width: calc(820px / 6.4);
	}
}

/* education */
.view-10 .ps-education {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

.view-10 .ps-education .st-bleed {
	display: block;
	box-sizing: border-box;
	padding: 0 20px;
	margin: 0;	
	background-image: url(../images/svg/pages/sensors/education/background.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: auto 100%;	
}

.view-10 .ps-education .st-cnt {
	display: block;
	box-sizing: border-box;
	max-width: 1100px;
	height:720px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

.view-10 .ps-education .main-cols {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	height: 100%;
	padding: 0;
	margin: 0;
}

.view-10 .ps-education .main-cols .col-left {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	width: 40%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}

.view-10 .ps-education .main-cols .col-left:before {
	content: '';
	display: block;
	box-sizing: border-box;
	width: 70px;
	height: 2px;
	padding: 0;
	margin: 0;
	background-color: #000;
	position: absolute;
	left: 0;
	top: 120px;
}

.view-10 .ps-education .main-cols .col-left .title {
	display: block;
	box-sizing: border-box;
	font-size: 46px;
	font-weight: 600;
	line-height: 120%;
	text-align: left;
	color:#000;
	padding: 0;
	margin:0 0 40px 0;
}

.view-10 .ps-education .main-cols .col-left .title:last-child {
	margin:0;
}

.view-10 .ps-education .main-cols .col-left .description {
	display:block;
	box-sizing:border-box;
	max-width: 440px;
	padding:0;
	margin:0 0 30px 0;
}

.view-10 .ps-education .main-cols .col-left .description:last-child {
	margin:0;
}

.view-10 .ps-education .main-cols .col-left .description p {
	display:block;
	box-sizing:border-box;
	font-size:16px;
	font-weight:400;
	line-height:150%;
	text-align:left;
	color:#000;
	padding:0;
	margin:0 0 30px 0;	
}

.view-10 .ps-education .main-cols .col-left .description p:last-child {
	margin:0;
}

.view-10 .ps-education .main-cols .col-left .features {
	display: block;
}

.view-10 .ps-education .main-cols .col-left .features .item {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 0 25px 0;
}

.view-10 .ps-education .main-cols .col-left .features .item:last-child {
	margin: 0;
}

.view-10 .ps-education .main-cols .col-left .features .item .icon {
	flex: 0 0 auto;
	display: block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	background-repeat:no-repeat;
	background-position: center center;
	background-size: auto 100%;	
	margin: 0 20px 0 0;
}

.view-10 .ps-education .main-cols .col-left .features .item .icon.alert {
	background-image: url(../images/svg/icon_alert.svg);
}

.view-10 .ps-education .main-cols .col-left .features .item .icon.document {
	background-image: url(../images/svg/icon_document.svg);
}

.view-10 .ps-education .main-cols .col-left .features .item p {
	font-size: 16px;
	font-weight: 300;
	line-height: 150%;
	text-align: left;
	color: #000;
	padding: 0;
	margin: 0;
}

.view-10 .ps-education .main-cols .col-right {
	display: block;
	box-sizing: border-box;
	width: 60%;
	padding: 0;
	margin: 0;
}

.view-10 .ps-education .main-cols .col-right .wrap-slider {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 340px;
	padding: 0 0 0 120px;
	margin: 0;
}

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

	.view-10 .ps-education .st-bleed {
		background: none;
	}

	.view-10 .ps-education .st-cnt {
		height:auto;
		padding: 60px 0 140px 0;
	}

	.view-10 .ps-education .main-cols {
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		height: auto;
	}

	.view-10 .ps-education .main-cols .col-left {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 0 50px 0;
	}

	.view-10 .ps-education .main-cols .col-left .description {
		max-width: none;
	}	

	.view-10 .ps-education .main-cols .col-left:before {
		top: -30px;
	}

	.view-10 .ps-education .main-cols .col-right {
		width: 100%;
	}

	.view-10 .ps-education .main-cols .col-right .wrap-slider {
		padding-left: 12px;
	}	
}

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

	.view-10 .ps-education .main-cols .col-left:before {
		width: 50px;
	}

	.view-10 .ps-education .main-cols .col-left .title {
		font-size: 40px;
		margin:0 0 30px 0;
	}

	.view-10 .ps-education .main-cols .col-left .description p {
		font-size: 14px;
	}

	.view-10 .ps-education .main-cols .col-left .features .item .icon {
		margin: 0 16px 0 0;
	}	

	.view-10 .ps-education .main-cols .col-left .features .item p {
		font-size: 14px;
	}	
}

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

	.view-10 .ps-education .main-cols .col-left .title {
		font-size: 36px;
	}

	.view-10 .ps-education .main-cols .col-right .wrap-slider {
		height: 300px;
	}		
}

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

	.view-10 .ps-education .main-cols .col-left .title {
		font-size: 32px;
		margin:0 0 25px 0;
	}
}

/* platform */
.view-10 .ps-platform {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	background-color: #f4f4f4;
}

.view-10 .ps-platform .st-bleed {
	display: block;
	box-sizing: border-box;
	padding: 0 20px;
	margin: 0;
	background-image: url(../images/svg/pages/sensors/platform/background.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: auto 100%;	
}

.view-10 .ps-platform .st-cnt {
	display: block;
	box-sizing: border-box;
	max-width: 1100px;
	height:800px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

.view-10 .ps-platform .main-cols {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	height: 100%;
	padding: 0;
	margin: 0;
}

.view-10 .ps-platform .main-cols .col-left {
	display: block;
	box-sizing: border-box;
	width: 60%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.view-10 .ps-platform .main-cols .col-left .image {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	left: -90px;
}

.view-10 .ps-platform .main-cols .col-left .image .phone {
	display: block;
	box-sizing: border-box;
	width: calc(1800px / 3.0);
	height: calc(1800px / 3.0);	
	padding: 0;
	margin: 0;
	position: absolute;
	right: 80px;
	top: 80px;
	background-image: url(../images/pages/sensors/platform/phone.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	pointer-events: none;
	z-index: 20;	
}

.view-10 .ps-platform .main-cols .col-left .image .comment-0 {
	display: block;
	box-sizing: border-box;
	width: 256px;
	height: 180px;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 170px;
	top: 140px;
	background-image: url(../images/pages/sensors/platform/comment_red.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	pointer-events: none;	
	z-index: 40;
	filter: drop-shadow(1px 1px 12px rgba(0, 0, 0, 0.4));
}

.view-10 .ps-platform .main-cols .col-left .image .comment-1 {
	display: block;
	box-sizing: border-box;
	width: 256px;
	height: 180px;
	padding: 0;
	margin: 0;
	position: absolute;
	right: -10px;
	top: 250px;
	background-image: url(../images/pages/sensors/platform/comment_yellow.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	pointer-events: none;	
	z-index: 30;
	filter: drop-shadow(1px 1px 12px rgba(0, 0, 0, 0.4));
}

.view-10 .ps-platform .main-cols .col-right {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	width: 40%;
	height: 100%;
	padding: 0;
	margin: 0;
	left: 30px;
	position: relative;
}

.view-10 .ps-platform .main-cols .col-right:before {
	content: '';
	display: block;
	box-sizing: border-box;
	width: 70px;
	height: 2px;
	padding: 0;
	margin: 0;
	background-color: #000;
	position: absolute;
	left: 0;
	top: 120px;
}

.view-10 .ps-platform .main-cols .col-right .title {
	display: block;
	box-sizing: border-box;
	font-size: 46px;
	font-weight: 600;
	line-height: 120%;
	text-align: left;
	color:#000;
	padding: 0;
	margin:0 0 40px 0;
}

.view-10 .ps-platform .main-cols .col-right .title:last-child {
	margin:0;
}

.view-10 .ps-platform .main-cols .col-right .description {
	display:block;
	box-sizing:border-box;
	max-width: 440px;
	padding:0;
	margin:0 0 60px 0;
}

.view-10 .ps-platform .main-cols .col-right .description:last-child {
	margin:0;
}

.view-10 .ps-platform .main-cols .col-right .description p {
	display:block;
	box-sizing:border-box;
	font-size:16px;
	font-weight:400;
	line-height:150%;
	text-align:left;
	color:#000;
	padding:0;
	margin:0 0 30px 0;	
}

.view-10 .ps-platform .main-cols .col-right .description p:last-child {
	margin:0;
}

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

	.view-10 .ps-platform .main-cols .col-right {
		left: auto;
	}

	.view-10 .ps-platform .main-cols .col-right .description {
		max-width: none;
	}		
}

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

	.view-10 .ps-platform .st-bleed {
		background:none;
	}

	.view-10 .ps-platform .st-cnt {
		height:auto;
		padding: 60px 0 20px 0;
	}

	.view-10 .ps-platform .main-cols {
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		height: auto;
	}

	.view-10 .ps-platform .main-cols .col-left {
		order: 1;
		width: 100%;
		height: auto;
	}

	.view-10 .ps-platform .main-cols .col-left .image {
		width: calc(1800px / 3.4);
		height: calc(1800px / 3.4);
		left: -50px;
		margin: 0 0 0 auto;
	}	

	.view-10 .ps-platform .main-cols .col-left .image .phone {
		width: 100%;
		height: 100%;	
		top: 0;
	}

	.view-10 .ps-platform .main-cols .col-left .image .comment-0 {
		width: calc(256px / 1.2);
		height: calc(180px / 1.2);
		right: 170px;
		top: 60px;
	}

	.view-10 .ps-platform .main-cols .col-left .image .comment-1 {
		width: calc(256px / 1.2);
		height: calc(180px / 1.2);
		right: 10px;
		top: 160px;
	}

	.view-10 .ps-platform .main-cols .col-right {
		order: 0;
		display: block;
		width: 100%;
	}

	.view-10 .ps-platform .main-cols .col-right:before {
		top: -30px;
	}		
}

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

	.view-10 .ps-platform .main-cols .col-left .image {
		width: calc(1800px / 4.0);
		height: calc(1800px / 4.0);
		left: -20px;
	}	

	.view-10 .ps-platform .main-cols .col-left .image .comment-0 {
		width: calc(256px / 1.5);
		height: calc(180px / 1.5);
		right: 164px;
		top: 60px;
	}

	.view-10 .ps-platform .main-cols .col-left .image .comment-1 {
		width: calc(256px / 1.5);
		height: calc(180px / 1.5);
		right: 30px;
		top: 140px;
	}

	.view-10 .ps-platform .main-cols .col-right {
		margin: 0 0 20px 0;
	}

	.view-10 .ps-platform .main-cols .col-right:before {
		width: 50px;
	}		

	.view-10 .ps-platform .main-cols .col-right .title {
		font-size: 40px;
		margin:0 0 30px 0;
	}

	.view-10 .ps-platform .main-cols .col-right .description p {
		font-size: 14px;
	}	
}

@media only screen and (max-width: 640px) { 
	.view-10 .ps-platform .main-cols .col-left .image {
		left: 0;
	}	
}

@media only screen and (max-width: 480px) { 
	.view-10 .ps-platform .main-cols .col-left .image {
		width: calc(1800px / 5.0);
		height: calc(1800px / 5.0);
		margin: 0 auto;
	}	

	.view-10 .ps-platform .main-cols .col-left .image .comment-0 {
		width: calc(256px / 1.8);
		height: calc(180px / 1.8);
		right: 140px;
		top: 40px;
	}

	.view-10 .ps-platform .main-cols .col-left .image .comment-1 {
		width: calc(256px / 1.8);
		height: calc(180px / 1.8);
		right: 40px;
		top: 110px;
	}

	.view-10 .ps-platform .main-cols .col-right .title {
		font-size: 36px;
	}
}

@media only screen and (max-width: 400px) { 
	.view-10 .ps-platform .main-cols .col-left .image {
		width: calc(1800px / 6.0);
		height: calc(1800px / 6.0);
		left: 16px;
	}	

	.view-10 .ps-platform .main-cols .col-left .image .comment-0 {
		width: calc(256px / 2.1);
		height: calc(180px / 2.1);
		right: 130px;
		top: 30px;
	}

	.view-10 .ps-platform .main-cols .col-left .image .comment-1 {
		width: calc(256px / 2.1);
		height: calc(180px / 2.1);
		right: 40px;
		top: 90px;
	}
}

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

	.view-10 .ps-platform .main-cols .col-right .title {
		font-size: 32px;
		margin:0 0 25px 0;
	}
}

/* more */
.view-10 .ps-more {
	display:block;
	box-sizing:border-box;	
	width:100%;	
	padding:0;
	margin:0;
	background-color:#000;
}

.view-10 .ps-more .st-bleed{
	display:block;
	box-sizing:border-box;
	padding:0 20px;
	margin:0;
}

.view-10 .ps-more .st-cnt {
	display:block;
	box-sizing:border-box;
	max-width:1180px;
	padding:0 40px 0 0;
	margin:0 auto;
	position:relative;
	background: radial-gradient(200px 200px at 200px center, #2D3537, #000);
}

.view-10 .ps-more .st-cnt .main-cols {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:center;
	box-sizing:border-box;
	padding:0;
	margin:0;
}

.view-10 .ps-more .st-cnt .main-cols .col-left {
	display:block;
	box-sizing:border-box;
	width:65%;
	padding:0 0 0 0;
	margin:0;
}

.view-10 .ps-more .st-cnt .main-cols .col-left .wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

.view-10 .ps-more .st-cnt .main-cols .col-left .wrap .logo {
	display: block;
	width: 100%;
	max-width: 360px;
	height: 240px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url(../images/svg/pages/sensors/more/logo.svg);	
}

.view-10 .ps-more .st-cnt .main-cols .col-left .wrap .title {
	font-size: 32px;
	font-weight: 600;
	line-height: 120%;
	text-align: left;
	color: #fff;
	padding: 0;
	margin: 0;
	position: relative;
	left: -60px;
	top: -4px;
}

.view-10 .ps-more .st-cnt .main-cols .col-right {
	display:block;
	box-sizing:border-box;
	width:35%;
	padding:0;
	margin:0;
	position:relative;
}

.view-10 .ps-more .st-cnt .main-cols .col-right .store-buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: stretch;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.view-10 .ps-more .st-cnt .main-cols .col-right .store-buttons .item {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0 30px 0 0;
}

.view-10 .ps-more .st-cnt .main-cols .col-right .store-buttons .item:last-child {
	margin:0;
}

.view-10 .ps-more .st-cnt .main-cols .col-right .store-buttons .item .btn {
	display: block;
	box-sizing: border-box;
	width:160px;
	height:48px;
	line-height:0;
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;	
}

.view-10 .ps-more .st-cnt .main-cols .col-right .store-buttons .item .btn.app-store {
	background-image:url(../images/svg/app_store.svg);
}

.view-10 .ps-more .st-cnt .main-cols .col-right .store-buttons .item .btn.google-play {
	background-image:url(../images/svg/google_play.svg);
}

.view-10 .ps-more .st-cnt .main-cols .col-right .hand {
	display:block;
	box-sizing:border-box;
	width:130px;
	height:130px;
	padding:0;
	margin:0;
	position:absolute;
	right:-60px;
	bottom:-60px;
	transform:translateX(100%);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url(../images/svg/pointing_hand.svg);
	opacity:0.6;
}

@media only screen and (max-width: 1480px) {
	.view-10 .ps-more .st-cnt .main-cols .col-right {
		padding: 0 40px 0 0;
	}

	.view-10 .ps-more .st-cnt .main-cols .col-right .hand {
		width:120px;
		height:120px;
		right:10px;
		bottom:-50px;
	}	
}

@media only screen and (max-width: 1360px) { 
	.view-10 .ps-more .st-cnt .main-cols {
		align-items:flex-end;
	}

	.view-10 .ps-more .st-cnt .main-cols .col-right {
		padding: 0 0 50px 0;
	}

	.view-10 .ps-more .st-cnt .main-cols .col-right .hand {
		width: 100px;
    height: 100px;
    right: -70px;
    bottom: 110px;
    transform: translateX(-20%);
	}	
}

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

	.view-10 .ps-more .st-cnt {
		padding:20px 40px 20px 0;
	}

	.view-10 .ps-more .st-cnt .main-cols .col-right .hand {
    right: -40px;
	}		
}

@media only screen and (max-width: 1152px) { 
	.view-10 .ps-more .st-cnt {
		padding:10px 0 40px 0;
		background: radial-gradient(200px 200px at center 120px, #2D3537, #000);
	}

	.view-10 .ps-more .st-cnt .main-cols {
		flex-wrap:wrap;
		justify-content:center;
		align-items:flex-start;
	}

	.view-10 .ps-more .st-cnt .main-cols .col-left {
		width: 100%;
	}

	.view-10 .ps-more .st-cnt .main-cols .col-left .wrap {
		flex-wrap: wrap;
		justify-content: center;
	}

	.view-10 .ps-more .st-cnt .main-cols .col-left .wrap .title {
		width: 100%;
		font-size: 24px;
		text-align: center;
		left: auto;
		top: -20px;
	}

	.view-10 .ps-more .st-cnt .main-cols .col-left .wrap .title br {
		display: none;
	}

	.view-10 .ps-more .st-cnt .main-cols .col-right {
		width: 100%;
		padding: 0;
	}

	.view-10 .ps-more .st-cnt .main-cols .col-right .store-buttons {
		width: 100%;
		justify-content: center;
		align-items: stretch;
	}	

	.view-10 .ps-more .st-cnt .main-cols .col-right .hand {
		right: auto;
    left: 50%;
    transform: translateX(120px) translateY(0px);
    width: 80px;
    height: 80px;	
  }
}

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

	.view-10 .ps-more .st-cnt .main-cols {
		flex-wrap:wrap;
		justify-content:flex-start;
	}
}

@media only screen and (max-width: 640px) { 
	.view-10 .ps-more .st-cnt .main-cols .col-left .wrap .title {
		font-size: 20px;
	}

	.view-10 .ps-more .st-cnt .main-cols .col-right .store-buttons .item .btn {
		width:calc(160px * 0.8);
		height:calc(48px * 0.8);
	}

	.view-10 .ps-more .st-cnt .main-cols .col-right .store-buttons .item {
		margin: 0 20px 0 0;
	}	
}

@media only screen and (max-width: 480px) {
	.view-10 .ps-more .st-cnt .main-cols .col-right .hand {
		display: none;
    transform: translateX(100px) translateY(20px);
  }
}

@media only screen and (max-width: 400px) {
	.view-10 .ps-more .st-bleed{
		padding:0 0;
	}

	.view-10 .ps-more .st-cnt .main-cols .col-left .wrap .title {
		font-size: 18px;
	}

	.view-10 .ps-more .st-cnt .main-cols .col-right .store-buttons .item .btn {
		width:calc(160px * 0.7);
		height:calc(48px * 0.7);
	}

	.view-10 .ps-more .st-cnt .main-cols .col-right .hand {
		width: 70px;
		height: 70px;
    transform: translateX(90px) translateY(20px);
  }	
}

@media only screen and (max-width: 360px) {
	.view-10 .ps-more .st-cnt .main-cols .col-right .hand {
		width: 64px;
		height: 64px;
    transform: translateX(80px) translateY(20px);
  }	
}

/* learn */
.view-10 .ps-learn {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 550px auto;
	background-position: calc(50% + 550px / 2) bottom;
	background-image: url(../images/pages/sensors/learn/phones.png);	
}

.view-10 .ps-learn .st-bleed {
	display: block;
	box-sizing: border-box;
	padding: 0 20px;
	margin: 0;	
}

.view-10 .ps-learn .st-cnt {
	display: block;
	box-sizing: border-box;
	max-width: 1100px;
	height:550px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

.view-10 .ps-learn .main-cols {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	height: 100%;
	padding: 0;
	margin: 0;
}

.view-10 .ps-learn .main-cols .col-left {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	width: 40%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.view-10 .ps-learn .main-cols .col-left .title {
	display: block;
	box-sizing: border-box;
	font-size: 46px;
	font-weight: 600;
	line-height: 120%;
	text-align: left;
	color:#000;
	padding: 0;
	margin:0 0 40px 0;
}

.view-10 .ps-learn .main-cols .col-left .title:last-child {
	margin:0;
}

.view-10 .ps-learn .main-cols .col-left .description {
	display:block;
	box-sizing:border-box;
	max-width: 440px;
	padding:0;
	margin:0 0 30px 0;
}

.view-10 .ps-learn .main-cols .col-left .description:last-child {
	margin:0;
}

.view-10 .ps-learn .main-cols .col-left .description p {
	display:block;
	box-sizing:border-box;
	font-size:16px;
	font-weight:400;
	line-height:150%;
	text-align:left;
	color:#000;
	padding:0;
	margin:0 0 30px 0;	
}

.view-10 .ps-learn .main-cols .col-left .description p:last-child {
	margin:0;
}

.view-10 .ps-learn .main-cols .col-left .more {
	display: block;
}

.view-10 .ps-learn .main-cols .col-left .more a {
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	color: var(--c_blue);
	padding: 0 20px 0 0;
	position: relative;
	transition: all 0.2s ease-out;
}

.view-10 .ps-learn .main-cols .col-left .more a:hover {
	color: #000;
}

.view-10 .ps-learn .main-cols .col-left .more a:after {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url(../images/svg/link_arrow_blue.svg);	
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.2s ease-out;
	filter: grayscale(0.0);
}

.view-10 .ps-learn .main-cols .col-left .more a:hover:after {
	filter: grayscale(1.0);
}

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

	.view-10 .ps-learn .main-cols .col-left {
		left: 0;
		padding:0 20px 0 10px;
	}
}

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

	.view-10 .ps-learn {
		background-size: calc(550px * 0.7) auto;
		background-position: calc(45% + (550px * 0.7) / 2) bottom;
	}

	.view-10 .ps-learn .st-cnt {
		height:auto;
		padding: 60px 0 300px 0;
	}

	.view-10 .ps-learn .main-cols {
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		height: auto;
	}

	.view-10 .ps-learn .main-cols .col-left {
		display: block;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0 0 30px 0;
	}

	.view-10 .ps-learn .main-cols .col-left .description {
		max-width: none;
	}
}

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

	.view-10 .ps-learn {
		background-position: calc(32% + (550px * 0.7) / 2) bottom;
	}

	.view-10 .ps-learn .main-cols .col-left .title {
		font-size: 40px;
		margin:0 0 30px 0;
	}

	.view-10 .ps-learn .main-cols .col-left .description p {
		font-size: 14px;
	}
}

@media only screen and (max-width: 640px) { 
	.view-10 .ps-learn {
		background-position: calc(0% + (550px * 0.7) / 2) bottom;
	}
}

@media only screen and (max-width: 540px) { 
	.view-10 .ps-learn {
		background-size: calc(550px * 0.6) auto;
		background-position: center bottom;
	}	
}

@media only screen and (max-width: 480px) { 
	.view-10 .ps-learn .main-cols .col-left .title {
		font-size: 36px;
	}
}

@media only screen and (max-width: 400px) { 
	.view-10 .ps-learn {
		background-size: calc(550px * 0.54) auto;
	}	

	.view-10 .ps-learn .st-cnt {
		padding: 60px 0 280px 0;
	}	
}

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

	.view-10 .ps-learn {
		background-size: calc(550px * 0.5) auto;
	}	

	.view-10 .ps-learn .main-cols .col-left .title {
		font-size: 32px;
		margin:0 0 25px 0;
	}
}