@media screen and (max-width: 1030px) {
    .cont-top {
        margin-bottom: 50px;
    }

    #beneficios-seguro {
        flex-direction: column;
    }
}

@media(max-width:980px) {
    .content.why-block-two .block-whu-it {
        flex-wrap: wrap;
    }

    .footer-links {

        width: 210px;
    }

    .content.why-block-two .ittem {
        width: 100%;
    }

    .content.why-block-two .ittem p {
        width    : 100%;
        max-width: 100%;
    }

    .absolut-lang {
        position   : relative;
        top        : auto;
        right      : auto;
        color      : var(--Text-Grey, #909090);
        text-align : right;
        font-style : normal;
        font-weight: 400;
        display    : flex;
        gap        : 10px;
        order      : 3;
    }

    .block-menu .menu {
        margin-left: auto;
    }

    #beneficios-seguro .title {
        display      : flex;
        text-align   : left;
        margin-bottom: 20px;
        width        : 300px;
        gap          : 15px;
        flex-wrap    : wrap;
        padding      : 10px;
    }

    .content.find-block .conts .block {
        width        : 50%;
        padding-right: 10px;
        text-align   : left;
    }

    .width-400 {
        width    : auto;
        max-width: 100%;
        display  : flex;
        flex-wrap: wrap;
        gap      : 25px;
    }

    .call-us-title .h2 {
        text-align: center;
        margin    : 0 auto;
    }

    .call-us-title .h2-sub-title {
        text-align   : center;
        margin       : 0 auto;
        margin-bottom: 40px;
    }

    .link_find.bg-blue {
        margin    : 0 auto;
        margin-top: 40px;
    }

    .text-top h1 {
        font-size  : 340%;
        font-weight: 600;
    }
}


@media screen and (max-width: 830px) {
    .head-block {
        /* background-position: right -230px center; */
    }

    .text-top:nth-child(3) {
        width: auto;
    }

    .block-two .cont:nth-child(1) {
        padding: 10px 30px;
    }

    .services-block .flex-block {
        flex-wrap      : wrap;
        justify-content: center;
    }

    .block-about-us .cont:nth-child(1) {
        padding      : 10px;
        padding-right: 30px;
    }

    .footer-links {
        gap  : 40px;
        width: auto;
    }

    .copyringht {
        width: auto;
    }

    .block-about-us .cont:nth-child(2) {
        padding: 10px;
    }

    .services-block .flex-block .ittem {
        flex-direction: column;
        width         : 100%;
        max-width     : 100%;
        align-items   : center;
        text-align    : center;
        align-content : center;
    }

    h3 {
        text-align: center;
    }

    .widt_60 {
        width: 100% !important;
    }

    .comment-slider button {
        top: 105px;
    }

    .footer-container {
        gap: 15px;
    }

    .footer-column h3 {
        text-align: left;
    }

    .flex-block-doc .ittem {
        padding            : 5px;
        background-size    : 60px;
        background-position: top 5px center;
        padding-top        : 70px;
        margin             : 10px auto;
    }

    .block-types-of-debt .cont:nth-child(2) {
        background-position: left -80px center;
    }
}

@media screen and (max-width: 768px) {
    .block-flex {
        width         : 1200px;
        max-width     : 100%;
        display       : flex;
        margin        : 0 auto;
        flex-direction: column;
    }

    #beneficios-seguro .title {
        width: 100%;
    }

    .content.find-block .conts {
        flex-direction: column;
    }

    .content.find-block .conts .block {
        width        : 100%;
        padding-right: 10px;
        text-align   : left;
    }

    .footer-container {
        display         : flex;
        justify-content : space-between;
        align-items     : center;
        padding         : 40px 20px 20px 20px;
        background-color: rgb(0, 0, 0);
        color           : #fff;
        flex-wrap       : wrap;
        flex-direction  : column;
    }

    .footer-column h3 {
        text-align: center;
    }

    .text-top h1 {
        font-size  : 300%;
        font-weight: 600;
    }

    .head-block .fon {
        padding: 20px;
    }

    .head-block {
        background-position: right -430px center;
    }

    .block-menu {
        align-items    : center;
        justify-content: center;
    }

    .block-menu .menu {
        margin: auto;
    }

    #beneficios-seguro .flex-item h3 {
        text-align: left;
    }

    h1 {
        font-size: 200%;
    }

    h4 {
        font-size: 110%;
    }

    h3 {
        font-size: 130%;
    }

    .block-two,
    .block-types-of-debt,
    .block-about-us,
    .contact,
    .block-menu {
        flex-wrap: wrap;
    }



    .block-two .cont:nth-child(1) {
        width  : 100%;
        padding: 10px
    }

    .block-two .cont:nth-child(2) {
        width     : 100%;
        min-height: 250px;
    }

    .block-types-of-debt .cont:nth-child(1) {

        width  : 100%;
        padding: 10px;
    }

    .block-types-of-debt .cont:nth-child(2) {

        width              : 100%;
        padding            : 10px;
        min-height         : 250px;
        background-position: center center;
    }

    .block-about-us .cont:nth-child(2) {
        width       : 100%;
        padding     : 40px 30px;
        padding-left: 40px;
    }

    .block-about-us .cont:nth-child(1) {
        width     : 100%;
        min-height: 250px;
    }

    .contact .cont {
        width  : 100%;
        padding: 10px;
    }

    .features .span_f {
        width: 150px;
    }

    .content.why-block .ittem {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 480px) {
    .block-menu .menu li {
        margin: 5px;
    }

    .h2-left,
    .h3-left {
        padding: 0px 10px 0px 10px;
    }

    .content.why-block-two .block-whu-it {
        display        : flex;
        justify-content: space-between;
        flex-direction : column;
    }

    .content.why-block-two .ittem {
        width  : 100%;
        padding: 10px;
    }

    #beneficios-seguro h1 {
        padding: 10px
    }

    h1 {
        padding: 10px
    }

    .content.why-block .block-whu-it {
        flex-direction: column;
    }

    .content.why-block .ittem {
        width          : 100%;
        min-height     : 250px;
        background-size: cover;
    }

    .block-whu-it.block-whu-it-left .ittem-1 {
        order: 2;
    }

    .block-whu-it.block-whu-it-left .ittem-2 {
        order: 1;

    }

    .content.why-block h3 {
        text-align    : left;
        width         : 100%;
        margin-bottom : 0;
        padding-bottom: 0;
    }

    .phone-link {
        padding-left: 0;
    }

    .block-menu .menu li {
        text-align: center;
    }

    .block-menu {
        justify-content: center;
        gap            : 10px
    }

    .hero-content .cta-button {
        max-width: 90%;
    }

    .content.footer-container {
        padding: 40px 10px 10px 10px;
    }

    .footer-links {
        gap      : 15px;
        flex-wrap: wrap;
    }

    .footer-column h3 {
        padding      : 0;
        margin-bottom: 10px;
        font-size    : 18px;
        color        : #ffffff;
        font-weight  : bold;
        text-align   : left;
    }

    .link_cont {
        font-size: 25px;
    }

    .head-block .fon {
        padding: 15px;
    }

    /* h1 {
        font-size: 150%;
    } */

    h4 {
        font-size: 100%;
    }

    h3 {
        font-size : 120%;
        padding   : 10px;
        text-align: left;
    }

    .block-two .cont:nth-child(1) {
        padding: 0px;
    }

    p {
        padding   : 10px;
        text-align: left;
    }

    .content {
        padding: 20px 0px;
    }

    .services-block .flex-block .ittem {
        width: 100%;
    }

    .services-block .flex-block .ittem {
        padding: 0px;
    }

    .block-types-of-debt .cont:nth-child(1) {
        padding: 0px;
    }

    .flex-block-doc .ittem {
        width      : 100%;
        text-align : center;
        padding    : 0px;
        padding-top: 70px;
    }

    .block-about-us .cont:nth-child(2) {
        width  : 100%;
        padding: 0px;
    }

    .content.call-us h4 {
        text-align    : left;
        padding       : 10px;
        padding-bottom: 0px;
        width         : 100%
    }

    .p_00 {
        text-align: left;
        width     : 100%;
        padding   : 0px 10px
    }

    .block-menu .menu li.li-flex {
        display        : flex;
        flex-direction : row;
        align-items    : center;
        font-style     : normal;
        font-weight    : 400;
        gap            : 10px;
        justify-content: center;
    }

    .text-top h1 {
        font-size  : 220%;
        font-weight: 600;
    }

    #beneficios-seguro .h1 {
        font-size  : 200%;
        font-weight: 600;
        width      : 500px;
        max-width  : 100%;
    }

    .content.find-block .conts .block .h2 {
        padding  : 10px;
        font-size: 170%;
    }

    .width-400 {
        gap: 5px;
    }

    .link_find {
        margin: 20px auto;
    }

    .call-us-title .h2 {
        font-size: 170%;
    }
}