@media screen and (max-width: 1030px) {

    .cont-top {

        margin-bottom: 50px;

    }

}









@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;

    }



    .block-about-us .cont:nth-child(2) {

        padding: 10px;

    }



    .services-block .flex-block .ittem {

        width: 100%;

    }



    .comment-slider button {

        top: 105px;

    }



    .footer-container {

        flex-direction: column;

        gap           : 15px;

    }



    .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) {

    .head-block .fon {

        padding: 30px;

    }



    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       : 50%;

        padding     : 10px;

        padding-left: 40px;

    }



    .ogr-width.cont p {

        padding-left: 0px;

    }



    .ogr-width.cont h3 {

        padding-left: 0px;

    }





    .contact .cont {

        width  : 100%;

        padding: 10px;

    }

}



@media screen and (max-width: 480px) {

    .block-menu .menu li {

        margin: 5px;

    }



    .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        : #333;

        font-weight  : bold;

    }



    .link_cont {

        font-size: 25px;

    }



    .head-block .fon {

        padding: 15px;

    }



    h1 {

        font-size: 150%;

    }



    h4 {

        font-size: 100%;

    }



    h3 {

        font-size: 120%;

        padding  : 10px;

    }



    .block-two .cont:nth-child(1) {

        padding: 0px;

    }



    p {

        padding: 10px;

    }



    .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;

    }

}