@media handheld, only screen and (max-width: 1033px) {
  .dlList .dlList--item {
    min-width: 33.333%; }
  .dlList .dlList--item:nth-child(3) .dl-container {
    border: none; }
  .dlList .dlList--item:nth-child(4) {
    padding-left: 0;
    margin-top: 20px; } }
@media handheld, only screen and (max-width: 1023px) {
  #dnas-freeStreaming article section {
    min-height: 609px;
  }
    .tooltip:after,
    [data-tooltip]:after {
          width: 280px;
          font-size: 12px;
    }
    .form-part-2 {
      padding-left: 0px;
    }
    .form-part-1 {
      padding-right: 0px;
    }
  header.header #nav-btn {
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
    -webkit-transition-duration: 0, 0;
    -moz-transition-duration: 0, 0;
    -o-transition-duration: 0, 0;
    transition-duration: 0, 0; 
  }
  #footer .feedback a {
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;none
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0;
  }
  .custom_player span a {
      -webkit-transition-property: none;
      -moz-transition-property: none;
      -o-transition-property: none;
      transition-property: none;
      -webkit-transition-duration: 0;
      -moz-transition-duration: 0;
      -o-transition-duration: 0;
      transition-duration: 0; }
  header.homeheader .slide-infos, header.homeheader #header-up {
    display: none;
    height: 150px;
  }
  header.homeheader {
    background: #42a4bd;
  }
  /* Developer */
  /* line 20, ../scss/base/mediaqueries.scss */
  .nav-gallery .col-9-12 {
    width: 68%; }
  /* line 23, ../scss/base/mediaqueries.scss */
  .nav-gallery .col-3-12 {
    width: 32%; }

  /* line 28, ../scss/base/mediaqueries.scss */
  .gallery .grid {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px; }
  /* line 36, ../scss/base/mediaqueries.scss */
  .gallery [class*='col-'] {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px; }

  /* line 47, ../scss/base/mediaqueries.scss */
  .gallery [class*='col-']:nth-last-child(-n+3) {
    padding-bottom: 20px; }

  /* line 50, ../scss/base/mediaqueries.scss */
  .gallery [class*='col-']:last-child {
    padding-bottom: 0; }

  /* line 53, ../scss/base/mediaqueries.scss */
  .gallery.help [class*='col-']:last-child {
    padding-bottom: 40px; }

  /* line 56, ../scss/base/mediaqueries.scss */
  .custom_player p {
    max-width: 30%; }

  /* line 59, ../scss/base/mediaqueries.scss */
  .help-wrapper article section {
    min-height: 100%; }

  /* line 75, ../scss/base/mediaqueries.scss */
  .data-table tbody tr td.genre {
    display: none; }
  header.header h2 {
      max-width: 100%;
  }

  /* line 81, ../scss/base/mediaqueries.scss */
  header.homeheader h2 {
    max-width: 100%; }
  /* search dropdown */
  /* line 88, ../scss/base/mediaqueries.scss */
  .searchBar--dropdown li {
    margin-left: 0;
    width: 99.2%; }

  /* home */
  /* line 93, ../scss/base/mediaqueries.scss */
  #cookies p {
    line-height: 20px; }

  /* line 96, ../scss/base/mediaqueries.scss */
  .custom_player p {
    max-width: 33%; }

  /* line 99, ../scss/base/mediaqueries.scss */
  .custom_player.col-8-12 {
    width: 59.66%; }

  /* line 102, ../scss/base/mediaqueries.scss */
  .searchBar.col-4-12 {
    width: 40.33%; }
  /* line 107, ../scss/base/mediaqueries.scss */

  /* line 110, ../scss/base/mediaqueries.scss */
  .data-table tbody tr td.bitrate {
    display: none; }
    header.homeheader h2 {
        font-size: 2em;
    }

  /* line 115, ../scss/base/mediaqueries.scss */
  #cookies {
    display: none; }

  /* line 118, ../scss/base/mediaqueries.scss */
  header.header {
    position: relative; }

  /* line 121, ../scss/base/mediaqueries.scss */
  main {
    margin-top: 0; }

  /* line 124, ../scss/base/mediaqueries.scss */
  .data-table .genre, .data-table .type, .data-table .bitrate, .data-table .listeners{
    display: none; }
  .data-table .stations {
    min-width: 100%;
    max-width: 100%;
  }

  /* line 128, ../scss/base/mediaqueries.scss */
  #directory-pagination .col-9-12 {
    padding-right: 20px; }

  /* line 132, ../scss/base/mediaqueries.scss */
  .grid {
    width: 100%;
    max-width: 1140px;
    min-width: 753px;
    margin: 0 auto; }

  /* Broadcast now */
  /* line 139, ../scss/base/mediaqueries.scss */
  .tips div:first-child p {
    min-height: 85px; }

  /* line 143, ../scss/base/mediaqueries.scss */
  #downloadDNAS [class*='col-'] {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px; }

  /* line 154, ../scss/base/mediaqueries.scss */
  .dlList li p {
    max-width: 30%; }

  /* Pagination */
  /* line 158, ../scss/base/mediaqueries.scss */
  main .wrapper-pagination {
    margin-top: 0; }

  /* header */
  /* line 170, ../scss/base/mediaqueries.scss */
  main, footer {
    z-index: 500;
    position: relative; }

  /* line 174, ../scss/base/mediaqueries.scss */
  main {
    background: white; }
    /* line 180, ../scss/base/mediaqueries.scss */
    main #partners .col-9-12 {
      width: 100%; }

  /* line 185, ../scss/base/mediaqueries.scss */
  header {
    /* h2 */
    /* player and searchbar */
    /* search dropdown */ }
    /* line 186, ../scss/base/mediaqueries.scss */
    header .col-3-12 {
      width: 40%;
      margin: 0;
      float: left; }
    /* line 191, ../scss/base/mediaqueries.scss */
    header .col-9-12 {
      width: 60%; }
    /* line 196, ../scss/base/mediaqueries.scss */
    header .slide-infos .grid-pad {
      padding: 0; }
    /* line 199, ../scss/base/mediaqueries.scss */
    header .slide-infos h2 {
      padding: 0; }
      /* line 201, ../scss/base/mediaqueries.scss */
      header .slide-infos h2 span {
        font-size: 2.813em; }
    /* line 208, ../scss/base/mediaqueries.scss */
    header .subHeader-wrapper .col-8-12 {
      width: 100%;
      overflow: hidden;
      *zoom: 1;
      padding-top: 10px;
      padding-left: 0; }
    /* line 214, ../scss/base/mediaqueries.scss */
    header .subHeader-wrapper .custom_player p {
      max-width: 60%;
      margin-right: 0; }
    /* line 218, ../scss/base/mediaqueries.scss */
    header .subHeader-wrapper .custom_player p:last-child {
      padding-left: 20px;
      display: none; }
    /* line 223, ../scss/base/mediaqueries.scss */
    header .subHeader-wrapper .col-4-12 {
      width: 100%;
      padding-top: 0;
      padding-left: 0; }
    /* line 230, ../scss/base/mediaqueries.scss */
    header .searchBar--dropdown li {
      margin-left: 0;
      width: 99.8%; }

  /* line 235, ../scss/base/mediaqueries.scss */
  nav#mobile-nav {
    display: block;
    z-index: 1;
    width: 100%;
    height: 160px;
    position: absolute;
    top: 0; }
    /* line 242, ../scss/base/mediaqueries.scss */
    nav#mobile-nav ul {
      display: block;
      height: auto;
      width: 100%;
      position: relative;
      background: #398ea3;
      height: 160px; }
      /* line 249, ../scss/base/mediaqueries.scss */
      nav#mobile-nav ul li {
        display: block;
        width: 100%;
        text-align: center;
        height: auto;
        height: 40px; }
        /* line 255, ../scss/base/mediaqueries.scss */
        nav#mobile-nav ul li a {
          display: block;
          line-height: 40px;
          border: none;
          background: #398ea3;
          color: white; }
          /* line 261, ../scss/base/mediaqueries.scss */
          nav#mobile-nav ul li a:hover, nav#mobile-nav ul li a.active {
            border: none;
            background: #3e9ab1;
            color: white; }

  /* line 271, ../scss/base/mediaqueries.scss */
  .header {
    margin-top: 0;
    position: relative;
    z-index: 1000;
  }
#push-nav {
  margin-top: 0;
  -webkit-transition-property: margin-top;
    -moz-transition-property: margin-top;
    -o-transition-property: margin-top;
    transition-property: margin-top;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
#push-nav.nav-open {
  margin-top: 160px;
}

  /* line 278, ../scss/base/mediaqueries.scss */
  header.header {
    height: 240px; }
    /* line 280, ../scss/base/mediaqueries.scss */
    header.header #nav-btn {
      display: block;
      margin-top: 20px; }
    /* line 285, ../scss/base/mediaqueries.scss */
    header.header nav.main-nav ul {
      display: none; }

  /* line 289, ../scss/base/mediaqueries.scss */
  header.homeheader {
    height: 530px; }
    /* line 291, ../scss/base/mediaqueries.scss */
    header.homeheader h2 {
      max-width: 100%; }
    /* line 294, ../scss/base/mediaqueries.scss */
    header.homeheader #header-up {
      bottom: 150px; }
    /* line 297, ../scss/base/mediaqueries.scss */
    header.homeheader #nav-btn {
      display: block;
      color: white;
      border: 2px solid white;
    }
      /* line 304, ../scss/base/mediaqueries.scss */
      header.homeheader #nav-btn:hover {
        background: white;
        color: #42a4bd; }
    /* line 309, ../scss/base/mediaqueries.scss */
    header.homeheader #nav-btn.active {
      background: white;
      color: #42a4bd; }


  /* line 318, ../scss/base/mediaqueries.scss */
  header.homeheader.full-header {
    height: 530px; }

  /* line 321, ../scss/base/mediaqueries.scss */
  header.homeheader.minify-header {
    -webkit-transition-property: height, margin-top;
    -moz-transition-property: height, margin-top;
    -o-transition-property: height, margin-top;
    transition-property: height, margin-top;
    -webkit-transition-duration: 0.3s, 0.3s;
    -moz-transition-duration: 0.3s, 0.3s;
    -o-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    height: 240px;
    background: #42a4bd; }
    /* line 326, ../scss/base/mediaqueries.scss */
    header.homeheader.minify-header .slide-infos {
      display: none; }

  /* line 331, ../scss/base/mediaqueries.scss */
  header.header .grid-pad.top-header {
    padding-left: 0; }

  /* line 334, ../scss/base/mediaqueries.scss */
  main aside ul {
    display: none; }

  /* line 338, ../scss/base/mediaqueries.scss */
  .sidebar #mobile-genres {
    display: block; }

  /* line 356, ../scss/base/mediaqueries.scss */
  .tips div:first-child p {
    min-height: 0; }

  /* line 359, ../scss/base/mediaqueries.scss */
  .dlList li p {
    max-width: 100%; }

  /* line 362, ../scss/base/mediaqueries.scss */
  main section h3 {
    padding-top: 20px; }

  /* line 365, ../scss/base/mediaqueries.scss */
  main .tips .col-1-2:first-child h3, .whatDNAS h3, #downloadDNAS .col-2-12 h3, #Shoutcast-apiProgram .col-8-12 h3 {
    padding-top: 0; }

  /* line 368, ../scss/base/mediaqueries.scss */
  form label {
    padding-top: 20px; }

  /* line 371, ../scss/base/mediaqueries.scss */
  #adv_search form li.col-3-12:first-child label {
    padding-top: 0; }

  /* line 374, ../scss/base/mediaqueries.scss */
  #adv_search form .grid-pad {
    padding-top: 0; }

  /* line 377, ../scss/base/mediaqueries.scss */
  form .full-form-btn {
    margin-top: 20px; }

  /* line 382, ../scss/base/mediaqueries.scss */
  form ul li.col-1-2, form ul li.col-1-1 {
    padding: 10px 0; }

  /* line 388, ../scss/base/mediaqueries.scss */
  .dlList .dlList--item {
    min-width: 100%;
    margin-top: 20px;
    padding-left: 0; }
    /* line 392, ../scss/base/mediaqueries.scss */
    .dlList .dlList--item .dl-container {
      text-align: left;
      border: none; }
  /* line 397, ../scss/base/mediaqueries.scss */
  .dlList .dlList--item:first-child {
    padding-left: 0;
    margin-top: 0; }

  /* line 402, ../scss/base/mediaqueries.scss */
  .grid {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px; }

  /* line 411, ../scss/base/mediaqueries.scss */
  [class*='col-'] {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px; }

  /* line 421, ../scss/base/mediaqueries.scss */
  #footer {
    height: auto; }
    /* line 422, ../scss/base/mediaqueries.scss */
    #footer .col-6-12 {
      width: 60%;
      float: left; }
    /* line 426, ../scss/base/mediaqueries.scss */
    #footer .col-6-12:last-child {
      width: 40%; }
  /* line 434, ../scss/base/mediaqueries.scss */
  header.homeheader h2 {
    font-size: 2em; }
    .data-table tbody tr td.stations, .data-table tbody tr td.genre {
    max-width: 150px;
    }
  /* line 438, ../scss/base/mediaqueries.scss */
  footer small {
    display: block;
    line-height: 1.5em; }
  /* line 444, ../scss/base/mediaqueries.scss */
  #footer {
    padding-bottom: 20px; }
    /* line 446, ../scss/base/mediaqueries.scss */
    #footer [class*='col-'] {
      width: 100%;
      text-align: center; }
    /* line 450, ../scss/base/mediaqueries.scss */
    #footer .col-6-12:last-child {
      width: 100%;
      text-align: center; }
    /* line 454, ../scss/base/mediaqueries.scss */
    #footer nav ul {
      margin-bottom: 20px; }
      /* line 456, ../scss/base/mediaqueries.scss */
      #footer nav ul li {
        width: 50%;
        margin: 0; }

  /* line 462, ../scss/base/mediaqueries.scss */
  #back-top {
    bottom: 100px; }

  /* line 469, ../scss/base/mediaqueries.scss */
  main .pagination ul li a {
    padding: 10px 5px; }
  /* line 475, ../scss/base/mediaqueries.scss */
  main .pagination .pagesid li:nth-child(6) {
    padding: 0 5px; }
  /* line 483, ../scss/base/mediaqueries.scss */
  header .subHeader-wrapper .custom_player p {
    max-width: 50%; }

  /* line 486, ../scss/base/mediaqueries.scss */
  header.header {
    z-index: 3000; }

  /* line 489, ../scss/base/mediaqueries.scss */
  main {
    z-index: 2000; }
    /* line 493, ../scss/base/mediaqueries.scss */
    main .wrapper-nav ul li {
      float: none;
      padding: 10px 0;
      text-align: center; }
    /* line 498, ../scss/base/mediaqueries.scss */
    main .wrapper-nav ul li:after {
      content: none; }
  /* line 506, ../scss/base/mediaqueries.scss */
  header.homeheader #header-up {
    bottom: 140px; }
      .custom_player #sound-wrapper .sound-bar {
    width: 158px;
  }
  .custom_player #sound-wrapper .sound-bar #slider {
    display: none;
  }
  .custom_player #sound-wrapper.active {
      display: none;
  }
  .custom_player #sound-icon {
    display: none;
  }
  .custom_player #player-play-btn {
    margin-right: 20px;
  }
  .content-home {
    padding-top: 0;
  }
}
@media handheld, only screen and (max-width: 767px) {
  #dnas-article {
    margin-bottom: 20px;
  }
  .canvas-arrow:before, .second-arrow:before {
    display: none;
  }
  .second-arrow {
    padding-top: 40px;
  }
  #forms .pure-u-md-2-5 {
    padding-left: 0;
  }
  blockquote {
    padding: 20px;
  }
  blockquote:before, blockquote:after {
    content: '';
  }
  #forms .pure-u-1-2, #forms .pure-u-md-1-2 {
    padding-left: 0;
  }
  #forms .pure-u-1-2:nth-child(even), #forms .pure-u-md-1-2:nth-child(even) {
    padding-right: 0;
  }
  li.checks label {
    padding-top: 0;
  }
  #picture {
    height: 86px;
  }
  .picture_format {
    line-height: 86px;
  }
  #thankyou p {
    font-size: 18px;
  }
}
@media handheld, only screen and (max-width: 640px) {
    #back-top {
    bottom: 50px; }
}