.taphero_box { background: #12053b; overflow: hidden; }
.taphero_box .tap_title { margin: 0 0 30px; }
.taphero_box li, .taphero_box p { color: var(--white); font-size: 18px; }
.taphero_box .tapclock_hd { background: url(../img/tap-hero/tap_hdr_bg.png) no-repeat; background-size:cover;}
.tapclock_hd>div { flex-grow: 1; }
.taphreo_des { background: #12053b; box-shadow: inset 0 0 20px rgba(0, 0, 0, .5); padding: 30px 0; }
.taphero_box .tap_title h4 { box-shadow: 0 0 8px #f7b4ff; color: #ff42f4; border: 2px solid rgba(255, 255, 255, .7); }
.taphero_genres { background: url(../img/tap-hero/genres_bg.png) no-repeat; background-size: cover; padding: 30px 0; }
.taphero_genres figure { margin: 0; }
.taphero_feat { padding: 30px 0; background: url(../img/tap-hero/tap_feat_bg.png) no-repeat; background-size: cover; background-position: top center; }
.tap_list ul li { position: relative; padding-left: 50px; margin-bottom: 20px; width: 49%; display: inline-block; vertical-align: top; }
.tap_list ul li:nth-child(2n+1) { clear: both; }
.tap_list ul li:last-child { margin-bottom: 0; }
.tap_list ul li:before { content: ''; background-image: url(../img/tap-hero/star_icon.png); background-size: 100%; width: 38px; height: 37px; position: absolute; top: -8px; left: 0; }
.taphero_tech { padding: 30px 0; background: url(../img/tap-hero/tap_tech_bg.png) no-repeat; background-size: cover; }
.tech_screens { width: 100%; text-align: center; }
.tech_screens figure { display: inline-block; width: 30%; }

@media (max-width:767px){
	.taphero_box .tap_title { margin: 0 0 25px; }
	.taphero_box li, .taphero_box p { font-size: 16px; }
	.taphero_box .tapclock_hd { background: url(../img/tap-hero/tap_hdr_bg.png) no-repeat; background-size: cover; }
	.tap_list ul li { width: 100%; }
	.tech_screens figure { width: 49%; margin: 25px 0 0; }
}