/* PHONES */
@media screen and (max-width: 767px) {
  h1 {
    font-size: 1.3rem;
  }

  h2 {
    font-size: 18px;
  }

  h4 {
    font-size: 1em;
  }

  body {
    padding-bottom: 40px;
  }

  .radio-player-wrap {
    display: none;
    right: 0;
  }

  .main-menu {
    float: right;
  }

  .main-menu > ul.navbar-nav {
    margin: 0;
  }

  .main-menu > ul.navbar-nav > li {
    float: left;
  }

  .navbar-header {
    width: 50%;
    float: left;
  }

  #top > div.container {
    width: auto;
  }

  div.radio-collapse > div.row {
    float: left;
  }

  .navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin-left: 3px;
  }

  .radio-player-wrap {
    background-color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0px;
    padding-bottom: 7px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    display: block;
    margin-left: 0 !important;
    left: 0;
  }

  .radio-player-wrap > div.jp-audio {
    margin-left: auto;
    margin-right: auto;
    float: left;
    width: 100%;
  }

  .radio-collapse-wrap {
    right: 0;
  }

  div.radio-collapse-wrap > div.radio-collapse {
    max-width: 80%;
    right: 0;
  }

  div.radio-logo-wrap > a > img {
    height: 56px;
    width: auto;
    box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.8);
    border-radius: 0;
  }

  .swipe-item, .owl-item, #radio-owl > div.item {
    height: 250px;
    background-position: center top;
    background-size: 1120px 350px;
    overflow: hidden;
  }

  .owl-item img, #radio-owl > div.item img {
    height: 250px;
    width: auto !important;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
  }

  .owl-carousel {
    margin-top: 65px;
  }

  .slider-nav, .owl-controls {
    display: none;
  }

  .headline-wrap {
    top: auto;
    bottom: 30%;
  }

  .sidebar {
    display: none;
  }

  .main-col {
    margin: 0px;
  }

  .news-item {
    padding: 10px 25px;
  }

  .news-listing-item-heading {
    height: auto;
    padding: 10px;
  }

  .news-listing-item-heading > h3 {
    font-size: 1rem;
    height: auto;
  }

  h2.radio-sub-headline > span {
    height: 1.6rem;
  }

  td.show-logo-td > img {
    width: 40px;
  }

  .table > thead > tr > td.show-time, .table > tbody > tr > td.show-time, .table > tfoot > tr > td.show-time {
    font-size: 1.2rem;
    line-height: 40px;
  }

  .table > thead > tr > td.show-name, .table > tbody > tr > td.show-name, .table > tfoot > tr > td.show-name {
    line-height: 1.2rem;
    font-size: 1.1rem;
  }

  #schedule-tabs {
    margin-right: 0px;
  }

  #schedule-container {
    margin-right: 0px;
  }

  ul.footer-list {
    margin-bottom: 0px;
  }

  ul.footer-icons {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-top: 20px;
  }

  .communicorp-logo {
    margin-top: 40px;
    float: none;
    text-align: center;
  }

  .copyright-wrap {
    float: none;
    text-align: center;
    margin-top: 50px;
    width: 100%;
  }

  footer {
    padding-bottom: 40px;
  }

  .communi-radio-logos > a {
    margin-top: 15px;
  }

  article.shows-wrap, article.article {
    padding-right: 0px;
    margin-right: 0px;
  }

  h1.carousel-headline {
    font-size: 1.8rem;
    line-height: 2rem;
  }

  h2.carousel-sub-headline {
    font-size: 1.2rem;
    height: 1.4rem;
  }

  h2.carousel-sub-headline > span {
    height: 1.5rem;
  }

  article.shows-wrap > div.row:nth-child(odd) > div {
    margin-right: 0px;
  }

  article.shows-wrap > div.row:nth-child(even) > div {
    margin-left: 0px;
  }

  article.shows-wrap h3 {
    font-size: 0.9rem;
    margin-top: 10px;
  }

  article.article p {
    font-size: 0.9rem;
  }

  article.article br {
    line-height: 0.5rem;
  }

  h1.article-title {
    width: 350px !important;
    font-size: 1rem;
  }

  div.shows-listing-item > div:last-child {
    font-size: 0.85rem;
    padding-left: 10px;
    padding-right: 10px;
  }

  article.show-article > div.row img {
    width: 150px;
  }

  article.show-article {
    padding-right: 0px;
  }

  div.content-wrap {
    min-height: 800px;
  }

  div.carousel-licence {
    right: 5%;
  }

  div.carousel-licence > a, div.carousel-licence {
    font-size: 0.7rem;
  }

  div.video-inarticle > iframe {
    height: 250px;
  }

  .home-game-line-div {
    padding-right: 0px;
  }

  /*
    .spinner {
      left: 15%;
    }
  */
  #mobile-streams-btn {
    padding-top: 5px;
    padding-right: 20px;
    float: right;
  }

  div.playlist-popover.popover.top {
    margin-top: -30px;
    top: -129px !important;
  }

  div.radio-popover.popover.top.streams-quality {
    margin-left: -60px;
  }

  div.mobile-stream-popover {
    right: 15px !important;
    width: 220px;
    margin-left: -85px;
  }

  div.video-fancy > iframe {
    height: 330px;
    width: 100%;
  }

  #chart-grid .song-image img, #chart-grid .song-image {
    width: 60px !important;
  }

  #chart-grid .song-time {
    font-size: 1.4em;
    width: auto;
  }

  #chart-grid .song-data > .chart-song-title {
    font-size: 0.95em;
  }

  #chart-grid .song-data > .chart-song-artist,
.song-data > span.chart-song-artist {
    font-size: 0.8em;
  }

  .video-img-container div span.fa-4x {
    font-size: 3em;
    right: 40px;
  }

  .news-item .tag {
    font-size: 0.9em;
    right: 0;
  }

  .tags-wrap {
    width: auto;
    padding-top: 0;
  }

  h1 .tag {
    margin-top: 0;
  }

  .main-col > h1, .main-col > h3 {
    margin-right: 0;
  }

  /* BASIC CAROUSEL ADDITIONS */
  .basic-owl-controls {
    display: none;
  }

  #basic-radio-owl {
    margin-top: 0px;
  }

  #basic-radio-owl div.owl-stage-outer {
    border: 0;
  }

  .basic-carousel-wrap {
    padding: 0;
  }

  #basic-radio-owl h2.carousel-sub-headline > span {
    line-height: 1.2rem;
    height: 1.4rem;
    font-size: 0.9rem;
  }

  .basic-owl-controls div.owl-control-item {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .owl-item.moved-right {
    right: 0;
  }

  #basic-radio-owl .headline-wrap {
    bottom: 5%;
  }

  .container {
    width: auto;
  }

  #basic-radio-owl .item > a > div.container {
    padding: 5px;
  }

  div.vspace100 {
    height: 80px;
  }

  /* END BASIC CAROUSEL ADDITIONS */
  #content2 {
    padding: 0 20px;
  }

  .main-col > h1 > span {
    width: 100%;
    padding: 5px 0;
  }
  .main-col > h1 > .tags-wrap {
    float: left;
  }

  /** RPBG-RADIOPLAYER **/
  .player, .rpbg-radioplayer {
    width: 54px !important;
    margin-left: 70px !important;
  }

  #rpbg-radioplayer .rpbg-metadata-current-wrap,
#rpbg-radioplayer .rpbg-outer-radioplayer,
#rpbg-radioplayer .rpbg-metadata-current-artwork,
#rpbg-radioplayer .rpbg-metadata-current-info-wrap,
#rpbg-radioplayer .rpbg-volume-bar-wrap {
    display: none;
  }

  #rpbg-radioplayer .rpbg-radioplayer-button {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-right: none;
  }

  #rpbg-radioplayer .rpbg-outer-radioplayer {
    display: none;
  }

  /** END RPBG-RADIOPLAYER **/
}
@media screen and (min-width: 475px) and (max-width: 767px) {
  html body header .container {
    width: auto;
  }

  #top > div.container {
    width: auto;
  }

  .article-thumb .video-img-container img {
    max-height: 180px;
  }

  .left-column-item {
    padding-left: 0;
    padding-right: 0px;
  }

  .news-item .tag {
    right: 0;
  }

  .col-md-6 {
    width: 50% !important;
    float: left;
    padding-left: 10px;
    padding-right: 0;
  }

  #content article {
    width: 395px;
    height: 250px;
  }
  #content article .link {
    height: 95%;
  }
  #content article .link img {
    padding: 0.3em;
    float: left;
  }
  #content article .link .song-data {
    padding-top: 5px;
  }

  .news-item.left-column-item .tag {
    right: 10px;
  }

  .news-listing-item-heading > h3 {
    font-size: 0.95rem;
  }

  .news-item .tag {
    right: 0;
  }

  html body .main-col > h1 {
    display: inline-block;
    float: left;
  }
  html body .main-col > h1 > .tags-wrap {
    float: left;
  }
}
@media screen and (min-width: 325px) and (max-width: 474px) {
  article > a.link {
    height: 250px;
  }
}
@media (max-width: 350px) {
  li.jp-player-info-wrap {
    width: 190px;
  }

  div.jp-interface ul.jp-controls a#tisicity-app-btn {
    padding: 0 15px;
  }

  div.jp-interface ul.jp-controls a#tv-btn-down {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 667px) {
  .player, .rpbg-radioplayer {
    margin-left: 40px !important;
  }
}

/*# sourceMappingURL=phones.css.map */