/* media queries */

@media (max-width: 768px) {

    .mob
    {
        display: block !important;
    }

    .h1-slim{
        font-size: 30px;
    }

    .mobile-vpad-80{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    .hero-fold {
        aspect-ratio: unset;
        min-height: 100vh;

        .hero-fold-content {
            flex-direction: column;
            align-items: flex-start;
            /* gap: 20px; */

            text-align: center;
            padding: 100px 40px;
             transform: translateY(-15%);

            div:first-child {
                width: 100%;
                margin:0;

                img{
                    width: 80px !important;
                }
            }

            div:last-child {
                width: 100%;
                margin:0;

                h1{
                    font-size: 30px;
                    line-height: 35px;
                }
            }

            ul {
                justify-content: center;
            }
        }

        .down-icon {
            bottom: 60px;
        }
    }

    .hero-fold-about {
        background-image: url('/images/header_about-mob.webp') !important;
    }

    .flex-row {
        flex-direction: column;
        align-items: center;
        gap: 20px;

        .content {
            text-align: center;
        }

        .image {
            width: 100%;
            padding-right: 0;
            padding-left: 0;
        }
    }

    .flex-reverse {
        flex-direction: column;
        align-items: center;
        gap: 20px;

    }

    .address-card{
       padding: 20px 0;
        p{
            margin-bottom: 0px;
        }

        p:last-child {
            margin-top: 0px;
        }
    }

    /* FORM STYLES */
    form {
        input, textarea {
            font-size: 14px;
        }

        button {
            font-size: 14px;
        }

        

        >.row {
            display: block;
            width: 100%;

            >.form-group {
                display: flex;
                flex-direction: column;
                gap: 10px;
                width: 100%;
                margin-top: 20px;

                &:first-child {
                    margin-top: 0;
                }
            }
        }
    }

    .limit-container > .content:not(.location-card){
        padding: 0 40px;
    }

    .limit-container > .location-card {
        padding: 20px 20px;
    }

    .limit-container {
        form{
            padding: 0 20px;
        }
    }

    /* FOOTER STYLES */

    footer {
        .footer-content {
            flex-direction: column;
            align-items: center;
            gap: 20px;
            text-align: center;
        }

        p {
            font-size: 14px;
            text-align: center;
        }
    }



    /* COOKIE PREFERENCES */

    #cookie-preferences {

         .limit-container{
            flex-direction: column;
            justify-content: start !important;
            transform: translateY(65vh) !important;
            height: 330px !important;
            gap: 0px !important;
            overflow: hidden !important;
            padding: 10px !important;
            .pleft, .pright {
                width: 100% !important;
                text-align: left !important;
            }
            .pright {
                form {
                    flex-direction: column !important;
                    align-items: start !important;
                    text-align: left !important;
                }
            }
         }

    }

}