@media (max-width: 991px) {
    /* css mobile header */
    .menu {
        margin-left: 0;
    }
    #nav {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: white;
        padding: 1.5rem;
        z-index: 9999;
        overflow-y: auto;
    }

    #nav.mobile-active {
        display: block !important;
    }

    #close-menu {
        display: inline-block;
    }

    #nav .menu {
        display: block;
    }

    #nav .menu li {
        padding: 0.8rem 0;
        border-bottom: 1px solid #eee;
        position: relative;
    }

    #nav .submenu {
        display: none;
        position: static;
        background: #f9f9f9;
        padding-left: 1rem;
        box-shadow: none;
        margin-top: 0.5rem;
        border-radius: 5px;
    }

    #nav .dropdown.open > .submenu {
        display: block;
    }

    /* fin css mobile header */

    /* css section 2 */
    .damane-section {
        padding: 50px 0;
    }

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

    .image-column {
        height: auto;
    }

    .full-image {
        height: auto;
    }

    .text-content {
        padding: 0px !important;
    }
    /* fin css section 2 */
    /* css section 3 */
    .card {
        padding: 15px;
    }

    .card-title {
        font-size: 1.5rem;
    }

    .card img {
        max-height: 90px;
    }

    /* fin css section 3 */

    /* css section 4 */
    .partner-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    /* fin css section 4 */
    .newsletter-form input {
        padding: 12px 16px !important;
    }
    .newsletter-form button {
        font-size: 12px;
        padding: 12px 15px;
    }
    .footer-newsletter {
        padding: 60px 0px;
    }
    .newsletter-form input::placeholder {
        font-size: 14px;
    }
}