@media (max-width: 767px) { /*For tablet */
    :root {
        --widthpadding: 2rem;
        --widthpaddingsmaller: 2rem;
        --widthpaddingverysmall: 2rem;
    }
    html,
    body {
        font-size: 16px;
        background-image: url(../data/img/bg-mobile.webp);
    }

    #menu-checkbox,
    #menu-checkbox-image {
        display: block;
        position: absolute;
        width: 2.5rem;
        height: 2.5rem;
        right: 2rem;
        top: 1rem;
        z-index: 10000;
        cursor: pointer;
    }
    #menu-checkbox {
        opacity: 0;
    }
    
    
    .group {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}

.image{
    width:100% !important;
}
    #menu-checkbox-image {
        background-image: url(../data/img/menu-open.webp);
        background-size: auto 1rem;
        background-position: center;
        background-repeat: no-repeat;
        transition: all 1s ease;
    }
    #header[data-state="scrolled"] #menu-checkbox-image {
        background-image: url(../data/img/menu-open-white.webp);
    }

    #header[data-open="true"] #menu-checkbox-image {
        background-image: url(../data/img/menu-exit.webp);
    }
    .menu-list {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-image: url(../data/img/menu-bg.webp);
        background-size: cover;
        background-position: center;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: all 1s ease;
        translate: 0 -100%;
    }
    .menu-list li a,
    .menu-list li a:visited,
    .menu-list li a:focus,
    .menu-list li a:active {
        color: var(--white);
        font-size: 2rem;
        display: inline-block;
    }
    #header[data-open="true"] .menu-list {
        translate: 0 0;
    }
    #header[data-open="true"] #logo-1,
    #header[data-open="true"] #logo-2 {
        filter: invert(100%);
    }
    #header[data-open="true"] #logo-2-inner {
        translate: 0 0;
    }

    .gallery-side-button {
        top: calc(100% - 3rem);
    }
    .gallery-image {
        margin-top: -10rem;
        margin-right: -4rem;
    }
    .gallery-text {
        width: 80%;
        top: 65%;
    }




    .content-block .content-box .content-box-image {
        border-radius: 1rem;
    }


    #About-content {
        margin-top: -8rem;
    }
    #About-content h2 {
        margin-bottom: 0;
    }
    #About-content .content {
        width: 100%;
      }

    .about-scroll {
        font-size: 1rem;
    }
    #about-scroll-logo {
        width: 6rem;
        height: 6rem;
    }
    #events-content .content {
        order: 3;
    }
    #events-content .content-image.content-image-special {
        width: 100%;
        order: 5;
    }
    #events-content .content-image.content-image-tall {
        order: 1;
        width: 50%;
        translate: none;
        margin-left: auto;
        margin-bottom: -3rem;
    }
    .content-block#events-content {
        margin-bottom: -5rem;
    }
    .content-block#brands .content-box {
        width: 100%;
        margin-bottom: 2rem;
        padding: 0 1rem;
    }
    #partners-block .content {
        width: 100%;
    }
    .content-block#brands .content {
        width: 100%;
        padding: 1rem;
    }
    .partners .partner-img {
        width: calc(50% - 0.5rem);
    }
    .contact-form input.input-small {
        width: 100%;
    }
    .rgpd {
        width: 100%;
    }
    .contact-form input.form-submit {
        width: 50%;
        margin: 0 auto;
    }
    .contact-form p {
        margin-bottom: 1rem;
    }
    .contact-form {
        padding: 5rem 2rem;
        background-image: url(../data/img/form-bg-mobile.png);
    }
    #footer-left {
        width: 80%;
        gap: 1rem;
    }
    #footer-left #footer-contact {
        flex-wrap: wrap;
    }
    #footer-left #footer-contact a {
        margin-left: 0;
        margin-top: 0.25rem;
    }
    #footer-left #footer-contact a {
        margin-left: 0;
        margin-top: 0.25rem;
    }
    #privacy-policy a {
        margin-top: 0.25rem;
        display: inline-block;
    }
    #footer-right {
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
        width: 20%;
    }
    #footer-right p {
        text-align: right;
        margin: 0 0 0.5rem 0;
    }
    #footer-left #footer-contact,
    #footer-left #footer-instagram {
        width: 100%;
    }
    #footer-left #footer-instagram {
        padding-left: 0;
    }
    #footer-left p#privacy-policy {
        margin-left: 0;
        width: 100%;
    }
    #footer-left a, 
    #footer-left a:visited, 
    #footer-left a:active, 
    #footer-left a:hover, 
    #footer-left a:focus {
        padding-left: 0;
        width: 100%;
    }
    #privacy-policy a, 
    #privacy-policy a:visited,
    #privacy-policy a:hover, 
    #privacy-policy a:active, 
    #privacy-policy a:focus {
        padding-left: 0;
    }
    #copyright {
        order: 5;
    }
    #cookies-bar {
        flex-direction: column;
        gap: 1rem;
    }
}