/* SCSS Puller */
/*************/
/* SCSS Vars */
/*************/
/* -- fonts */
/* -- colors */
/* -- shapes */
/* -- animations */
/***************/
/* SCSS Mixins */
/***************/
/******************/
/* CSS ANIMATIONS */
/******************/
.appear { animation: animationFrames ease 1.5s; animation-iteration-count: 1; animation-fill-mode: forwards; -webkit-animation: animationFrames ease 1.5s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -moz-animation: animationFrames ease 1.5s; -moz-animation-iteration-count: 1; -moz-animation-fill-mode: forwards; -o-animation: animationFrames ease 1.5s; -o-animation-iteration-count: 1; -o-animation-fill-mode: forwards; -ms-animation: animationFrames ease 1.5s; -ms-animation-iteration-count: 1; -ms-animation-fill-mode: forwards; }

@-webkit-keyframes animationFrames { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes animationFrames { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes animationFrames { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-ms-keyframes animationFrames { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes animationFrames { 0% { opacity: 0; }
  100% { opacity: 1; } }

.goBottom { position: relative; text-align: center; }

.goBottom > a { display: inline-block; font-size: 0.8em; color: white; margin-right: 10px; padding: 5px 5px; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

.goBottom > a:active, .goBottom > a:hover { background: rgba(255, 255, 255, 0.25); }

.mm-panel > .mm-list { margin-bottom: 25px; }

.mm-list > li > a { background: rgba(0, 0, 0, 0.2); }

.mm-list > li:first-child > a { border-top: 1px solid rgba(255, 255, 255, 0.25); }

.mm-list > li > a:after { margin-left: 0; }

.mm-list > li > a:active, .mm-list > li > a:hover { background: rgba(0, 0, 0, 0.3); }

.mm-list > li.logged { display: none; }

.mm-list > li > a > span { opacity: 0.5; font-weight: 400; }

.mm-list > li > a.mobileLang { background: transparent; }

.mm-panel > .mm-list { margin-bottom: 10px; }

/*.mm-list > li > a:before { content:''; background: url(''); background-size: 16px 16px; position: relative; padding: 0 20px 0 0; margin-right: 20px; top: 0; }*/
/* Search */
/*#mobileSearch { margin: 20px 0 10px 0; }
#mobileSearch input[type=text] { display: inline-block; vertical-align: top; width: 70%; height: 35px; padding: 0 5%; padding-right: 25%; font-size: 0.825em; color: $color-black; }
#mobileSearch input[type=text]::-webkit-input-placeholder { color: #888; }
#mobileSearch button { display: inline-block; vertical-align: top; margin-left: -20%; width: 20%; height: 40px; background: transparent; color: transparent; cursor: pointer; }
#mobileSearch button img { top: 1px; right: 5px; position: relative; width: 54px; height: 26px; }*/
#mobileSearch { background: rgba(0, 0, 0, 0.2); height: 40px; border-top: 0 solid rgba(255, 255, 255, 0.25); overflow: hidden; }

#mobileSearch input[type=text] { font-size: 1.05em; line-height: 20px; padding: 10px 10px 15px 20px; background: transparent; color: rgba(255, 255, 255, 0.5); }

#mobileSearch button { float: right; background: transparent; }

#mobileSearch button img { width: 55%; height: 55%; margin-top: 8px; margin-right: -16px; opacity: 0.3; }

/* Logged out */
#menu .mobileMenu .mobileAccount { padding: 15px; margin-bottom: 7px; background: rgba(0, 0, 0, 0.15); border: 0px solid rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

#menu .mobileMenu .mobileAccount.hide { display: none; }

#menu .mobileMenu .mobileAccount a.mobileSignIn { display: block; padding: 15px 0; width: 100%; font-size: 0.9em; font-weight: 600; color: white; background: #0089cb; letter-spacing: 0.5px; text-decoration: none; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.075); background: #0089cb; background: -moz-linear-gradient(top, #0089cb 0%, #0195dc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0089cb), color-stop(100%, #0195dc)); background: -webkit-linear-gradient(top, #0089cb 0%, #0195dc 100%); background: -o-linear-gradient(top, #0089cb 0%, #0195dc 100%); background: -ms-linear-gradient(top, #0089cb 0%, #0195dc 100%); background: linear-gradient(to bottom, #0089cb 0%, #0195dc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089cb', endColorstr='#0195dc',GradientType=0 ); }

#menu .mobileMenu .mobileAccount a.mobileSignUp { display: block; padding: 15px 0; margin-top: 7px; width: 100%; font-size: 0.750em; font-weight: 600; color: #424242; letter-spacing: 0.5px; text-decoration: none; text-align: center; background: white; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#menu .mobileMenu .mobileAccount a.mobileSignUp:active { background: #e1e1e1; }

/* -- logged in -- */
#menu .mobileMenu .mobileManage { padding: 15px; margin-bottom: 15px; height: 30px; background: rgba(255, 255, 255, 0.25); border: 0px solid rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

#menu .mobileMenu .mobileManage.hide { display: none; }

#menu .mobileMenu .mobileManage a.mobileSignIn { display: block; padding: 15px 0; width: 100%; font-size: 0.9em; font-weight: 600; color: white; background: #0089cb; letter-spacing: 0.5px; text-decoration: none; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

#menu .mobileMenu .mobileManage a.mobileSignIn:active { background: #0089cb; background: -moz-linear-gradient(top, #0089cb 0%, #0195dc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0089cb), color-stop(100%, #0195dc)); background: -webkit-linear-gradient(top, #0089cb 0%, #0195dc 100%); background: -o-linear-gradient(top, #0089cb 0%, #0195dc 100%); background: -ms-linear-gradient(top, #0089cb 0%, #0195dc 100%); background: linear-gradient(to bottom, #0089cb 0%, #0195dc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089cb', endColorstr='#0195dc',GradientType=0 ); }

#menu .mobileMenu .mobileManage a.settings { display: inline-block; vertical-align: bottom; padding: 10px 0; width: 48%; font-size: 0.750em; font-weight: 600; color: white; letter-spacing: 0.5px; text-decoration: none; text-align: center; background: rgba(0, 137, 203, 0.8); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; float: left; }

#menu .mobileMenu .mobileManage a.settings:active { background: #0089cb; }

#menu .mobileMenu .mobileManage a.logout { display: inline-block; vertical-align: bottom; padding: 10px 0; width: 48%; font-size: 0.750em; font-weight: 600; color: white; letter-spacing: 0.5px; text-decoration: none; text-align: center; background: rgba(239, 26, 26, 0.8); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; float: right; }

#menu .mobileMenu .mobileManage a.logout:active { background: #ef1a1a; }

/* slider */
@media only screen and (max-width: 1231px) { #featuredRadio .centered { width: 940px; } }
@media only screen and (max-width: 1024px) { #featuredRadio .centered { width: 750px; } }
@media only screen and (max-width: 765px) { #featuredRadio .centered { width: 570px; } }
@media only screen and (max-width: 600px) { #featuredRadio .centered { width: 380px; } }
@media only screen and (max-width: 420px) { #featuredRadio .centered { width: 195px; } }
/* Desktops */
@media only screen and (min-width: 1500px) { #wrapHome .marketing .marketingText { font-size: 32px; } }
@media only screen and (min-width: 1600px) { #wrapHome .marketing .marketingText { font-size: 34px; } }
@media only screen and (max-width: 1230px) { #featuredRadio .centered a.featuredNext { float: right; }
  /*.slick-list { width: 940px; }*/ }
@media only screen and (max-width: 1220px) { /* Framework */
  body { background: white; }
  .centered { width: 95%; }
  #wrap { width: 100%; }
  #static { width: 95%; }
  /* Header */
  #headerHome #search form#searchQuick input.searchHeader { width: 265px; }
  #headerHome #search form#searchQuick a.advanced { visibility: visible; opacity: 1; right: 68px; }
  #header #search form#searchQuick input.searchHeader { width: 265px; }
  #header #search form#searchQuick a.advanced { visibility: visible; opacity: 1; right: 68px; }
  #headerHome #navLogin { margin-right: 5px; }
  /* Footer */
  #footerHome, #footer { width: 100%; }
  #footerHome ul, #footer ul { width: 95%; }
  #footer { display: none; }
  /* Player */
  #player { width: 100%; left: auto; margin: 0; }
  .jp-details { max-width: 20%; }
  .jp-details ul, .jp-playlist ul, .jp-details li, .jp-playlist li { width: auto; }
  .jp-details li a { max-width: 70%; }
  .rad-tracks { max-width: 30%; }
  .rad-tracks ul, .rad-tracks ul li { width: 100%; }
  div.jp-audio-stream .jp-interface .volumeWrap { width: 550%; }
  /* ------------ */
  /* Home --- */
  .switch { right: 0; margin-right: 30px; }
  #wrapHome .marketing .marketingText { font-size: 26px; line-height: 32px; }
  /* Browse --- */
  .browseLeft { max-width: 30%; margin: 30px 0 30px 2.5%; }
  .browseRight { max-width: 80%; width: 75%; margin-left: 2.5%; margin-right: 2.5%; float: right; }
  .browseRight.deployed { max-width: 70%; width: 65%; margin-right: 2.5%; margin-left: 2.5%; float: right; }
  .browseRight .browseRadioWrap { width: 48%; }
  .browseRight h3 { width: 49%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 18px; }
  .browseRight p.browseFilters { width: 50%; }
  /* Radio Profile --- */
  #radioProfileTop { width: 95%; }
  #radioProfileTop #radioProfileInfo { width: 75%; }
  #radioProfileTop #radioProfileInfo .radioCover { max-width: 250px; }
  #radioProfileTop #radioProfileInfo .radioCover img { width: 100%; height: 100%; }
  #radioProfileTop #radioProfileInfo .radioPlay { width: 250px; height: auto; top: 115px; left: auto; }
  #radioProfileTop #radioProfileInfo .radioPlay .radioPlayBtn { margin: 0 auto; }
  #radioProfileTop #radioProfileInfo .radioDetails { width: 50%; }
  #radioProfileTop #radioProfileActions { width: 25%; float: right; }
  #radioProfileBottom { width: 95%; }
  #radioProfileBottom #radioProfileTracklist { width: 33%; }
  #radioProfileBottom #radioProfileTracklist .tracklist { width: 90%; }
  #radioProfileBottom #radioProfileTracklist .tracklist .tracklistInfo p.playing { margin-left: 13.5%; }
  #radioProfileBottom #radioProfileTrending { width: 33%; }
  #radioProfileBottom #radioProfileAds { width: 300px; float: right; }
  #radioProfileBottom #radioProfileAds .ads { float: right; }
  #radioProfileBottom #radioProfileArtist { width: 33%; }
  #radioProfileBottom #radioProfileAlbum { width: 33%; }
  #radioProfileBottom #radioProfileTracks { width: 33%; float: right; }
  #radioProfileBottom #radioProfileArtist .browseRadioWrap { width: 90%; }
  #radioProfileBottom #radioProfileArtist .browseRadioWrap .radioInfo { width: auto; }
  #radioProfileBottom #radioProfileAlbum .trending { width: 95%; }
  #radioProfileBottom #radioProfileAlbum .trending img { width: 30%; max-width: 90px; height: auto; margin-bottom: 1px; }
  #radioProfileBottom #radioProfileTracks .tracklist { width: 100%; }
  #radioProfileBottom #radioProfileTracks .tracklist .tracklistInfo { width: 80%; margin-left: 5%; }
  #radioProfileBottom #radioProfileTracks .tracklist .tracklistInfo p.track { width: 85%; }
  #radioProfileBottom #radioProfileTracks .tracklist .tracklistInfo p.count { width: 10%; }
  #radioProfileBottom #radioProfileShare { width: 100%; }
  #radioProfileBottom #radioProfileShare .shareTools { width: 100%; }
  /* Search --- */
  .searchWrap { width: 95%; margin-left: 2.5%; }
  .searchWrap h3 { width: 64%; }
  .searchWrap .artistResults { width: 100%; }
  .searchWrap .artistResults .artistInfo { position: absolute; width: auto; }
  .searchWrap .artistResults .artistInfo p.artistName { width: 100%; }
  .searchWrap .artistResults .artistInfo p.artistDesc { width: 95%; }
  .searchWrap .artistResults .artistInfo a.readMore { right: 15px; }
  .searchWrap .browseRadioWrap { margin: 0 1% 2% 1%; }
  .searchWrap .advancedSearch { width: 100%; }
  .searchWrap .advancedSearch input[type=text], .searchWrap .advancedSearch select, .searchWrap .advancedSearch input[type=submit] { margin: 5px 1% 5px 0; width: 11.5%; }
  /* Fav --- */
  .favWrap { width: 95%; margin-left: 2.5%; }
  .favWrap h3 { width: 64%; }
  .favWrap .browseRadioWrap { margin: 0 1% 2% 1%; } }
@media only screen and (max-width: 1050px) { /* Browse --- */
  .browseRight.deployed { max-width: 70%; width: 63%; margin-right: 2.5%; margin-left: 2.5%; float: right; }
  .browseRight.deployed .browseRadioWrap, .browseRight .browseRadioWrap { width: 100%; }
  /* Create --- */
  #create .createContent .services, #create .createContent .help { width: 90%; margin: 0 auto; } }
@media only screen and (min-width: 950px) and (max-width: 1024px) { body { background: #FFF; }
  #featuredRadio .centered .card p.fav { visibility: visible; opacity: 1; top: 0; }
  #headerHome #search form#searchQuick input.searchHeader { width: 250px; } }
@media only screen and (min-width: 756px) and (max-width: 950px) { #wrap { top: 0; } }
@media only screen and (max-width: 950px) { body { background: #FFF; }
  #header, #headerHome { display: none; }
  #footer, #footerHome { display: none; }
  #headerMobile { position: relative; top: 0; left: 0; width: 100%; height: 45px; background: #424242; border-top: 3px solid #0089cb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; z-index: 9; }
  #headerMobile img { margin-top: 6px; }
  #headerMobile .mobileMenuTrigger { position: absolute; top: 0; left: 3%; }
  /* Header */
  #headerHome #navAccount .navAccountMenu ul.active li a, #header #navAccount .navAccountMenu ul.active li a { max-width: 80px; font-size: 0.813em; }
  #headerHome #search form#searchQuick { padding: 8px 5px 0 0; }
  #headerHome #search form#searchQuick input.searchHeader, #header #search form#searchQuick input.searchHeader { width: 150px; }
  #headerHome #search form#searchQuick input.searchHeader:focus, #header #search form#searchQuick input.searchHeader:focus { width: 150px; padding: 0 40px 0 10px; }
  #headerHome #search form#searchQuick a.advanced, #header #search form#searchQuick a.advanced { font-size: 0.650em; right: 50px; }
  #headerHome #search form#searchQuick input.searchHeader:focus ~ a.advanced, #header #search form#searchQuick input.searchHeader:focus ~ a.advanced { visibility: visible; opacity: 1; right: 55px; }
  #headerHome #search form#searchQuick, #header #search form#searchQuick { padding-right: 15px; }
  #headerHome #search form#searchQuick a.advanced, #header #search form#searchQuick a.advanced { right: 55px; }
  #headerHome ul#navMain li a, #header ul#navMain li a { font-size: 0.80em; }
  #headerHome ul#navMain { margin-left: 10px; }
  /* Footer */
  #footerHome ul li a, #footer ul li a { font-size: 0.68em; }
  /* Home */
  .homeBackground { background: url(/images/home/mobileBg.jpg) center center !important; }
  #featuredBackground { background: transparent !important; }
  #wrapHome .marketing .CTA-audio .subtitle { font-size: 0.875em; }
  #wrapHome .marketing .CTA-content .CTA-button a { font-size: 0.875em; }
  #featuredRadio .centered p.category { font-size: 1em; }
  #featuredRadio .centered .card .radioPlayBtn { visibility: visible; opacity: 1; }
  #featuredRadio .centered .card p.fav { visibility: visible; opacity: 1; top: 7px; }
  /* Static */
  #static h2 { font-size: 1.2em; }
  #static p { font-size: 0.8em; }
  /* Search */
  .searchWrap h3 { width: 54%; font-size: 1em; }
  .searchWrap h3.results { width: 100%; font-size: 1em; display: none; }
  .searchWrap .artistResults { display: none; }
  .searchWrap .artistResults .artistInfo p.artistName { font-size: 1em; }
  .searchWrap .artistResults .artistInfo p.artistDesc { font-size: 0.750em; }
  .searchWrap .artistResults .artistInfo a.readMore { font-size: 0.688em; }
  .searchWrap p.browseFilters { width: 45%; font-size: 0.750em; }
  .searchWrap .browseRadioWrap .radioInfo p.radioName { font-size: 0.875em; }
  .searchWrap .browseRadioWrap .radioInfo p.nowPlaying { font-size: 0.750em; }
  .searchWrap .browseRadioWrap { width: 100%; margin: 1% 0; }
  .searchWrap .advancedSearch { width: 100%; }
  .searchWrap .advancedSearch input[type=text] { width: 31.9%; margin-top: 10px; }
  .searchWrap .advancedSearch select { width: 31.9%; margin-top: 10px; }
  .searchWrap .advancedSearch input[type=submit] { margin: 10px 1% 5px 0; width: 99%; height: 40px; font-size: 0.8em; }
  /* Marketing */
  #marketing .createBanner h2 { font-size: 2.2em; }
  #marketing .createBanner h3 { font-size: 1.3em; }
  #marketing .marketingContent { width: 95%; margin: 30px auto 0 auto; font-size: 1em; }
  /* Create */
  #create .createBanner h2 { font-size: 2.2em; }
  #create .createBanner h3 { font-size: 1.4em; }
  #create a.createButton { font-size: 0.938em; }
  #create .createContent { width: 95%; }
  #create .createContent p.title { font-size: 1em; }
  #create .createContent p.info { font-size: 0.750em; width: 90%; }
  #create .createContent p.sub { font-size: 0.875em; }
  #create .createContent .services ul { width: 49%; }
  #create .createContent .services ul:last-child { margin-left: auto; }
  #create .createContent .services ul li { font-size: 0.813em; line-height: 20px; }
  #create .createContent .howTo ul li { font-size: 0.813em; line-height: 20px; }
  #create a.createButtonAlt { font-size: 0.938em; }
  #create .createContent .services, #create .createContent .help { width: 90%; margin: 0 auto; }
  #create .createContent .quickSteps ul li { font-size: 0.9em; }
  #create .createContent .intro p.info { font-size: 0.825em; }
  #create .createContent a#goRegister { font-size: 0.9em; }
  #create .createContent .help .block .desc p.title, #create .createContent .services .block .desc p.title { font-size: 0.9em; line-height: 1.3em; }
  #create .createContent .help .block .desc p.info, #create .createContent .services .block .desc p.info { font-size: 0.750em; }
  #create .createContent .help .block .desc a.link { font-size: 0.750em; }
  /* Fav */
  .favWrap h3 { width: 59%; font-size: 1em; }
  .favWrap p.browseFilters { width: 40%; font-size: 0.750em; }
  .favWrap .browseRadioWrap .radioInfo p.radioName { font-size: 0.875em; }
  .favWrap .browseRadioWrap .radioInfo p.nowPlaying { font-size: 0.750em; }
  /* Profile */
  #radioProfileTop #radioProfileInfo .inlinePlay { padding-left: 0; }
  #radioProfileTop #radioProfileInfo .radioPlay { display: none; }
  #radioProfileTop #radioProfileInfo { width: 100%; float: none; }
  #radioProfileTop #radioProfileInfo .radioDetails ul li { margin: 3px auto; }
  #radioProfileTop #radioProfileActions { width: 100%; float: none; margin: 0 auto; height: auto; }
  #radioProfileTop #radioProfileActions ul { width: 100%; float: none; margin-top: 30px; border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background: #F8F8F8; }
  #radioProfileTop #radioProfileActions ul li:nth-child(3), #radioProfileTop #radioProfileActions ul li:nth-child(4) { display: none; }
  #radioProfileTop #radioProfileActions ul li a { width: 96%; text-align: left; font-size: 1em; margin-left: 2%; border-bottom: 0; }
  #radioProfileTop #radioProfileActions ul li a.play:after { display: none; }
  #radioProfileTop #radioProfileActions ul li a.play:before { content: ''; background-size: 20px 20px; background-image: url("../images/icons/icon-radioActionsPlay.png"); background-repeat: no-repeat; position: relative; padding: 0 20px 0 0; top: 0; margin-right: 10px; }
  #radioProfileTop #radioProfileActions ul li a.fav:after { display: none; }
  #radioProfileTop #radioProfileActions ul li a.fav:before { content: ''; background-size: 20px 20px; background-image: url("../images/icons/icon-radioActionsFavProfile.png"); background-repeat: no-repeat; position: relative; padding: 0 20px 0 0; top: 0; margin-right: 10px; }
  #radioProfileTop #radioProfileActions ul li a.download:after { display: none; }
  #radioProfileTop #radioProfileActions ul li a.download:before { content: ''; background-size: 20px 20px; background-image: url("../images/icons/icon-radioActionsDownload.png"); background-repeat: no-repeat; position: relative; padding: 0 20px 0 0; top: 0; margin-right: 10px; }
  #radioProfileTop #radioProfileActions ul li a.share:after { display: none; }
  #radioProfileTop #radioProfileActions ul li a.share:before { content: ''; background-size: 20px 20px; background-image: url("../images/icons/icon-radioActionsShare.png"); background-repeat: no-repeat; position: relative; padding: 0 20px 0 0; top: 0; margin-right: 10px; }
  #radioProfileTop #radioProfileActions ul li a.website:after { display: none; }
  #radioProfileTop #radioProfileActions ul li a.website:before { content: ''; background-size: 20px 20px; background-image: url("../images/icons/icon-radioActionsWebsite.png"); background-repeat: no-repeat; position: relative; padding: 0 20px 0 0; top: 0; margin-right: 10px; }
  #radioProfileBottom #radioProfileTracklist h3, #radioProfileBottom #radioProfileTrending h3, #radioProfileBottom #radioProfileAds h3, #radioProfileBottom #radioProfileArtist h3, #radioProfileBottom #radioProfileAlbum h3, #radioProfileBottom #radioProfileTracks h3 { font-size: 1em; }
  #radioProfileBottom #radioProfileTracklist, #radioProfileBottom #radioProfileTrending, #radioProfileBottom #radioProfileAds, #radioProfileBottom #radioProfileArtist, #radioProfileBottom #radioProfileAlbum, #radioProfileBottom #radioProfileTracks { margin: 25px 0; }
  #radioProfileBottom #radioProfileArtist { margin-top: 50px; }
  #radioProfileBottom #radioProfileTracklist { width: 100%; float: none; }
  #radioProfileBottom #radioProfileTracklist .tracklist { width: 100%; }
  #radioProfileBottom #radioProfileTracklist .tracklist .tracklistInfo p.playing { margin-left: auto; right: 5%; }
  #radioProfileBottom #radioProfileTracklist .tracklist .tracklistInfo p { font-size: 0.813em; }
  #radioProfileBottom #radioProfileTracklist .tracklist .tracklistInfo p.playing { font-size: 0.563em; }
  #radioProfileBottom #radioProfileTrending { width: 100%; float: none; }
  #radioProfileBottom #radioProfileTrending .trending { width: 100%; }
  #radioProfileBottom #radioProfileAds { float: none; }
  /* --- artist */
  #radioProfileBottom #radioProfileArtist, #radioProfileBottom #radioProfileArtist .browseRadioWrap { width: 100%; }
  #radioProfileBottom #radioProfileArtist .browseRadioWrap .radioInfo { width: 60%; }
  #radioProfileBottom #radioProfileArtist .browseRadioWrap .radioInfo p.radioName { font-size: 0.875em; }
  #radioProfileBottom #radioProfileArtist .browseRadioWrap .radioInfo p.nowPlaying { font-size: 0.750em; }
  #radioProfileBottom #radioProfileAlbum, #radioProfileBottom #radioProfileAlbum .trending { width: 100%; }
  #radioProfileBottom #radioProfileTracks { width: 100%; float: none; margin-bottom: 50px; }
  #radioProfileBottom #radioProfileTracks .tracklist .tracklistInfo { width: 91%; margin-left: 3%; }
  #radioProfileBottom #radioProfileShare h3 { font-size: 1em; }
  /* browse */
  .browseLeft { display: none; }
  .browseRight .mobileBrowsing { background: #F8F8F8; padding: 2%; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; margin-bottom: 40px; }
  .browseRight .mobileBrowsing h3 { font-weight: 400; margin-bottom: 7px; text-align: left; }
  .browseRight .mobileBrowsing h3 span { font-weight: 700; }
  .browseRight .mobileBrowsing select { width: 100%; margin: 3px 0; padding: 7px 0; height: 30px; background: #FFF; color: #0089cb; border: 1px solid #F1F1F1; font-size: 0.750em; }
  .browseRight h3 { width: 100%; text-align: center; }
  .browseRight p.browseFilters { width: 100%; text-align: center; margin-bottom: 40px; font-size: 0.8em; }
  .browseRight p.browseFilters a { background: rgba(0, 0, 0, 0.1); color: #424242; font-weight: 600; padding: 5px 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
  .browseRight p.browseFilters a:hover, .browseRight p.browseFilters a:active { background: rgba(0, 0, 0, 0.2); border-bottom: 0; color: #424242; padding-bottom: 5px; }
  .browseRight p.browseFilters a.active { background: #0089cb; color: white; padding: 5px 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; border-bottom: 0; }
  .browseRight, .browseRight.deployed { width: 95%; max-width: 95%; margin-left: 2.5%; }
  /* Player */
  .jp-details { width: auto; max-width: 80%; }
  #player .rad-tracks { display: none; }
  .jp-details ul, .jp-playlist ul { border-right: 0; }
  .jp-details li { width: auto; max-width: 80%; }
  .jp-details li a { max-width: 90%; }
  .rad-tracks { max-width: 20%; }
  .rad-adsBanner p { display: none; }
  div.jp-audio-stream .jp-interface .volumeWrap { width: 410%; }
  /* Sonos */
  #sonos .content { width: 75%; margin: 50px auto 0 auto; font-size: 1em; }
  #sonos .inline { width: 100%; margin-right: 0; text-align: center; }
  #sonos .inline { font-size: 1em; }
  #sonos .inline ul { margin-top: 35px; list-style-image: none; list-style-type: none; } }
/*@import 'resMobileOld';*/
@media only screen and (min-width: 950px) { #headerMobile { display: none; }
  #homeMobile { display: none; }
  .mobileBrowsing { display: none; }
  nav#menu { display: none; } }
@media only screen and (max-width: 950px) { /* home */
  #wrap { top: 45px; }
  #wrapHome { top: 20%; }
  #wrapHome #marketingSlider { display: none; }
  .bg { min-height: 100%; height: auto !important; }
  .mm-page { height: 100%; }
  .marketing, .switch { display: none; }
  #featuredRadio { position: relative; height: auto; top: 6em; overflow-y: auto; background: none; }
  #featuredRadio .centered { text-align: center; }
  #featuredRadio .centered p.category { padding: 0 0 3em 5px; }
  #featuredRadio .centered p.category a { display: inline-block; background: rgba(0, 0, 0, 0.3); opacity: 1; color: white; padding: 7px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; text-shadow: none; font-weight: 600; font-size: 0.925em; margin-right: 5px; margin-bottom: 10px; width: 89%; }
  #featuredRadio .centered p.category a.active { background: white; color: #424242; }
  #featuredRadio .centered a.featuredPrev, #featuredRadio .centered a.featuredNext { display: none; }
  #featuredRadio .centered .card { margin: 8px 5px; text-align: left; }
  #featuredRadio a.browse { display: block; position: relative; width: 90%; padding-top: 10px; padding-bottom: 10px; margin: 0 auto; font-size: 0.850em; font-weight: 600; line-height: 1.5em; text-align: center; text-decoration: none; color: white; background: #0089cb url("../images/icons/icon-arrowWhite.png") 97% 55% no-repeat; background-size: 18px 18px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
  .homeMobileAccount { display: block; position: relative; width: 90%; margin-left: 5%; padding-bottom: 60px; }
  .homeMobileAccount.hide { display: none; }
  .homeMobileAccount a.mobileSignIn { display: block; padding: 15px 0; width: 100%; font-size: 0.9em; font-weight: 600; color: white; background: #0089cb; letter-spacing: 0.5px; text-decoration: none; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
  .homeMobileAccount a.mobileSignUp { display: block; padding: 15px 0; margin-top: 7px; width: 100%; font-size: 0.750em; font-weight: 600; color: #424242; letter-spacing: 0.5px; text-decoration: none; text-align: center; background: white; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
  .homeMobileAccount a.mobileSignUp:active { background: #e1e1e1; }
  .homeMobileAccount .mobileManage { padding: 15px; margin-bottom: 15px; height: 30px; background: rgba(255, 255, 255, 0.25); border: 0px solid rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
  .homeMobileAccount .mobileManage.hide { display: none; }
  .homeMobileAccount .mobileManage a.mobileSignIn { display: block; padding: 15px 0; width: 100%; font-size: 0.9em; font-weight: 600; color: white; background: #0089cb; letter-spacing: 0.5px; text-decoration: none; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
  .homeMobileAccount .mobileManage a.settings { display: inline-block; vertical-align: bottom; padding: 10px 0; width: 48%; font-size: 0.750em; font-weight: 600; color: white; letter-spacing: 0.5px; text-decoration: none; text-align: center; background: rgba(0, 137, 203, 0.8); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; float: left; }
  .homeMobileAccount .mobileManage a.settings:active { background: #0089cb; }
  .homeMobileAccount .mobileManage a.logout { display: inline-block; vertical-align: bottom; padding: 10px 0; width: 48%; font-size: 0.750em; font-weight: 600; color: white; letter-spacing: 0.5px; text-decoration: none; text-align: center; background: rgba(239, 26, 26, 0.8); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; float: right; }
  /* Create */
  #create .createBanner h2, #create .createBanner h3 { width: 80%; margin: 0 auto; }
  #create .createContent .intro { padding-top: 0; }
  #create .createContent .introWrap { width: 90%; }
  #create .createContent .services { padding-bottom: 0; }
  #create .createContent .services .block { width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 5px; }
  #create .createContent .services .block:last-child { border-bottom: 0; }
  #create .createContent .services .block .desc, #create .createContent .help .block .desc { padding-left: 0; }
  #create .createContent .sep { margin-top: 20px; margin-bottom: 70px; } }
@media only screen and (max-width: 755px) { /* IPHONE 5/6 */
  body { background: #FFF; }
  #homeSlider { display: none; }
  #cookieDough { top: 45px; display: none; }
  #cookieDough p { position: absolute; bottom: 0; z-index: 10; font-size: 0.825em; padding: 5% 2%; line-height: 1.3em; display: none; }
  #header, #headerHome { display: none; }
  #footer, #footerHome { display: none; }
  #headerMobile { position: fixed; top: 0; left: 0; width: 100%; height: 45px; background: #424242; border-top: 3px solid #0089cb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; z-index: 9999; }
  #headerMobile img { margin-top: 6px; }
  #headerMobile .mobileMenuTrigger { position: absolute; top: 0; left: 3%; }
  /* home */
  #featuredRadio .centered p.category { padding-bottom: 1.5em; }
  #featuredRadio .centered .card p.fav { visibility: visible; opacity: 1; top: 7px; }
  /* player */
  div.jp-audio-stream ul.jp-controls { width: 50px; padding: 0; padding-left: 10px; }
  #player div.jp-interface ul.jp-controls li:last-child, #player div.jp-interface ul.jp-controls a.getVolume { display: none; }
  #player .jp-details li a { max-width: 90%; }
  #player .jp-details li img { display: none; }
  #player .rad-tracks { max-width: 100%; }
  #player .rad-favlist, #player .rad-shareOptions, #player .rad-actions { display: none; }
  /* browse */
  .browseLeft { display: none; }
  .browseRight .mobileBrowsing { background: #F8F8F8; padding: 2%; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; margin-bottom: 40px; }
  .browseRight .mobileBrowsing h3 { font-weight: 400; margin-bottom: 7px; text-align: left; }
  .browseRight .mobileBrowsing h3 span { font-weight: 700; }
  .browseRight .mobileBrowsing select { width: 100%; margin: 3px 0; padding: 7px 0; height: 30px; background: #FFF; color: #0089cb; border: 1px solid #F1F1F1; font-size: 0.750em; }
  .browseRight h3 { width: 100%; text-align: center; }
  .browseRight p.browseFilters { width: 100%; text-align: center; margin-bottom: 40px; font-size: 0.85em; }
  .browseRight p.browseFilters a { background: rgba(0, 0, 0, 0.1); color: #424242; font-weight: 600; padding: 5px 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
  .browseRight p.browseFilters a:hover, .browseRight p.browseFilters a:active { background: rgba(0, 0, 0, 0.2); border-bottom: 0; color: #424242; padding-bottom: 5px; }
  .browseRight p.browseFilters a.active { background: #0089cb; color: white; padding: 5px 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; border-bottom: 0; }
  .browseRight p.browseFilters span { display: none; }
  .browseRight .browseRadioWrap .radioInfo p.radioName, .browseRight .browseRadioWrap .radioInfo p.nowPlaying { width: 85%; }
  .browseRight, .browseRight.deployed { width: 95%; max-width: 95%; margin-left: 2.5%; padding-top: 10px; }
  /* create */
  #create .createBanner h2 { font-size: 1.8em; }
  #create .createBanner h3 { font-size: 1.1em; }
  #create .createContent p.title { font-size: 1.1em; }
  #create .createContent p.info { font-size: 0.8em; width: 100%; text-align: justify; width: 75%; margin: 0 auto; }
  #create .createContent p.info.long { width: 75%; }
  #create .createContent p.sub { text-align: left; width: 75%; margin: 0 auto; }
  #create .createContent .services ul { width: 100%; text-align: center; }
  #create .createContent .howTo { background: #F8F8F8; padding: 5%; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; margin-bottom: 50px; }
  #create .createContent .howTo ul li { width: 100%; text-align: center; }
  #create .createContent .howTo ul li:before { display: none; }
  #create .createContent .howTo ul li span { display: block; font-size: 1.1em; }
  #create .createContent .help { padding-bottom: 50px; }
  #create .createContent .help, #create .createContent .conditions { width: 100%; }
  #create .createContent .intro { width: auto; }
  #create .createContent p.info.long { width: 100%; }
  #create .createContent .quickSteps { display: none; }
  #create .createContent .help, #create .createContent .conditions { width: 90%; margin: 0 auto; }
  #create .createContent .help .block { width: 100%; }
  /* fav */
  .favWrap { padding-top: 15px; }
  .favWrap .browseRadioWrap { width: 100%; margin: 2% 0; }
  .favWrap h3 { width: 100%; margin-bottom: 25px; text-align: center; font-size: 1.1em; }
  .favWrap p.browseFilters { width: 100%; text-align: center; margin-bottom: 25px; font-size: 0.85em; }
  .favWrap p.browseFilters a { background: rgba(0, 0, 0, 0.1); color: #424242; font-weight: 600; padding: 5px 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
  .favWrap p.browseFilters a:hover, .favWrap p.browseFilters a:active { background: rgba(0, 0, 0, 0.2); border-bottom: 0; color: #424242; padding-bottom: 5px; }
  .favWrap p.browseFilters a.active { background: #0089cb; color: white; padding: 5px 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; border-bottom: 0; }
  .favWrap p.browseFilters { margin-bottom: 30px; }
  .favWrap p.browseFilters span { display: none; }
  .favWrap p.browseFilters a:last-child { margin-left: 10px; }
  .favWrap .browseRadioWrap .radioInfo p.radioName, .favWrap .browseRadioWrap .radioInfo p.nowPlaying { width: 60%; }
  /* marketing */
  #marketing { padding-top: 45px; }
  #marketing .createBanner h2 { font-size: 1.8em; }
  #marketing .createBanner h3 { font-size: 1.1em; }
  #marketing .createBanner { height: 300px; }
  #marketing .createBanner h2 { padding-top: 160px; }
  #marketing .radioPlay { top: 60px; }
  /* profile */
  #radioProfileTop { width: 100%; }
  #radioProfileTop #radioProfileInfo { margin-top: 0; overflow: hidden; height: auto; }
  #radioProfileTop #radioProfileInfo .radioCover { width: 100%; max-width: 100%; height: auto; border-bottom: 0; }
  #radioProfileTop #radioProfileInfo .radioCover img { margin-top: -40%; }
  #radioProfileTop #radioProfileInfo .radioPlay { width: 100%; top: 4%; }
  #radioProfileTop #radioProfileInfo .radioPlay .radioPlayBtn { width: 120px; height: 120px; }
  #radioProfileTop #radioProfileInfo .radioPlay .radioPlayBtn:active { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  #radioProfileTop #radioProfileInfo .radioDetails { width: 100%; height: auto; position: relative; padding: 0; margin-top: -25%; border-top: 0 solid #0089cb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f8f8f8; background: -moz-linear-gradient(top, white 0%, white 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, white)); background: -webkit-linear-gradient(top, white 0%, white 100%); background: -o-linear-gradient(top, white 0%, white 100%); background: -ms-linear-gradient(top, white 0%, white 100%); background: linear-gradient(to bottom, white 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1); }
  #radioProfileTop #radioProfileInfo .radioDetails p.radioName { font-size: 1.7em; padding: 0 2%; margin: 10px auto; width: 90%; margin: 15px auto; color: #424242; }
  #radioProfileTop #radioProfileInfo .radioDetails p.radioStream { display: none; }
  #radioProfileTop #radioProfileInfo .radioDetails p.radioGenre { padding: 0 2%; width: 90%; margin: 10px auto; }
  #radioProfileTop #radioProfileInfo .radioDetails p.radioDesc { margin-top: 15px; color: #424242; padding: 0 2%; width: 90%; margin: 0 auto; text-align: justify; }
  #radioProfileTop #radioProfileInfo .radioDetails ul { margin: 15px auto; width: 80%; margin-left: 5%; }
  #radioProfileTop #radioProfileInfo .radioDetails ul li { margin: 6px auto; }
  #radioProfileTop #radioProfileInfo .radioDetails ul li a { font-size: 0.725em; font-weight: 600; }
  #radioProfileTop #radioProfileActions { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
  #radioProfileBottom { margin-top: 30px; }
  #radioProfileBottom #radioProfileTracklist .tracklist .tracklistInfo { margin-left: 7px; width: 50%; }
  #radioProfileBottom #radioProfileTracklist .tracklist .tracklistInfo p { width: 100%; }
  #radioProfileBottom #radioProfileTrending a img.artist { width: 113px; height: 113px; }
  /* artist */
  #radioProfileTop #radioProfileInfo .radioDetails p.artistDesc { width: 90%; margin: 20px auto; padding: 0 2%; min-height: 20px; }
  #radioProfileBottom #radioProfileArtist { margin-top: 10px; }
  #radioProfileBottom #radioProfileAlbum .trending img { width: 115px; height: 115px; max-width: 115px; }
  #radioProfileBottom #radioProfileTracks .tracklist .tracklistInfo { width: 85%; }
  #radioProfileBottom #radioProfileTracks .tracklist .tracklistInfo p.track { width: 75%; }
  #radioProfileBottom #radioProfileTracks .tracklist .tracklistInfo p.count { width: auto; float: right; }
  /* search */
  .searchWrap h3 { text-align: center; width: 100%; }
  .searchWrap h3.results { margin-bottom: 10px; }
  .searchWrap p.browseFilters { width: 100%; text-align: center; margin-bottom: 40px; font-size: 0.85em; }
  .searchWrap p.browseFilters a { background: rgba(0, 0, 0, 0.1); color: #424242; font-weight: 600; padding: 5px 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; margin: 0 3px; }
  .searchWrap p.browseFilters a:hover, .searchWrap p.browseFilters a:active { background: rgba(0, 0, 0, 0.2); border-bottom: 0; color: #424242; padding-bottom: 5px; }
  .searchWrap p.browseFilters a.active { background: #0089cb; color: white; padding: 5px 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; border-bottom: 0; }
  .searchWrap p.notFound { text-align: center; font-size: 1em; font-weight: 600; }
  .searchWrap .artistResults { display: none; }
  .searchWrap .browseRadioWrap { margin: 2% 0; }
  .searchWrap .browseRadioWrap .radioInfo { width: auto; }
  .searchWrap .advancedSearch { margin-top: -20px; }
  .searchWrap .advancedSearch input[type=text], .searchWrap .advancedSearch select { width: 48%; }
  .searchWrap .advancedSearch input[type=submit] { width: 98%; }
  .searchWrap p.browseFilters { margin-bottom: 30px; }
  .searchWrap p.browseFilters span { display: none; }
  .searchWrap p.browseFilters a { font-size: 0.8em; }
  /* static */
  #static { padding-top: 45px; }
  #static h2 { width: 90%; margin: 0 auto; }
  #static p { width: 90%; margin: 0 auto; text-align: justify; } }
@media only screen and (min-width: 414px) and (max-width: 736px) { /* IPHONE 6+ */
  #radioProfileBottom #radioProfileTrending a img.artist { width: 126px; height: 126px; }
  #radioProfileBottom #radioProfileAlbum .trending img { max-width: 128px; width: 128px; height: 128px; } }
@media only screen and (max-width: 470px) { #radioProfileTop #radioProfileInfo .radioPlay { top: 4%; } }
@media only screen and (max-width: 320px) { /* IPHONE 4*/
  /* home */
  #homeMobileSearch { margin-bottom: 35px; }
  #homeMobile a.browse { margin-bottom: 50px; }
  #homeMobileSearch button { background: rgba(255, 255, 255, 0.2) url("../images/icons/icon-mobileSearch.png") left center no-repeat; background-size: 40px 20px; }
  #homeMobile .browseRadioWrap .radioInfo p.radioName, #homeMobile .browseRadioWrap .radioInfo p.nowPlaying { width: 45%; }
  /* browse */
  .browseRight { margin-top: 15px; }
  .browseRight .mobileBrowsing { margin-bottom: 20px; }
  .browseRight h3 { margin-bottom: 20px; }
  .browseRight p.browseFilters { margin-bottom: 30px; }
  .browseRight p.browseFilters span { display: none; }
  .browseRight p.browseFilters a:last-child { margin-left: 10px; }
  .browseRight .browseRadioWrap .radioInfo p.radioName, .browseRight .browseRadioWrap .radioInfo p.nowPlaying { width: 60%; }
  /* create */
  #create .createBanner h2 { padding-top: 110px; }
  #create .createContent .howTo { margin-bottom: 25px; }
  #create .createContent .help { padding-bottom: 15px; }
  #create .createContent .help .block, #create .createContent .services .block { text-align: center; }
  #create .createContent .help .block .desc, #create .createContent .services .block .desc { width: 100%; }
  #create .createContent .services .block .desc p.info { text-align: center; }
  #create .createContent .help .block .desc a.link { margin: 0 auto; }
  /* fav */
  .favWrap p.browseFilters { margin-bottom: 30px; }
  .favWrap p.browseFilters span { display: none; }
  .favWrap p.browseFilters a:last-child { margin-left: 10px; }
  .favWrap .browseRadioWrap .radioInfo p.radioName, .favWrap .browseRadioWrap .radioInfo p.nowPlaying { width: 60%; }
  /* marketing */
  #marketing .createBanner { height: 300px; }
  #marketing .createBanner h2 { padding-top: 160px; }
  #marketing .radioPlay { top: 15px; }
  /* profile */
  #radioProfileTop #radioProfileInfo .radioPlay { top: 35px; }
  #radioProfileTop #radioProfileInfo .radioPlay .radioPlayBtn { width: 100px; height: 100px; }
  #radioProfileTop #radioProfileInfo .radioDetails p.radioName { margin: 10px auto; }
  #radioProfileTop #radioProfileInfo .radioDetails ul li { margin: 6px auto; }
  #radioProfileBottom #radioProfileTracklist .tracklist .tracklistInfo { margin-left: 7px; width: 50%; }
  #radioProfileBottom #radioProfileTracklist .tracklist .tracklistInfo p { width: 90%; }
  #radioProfileBottom #radioProfileTrending a img.artist { width: 96px; height: 96px; }
  #radioProfileBottom #radioProfileAlbum .trending img { width: 96px; height: 96px; max-width: 96px; }
  #radioProfileBottom #radioProfileTracks .tracklist .tracklistInfo { width: 80%; }
  /* search */
  .searchWrap { padding-top: 0; }
  .advancedSearch { margin-bottom: 20px; }
  .searchWrap p.browseFilters { margin-bottom: 30px; }
  .searchWrap p.browseFilters span { display: none; }
  .searchWrap .browseRadioWrap .radioInfo p.radioName, .searchWrap .browseRadioWrap .radioInfo p.nowPlaying { width: 75%; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) { /* IPHONE 4 LANDSCAPE */
  /* browse */
  .browseRight .mobileBrowsing { margin-bottom: 20px; }
  .browseRight h3 { margin-bottom: 20px; }
  .browseRight p.browseFilters a { font-size: 0.85em; }
  .browseRight p.browseFilters { margin-bottom: 30px; }
  .browseRight p.browseFilters span { display: none; }
  .browseRight p.browseFilters a:last-child { margin-left: 10px; }
  .browseRight .browseRadioWrap .radioInfo p.radioName, .browseRight .browseRadioWrap .radioInfo p.nowPlaying { width: 100%; }
  /* create */
  #create .createBanner { height: 200px; }
  #create .createBanner h2 { padding-top: 30px; }
  /* fav */
  .favWrap h3 { margin-bottom: 20px; }
  .favWrap p.browseFilters a { font-size: 0.85em; }
  .favWrap p.browseFilters { margin-bottom: 30px; }
  .favWrap p.browseFilters span { display: none; }
  .favWrap p.browseFilters a:last-child { margin-left: 10px; }
  .favWrap .browseRadioWrap .radioInfo p.radioName, .favWrap .browseRadioWrap .radioInfo p.nowPlaying { width: 100%; }
  /* marketing */
  #marketing .createBanner { height: 200px; }
  #marketing .createBanner h2 { padding-top: 60px; }
  #marketing .radioPlay { display: none; }
  /* profile */
  #radioProfileTop #radioProfileInfo .radioCover img { margin-top: -40%; }
  #radioProfileTop #radioProfileInfo .radioPlay { top: 30px; }
  #radioProfileBottom #radioProfileTrending a img.artist { width: 109px; height: 109px; }
  #radioProfileBottom #radioProfileAlbum .trending img { max-width: 110px; width: 110px; height: 110px; }
  /* search */
  .searchWrap { margin-top: 15px; }
  .advancedSearch { margin-bottom: 20px; }
  .searchWrap p.browseFilters { margin-bottom: 30px; }
  .searchWrap p.browseFilters span { display: none; }
  .searchWrap p.browseFilters a { font-size: 0.8em; }
  .searchWrap p.browseFilters a:last-child { margin-left: 10px; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (orientation: landscape) { #radioProfileTop #radioProfileInfo .radioPlay { top: 70px; } }