@charset 'utf-8';
@media screen and (min-width: 1920px) and (min-height: 1000px),
	   screen and (max-aspect-ratio: 16/9) {
  	#hd .hd-sec-intro,
	#hd .hd-sec-pressure,
	#hd .hd-sec-health,
	#hd .hd-sec-healthAI,
	#hd .hd-sec-connect,
	#hd .hd-sec-fitness,
	#hd .hd-sec-battery{min-height: 0; }
}
@media screen and (max-width: 1440px) {
	#hd h2 {font-size: 2.5em; }
/* ---------- sensor -------------------- */
	#sensor-img .heart{top: 23%; }
/* ---------- healthAI ------------------ */
	#hd .hd-sec-healthAI .txt-container{
		width: 60%;
		margin-right: -10%;
	}
	#hd .hd-sec-battery{background-position: 60% bottom; }
}
@media screen and (max-width: 1366px) {
/* ---------- pressure ------------------ */
	#hd .hd-sec-pressure .txt-container{
		padding-right: 0;
		padding-bottom: 100px;
	}
/* ---------- battery ------------------- */
	#hd .hd-sec-battery{background-position: 60% bottom; }
}
@media screen and (max-width: 1280px){
	#hd h2 {font-size: 2.25em; }
	#hd p {font-size: 14px; }
/* ---------- healthAI ------------------ */
	#hd .hd-sec-healthAI .txt-container{
		width: 70%;
		margin-right: -20%;
		padding-right: 5%;
		padding-bottom: 100px;
	}
/* ---------- fitness ------------------- */
	#hd .hd-sec-fitness .txt-container{padding-right: 0;}
	#hd .hd-sec-fitness .hd-filter{margin:30px 0;}
	#hd .hd-sec-fitness .hd-content{padding:30px;}
}
@media screen and (max-width: 1024px) {
	#hd h2 {font-size: 1.75em; }
	/*#hd p{
		font-weight: 400;
		color:#616161;
	}*/
	#hd .hd-sec-intro .txt-container{position: relative; }
	#hd .hd-sec-intro .txt-container:before{
		content: '';
		display: block;
		width: 110%;
		height: 100%;
		position: absolute;
		top: 0;
		left: -5%;
		background-color: rgba(255,255,255,.5);
	}
/* ---------- vid ----------------------- */
	#play_btn span{
		width: 60px;
		height: 60px;
	}
	#play_btn span:after{border-width: 15px 0 15px 20px; }
/* ---------- sensor -------------------- */
	#sensor-img .heart{top: 27%; }
/* ---------- health + fitness ---------- */
	#hd .hd-sec-health .txt-container{
		padding-left: 0;
		padding-right: 0;
	}
	#hd .hd-sec-health .hd-filter,
	#hd .hd-sec-fitness .hd-filter{margin:30px 0;}
	#hd .hd-sec-health p,
	#hd .hd-sec-fitness p{
		font-size: 1em;
		color:#000;
	}
}
@media screen and (max-width: 1023px) {
	#hd .hd-sec-intro,
	#hd .hd-sec-pressure,
	#hd .hd-sec-health,
	#hd .hd-sec-healthAI,
	#hd .hd-sec-connect,
	#hd .hd-sec-fitness,
	#hd .hd-sec-battery{
		min-height: 0;
	}
	/*#hd .hd-sec-intro .w90,*/
	#hd .hd-sec-connect .w80,
	#hd .hd-sec-fitness .w90{
		position: relative;
		top: 0;
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
	}
/* ---------- intro --------------------- */
	#hd .hd-sec-intro .txt-container{
		width: 60%;
		padding:80px 0;
		margin:0;
	}
/* ---------- connect ------------------- */
	#hd .hd-sec-connect .txt-container{
		width: 60%;
		padding:80px 0;
	}
}
@media screen and (max-width: 768px) {
	#hd .w80{width: 90%;}
	#hd .w768-on{display: block;}
	#hd .w768-off{display: none; }
	#hd .txt-container{
		width: 100%;
		max-width: none !important;
		padding:30px 0;
	}
/* ---------- intro + connect ----------- */
	#hd .hd-sec-intro,
	#hd .hd-sec-connect{
		padding-bottom: 60%;
		background-size: 140% auto;
	}
	#hd .hd-sec-intro{height: auto; }
	#hd .hd-sec-intro .w90{
		position: relative;
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
	}
	#hd .hd-sec-intro .txt-container,
	#hd .hd-sec-connect .txt-container{
		width: 100%;
		padding:30px 0;
	}
	#hd .hd-sec-intro .txt-container:before{display: none;}
/* ---------- pressure ------------------ */
	#hd .hd-sec-pressure .txt-container{
		padding-bottom: 30px;
	}
	#hd #bp-img,
	#hd #ai-img{
		display: block;
		width:calc(100% - 150px);
		max-width: 450px;
		margin-left: auto;
		margin-right: 0;
	}
	#bp-img .hd-gif img,
	#bp-img .hd-screen img,
	#bp-img .hd-element img{
		padding-left:3%;
		padding-right:3%;
	}
/* ---------- health + fitness ---------- */
	#hd .hd-sec-health,
	#hd .hd-sec-fitness{padding: 30px 0}
	#hd .hd-sec-health .txt-container,
	#hd .hd-sec-fitness .txt-container{
		width: 60%;
		padding-top: 0;
	}
	#hd .hd-sec-health .hd-filter,
	#hd .hd-sec-fitness .hd-filter{
		margin:0 auto 20px;
	}
	#hd .hd-sec-health .hd-filter li,
	#hd .hd-sec-fitness .hd-filter li{
		width: 33.3333%;
		margin-bottom: 10px;
	}
	#hd .hd-sec-health .hd-filter img,
	#hd .hd-sec-fitness .hd-filter img{
		max-width: 50px !important;
		margin-bottom: 5px;
	}
	#hd .hd-sec-health .hd-filter p,
	#hd .hd-sec-fitness .hd-filter p{
		font-size: 14px;
		max-width: 75px;
		margin:5px auto 0;
	}
	#hd .hd-sec-fitness .hd-filter p{max-width: 100px;}
	#hd .hd-sec-health .hd-content,
	#hd .hd-sec-fitness .hd-content{padding:20px;}
/* ---------- sensor -------------------- */
	#hd #sensor-img{
		width: 100%;
		margin:30px 0;
		padding:0;
	}
	#sensor-img .heart{
		top: 12%;
		left: 74%;
	}
	#sensor-img .blood{
		left: 74%;
	}
/* ---------- healthAI ------------------ */
	#hd .hd-sec-healthAI .txt-container{
		width: 100%;
		margin-right: 0;
		padding-bottom: 30px;
		padding-right: 0;
	}
	#hd #ai-img{
		width: 100%;
		padding-bottom: 30px;
		margin-bottom: 0;
	}
/* ---------- fitness ------------------- */
	#hd .hd-sec-fitness{background-image: none !important;}
/* ---------- battery ------------------- */
	#hd .hd-sec-battery{
		height: auto;
		padding-bottom: 60%;
		background-size: 140% auto;
		background-position: right bottom;
	}
	#hd .hd-sec-battery .w90{
		position: relative;
		top: 0;
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
	}
}
@media screen and (max-width: 620px) {
/* ---------- health -------------------- */
	#hd .hd-sec-health .hd-filter{margin-bottom: 5px;}
	#hd .hd-sec-health .hd-filter img{max-width: 40px !important; }
}
@media screen and (max-width: 480px) {
	#hd nobr{white-space: normal; }
	#hd .hd-more{
		font-size: 12px;
		padding:5px 30px 3px 10px;
	}
	#hd .hd-more:after{
		border-width: 6px 4px 0 4px;
		right: 12px;
	}
/* ---------- vid ----------------------- */
	#play_btn span{
		width: 40px;
		height: 40px;
	}
	#play_btn span:after{border-width: 10px 0 10px 15px; }
/* ---------- health + fitness ---------- */
	#hd .hd-sec-health .txt-container,
	#hd #health-img,
	#hd #fitness-img{
		display: block;
		width: 100%;
		max-width: 300px;
		margin:0 auto;
	}
	#hd #health-img,
	#hd #fitness-img{
		-webkit-transform: translateX(10%);
		   -moz-transform: translateX(10%);
		    -ms-transform: translateX(10%);
		     -o-transform: translateX(10%);
		        transform: translateX(10%);
	}
	#hd .hd-sec-health .hd-content,
	#hd .hd-sec-fitness .hd-content{min-height: 0;}
	#hd .hd-sec-healthAI .txt-container a{margin-right: 7px;}
/* ---------- fitness ------------------- */
	#hd .hd-sec-fitness{
		background-size: 120% auto;
		background-position: right bottom;
	}
	#hd .hd-sec-fitness .txt-container{
		width: 100%;
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
	}
}
@media screen and (max-width: 360px) {
	#hd h2{font-size: 1.75em;}
}