@media (max-width: 700px) {
    body {
    }

    .mobile-only {
        display:initial;
    }

    .mobile-center {
        text-align:center;
        margin:auto;
    }

    .mobile-break {
        width:100%;
        display:block;
    }

    .spacer {
         padding-top:22px;
         padding-bottom:22px;
    }

    .container {
        padding:0 12px;
    }

    .h2-title {
        font-weight: 700;
        font-size: 30px;
        line-height: 38px;
    }


    #section-title .h2-title {
        font-size: 30px;
        line-height: 36px;
        max-width:279px;
        margin:auto;
    }

    #section-title .h2-title:before {
        display:none;
    }

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

    .flex-row.mobile-column > .flex-col-6,
    .flex-row.mobile-column > .flex-col
    {
        width:100%;
        margin:10px 0;
        padding:0;
    }

    .flex-row-4 {
        display:block;
    }


    .flex-row-4 > .item {
        display:block;
        width:100%;
        margin:auto;
        margin-bottom:11px;
    }


    .flex-row.flex-h2-title {
        margin-bottom: 36px;
        align-items:center;
        justify-content:center;
    }

    
    /*HERE WAS MOBILE MENU*/


    .location-selector-window .s_title {
        font-size: 22px;
        line-height: 26px;
        color: #313233;
        margin-bottom: 12px;
    }

    .location-selector-window .custom-combo {
        min-height: initial;
    }

    .location-selector-window .custom-combo > .combo-container{
        padding: 6px 20px;
    }

    .location-selector-window .popular-towns {
        margin: 10px 0;
        font-size: 15px;
    }


    .location-selector-window .towns-list > .town-item {
        width:100%;
        max-width: initial;
        padding:0px;
    }
    .location-selector-window .towns-list > .town-item > ul > li{
        margin-bottom: 0px;
        font-size: 14px;
    }

    .footer > .container {
        min-height: 47px;
        padding-bottom: 1px;
    }

    .footer .fr__bordered > .container > .flex-row > .flex-col {
       padding:27px 0;
       margin:0;
    }

    .footer-menu {
        display:block;
        text-align:center;
        margin-bottom:5px;
    }

    .footer-menu > li {
        margin-right:0;
        margin-bottom:5px;
    }

    .footer-contacts {
        min-width:20px;
        border:none;
        border-top:1px solid #E2E8F6;
        text-align:center;
    }


    .footer p {
        text-align:center;
    }

    .search-panel > .preview.bg.loan{
        background-image:url('../images/custom/money-mobile.jpg');
        background-position: center top;
        background-size: cover;
    }

    .search-panel > .preview > .content > .description.microloan{
        font-weight: 300;
    }
    
    .search-panel > .loan > .content > .title{
        font-size: 34px;
        line-height: 42px;
    }


    .footer > .container a {
        display:block;
    }

    .input-field input[type=text], .input-field input[type=number] {
        padding: 12px 14px;
    }

    /**/

    #main-banner > .banner {
        margin:0;
        height:420px;
        align-items: baseline;
        padding:20px;
        margin-bottom:17px;
    }

    #main-banner > .banner > .content {
        justify-content: initial;
        height: initial;
    }

    #main-banner > .banner.blue, 
    #main-banner > .banner.green{
        width: 100%;
        text-align:center;
    }

    #main-banner > .banner.blue {
        height:500px;
        background-position:bottom center;
        background-size:contain;
    }

     #main-banner > .banner.green {
        height:420px;
        background-size:contain;
    }

    #main-banner > .banner .description {
        visibility:visible;

    }



    .our-services {
    
        margin:15px 0 40px;
    }

    .our-services > .item {
        height:190px;
    }


    .our-services > .item::before {
        padding:79px;
        bottom: -30%;
        right: -4%;
    }

    .exchange-rates {
        font-size: 16px;
        line-height: 24px;
    }

    .exchange-rates > div {
        margin:5px 0;
    }

    #offers {
        margin:15px 0;
        margin-bottom:25px;
    }

    #offers .item, #articles > .item {
        width:100%;
        max-width:initial;
        margin-bottom: 12px;
    }

    #offers-loans .offer{
        width:100%;
        max-width:initial;
        margin-bottom: 12px;
    }

    .category-wrapper {
        width: 100%;
        height: 55px;
        overflow: auto;
        margin:15px 0;
    }


    .category-wrapper > .category-menu {
        display: inline-flex;
        padding: 0px;
        margin: 0px;
        width: max-content;
    }

    #offers .item .content > .title {
        font-size: 18px;
        line-height: 18px;
    }

    #offers .item .content > .percent > p, #offers .item .content > .period > p {
        font-size: 16px;
        line-height: 18px;
    }
    #articles .item > a > .content > .info > .title {
        font-size: 18px;
        line-height: 26px;
    }

    #reviews .item {
        padding: 20px;
        font-size: 15px;
        line-height: 24px;
    }


    #reviews .flex-col-6 {
        padding:0;
    }

    #reviews .item .title {
        font-size: 18px;
        line-height: 18px;
    }

    .popular__categories {
        display:initial;
    }
    .popular__categories .item {
        width:initial;
        background: #FFFFFF;
        margin-bottom:10px;
       
    }

    #popular__categories.owl-carousel .owl-item > .item {
        width:initial;
        background: #FFFFFF;
        border: 1px solid #E2E8F6;
        border-radius: 6px;
        padding:25px 30px;
        min-height:400px;
    }


     #popular__categories.page-kredits.owl-carousel .owl-stage-outer {
        max-height:500px;
    }

     #popular__categories.page-kredits.owl-carousel .owl-item > .item {
        min-height:400px;
    }


    #banner-full {
        display:block;
        text-align:center;
        flex-direction:column;
        padding:38px 20px;
        font-size: 15px;
        line-height: 23px;
        background:url(../images/custom/women_with_balls_small.png) 0 0 no-repeat;
        background-color: #4E7FFF;
        background-position:bottom center;
        background-size: auto;
        min-height:535px;
    }

    #banner-full .title {
        font-size: 30px;
        line-height: 38px;
    }

    #banner-full .button__white {
        background:#fff;
        padding:12px 45px;
        margin-top:30px;
    }


    /**/

    #section-title-kredits {
        padding-top:0px;
        padding-bottom:20px;
    }

    .search-panel > .preview.bg {
        background-image: url(../images/custom/man_laptop_mobile.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: cover;
        border-radius: 18px;
    }

    .search-panel > .preview.bg:before {
        display:none;
    }
    

    .search-panel > .preview > .content > .description {
        font-weight: 400;
        color: #e2e2e2;
    }

    .search-panel > .preview > .content > .items > .f_block {
        min-width: 200px;
        margin: 0px;
    }

    .search-panel > .preview > .content {
        padding: 38px 20px;
    }

    .search-panel .filter-panel {
        margin-top: 18px;
    }

    .search-panel.expanded .filter-panel {
        padding:38px 22px;

    }

    .search-panel .bank-selector {
        width: 100%;
    }


    .search-panel .button__green, 
    .search-panel .button__filtermore{
        width:100%;
    }

    .search-panel > .preview > .content > .items > .f_block.small {
        margin: 0px;
    }

    .search-panel  .input-field.price-selector{margin-bottom: 0px;}
    /**/
    .custom-accordion > .title {
         margin:0px 24px;
         font-size: 18px;
         line-height: 18px;
    }
    .custom-accordion > .content {
        padding:0px 24px;
    }

    .custom-accordion.expanded > .content {
        padding-top: 15px;
    }

    /**/

    .credit-item > .main,
    .credit-item.expanded > .additional {
        padding: 21px 22px;
    }

    .credit-item > .main > .main-row {
        width: 100%;
        padding:0;
    }

  
    .credit-item > .main > .main-row > .info {
        margin-top:10px;
        border-top: 1px solid #EEEEEE;
        padding-top:16px;
    }
  
    .credit-item > .main > .main-row > .customer > .logo {
        margin-right: 15px;
        width: 41px;
        height: 41px;
        padding: 5px;
    }

    .credit-item > .main > .main-row > .customer > .name > .title {
        font-size: 18px;
        line-height: 18px;
    }

    .credit-item > .main > .main-row > .info > .flex-row > .item {
        margin-right: 37px;
        margin-bottom:20px;
    }

    .credit-item > .main > .actions {
        display:block;
        position: relative;
        top: 0px;
        right: 0px;
        width: 100%;
        margin-top:25px;
    }


    .credit-item > .main > .actions .button__green {
        font-size: 15px;
        line-height: 32px;
        display:inline-block;
        width: calc(100% - 58px);
        padding: 7px 23px;
    }

    .credit-item > .main > .actions .carret {
        border-radius: 6px;
        width: 46px;
        height: 46px;
        margin-left: 9px;
    }
    

    .credit-item > .main > .actions .button__blue {
        font-size: 15px;
        line-height: 32px;
        display: inline-block;
        width: calc(100% - 58px);
        padding: 7px 23px;
        text-align:center;
    }

    .credit-item.bank-group .link__showmore {
        margin-top:20px;
        display:block;

     }


    .form-credit {
        padding: 22px 22px;
    }

    /**/

    .breadcrumb {
        margin-bottom:6px;
    }

    .article-content {
        font-size: 15px;
        line-height: 23px;
    }

    .block-bordered, .block-bordered.small {
        padding:30px 23px;
    }

    .table-inerpolated > .line {
        align-items:baseline;
        padding:17px 22px;
    }

    .table-inerpolated > .line > .name,
    .table-inerpolated > .line > .value {
        width:100%;
        max-width:100%;
        margin-bottom:3px
    }

    .table > .line {
        align-items:baseline;
        margin-bottom:13px;
    }

    .table > .line > .name,
    .table > .line > .value {
        width:100%;
        max-width:100%;
        text-align:center;
    }



    .tab-list > ul.menu,.additional.loan > .tab-list > .scroll > ul.menu {
        flex-direction:row;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 26px;
    }

    .tab-list > ul.menu > li,.additional.loan > .tab-list > .scroll > ul.menu > li {
        display:flex;
        width:initial;
        margin:0 12px;
    }

    .tab-list > ul.menu > li > a,.additional.loan > .tab-list > .scroll > ul.menu > li > a {
        font-size:14px;
    }

    .additional.loan > .tab-list > .scroll{
        overflow: auto;
    }

    a,.additional.loan > .tab-list > .scroll > ul.menu{
        width: max-content;
    }

    /*Banks*/
    .panel-blue {
        padding:30px 22px;
    }

    #section-banks {
        padding:10px 0;
    }

    #bank-search > .input-field {
        width:100%;
    }

     #section-banks .additional-filter {
        display:block;
    }

    #section-banks .additional-filter .letter-selector {
        max-width:  100%;
    }

    #bank-list .flex-grid .flex-row {
        width: 100%;
        justify-content: initial;

    }

    #bank-list .bank-item {
        background: #FFFFFF;
        border: 1px solid #E2E8F6;
        border-radius: 6px;
        display:block;
        margin:10px 0;
        padding:17px;
        position:relative;
        padding-bottom:110px;
        width:calc(100vw - 80px)!important;
        min-height:400px;
    }

    #bankItems,
    #bank-list .bank-item .column, 
    #bank-list .bank-item .flex-row {
        border:none!important;
   
    }

    #bank-list .bank-item .column,
    #bank-list .flex-grid .flex-row > .column,
    #bank-list .flex-grid .flex-row > .column.left {
        width:100%;
        text-align: center;
        justify-content:center;
        display:block;
        padding:0px;
        max-width:initial;
        min-width:initial;
    }

    #bank-list .flex-grid .flex-row > .column:nth-child(4) {
        max-width: 50%;
        min-width: 50%;
        width:50%;
        display:inline-block;
        padding-bottom:24px;
        font-weight: 400;
        font-size: 15px;
        line-height: 21px;
        position:absolute;
        left:0px;
        bottom:0px;
    }

    #bank-list .flex-grid .flex-row > .column:nth-child(5) {
        max-width: 50%;
        min-width: 50%;
        width:50%;
        float:right;
        display:inline-block;
        padding-bottom:24px;
        font-weight: 400;
        font-size: 15px;
        line-height: 21px;
        position:absolute;
        right:0px;
        bottom:0px;
        border-left: 1px solid rgba(226, 232, 246, 0.5)!important;
    }

    #bank-list .flex-grid .flex-row > .column:nth-child(4)::before,
    #bank-list .flex-grid .flex-row > .column:nth-child(5)::before {
        display:block;
        content:'Отделения';
        font-weight: 500;
        font-size: 15px;
        line-height: 21px;
        color: #333333;
        text-align:center;
        padding-top:18px;
        margin-bottom:8px;
        border-top: 1px solid rgba(226, 232, 246, 0.5);
    }

    #bank-list .flex-grid .flex-row > .column:nth-child(5)::before {
        content:'Банкоматы';
    }

    #bank-list .flex-grid.mfoItems .flex-row > .column:nth-child(4),
    #bank-list .flex-grid.mfoItems .flex-row > .column:nth-child(5) {
        display:none;
    }

    #bank-list .image {
        width: 100%;
        max-width:270px;
        height: 143px;
        padding: 10px;
        margin:auto;
        overflow: hidden;
        margin-bottom:23px;
    }


    #atms-list .grid-body,
    #atms-list .flex-grid .flex-row > .column {
        border:none;
        width: 100%!important;
    }

    #atms-list .bank-data-item {
        background: #FFFFFF;
        border: 1px solid #E2E8F6;
        border-radius: 6px;
        display:block;
        margin:10px 0;
        padding:0px;
        position:relative;
        width:100%;
    }

    #bankpage_modeselector > .binary-selector {
        max-width:100%;
        margin-bottom:10px;
    }

    .preview__expandable > .btn-expand {
        left: calc(50% - 100px);
    }

    .credit-information {
        margin:10px 0;
    }
    .credit-information .info-blocks {
        display:block;
        width:100%;
        max-width:100%;
        background: #FFFFFF;
        border: 1px solid #E2E8F6;
        box-sizing: border-box;
        border-radius: 8px;
        padding:27px 23px;
        margin-bottom:12px;

    }

    .credit-information .info-blocks .block {
        width:100%;
        max-width:100%;
        border:none;
        padding:0;
        font-size: 14px;
        line-height: 21px;
        justify-content:space-between;
    }

    .credit-information .info-blocks .block > .value {
        font-size: 18px;
        line-height: 18px;
        text-align: right;
        color: #162D5A;
    }

    .credit-information .info-blocks .block::before {
        display:none;
    }


    .price-calculator .interface,
    .price-calculator .result {
        width: 100%;
        max-width: 100%;
        margin:10px 0;
    }

    .price-calculator .result .block > .value {
        font-size: 24px;
        line-height: 36px;
    }

    .price-calculator .result .block > #calculator_value-1::after {
        width: 20px;
        height: 20px;
        margin-left: 10px;
    }

    .price-calculator .result .block > #calculator_value-2::after {
        width: 21px;
        height: 20px;
        margin-left: 10px;
    }

    .price-calculator .result .block > #calculator_value-3::after {
        width: 21px;
        height: 20px;
        margin-left: 10px;
    }

    
    .credit-item.loan-item  > .main > .main-row > .customer {
        margin-top: 5px;
        max-width: 250px;
        width: 100%;
        max-width: 100%;
    }

    .credit-item.loan-item > .main > .main-row > .info{
        margin-left: 0;
    }

    .credit-item.loan-item > .main > .main-row > .info > .flex-row {
        gap: 8px;
    }

    .credit-item.loan-item > .main > .main-row > .info > .flex-row > .item:not(:last-child),
    .credit-item.loan-item > .main > .main-row > .info > .flex-row > .item:first-child{
        margin-right: 28px;
    }

    .credit-item.loan-item > .main > .main-row > .info > .flex-row > .item.loan:nth-child(3){
        min-width: 115px;
    }

    .credit-item > .main > .main-row > .info .ammount.loan span{
        display: none;
    }

    
    .credit-item > .main > .main-row > .info .ammount.loan::before{
        content:'до ';
        display: inline-block;
    }

    .credit-item.loan-item > .main .actions{
        display: flex;
        padding-bottom: 25px;
        border-bottom: 1px solid #EEEEEE;
        width: 100%;
        min-width: 100%;
        margin: 0;
        margin-top: 25px;
    }

    .credit-item.loan-item > .main .actions .button__green, 
    .credit-item.loan-item > .main .actions .button__blue{
        padding: 7px 0;
        font-size: 15px;
    }

    .credit-item.loan-item > .main .actions .button__green{
        width: 150px;
    }

    .credit-item.loan-item > .main .actions .button__blue{
        width: 115px;
    }
    /*END*/
    .hide-mobile {
        display:none!important;
    }
}


@media (max-width: 650px){
    .banner-offer-green .content > .flex-row > .item, 
    .banner-offer-green .content > .flex-row > .item.big,
    .banner-offer-green .content > .flex-row > .item.small{
        max-width: 100%;
    }

    .banner-offer-green .content > .flex-row > .item{
        margin: 0 0 25px 0;
    } 
    
    .banner-offer-green .content > .flex-row > .item.big{
        margin-bottom: 0;
    }

    .banner-offer-green .content > .flex-row > .item > .button__blue {
        width: 100%;
    }

}

@media (max-width: 634px){

 .btn-money{
    width: 100%;
    text-align: center;
 }

 .owl-stage{
    padding-left: 0 !important;
 }

 .offer-name{
    max-width: 90%;
 }
}



@media (max-width: 340px) {

    .credit-item-list .main .loan-tags{
        width: 90%;
        left: 16px;
    }

}


@media (max-width: 330px) {
    .tab-list > ul.menu > li {
       margin: 0px 4px;
    }

    /*END*/
    .hide-mobile {
        display:none!important;
    }

    .offer-info .get-money{
        padding: 13px 45px;
    }
}