.trivia_streak_box { background: url(../img/trivia-streak/trivia_bg_desktop.jpg) no-repeat; background-size: cover; overflow: hidden; }
.trivia_streak_box li, .trivia_streak_box p, .trivia_streak_box span { color: var(--white); }
.trivia_hdr { background: url(../img/trivia-streak/trivia_hdr_bg.jpg) no-repeat; background-size: cover; padding: 30px 40px; }
.trivia_streak_des { padding: 40px 0 80px; position: relative; z-index: 111; }
.trivia_streak_des:before { content: ''; background: rgba(0, 0, 0, .5); position: absolute; top: 0; height: 100%; width: 140%; left: -20%; border-radius: 0 0 80% 80%; z-index: -1; }
.steak_list { padding: 30px 0; background: rgba(0, 0, 0, .5); margin: 20px 0 0; }
.steak_list figure { margin-bottom: 0; }
.steak_list ul li { position: relative; margin-bottom: 15px; padding-left: 25px; }
.steak_list ul li:last-child { margin-bottom: 0;}
.steak_list ul li:before { content: ''; background: var(--white); width: 11px; height: 11px; position: absolute; top: 10px; left: 0; border-radius: 100%; }
.streak_ui { padding: 80px 0 0; margin: 20px 0 0; position: relative; z-index: 111; }
.streak_ui:before { content: ''; background: rgba(0, 0, 0, .5); position: absolute; top: 0; height: 100%; width: 200%; left: -50%; border-radius: 48% 48% 0 0; z-index: -1; }
.streak_ui figure { position: relative; z-index: 111; }
.trivia_btm_graphic { margin-top: -30%;	}
.trivia_btm_graphic img { width: 100%;}
.tap_ftl { padding: 30px; background: rgba(15, 71, 123, 1); background: -moz-linear-gradient(top, rgba(15, 71, 123, 1) 0, rgba(39, 133, 184, 1) 40%, rgba(39, 133, 184, 1) 56%, rgba(15, 71, 123, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(15, 71, 123, 1)), color-stop(40%, rgba(39, 133, 184, 1)), color-stop(56%, rgba(39, 133, 184, 1)), color-stop(100%, rgba(15, 71, 123, 1))); background: -webkit-linear-gradient(top, rgba(15, 71, 123, 1) 0, rgba(39, 133, 184, 1) 40%, rgba(39, 133, 184, 1) 56%, rgba(15, 71, 123, 1) 100%); background: -o-linear-gradient(top, rgba(15, 71, 123, 1) 0, rgba(39, 133, 184, 1) 40%, rgba(39, 133, 184, 1) 56%, rgba(15, 71, 123, 1) 100%); background: -ms-linear-gradient(top, rgba(15, 71, 123, 1) 0, rgba(39, 133, 184, 1) 40%, rgba(39, 133, 184, 1) 56%, rgba(15, 71, 123, 1) 100%); background: linear-gradient(to bottom, rgba(15, 71, 123, 1) 0, rgba(39, 133, 184, 1) 40%, rgba(39, 133, 184, 1) 56%, rgba(15, 71, 123, 1) 100%); }
.tap_ftl li { position: relative; padding-left: 50px; margin: 0 0 18px; }
.tap_ftl li:before { content: ''; background-image: url(../img/tapoclock/tap_list_icon.png); background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; left: 0; top: 0; }

@media (max-width:880px){
    .trivia_streak_box { background: url(../img/trivia-streak/trivia_bg_mobile.jpg) no-repeat; background-size: cover; }
}
@media (max-width:767px){
    .tap_ftl { padding: 30px 0; }
}

@media (max-width:575px){
    .trivia_hdr { flex-direction: column!important; }
    .trivia_hdr .app_stores, .urban_hdr .app_stores { margin: 15px 0; }
    .trivia_hdr .app_rating_icon figure img { width: 140px; }
}