@media only screen and (max-width: 991px) {
    .vh-100 {
        height: unset !important;
    }

    .gap-5 {
        gap: 2rem !important;
    }

    .language_mobile {
        display: block;
    }

    select,
    textarea,
    input:not(.form-check-input) {
        padding: 0.65rem 10px;
    }

    .container-xl,
    .container {
        padding-right: calc(var(--aous-aw-gutter-x) * 0.5);
        padding-left: calc(var(--aous-aw-gutter-x) * 0.5);
    }

    .hr,
    hr {
        margin: 1rem 0;
    }

    section {
        margin-top: 2rem;
        padding: 0 1rem;
        margin-bottom: 3rem
    }

    .description_card_text {
        width: 100%;
    }

    .lead {
        padding: 0.25rem;
    }

    .header_title {
        font-size: 2rem;
    }

    .header_section h1 {
        font-size: 1.75rem;
        margin-bottom: 1.5rem;
        width: 100%;
    }

    .navbar {
        padding: 0.5rem;
    }

    .navbar .navbar-toggler {
        background: rgba(24, 24, 27, .5);
        --buttonHeight: 40px;
        display: inline-flex;
        align-items: center;
        height: var(--buttonHeight);
        color: var(--aous-aw-white);
        width: 3.5rem;
        border-radius: 20px;
    }

    #navbar-menu {
        position: relative;
        z-index: 99;
        background: var(--main-color);
        padding: 1rem 0.5rem;
        border-radius: 8px;
        margin-top: 1rem;
        box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(0, 0, 0, 0.1);
    }

    .navbar .dropdown-menu .dropdown-menu-links {
        flex-direction: column;
    }

    .navbar .navbar-nav .nav-link,
    .navbar .navbar-nav .nav-item .nav-link-title {
        color: var(--aous-aw-white) !important;
        font-size: 1.1rem;
        font-weight: bold;
    }

    .landing {
        padding-inline: 1rem;
    }

    .landing h1 {
        font-size: 2.75rem;
        width: 100%;
    }

    .landing p {
        width: 100%;
        font-size: 1.1rem;
    }

    .companies_in_our_app {
        padding: 2rem 0rem;
        margin-top: 2rem;
    }

    .companies_in_our_app .companies_logos {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        justify-items: center;
        gap: 2rem;
        margin-top: 5rem;
    }

    .companies_in_our_app .scroller_inner li svg {
        --aous-aw-icon-size: 2.5rem;
    }

    .info_section .cards_info {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .info_section .cards_info .image_card {
        margin-bottom: 2rem;
    }

    .info_section .cards_info .personal_info>h1 {
        font-size: 1.25rem;
        margin-bottom: 1.5rem;
    }

    .info_section .cards_info .personal_info .the_info {
        padding: 2rem 1rem;
    }
    .info_section .cards_info:hover .personal_info .the_info>h1,
    .info_section .cards_info:hover .personal_info .the_info p {
        translate: 0px -10px;
    }

    .info_section .other_information {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .the_skills {
        padding: 2rem 0.75rem;
    }

    .the_skills .card_infos .row {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .about_section .about_section_cards .about_info_content .info_about>p {
        width: 100%;
    }

    .about_section .about_section_cards .about_info_content .info_about .about_list .descrption_card .step_info .description_text {
        width: 100%;
    }

    .info_developers_account .developers_account_list {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 2rem;
    }

    .single_page .description_title_single {
        width: 100%;
        font-size: 2rem;
    }

    .single_page .single_page_info {
        padding-top: 1rem;
    }

    .single_page .service_text {
        margin-top: 2rem;
        padding-inline: 0.5rem;
    }

    .single_page .single_page_info .service_list_description {
        padding-inline: 0.5rem;
        margin-top: 2rem;
    }

    .contact_page::before {
        display: none;
    }

    .contact_page::after {
        display: none;
    }

    .contact_page h1 {
        font-size: 2.5rem;
        margin-left: 2rem;
    }

    .work_methodology_section {
        margin-block: 3rem;
    }

    .work_methodology_section .card_work_methodology_area {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .cookie_card {
        width: 97%;
        display: block;
        padding: 1rem;
    }

    .app_footer {
        padding: 0.5rem;
    }

    .app_footer .app_footer_content .content_copyright {
        flex-direction: column;
        gap: 2.5rem;
    }

    .app_footer .app_footer_content .content_copyright .copyright {
        text-align: center;
    }

    .app_footer .app_footer_content .content_copyright .links_social_media {
        align-items: center;
    }
}