@media screen and (min-width: 1200px){
 .container {max-width:1280px;}  
}

@media screen and (max-width: 1599px) {
.year-program-sec .section-head h2 {
    font-size: 100px;
}
}

@media screen and (max-width: 1299px) {

 
    h2 {
        margin-bottom: 16px;
        font-size: 40px;
    }
    .year-program-sec .section-head h2 {
    font-size: 70px;
}

    .tickets-sec .tickets-slider {
        margin-top: 40px;
    }

    .tickets-sec .text-box {
        padding: 20px 20px;
    }

    .tickets-sec h4 {
        font-size: 21px;
        line-height: 115%;
    }

    .btn.btn-price {
        padding: 10px 24px;
        margin-top: 6px;
    }
    .category-img-program-8 .events-slider-section .slider-slide-box {
    width: 48.6%;
}

}

@media screen and (max-width:1199px) {


.program-page .section-head {
    margin-bottom: 0;
    padding-bottom: 0;
}
.year-program-sec .section-head h2 {
    padding: 0px 0px 15px 0px;

}
.year-program-sec .section-head h3 {font-size: 24px;}
.narrative-modal h3 {font-size:32px;}
.year-program-sec h4 {font-size: 34px;}

.program-page .secpd {
    padding: 140px 0px;
}


}

@media screen and (max-width: 1023px) {
.category-sec .image-box:hover,
.category-sec .bottom-slider-category .slider-slide-box:hover img {
    transform: scale(1);
}

}


@media screen and (max-width: 991px) {
.main {margin-top:0px;}
    .logo {
        max-width: 200px;
        width: 100%;
    }
.navbar-nav a{ font-size:13px;}

.header .navbar-nav .nav-item {padding: 0px 10px;}

blockquote p {font-size:20px; } 
.border-btn {padding: 14px 15px; }
.film-utsav-logo {margin-top: 80px; }
.category-img-program-8 .events-slider-section .slider-slide-box {width: 48%;}
.category-img-program-8 .events-slider-section .pro-time {font-size: 16px; margin: 0;}
.category-img-program-8 .events-slider-section .pro-month{margin:0px;}
.category-img-program-8 .events-box-title {margin: 0px 0px 15px 0px;}
.category-img-program-8 .events-box-title h3 {font-size: 24px;}

.event-arrow svg {width: 24px;}
.year-program-sec .section-head h2 {font-size: 48px;padding: 0px 0px 55px 0px;}
.pro-month {margin-bottom: 24px;}
.pro-month span {padding: 16px;}
.year-program-sec h4 {font-size: 24px;}
.pro-details a {margin-top: 8px;}
.pro-time {font-size: 14px;}
.year-program-sec .pro-details a{width: 100% !important; text-align: center;}
.year-program-sec hr {margin: 32px 0px;}
.category-sec .bottom-slider-category .cat-padding-box {padding: 0;}


}



@media screen and (max-width: 767px) {
.header .offcanvas-end {background: var(--primary-color);}
.offcanvas-end { border-right: none; width: 100%;}
.header .navbar-nav .nav-item {
    padding: 0px 24px;
    margin-bottom: 40px;
}

.menu-logo {
    padding: 48px;
}
.header .header-right .offcanvas-body {align-items: start;}
.offcanvas-header {padding: 16px 24px;border-color: rgba(255, 255, 255, 49%) !important;margin-bottom: 80px;border:none !important}
.header-close{background: var(--black-color); padding: 16px;border-radius: 4px;}
.header-right .offcanvas-body {align-items: self-start;padding: 20px 0px;}
.header-right .offcanvas-body nav {width: 100%;}

.header-main .navbar-nav li .nav-link {padding: 8px 0px;color: #fff;}
.header-main .navbar-nav .nav-link{ font-size: 20px; color: #fff; text-align: left;}
.header-main  .border-bottom {border-bottom: 1px solid #969ea5!important;}
/* .header .btn {margin-left: 10px; margin-top: 5px;} */
.header .btn-primary i{ display: none;}
.header-main{ padding:10px 0px;}
.header-inner {border-radius: 20px;padding: 15px 20px;}
.header .navbar-nav .nav-link {
    font-size: 48px;
    font-weight: 900;
    color: #000;
    text-transform: uppercase;
    line-height: 100%;
}
.header .buy-tickets-btn{padding: 0px;border-radius: 0px;}
/* End header css */
body{ font-size:14px;}

.footer {padding: 40px 0px;}
.footer .text-end { text-align: center !important;}
.footer-logo {margin: 40px 0 66px;gap: 40px;justify-content: flex-start !important;}

.social-links ul {justify-content: center;}
.copyright p {text-align: center;}
.footer-bottom {margin-top: 0;}
.sec-inaugural-meeting {padding-bottom: 25px;}

.btn-primary, .btn-secondary, .btn-outline{ font-size:14px;}
.lg-toolbar .lg-close {margin: 15px 15px;}

.upcoming-meeting h2, .upcoming-meeting p {
    margin-bottom: 24px;
}

/* anurag */


.tickets-sec {
    padding: 60px 0;
}

.tickets-sec.bg-black {
    background: transparent;
}

h2 {
    font-size: 32px;
}

    .tickets-sec .inner-tickers-sec h2 {
        color: var(--black-color) !important;
    }

.category-sec {
    background: var(--black-color);
    height: auto;
    padding: 40px 0px;
}

.category-sec ul {
    display: none !important;
}

.category-sec .heading {
    max-width: 290px;
    margin-bottom: 24px;
}

/*.category-sec .container {
    padding-right: 0; padding-left: 24px;
}*/
.category-img-program-1 .slider-slide-box,
.category-img-program-2 .slider-slide-box
.category-img-program-3 .slider-slide-box
.category-img-program-4 .slider-slide-box {
    border-radius: 16px;
    overflow: hidden;
}

.category-img-program-1 .container,
.category-img-program-2 .container,
.category-img-program-3 .container,
.category-img-program-4 .container,
.category-img-program-5 .container,
.category-img-program-6 .container,
.category-img-program-7 .container{padding: 0px 24px;}

.category-sec.category-img-program-5 .inner-category {
    position: relative;
}

/*.category-sec.category-img-program-5 .inner-category .heading {
    top: 15px;
    position: absolute;
    left: 15px;
}*/

.category-sec.category-img-program-6 .inner-category .img-doc-box,
.category-sec.category-img-program-7 .inner-category .img-doc-box {
    margin-left: -24px;
    margin-right: -24px;
}

.category-sec.category-img-program-5 .inner-category .img-doc-box,
.category-sec.category-img-program-6 .inner-category .img-doc-box,
.category-sec.category-img-program-7 .inner-category .img-doc-box  {
    margin-bottom: 25px;
}


.category-sec.category-img-program-5 .inner-category .content-box img {
    width: 100%;
}
.bottom-slider-category{margin-right: -24px;}

.category-img-program-8 .bottom-slider-category{margin-right: 0px;}

/*.category-sec.category-img-program-5 .inner-category .content-box {
    padding-right: 24px;
}*/


.category-sec.category-img-program-8 .container {
    padding-left: 24px;
    padding-right: 24px;
}


.category-img-program-8 .events-slider-section .slider-slide-box {
    width: 100%;

}



.year-program-sec h4 {
    margin-bottom:16px;
    gap: 16px;
    display: block;
}
.year-program-sec h4:first-child {
    margin-bottom: 24px;
}
.year-program-sec h4 span:first-child {
    margin-bottom: 16px;display: inline-block;
}

/* 
.hero {
    padding: 40px 0px;
} */
.hero .container {
    padding: 60px 24px 40px 24px;
}

.hero-content {
    flex-direction: column;
}

.screenings-info{margin-top: 0px;}
.hero-content {
    flex-direction: column;
    gap: 16px;
} 
.logo {
    max-width: 158px;
    width: 100%;
}
.hero-buttons {
        flex-direction: column;
        width: 100%;
    }
.screenings-info {
    width: 100%;
    justify-content: end;
}
blockquote {
    margin: 32px 0px;
}
.hero-buttons a {
    text-align: center;
}

.pro-time {
    width: max-content;
}

.year-program-sec {
    padding: 45px 0px;
}
.header .container,
.year-program-sec .container,
.footer .container {
    padding: 0px 24px;
}   
.year-program-sec .section-head {
    padding: 0px 0px 45px 0px;
}
.year-program-sec .section-head h2 {
  margin: 0px; padding: 0px 0px 20px 0px;
}
.year-program-sec .section-head h2 br {
    display: none;
}
.year-program-sec .section-head h3 {
    font-size: 20px;
}
   

.tickets-sec .text-box {
        padding:40px 32px 32px 32px ;
}



.emergingSec .container {
    padding: 0px 24px;
}
.tickets-sec .container {
    padding: 0px 0px 0px 24px;
}
.secpd {
    padding: 40px 0px;
}

.footer-logo img {
    max-width: 100px;
}

.footer-top {
    margin-bottom: 0;
}
.social-links ul {
        justify-content: start;
    }

    
.narrative-modal .buttonBox a {
    margin: 8px 0px;
}
.narrative-modal .modal-content {
    padding: 24px;
}
.narrative-modal .content-box ul li {
    padding-left: 0;
}
.narrative-modal .content-box ul li span {
           display: block;
        position: static;
}



.program-page .section-head h2 {
        margin: 0px; padding:0px
    }
.program-page .secpd {
        padding: 55px 0px;
        padding-top: 120px;
    }
.program-page .green-btn {
    width: 100%;
    text-align: center;
}
.nav-tabs {
    gap: 8px;
}
.nav-tabs .nav-link {
    padding: 8px;
}
.tab-box .content-box h3 {
    font-size: 32px;
    margin-bottom:32px;
}
.tab-box .tablist a {
    display: block;
    font-size: 24px;
    width: inherit;
}
.tab-box .pro-time {
    margin-top: 8px;
}
.year-program-sec .tab-box hr {
    margin: 32px 0px 24px 0px;
}

.tablist ul {
    padding-left: 25px;
}
.category-img-program-6 .image-box,
.category-img-program-7 .image-box,
.category-img-program-5 .image-box {
    width: 100%;
}

/*
.category-img-program-6 .container,
.category-img-program-7 .container,
.category-img-program-5 .container {
        padding-right: 24px;
        padding-left: 24px;
    }

.category-img-program-6 .img-doc-box,
.category-img-program-7 .img-doc-box,
.category-img-program-5 .img-doc-box {
    margin: 0px -24px;
}*/

.tablist ul li:after {
    width: 6px;
    height: 6px;
    left: -25px;
    top: 8px;
 
}
.video-box {
    margin-bottom: 20px;
}
.category-sec video {
    position: static;
}

.narrative-modal h3 {
        margin-top: 70px;
    }

    .tablist p{display: block;}
}