@media screen and (max-width: 1130px) {
    #compare .tbl__th, .addresses-block, .footer-contacts, .left-div-img-img, .terms-title {
        display: none
    }

    .compare_value_mob {
        display: block;
    }
}

@media screen and (min-width: 480px) and (max-width: 900px) {
    .fixed, .kalk-padin, .news_rss_div, .to_top {
        position: inherit !important
    }

    .city-v, .exchange-cb, .header {
        height: auto
    }

    .about-text div.ddav, .profit-title, .tableFloatingHeaderOriginal td {
        text-align: center
    }

    .about-text, .comparison-table table tr td strong {
        font-size: 14px
    }

    .main {
        padding: 30px 30px 0;
        box-sizing: border-box
    }

    .inputSlidermin {
        width: 100%;
        min-width: auto
    }

    .about-text.spisk, .kalk-padin, .to_top, .zelenaia_kn {
        width: inherit !important
    }

    .my_another_city {
        margin-top: 120px !important;
        color: #000 !important
    }

    .another_city {
        color: #000
    }

    .header-search, .oprosnik, .sidebar, .terms-google, .yandex_reklama {
        display: none
    }

    .exchange {
        display: flex;
        flex-direction: column
    }

    #exchange-top {
        margin-top: 30px
    }

    .to_top {
        top: 0 !important
    }

    .profit-content .calculator-form {
        margin: 0 auto !important
    }

    .exchange-cb-cyrs {
        width: 434px
    }

    .container {
        width: calc(100%);
        margin: 0 auto
    }

    .header {
        display: flex;
        width: auto;
        flex-wrap: wrap
    }

    .header.happy_new_year {
        padding-bottom: 53px;
        background-size: auto
    }

    .header-city {
        position: static;
        display: flex;
        align-items: center;
        border: none;
        flex: 1;
        justify-content: center
    }

    .city-v, .header-menu {
        align-items: center;
        display: flex
    }

    .header-city .city-button {
        padding-left: 10px
    }

    .city-s .city-popup {
        left: 50%;
        transform: translateX(-50%);
        position: fixed;
        top: 10%;
        bottom: 0;
        overflow: hidden scroll;
        height: calc(100vh - 15%);
        padding: 0
    }

    .exchange-best .city-popup {
        top: 270px;
        left: 390px;
        position: absolute
    }

    .header-logo {
        position: static;
        display: flex;
        justify-content: center;

        width: 100%;
        flex-basis: 100%;
        order: 0
    }

    .header-menu {
        position: static;
        width: 100%;
        justify-content: center
    }

    .header-menu > ul {
        width: max-content;
        display: flex;
        align-items: center;
        padding: 0
    }

    .navigation {
        width: 100%;
        margin: 0 auto
    }

    .item-tabl, .terms {
        margin: 0
    }

    .exchange-cb {
        width: 290px;
        float: left;
        padding: 0 0 0 15px
    }

    .exchange-title {
        width: 201px;
        height: auto;
        position: static;
        flex-basis: auto;
        padding-bottom: 10px
    }

    .exchange-title img {
        display: block;
        margin: 0 auto 8px
    }

    .profit-title {
        width: 200px;
        height: 165px;
        margin: 0 auto;
        float: none;
        position: static;
        top: 0;
        left: 0
    }

    .profit-title img {
        display: block;
        margin: 30px auto 5px
    }

    .profit-content {
        height: auto;
        margin: 0;
        padding: 0 20px;
        border-left: none;
        overflow: hidden
    }

    .profit-button {
        margin: 30px auto
    }

    .profit-table {
        margin: 0 0 10px;
        width: 100%
    }

    .profit-table .table-header th {
        height: 46px;
        padding: 0 5px 7px;
        text-align: center;
        color: #575757;
        font-size: 13px;
        vertical-align: bottom
    }

    .profit-table th.table-header-col-9 {
        width: 100px
    }

    .profit-table th.table-header-col-1 {
        width: 80px
    }

    .profit-table td {
        padding: 5px;
        vertical-align: middle;
        font-size: 14px;
        color: #575757;
        line-height: 17px
    }

    .calculator-form {
        margin: 0;
        width: auto
    }

    .calculator-form-submit, .contentbox.kr-table, .credit_potreb_table, .select-bankomats, div[class="search_table div_table"] {
        width: 100%
    }

    #map, .pok-gor-pris {
        width: 100% !important
    }

    .about-text {
        margin: 0 0 0 200px;
        color: #575757;
        line-height: 20px;
        font-weight: 400;
        padding: 30px 30px 10px 10px;
        border-left: 2px solid #3498db;
        overflow: hidden;
        float: left
    }

    .pok-gor-pris, .pwki p {
        margin: 0 !important
    }

    .footer-menu {
        position: absolute;
        top: 26px;
        left: 300px
    }

    .footer-menu .menu {
        width: 175px;
        float: left
    }

    #id_news_right {
        margin-right: 0;
        float: left
    }

    .pok-gor-pris {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .spisk p {
        width: 80% !important
    }

    .bread_bnk .bread_1 p {
        float: left;
        margin-left: 10px
    }

    .novost, .spisk {
        padding: 10px !important
    }

    .widtth {
        width: 100%;
        padding: 5px !important
    }

    .rek-bnk-div {
        margin-left: 200px
    }

    .bread_bnk .bread_2, .header-search-bnk {
        margin-left: 0;
        width: 100%
    }

    .about-text div.ddav table {
        width: 100%;
        word-break: break-all
    }

    .about-text div.ddav {
        float: left;
        width: 25% !important
    }

    .header-search-bnk {
        right: 0
    }

    .header-search-bnk input[type=text] {
        width: 70%
    }

    .b-top {
        display: none !important
    }

    .terms-title-bnk img {
        display: block;
        margin: 50px auto 5px
    }

    .gl_wapk {
        width: 624px !important
    }

    .mal_kart {
        float: left
    }

    .kurs-cb, .popup-cb {
        float: left !important
    }

    .tempP {
        margin-top: 50px
    }

    .addresses-block-o {
        position: absolute;
        top: 0;
        left: 360px
    }

    .addresses-block-b {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 20px;
        margin-top: 10px
    }

    .bank_rossii {
        padding-left: 20px !important
    }

    .tab-bnk-spis-td1 {
        padding-left: 20px
    }

    .inf_o_1000bnk, .otstup_text_pln {
        padding: 0 20px
    }

    .tab-bnk-spis-td5 {
        padding-right: 20px
    }

    .div-maps-adr, .pp_14, canvas {
        width: 900px
    }

    div.pois-pole .pok-gor-pris {
        width: 50% !important
    }

    .vkladki_st {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .th-mal-tab {
        width: 100%;
        margin-top: 16px !important
    }

    #calc_vcld {
        margin: -42px auto 0;
        padding-bottom: 10px
    }

    div[class="search_table_td1 div_td pad-tdn"], div[class="search_table_td2 div_td pad-tdn"], div[class="search_table_td3 div_td pad-tdn"] {
        display: block
    }

    .kurs-cb {
        width: 440px !important
    }

    .popup-cb {
        width: 400px !important;
        margin-left: 20px !important;
        margin-top: 0 !important
    }

    .omats {
        height: 410px
    }

    .st_diva {
        height: 45px
    }

    .pris_kurs {
        width: 290px !important
    }

    .div_calc_xz {
        width: 900px !important
    }

    .z_kn_prog a {
        margin: 10px !important;
        width: 340px !important
    }

    .gmaps_tables-list {
        overflow-y: scroll;
        max-height: 400px;
        padding: 10px 15px
    }
}




@media screen and (max-width: 700px) {
    .compare_a_second, .mobile_view {
        display: inline-block
    }

    .compare_a_parent {
        position: inherit;
        float: left;
        width: 100%;
        height: auto
    }

    .compare_a_img, .compare_a_img2 {
        width: 90px;
        position: inherit
    }

    .compare_a_second {
        line-height: 25px;
        height: auto;
        margin-left: 0
    }

    .terms-marg {
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
        box-sizing: border-box;
        padding: 0 10px;
        border: none
    }

    .show_map_btn {
        width: 31% !important;
        margin-top: 0
    }
}

@media screen and (max-width: 480px) {
    .fixed, .green-btn, .kalk-padin, .yellow-btn {
        position: inherit
    }

    #genforecast_h1, .al_center, .bank_rossii, .header-city, .tableFloatingHeaderOriginal td, .vkladki_st > div {
        text-align: center
    }

    #profit-table-visible td, #profit-table-visible th {
        padding: 5px 2px;
        word-wrap: break-word
    }

    .pwki p, .treen p {
        font-weight: 700
    }

    .inputSlidermin {
        width: 100%
    }

    .bread_1, .modal__select-lang {
        margin-left: 10px;
        margin-right: 10px
    }

    #excel, #online_but_vkld img, .b-top, .excelButton, .mobile_hidden, div.trid-px {
        display: none !important
    }

    .addresses-text, .adr-bankomats-map, .ae-amont.sky_blue.mobile-33, .ae-total.sky_blue.mobile-33.pointer, .calculator-form__type .calculator-form__type-item input[type=radio], .derj_kart img, .display_none, .green-btn kbd, .header-city.header-city-desktop, .highcharts-range-selector-group, .left-div-img, .oprosnik, .profit-table, .sidebar, .tab-bnk-spis-td3 .bankomats_st kbd, .td_s_img, .terms-google, .yandex_reklama, .yellow-btn kbd {
        display: none
    }

    .zaim__page-info {
        flex-direction: column-reverse
    }

    .my_another_city {
        margin: 230px 0 0 !important;
        color: #fff !important
    }

    .my_another_city .another_city {
        color: #fff
    }

    #genforecast_all, .addresses, .city-addresses-block, .pok-gor-pris, .spisk {
        margin: 0 !important
    }

    #genforecast_gl_div_kurs .dolllar, div[class="contentbox kr-table"] {
        width: 480px !important
    }

    #genforecast_gl_div_kurs .addresses-title img {
        margin: 15px auto 5px !important
    }

    #addresses-content-main, #addresses-title-main, #profit-button-click, .carusel__banks, .contentbox-td2.kr-td, .omats {
        height: auto
    }

    #height_nul_kr, #spisok-mest {
        height: auto !important
    }

    #genforecast_all .head {
        text-align: center !important;
        float: inherit !important;
        width: auto !important
    }

    .name.mobile-100.mobile-top.pointer img {
        width: 100px
    }

    .pp_14 {
        width: 470px;
        margin-left: 5px;
        margin-right: 5px
    }

    .galka_levo, .td_fx2, .yellow-btn {
        float: left
    }

    .green-btn {
        float: right
    }

    .tab-bnk-spis-td1, .tab-bnk-spis-td1 img, .tab-bnk-spis-td2 {
        width: 75px !important
    }

    .tab-bnk-spis-td4 {
        word-wrap: break-word;
        display: none
    }

    .tab-bnk-spis-td2 {
        word-wrap: break-word;
        min-width: 147px !important
    }

    .tab-bnk-spis-td3 {
        width: 90px;
        word-wrap: break-word;
        min-width: 204px !important
    }

    .tab-bnk-spis-td3 div {
        margin: 5px 0 !important
    }

    .tab-bnk-spis-td2 a {
        font-size: 15px !important
    }

    .otstup_text_pln {
        padding: 0 20px
    }

    #pageН {
        display: inline-table
    }

    input[name=search_fild_param] {
        width: 200px !important
    }

    .vkladki_st .btn_kredit {
        display: inherit;
        margin: 0 0 10px
    }

    .vkladki_st > div {
        margin-bottom: 13px
    }

    .exchange-cb-cyrs {
        padding: 0;
        border-left: 0 !important
    }

    .exchange-cb-title-cyrs {
        text-align: center;
        font-weight: 700
    }

    .calculator-form-date, .nav-item-bg, .nav-item-c, .nav-item-d, .nav-item-text, .select-bankomats, body {
        width: 100%
    }

    .container {
        margin: 0 auto;
        padding: 0 10px
    }



    .header.happy_new_year {
        padding-bottom: 45px;
        background-size: auto
    }

    .header-search {
        display: none;
        position: relative;
        left: 0;
        top: 0;
        margin: 0;
        width: 100%
    }

    .header-search input[type=text] {
        width: 100%;
        box-sizing: border-box
    }

    .header-city {
        position: static;
        width: 100%;
        border: none;
        margin: 20px auto;
        padding: 0
    }

    .header-logo {
        position: static;
        display: flex;
        justify-content: center;
        margin: 10px 0 0;
        width: 100%;
        flex-basis: 50%
    }

    .header-menu {
        position: static;
        height: auto;
        margin: 15px 0;
        display: flex;
        justify-content: space-between;
        flex: 1
    }

    .header-menu > ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 0;
        margin: 0;
        width: 100%;
        position: relative
    }

    .header-menu > ul > li {
        white-space: nowrap;
        margin: 0 auto;
        position: static
    }

    .header-menu > ul > li:hover {
        border-bottom: 1px dashed #575757
    }

    .header-menu ul li:last-child {
        padding-bottom: 0
    }

    .header-menu ul.submenu {
        border: 1px solid #eee;
        padding-bottom: 17px;
        width: 250px !important;
        left: 50%;
        transform: translate(-50%, 10px)
    }

    .header-menu > ul > li > span {
        font-size: 16px;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .header-city.header-city-mobile {
        display: none;
        flex-basis: 100%;
        width: 100%;
        order: -1;
        margin: 0;
        padding: 6px 5px
    }

    .header-city.header-city-mobile .city-v {
        display: flex;
        flex-direction: row;
        flex-basis: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        font-size: 15px;
        height: auto
    }

    .header-city-mobile .city-button {
        background-position: 97% 3px;
        background-size: 13px;
        padding-left: 4px;
        text-decoration: underline;
        font-family: var(--fontSemiBold)
    }

    .city-popup {
        width: calc(100% - 20px);
        transform: translate(-50%, 0)
    }

    .calculator-form, .navigation {
        width: 100%;
        margin: 0 auto
    }

    .right-div-txt {
        height: 100%;
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
        padding: 15px
    }

    #citylist, .h1-kredit-page {
        padding-left: 0
    }

    .p-kredit-page {
        text-align: justify;
        padding: 0;
        margin: 0
    }

    .p-kredit-page__mobile-cut {
        display: block;
        max-height: 110px;
        overflow: hidden;
        text-align: justify;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: normal;
        padding: 0 0 20px;
        clear: both;
        position: relative
    }

    .p-kredit-page__mobile-show-btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 100%;
        font-size: 14px;
        -webkit-transition: color .2s;
        transition: color .2s;
        color: var(--linkBlue);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-bottom: 1px dashed;
        position: absolute;
        top: 92px;
        right: 0;
        background: #fff;
        padding-left: 5px
    }

    .terms {
        margin: 15px 0 0
    }

    .about-text {
        border-left: 2px solid #3498db
    }

    .terms-title {
        margin: 0 auto;
        float: none;
        position: relative !important
    }

    .terms-text {
        border: none;
        width: 100%;
        margin: 6px auto 0;
        padding: 0 !important;
        float: none;
        font-size: 18px;
        border-left: none
    }

    .terms-text h2 {
        margin-top: 20px !important
    }

    .exchange {
        margin: 0;
        padding: 0;
        flex-direction: column
    }

    .exchange-title {
        width: 200px;
        height: 150px;
        float: none;
        margin: 0 auto;
        text-align: center;
        position: static;
        top: 0;
        left: 0
    }

    .exchange-title img {
        display: block;
        margin: 10px auto 5px
    }

    .exchange-content {
        height: auto;
        margin: 0;
        padding: 0;
        overflow: hidden;
        border-left: none;
        width: 100%
    }

    .exchange-cb {
        width: 290px;
        height: 230px;
        float: none;
        border-right: none;
        padding: 0;
        margin: 0 auto
    }

    .about-title, .news-title {
        width: 200px;
        position: static;
        top: 0;
        left: 0;
        text-align: center
    }

    .exchange-cb-title {
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 50px;
        text-align: center
    }

    #profit-table-visible td.table-col-1, .about-text {
        font-size: 14px
    }

    .about-title {
        height: 135px;
        float: none;
        margin: 0 auto
    }

    .about-title img, .calculator-title img, .profit-title img {
        display: block;
        margin: 30px auto 5px
    }

    .about-text {
        margin: 0;
        color: #575757;
        line-height: 20px;
        font-weight: 400;
        padding: 10px 30px;
        border-left: none;
        overflow: hidden;
        float: left
    }

    .profit-text, .pwki p, .treen p {
        font-size: 18px
    }

    .b-jir, .p-jir {
        line-height: 20px !important
    }

    .news-title {
        height: 170px;
        float: none;
        margin: 0 auto
    }

    .news-title img {
        display: block;
        margin: 50px auto 5px
    }

    .news-content {
        margin: 0;
        padding: 22px 0 0;
        border-left: none;
        overflow: hidden
    }

    .news-item {
        margin: 0 0 20px;
        float: left;
        height: 85px;
        overflow: hidden
    }

    .news-image {
        display: block;
        float: left;
        margin: 0 30px 0 0
    }

    .news-link {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .calculator {
        padding: 0
    }

    .calculator-title {
        width: 200px;
        height: 150px;
        float: none;
        text-align: center;
        position: static;
        top: 0;
        left: 0;
        margin: 0 auto
    }

    .calculator-content {
        margin: 0;
        padding: 20px 0;
        border-left: none;
        height: auto
    }

    .calculator-form-right {
        width: 100%;
        height: auto;
        padding: 0 10px 20px;
        box-sizing: border-box
    }

    .calculator-form-left {
        width: 100%;
        height: auto;
        padding: 20px 10px;
        box-sizing: border-box
    }

    .calculator-form-left select {
        width: 100%;
        max-width: none
    }

    .galka_prava {
        float: left;
        margin-left: 0
    }

    #calc_vcld_profit, .item-tabl {
        margin: 0
    }

    #profit-table-visible {
        display: inline-table;
        table-layout: fixed
    }

    #profit-table-visible .table-header th {
        height: auto;
        padding: 0 0 4px
    }

    #profit-table-visible th {
        display: table-cell;
        position: relative
    }

    #profit-table-visible th.table-header-col-1, #profit-table-visible th.table-header-col-3, #profit-table-visible th.table-header-col-9 {
        width: 50px
    }

    #profit-table-visible th.question {
        bottom: 0
    }

    #profit-table-visible th.table-header-col-2 {
        width: 115px
    }

    #profit-table-visible .table-limit {
        display: initial !important
    }

    #profit-table-visible th.table-header-col-4, #profit-table-visible th.table-header-col-5, #profit-table-visible th.table-header-col-6, #profit-table-visible th.table-header-col-8 {
        width: 40px
    }

    #profit-table-visible th.table-header-col-7 {
        width: 41px
    }

    #profit-table-visible .table-col-3 {
        width: 20px
    }

    .vcld_calc_form {
        padding-bottom: 10px
    }

    input[name=vklad_query] {
        width: 307px !important
    }

    .svin_img {
        margin: 5px auto !important
    }

    .vcld_calc_h2 {
        margin: 30px 0 8px
    }

    .addresses-title {
        width: 200px;
        height: 177px;
        float: none;
        text-align: center;
        position: static;
        top: 0;
        left: 0;
        margin: 0 auto
    }

    .addresses-title img {
        display: block;
        margin: 40px auto 5px
    }

    .addresses-content {
        margin: 0;
        padding: 0;
        border-left: none;
        overflow: hidden;
        position: relative
    }

    .addresses-block {
        width: 100%;
        height: 280px;
        overflow: hidden;
        background: url(../images_new/addresses.png) left bottom no-repeat;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .addresses-block-o {
        position: absolute;
        top: 110px;
        left: 200px
    }

    .addresses-block-b {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 20px;
        margin-top: 10px
    }

    .profit-title {
        width: 200px;
        height: 140px;
        float: none;
        text-align: center;
        position: static;
        top: 0;
        left: 0;
        margin: 0 auto
    }

    .bread_1, .news_rss_div, .to_top {
        position: inherit !important
    }

    .profit-content {
        height: auto;
        margin: 0;
        padding: 0;
        border-left: none;
        overflow: hidden
    }

    .profit-button {
        margin: 30px auto
    }

    .profit-text {
        width: 400px;
        margin: 30px auto 0;
        padding: 0;
        display: block
    }

    .city-v {
        display: inline-block;
        font-size: 1em
    }

    .city-s .city-popup {
        left: 50%;
        right: 0;
        width: calc(100vw - 50px);
        position: fixed;
        transform: translateX(-50%);
        top: 10%;
        bottom: 0;
        overflow: hidden scroll;
        height: calc(100vh - 15%);
        padding: 0
    }

    .city-button {
        font-size: 1em;
        padding-left: 7px
    }

    .malik1, .pok-gor-pris {
        font-size: 14px !important
    }

    #id_news_right {
        margin-right: 0;
        float: none
    }

    .pwki {
        width: 98% !important;
        margin-left: 5px !important;
        margin-right: 0 !important;
        padding: 40px 0 0 !important
    }

    #height_nul_kr, .novost, .spisk, .teeen {
        padding: 10px !important
    }

    .about-text p, .qwert {
        width: 95%
    }

    .pok-gor-pris {
        width: auto !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        text-align: center;
        white-space: break-spaces
    }

    #citylist .head, .teeen {
        width: 95% !important
    }

    .spisk p {
        width: 80% !important
    }

    #map, .about-text li {
        width: 100% !important
    }

    .widtth {
        width: 100%;
        padding: 5px !important
    }

    .rek-bnk-div {
        margin-left: 0;
        margin-bottom: 0;
        border-left: 0
    }

    .treen {
        padding: 0 10px !important
    }

    .podat-zaia {
        margin: 0 !important;
        width: 160px;
        bottom: 0;
        left: 10px;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .header-search-bnk input[type=text] {
        width: 70%
    }

    .header-search-bnk {
        margin-left: 5px;
        width: 95%
    }

    .header-search-bnk input[type=submit] {
        font-size: 14px;
    }

    .header-search-bnk

    .breadcrumbs {
        padding-left: 5px;
        padding-bottom: 0
    }

    .breadcrumb__item {
        padding-bottom: 10px;
        word-break: break-word;
        white-space: normal
    }

    .bread_1 p {
        float: inherit !important;
        margin-left: 10px
    }

    .link_inner2, div.rek-bnk {
        width: 50% !important
    }

    .contentbox-td2.kr-td, .font-sz {
        width: 100% !important;
        box-sizing: border-box
    }

    .pwki p {
        line-height: 35px;
        margin: 0 0 0 10px !important
    }

    #citylist {
        border-left: 0 solid #3498db;
        margin-left: 0;
        padding-top: 10px
    }

    .mal_kart {
        width: 100%;
        float: left
    }

    .bread_bnk {
        margin-bottom: 0;
        height: auto;
        margin-top: 0
    }

    .nuj-kred {
        margin-top: 10px;
        min-width: 412px
    }

    .fix-partn {
        height: inherit
    }

    .maps-tab-adr {
        width: 400px !important
    }

    .div-maps-adr, .dlin480, canvas, div.pois-pole {
        width: 480px
    }

    .ymaps-map {
        min-width: 300px !important
    }

    div.pois-pole .pok-gor-pris {
        width: 300px !important
    }

    input.btn_search {
        float: none
    }

    div.pois-pole form {
        margin-bottom: 60px;
        height: auto
    }

    .ots_sear {
        margin-top: 0 !important
    }

    .nov_img_bnk {
        height: 40px
    }


    .pointt {
        display: flex;
        flex-direction: column;
    }

    .td-nov-img {
        width: 100%;
    }

    .table-div {
        display: table
    }

    .tr-div {
        display: table-row
    }

    .td-div {
        display: inline-flex
    }

    #online_but_vkld, #online_zai_adapt, .kr-table, .kr-tr {
        display: inherit !important
    }

    .b-jir {
        padding-top: 20px !important
    }

    .p-jir {
        font-weight: 400 !important
    }

    .kr-tr {
        border-bottom: 1px solid #ccc
    }

    .pad-tdn, .razb_dt {
        display: block
    }

    .contentbox-td1.kr-td {
        padding: 5px !important;
        box-sizing: border-box
    }

    .contentbox-td2.kr-td {
        padding: 5px !important;
        float: left;
        position: relative
    }

    .a-log-tip {
        width: 100%;
        float: left;
        margin: 10px 0 0
    }

    div[class="kr-tr adap-tr"] {
        float: left;
        width: 230px
    }

    .vkladki_st {
        width: 100% !important;
        padding: 0 10px;
        box-sizing: border-box
    }

    .table_rstyle_border.credit_potreb_table.kr-table {
        width: 100% !important;
        float: left
    }

    .td_fx1 {
        width: 200px
    }

    .bel_fn, .kalk-padin, .to_top, .yanddir {
        width: inherit !important
    }

    .td_fx1 ul {
        margin-left: 10px
    }

    .td_fx2 #like_text {
        width: 211px
    }

    .odob_kr {
        margin: 0 0 0 9px !important
    }

    .pad-tdn {
        padding-top: 3px;
        text-align: left !important;
        margin-left: 100px
    }

    .bel_fn {
        background: 0 0 !important;
        margin-left: 23px
    }

    .malik1 {
        margin-right: 10px
    }

    .to_top, .za_lol {
        top: 0 !important
    }

    .st_diva {
        height: 70px
    }

    .kal_kusov, .tab480 {
        margin: auto !important
    }

    .kal_kon_his {
        padding: 15px 0 !important
    }

    #clead_adr_both {
        clear: both
    }

    .heigh_adre {
        height: inherit;
        margin: 0 !important
    }

    .div_td.div1, .div_td.div2 {
        width: 100%;
        display: block
    }

    #profit-display {
        display: inherit
    }

    #profit-display img {
        width: 100px !important
    }

    #online_but_vkld, .tab-bnk-spis-td4 {
        width: 125px !important
    }

    .gl_div_kurs {
        width: 480px;
        float: left
    }

    .kredit-page-top__wrap {
        margin: 25px 0
    }

    .kredit-page-top {
        height: auto;
        flex-direction: column;
        border-radius: 5px
    }

    .link_inner p {
        padding: 2px 0
    }

    .prekrdea {
        display: ruby
    }

    #spisok-mest {
        width: 480px;
        clear: both
    }

    #spisok-mest-map {
        float: right;
        margin-left: -500px;
        margin-bottom: 20px
    }

    .brt-btn-a, .div-maps-adr {
        margin-left: 0 !important
    }

    .exchange-cb-cyrs {
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0
    }

    .about-text div.ddav {
        float: left;
        text-align: center;
        margin-top: 20px;
        width: 230px !important
    }

    .navigation {
        margin-top: 30px
    }

    .nav-item-a, .nav-item-b {
        width: 50%
    }

    .cont_btn {
        margin-left: -30px !important
    }

    .div_blue_btn {
        margin-right: 80px
    }

    .this_blue_btn {
        padding-left: 70px !important;
        width: 100% !important
    }

    .spisk {
        margin-left: 0 !important;
        max-width: 480px;
        width: auto !important
    }

    .addresses-title {
        margin-bottom: 20px
    }

    .adap-tr {
        margin-top: 10px;
        border-bottom: none
    }

    #raschet-table {
        overflow: scroll
    }

    .form_otv {
        overflow-y: scroll;
        height: calc(100vh - 10%);
        left: calc(50%);
        transform: translateX(-50%);
        top: 5%;
        margin: 0
    }

    .calculator-form .calculator-form__title {
        font-size: 19px;
        font-weight: 600;
        font-family: proximanovaregular !important
    }

    .calculator-form__type {
        background: #fff;
        display: flex;
        flex-direction: row;
        justify-content: stretch;
        align-items: stretch;
        padding: 0 0 0 15px;
        margin-bottom: 8px
    }

    .calculator-form__type .calculator-form__type-item label {
        color: #575757;
        font-size: 17px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4px
    }

    .calculator-form__type .calculator-form__type-item {
        flex: 1;
        margin: 10px 9px 4px;
        padding: 7px 0;
        background: #fff;
        height: 39px
    }

    .calculator-form__type-item input[type=radio]:checked + label {
        background: linear-gradient(#8cd1ff, #62befb)
    }

    .calculator-form__type-title {
        padding-right: 5px;
        padding-top: 26px
    }

    form#sendmessage {
        height: 100%
    }

    .my_txt_block {
        padding: 0 6px;
        box-sizing: border-box
    }

    .gmaps_display_mobile {
        display: flex;
        flex-direction: column
    }

    .gmaps_tables-list {
        overflow-y: scroll;
        max-height: 400px;
        padding: 0 15px
    }

    .td_kart {
        width: 96% !important;
        float: left !important
    }

    .gmaps_display_mobileee {
        width: 80%;
        display: flex
    }

    .terms-marg {
        margin-left: 0;
        margin-top: 20px !important
    }

    .elem_center2 {
        display: block !important
    }

    .kkk1 {
        min-width: 100%
    }

    .best_category2 {
        box-sizing: border-box;
        width: 100%
    }

    /*.best__categories li {*/
    /*    padding: 0 5px*/
    /*}*/

    .section__inner_linking {
        flex-direction: column
    }

    .inner__linking_block {
        margin-top: 15px
    }

    .tab-bnk-spis-td1 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .tab-bnk-spis-td2 {
        padding-right: 0;
        word-wrap: break-word;
        padding-left: 0
    }

    .pok-gor-pris2 {
        width: 93% !important;
        border-radius: 10px
    }

    .kurses_table-wrap {
        overflow-x: scroll
    }
}

@media screen and (max-width: 900px) {
    .addresses, .calculator, .news {
        flex-direction: column
    }

    .kurs-table td, .kurs-table th {
        padding: 10px 15px
    }

    .header__select-locale {
        right: 60px;
        left: auto;

    }

    .mobile_hidden_900 {
        display: none !important
    }

    .addresses-title, .calculator-title {
        flex-basis: auto;
        padding-bottom: 20px
    }

    #comparison tbody tr:not(:last-child) td, .calculator-content {
        border: none
    }

    .calculator-form-left, .calculator-form-right {
        width: 100%;
        box-sizing: border-box
    }

    .terms-text {
        flex-basis: 100%;
        border: none
    }

    .news {
        padding: 0
    }

    .news-content {
        flex-direction: column;
        border: none
    }

    #id_news_left, #id_news_right {
        width: 100%
    }

    .exchange-content {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: hidden;
        border-left: none
    }

    .page-kurs-header-left {
        float: none;
        margin: 0 0 20px;
        width: auto !important;
        padding: 0
    }

    .page-kurs-header-right {
        float: none;
        overflow: auto;
        width: auto;
        padding: 0 30px
    }

    .kurs-tabs {
        padding: 0
    }

    .calc-box {
        margin: 0 15px
    }

    .date-box-text {
        margin: 0 auto 40px;
        font-size: 18px;
        padding: 0 30px
    }

    .date-box-form {
        margin: 0 10px 40px;
        max-width: none
    }

    .kurs-table-box {
        width: 100%;
        overflow: auto;
    }

    .kurs-table td {
        white-space: nowrap
    }

    .footer-search {
        display: block
    }

    .div-maps-adr {
        margin-left: -200px !important
    }

    .brt-btn-a {
        margin-left: -690px !important
    }

    .exchange-cb-cyrs {
        margin-left: 250px
    }

    .th-mal-tab {
        width: 180px !important
    }

    .canwas_div1, .canwas_div2, .canwas_div3 {
        margin-left: 20px
    }

    .popul-banks-div {
        transform: none
    }

    .addresses-content {
        border: none;
        padding: 0
    }
}

@media (max-width: 900px) {
    .calc-box {
        padding: 30px;
        margin: 0
    }

    .calc-box-title {
        width: 100%;
        margin: 0;
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    .calc-box-icon {
        margin: 0 10px 0 0
    }

    .calc-box-form {
        width: 100%
    }

    .calc-box-group {
        width: 100%;
        float: none;
        margin: 20px 0 0
    }

    .calc-box-group label {
        margin: 0 0 10px
    }
}