@media only screen and (max-width: 1440px) {
    .container {
        padding: 0 20px;
    }
}
@media only screen and (max-width: 1180px) {

}
@media only screen and (max-width: 992px) {
    .blog__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .plans__wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media only screen and (max-width: 768px) {
    a.logo {
        font-size: 16px;
    }
    
    h1.title {
        font-size: 31px;
        text-align: left;
    }
    
    .top__wrapper {
        padding: 20px 20px 32px 20px;
        gap: 20px;
        align-items: flex-start;
        height: calc(100vh - 150px);
    }
    
    p.description {
        font-size: 14px;
        text-align: left;
    }
    
    .section__header {
        align-items: flex-start;
    }
    
    .container {
        gap: 32px;
    }
    
    .stats__wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 50px;
        justify-content: space-between;
        width: 100%;
    }
    
    .stats__item {
        width: 150px;
    }
    
    span.value {
        font-size: 25px;
    }
    
    section {
        margin-bottom: 80px;
    }
    
    p.plan__item__title span.icon {
        width: 66px;
        height: 66px;
    }
    
    p.plan__item__title span.icon svg {
        width: 24px;
        height: 24px;
    }

    p.plan__item__title {
        flex-direction: column;
        align-items: flex-start;
        gap: 45px;
    }
    
    .plan__item__prices {
        flex-direction: column;
        gap: 18px;
    }
    
    .plan__item__prices__item {flex-direction: row;align-items: center;gap: 8px;}
    
    .plan__item__info {
        padding: 0;
    }
    
    .plans__item__column.dark .plans__item {
        background: var(--black);
        gap: 20px;
    }
    
    .btn {
        height: 50px;
        padding: 13px 38px;
    }
    
    .plan__item__footer__element {
        /* gap: 23px; */
    }
    
    .plan__item__footer__element p {
        font-size: 14px;
    }
    
    .plans__item {
        padding: 28px 20px 0 20px;
        border-radius: 27px 27px 0 0;
    }
    
    .plans__item:nth-child(2) {
        border-radius: 0 0 27px 27px;
        padding: 40px 20px 30px 20px;
    }
    
    .plans__item__column .plans__item:nth-child(2) {
        padding: 40px 20px 30px 20px;
        gap: 23px;
    }
    
    .plans__item__column {
        gap: 0;
    }
    
    p.plan__item__row__header span {
        background: var(--black);
        font-size: 14px;
    }
    
    .plans__item ul li {
        font-size: 14px;
        padding-left: 23px;
        display: flex;
        align-items: flex-start;
    }
    
    .plans__item__column .plans__item:nth-child(2) ul {
        gap: 20px;
    }

    a.playlist__btn span {
        padding: 10px;
        font-size: 10px;
        background: #242424;
        color: var(--white);
    }
    
    a.playlist__btn span.icon {
        width: 30px;
        height: 30px;
        background: #242424;
    }
    
    a.playlist__btn span.icon svg {
        height: 10px;
        width: 10px;
    }
    
    a.playlist__btn span.icon svg path {
        fill: var(--white);
    }
    
    .plans__item__column.light .plans__item {
        border: none;
        background: var(--black);
        color: var(--white);
    }
    
    span.var {
        font-size: 10px;
    }
    
    .plans__item__column.light span.var {
        background: var(--white);
        color: var(--font);
    }
    
    .plan__item__btns a.btn.bordered__btn {
        border-color: var(--white);
        color: var(--white);
        line-height: 1;
    }
    
    .plan__item__btns a.btn.bordered__btn svg path {
        fill: var(--white);
    }
    
    .plan__item__btns a.btn.bordered__btn:hover {
        background: var(--white);
        color: var(--font);
    }
    
    .plan__item__btns a.btn.bordered__btn:hover > svg path {
        fill: var(--font);
    }
    
    .data__wrapper svg path {
        fill: var(--white);
    }
    
    .plan__item__footer__element p {
        max-width: 80%;
        position: relative;
    }
    
    .plans__item ul li span {
        max-width: 80%;
        display: flex;
    }
    
    .plans__item__column.light p.plan__item__row__header span {
        background: var(--black);
    }
    
    .plans__item__column.light p.plan__item__row__header::before {
        background: var(--white);
    }
    
    section.team {
        color: var(--font);
    }
    
    section.team .section__header {
        align-items: center;
        text-align: center;
        gap: 20px;
    }
    
    .faq__wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .blog__list__inner {
        grid-template-columns: repeat(1, 1fr);
    }

    .blog__list {
        height: auto;
    }
    
    a.main__blog__item:nth-child(4), a.main__blog__item:nth-child(5), a.main__blog__item:nth-child(6) {
        display: none;
    }
    
    nav ul {
        max-width: 100%;
        width: 100%;
    }
    
    nav {
        display: flex;
        width: 100%;
    }
    
    a.footer__logo svg {
        width: 100%;
    }
    
    .footer__nav {
        width: 100%;
        max-width: 335px;
    }
    
    nav ul li a {
        width: 100%;
    }
    
    .footer__top {
        width: 100%;
    }
    
    .section__footer .white__btn {
        width: 100%;
    }
    
    section.blog .container .white__btn span {
        max-width: 85%;
    }
    
    section.blog .container button.white__btn.full__btn.full span {
        max-width: 100%;
    }

    .swiper.team__slider::before, .swiper.team__slider::after {
        content: none;
    }
    
    .swiper.team__slider .swiper-wrapper {
        flex-direction: column;
    }
    
    .team__item {
        width: 100%;
        height: 225px;
    }
    
    main {
        overflow: hidden;
        background: url(../img/mob_plans_bg.png) no-repeat center 840px;
    }
    
    .modal__nav__wrapper {
        max-width: 100%;
        width: 100%;
        justify-content: space-between;
    }
    
    header.header.nav__active .container {
        max-width: 100%;
    }
    
    footer.footer {
        padding: 80px 0;
    }

    .section__footer {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    span.blog__item__date {
        padding: 0;
    }

    span.blog__item__date {
        padding: 0;
        font-size: 14px;
    }
    
    .modal__quest .modal__wrapper, .modal__faq .modal__wrapper {
        margin: 0 20px;
    }
    
    .modal__wrapper__control button.bordered__btn {
        height: 50px;
    }

    .stats__item span.value {
        font-size: 40px;
    }
    
    section.stats {
        color: var(--font);
    }
    
    section.stats .container p.section__description {
        font-size: 16px;
    }

    .team__item::before {
        content: none;
    }
    
    .team__item__media img {
        filter: none;
    }

    .blog__grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }

    .recent__post__list__nav {
        display: flex;
    }

    blockquote {
        font-size: 18px;
    }

    .post__header__top {
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
    }
    
    h1.post__title {
        font-size: 35px;
        max-width: 100%;
    }
    
    .post__header__top__control {
        max-width: 100%;
        gap: 25px;
    }
    
    p.post__header__description {
        font-size: 20px;
    }
    
    .post__header {
        gap: 25px;
    }
    
    .post__header__media {
        height: 160px;
    }
    
    .post__header__bottom .post__share.share__container {
        display: none;
    }
    
    .post__header__bottom__info {
        justify-content: space-between;
        width: 100%;
    }
    
    section.post__header__wrapper {
        padding: 25px 0;
        margin-bottom: 50px;
    }
    
    .text {
        padding: 0;
    }
    
    .banner {
        padding: 24px;
    }
    
    h3.widget__title {
        font-size: 24px;
    }
    
    .banner .btn {
        width: 100%;
    }
    
    .banner {
        background: url(../img/banner_mobile.jpg) no-repeat center;
    }
    
    .post__content__footer {
        margin: 0;
        align-items: flex-start;
        gap: 20px;
    }
    
    button.share__btn {
        font-size: 14px;
    }
    
    .recent__post__list__control {
        display: none;
    }
    
    .recent__post__list {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
        width: 100%;
    }
    
    .recent__post__list .swiper {
        width: 100%;
    }
    
    .recent__post__item__preview {
        color: #666;
    }
    
    .swiper-slide.recent__post__item {
        max-width: 320px;
    }
    
    .recent__post__wrapper {
        padding: 24px 0 24px 24px;
    }
    
    span.swiper-pagination-bullet {
        margin: 0 !important;
        flex: 1;
        border-radius: 0;
        height: 2px;
        background: var(--light-grey);
        opacity: 1;
        transition: all .5s ease;
    }
    
    .recent__post__list__nav {
        padding-right: 24px;
    }
    
    span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: var(--purple);
    }

    .share__modal {
        width: 162px;
        bottom: -60px;
    }

    section.team .section__header h2.section__title {
        font-size: 34px;
        display: flex;
        align-items: center;
    }
    
    section.team .section__header p.section__description {
        font-size: 18px;
    }
    
    section.team .section__header::after {
        width: 200px;
    }
    
    section.team .section__header::before {
        left: unset;
        left: calc(50% + 150px);
        width: 35px;
        height: 28px;
        background-size: 100%;
    }
    
    .plans__item .plan__item__content ul li::before {
        background: url(../img/li_white.svg) no-repeat center;
    }

    .plans__item ul li.purple__check::before {
        background: url(../img/purple__check.svg) no-repeat center;
        border-radius: 50%;
    }
    
    .plans__item ul li.white__check::before {
        background: url(../img/white_check.svg) no-repeat center;
        border-radius: 50%;
    }
    
    .plans__item ul li.siren__check::before {
        background: url(../img/siren_check.svg) no-repeat center;
    }

    .plans__item ul li::before {
        width: 14px;
        height: 14px;
    }

    .plans__item ul li.white__plus::before {
        background: url(../img/li_white.svg) no-repeat center;
    }

    .team__item:nth-child(5), .team__item:nth-child(6), .team__item:nth-child(7), .team__more__item {
        display: none;
    }

    .team__grid.active .team__item:nth-child(5), .team__grid.active .team__item:nth-child(6), .team__grid.active .team__item:nth-child(7), .team__grid.active .team__more__item {
        display: flex;
    }

    .team__grid.active {
        height: auto;
    }

    a.playlist__btn span.icon svg path {
        stroke: #fff;
    }

    section.blog h2.section__title {
        justify-content: flex-start;
        text-align: left;
    }

    .visual {
        display: none;
    }

    section.blog__page h1.section__title {
        font-size: 35px;
    }
    
    a.back__btn {
        display: none;
    }
    
    .blog__page__header {border-bottom: none;padding: 0;}
    
    section.blog__page .section__header {
        gap: 40px;
    }
        
    .blog__item {
        flex-direction: column-reverse;
    }
    
    .blog__item__media {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        border: none;
        padding: 0;
        border-radius: 0;
        gap: 25px;
    }
    
    .blog__item__media__info {
        position: initial;
    }
    
    a.thumbnail__img {
        position: static;
        height: 215px;
        border-radius: 27px;
        overflow: hidden;
        border: 1px solid var(--font);
    }
    
    a.thumbnail__img img {
        width: 100%;
    }
    
    p.subtitle {
        display: none;
    }
    
    a.blog__item__icon {
        display: none !important;
    }
    
    .blog__item__cats a {
        background: #e6e6e6;
        color: #232323;
        border: none;
    }
    
    .blog__item__cats a:hover {
        background: #232323;
        color: #e6e6e6;
    }
    
    .blog__item {
        gap: 25px;
        padding-bottom: 40px !important;
    }
    
    h3.blog__item__title {
        font-size: 18px;
    }

    .blog__item__media:hover {
        background: transparent;
    }
    
    .blog__item__media:hover > .blog__item__media__info .blog__item__cats a {
        border: none;
        color: inherit;
    }

    span.main__blog__item__media__icon {
        display: none;
    }

    span.main__blog__item__date {
        padding: 0;
    }

    header .trp_language_switcher_shortcode {
        display: none;
    }

    .modal__nav__wrapper__top {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 20px;
    }
    
    .modal__nav__wrapper__top .trp_language_switcher_shortcode {
        width: 100%;
    }
    
    .modal__nav__wrapper__top .trp_language_switcher_shortcode .trp-language-switcher.trp-language-switcher-container {
        width: 100% !important;
    }
    
    .trp-language-switcher .trp-ls-shortcode-current-language {
        width: 100% !important;
        border-color: var(--font);
        border-radius: 5px !important;
        background-color: transparent;
    }
    
    .trp-language-switcher:focus .trp-ls-shortcode-language, .trp-language-switcher:hover .trp-ls-shortcode-language {
        width: 100% !important;
        border-radius: 5px;
        border-color: var(--font);
        background: transparent;
    }

    .trp_language_switcher_shortcode {
        width: 100%;
    }
    
    .trp-language-switcher.trp-language-switcher-container {
        width: 100% !important;
    }
    
    footer .trp-language-switcher .trp-ls-shortcode-current-language {
        border-color: var(--white);
        color: var(--white);
        background-image: url(../img/arrow-down-white.svg);
    }
    
    .trp-language-switcher > div > a.trp-ls-shortcode-disabled-language {
        color: var(--white);
    }
    
    footer .trp-language-switcher:focus .trp-ls-shortcode-language, footer .trp-language-switcher:hover .trp-ls-shortcode-language {
        border-color: var(--white);
    }
    
    footer .trp-language-switcher:hover .trp-ls-shortcode-language a {
        color: var(--white);
    }
    
    footer .trp-language-switcher > div > a:hover {
        background: var(--purple);
    }
    
    .modal__nav__wrapper .trp-language-switcher > div > a.trp-ls-shortcode-disabled-language {
        color: var(--font);
    }

    .plans__item__column .plans__item:nth-child(1)::before {
        right: auto;
        left: 33%;
        top: -33px;
    }
    
    .plans__item__column.light .plan__item__footer .plan__item__footer__element:nth-child(2) p.data__info svg {
        left: 156px;
    }
    
    .plans__item__column.light .plan__item__footer .plan__item__footer__element:nth-child(3) p.data__info svg {
        left: 243px;
    }
    
    .plans__item__column.light .plan__item__footer .plan__item__footer__element:nth-child(3) p.data__info {
        width: 219px;
    }
    
    .plans__item ul li:nth-child(2) span {
        max-width: 210px;
    }
    
    .plans__item ul li:nth-child(2) svg {
        margin-top: 4px;
    }
    
    .plans__item ul li svg {
        width: 16px;
        height: 16px;
    }
    
    .plan__item__footer__element svg {
        width: 16px;
        height: 16px;
    }

    footer .trp_language_switcher_shortcode {
        display: flex;
    }

    .modal__nav__wrapper__top .trp_language_switcher_shortcode {
        display: flex;
    }
}
@media only screen and (max-width: 480px) {
    section.team .section__header::before {
        left: unset;
        left: 0;
        width: 35px;
        height: 28px;
        background-size: 100%;
        position: relative;
        display: none;
    }

    body.post__page main {
        padding-top: 75px;
    }

    section.blog__page {
        padding-top: 40px;
    }

    .team__more__item {
        height: 225px;
    }
    
    button.btn.outline__btn.more__btn {
        display: flex;
    }
    
    .faq__header span {
        max-width: 85%;
    }

    .blog__list.full {
        height: auto;
    }

    .full a.main__blog__item:nth-child(4), .full a.main__blog__item:nth-child(5), .full a.main__blog__item:nth-child(6) {
        display: flex;
    }

    .top__btns {height: auto;}

    .plans__item__column.light p.plan__item__title span.icon {
        border-color: var(--white);
    }
    
    .plans__item__column.light p.plan__item__title span.icon svg path {
        fill: var(--white);
    }

    section.team h2.section__title::after {
        content: '';
        width: 47px;
        height: 28px;
        background: url(../img/team_title.svg) no-repeat;
        position: relative;
        display: flex;
        bottom: 10px;
        left: 5px;
    }
}