@media only screen and (max-width: 1440px) {
    .welcome {
        min-height: 100vh;
    }

    .welcome__container {
        max-width: 100%;
    }

    .tv-channel__content-item {
        column-count: 3;
    }
}

@media only screen and (max-width: 1366px) {
    .house-rates {
        padding: 0 25px 70px;
    }

    .house-rates__info-text {
        right: -20px;
        bottom: 40px;
        left: unset;
    }

    .house-rates__info-text:after {
        left: unset;
        bottom: -12px;
        right: 23px;
    }
}

@media only screen and (max-width: 1200px) {
    h2 {
        padding: 80px 0 60px;
    }

    .content {
        padding: 0;
    }

    .menu {
        display: none;
    }

    .content hr {
        width: calc(100% - 80px);
    }

    .tabs, .sign-in, .lang-switcher {
        display: none;
    }

    .dropdown-menu__list > .lang-switcher {
        display: flex;
    }

    .dropdown-menu {
        height: 36px;
        width: 36px;
        display: flex;
        align-items: center;
    }

    .dropdown-menu__list {
        padding: 15px 30px 30px;
    }

    .welcome {
        padding: 125px 40px 65px;
    }

    .welcome__content {
        max-width: 475px;
    }

    .welcome__content h1 {
        font-size: 47px;
        line-height: 56px;
        margin-bottom: 30px;
    }

    .welcome__content > p {
        margin-bottom: 75px;
    }

    .check-form__top {
        display: block;
        font-size: 12px;
        text-align: center;
    }

    .check-form__top span {
        display: block;
    }

    .check-form__block input {
        width: 100%;
        height: 50px;
        padding: 22px 13px 0;
        font-size: 13px;
    }

    .check-form__block label {
        font-size: 13px;
        line-height: 13px;
        top: calc((50px - 13px) / 2);
    }

    .check-form__button-check, .check-form__button {
        height: 50px;
        line-height: 50px;
    }

    .welcome__image {
        margin-top: 20px;
        width: 460px;
    }

    .advantage {
        padding: 80px 40px 20px;
    }

    .house-rates {
        padding: 0 40px 30px;
    }

    .house-rates__item {
        padding: 25px 15px;
    }

    .house-rates__item h3 {
        font-size: 16px;
    }

    .house-rates__text {
        line-height: 17px;
        font-size: 13px;
    }

    .house-rates__price-new span {
        font-size: 40px;
        line-height: 50px;
    }

    .house-rates__price-new div {
        font-size: 11px;
        line-height: 13px;
    }

    .house-rates__button {
        font-size: 12px;
    }

    .house-rates > p {
        font-size: 12px;
        line-height: 20px;
        margin-top: 15px;
    }

    .warranty {
        padding: 0 40px;
    }

    .warranty__list li {
        margin-bottom: 70px;
    }

    .warranty__image {
        width: 456px;
    }

    .warranty__text {
        max-width: 460px;
    }

    .warranty__text h3 {
        font-size: 40px;
        line-height: 50px;
    }

    .warranty__text p {
        font-size: 15px;
        line-height: 22px;
        margin-top: 20px;
    }

    .advantage-hd {
        padding: 0 40px 60px;
    }

    .advantage-hd__list {
        flex-wrap: wrap;
    }

    .advantage-hd__list li h4 {
        margin-bottom: 5px;
    }

    .check-coverage {
        padding: 70px 40px 0;
    }

    .faq {
        padding: 0 40px 90px;
    }

    .about {
        padding: 0 40px 100px;
    }

    .thanks-page {
        padding: 135px 40px 90px;
    }

    .tv-channel {
        padding: 0 40px 40px;
    }

    .tv-channel__menu-list li a {
        font-size: 15px;
        padding: 15px;
    }

    .tv-channel__column h3 {
        font-size: 19px;
    }

    .tv-channel__column-name {
        font-size: 13px;
    }

    footer {
        padding: 0 40px;
    }
}

@media only screen and (max-width: 1024px) {
    h2 {
        padding: 80px 0 40px;
        font-size: 38px;
        line-height: 52px;
    }

    .underline:hover:after {
        background-color: rgba(153, 9, 227, .5);
    }

    .call-order {
        display: none;
    }

    .welcome {
        padding: 110px 40px 50px;
    }

    .welcome__top {
        flex-direction: column;
        align-items: center;
        margin-bottom: 10px;
    }

    .welcome__content {
        order: 2;
        text-align: center;
    }

    .welcome__content h1 {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 15px;
    }

    .welcome__content > p {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 15px;
    }

    .check-form__bottom {
        max-width: 330px;
        margin: 0 auto;
    }

    .check-form__block {
        display: flex;
        flex-direction: column;
    }

    .check-form__block label input {
        padding: 15px 13px;
        height: 50px;
    }

    .check-form__button-check, .check-form__button {
        position: relative;
        right: 0;
        width: 100%;
        height: 50px;
        line-height: 50px;
        margin-top: 10px;
    }

    .check-form__button-check span {
        display: inline-block;
    }

    .check-form__loader {
        height: 50px;
        font-size: 12px;
    }

    .check-form__loader:after {
        width: 25px;
        height: 25px;
    }

    .welcome__image {
        margin: 0;
        width: 300px;
        order: 1;
    }

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

    .rating,
    .check-coverage .rating {
        max-width: 450px;
        text-align: center;
        font-size: 12px;
        line-height: 16px;
    }

    .rating__icon,
    .check-coverage__container .rating__icon {
        display: block;
        margin: 20px auto 15px;
    }

    .scroll-down {
        display: none;
    }

    .stock {
        text-align: center;
        font-size: 12px;
        line-height: 15px;
        margin-top: 10px;
    }

    .advantage__text p {
        font-size: 12px;
        line-height: 16px;
    }

    .advantage__text h4,
    .about__list li h4 {
        font-size: 16px;
        line-height: 16px;
    }

    .house-rates {
        padding: 0 40px 30px;
    }

    .house-rates__list {
        max-width: 100%;
        margin: 0 auto;
    }

    .house-rates__item {
        width: calc((100% - 30px) / 2);
        max-width: 100%;
    }

    .house-rates > p {
        font-size: 12px;
        line-height: 17px;
    }

    .house-rates__button {
        height: 52px;
        line-height: 52px;
        font-size: 14px;
    }

    .warranty {
        padding: 0 40px;
    }

    .warranty__list li {
        flex-direction: column;
    }

    .warranty__image {
        margin: 0;
        width: 100%;
    }

    .warranty__list li:nth-child(2n) .warranty__image {
        order: 1;
        margin: 0;
    }

    .warranty__text {
        max-width: 456px;
    }

    .warranty__list li:nth-child(2n) .warranty__text {
        order: 2;
        margin: 0;
    }

    .warranty__text h3 {
        font-size: 30px;
        line-height: 40px;
        margin-top: 35px;
    }

    .warranty__text h3 span {
        display: inline-block;
    }

    .warranty__text p {
        font-size: 12px;
        line-height: 16px;
        margin-top: 25px;
    }

    .advantage-hd {
        padding: 0 40px 45px;
    }

    .advantage-hd__list li {
        width: calc(100% / 3);
    }

    .advantage-hd__list li:nth-child(4n + 1) {
        padding-left: 18px;
        border-left: 2px solid #dbe4e9;
    }

    .advantage-hd__list li:nth-child(3n + 1) {
        padding-left: 0;
        border-left: 0;
    }

    .advantage-hd__list li:nth-child(4n) {
        padding-right: 30px;
    }

    .advantage-hd__list li:nth-child(3n) {
        padding-right: 0;
    }

    .advantage-hd__list li h4 {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 10px;
    }

    .advantage-hd__list li p {
        font-size: 12px;
        line-height: 16px;
    }

    .check-coverage__container {
        padding: 0 25px 50px;
    }

    .check-coverage h2 {
        padding: 120px 0 15px;
    }

    .check-coverage__container > p:nth-child(2) {
        max-width: 450px;
        font-size: 12px;
        line-height: 15px;
        margin: 0 auto 15px;
    }

    .check-coverage .rating {
        flex-direction: column;
        margin: 0 auto;
    }

    .check-coverage__container .check-form {
        margin-bottom: 10px;
    }

    .faq {
        padding: 0 40px 100px;
    }

    .faq dl dt {
        font-weight: 400;
        font-size: 16px;
    }

    .faq dl dt:hover span {
        border-color: #9909e3;
    }

    .faq dl dd {
        font-size: 12px;
        line-height: 16px;
    }

    .about {
        padding: 0 40px 80px;
    }

    .about__image {
        width: 93px;
        height: 93px;
    }

    .thanks-page {
        padding: 135px 40px 90px;
    }

    .tv-channel__menu-list {
        justify-content: unset;
        width: 100vw;
        overflow: auto;
        margin: 0 -40px;
        padding: 0 40px 10px;
    }

    .tv-channel__menu-list li:last-child {
        padding-right: 40px;
    }

    .tv-channel__menu-list li a {
        white-space: nowrap;
    }

    .tv-channel__column h3 {
        font-size: 15px;
    }

    footer {
        padding: 0 40px;
    }

    .footer-top {
        flex-direction: column;
        padding: 60px 0 25px;
    }

    .footer-top__left {
        max-width: 560px;
        display: flex;
        justify-content: space-between;
    }

    .footer-top__left p {
        margin-bottom: 50px;
    }

    .footer-top__right {
        max-width: 620px;
        margin-left: 0;
    }

    footer .social {
        display: none;
    }

    .footer-bottom {
        padding: 25px 0;
    }

    .footer-bottom p {
        flex-wrap: wrap;
        max-width: 100%;
        font-size: 12px;
        line-height: 15px;
    }

    .footer-bottom p a {
        margin-left: 20px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 768px) {
    h2 {
        padding: 65px 0 40px;
        font-size: 30px;
        line-height: 45px;
    }

    .popup-container {
        max-width: 400px;
    }

    .popup-container h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .popup-container p {
        font-size: 13px;
        line-height: 19px;
    }

    .popup-close {
        top: 95px;
    }

    header {
        height: 60px;
        padding: 15px 25px;
        align-items: center;
        background-color: #351b45;
    }

    .logotype {
        max-width: unset;
        max-height: 30px;
    }

    .logotype img {
        max-width: unset;
        max-height: 30px;
    }

    .phone {
        display: none;
    }

    .dropdown-menu {
        height: 26px;
        width: 26px;
        margin: auto 0 auto auto;
    }

    .dropdown-menu__close {
        width: 26px;
        height: 26px;
    }

    .dropdown-menu__burger.dropdown-menu__burger_open span:first-child, .dropdown-menu__close span:first-child {
        top: 12px;
        transform: rotate(45deg);
    }

    .dropdown-menu__burger.dropdown-menu__burger_open span:last-child, .dropdown-menu__close span:last-child {
        bottom: 12px;
        transform: rotate(-45deg);
    }

    .welcome {
        padding: 70px 25px 35px;
    }

    .welcome__content h1 {
        max-width: 270px;
        font-size: 27px;
        line-height: 33px;
        margin: 5px auto 20px;
    }

    .welcome__content > p {
        max-width: 270px;
        margin: 0 auto 25px;
    }

    .check-form__bottom {
        max-width: 270px;
    }

    .check-form__top {
        font-size: 11px;
    }

    .check-form__checkbox {
        text-align: left;
    }

    .welcome__image {
        margin-top: 15px;
        width: 180px;
    }

    .welcome__bottom .phone {
        display: flex;
        margin: 10px auto 0;
    }

    .rating, .check-coverage .rating {
        max-width: 264px;
    }

    .advantage {
        padding: 65px 25px 5px;
    }

    .advantage__list li {
        max-width: 100%;
        width: 100%;
        margin: 0 0 60px 0;
    }

    .advantage__image,
    .advantage-hd__image {
        width: 50px;
        height: 50px;
    }

    .advantage__text {
        width: calc(100% - 50px - 16px);
    }

    .advantage__text h4,
    .about__list li h4 {
        font-size: 15px;
        line-height: 15px;
    }

    .advantage__text p,
    .advantage-hd__list li p,
    .about__list li p {
        font-size: 12px;
        line-height: 16px;
    }

    .house-rates {
        padding: 0 25px 30px;
    }

    .warranty {
        padding: 0 25px;
    }

    .warranty__list li {
        margin-bottom: 35px;
    }

    .advantage-hd {
        padding: 0 25px 60px;
    }

    .advantage-hd__list li {
        width: calc(100% / 2);
    }

    .advantage-hd__list li:nth-child(4n + 1) {
        padding-left: 18px;
        border-left: 2px solid #dbe4e9;
    }

    .advantage-hd__list li:nth-child(3n + 1) {
        padding-left: 18px;
        border-left: 2px solid #dbe4e9;
    }

    .advantage-hd__list li:nth-child(2n + 1) {
        padding-left: 0;
        border-left: 0;
    }

    .advantage-hd__list li:nth-child(3n) {
        padding-right: 30px;
    }

    .advantage-hd__list li:nth-child(2n) {
        padding-right: 0;
    }

    .advantage-hd__list li h4 {
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
    }

    .check-coverage {
        padding: 0;
    }

    .check-coverage__container {
        padding: 0 25px 35px;
        border-radius: 0;
    }

    .check-coverage h2 {
        padding: 60px 0 20px;
        font-size: 26px;
        line-height: 31px;
    }

    .check-coverage__container > p:nth-child(2) {
        max-width: 264px;
        font-size: 12px;
        line-height: 16px;
        margin: 0 auto 20px;
    }

    .faq {
        padding: 0 25px 50px;
    }

    .faq dl dt {
        margin-left: 25px;
        font-size: 14px;
        line-height: 20px;
        margin-top: 25px;
    }

    .faq dl dt:first-child {
        margin: 0 0 0 25px;
    }

    .faq dl dt:before {
        width: 14px;
        height: 14px;
        top: 1px;
        left: -25px;
    }

    .faq dl dd {
        font-size: 12px;
        line-height: 16px;
        margin-top: 10px;
        padding-left: 25px;
    }

    .about {
        padding: 0 25px 50px;
    }

    .thanks-page {
        padding: 135px 25px 50px;
    }

    .thanks-page h1 {
        font-size: 50px;
        line-height: 55px;
        margin-bottom: 25px;
    }

    .thanks-page h3 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 22px;
    }

    .tv-channel {
        padding: 0 25px 40px;
    }

    .tv-channel__menu-list {
        margin: 0 -25px;
        padding: 0 25px 10px;
    }

    .tv-channel__menu-list li:last-child {
        padding-right: 25px;
    }

    .tv-channel__content-item {
        column-count: 2;
    }

    #tabs-1BALT, #tabs-BIG, #tabs-TEM1 {
        padding: 15px;
        column-count: 2;
    }

    .extra-text {
        bottom: -35px;
        font-size: 11px;
    }

    .channel-block-total {
        width: 300px;
    }

    .all-packnew {
        font-size: 13px;
        line-height: 15px;
    }

    .in-new-priceblock .new_price {
        font-size: 30px;
    }

    .in-new-priceblock .dv-price {
        font-size: 17px;
    }

    .tv-channel__block .new_price {
        font-size: 25px;
    }

    .tv-channel__block .dv-price {
        font-size: 15px;
    }

    .extra-text-price {
        display: none;
    }

    footer {
        padding: 0 25px;
    }
}

@media only screen and (max-width: 550px) {
    h2 {
        padding: 50px 0 35px;
        font-size: 20px;
        line-height: 26px;
    }

    #cookie-box {
        flex-direction: column;
        padding: 15px 28px;
    }

    #cookie-box p {
        width: 100%;
        max-width: 265px;
        text-align: center;
        font-size: 11px;
        line-height: 14px;
    }

    .cookie-box__button {
        width: 101px;
        height: 32px;
        font-size: 12px;
        line-height: 32px;
        margin-left: 0;
        margin-top: 10px;
    }

    .popup-container {
        padding: 50px 28px;
    }

    .popup-container h3 {
        font-size: 23px;
        line-height: 26px;
    }

    .popup-container p {
        font-size: 13px;
        line-height: 19px;
    }

    .popup-close {
        width: 35px;
        height: 35px;
        top: 10px;
        left: unset;
        right: 10px;
    }

    .popup-close span {
        width: 25px;
    }

    .popup-close span:first-child {
        top: 5px;
        left: 5px;
    }

    .popup-close span:last-child {
        top: -13px;
        left: 5px;
    }

    .content hr {
        width: calc(100% - 50px);
    }

    .welcome__content h1 {
        font-size: 26px;
        line-height: 31px;
    }

    .check-form__checkbox label {
        font-size: 10px;
    }

    .check-form__top {
        font-size: 10px;
    }

    .advantage__list li {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin: 0 0 40px 0;
    }

    .advantage__list li:nth-child(2n) {
        margin: 0 0 40px 0;
    }

    .advantage__image, .advantage-hd__image {
        width: 80px;
        height: 80px;
    }

    .advantage__text, .advantage-hd__text, .about__text {
        width: 100%;
        margin: 0;
    }

    .advantage__text h4, .advantage-hd__list li h4, .about__list li h4 {
        font-size: 16px;
        line-height: 22px;
        margin-top: 20px;
    }

    .advantage__text p, .advantage-hd__list li p, .about__list li p {
        margin-top: 10px;
    }

    .house-rates__list {
        justify-content: center;
    }

    .house-rates__item {
        width: 100%;
        padding: 15px 20px 20px;
    }

    .house-rates__item h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .house-rates__text {
        line-height: 15px;
        font-size: 12px;
    }

    .house-rates__price-new span {
        font-size: 46px;
        line-height: 56px;
    }

    .house-rates__price-new div {
        font-size: 12px;
        line-height: 15px;
    }

    .house-rates__button {
        font-size: 14px;
        line-height: 40px;
        height: 40px;
    }

    .warranty__list li {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .warranty__image {
        width: calc(100vw - 50px);
    }

    .warranty__text {
        max-width: 100%;
    }

    .warranty__text h3 {
        font-size: 18px;
        line-height: 24px;
        margin-top: 15px;
    }

    .warranty__text p {
        font-size: 12px;
        line-height: 16px;
        margin-top: 10px;
    }

    .advantage-hd__list li {
        width: 100%;
        padding: 0 !important;
        border: 0 !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin: 0 0 40px 0;
    }

    .mobile-550 {
        display: block;
    }

    .thanks-page {
        padding: 110px 25px;
    }

    .thanks-page h1 {
        font-size: 40px;
        line-height: 55px;
        margin-bottom: 25px;
    }

    .thanks-page h3 {
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 35px;
    }

    .thanks-page p {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 15px;
    }

    .thanks-page__link {
        font-size: 14px;
        line-height: 27px;
        margin: 70px 0 0 0;
    }

    .tv-channel__switch {
        flex-direction: column;
    }

    .tv-channel__content-item {
        column-count: 1;
    }

    footer {
        /*padding: 0 25px 40px;*/
        padding: 25px;
    }

    .footer-top {
        padding: 40px 0 25px;
    }

    .footer-top__left {
        display: block;
    }

    .footer-top__left p {
        margin: 0;
        text-transform: uppercase;
    }

    .footer-top__left span:last-child {
        margin: 5px 0 30px;
        display: inline-block;
    }

    .footer-top__left p a:after {
        content: none;
    }

    .footer-top__menu li {
        width: 100%;
    }

    .footer-bottom {
        padding: 0;
        border: 0;
    }

    .footer-bottom p a {
        margin-left: 0;
        margin-top: 12px;
        font-size: 12px;
    }

    .footer-bottom > a {
        display: none;
    }

    .footer__is-mobile {
        display: block;
        width: 100%;
        height: 1px;
        background-color: #442657;
        outline: 0;
        border: 0;
        margin: 17px 0;
    }

    .footer-mobile-550 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 30px;
    }

    .footer-mobile-550 .social {
        display: flex;
        margin: 0;
    }

    .footer-mobile-550 a {
        display: block;
    }
}