@media(max-width: 900px) {

    .dash-grid-six,
    .dash-grid-quatre,
    .dash-grid-cinq,
    .dash-grid-trois,
    .grid-deux,
    .grid-six,
    .grid-cinq,
    .grid-quatre {
        grid-gap: 10px;
        border-radius: 15px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        padding: 0;
    }

    nav .app-logo .logo img {
        margin-top: 10px;
    }

    nav .app-logo .logo {
        margin-left: 60px;
    }

    .offcanvas.offcanvas-end {
        width: 100%;
    }
}

@media(max-width: 800px) {

    .grid-trois,
    .dash-grid-six,
    .dash-grid-quatre,
    .dash-grid-cinq,
    .dash-grid-trois,
    .dash-grid-deux,
    .grid-six,
    .grid-cinq,
    .grid-deux,
    .grid-quatre {
        grid-gap: 10px;
        border-radius: 15px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        padding: 0;
    }

    .sm-none {
        display: none !important;
    }

    .hero2-section-area .hero-heading h1 {
        font-size: 1.2em !important;
    }

    .container {
        width: 99% !important;
    }
}