/* RESPONSIVE */
@media(max-width:991px) {
  .desktop-menu {
    display: none;
  }

  .menu-toggle {
    display: block;
  }
}

/* MOBILE SLIDER HEIGHT */
@media(max-width:768px) {
.navbar-brand img{width: 160px;}
.event-btn{font-size: 14px; padding: 7px 9px; font-weight: 500;}
.open-btn{font-size: 13px; padding: 7px 8px;}
.main-title-cat{font-size: 18px;}
  .slider,
  .carousel-item {
    height: 420px;
  }

  .image-borderkv {
    display: none;
  }

  .about-imgkv {
    width: 100%;
  }

  .mini-boxkv {
    right: 10px;
    bottom: 10px;
    padding: 15px 25px;
  }
}

/* responsive tweaks */
@media (max-width: 480px) {
  .icon-wrap-cat {
    width: 82px;
    height: 82px;
  }

  .icon-wrap-cat img {
    width: 40px;
    height: 40px;
  }

  .award-section img {
    width: 351px;
    margin-bottom: 18px;
  }
  .events-images{display:grid !important;}
  .twomarrow-events img{width:310px !important;}
  .scroll-img{top: 148px;right: 5px !important;}
  .ab-sub-title{margin-top: 20px;}
  .ab-title {font-size: 49px;}
  .fade-upkv{margin-bottom:-30px;}
}
#eventPopup-new{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.75);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:999999;
    padding:20px;
}

.event-popup-box-new{
    width:900px;
    max-width:100%;
    /* height:380px; */
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    display:flex;
    position:relative;
    box-shadow:0 20px 60px rgba(0,0,0,.25);
    animation:eventPopup-new .4s ease;
}

@keyframes eventPopup-new{
    from{
        opacity:0;
        transform:scale(.9);
    }
    to{
        opacity:1;
        transform:scale(1);
    }
}

.event-content-new{
    width:55%;
    padding:40px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.event-badge-new{
    display:inline-block;
    width:max-content;
    background:#7a1111;
    color:#fff;
    padding:8px 16px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
}

.event-content-new h2{
    font-size: 50px;
    color: #7a1111;
    font-family: serif;
    margin-bottom: 15px;
    font-weight: 700;
    text-align:left;
}

.event-desc{
    color:#666;
    line-height:1.8;
    margin-bottom:20px;
}

.event-info-new p{
    margin:8px 0;
    color:#000;
    font-size:17px;
}

.event-btn{
    margin-top:20px;
    display:inline-block;
    width:max-content;
    text-decoration:none;
    color:#fff;
    background:linear-gradient(135deg,#ff4b91,#d81b60);
    padding:14px 28px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.event-btn:hover{
    transform:translateY(-2px);
}

.event-image-new{
    width:45%;
    height:100%;
}

.event-image-new img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.event-close-new{
    position:absolute;
    top:12px;
    right:12px;
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:#262626;
    font-size:26px;
    cursor:pointer;
    z-index:99;
    padding:0px !important;
}

.event-close-new:hover{
    background:#e5e5e5;
}

@media(max-width:768px){

    .event-popup-box-new{
        flex-direction:column-reverse;
        height:auto;
        max-height:90vh;
        overflow:auto;
    }

    .event-content-new{
        width:100%;
        padding:25px;
    }

    .event-image-new{
        width:100%;
        height:220px;
    }

    .event-content-new h2{
        font-size:28px;
    }
}