/* Ширина экрана до 1200px */
@media (max-width: 1200px) {
  .container {
    padding-left: 100px;
    padding-right: 100px;
  }

  /* section HEADER Styles */
  .header {
    padding-top: 26px;
  }

  .header__container {
    flex-wrap: wrap;
  }

  .header__logo {
    padding-top: 7px;
    width: 112px;
  }

  .header__nav {
    order: 3;
    margin-right: 0;
    width: 100%;
    padding-top: 22px;
    padding-bottom: 19px;
    border-top: 1px solid #E6E8EC;
    border-bottom: 1px solid #E6E8EC;
  }

  .btn-search {
    order: 2;
    padding-bottom: 30px;
  }

  /* section HERO Styles */
  .hero {
    padding-top: 94px;
    padding-bottom: 81px;
  }

  .hero__desc {
    margin-bottom: 20px;
    max-width: 520px;
  }

  .hero__img {
    position: relative;
    right: 0;
    top: -10px;
  }

  /* section PODCASTS Styles */
  .podcasts__content {
    padding-top: 35px;
  }


  /* section BROADCASTS Styles */
  .broadcasts__list {
    max-width: 540px;
    --offsets: 1;
  }

  /* section GUESTS Styles */
  .guests {
    padding-bottom: 94px;
  }

  .guests__container .desc {
    max-width: 536px;
  }

  .guests__desc {
    max-width: 362px;
  }

  /* section PLAYLISTS Styles */
  .playlists {
    padding-top: 96px;
    padding-bottom: 94px;
  }

  .playlists__container {
    flex-direction: column;
    gap: 27px;
  }

  .playlists__info {
    max-width: 100%;
    top: -1px;
  }

  .playlists__container .subtitle-h2 {
    margin-bottom: 11px;
  }

  .playlists__list {
    --offsets: 2;
    justify-content: space-between;
  }

  .playlists__item {
    flex-direction: row;
    align-items: center;
    width: 100%;
  }

  .playlists__img {
    max-width: 112px;
  }

  .flag-marker {
    left: 0;
  }

  .playlists__album {
    padding-top: 9px;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 9px;
  }

  /* section ADV Styles */
  .adv {
    padding-bottom: 96px;
  }

  .adv__picture {
    top: -20px;
    left: 3px;
    max-width: 397px;
  }

  .adv__info {
    margin-bottom: 30px;
  }

  .adv__info::before {
    margin-bottom: 12px;
  }

  .adv__promo {
    left: 0;
  }

  /* section ABOUT Styles */
  .about {
    padding-bottom: 93px;
  }

  .about__intro .subtitle-h3 {
    max-width: 539px;
    margin-bottom: 9px;
  }

  .about__intro .desc {
    max-width: 539px;
  }

  .about__author .desc  {
    max-width: 539px;
  }

  .about__list {
    --offsets: 1;
  }

  .about-pic {
    display: block;
    background-image: url("../img/about/snowflake.png");
    background-size: 255px;
    background-position: center right;
  }

  /* section FOOTER Styles */
  .footer {
    padding-top: 94px;
  }

  .footer__buttom::before {
    left: 0;
  }

  .footer__buttom .trade-mark {
    padding-top: 18px;
    padding-bottom: 5px;
  }


}


/* Ширина экрана до 992px */
@media (max-width: 992px) {
  .container {
    padding-left: 114px;
    padding-right: 114px;
  }

  .container.footer__container {
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .container.footer__logo-block {
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 80px;
  }

  .container.footer__nav {
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 80px;
  }


  /* section HEADER Styles */
  .header__list {
    gap: 48px;
  }

  .header__nav {
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .header__links {
    font-size: 16px;
  }

  /* section HERO Styles */
  .hero {
    padding-bottom: 90px;
  }

  .hero__img {
    display: none;
  }

  .hero__desc {
    max-width: 100%;
  }

  /* section PODCASTS Styles */
  .podcasts__item {
    flex-basis: 100%;
  }

  .time {
    margin-bottom: 5px;
  }


  /* section BROADCASTS Styles */
  .broadcasts {
    padding-bottom: 28px;
  }

  .broadcasts__container {
    flex-direction: column;
    border-bottom: 1px solid var(--light-gray);
  }

  .broadcasts__container .subtitle-h2 {
    position: relative;
    margin-bottom: 121px;
  }

  .broadcasts__content {
    padding-top: 20px;
    padding-bottom: 18px;
  }

  .broadcasts__list {
    order: 2;
    padding-top: 0;
    padding-bottom: 60px;
    max-width: 100%;
  }

  .btn-block-1 {
    display: none;
  }

  .btn-block-2 {
    padding-top: 30px;
    margin: 0 auto;
    display: flex;
    order: 3;
  }

  .btn-block-2::before {
    content: "";
    max-width: 170px;
    min-height: 96px;
    padding-right: 15px;
  }

  .btn-block-2 .desc {
    line-height: 1.55;
  }

  .broadcasts__btn {
    margin-bottom: 8px;
  }

  .mic::before {
    background-size: contain;
    margin-bottom: 0;
    padding-left: 80px;
    background-position: left 5px center;
  }

  /* section GUESTS Styles */
  .guests__item .card {
    flex-direction: column;
    width: 100%;
  }

  .guests__picture {
    max-width: 540px;
  }

  .guests__desc {
    min-height: 272px;
  }

  /* section PLAYLISTS Styles */
  .playlists {
    padding-bottom: 112px;
  }

  .playlists__list {
    --offsets: 1;
  }

  /* section ADV Styles */
  .adv {
    padding-top: 72px;
  }

  .adv__block {
    flex-direction: column;
    align-items: center;
  }

  .adv__picture {
    max-width: 640px;
    width: 100%;
    flex: 1;
  }

  .adv__promo .subtitle-h2 {
    position: relative;
    top: 3px;
    left: -1px;
  }

  .adv__info::before {
    margin-bottom: 15px;
    min-height: 12px;
    background-image: url('../img/wave-768.png');
  }

  .price-promo {
    margin-bottom: 26px;
  }


  /* section ABOUT Styles */
  .about {
    padding-top: 95px;
  }

  .about-bg {
    background-image: url("../img/about/spiral.png");
    background-repeat: no-repeat;
    background-size: 650px 112px;
    background-position: left top 473px;
  }

  .about-pic {
    background-image: none;
  }

  .about__intro .subtitle-h2 {
    margin-bottom: 10px;
    top: -2px;
  }

  .about__intro .desc {
    padding-bottom: 141px;
    line-height: 1.58;
  }

  /* .about__author {
    padding-top: 34px;
  } */

  .about__author .desc {
    line-height: 1.45;
  }

  .form {
    gap: 31px;
  }

  .input-row {
    flex-direction: column;
  }

  /* section FOOTER Styles */
  .footer__container {
    padding-bottom: 0;
    flex-direction: column;
    align-items: center;
  }

  .footer__logo-block {
    padding-bottom: 76px;
    align-items: center;
  }

  .container.footer__logo-block {
    padding-bottom: 75px;
    align-items: center;
  }

  .social-link svg {
    width: 36px;
    height: 36px;
  }

  .footer__nav {
    width: 100%;
    margin-left: 0;
    padding-bottom: 80px;
    column-gap: 157px;
  }

  .footer__list {
    gap: var(--gap-2);
  }

  .footer__buttom::before {
    min-height: 14px;
  }
}


/* Ширина экрана до 767px */
@media (max-width: 767px) {
  .container {
    padding-left: 32px;
    padding-right: 32px;
  }

  /* section HEADER Styles */
  .header__nav {
    padding-top: 17px;
    padding-bottom: 17px;
  }

  /* section HERO Styles */
  .hero {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  /* section BROADCASTS Styles */

  /* section GUESTS Styles */
  .guests__container .desc {
    max-width: 536px;
    margin-bottom: 30px;
  }

  .guests__picture {
    max-width: 100%;
    min-height: 161px;
  }

  .guests__desc {
    max-width: 100%;
    height: auto;
  }

  /* section PLAYLISTS Styles */
  /* section ADV Styles */
  /* section ABOUT Styles */
  .about-bg {
    background-image: none;
  }

  .about__intro .desc {
    padding-bottom: 0;
    max-width: 100%;
  }

  /* section FOOTER Styles */
  .container.footer__logo-block {
    padding-bottom: 60px;
  }

  .container.footer__nav {
    padding-bottom: 60px;
  }

  .footer__nav {
    column-gap: 79px;
  }

}


/* Ширина экрана до 576px */
@media (max-width: 576px) {

  /* section HEADER Styles */
  .header {
    padding-top: 15px;
  }

  .header__logo {
    width: 87px;
    height: 26px;
    padding: 0;
  }

  .btn-search {
    padding: 0;
    padding-bottom: 17px;
  }

  .header__nav {
    overflow-x: scroll;
    padding: 0;
    padding-top: 16px;
  }

  .header__nav::-webkit-scrollbar {
    width: 0;
  }

  .header__list {
    flex-wrap: nowrap;
    gap: 27px;
  }

  /* section HERO Styles */
  .hero {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .hero__title {
    margin-bottom: 6px;
    font-size: 32px;
  }

  .hero__desc {
    margin-bottom: 20px;
    font-size: 14px;
  }

  .btn {
    padding: 16px 44px;
    font-size: 16px;
  }


  /* section PODCASTS Styles */
  .podcasts {
    padding-top: 52.5px;
    padding-bottom: 54px;
  }

  .podcasts__container .subtitle-h2 {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .podcasts__list {
    --offsets: 0;
  }

  .podcasts__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .podcasts__item .card {
    flex-direction: column;
  }

  .podcasts__img {
    max-width: 100%;
    object-fit: cover;
  }

  .podcasts__content {
    padding-top: 23px;
    padding-bottom: 27.5px;
    padding-left: 16px;
  }

  .date {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: initial;
  }

  .podcasts__content .time {
    margin-bottom: 8px;
    font-size: 12px;
  }

  .podcasts__content .subtitle-h3 {
    margin-bottom: 0;
    font-size: 16px;
  }

  .podcasts__content .name {
    margin: 0;
    font-size: 12px;
  }

  .podcast-img1 {
    background-image: url('../img/podcasts/podcast-1-h.png');
    background-size: cover;
    min-height: 72px;
    background-position: top;
  }

  .podcast-img2 {
    background-image: url('../img/podcasts/podcast-2-h.png');
    background-size: cover;
    min-height: 72px;
    background-position: top;
  }

  .podcast-img3 {
    background-image: url('../img/podcasts/podcast-3-h.png');
    background-size: cover;
    min-height: 72px;
    background-position: top;
  }

  .podcast-img4 {
    background-image: url('../img/podcasts/podcast-4-h.png');
    background-size: cover;
    min-height: 72px;
    background-position: top;
  }

  .podcast-img5 {
    background-image: url('../img/podcasts/podcast-5-h.png');
    background-size: cover;
    min-height: 72px;
    background-position: top;
  }

  .podcast-img6 {
    background-image: url('../img/podcasts/podcast-6-h.png');
    background-size: cover;
    min-height: 72px;
    background-position: top;
  }

  .podcast-img7 {
    background-image: url('../img/podcasts/podcast-7-h.png');
    background-size: cover;
    min-height: 72px;
    background-position: top;
  }

  .podcast-img8 {
    background-image: url('../img/podcasts/podcast-8-h.png');
    background-size: cover;
    min-height: 72px;
    background-position: top;
  }


  /* section BROADCASTS Styles */
  .broadcasts {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .broadcasts__container .subtitle-h2 {
    position: relative;
    display: flex;
    align-self: flex-start;
    font-size: 24px;
    margin-bottom: 28px;
  }

  .broadcasts__content {
    min-height: 97px;
    padding-top: 9.5px;
    padding-bottom: 10px;
    padding-left: 9.5px;
    padding-right: 9px;
  }

  .content-wrap .subtitle-h3 {
    font-size: 12px;
    margin-bottom: 4px;
  }

  .mic::before {
    background-position: left 10px center;
  }

  .broadcasts__announce {
    font-size: 9px;
    line-height: 1;
  }

  .broadcasts__link {
    font-size: 12px;
  }


  /* section GUESTS Styles */
  .guests {
    padding-top: 54px;
    padding-bottom: 52px;
  }

  .guests__container .subtitle-h2 {
    font-size: 24px;
  }

  .guests__container .subtitle-h3 {
    margin-bottom: 0;
    font-size: 14px;
  }

  .guests__container .desc {
    margin-bottom: 29px;
    font-size: 14px;
    line-height: 1.55;
  }

  .guests__list {
    gap: 28px;
  }

  .guests__item .card {
    gap: 11px;
  }

  .guests__desc .subtitle-h3 {
    margin-bottom: 8px;
    font-size: 20px;
  }

  .guests__desc .desc {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.8;
  }

  .guests__btn {
    padding: 9px 13px;
  }


  /* section PLAYLISTS Styles */
  .playlists {
    padding-top: 55px;
    padding-bottom: 56px;
  }

  .playlists__container {
    gap: 28px;
  }

  .playlists__container .subtitle-h2 {
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 400;
  }

  .playlists__info .desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
  }

  .trade-mark {
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 1.84;
  }

  .playlists__item {
    flex-direction: column;
    align-items: center;
  }

  .playlists__img {
    max-width: 100%;
    min-height: 112px;
  }

  .flag-marker {
    left: auto;
  }

  .playlists__album {
    padding: 11px 9px 7px 10px;
    align-self: flex-start;
  }


  /* section ADV Styles */
  .adv {
    padding-bottom: 54px;
  }

  .adv__block {
    gap: 16px;
  }

  .adv__promo .subtitle-h2 {
    padding-bottom: 12px;
    font-size: 24px;
  }

  .adv__picture {
    top: -17px;
    left: 1px;
  }

  .adv__info {
    /* padding-top: 4px; */
    margin-bottom: 12px;
  }

  .adv__info::before {
    min-height: 11.5px;
    background-image: url('../img/wave.png');
  }

  .adv__info .desc {
    font-size: 14px;
    line-height: 1.56;
  }

  .price-promo {
    margin-bottom: 18px;
    font-size: 24px;
  }

  .btn-promo {
    padding: 12px 14px 13px 13px;
  }

  .market-promo {
    font-size: 16px;
  }

  /* section ABOUT Styles */
  .about {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .about__intro .subtitle-h2 {
    font-size: 24px;
  }

  .about__intro .subtitle-h3 {
    margin-bottom: 5px;
    max-width: 635px;
    font-size: 14px;
  }

  .about__intro .desc {
    font-size: 14px;
    line-height: 1.57;
  }

  .about__author {
    padding-top: 12px;
  }

  .about__author .subtitle-h3 {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.3;
    max-width: 109px;
  }

  .about__author .desc {
    font-size: 12px;
    line-height: 1.3;
    max-width: 113px;
  }

  .form__textarea {
    padding: 17px 24px;
    border-radius: 20px;
    font-size: 14px;
    letter-spacing: 1px;
  }

  .form__input {
    padding: 16px 24px;
    border-radius: 40px;
    font-size: 14px;
    letter-spacing: 1px;
  }

  .form__submit {
    gap: var(--gap-1);
  }

  .form__btn {
    padding: 14.8px 43px;
  }

  .checkbox-text {
    padding-left: 20px;
    font-size: 9px;
  }


  /* section FOOTER Styles */
  .footer {
    padding-top: 55px;
  }

  .container.footer__container {
    padding-bottom: 0;
  }

  .container.footer__logo-block {
    padding-bottom: 48px;
  }

  .container.footer__nav {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 10px;
    background-color: var(--black-color);
  }

  .footer__list {
    gap: 24px;
  }

  .hidden-list {
    display: none;
  }

  .hidden-item {
    display: flex;
  }

  .footer__buttom::before {
    min-height: 14px;
    background-image: url("../img/wave-footer-320.png");
  }

  .footer__buttom .trade-mark {
    padding-top: 18px;
  }
}


/* Ширина экрана до 360px */
@media (max-width: 360px) {

  /* section BROADCASTS Styles */
  .btn-block-2 {
    margin: 0;
    justify-content: flex-start;
  }

  .btn-block-2 .content-wrap {
    flex-direction: column-reverse;
    max-width: 165px;
  }

  .broadcasts__btn {
    padding: 7.5px 29px;
    margin-bottom: 0;
    font-size: 16px;
  }

  .content-wrap .desc {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 7px;
  }

  .btn-block-2::before {
    width: 77px;
    height: 105px;
    margin-right: 5px;
  }

  .broadcasts__list {
    padding-top: 0;
    padding-bottom: 30px;
  }

  .broadcasts__item {
    /* max-width: 113px; */
    min-height: 149px;
  }

  .broadcasts__img {
    max-height: 50px;
  }

  /* section PLAYLISTS Styles */
  .subtitle-h3.name-album {
    font-size: 12px;
  }

  .playlists__comments {
    font-size: 9px;
    letter-spacing: -0.5px;
  }

  /* section ABOUT Styles */
  .about {
    padding-top: 56px;
    padding-bottom: 50px;
  }


  /* section FOOTER Styles */
  .footer__nav {
    justify-content: flex-start;
  }

  .container.footer__nav {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 32px;
  }

  .footer__links {
    font-size: 12px;
  }

}