@media (max-width: 1199px) {
    body {
        font-size: 12px;
        line-height: 18px;
    }

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 14px;
    }

    ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .form-group {
        margin-bottom: 15px;
    }

    .form-control {
        height: 40px;
        font-size: 12px;
        padding: 10px 15px;
    }

    button, .button {
        padding: 13px 15px;
        font-size: 12px;
        line-height: 14px;
    }

    .breadcrumb {
        padding: 20px 0;
    }

    .breadcrumb-item {
        font-size: 12px;
    }

    .breadcrumb-item + .breadcrumb-item {
        padding-left: 10px;
    }

    .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 10px;
    }

    .navbar .navbar-nav .nav-link {
        font-size: 12px;
        padding: 0 13px;
    }

    .navbar-nav {
        flex-direction: row;
    }

    .navbar-nav .nav-link.button {
        padding: 13px 20px;
        margin-left: 13px;
    }

    .container {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .auth h1 {
        text-align: left;
        margin-bottom: 20px;
    }

    .auth p {
        margin-bottom: 15px;
    }

    .banner {
        position: relative;
        padding-top: 40px;
        padding-bottom: 80px;
        margin-bottom: 300px;
    }

    .banner h1 {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .banner .description {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .banner .percent {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .calculate {
        position: absolute;
        width: 100%;
        margin-left: -20px;
        margin-right: -20px;
    }

    .credit_calc__wrapper {
        opacity: 1;
        padding: 20px;
    }

    .calc {
        padding: 20px 30px;
    }

    .calc-list {
        padding-left: 50px;
    }

    .calc-list .group {
        margin-bottom: 5px;
    }

    .calc-container .sign {
        font-size: 14px;
    }

    .calc-container .value {
        font-size: 18px;
    }

    .calc-container .range {
        font-size: 12px;
        line-height: 14px;
    }

    .calc-container:first-child {
        margin-bottom: 20px;
    }

    .calc-list .sign {
        font-size: 12px;
        line-height: 14px;
    }

    .calc-list .value {
        font-size: 12px;
        line-height: 14px;
    }

    .calc-list .button {
        font-size: 12px;
        line-height: 14px;
    }

    .group-list {
        margin-bottom: 12px;
    }

    .calc-list-container {
        margin-bottom: 12px;
    }

    .calc-list .promo p {
        font-size: 12px;
        line-height: 14px;
    }

    .calc-list .promo input {
        width: 80px;
        font-size: 12px;
        line-height: 14px;
        padding: 8px;
        margin-right: 10px;
    }

    .advantages {
        padding: 40px 0;
    }

    .navbar {
        height: 60px;
    }

    .navbar-brand {
        font-size: 18px;
        line-height: 18px;
        padding: 0 20px 0 0;
    }

    .navbar-brand .navbar-logo {
        width: 40px;
        margin-right: 10px;
    }

    .nav-link, .navbar-phone-title, .banner p, .advantages .item .title, .advantages .item .text {
        font-size: 12px;
    }

    .navbar-nav-phone {
        padding-left: 20px;
    }

    .navbar-nav-phone a {
        font-size: 15px;
    }

    .navbar-nav-phone p {
        font-size: 12px;
        line-height: 14px;
    }

    .navbar-phone {
        font-size: 15px;
    }

    .banner h3, .take .item .text-title {
        font-size: 14px;
    }

    .advantages .item .title {
        margin-top: 25px;
        margin-bottom: 10px;
    }

    .advantages .item .img {
        height: 60px;
    }

    .advantages .item .img img {
        transform: scale(.7);
    }

    .take .item .text-title {
        margin-top: 30px;
    }

    .take {
        padding: 50px 0;
    }

    .dop {
        height: 290px;
    }

    .dop .block-title h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .dop .block-title p {
        font-size: 14px;
    }

    .video {
        padding: 40px 0;
    }

    .video h1 {
        margin-bottom: 15px;
    }

    .video .video-play {
        height: 300px;
    }

    .conditions {
        background-image: url(/img/bg-conditions-2.png);
        background-size: contain;
        background-position: left center;
        background-color: #F2F4F5;
        padding: 40px 0;
    }

    .conditions h1 {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .conditions h2 {
        font-size: 18px;
    }

    .footer .navbar-logo {
        width: 65px;
    }

    .dovidka {
        padding-bottom: 30px;
    }

    .dovidka h1 {
        margin-bottom: 25px;
    }

    .dovidka .info {
        padding-right: 15px;
        margin-bottom: 50px;
    }

    .panel {
        padding: 20px 0;
    }

    .panel-group .panel-title {
        font-size: 18px;
    }

    .panel-group .panel-body {
        padding-top: 20px;
    }

    .dovidka .calc, .auth .calc {
        padding: 20px 30px;
    }

    .dovidka .calc-list {
        padding-left: 50px;
    }

    .dovidka .calc-container .sign, .auth .calc-container .sign {
        font-size: 14px;
    }

    .dovidka .calc-list > *:first-child, .auth .calc-list > *:first-child {
        padding-top: 0;
        border-top: 0;
    }

    .footer {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .footer .block-right {
        font-size: 14px;
        line-height: 32px;
    }

    .footer .block-left img {
        margin-right: 20px;
    }

    .footer .block-left .text {
        font-size: 14px;
    }

    hr {
        margin: 30px 0;
    }

    .calc-list .description p {
        font-size: 12px;
        line-height: 14px;
    }

    .calc-list .promo .apply-promo {
        font-size: 12px;
    }

    .auth {
        background-image: url(../img/bg-auth-mobile.png);
        background-position: right top;
    }

    .auth .info-processing {
        font-size: 12px;
    }

    .auth h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    #regform-passport_type input + label {
        font-size: 12px;
    }

    .form-group.field-regform-is_match label {
        font-size: 12px;
    }

    #regform-is_match .custom-control-label {
        font-size: 12px;
    }

    .custom-control-label::before, .custom-control-label::after {
        top: 0;
    }

    .custom-checkbox .custom-control-label {
        font-size: 12px;
    }

    .city {
        background-image: url(../img/bg-city-mobile.png);
        padding-bottom: 60px;
    }

    .text-content h2 {
        margin-bottom: 20px;
    }

    .text-content p {
        margin-bottom: 20px;
    }

    .text-content ul {
        margin-bottom: 20px;
    }

    .pro-nas-text {
        padding: 40px 0;
    }

    .pro-nas-text h1 {
        text-align: left;
        margin-bottom: 20px;
    }

    .pro-nas-text p {
        margin-bottom: 20px;
    }

    .pro-nas-bg {
        height: 200px;
    }

    .auth {
        padding-bottom: 100px;
    }

    .auth .calc {
        margin-bottom: 25px;
    }

    .auth #form-credit .btn-group {
        justify-content: flex-start;
    }

    .auth #form-credit .btn-group > * {
        max-width: 160px;
    }

    .advantages .title {
        margin-bottom: 40px;
    }

    .take .title:first-child {
        padding-right: 30px;
    }

    .take .title:last-child {
        padding-left: 30px;
    }

    .take .title {
        margin-bottom: 40px;
    }

    .take .item .img {
        height: 65px;
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .take .item .img img {
        transform: scale(.6) translateX(-30%);
    }

    .take .item h2 {
        font-size: 14px;
    }

    .take .item h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .take .item p {
        font-size: 12px;
        line-height: 18px;
    }

    .take .it .item {
        margin-bottom: 20px;
    }

    .take .it .item .img {
        height: 50px;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .take .it .item .img img {
        transform: scale(.7) translateX(-20%);
    }

    .region {
        padding: 30px 0;
    }

    .region .tags-list {
        margin-bottom: 50px;
    }

    .region .tags-item .button {
        font-size: 12px;
        padding: 6px;
    }

    .region .region-content h1 {
        max-width: 376px;
        margin-bottom: 20px;
    }

    .region .cities-list {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .region .cities-item {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .region .cities-item .button {
        font-size: 14px;
    }

    .cabinet {
        background-image: url(../img/bg-cabinet-tablet.png);
    }

    .cabinet-menu {
        margin-bottom: 40px;
    }

    .menu-list {
        display: flex;
    }

    .menu-item {
        height: 40px;
        flex: 1;
    }

    .menu-item a {
        height: 100%;
        font-size: 12px;
        line-height: 14px;
        padding: 6px 9px;
        justify-content: center;
        text-align: center;
        border-top: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
        border-right: 1px solid #E5E5E5;
        border-left: 0;
    }

    .menu-item a.active {
        justify-content: center;
    }

    .menu-item:first-child a {
        border-left: 1px solid #E5E5E5;
    }

    .menu-item a svg {
        display: none;
    }

    .counter {
        font-size: 12px;
        margin-right: unset;
    }

    .cabinet-content {
        padding-left: 15px;
    }

    .client-number {
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
    }

    .heading {
        margin-bottom: 20px;
    }

    .heading p {
        font-size: 12px;
        line-height: 14px;
    }

    .credit-data .col:first-child {
        padding-right: 40px;
    }

    .credit-data .col:last-child {
        padding-left: 40px;
    }

    .credit-title {
        margin-bottom: 30px;
    }

    .credit-title h4 {
        font-size: 12px;
        margin-right: 15px;
    }

    .credit-status {
        padding: 5px 15px;
    }

    .credit-data .table td {
        padding: 7px 7px 7px 0;
    }

    .credit-data .value {
        font-weight: bold;
    }

    .approved-credits .credit-item {
        padding: 20px;
    }

    .credit-variant p {
        font-size: 16px;
    }

    .btn-group.custom-width > * {
        max-width: 190px;
    }

    .credit-variant {
        margin-bottom: 15px;
    }

    .cards-wrap {
        width: 430px;
    }

    .card-item {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .card-title {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 20px;
    }

    .card-type, .card-num {
        font-size: 12px;
        line-height: 14px;
    }

    #modal-contract .modal-dialog {
        max-width: 700px;
    }

    #modal-contract .modal-close {
        top: 15px;
        right: 15px;
    }

    #modal-contract .modal-header {
        padding: 40px 40px 10px 40px;
    }

    #modal-contract .modal-body {
        padding: 0 40px 40px 40px;
    }

    #modal-contract .contract-date {
        font-size: 14px;
        margin-bottom: 25px;
    }

    #modal-contract .modal-body h1 {
        margin-bottom: 30px;
    }

    #modal-contract .modal-text {
        height: 500px;
        padding-right: 20px;
    }

    #modal-contract .modal-footer {
        padding: 40px;
    }

    #modal-contract .modal-footer label {
        font-size: 12px;
    }

    #modal-contract .modal-footer .inline > *:first-child {
        margin-right: 10px;
    }

    #modal-contract .modal-footer .inline .button {
        padding: 13px;
    }

    .nav-tabs {
        margin-bottom: 40px;
    }

    .nav-tabs .nav-link {
        padding: 0 15px 15px;
    }

    .credit-repayment .credit-data, .credit-extension .credit-data {
        margin-bottom: 30px;
    }

    .credit-repayment .btn-group.custom-width > *, .credit-extension .btn-group.custom-width > * {
        max-width: 265px;
    }

    .cabinet .group input {
        width: 80px;
    }

    .credit-repayment .info p:first-child {
        font-size: 16px;
        max-width: 204px;
    }

    .credit-repayment .credentials p {
        margin-bottom: 30px;
    }

    .nav-tabs .nav-item:first-child .nav-link {
        max-width: 121px;
    }

    .nav-tabs .nav-item:last-child .nav-link {
        max-width: 175px;
    }

    .credit-repaid .slider {
        padding-right: 35px;
    }

    .credit-repaid .calc-list {
        padding-left: 35px;
    }

    .credit-data .full-sum {
        font-weight: bold;
        margin: 15px 0;
    }

    label.attach {
        font-size: 12px;
    }

    .card-add {
        padding: 30px;
    }

    .auth .card-add {
        margin-bottom: 20px;
    }

    .auth #btn-card-add {
        margin-bottom: 20px;
    }

    .form-control.btn-facebook {
        margin-top: 18px;
    }

    .modal-card .modal-close {
        top: 20px;
        right: 20px;
    }

    .modal-card .modal-dialog {
        max-width: 565px;
    }

    .modal-card label {
        font-size: 12px;
    }

    .modal-info .modal-close {
        top: 20px;
        right: 20px;
    }

    .modal-info .modal-dialog {
        max-width: 565px;
    }

    .modal-payment .modal-close {
        top: 20px;
        right: 20px;
    }

    .modal-payment .modal-dialog {
        max-width: 565px;
    }

    .modal-payment label {
        font-size: 12px;
    }

    .auth .success {
        padding-top: 60px;
    }

    .auth .success h1 {
        text-align: center;
        margin-bottom: 40px;
    }

    .auth .success h2 {
        font-size: 16px;
        max-width: 436px;
    }

    .auth .success .button {
        font-size: 12px;
        padding: 13px 40px;
    }

    .slider-container .slider {
        height: 5px;
    }

    .slider-container .slider::-webkit-slider-thumb {
        width: 22px;
        height: 22px;
        background: url('/img/slider-marker-mobile.svg');
    }

    .invalid-feedback {
        font-size: 12px;
        line-height: 18px;
    }

    .additional {
        margin-bottom: 15px;
    }

    .additional-items {
        margin-top: 15px;
    }

    .additional-item {
        margin-bottom: 15px;
    }

    .documents-list {
        grid-gap: 15px;
    }

    .document-title {
        margin-bottom: 15px;
    }

    .document-title h4 {
        font-size: 12px;
    }

    .fields-group {
        grid-column-gap: 15px;
    }

    .payment {
        padding: 20px;
    }

    .payment-title {
        margin-bottom: 15px;
    }

    .payment-title h4 {
        font-size: 16px;
    }

    .payment-body .button {
        margin-top: 15px;
    }

    .payment-method:not(:last-child) {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .payment-method h4 {
        font-size: 12px;
        margin-bottom: 15px;
    }

    .payment-method ul li a {
        height: 40px;
    }

    .note p {
        font-size: 12px;
        line-height: 18px;
    }

    .history-item {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .history-title h2 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .history-answer {
        margin-top: 15px;
    }

    .history-appeal span, .history-answer span {
        font-size: 10px;
    }

    .credit_data__range_item_description__name p {
        font-size: 14px;
    }

    .credit_data__range_item_bottom p {
        font-size: 12px;
    }

    .credit_data__range_description p {
        font-size: 12px;
    }

    .credit_data__details_row__name p {
        font-size: 12px;
    }

    .credit_data__details_row__value {
        font-size: 12px;
    }

    .credit_data__range_item_description__val {
        font-size: 14px;
    }

    .expandable-content {
        height: 54px;
    }


    body.special {
        padding-top: 62px;
    }


    .chx span {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    /* font-size-lg */
    .special.font-size-lg {
        font-size: 14px;
    }

    .special.font-size-lg h1 {
        font-size: 26px;
    }

    .special.font-size-lg h2 {
        font-size: 20px;
    }

    .special.font-size-lg h4 {
        font-size: 18px;
    }

    .special.font-size-lg h5 {
        font-size: 16px;
    }

    .special.font-size-lg button,
    .special.font-size-lg .button {
        font-size: 14px;
    }

    .special.font-size-lg .banner h1 {
        font-size: 26px;
    }

    .special.font-size-lg .banner .description {
        font-size: 16px;
    }

    .special.font-size-lg .banner .percent {
        font-size: 14px;
    }

    .special.font-size-lg .navbar .navbar-nav .nav-link {
        font-size: 14px;
    }

    .special.font-size-lg .nav-link,
    .special.font-size-lg .navbar-phone-title,
    .special.font-size-lg .banner p,
    .special.font-size-lg .advantages .item .title,
    .special.font-size-lg .advantages .item .text {
        font-size: 14px;
    }

    .special.font-size-lg .credit_data__range_item_description__name p {
        font-size: 16px;
    }

    .special.font-size-lg .credit_data__range_item_bottom p {
        font-size: 14px;
    }

    .special.font-size-lg .credit_data__range_description p {
        font-size: 14px;
    }

    .special.font-size-lg .credit_data__details_row__name p {
        font-size: 14px;
    }

    .special.font-size-lg .credit_data__details_row__value {
        font-size: 14px;
    }

    .special.font-size-lg .credit_data__range_item_description__val {
        font-size: 16px;
    }

    .special.font-size-lg .take .item h4 {
        font-size: 18px;
    }

    .special.font-size-lg .dop .block-title p {
        font-size: 16px;
    }

    .special.font-size-lg .panel-group .panel-title {
        font-size: 20px;
    }

    .special.font-size-lg .footer .block-left .text {
        font-size: 16px;
    }

    .special.font-size-lg .breadcrumb-item {
        font-size: 14px;
    }

    .special.font-size-lg .footer .block-right {
        font-size: 16px;
    }

    .special.font-size-lg .form-control {
        font-size: 14px;
    }

    .special.font-size-lg .form-control:not(textarea) {
        height: 40px;
    }

    .special.font-size-lg .auth .info-processing {
        font-size: 14px;
    }

    .special.font-size-lg .custom-checkbox .custom-control-label {
        font-size: 14px;
    }

    .special.font-size-lg .invalid-feedback {
        font-size: 14px;
    }

    .special.font-size-lg .auth h2 {
        font-size: 20px;
    }

    .special.font-size-lg label.attach {
        font-size: 14px;
    }

    .special.font-size-lg .menu-item a {
        font-size: 14px;
        line-height: 16px;
    }

    .special.font-size-lg .heading p {
        font-size: 14px;
        line-height: 16px;
    }

    .special.font-size-lg .credit-title h4 {
        font-size: 14px;
    }

    .special.font-size-lg .payment-title h4 {
        font-size: 18px;
    }

    .special.font-size-lg .note p {
        font-size: 14px;
    }

    .special.font-size-lg .card-type,
    .special.font-size-lg .card-num {
        font-size: 14px;
    }

    .special.font-size-lg .history-title h2 {
        font-size: 20px;
    }

    .special.font-size-lg .history-appeal span,
    .special.font-size-lg .history-answer span {
        font-size: 12px;
    }

    /* font-size-xl */
    .special.font-size-xl {
        font-size: 16px;
    }

    .special.font-size-xl h1 {
        font-size: 28px;
    }

    .special.font-size-xl h2 {
        font-size: 22px;
    }

    .special.font-size-xl h4 {
        font-size: 20px;
    }

    .special.font-size-xl h5 {
        font-size: 18px;
    }

    .special.font-size-xl button,
    .special.font-size-xl .button {
        font-size: 16px;
    }

    .special.font-size-xl .banner h1 {
        font-size: 28px;
    }

    .special.font-size-xl .banner .description {
        font-size: 18px;
    }

    .special.font-size-xl .banner .percent {
        font-size: 16px;
    }

    .special.font-size-xl .navbar .navbar-nav .nav-link {
        font-size: 16px;
    }

    .special.font-size-xl .nav-link,
    .special.font-size-xl .navbar-phone-title,
    .special.font-size-xl .banner p,
    .special.font-size-xl .advantages .item .title,
    .special.font-size-xl .advantages .item .text {
        font-size: 16px;
    }

    .special.font-size-xl .credit_data__range_item_description__name p {
        font-size: 18px;
    }

    .special.font-size-xl .credit_data__range_item_bottom p {
        font-size: 16px;
    }

    .special.font-size-xl .credit_data__range_description p {
        font-size: 16px;
    }

    .special.font-size-xl .credit_data__details_row__name p {
        font-size: 16px;
    }

    .special.font-size-xl .credit_data__details_row__value {
        font-size: 16px;
    }

    .special.font-size-xl .credit_data__range_item_description__val {
        font-size: 18px;
    }

    .special.font-size-xl .take .item h4 {
        font-size: 20px;
    }

    .special.font-size-xl .dop .block-title p {
        font-size: 18px;
    }

    .special.font-size-xl .panel-group .panel-title {
        font-size: 22px;
    }

    .special.font-size-xl .footer .block-left .text {
        font-size: 18px;
    }

    .special.font-size-xl .breadcrumb-item {
        font-size: 16px;
    }

    .special.font-size-xl .footer .block-right {
        font-size: 18px;
    }

    .special.font-size-xl .form-control {
        font-size: 16px;
    }

    .special.font-size-xl .form-control:not(textarea) {
        height: 45px;
    }

    .special.font-size-xl .auth .info-processing {
        font-size: 16px;
    }

    .special.font-size-xl .custom-checkbox .custom-control-label {
        font-size: 16px;
    }

    .special.font-size-xl .invalid-feedback {
        font-size: 16px;
    }

    .special.font-size-xl .auth h2 {
        font-size: 22px;
    }

    .special.font-size-xl label.attach {
        font-size: 16px;
    }

    .special.font-size-xl .menu-item a {
        font-size: 16px;
        line-height: 18px;
    }

    .special.font-size-xl .heading p {
        font-size: 16px;
        line-height: 18px;
    }

    .special.font-size-xl .credit-title h4 {
        font-size: 16px;
    }

    .special.font-size-xl .payment-title h4 {
        font-size: 20px;
    }

    .special.font-size-xl .note p {
        font-size: 16px;
    }

    .special.font-size-xl .card-type,
    .special.font-size-xl .card-num {
        font-size: 16px;
    }

    .special.font-size-xl .history-title h2 {
        font-size: 22px;
    }

    .special.font-size-xl .history-appeal span,
    .special.font-size-xl .history-answer span {
        font-size: 14px;
    }
}

@media (max-width: 900px) {
    .navbar-nav-phone {
        display: none;
    }

    .navbar-brand {
        border-right: none;
    }
}

@media (max-width: 767px) {
    main {
        padding-top: 40px;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .breadcrumb {
        padding: 10px 0;
    }

    .breadcrumb-item {
        font-size: 10px;
    }

    header {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        background-color: #FFFFFF;
    }

    header .container {
        padding-right: 0;
    }

    .navbar {
        height: 40px;
    }

    .navbar-brand {
        font-size: 14px;
        line-height: 14px;
        padding: 0;
        border-right: 0;
    }

    .navbar-brand .navbar-logo {
        width: 30px;
        margin-right: 7px;
    }

    .navbar-brand span {
        margin-bottom: 6px;
    }

    .navbar-nav-phone {
        padding-left: 0;
        margin-right: 14px;
        margin-left: auto;
    }

    .navbar-nav-phone a {
        font-size: 12px;
        line-height: 14px;
    }

    .navbar-nav-phone p {
        font-size: 9px;
        line-height: 11px;
    }

    .auth h1 {
        margin-bottom: 15px;
    }

    .button-list .button {
        font-size: 11px;
    }

    h1 {
        font-size: 18px;
    }

    .advantages .item .title {
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .advantages .title {
        margin-bottom: 15px;
    }

    .dop {
        height: 230px;
    }

    .dop .block-title h1 {
        font-size: 18px;
    }

    .dop .block-title p {
        font-size: 12px;
    }

    .conditions {
        padding: 30px 0;
    }

    .conditions .conditions-content {
        padding-right: 25px;
    }

    .conditions h1 {
        margin-bottom: 20px;
    }

    .conditions h2 {
        font-size: 14px;
    }

    .button-list {
        margin-bottom: 40px;
    }

    .footer {
        padding-top: 36px;
        padding-bottom: 20px;
    }

    hr {
        margin: 20px 0;
    }

    .video {
        padding: 30px 0;
    }

    .video .video-play {
        height: 140px;
    }

    .footer li a {
        font-size: 14px;
    }

    footer p {
        font-size: 9px;
    }

    .footer .block-left .text {
        margin-bottom: 25px;
    }

    .calculate {
        display: none;
    }

    .calculate-mobile {
        display: block;
    }

    .banner {
        height: 230px;
        display: flex;
        align-items: flex-end;
        padding: 10px 0;
        margin-bottom: 0;
    }

    .banner::before {
        background-image: url(../img/bg-banner-mobile.png);
    }

    .banner h1 {
        font-size: 18px;
    }

    .banner .description {
        font-size: 12px;
        line-height: 14px;
    }

    .banner .percent {
        font-size: 10px;
        line-height: 19px;
    }

    .calc {
        padding: 15px;
    }

    .calc-list {
        padding-left: 15px;
    }

    .calc-container .sign {
        font-size: 12px;
    }

    .calc-container .value {
        font-size: 14px;
    }

    .calc-container .slider {
        margin: 10px 0;
    }

    .calc-container:last-child {
        margin-bottom: 20px;
    }

    .calc-list .sign {
        font-size: 10px;
        line-height: 12px;
    }

    .calc-list .value {
        font-size: 10px;
        line-height: 12px;
    }

    .calc-container .range {
        font-size: 10px;
        line-height: 12px;
    }

    .calc-list .button {
        width: 50%;
        font-size: 10px;
        line-height: 12px;
        padding: 14px 20px;
    }

    .calc-list-container {
        display: flex;
        align-items: flex-end;
        margin-bottom: 20px;
    }

    .group-list {
        width: 50%;
        margin-right: 30px;
        margin-bottom: 0;
    }

    .dovidka .group-list {
        margin-right: 15px;
    }

    .calc-list .promo input {
        font-size: 10px;
        line-height: 12px;
        margin-right: 14px;
    }

    .dovidka h1 {
        margin-bottom: 17px;
    }

    .panel {
        padding: 10px 0;
    }

    .panel-group .panel-title {
        font-size: 16px;
    }

    .panel-group .panel-body {
        padding-top: 10px;
    }

    .dovidka .info {
        margin-bottom: 0;
    }

    .dovidka .calc, .auth .calc {
        padding: 15px;
    }

    .dovidka .calc-list, .auth .calc-list {
        padding-left: 15px;
    }

    .btn-group > *:first-child:not(:last-child) {
        margin-right: 15px;
    }

    .footer {
        padding-top: 26px;
        padding-bottom: 20px;
    }

    .footer .block-left {
        margin-bottom: 25px;
    }

    .footer .block-address {
        margin-bottom: 25px;
    }

    .footer .block-address p {
        font-size: 9px;
        line-height: 14px;
    }

    .footer p.company-name {
        font-size: 9px;
        line-height: 11px;
    }

    .navbar-collapse.collapse.show {
        display: block !important;
    }

    .info-group {
        display: none;
    }

    .auth {
        background-image: none;
    }

    .city {
        background-image: none;
    }

    .text-content h2 {
        font-size: 16px;
    }

    .pro-nas-text {
        padding: 30px 0;
    }

    .auth {
        padding-bottom: 50px;
    }

    .auth .calc-list .group-list {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
    }

    .auth #form-credit .btn-group > * {
        max-width: 100%;
    }

    .advantages {
        padding: 20px 0;
    }

    .advantages .item {
        margin-bottom: 20px;
    }

    .advantages .item .img {
        height: 40px;
    }

    .advantages .item .img img {
        transform: scale(.5);
    }

    .take {
        padding: 30px 0;
    }

    .take .title:first-child {
        padding-right: 15px;
    }

    .take .title:last-child {
        padding-left: 15px;
    }

    .take .title h1 {
        font-size: 12px;
    }

    .take .item:nth-child(1), .take .item:nth-child(2), .take .it .item:nth-child(3), .take .it .item:nth-child(4) {
        margin-bottom: 40px;
    }

    .take .item .img {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .take .item .img img {
        transform: scale(.5) translateX(-50%);
    }

    .take .item h2 {
        font-size: 12px;
    }

    .take .item h4 {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .take .item p {
        font-size: 10px;
        line-height: 16px;
    }

    .region .tags-list {
        margin-bottom: 40px;
    }

    .region .region-content h1 {
        max-width: 282px;
        margin-bottom: 10px;
    }

    .region .cities-list {
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .region .cities-item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .region .cities-item .button {
        font-size: 12px;
    }

    .region .text-content {
        height: 343px;
    }

    .cabinet {
        padding-bottom: 40px;
        background-image: none;
    }

    .cabinet-menu {
        margin-bottom: 20px;
    }

    .menu-list {
        display: block;
    }

    .menu-item a {
        justify-content: space-between;
        text-align: unset;
        padding: 13px 20px;
        border-top: 0;
        border-bottom: 1px solid #E5E5E5;
        border-right: 1px solid #E5E5E5;
        border-left: 1px solid #E5E5E5;
    }

    .menu-item a.active {
        justify-content: space-between;
    }

    .menu-item a .img-svg {
        order: 2;
        display: block;
        margin-right: 0;
    }

    .counter {
        font-size: 12px;
        margin-right: auto;
    }

    .form-control.btn-facebook {
        margin-top: 15px;
    }

    .heading {
        margin-bottom: 15px;
    }

    .heading h1 {
        margin-bottom: 15px;
    }

    .credit-title {
        flex-direction: column;
        align-items: flex-start;
    }

    .credit-title h4 {
        margin-bottom: 15px;
        margin-right: 0;
    }

    .credit-data .col:first-child {
        padding-right: 15px;
        border-right: 0;
    }

    .credit-data .col:last-child {
        padding-left: 15px;
    }

    .credit-data .table {
        table-layout: fixed;
    }

    .credit-item {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .credit-variant p {
        font-size: 14px;
    }

    .btn-group.custom-width > * {
        max-width: 100%;
        font-size: 10px;
        padding: 13px 15px;
    }

    .cards-wrap {
        width: 100%;
    }

    .btn-add {
        margin: 0 auto;
    }

    #modal-contract .modal-dialog {
        max-width: 100%;
        margin: 0;
    }

    #modal-contract .modal-header {
        padding: 15px;
    }

    #modal-contract .modal-body {
        padding: 0 15px 15px 15px;
    }

    #modal-contract .contract-date {
        font-size: 12px;
    }

    #modal-contract .modal-text {
        height: 380px;
        padding-right: 10px;
    }

    #modal-contract .modal-footer {
        padding: 25px 15px;
    }

    #modal-contract .modal-footer .inline {
        width: 100%;
    }

    .button.btn-download:first-child {
        margin-right: 0;
    }

    .button.btn-download {
        flex: 100%;
        margin-bottom: 10px;
    }

    .btn-group.download > * {
        margin-right: 0;
    }

    .nav-tabs {
        flex-direction: column;
    }

    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
        border-left: 8px solid #EC2028;
        border-bottom: 0;
    }

    .nav-tabs .nav-item:first-child .nav-link {
        max-width: 100%;
    }

    .nav-tabs .nav-item:last-child .nav-link {
        max-width: 100%;
    }

    .nav-tabs {
        width: 100%;
        border-left: 2px solid #C4C4C4;
        border-bottom: 0;
        margin-bottom: 30px;
    }

    .nav-tabs .nav-link {
        border-left: 8px solid transparent;
        border-bottom: 0;
        padding: 5px 12px;
    }

    .nav-tabs .nav-item:first-child .nav-link {
        padding-left: 12px;
    }

    .nav-tabs .nav-item:last-child .nav-link {
        padding-right: 12px;
    }

    .credit-repayment .btn-group.custom-width, .credit-extension .btn-group.custom-width {
        flex-direction: column;
    }

    .credit-repayment .btn-group.custom-width > *, .credit-extension .btn-group.custom-width > * {
        width: 225px;
    }

    .credit-repayment .btn-group.custom-width > *:first-child, .credit-extension .btn-group.custom-width > *:first-child {
        margin-bottom: 10px;
        margin-right: 0;
    }

    .credit-repayment .credentials {
        margin-bottom: 30px;
    }

    .credit-repayment .info p:first-child {
        font-size: 14px;
        max-width: 100%;
    }

    .credit-repaid .slider {
        padding-right: 15px;
    }

    .credit-repaid .calc-list {
        padding-left: 15px;
    }

    .application .button.btn-download {
        margin: auto;
    }

    .modal-card .modal-dialog {
        max-width: 100%;
    }

    .modal-card .modal-close {
        top: 10px;
        right: 10px;
    }

    .modal-card .modal-content {
        padding: 40px;
    }

    .modal-card .modal-body h2 {
        margin-bottom: 30px;
    }

    .modal-card .form-group {
        flex-direction: column;
        align-items: flex-start;
    }

    .modal-card label {
        min-width: unset;
        margin-right: 0;
    }

    .modal-info .modal-dialog {
        max-width: 100%;
    }

    .modal-info .modal-close {
        top: 10px;
        right: 10px;
    }

    .modal-info .modal-content {
        padding: 40px;
    }

    .modal-info .modal-body h2 {
        margin-bottom: 30px;
    }

    .modal-payment .modal-dialog {
        max-width: 100%;
    }

    .modal-payment .modal-close {
        top: 10px;
        right: 10px;
    }

    .modal-payment .modal-content {
        padding: 40px;
    }

    .modal-payment .modal-body h2 {
        margin-bottom: 30px;
    }

    .auth .success {
        padding-top: 30px;
    }

    .auth .success h1 {
        margin-bottom: 30px;
    }

    .auth .success h2 {
        font-size: 14px;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .documents-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .fields-group {
        grid-template-columns: repeat(1, 1fr);
    }

    .payment-schedule-content table tr th:nth-child(1),
    .payment-schedule-content table tr th:nth-child(2),
    .payment-schedule-content table tr td:nth-child(1),
    .payment-schedule-content table tr td:nth-child(2) {
        display: none;
    }

    .payment-body .button {
        width: 100%;
    }

    .navbar-nav-phone {
        display: block;
    }

    #special-form {
        top: 40px;
    }

    .expandable-content-trigger {
        margin-top: 5px;
    }

    .chat__box {
        width: calc(100vw - 40px);
    }

    /* font-size-lg */
    .special.font-size-lg h1 {
        font-size: 20px;
    }

    .special.font-size-lg .text-content h2 {
        font-size: 18px;
    }

    .special.font-size-lg .take .item h4 {
        font-size: 14px;
    }

    .special.font-size-lg .banner h1 {
        font-size: 20px;
    }

    .special.font-size-lg .banner .description {
        font-size: 14px;
        line-height: 16px;
    }

    .special.font-size-lg .banner .percent {
        font-size: 12px;
        line-height: 21px;
    }

    .special.font-size-lg .dop .block-title p {
        font-size: 14px;
    }

    .special.font-size-lg .conditions h2 {
        font-size: 16px;
    }

    .special.font-size-lg .panel-group .panel-title {
        font-size: 18px;
    }

    .special.font-size-lg .footer li a {
        font-size: 16px;
    }

    .special.font-size-lg .footer .block-address p {
        font-size: 11px;
        line-height: 16px;
    }

    .special.font-size-lg .footer p.company-name {
        font-size: 11px;
        line-height: 13px;
    }

    .special.font-size-lg .breadcrumb-item {
        font-size: 12px;
    }

    /* font-size-xl */
    .special.font-size-xl h1 {
        font-size: 22px;
    }

    .special.font-size-xl .text-content h2 {
        font-size: 20px;
    }

    .special.font-size-xl .take .item h4 {
        font-size: 16px;
    }

    .special.font-size-xl .banner h1 {
        font-size: 22px;
    }

    .special.font-size-xl .banner .description {
        font-size: 16px;
        line-height: 18px;
    }

    .special.font-size-lg .banner .percent {
        font-size: 14px;
        line-height: 23px;
    }

    .special.font-size-xl .dop .block-title p {
        font-size: 16px;
    }

    .special.font-size-xl .conditions h2 {
        font-size: 18px;
    }

    .special.font-size-xl .panel-group .panel-title {
        font-size: 20px;
    }

    .special.font-size-xl .footer li a {
        font-size: 18px;
    }

    .special.font-size-xl .footer .block-address p {
        font-size: 13px;
        line-height: 18px;
    }

    .special.font-size-xl .footer p.company-name {
        font-size: 13px;
        line-height: 15px;
    }

    .special.font-size-xl .breadcrumb-item {
        font-size: 14px;
    }

    /* theme-black */
    .special.theme-black header {
        background-color: #000;
    }
}

@media (max-width: 575px) {
    body.special {
        padding-top: 117px;
    }

    .special-form-wrap {
        flex-direction: column;
    }
}