@media only screen and (max-width: 1441px) {
   .banner-img img{width: 500px;}
   .display-2 {
    font-size: 3rem;
}
.increse_pricess {
    right: -10.2%;
}
}

@media only screen and (max-width: 1367px) {
    h1 {
    font-size: 64px;
    line-height: 74px;
}
.banner-img img{width: 450px;}
h2 {
    font-size: 48px;
    line-height: 54px;
}
.heading_right p {
    font-size: 16px;
}
.ticket_info h2 {
    font-size: 35px;
    line-height: 48px;
}
.st_ava h2 {
    font-size: 54px;
}
.st_ava p {
    font-size: 20px;
    padding-left: 10px;
}
.counter .d-grid span{font-size: 72px;}
.tt_text {
    font-size: 30px;
}
.marquee-content h2 {
    font-size: 140px;
    line-height: 140px;
}
.display-2 {
        font-size: 2.5rem;
    }
    .vanue_inner ul li h2 {
    font-size: 30px;
    line-height: 40px;
}
.increse_pricess {
        right: -10.7%;
    }
}
        
@media only screen and (max-width: 1280px) {
       h1 {
        font-size: 54px;
        line-height: 64px;
    }
    .banner_content h3 {
    font-size: 26px;
}
.banner_content p {
    font-size: 20px;
}
.banner-img img {
        width: 350px;
    }
        h2 {
        font-size: 42px;
        line-height: 50px;
    }
    .ticket_info h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .ticket-arrow {
    width: 50px;
    height: 50px;
}
.progress {
    height: 50px;
}
.progress .progress-bar{height: 92%;}
.progress .progress-bar .progress-complete{top: 10px;}
.plattand {
    font-size: 15px;
}
.tc_slide img {
    width:40px;
    height: 40px;
}
.se_img img{object-position: 160%;}
h4 {
    font-size: 18px;
    line-height: 30px;
}
.speaker_left {
    padding: 80px 0;
}
.marquee-content h2 {
        font-size: 100px;
        line-height: 100px;
    }
    .heading_right {
    flex-basis: 45%;
}
.pricing-subtitle {
    font-size: 16px;
}
    .display-2 {
        font-size: 1.6rem;
    }
    .mrt-100 {
    margin-top: 70px;
}
.vanue_inner ul li h2 {
        font-size: 26px;
        line-height: 36px;
    }
    h3 {
    font-size: 22px;
    line-height: 32px;
}
#my_sidebar li a {
    font-size: 15px;
    padding: 10px 20px;
}
    .increse_pricess {
        right: -14.5%;
    }
    .container {
    padding-left: 1em;
    padding-right: 1em;
}
}


@media only screen and (max-width: 992px) {
.ticket_lists ul {
    grid-template-columns: repeat(2, 1fr);
}
.main_banner_text h1{font-size: 48px;}
.header_rw .navigation_bar ul{display: none;}
.ticket_info ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.ticket_venue_inner{padding: 20px;}
.featurs ul{gap: 15px;flex-wrap: wrap;}
.about_rw_inner{flex-direction: column;}
.live_connect .about_rw_inner{flex-direction: column-reverse;}
.about_lft{width: 100%;height: auto;}
.about_rgt {
    width: 100%;
}
.about_rw_inner {
    gap: 30px;
}
.mrt-100{margin-top: 50px;}
.mrb-100{margin-bottom: 50px;}
.ct_info ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}
}

@media only screen and (max-width: 768px) {
    .header .navbar {
        width: 280px;
        z-index: 33;
        position: fixed;
        left: -280px;
        height: 100%;
        background: #04000A;
        top: 0;
        transition: all 0.4s;
    }
.header .navbar-toggler {
        display: block;
        background: none;
        border: none;
        color: #ffffff;
        margin-left: 15px;
    }
        .header .navbar {
        width: 280px;
        z-index: 33;
        position: fixed;
        left: -280px;
        height: 100%;
        background: #04000A;
        top: 0;
        transition: all 0.4s;
    }
    #close_btn {
        display: block;
        top: 0;
        background: none;
        border: none;
        z-index: 2;
        right: 15px;color: #ffffff;
    }
        #my_sidebar {
        align-items: flex-start;
        flex-direction: column;
    }
    header .navbar ul li {
        margin-right: 0;
        position: relative;
        width: 100%;
    }
    header .navbar ul li a {
        padding: 15px;
        width: 100%;
    }
        .body-class .header .navbar {
        left: 0;
    }
    .banner_content{flex-direction: column;}
    .banner_text {
    width: 100%;text-align: center;padding-bottom: 0;margin-bottom: 0px;padding-top: 0;
}
.banner_text h1 br{display: none;}
.our_sponsers{margin-top: 0;}
.sponserby {
    margin-top: 40px;
    width: 100%;
}
.sposner_logo{text-align: center;}
.main_banner .container {
    bottom: 120px;
        top: inherit;
}
   
    /*.main_banner{height: 100vh;}*/
/*    .main_banner .hero_img {*/
/*    object-position: left top;*/
/*}*/
    h1 {
        font-size: 42px;
        line-height: 54px;
    }
        .banner_content h3 {
        font-size: 22px;
    }
        .banner_content p {
        font-size: 18px;
    }
    .heading.d-flex{flex-direction: column;align-items: flex-start;}
    .heading_left{margin-bottom: 15px;}
        .heading_right {
        flex-basis: 100%;
    }
    .heading h2 span{display: inline;}
    h2 {
        font-size: 32px;
        line-height: 42px;
    }
        .heading_right p {
        font-size: 15px;
    }
    .ticket_info{flex-direction: column;}
    .ticket_list {
    width: 100%;
    margin-bottom: 15px;
}
.tc_slide {
    width: 100%;margin-bottom: 15px;
}
.group_sp {
    width: 100%;
}
.progress .progress-undone {
    right: 10px;
}
.counter .d-grid {
    grid-template-columns: repeat(2, 1fr);
}
.speaker_inner{flex-direction: column;}
    .speaker_left {
        padding: 50px 0;
        width: 100%;
    }
    .speaker_right {
    width: 100%;
}
.se_img {
    width: auto;
    height: auto;
}
.se_img img{border-radius: 20px;}
.circle-wrapper{width: 120px;height: 120px;}
.circle-wrapper .rotate-text span, .circle-wrapper .rotate-text2 span, .circle-wrapper .rotate-text3 span {
    transform-origin: 0 60px;
}
.modal-content{width: 700px;}
.marquee-content h2 {
        font-size: 72px;
        line-height: 72px;
    }
    .schedule_inner{flex-direction: column;}
    .schedule_left{margin-bottom: 30px;flex-basis: 100%;position: relative !important;top: 0;}
    .schedule_right{flex-basis: 100%;}
    .ticket_lists ul {
    grid-template-columns: repeat(1, 1fr);
}
.bg-ticket .pricing-bottom-content {
    padding-bottom: 30px;
}
#contact .vanue_inner ul{flex-direction: column;align-items: flex-start;gap: 15px;}
.form_rw{flex-direction: column-reverse;}
.form_right {
    padding-left: 0;
    flex-basis: 100%;margin-bottom: 20px;
}
.footer_inner{flex-direction: column-reverse;}
.footer_mid{padding: 15px 0;}
.section_seat.table-responsive{padding-bottom: 15px;}
.navbrand{display: flex;align-items: center;}
    .increse_pricess {
        right: -19%;
    }
    .hero-bg-mobile{display: block;width:100%;}
    .hero_img{display: none;}
    .vvrw .vanue_inner ul {
        flex-direction: column;
        align-items: flex-start;
    }
    .venue_info ul {
    grid-template-columns: repeat(1, 1fr);
}
.main_banner_text h1, h1{font-size: 26px;}
h2{font-size: 24px;line-height: normal;}
.ticket_venue{margin-top: 180px !important;}
.time-box {
    width: 48%;
}
.countdown{flex-wrap: wrap;}
.time-box span {
        font-size:42px;
    }
    .seats_bx{flex-wrap: wrap;align-items: flex-start;row-gap: 15px;}
    .seats_bx_inner {
    gap: 15px;
}
.seats_bx_inner ul {
    grid-template-columns: repeat(1, 1fr);
}
.ticket_list ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}
.ticket_head{flex-direction: column;align-items: flex-start;}
.tc_address{margin-bottom: 15px;}
.marquee h2 {
    font-size: 75px;
}
.navigation_bar ul{flex-wrap: wrap;gap: 15px;row-gap: 0;}
.copyright_inner{flex-direction: column;align-items: flex-start;}
.copyright_inner ul {
    gap: 15px;flex-wrap: wrap;
}
.navbar-hamburger.d-none{display: flex;}
.nav_right .btn-main{padding:0.7rem 1rem;}
.navbar-hamburger{width: 50px;}
.navbar-hamburger .navbar-hamburger__line{width: 30px;}
.ticket_lists ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
}
}

@media only screen and (max-width: 576px) {
    .nav_logo img{max-width: 120px;}
    .ticket_venue{margin-top: 300px !important;}
        .nav_right .btn-main {
        padding: 0.7rem 0.5rem;
        font-size: 12px;
    }
    .increse_pricess {
        right: -25%;
    }
.hall__screen{height: 250px;}
.mrt-100{margin-top: 50px;}
.mrb-100{margin-bottom: 50px;}
.marquee-content h2 {
        font-size: 50px;
        line-height: 50px;
    }
    .form_map iframe {
    height: 300px;
}
.vanue_inner ul li h2 {
        font-size: 20px;
        line-height: 32px;
    }
    .marquee-content {
    animation: marquee 15s linear infinite;
}
.header_btn .main-btn{padding: 10px 12px;}
    .marquee-content h2 {
        font-size: 42px;
        line-height: 42px;
    }
    .modal-content {
        width: 480px;
    }
    .video_modal iframe {
    height: 300px;
}
    .video-popup.video-popup-left {
        left: calc(50% - 50px);
        top: -44px;
    }
    .schedule_right li{flex-direction: column;gap: 15px;}
    .circle-wrapper .circle-bg {
    width: 100px;
    height: 100px;
}
.circle-wrapper {
        width: 100px;
        height: 100px;
    }
        .circle-wrapper .rotate-text span, .circle-wrapper .rotate-text2 span, .circle-wrapper .rotate-text3 span {
        transform-origin: 0 54px;
    }
    .video-popup .circle-wrapper .inner-circle {
    width: 48px;
    height: 48px;
    top: calc(50% - 26px);
    left: calc(50% - 26px);
}
.sales_close.d-flex{flex-direction: column;}
h2 {
        font-size: 26px;
        line-height: 36px;
    }
        h3 {
        font-size: 18px;
        line-height: 30px;
    }
    .spo_rw {
    padding: 15px;
}
.ticket_list li {
    padding: 0.8rem 1rem;
}
.ticket_list li{font-size: 16px;}
.group_sp ul li{text-align: center;}
.counter .d-grid span {
        font-size: 42px;
    }
    .tt_text {
        font-size: 22px;
    }
    .tt_text{margin-left: -5px;}
        h1 {
        font-size: 26px;
        line-height: 40px;
    }
    .banner_content h3 {
        font-size: 18px;
    }
    .mrt-70 {
    margin-top: 50px;
}
.banner-img {
    width: 100%;
    position: relative;
    right: 0;
    text-align: center;
}
.vanue_inner {
    padding: 25px 15px;
}
.navbrand a {
    font-size: 18px;
}
#form_modal .modal-content {
    width: 320px;
}
.cinema_rw_img video {
    height: auto;
}
.marquee h2 {
    font-size: 64px;
    line-height: normal;
}
.sidebar_btm{flex-direction: column;padding: 1rem;align-items: flex-start;gap: 15px;}
.main_banner_img::after{height: 250px;width:250px;        filter: blur(100px);}
.main_banner {
    height: 700px;
}
.main_banner_img img{width: 250px;}
.nav_logo{gap: 15px !important;}
.main_banner_text p {
    font-size: 14px;
.nav_logo img {
    width: 120px;
}
.heading p br{display: none;}
.ticket_lists ul {
        gap: 15px;
    }
        .ticket_info ul {
        gap: 0;
    }
    .footer-back-to-top__background {
        width: min(5rem, 5vh);
        height: min(5rem, 5vh);
    }
        .footer-back-to-top {
        right: 2rem;
        bottom: 2rem;
        width: min(5rem, 5vh);
        height: min(5rem, 5vh);
    }
    .cl_em.d-flex{flex-direction: column;align-items: flex-start;}
    .main_banner_text{padding: 0 15px;}
    .ticket_venue {
        margin-top: 130px !important;
    }
}

@media only screen and (max-width: 480px) {
    
    .modal-content {
        width: 320px;
    }
    .circle-wrapper .rotate-text p,
.circle-wrapper .rotate-text2 p,
.circle-wrapper .rotate-text3 p {
  line-height: 3.3;
}
 .increse_pricess {
        right: -32%;
    }
        .main_banner .container {
        bottom: 85px;
    }
}

@media only screen and (max-width: 390px) {
    .increse_pricess {
        right: -38%;    padding: 7px;
    }
    .main_banner {
    height: 66vh;
}
.vanue_inner ul li p a{font-size:15px;}
}