@media(max-width:991px){
    .events .date {
        left: -50px;
        transform: translate(-50%, 20%);
        top: 0
    }

    .events .col-lg-12.text-center a.btn {
        margin-top: 3rem;
    }
}


@media(max-width: 767px){
 .about-sec:before {
   background-size: contain;
   left: 50%;
   width: 100%;
   top: 50%;
   height: auto;
   opacity: 0.06;
   background-position: center;
   transform: translate(-50%, -50%);
   right: auto;
   bottom: auto;
   aspect-ratio: 1 / 0.95;
}

.events .date {
    right: 30px;
    left: unset;
    transform: translate(0, 0%);
    top: 0;
}

.detail-event h2 {
    max-width: 230px;
}

.detail-event .list-item li a, .detail-event .location {
    font-size: 20px;
}
.detail-event .location{
    color: #999fa0;
}

.date p{
    font-size: 20px;
    text-align: center;
}

.main-cultiv .row .contact-cultivate {
    padding: 30px;
}

.inner-hour .hours-panel, .inner-hour .hours-panel:first-child {
    padding: 30px 30px 40px 30px;
}

.map-sec iframe {
    width: 100%;
}

footer .footer-logo {
    padding: 40px;
}

.main-footer-nav ul li {
    margin-bottom: 20px;
}

}

@media(min-width: 768px) and (max-width: 991px){
    .events .date {
        left: -50px;
    }

    .events .card-body {
        padding-left: 60px;
    }
}