@media screen and (max-width: 1100px) {
    html, body {
        overflow-x: hidden;
        max-width: 100%;
        position: relative;
    }
    * {
        max-width: 100%;
    }
    .center {
        width: 90%;
        max-width: 100%;
        box-sizing: border-box;
    }
    .main, .review, .forum, .contacts, .footer, .media, .tv, .article, 
    .service, .process, .about, .why, .foryou, .help, .price, .packega, .consultation {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
    .main__row, .review__row, .forum__row, .contacts__row, .footer__row, 
    .media__row, .tv__row, .article__row, .service__row, .process__row, 
    .about__row, .why__row, .foryou__row, .help__row, .price__row, .packega__row, .consultation__row {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
    header{
        padding: 0;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
    header.active{
        background-color: #17264a;
    }
    .header__item:nth-child(1){
        padding: 14px 0;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }
    .header__item:nth-child(2){
        width: 100%;
        height: calc(100vh - 56px);
        display: none;
    }
    header.active .header__item:nth-child(2){
        display: block;
    }
    .header__item:nth-child(3){
        display: none;
    }
    .header__item-bar{
        display: block;
    }
    header.active .header__item-bar {
        filter: invert(87%) sepia(10%) saturate(3096%) hue-rotate(195deg) brightness(144%) contrast(95%);
    }
    header.active .header__item-logo img{
        filter: invert(387%) sepia(10%) saturate(3096%) hue-rotate(195deg) brightness(144%) contrast(95%);
    }
    .header__item ul{
        margin: 4px 0 0 0;
        width: 100%;
    }
    .header__item ul > li{
        width: 100%;
        margin: 12px 0 0 0;
    }
    .header__item ul > li > a{
        width: 100%;
        height: 48px;
        float: left;
        box-sizing: border-box;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #e5ecf9;
        border-color: #e5ecf9;
        background-image: url("../images/icon/link.svg");
        background-position: 75% center;
        background-repeat: no-repeat;
        background-size: 9px;
    }
    .header__item ul > li > a:hover, .header__item ul > li > a.active {
        color: #ffffff;
        background-color: #17264a;
        border: 1px solid #e5ecf9;
        transition: .3s;
    }
    footer{
        padding: 16px 0 22px;
    }
    .footer__item{
        width: 100% !important;
    }
    .footer__item:nth-child(2){
        display: none;
    }
    .footer__item:nth-child(3){
        display: flex;
        flex-direction: column;
        align-content: flex-start;
    }
    .footer__copyright{
        margin: 50px 0 0 0;
    }
    .footer__copyright__block{
        width: 100%;
    }
    .footer__copyright__block:nth-child(2){
        display: none;
    }
    .footer__copyright__block p {
        width: 100%;
        font-size: 12px;
        margin: 10px 0 0 0;
    }
    .footer__item-logo img{
        width: 139px;
    }
    .footer__item-phone{
        margin: 24px 0 0 0;
    }
    .footer__item-phone,
    .footer__item-location{
        font-size: 14px;
        line-height: 20px;
    }
    .review{
        padding: 16px 0 40px;
    }
    .review .center{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .review-title{
        font-size: 16px;
        line-height: 26px;
    }
    .review-description{
        font-size: 13px;
        line-height: 24px;
        margin: 8px 0 0 0;
    }
    .review-description br{
        display: none;
    }
    .review-add{
        margin: 24px auto 0;
        padding: 11px 34px;
    }
    .review__box{
        width: 100% !important;
    }
    .forum{
        padding: 16px 0 40px;
    }
    .forum-title{
        font-size: 16px;
        line-height: 26px;
    }
    .forum-description{
        font-size: 13px;
        line-height: 24px;
        margin: 8px 0 0 0;
    }
    .forum-description br{
        display: none;
    }
    .forum__qa__form > label{
        width: 100%;
        margin: 0 0 16px;
    }
    .forum__qa__form > label > input,
    .forum__qa__form > label > select{
        width: 100%;
    }
    .forum__qa__form > button{
        width: 100%;
        text-align: center;
        padding: 12px 19px 13px 50px;
        background-position: 28% center;
    }
    .forum__box{
        margin: 0 0 16px;
        min-height: auto;
    }
    .forum__box-questions{
        -webkit-line-clamp: 6;
        max-height: 144px;
    }
    .forum__box-title{
        width: 100%;
        margin: 16px 0 0 0;
    }
    .forum__box-type{
        margin: -47px 0 0 0;
    }
    .forum__box-answer{
        width: calc(100% + 32px);
        margin: 16px -16px -16px -16px;
        padding: 16px;
    }
    .contacts{
        padding: 16px 0 85px;
    }
    .contacts-title{
        font-size: 16px;
        line-height: 26px;
    }
    .contacts-description{
        font-size: 13px;
        line-height: 24px;
        margin: 8px 0 0 0;
    }
    .contacts-description br{
        display: none;
    }
    .contacts__location{
        padding: 0 10px;
    }
    .contacts__location__box{
        width: 100%;
    }
    .contacts__location__box p{
        margin: 24px 0 16px;
    }
    .contacts__location__box a{
        font-size: 14px;
    }
    .contacts__box {
        width: 100%;
        height: auto;
        margin: 16px 0 0 0;
        border-radius: 8px;
    }
    .contacts__item iframe{
        height: 296px;
    }
    .modal__item{
        padding: 36px 16px 24px;
        border-radius: 16px;
    }
    .modal__item-title {
        font-size: 16px;
        line-height: 28px;
    }
    .modal__item form > label{
        margin: 16px 0 0 0;
    }
    .modal__item form > label > span{
        font-size: 12px;
    }
    .modal__item form > label > textarea{
        height: 107px;
    }
    .modal__item form > label > input, .modal__item form > label > select, .modal__item form > label > textarea{
        font-size: 12px;
    }
    .modal__item form > button{
        margin: 16px auto 0;
    }
    .modal__item-description {
        font-size: 11px;
        line-height: 17px;
        margin: 16px 0 0 0;
    }
    .media{
        padding: 16px 0 0 0;
    }
    .media-title{
        font-size: 16px;
        line-height: normal;
    }
    .media-description{
        font-size: 12px;
        line-height: 22px;
        margin: 8px 0 0 0;
    }
    .media-description br{
        display: none;
    }
    .tv{
        padding: 24px 0 64px;
    }
    .tv-title{
        font-size: 16px;
        line-height: normal;
    }
    .tv__row{
        margin: 8px 0 00 ;
    }
    .tv__box{
        margin: 16px 0 0 0;
    }
    .tv__block:nth-child(1){
        width: 100%;
        order: 2;
        margin: 8px 0 0 0;
    }
    .tv__block:nth-child(2){
        width: 100%;
        order: 1;
    }
    .tv__block img{
        height: 134px;
    }
    .tv__block p {
        font-size: 11px;
        line-height: 20px;
        font-weight: 500;
        padding: 8px 21px;
        box-sizing: border-box;
    }
    .article{
        padding: 0 0 78px;
    }
    .article-title{
        font-size: 16px;
        line-height: normal;
    }
    .article .center{
        width: 100%;
        padding: 16px 6% 24px;
        margin: 0;
        box-sizing: border-box;
    }
    .article__box{
        width: 100%;
        height: 80px;
    }
    .article__box p{
        padding: 0 14px;
        font-size: 12px;
        line-height: 18px;
    }
    .service{
        padding: 16px 0 0 0;
    }
    .service-title{
        font-size: 16px;
        line-height: normal;
    }
    .service-description{
        font-size: 12px;
        line-height: 22px;
        margin: 8px 0 0 0;
    }
    .service__item {
        width: 100%;
        margin: 24px 0 0 0;
    }
    .service__item-title {
        width: 100%;
        height: 72px;
        font-size: 14px;
        line-height: 23px;
        padding: 0 26px 0 46px;
    }
    .service__item-title::before{
        width: 32px;
        height: 32px;
    }
    .service__item ul > li {
        width: calc(100% - 66px);
        font-size: 14px;
        margin: 30px 26px 0 40px;
    }
    .process{
        padding: 40px 0 100px;
    }
    .process-title{
        font-size: 16px;
        line-height: normal;
    }
    .process__item{
        width: 100%;
        margin: 0 0 20px;
        padding: 17px 26px 20px 20px;
    }
    .process__item-number{
        font-size: 24px;
        line-height: normal;
    }
    .process__item-title{
        font-size: 16px;
        line-height: normal;
    }
    .process__item-description {
        font-size: 14px;
        line-height: 24px;
    }
    .about{
        padding: 24px 0 0 0;
    }
    .about.bank{
        display: block;
    }
    .about-title{
        font-size: 16px;
    }
    .about__item {
        width: 100%;
        margin: 16px 0 0 0;
    }
    .about.bank .about__item{
        margin: 0
    }
    .about__item span{
        font-size: 15px;
    }
    .about__item p {
        font-size: 16px;
        margin: 16px 0 8px 0;
    }
    .why{
        padding: 24px 0 0 0;
    }
    .why-title{
        font-size: 16px;
        line-height: 24px;
    }
    .why__row{
        margin: 16px 0 0 0;
    }
    .why__item:nth-child(1){
        width: 100%;
        gap: 16px;
    }
    .why__item:nth-child(2){
        width: 100%;
        margin: 24px 0 0 0;
        padding: 16px 16px 24px;
    }
    .why__box{
        width: 100%;
        padding: 16px;
        background-size: 32px 32px;
        background-position: calc(100% - 16px) 16px;
    }
    .why__box p {
        font-size: 16px;
        line-height: 26px;
        font-weight: 500;
    }
    .why__box span {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
        font-weight: 400;
        margin: 16px 0 0 0;
    }
    .why__item-subject{
        font-size: 16px;
        margin: 0;
    }
    .why__block{
        padding: 10px;
    }
    .why__item-button{
        height: 46px;
        font-size: 15px;
        margin: 16px 0 0 0;
    }
    .why__block span{
        font-size: 13px;
    }
    .main{
        padding: 16px 0 0 0;
    }
    .main__item:nth-child(1){
        width: 100%;
        padding: 24px 16px;
    }
    .main__item:nth-child(2){
        display: none;
    }
    .main__item-title {
        font-size: 20px;
        line-height: 30px;
    }
    .main__item-description {
        width: 80%;
        max-width: 255px;
        font-size: 13px;
        line-height: 20px;
        margin: 8px 0 0 0;
    }
    .main__buttons{
        margin: 24px 0 0 0;
    }
    .main__buttons div:nth-child(1) a {
        width: 100%;
        height: 76px;
        border-radius: 8px;
        padding: 11px;
    }
    .main__buttons div:nth-child(2) a {
        width: 100%;
        height: 57px;
        border-radius: 8px;
        padding: 8px;
    }
    .main__buttons div:nth-child(2) {
        width: calc(45% - 16px);
    }
    .main__buttons div:nth-child(1)::before {
        width: 34px;
        height: 34px;
        border-radius: 8px 0 0 0;
    }
    .main__buttons div:nth-child(1)::after {
        width: 30px;
        height: 30px;
        background-size: 10px;
        border-radius: 8px;
    }
    .main__buttons div:nth-child(1) a:after {
        width: 4px;
        height: 4px;
        right: 34px;
        bottom: 0;
        border-radius: 0 0 8px 0;
    }
    .main__buttons div:nth-child(1) a:before {
        width: 4px;
        height: 4px;
        right: 34px;
        bottom: 0;
    }
    .main__buttons div:nth-child(1) p:before {
        width: 4px;
        height: 4px;
        right: 0px;
        bottom: 34px;
    }
    .main__buttons div:nth-child(1) p:after {
        width: 4px;
        height: 4px;
        right: 0;
        bottom: 34px;
        border-radius: 0 0 8px 0;
    }
    .main__buttons div:nth-child(1) a > p{
        font-size: 12px;
        line-height: 20px;
    }
    .main__buttons div:nth-child(2) a > p{
        font-size: 12px;
        line-height: 20px;
    }
    .main__buttons div:nth-child(2)::before {
        width: 27px;
        height: 27px;
        border-radius: 8px 0 0 0;
    }
    .main__buttons div:nth-child(2)::after {
        width: 23px;
        height: 23px;
        border-radius: 8px;
        background-size: 7px;
    }
    .main__buttons div:nth-child(2) a:before {
        width: 4px;
        height: 4px;
        right: 27px;
        bottom: 0;
    }
    .main__buttons div:nth-child(2) a:after {
        width: 4px;
        height: 4px;
        right: 27px;
        border-radius: 0 0 8px 0;
    }
    .main__buttons div:nth-child(2) p:before {
        width: 4px;
        height: 4px;
        bottom: 27px;
    }
    .main__buttons div:nth-child(2) p:after {
        width: 4px;
        height: 4px;
        bottom: 27px;
        border-radius: 0 0 8px 0;
    }
    .main__item-list{
        margin: 0;
    }
    .main__item-list li{
        font-size: 16px;
        padding: 0 0 0 32px;
        line-height: 32px;
        background-size: 24px;
    }
    .foryou{
        padding: 40px 0 0;
    }
    .foryou-title{
        font-size: 16px;
    }
    .foryou__item {
        width: 100%;
        border-radius: 16px;
        padding: 16px 61px 16px 19px;
        background-size: 32px;
    }
    .foryou__item p {
        font-size: 14px;
        line-height: 22px;
    }
    .help{
        padding: 40px 0 0;
    }
    .help-title{
        font-size: 16px;
    }
    .help__row{
        padding: 0 24px;
        box-sizing: border-box;
    }
    .help__item {
        width: 100%;
        height: 90px;
    }
    .help__item p {
        font-size: 14px;
        line-height: 22px;
    }
    .price{
        padding: 40px 0 0 0;
    }
    .price-title{
        font-size: 16px;
    }
    .price__box:nth-child(2){
        margin: 48px 0 0 0;
    }
    .price__block {
        width: calc(50% - 4px);
    }
    .price__block:last-child{
        margin: 28px 0 0 0;
        width: 100%;
    }
    .price__box{
        margin: 0;
    }
    .price__box span {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 16px;
        line-height: 22px;
    }
    .price__box p {
        width: 100%;
        border-radius: 12px;
        padding: 10px 0;
        text-align: center;
        font-size: 12px;
        line-height: normal;
    }
    .price__item__information p {
        width: 100%;
        text-align: center;
        font-size: 13px;
        line-height: normal;
    }
    .price__item__information ul {
        width: calc(100% - 15px);
        height: auto;
        margin: 24px 0 0 15px;
    }
    .price__item__information ul > li{
        font-size: 12px;
    }
    .packega{
        padding: 40px 0 0 0;
    }
    .packega-title{
        font-size: 16px;
    }
    .packega__item{
        width: 100%;
        padding: 24px 16px;
    }
    .packega__item-title {
        text-align: center;
        font-size: 16px;
        line-height: 26px;
    }
    .packega__item-description{
        font-size: 14px;
        line-height: 22px;
    }
    .packega__item-button{
        background-position: 90% center;
    }
    .consultation{
        padding: 40px 0 100px;
    }
    .consultation-title{
        font-size: 16px;
    }
    .consultation__item:nth-child(1){
        width: 100%;
        border-radius: 16px;
        padding: 24px;
    }
    .consultation__item:nth-child(2){
        width: 100%;
        margin: 40px 0 0 0;
    }
    .consultation__item-description{
        font-size: 12px;
        line-height: 20px;
    }
    .consultation__item-description br{
        display: none;
    }
    .consultation__item form{
        margin: 0;
    }
    .consultation__item form > button {
        width: 90%;
        margin: 24px 5% 0;
    }
    .consultation__item form > label{
        width: 100%;
        margin: 16px 0 0 0;
    }
}