/* XL */
@media (max-width:1399px) {
    .container {
        max-width: 1140px;
    }
}

/* LG */
@media (max-width:1199px) {
    .container {
        max-width: 960px;
    }
}

/* MD */
@media (max-width:991px) {
    .container {
        max-width: 720px;
    }

    .w-md-1 {
        width: 100%;
    }

    /* HEADER */

    nav ul {
        position: absolute;
        top: 100%;
        left: 0;
        opacity: 0;
        background: rgba(100, 100, 100, 0.288);
        flex-direction: column;
    }
}

/* SM  */
@media (max-width:767px) {
    .container {
        max-width: 540px;
    }

    .w-sm-1 {
        width: 100%;
    }

    .w-sm-2 {
        width: 50%;
    }

    /* about  */

    .about-image , .contact-img{
        margin-left: 0px;
        margin-top: 10px;
    }

    /* EVENTS */

    .events-content h3{
        margin-top: 10px;
    }

    /* FOOTER  */

    .footer-title h3,
    .opening-time h3,
    .latest h3,
    .gallery-content h3 {
        margin: 20px 0;
    }
}

/* XS */
@media (max-width:575px) {
    .container {
        max-width: 100%;
    }

    .w-xs-1 {
        width: 100%;
    }
}