@media only screen and (max-width: 1440px) {
  input, textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
  }

  input[type=checkbox] {
    -webkit-appearance: checkbox;
  }

  a:hover {
    text-decoration: none;
  }

  div.top {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
  }

  .logo {
    margin-left: 15px;
  }

  div.main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 280px;
    margin-top: 0;
  }

  .page, .page-top {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .page-single-podcast {
    padding-left: 25px !important;
    padding-right: 0 !important;
  }

  div.page.nosidebar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }

  table {
    width: 100%;
  }

  .podcast h2 {
    font-size: 92px
  }

  .img-content, .single-podcast img {
    width: 100%;
    height: auto;
  }

  .img-content-podcast {
    width: 100%;
    height: auto;
  }

  .img-content-podcast img {
    width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 1279px) {
  .p-t-60 {
    padding-top: 0
  }
}

@media only screen and (max-width: 1199px) {
  a.slick-arrow {
    bottom: 0 !important
  }

  .button {
    padding: 0 30px
  }

  .white {}

  .carosello-content {
    margin-top: 80px
  }
}

@media only screen and (max-width: 999px) {
  div.page, .page-top {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .elem-1 {
    top: 550px
  }

  .titolo-top {
    width: 100%;
    float: none;
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
  }

  .carosello-content {
    width: 100%;
    float: none;
    padding-left: 25px
  }

  .logo {
    width: 360px
  }

  a.slick-arrow {
    margin-left: 0 !important;
    bottom: -60px !important;
  }

  .slick-prev {
    left: 0 !important
  }

  .slick-next {
    left: 40px !important
  }

  .podcast.sinistra .half-text, .podcast.destra .half-text {
    float: none;
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
  }

  .podcast.sinistra .half-image {
    padding-left: 25px;
    box-sizing: border-box;
  }

  .podcast.destra .half-image {
    padding-right: 25px;
    box-sizing: border-box;
  }

  .half {
    width: 100%
  }

  .half-60, .half-40 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .half-60 {
    float: none;
    padding-left: 25px !important;
    padding-right: 25px !important;
    box-sizing: border-box;
    order: 2
  }

  .half-40 {
    order: 1
  }

  .page-content h4 {
    font-size: 24px;
    margin: 40px 0 50px 0;
  }

  .podcast h6 {
    font-size: 16px
  }

  .podcast h2 {
    font-size: 52px
  }

  .podcast p {
    font-size: 14px
  }

  .single-content h4 {
    font-size: 24px
  }

  .single-content h6, .page-single-podcast h6 {
    font-size: 16px
  }

  .single-content p {
    font-size: 14px
  }

  .button {
    font-size: 14px
  }

  .half-text {
    margin-bottom: 40px
  }

  .elemento img {
    width: 90%
  }

  .podcast.sinistra .elemento, .podcast.destra .elemento {
    top: -50px;
    right: 30px;
    left: inherit;
  }
}

@media only screen and (max-width: 599px) {
  .img-single {
    width: 100%;
    float: none;
    margin: 0 0 20px 0
  }

  .single-content {
    width: 100%;
    float: none;
  }
}

@media only screen and (max-width: 479px) {
  .single-podcast img {
    width: 99%;
  }

  .logo, .logo img {
    width: 100%;
    margin: 0
  }

  .podcast h2 {
    font-size: 38px
  }
}

@media only screen and (max-width: 321px) {}