@media(max-width:1199px) {
  /* header*/
  header .mainnav ul li { padding-right: 22px }

  /* home-page-css */
  /* unique-sponser */
  .unique, .sponser { padding-top: 70px; padding-bottom: 70px }

  /* Upload-01 */
  .upload-data ul.tabs li a{ font-size: 16px; line-height: 20px; width: 137px }

}

@media(max-width:991px) {

  h1 { font-size: 70px; line-height: 74px }
  h2 { font-size: 36px; line-height: 40px }
  h3 { font-size: 30px; line-height: 34px }
  h4 { font-size: 20px; line-height: 24px }
  h5 { font-size: 14px; line-height: 18px }
  p { font-size: 12px; line-height: 16px }

  /* home-page-css */
  /* header*/
  header { padding: 15px 0 }
  header .mainnav ul li { font-size: 14px }

  /* unique*/
  .unique .image { width: 80px; height: 80px }
  .unique .image a { width: 40px }

   /* dias */
   .dias .store a{ margin-right: 0; margin-bottom: 20px }

  /* sing */
  .sing, .unique, .sponser { padding-top: 50px; padding-bottom: 50px }
  .sing .white-box ul li span { font-size: 12px; line-height: 18px }


  /* footer */
  footer .logo, header .logo a { width: 150px }
  footer ul li a { padding: 0; font-size: 14px }

  /* upload-01 */
  .upload-data .content-box{ padding: 70px 100px; }
  .upload-data ul.tabs li a{ font-size: 14px; line-height: 18px;width: 100px; }
  .upload-data ul.tabs li a:after{ border-left: 15px solid #fff; border-top: 18px solid transparent }
  .upload-data ul.tabs li a:before{ border-top: 18px solid transparent }
  .upload-data .content-box p{ font-size: 14px }


.upload footer ul li input { width: 130px }
.upload footer ul li span { margin: 0 10px; }
.upload footer .footer-data .song .song-data{ padding-left: 10px }
.upload footer .footer-data .song .song-data span { font-size: 20px }
.upload .wombat-select-dropdown,.upload .wombat-select-value{ font-size: 13px; line-height: 17px }
.upload footer ul li .wombat-select{ width: 130px }



}

@media(max-width:767px) {

  h1 { font-size: 40px; line-height: 44px }
  h2 { font-size: 24px; line-height: 28px; }
  h3 { font-size: 20px; line-height: 24px }
  h4 { font-size: 18px; line-height: 22px }

  /* home-page-css */
  /* unique*/
  .unique ul li:last-child { margin-bottom: 40px }
  .unique .text { padding-bottom: 40px }
  .unique h2 { padding-bottom: 10px }

  /* sing */
  .sing, .unique, .sponser, .sponser h2 { padding-top: 30px; padding-bottom: 30px }
  .form-details .phone ul li {
    display: inline-block;
    margin-right: 0;
  }
   /* dias */
  .dias { padding: 50px 0 0; }
  .dias h2, .dias p { text-align: center; }
  .dias p { padding-bottom: 20px }
  .dias .dias-data { padding-left: 0 }

  .dias a.mobile { display: block; padding: 0; margin:0 auto; width: 200px }
  .dias .store a{ width: 150px; margin-right: 5px }
  .dias .store a img, .dias a.mobile img{ width: 100%; }
  .dias .store{ text-align: center; }

  /* footer */
  footer ul li a { font-size: 12px }

  /* header */
  header .menu { display: block; }
  header .container { width: 100% }
  header .menu a { display: inline-block; width: 20px }
  header .mainnav ul li { display: block; padding: 0; color: #000; padding-bottom: 15px }
  header .logo { display: inline-block; }
  header .mainnav ul { left: 15px; display: none; position: absolute; text-align: left; background: #fff; right: 15px; top: 60px; padding: 20px 30px; box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.179879); -webkit-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.179879); -moz-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.179879); -ms-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.179879); }
  header .mainnav ul li a { color: #000 }
  header .mainnav ul li a.search img { width: auto; }
  header .mainnav ul li a.btn { font-size: 14px; width: 100% }
  header .mainnav ul li .search-box { display: block !important; position: inherit; width: 100%; }
  header .mainnav ul li .search-box input { width: 100%; }

  /* upload-01 */
 .btn-pink{ font-size: 16px; line-height: 20px; padding: 10px 60px }
 .upload-data .r-tabs-nav { display: none; }
 .upload-data .r-tabs-accordion-title { display: block; }
 .upload-data .content-box{ padding: 30px 20px; margin:0; }
 .upload-data .r-tabs-accordion-title a{ margin-bottom: 30px }
 .upload-data .tab-content{ display: none; }

 .upload-data h3{ padding-bottom: 20px }
 .upload-data h4{ padding-bottom: 30px }
.upload-data.myclass .tab-content{ display:block }
.upload-data.myclass{ margin-top:20px}
 .upload-data .privacy{ padding: 40px 0 }
 .upload-data .back-title a.back{ top: 0; width: 21px }

 .upload-data input{ font-size: 14px; line-height: 18px }
 .upload-data .album-art span,.upload-data .album-art span#btn{ float: none; display: block; }

.upload-data textarea{ font-size: 14px; line-height: 27px }
.upload-data .content-box .file-data .file-info span{ font-size: 20px; line-height: 24px }
.upload-data .content-box .file-data .file-info em{ font-size: 14px; line-height: 18px }
.upload-data .content-box.editing.thanks a{ width: 100px }
.upload-data .content-box.editing.thanks a img{ width: 100% }

.upload footer .footer-data{ padding: 15px }
.upload footer .footer-data .song,.upload footer .footer-data .volume{ text-align: center; float: none !important; padding-bottom: 30px }
.upload footer .footer-data .volume ul li{ display: block; text-align: center; margin-bottom: 50px;  }
.upload footer .footer-data .volume ul li:last-child{ border-bottom: none; }
.upload footer ul li span{ display: none; }

}


@media(max-width:567px) {

  /* footer */
  footer .logo, header .logo a { width: 120px }
  footer .logo { padding-bottom: 15px }
  footer .links, footer .logo { float: none; display: block; }
  footer .links { top: 0 }

  /* upload-01 */
  .upload-data .content-box em{ font-size: 14px; line-height: 18px }
  .upload-data .content-box.editing ul.lyrics li .time,.upload-data .content-box.editing ul.lyrics li .song,.upload-data .content-box.editing ul.lyrics li .icons{ display: block; width: 100%}
  .upload-data .content-box.editing ul.lyrics li .time,.upload-data .content-box.editing ul.lyrics li .song{ padding-bottom: 10px }
  .upload-data .content-box.editing ul.lyrics li .icons,.upload-data .content-box.editing ul.lyrics li em{ text-align: center; }
  .upload-data .content-box.editing ul.lyrics.preview li em{ text-align: left; }
  .upload-data .content-box.editing ul.lyrics li em,.upload-data .content-box.editing ul.lyrics li span{ font-size: 14px; line-height: 22px }
  .upload-data .content-box.editing ul.lyrics li span:after, .upload-data .content-box.editing ul.lyrics li span:before{ width: 21px; height: 21px }
}