@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1340px;
    }
}

:root {
    --bs-white: #fff;
    --bs-black: #000;
    --bs-site-yellow: #faf60c;
    --bs-site-blue: #144f8b;
    /* --bs-site-navtext: #555555; */
    --bs-site-text: #5F5F5F;
    /* --bs-site-text2: #45474d;
    --bs-site-text3: #202226; */
    --bs-site-red: #f80000;
    --fontfamily-main: "Poppins", sans-serif;
    --inputcolor: #3e3e3e;
    --bgcolorfooter: #dbe8f9;
    --lightredcolor: #fff5f4;
    --grencolor: #18AA4A;
    --textcolor: #475166;
    --darkgrey: #222222;
}

body {
    font-family: var(--fontfamily-main);
    color: var(--bs-site-text);
    font-size: 17px;
    line-height: 1.4em;
    font-weight: 400;
    color: var(--darkgrey);
}

* {
    padding: 0px;
    margin: 0px;
    transition: 0.5s ease-in-out;
}

a {
    text-decoration: none;
}

ul li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
ul {
    padding: 0px;
    margin: 0px;
}

h4.faq-heading {
    margin-bottom: 30px;
}

img {
    max-width: 100%;
}

header {
    padding: 10px 0px;
    /* border-bottom: 1px solid #dddddd; */
    position: relative;
    z-index: 3;
    background: #fff;
}


.col-home-banner {
    position: relative;
}
.main-banner-content {
    left: 20px;
}

.menu-listing-top ul li {
    display: inline-block;
    padding-right: 30px;
}

.menu-listing-top ul li a {
    color: var(--bs-site-red);
    font-size: 17px;
    line-height: 1em;
    font-weight: 500;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}

.menu-listing-top ul li a img {
    padding-right: 10px;
    max-width: 33px;
}

.header-top-first,
.header-top-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-login ul li {
    display: inline-block;
}

.menu-login ul li:not(:last-child) {
    padding-right: 15px;
}

.menu-login ul li a {
    font-size: 15px;
    line-height: 1em;
    font-weight: 500;
    color: var(--textcolor);

}

.menu-listing-top li:last-child span {
    position: relative;
    top: 4px;
}

.col-end {
    justify-content: flex-end;
    display: flex;

}

.main-menu-block ul li {
    display: inline-block;
}

.main-menu-block ul li:not(:last-child) {
    padding-right: 30px;
}

.main-menu-block ul li a {
    font-size: 15px;
    line-height: 1em;
    font-weight: 500;
    color: var(--textcolor);
    text-transform: uppercase;

}

.main-menu-block ul li a:hover,
.menu-login ul li a:hover {
    color: var(--bs-site-red);
}

.header-top-menu li {
    display: inline-block;
}

.header-top-menu li:not(:last-child) {
    padding-right: 5px;
}

.header-top-menu li a {
    background-color: var(--bs-site-red);
    color: #fff;
    font-size: 15px;
    line-height: 1em;
    font-weight: 500;
    text-transform: uppercase;
    padding: 8px 25px;
    border-radius: 20px;
    text-align: left;
}

.header-top-menu li a img {
    max-width: 32px;
    padding-right: 8px;
}

.header-top-menu li:last-child a img {
    max-width: 25px;
}

.header-top-bottom {
    justify-content: end;
    margin-top: 20px;
}

.has-delay-short {
    animation-delay: 0.5s;
}

.header-top-menu {
    padding-left: 20px;
}

.main-banner-item {
    position: relative;
}

.movieSoon-block {
    margin: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.moviesSoon-section.spacing-section {
    padding-bottom: 60px;
}

.main-banner {
    height: 100%;
    min-height: 890px;
    min-height: 550px;
}

.main-banner img {
    display: inline-block;
    border-radius: 10px;
    border: 1px solid #eee;
}

.btn-link {
    background-color: var(--bs-site-red);
    color: #fff;
    font-size: 19px;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase;
    padding: 11px 25px;
    border-radius: 20px;
    text-align: left;
    text-decoration: none;
}

.btn-link:hover,
.header-top-menu li a:hover {
    background-color: var(--bs-black);
    color: #fff;
}

.btn-link img {
    max-width: 25px;
    margin-right: 10px;
}

.main-banner-content h2 {
    color: #fff;
    font-weight: 900;
    text-transform: capitalize;
    font-size: 50px;
    line-height: 1em;
    padding-bottom: 30px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    text-shadow: 1px 1px 7px #222;
}

.main-banner-content {
    position: absolute;
    left: 40px;
    bottom: 60px;
}

.main-title-inner {
    display: flex;
    align-items: center;
}

.moviesSoon-section.spacing-section .main-title-inner h2,
.theaterListing-section .main-title-inner h2,
.main-title h2.home-music {
    color: var(--bs-site-red);
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
    line-height: 1em;
    padding-left: 0px;
    position: relative;
    left: -20px;

}

.main-title-inner.main-title-inner-single h2 {
    position: static;
}

.main-title-inner img {
    max-width: 110px;
}

.moviesSoon-section {
    padding-top: 90px;
}

.main-title-inner {
    margin-bottom: 30px;
}

.soon-content h6 {
    color: #222;
    font-weight: 500;
    font-size: 20px;
    margin-top: 9px;
    margin-bottom: 2px;
}

.soon-content p {
    font-size: 15px;
    line-height: 1.4em;
    font-weight: 500;
}

.thesterListing-left {
    padding: 15px 15px;
    background-color: #ffe8bb;
}

.thesterListing-left {
    text-align: center;
    /* max-width: 270px; */
}

.theater-listing .col-md-3 {
    width: 22%;

}

.theater-listing .col-md-9 {
    width: 78%;

}

.theater-listing-box {
    background-color: #ffeddf;
    padding: 10px;
    display: flex;
    align-items: center;

}

.theater-listing-right li {
    width: 33.333%;
    float: left;
    padding-right: 10px;
    margin-bottom: 10px;

}

.theater-listing-right li:nth-child(3n) {
    padding-right: 0px;
}

.theater-listing-box img {
    border: 2px solid #555;
    margin-right: 13px;
    height: 60px;
}

.box-list-right h6 {
    color: var(--bs-site-red);
    font-weight: 700;
    font-size: 16px;
    line-height: 1em;
    margin-top: 5px;
}

.box-list-right p {
    font-size: 15px;
    line-height: 1.4em;
    font-weight: 500;
    color: #222;
    margin-top: 7px;

}

.footer-top h4 {
    color: var(--bs-site-red);
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.footer-top {
    background-color: #ffd2b2;
    padding: 90px 0px;
}

.footer-top p {
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 500;
    color: #222;
}

.footer-top-menu ul li a {
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 500;
    color: var(--bs-site-red);
    letter-spacing: -0.5px;

}

.footer-top-menu ul li a:hover {
    color: var(--bs-black)
}

.footer-top .col-md-2 {
    width: 13.66666667%;
}

.footer-top .footer-social {
    width: 19.66666667%;
}

.footer-contact li a {
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 500;
    color: #222;
    letter-spacing: -0.5px;
    display: flex;
    margin-bottom: 20px;

}

.footer-contact li a i {
    padding-right: 6px;
    font-size: 18px;
}

.footer-top-left img {
    padding-top: 50px;
}

.footer-social-block ul li {
    display: inline-block;
    font-size: 22px;
}

.footer-social-block ul li a {
    color: #FED3B1;
    height: 38px;
    width: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
}

.footer-social-block ul li a:hover {
    background-color: var(--bs-site-red);
}

.footer-social-block ul li:not(:last-child) {
    margin-right: 5px;
}

.footer-bottom {
    background-color: #222;
    text-align: center;
    padding: 10px 0px;
}

.footer-bottom p {
    color: #fff;
    font-size: 13px;
}

.slider-ticket-item {
    background-size: 100% !important;
    height: 580px;
    background-size: cover !important;
    height: 604px;

}

.slider-item-inner {
    padding: 75px 120px;
    display: flex;
}

.ticket-slider {
    padding-top: 90px;
}

.slider-item-left {
    width: 340px;
}

.slider-item-right {
    width: calc(100% - 340px);

}

.sub-title li {
    display: inline-block;
}

.sub-title li:first-child {
    width: 165px;
    display: flex;
    align-items: center;
    color: #475166;
    font-weight: 500;
    font-size: 18px;
    line-height: 1em;
}

h5.non-slant-title {
    color: #475166;
    font-weight: 500;
    font-size: 16px;
    line-height: 1em;
    padding: 0px 18px;
}

.sub-title li:first-child img {
    padding-right: 10px;
}

.sub-title li:last-child {
    width: calc(100% - 165px);
    margin-left: 5px;
}

.slider-item-right {
    padding: 0px 76px;
}

.sub-title-2 {
    margin-top: 6px
}

.sub-title {
    display: flex;
    align-items: center;
}

.slider-item-right h2 {
    font-weight: 900;
    font-size: 25px;
    line-height: 1em;
    margin-bottom: 20px;
    color: var(--bs-black);
}

.film-info ul li {
    color: #222222;
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.film-info ul li span:first-child {
    width: 120px;
    font-weight: 600;
}

.film-info ul li span:last-child {
    width: calc(100% - 120px);
    padding-right: 10px;
}

.film-info ul li:not(:last-child) {
    margin-bottom: 20px;
}

.film-info {
    padding: 40px 0px;
    padding-bottom: 20px;
}

#youtubePlayerOverlay {
    display: block;
    border: 5px solid #d71031;
    margin: 5px;
    background-color: rgba(0, 0, 0, 1);
}

#youtubePlayerOverlay .closeIcon:hover {
    background: rgba(255, 255, 255, 0.9);
}

#youtubePlayerOverlay {
    display: block;
}

.button-play.is-play {
    background-color: transparent;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    z-index: 9;
    border: 3px solid #000;
    display: inline-block;
    position: relative;

}

.button-play.is-play .button-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    transform: translate(-50%, -50%);
    color: #000;
}

.slider-item-right img {
    display: inline-block;
}

.slider-item-right .header-top-menu {
    padding-left: 0px;
    margin-top: 30px;
}

.vid-btn-block h5 {
    text-transform: uppercase;
    padding-left: 15px;
    font-size: 15px;
    line-height: 1em;
    font-weight: 600;
}

.vid-btn-block .btn-icon {
    display: flex;
    align-items: center;
}

.ticket-slider .slick-dots li {
    width: 25px;
    height: 25px;
    margin: 0px;
}

.ticket-slider .slick-dots li:not(:last-child) {
    margin-right: 10px;
}

.ticket-slider .slick-dots li button {
    height: 25px;
    width: 25px;
}

.ticket-slider .slick-dots li button:before {
    height: 25px;
    width: 25px;
    background-color: #ffeddf;
    opacity: 1;
    border-radius: 50%;
    font-size: 0px;
}

.ticket-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: #f8daa8;
    border: 1px solid #f8876d;
}

.ticket-slider .slick-dots {
    position: absolute;
    bottom: -50px;
}

.concert-slider-container .main-title-inner h2 {
    position: static;
    padding-left: 20px;
}

.concert-slider-container {
    padding-top: 70px;
}

.sliderConcert-item-inner {
    display: flex;

}

.concertSlider-left {
    width: 470px;
}

.concertSlider-right {
    width: calc(100% - 470px);
    padding-left: 60px;
    padding-top: 50px;
}

.concertSlider-right h2 {
    font-size: 30px;
    line-height: 1em;
    margin-bottom: 0px;
    color: var(--bs-site-red);
    font-weight: 900;

}

.concertSlider-right p {
    color: #222;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.8em;
    text-align: justify;

}

.concert-content {
    margin: 35px 0px;

}

.concertSlider-right .header-top-menu {
    padding-left: 0px;
}

.concertSlider-right img {
    display: inline-block;
}

.concert-loco {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.concert-loco h6 {
    font-weight: 700;
    font-size: 18px;
    line-height: 1em;
    padding-bottom: 5px;
}

.concert-slider-info {
    display: flex;
    margin: 60px 0px;
    max-width: 600px;

}

.concert-slider-info .info-box:not(:last-child) {
    margin-right: 50px;
}

.concert-slider-info h2 {
    color: #f6aa05;
    font-weight: 600;
    font-size: 70px;
    line-height: 1em;
    padding-right: 5px;
}

.concert-slider-info h3 {
    color: #000;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.3em;
}

.concert-slider-info .info-box {
    display: flex;
    align-items: center;
}

.concert-inner-slider .slick-prev,
.movieSoon-listing-slider .slick-prev {
    background: url(../images/leftnav.png) center no-repeat;
    width: 50px;
    height: 101px;
    opacity: 1;
    left: -85px;
}

.concert-inner-slider .slick-next,
.movieSoon-listing-slider .slick-next {
    background: url(../images/right-nav.png) center no-repeat;
    width: 50px;
    height: 101px;
    opacity: 1;
    right: -85px;
}

.concert-inner-slider,
.movieSoon-listing {
    overflow: hidden;
}

.slick-prev:before,
.slick-next:before {
    font-size: 0px;
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes triangleStroke {
    from {
        stroke-dashoffset: 90;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes triangleStroke {
    from {
        stroke-dashoffset: 90;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@-o-keyframes triangleStroke {
    from {
        stroke-dashoffset: 90;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes triangleStroke {
    from {
        stroke-dashoffset: 90;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@-moz-keyframes smallScale {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(1.5);
        opacity: 0;
    }
}

@-webkit-keyframes smallScale {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(1.5);
        opacity: 0;
    }
}

@-o-keyframes smallScale {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes smallScale {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(1.5);
        opacity: 0;
    }
}

.spacing-section {
    padding-bottom: 90px;
}



.animate__animated {
    animation: 0.5s ease-out 0s 1 slideInFromLeft forwards;
    animation-delay: 0.2s;
}

.animate__animated_right {
    animation: 1.5s ease-out 0s 1 slideInFromRight forwards;
    animation-delay: 0.2s;
}

.animate__animated_zoom {
    /* animation: 1.5s ease-out animateZoom; */
    /* animation: animateZoom 1.5s ease-out; */
    animation: zoom-in-zoom-out 2s ease-out;
    animation-delay: 0.2s;
}

@keyframes slideInFromLeft {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes slideInFromRight {
    0% {
        transform: translateX(50%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes animateZoom {
    0% {
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(0.7, 0.7);
    }

    50% {
        transform: scale(1.15, 1.15);
    }

    100% {
        transform: scale(1, 1);
    }
}

h5.slant-title {
    clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%);
    background-color: var(--bs-site-red);
    padding: 12px 18px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
}





.no-mob {
    display: flex;
}

.no-des {
    display: none;
}


/* MEDIA QUERIES */
@media screen and (max-width: 1200px) and (min-width:769px) {
    .main-banner-item {
        height: 450px;
    }

    .main-banner {
        min-height: 450px;
        height: auto;
    }

    .main-banner-content {
        bottom: 50px;
    }

    header .header-top .col-md-3 {
        width: 15%
    }

    header .header-top .col-md-9 {
        width: 85%
    }

    .menu-listing-top ul li a {

        font-size: 14px;
    }

    .main-menu-block ul li a {
        font-size: 13px;
        text-transform: capitalize;
    }

    .main-menu-block ul li:not(:last-child) {
        padding-right: 10px;
    }

    .header-top-menu li a {

        font-size: 13px;

        padding: 8px 16px;

    }

    .header-top-menu {
        padding-left: 10px;
    }

    .slider-item-inner {
        padding: 45px 30px;
        display: flex;
    }

    .slider-item-left {
        width: 300px;
    }

    .slider-item-right {
        width: calc(100% - 300px);
        padding: 0px 20px;
    }

    .movieSoon-listing .container {
        max-width: 700px;
    }

    .theater-listing .col-md-3 {
        width: 100%;
        max-width: 300px;
    }

    .theater-listing .col-md-9 {
        width: 100%;
        /* max-width: 300px; */
        margin-top: 20px;
    }

    .box-list-right {
        padding-left: 10px;
    }

    .concertSlider-left {
        width: 300px;
    }

    .concertSlider-right {
        width: calc(100% - 300px);
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .concert-slider-info h2 {

        font-size: 50px;
    }

    .concert-slider-info {
        display: flex;
        margin: 30px 0px;
    }

    .concert-content {
        margin: 25px 0px;
    }

    .concert-slider-info .info-box:not(:last-child) {
        margin-right: 10px;
    }

    .concert-slider-info h3 {

        font-size: 14px;
    }

    .concert-inner-slider .container {
        max-width: 700px;
    }

    .concert-loco h6 {
        font-weight: 700;
        font-size: 15px;
    }

    .footer-social-block ul li a {

        height: 33px;
        width: 33px;
    }

}
@media screen and (max-width: 1500px) and (min-width:1200px) {

    .main-menu-block ul li:not(:last-child) {
        padding-right: 15px;
    }
    .header-top-menu li a {
        font-size: 13px;
        padding: 8px 16px;
    }


}

@media screen and (max-width: 1500px) and (min-width:769px) {

    html .concert-inner-slider .slick-prev,
    .movieSoon-listing-slider .slick-prev {
        left: -50px;
        background-size: 31px;
    }

    html .concert-inner-slider .slick-next,
    .movieSoon-listing-slider .slick-next {
        right: -50px;
        background-size: 31px;
    }
}

@media screen and (min-width:769px) {
    .no-des {
        display: none !important;
    }
    .header-top .col-md-3{
        padding-left: 0px;
    }
}

@media screen and (max-width:768px) {
    .no-mob {
        display: none;
    }

    .no-des {
        display: block;
    }
   html .subscription-box .form-control{
        margin-right: 0px;
        margin-bottom: 15px;
        width: 100%;
    }
  html .subscription-box button{
        width: 100%;
    }
   html .form-sub-bottom{
        display: block;
    }
}

@media screen and (max-width:768px) {
    .mean-container .mean-nav ul li a {
        text-transform: capitalize;
        font-size: 15px;
        line-height: 15px;
        background-color: var(--bs-black);
    }

    .mean-container .mean-nav ul li a.mean-expand {
        height: 18px;
    }

    .mean-container .mean-nav ul li {
        background: none;
    }

    .sf-menu ul {
        position: static;
    }

    .mean-container .mean-nav ul ul li a:hover {
        background-color: rgba(246, 21, 18, 0.83);
    }

    .mean-container .mean-nav ul ul {
        /* background-color: rgba(30, 95, 182, 0.83); */
    }

    .mean-container .mean-bar {
        background-color: transparent;
        z-index: 999;
        right: 0px;
        top: 2px;
        top: 31px;
    }

    html .mean-container a.meanmenu-reveal {
        width: auto;
        height: auto;
        padding: 0px;
        position: absolute;
        top: 10px;
        right: 10px !important;
        cursor: pointer;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        text-indent: inherit;
        line-height: 22px;
        font-size: 25px !important;
        display: inline-block;
        background-color: transparent !important;
        /* font-family: Arial, Helvetica, sans-serif; */
        color: var(--bs-site-red);
    }

    #header-container .mean-bar .meanmenu-reveal.meanclose {
        font-family: 'Font Awesome 6 Brands';
        font-size: 18px !important;
    }

    .main-menu-container {
        display: none;
    }

    html .mean-container a.meanmenu-reveal.meanclose {
        background-color: transparent !important;
        color: var(--bs-site-blue);
        color: var(--bs-black);
        top: 14px;
    }

    html .mean-container .mean-nav {
        margin-top: 54px;
    }

    .header-top .col-md-3 {
        width: 30%;
    }

    .header-top .col-md-9 {
        width: 70%;
    }

    .header-top {
        position: relative;
    }

    .main-logo {
        position: absolute;
        top: 10px;
        z-index: 9999;
    }

    .main-logo img {
        max-width: 120px;
    }

    .header-top-first {
        position: absolute;
        top: 9px;
        z-index: 9999;

    }

    .menu-login ul li a {
        font-size: 14px;
    }

    .menu-login ul li:not(:last-child) {
        padding-right: 7px;
    }

    header {
        padding: 0px;
        height: 89px;
    }

    .mobile-menu {
        display: none;
    }

    .main-banner-item {
        height: 250px;
    }

    .main-banner {
        min-height: 250px;
        height: auto;
    }

    .main-banner-content {
        bottom: 50px;
    }

    .main-banner-content h2 {

        font-size: 30px;
        padding-bottom: 25px;
    }

    .btn-link {

        font-size: 16px;
        padding: 8px 15px;


    }

    .ticket-slider {
        padding-top: 30px
    }

    .slider-ticket-item {
        height: auto;
    }

    .slider-item-inner {
        display: block;
        padding: 30px 20px;
    }

    .slick-slide .slider-item-left img {
        display: block;
        max-width: 300px;
        padding-top: 30px;
        margin: 0 auto;
    }

    .slider-item-right {
        padding: 0px;
        width: 100%;
        padding-top: 30px;
    }

    .slider-item-right h2 {
        font-size: 23px;
        margin-bottom: 10px;
    }

    .sub-title li:first-child img {
        padding-right: 8px;
        padding-top: 0px;
        max-width: 32px;
        margin: 0px;
    }

    .film-info ul li:not(:last-child) {
        margin-bottom: 10px;
    }

    .film-info ul li {

        font-size: 14px;
        line-height: 1.4em;
    }

    .film-info {
        padding: 25px 0px;
        padding-bottom: 17px;
    }

    .header-top-menu li a {

        font-size: 14px;

        padding: 7px 22px
    }

    .slider-item-right .header-top-menu {
        padding-left: 0px;
        margin-top: 20px;
        margin-bottom: 25px;
    }

    .ticket-slider .slick-dots li button {
        height: 20px;
        width: 20px;
    }

    .ticket-slider .slick-dots li button:before {
        height: 20px;
        width: 20px;
    }

    .ticket-slider .slick-dots li {
        width: 20px;
        height: 20px;
    }

    .main-title-inner h2 {

        font-size: 23px;

        left: -15px;
    }

    .main-title-inner img {
        max-width: 85px;
    }

    .moviesSoon-section.spacing-section {
        padding-bottom: 30px;
        padding-top: 50px;
    }

    .theater-listing .col-md-3 {
        width: 100%;
    }

    .theater-listing .col-md-9 {
        width: 100%;
        margin-top: 20px;
    }

    .theater-listing-right li {
        width: 100%;
        float: left;
        padding-right: 0px;
        margin-bottom: 10px;
    }

    .spacing-section {
        padding-bottom: 30px;
    }

    .concert-slider-container {
        padding-top: 30px;
    }

    .sliderConcert-item-inner {
        display: block;
    }

    .concertSlider-right {
        width: 100%;
        padding-left: 0px;
        padding-top: 20px;
    }

    .concert-slider-info {
        display: flex;
        margin: 25px 0px;
        max-width: 400px;
    }

    .concert-slider-info h2 {

        font-size: 55px;

    }

    .concert-slider-info h3 {

        font-size: 19px;
    }

    .concert-content {
        margin: 20px 0px;
        margin-top: 10px;
    }

    .concert-inner-slider .slick-prev,
    .movieSoon-listing-slider .slick-prev {

        opacity: 1;
        left: 50%;
        bottom: 10px;
        top: inherit;

        background-size: 29px;
        z-index: 9;
        margin-left: -44px;
    }

    .concert-inner-slider .slick-next,
    .movieSoon-listing-slider .slick-next {

        right: 50%;
        bottom: 10px;
        top: inherit;
        z-index: 9;
        background-size: 29px;
        margin-right: -44px;
    }

    .movieSoon-listing .slick-list,
    .concert-inner-slider .slick-list {
        padding-bottom: 80px;
    }

    .footer-top {
        padding: 30px 0px;
    }

    .footer-top-left img {
        padding-top: 0px;
        max-width: 120px;
        margin-bottom: 10px;
    }

    .footer-top .col-md-2 {
        width: 100%;
    }

    .footer-top h4 {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    html .footer-about h4 {
        margin-top: 0px;
    }

    .footer-contact li:last-child a {
        margin-bottom: 0px;
    }

    .concert-slider-info .info-box:not(:last-child) {
        margin-right: 20px;
    }

    .movieSoon-block {
        margin: 0px;
    }

    .concertSlider-right h2:first-child {
        font-size: 27px;
        line-height: 1.3em;
    }

    .concertSlider-right .concert-slider-info h2 {
        font-size: 55px;
        line-height: 1em;
    }

    .concertSlider-left {
        width: 100%;
    }

    h5.slant-title {

        font-size: 12px;
    }

}

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

@media only screen and (max-width: 600px) {}

@media (max-width: 500px) {
    .footer-about {
        display: block;
        align-items: flex-start;
    }

    .concert-slider-info .info-box {

        width: 46%;
    }

    .header-top-menu li:not(:last-child) {
        padding-right: 5px;
        margin-bottom: 20px;
    }

    .header-top-menu li {
        display: block;
    }

    .concert-slider-info .info-box:not(:last-child) {
        margin-right: 20px;
    }

    .concert-slider-info .info-box {
        margin-right: 10px;
    }

    .concert-slider-info .info-box:nth-child(2) {
        margin-right: 0px;
    }

    .concert-slider-info {
        display: inline-flex;
        margin: 25px 0px;
        max-width: 100%;
        flex-wrap: wrap;
        width: 100%;
    }

    .concert-loco p {
        font-size: 11px;
    }

    .concert-loco h6 {
        font-size: 15px;
    }
}

@media (max-width: 767px) {

    .container,
    .container-sm {
        max-width: 100%;
    }
}

@media (max-width: 1200px) {

    .container,
    .container-sm {
        max-width: 100%;
    }
}

.trailer-video-section {
    margin-bottom: 25px;
}

.movie-img {
    height: 340px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;

}

.movie-detail-section {
    margin-bottom: 45px;
    margin-top: 20px;
}

.movie-detail-info {
    background-size: cover !important;
    height: 340px;
    border-radius: 11px;
    position: relative;
}

.movie-desc-part {
    padding-top: 50px;
}

.movie-description-block h4 {
    color: #f80000;
    font-size: 25px;
}

.movie-description-block p {
    margin-top: 10px;
    text-align: justify;
    min-height: 170px;
}

.movie-description-block a {
    background-color: orange;
    color: white;
    padding: 7px 30px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
}

.movie-desc-part strong {
    color: #f80000;
    width: 131px;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    text-align: right;
}

.viewing-tabs {
    justify-content: space-between;
    margin-bottom: 20px;
}

.viewing-tabs h4 {
    color: #f80000;
}

.viewing-tabs a {
    background: #f80000;
    color: white;
    padding: 5px 15px;
}

.time-viewing-tabs {
    display: flex;
    gap: 10px;
}

.viewing-time-details {
    background-color: #FFF0F0;
    padding: 20px;
    border: 2px dashed #FFC3C3;
    border-radius: 5px;
    margin-bottom: 45px;
}

.movie-buying-selection h5 {
    color: #f80000
}

.inner-selection-options,
.movie-times {
    display: flex;
    gap: 20px;
    margin: 10px 0;
}

.inner-selection-options span,
.movie-times p {
    color: #f80000;
    background-color: #FFE4E4;
    border: 1px solid #f80000;
    border-radius: 5px;
    padding: 0px 25px;
}

.viewing-time-details hr {
    border: 1px solid #f80000;
}

.movie-hall-info {
    display: flex;
    align-items: center;
    gap: 10px;
    color: white;
    background: #FFDBDB;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-bottom: 17px;
}

.movie-hall-info strong {
    background-color: #f80000;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 10px;
    font-size: 15px;
    font-weight: 500;
    width: 200px;
    text-align: center;
}

.movie-times {
    margin-left: 10px;
}

.movie-hall-info:last-child {
    margin-bottom: 0;
}

body .videopopupjs .videopopupjs__content {
    position: relative;
}

body .videopopupjs .videopopupjs__close {
    /* float: right; */
    position: absolute;
    top: 0;
    right: 0;
}

body .videopopupjs .videopopupjs__close:after {
    background: red;
    font-weight: 400;
    color: white;
}

.trailer-btn {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    font-size: 23px;
    color: white;
    padding: 26px;
    background-color: #f80000;
    margin-top: 9px;
}

.trailer-video-block {
    display: flex;
    justify-content: center;
    margin-top: -35px;
}

.inner-selection-options span:hover,
.movie-times p:hover,
.inner-selection-options label.active span {
    cursor: pointer;
    background-color: black;
    border: 1px solid black;
    color: white;
}



.input-selection-field {
    display: none;
}

.viewing-tabs a:hover,
.viewing-tabs a.active {
    cursor: pointer;
    background-color: black;
    color: white;
}

.movie-desc-part .col-md-8 {
    padding-left: 5px;
}

.movie-desc-part .col-md-8 p {
    font-size: 15px;
}

.movie-times {
    margin: 0
}

/* movie-list */
.movie-list-section {
    margin-top: 20px;
}

.movie-filter-section {
    background-color: #FFF0F0;
    padding: 15px;
    margin-bottom: 20px;
}

.movie-filter-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter-submit-btn {
    box-shadow: none;
    border: 0px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    background-color: #f80000;
    border-radius: 5px;
    transition: all .3s ease;
    padding: 3px 15px;
}

.movie-filter-section hr {
    border: 1px dashed #f80000;
}

.language-selection-options span {
    color: black;
    border: 1px solid black;
    padding: 0px 13px;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 14px;
}

.language-selection-options label {
    width: 32%;
    margin-bottom: 5px;
}

.movie-filter-section h5 {
    font-size: 17px;
    margin-bottom: 8px;
}

.language-selection-options span:hover,
.language-selection-options span.active label {
    cursor: pointer;
    background-color: black;
    border: 1px solid black;
    color: white;
}

.top-now-showing-movies {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
}

.top-now-showing-movies a {
    background: #f80000;
    color: white;
    padding: 5px 15px;
    /* padding: 12px 27px; */
}

.top-now-showing-movies a:hover,
.top-now-showing-movies a.active {
    cursor: pointer;
    background-color: black;
    color: white;
}

.top-now-showing-movies h5 {
    color: #f80000;
    font-size: 17px;
}

.now-showing {
    background-color: #FFF0F0;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
}

.movie-search-block {
    background-color: #f80000;
}

.movie-search-block .form-inner-block {
    max-width: 1300px;
    margin: 0 auto;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.movie-search-block .form-inner-block ul {
    display: flex;
    gap: 5px;
    align-items: center;
}

.movie-search-block .form-inner-block ul li:first-child {
    width: 80%;
    border-radius: 5px;
}

.movie-search-block .form-inner-block .form-control {
    color: var(--inputcolor);
    font-size: 18px;
    line-height: 1em;
    font-weight: 400;
    padding: 10px 30px;
    border: 0px;
    min-height: 50px;
    font-size: 16px;
}

.movie-search-block .form-inner-block ul li:nth-child(2) {
    width: 20%;
    padding-left: 8px;
}

#movies-submit-btn {
    box-shadow: none;
    border: 0px;
    padding: 10px 33px;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    background-color: #ff9900fa;
    border-radius: 5px;
    min-height: 50px;
    transition: all .3s ease;
}

.movie-search-block #movies-submit-btn {
    display: flex;
    /* padding-top: 16px; */
    align-items: center;
    gap: 5px;
}

.movie-search-block form {
    width: 55%;
}

.movie-imgs {
    height: 500px;
    margin-bottom: 20px;
}

.movie-imgs img {
    display: block;
    margin: 0 auto;
    height: 400px;
}

.movie-short-info {
    text-align: center;
    background-color: #FFF0F0;
    padding: 5px;
}

.movie-title {
    color: #f80000;
    font-weight: 500;
}

.movie-list-buy-tickets {
    background: #ee3333;
    padding: 4px 18px;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.img-wrapper-block {
    background-color: #eee;
}

.moviesSoon-section.spacing-section.movie-list-movieSoon {
    padding-top: 20px;
}

/* Pagination */
.navigation-block .hidden {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
    margin-top: 20px;
}

.paging-bar svg {
    width: 25px;
}

.navigation-block .bg-white {
    padding: 3px !important;
    width: 38px;
    height: 38px;
    display: inline-block;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.navigation-block .bg-white {
    border-right: 0 !important;
}

.navigation-block .bg-white:last-child {
    border-right: 1px solid #ddd !important;
}

.navigation-block .relative.z-0.inline-flex.shadow-sm.rounded-md {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.navigation-block .flex.justify-between.flex-1 {
    display: none;
}

.paging-bar div:first-child {
    display: none;
}

.movie-search-block .form-inner-block .form-control:focus {
    box-shadow: none;
}

.movie-short-info .duration {
    font-size: 14px;
}

.movie-list-buy-tickets:hover {
    background-color: black;
    color: white;
}

.movie-list-section .page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.movie-list-section .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.movie-list-section .page-link {
    color: #f80000;
}

.movie-list-section .active>.page-link {
    background-color: #ee3333;
    color: white;
    border-color: #f80000;
}

.movie-list-section .disabled>.page-link {
    color: #5F5F5F
}

.events-list-block .left-search-block {
    margin-top: 30px;
    margin-left: 10px;
}

.events-list-block .listings-cat-title {
    color: #f80000;
    margin-bottom: 8px;
    font-weight: 600;
    margin-top: 10px;
    font-size: 18px;
}

.events-list-block .category-search-block {
    margin-bottom: 5px;

}

.events-list-block .form-check-label {
    text-transform: capitalize;
    font-size: 16px;
}

.events-list-block .other-check-input {
    height: 16px;
    width: 16px;
    border: 1px solid black;
}

.events-list-block .events-filter-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFF0F0;
    padding: 10px;
}

.events-list-block .form-check-label:hover {
    cursor: pointer;
}

.events-list-block .form-check-input:focus {
    box-shadow: none;
}

.events-list-block .form-check-input:checked {
    background-color: #f80000;
    border-color: #f80000;
}

.eventlist-block {
    padding: 15px;
    border-radius: 10px;
    box-shadow: -1px 2px 23px -9px rgb(0 0 0 / 20%);
    margin-top: 30px;
    margin-bottom: 35px;
}

.event-list-inner {
    display: flex;
    align-items: center;
}

.event-list-inner .list-img-link {
    display: block;
    height: 230px;
    width: 35%;
}

.eventlist-left {
    position: relative;
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    border-radius: 10px;
    height: 230px;
    /* width: 35%; */
}

.eventlist-right {
    width: 65%;
    padding-left: 30px;
}

.eventlist-block h3 {
    font-weight: 600;
    font-size: 22px;
    color: #f80000;
}

hr.red-line {
    margin: 10px 0px;
    width: 60px;
    border-top: 3px solid #f80000;
    opacity: 1;
}

.eventlist-right .icon-lo {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-bottom: 5px;
}

.eventlist-right .icon-lo i {
    color: #f80000;
}

.eventlist-right .icon-lo p {
    font-size: 15px;
    line-height: 1.4em;
    font-weight: 400;
    padding-left: 5px;
    padding: 0px;
    padding-left: 4px;
}

.events-list-block .icon-lo img {
    height: 26px;
}

.eventlist-right .bottom-cat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
}

.eventlist-right .bot-left {
    border: 1px solid var(--bs-site-red);
    border-radius: 5px 0px 0px 5px;
    padding: 6px;
    color: var(--bs-site-red);
    font-weight: 500;
    font-size: 14px;
    line-height: 1em;
}

.eventlist-right .bot-left a {
    color: #ff1022;
}

.eventlist-right .bot-right a {
    font-weight: 700;
    color: #f80000;
    font-size: 16px;
    line-height: 1em;
    text-transform: uppercase;
}

.listing-header-block {
    background-color: #f80000;
    padding: 8px 0;
    color: white;
}

.event-detail-img {
    height: 83px;
    background: white;
    border-radius: 50%;
    padding: 5px;
}

.listing-link {
    background-color: black;
    color: white;
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'Jost';
}

.listing-header-block a {
    color: white;
    word-break: break-all;
}

.fun-text {
    color: white;
    font-weight: 400;
    font-family: 'Jost';
    line-height: 1em;
}

.event-date-col {
    padding-left: 0;
    padding-right: 0;
}

.event-detail-block i,
.listing-header-block i {
    padding-right: 8px;
}

.left-text-section.time-part {
    font-size: 17px;
}

.listing-header-block .left-text-section {
    display: flex;
}

.left-text-section.time-part {
    font-size: 17px;
}

.left-text-section.time-part span {
    word-wrap: break-word;
}

.col-slider {
    padding: 0px 30px !important;
}

.event-slider-block .slick-list.draggable {
    margin-left: 10px;
}

.slider-single .slick-slide {
    background-color: #eee;
    border-radius: 10px;
}

.event-slider-block .slick-initialized .slick-slide {
    display: block;
    background: #f1f1f1;
    margin-right: 1px;
    text-align: center;
}

.event-top-slider img {
    height: 350px;
    margin: 0 auto;
    object-fit: cover;
}

.main-event-detail-block .slick-slide img {
    display: block;
    margin: 0 auto;
}

.event-detail-wrapper h4 {
    background: #f80000;
    padding: 12px;
    border-radius: 5px 5px 0 0;
    color: white;
    font-size: 18px;
}

.event-date-wrapper {
    padding-left: 12px;
    padding-bottom: 12px;
    padding-top: 12px;
    box-shadow: -1px 2px 23px -9px rgb(0 0 0 / 20%);
    color: #f80000;
}

.event-detailed {
    align-items: center;
    gap: 22px;
}

.event-date-wrapper a {
    height: 50px;
    width: 50px;
    border: 1px solid #f80000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f80000;
    transition: all .3s ease;
    font-size: 20px;
}

.event-info-wrapper p {
    color: black;
}

.organizer-detail-wrapper h4 {
    background: #f80000;
    padding: 12px;
    border-radius: 5px 5px 0 0;
    color: white;
    font-size: 18px;
}

.organizer-block {
    padding-left: 12px;
    padding-top: 5px;
    padding-bottom: 12px;
    padding-right: 12px;
    box-shadow: -1px 2px 23px -9px rgb(0 0 0 / 20%);
}

.org-info {
    margin-top: 3px;
}

.organizer-block img {
    height: 80px;
    margin-top: 5px;
    margin-bottom: 13px;
}

.event-info-wrapper {
    padding-left: 11px;
}

.buy-ticket-btn {
    text-align: center;
    margin-bottom: 5px;
    height: 35px;
    background: red;
    border-radius: 5px;
    padding: 5px;
}

.organizer-block a {
    color: white;
    /* border-radius: 5px; */
    font-weight: 500;
}

.event-desc {
    line-height: 1.6em;
    text-align: justify;
}

.event-desc h4 {
    font-weight: 700;
    color: #f80000;
    margin: 10px 0;
}

.event-listing-container {
    margin-top: 40px;
    margin-bottom: 50px;
}

.main-title h2 {
    font-weight: 600;
    font-size: 35px;
    line-height: 1em;
    color: #f80000;
    margin: 25px 0;
    text-align: center;
    margin-bottom: 40px;
}

.event-list-img {
    position: relative;
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    border-radius: 5px 5px 0px 0px;
    height: 250px;
}

.event-list-content {
    border: 1px solid #ebebeb;
    border-top: 0px;
    border-radius: 0px 0px 5px 5px;
    padding: 20px;
    margin-bottom: 30px;
    min-height: 240px;
}

.event-list-content h3 {
    font-size: 20px;
    line-height: 1em;
    font-weight: 600;
    color: #f80000;
    margin-bottom: 10px;
}

.event-list-content ul li {
    display: flex;
    align-items: center;
}

.event-list-content ul li:first-child {
    padding-bottom: 5px;
}

.event-list-content ul li img {
    padding-right: 10px;
}

.related-date-time {
    display: flex;
    flex-direction: column;
}

.event-list-content p {
    font-size: 16px;
}

.event-title-part {
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 600;
    color: #f80000;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.event-list-content ul li {
    display: flex;
    align-items: center;
}

.event-list-content ul li:first-child {
    padding-bottom: 5px;
}

.related-date-time {
    display: flex;
    flex-direction: column;
}

.view-det {
    text-align: right;
    color: #f80000;
    text-transform: uppercase;
    margin-top: 15px;
    font-size: 16px;
    line-height: 1em;
    font-weight: 600;
    display: block;
}

div.slider-nav img {
    height: 100px;
    display: inline-block;
}

.event-slider-block .slick-initialized .slick-slide:hover {
    cursor: pointer;
}

.buy-ticket-btn:hover {
    background-color: black;
    color: white;
}

.movie-description-block .js__popup {
    z-index: 9;
    width: 50%;
}

.movie-description-block .p_body {
    z-index: 5;
}

.movie-description-block .p_content {

    padding: 45px 0 0;
}

.movie-description-block .p_content {
    background-color: white;
}

.icon-shape {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}

.icon-sm {
    width: 2rem;
    height: 2rem;

}

.mov-wrapper {
    background-color: #eee;
}

.viewing-time-details .buy-ticket-btn {
    text-align: center;
    margin-bottom: 5px;
    height: 62px;
    background: orange;
    border-radius: 5px;
    padding: 5px;
    color: white;
    padding: 6px 30px;
}

.final-buy {
    margin-top: 25px;
}

.booking-preview-wrapper {
    background-size: 100% 100%;
    height: 380px;
    background-repeat: no-repeat;
    margin: 0 auto;
    max-width: 900px;
}

.preview-pay-section {
    background: #f9dbdb;
}

.preview-img-wrapper img {
    height: 300px;
}

.booking-preview-wrapper .prev-row {
    padding-top: 40px;
    margin-left: 35px;
    gap: 16px;

}

.qty-container .minus:hover,
.qty-container .plus:hover {
    background: pink;
    border-color: none;
}

.qty-container .minus,
.qty-container .plus {
    position: relative;
    width: 35px;
    height: 35px;
    background: #fff;
    border: 1px solid #f80000;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.qty-container {
    display: inline-flex;
    align-items: center;
}

.qty-container .minus::before,
.qty-container .plus::before {
    content: "";
    position: absolute;
    top: 18px;
    left: 12px;
    width: 8px;
    height: 1px;
    background: #212529;
    z-index: 1;
}

.qty-container .qty-input {
    height: 35px;
    max-width: 35px;
    border: 1px solid #f80000;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    text-align: center;
}

.qty-container .plus::after {
    content: "";
    position: absolute;
    top: 18px;
    left: 12px;
    width: 8px;
    height: 1px;
    background: #212529;
    transform: rotate(90deg);
    z-index: 1;
}

.prev-title {
    font-size: 23px;
    color: #f80000;
    font-weight: 600;
    margin-bottom: 6px;
}

.prev-row i {
    color: #f80000;

}

.prev-heading {
    margin-top: 10px;
    color: #f80000;
    font-weight: 500;

}

.ticket-pay {
    padding: 4px 25px;
    background-color: #f80000;
    color: white;
    border-radius: 5px;
}

.prev-selection-items {
    margin-top: 5px
}

.prev-selection-items input.price-input {
    border: none;
    background-color: transparent;
}

.pay-section {
    color: #f80000;
}

.pay-section label {
    margin-bottom: 5px;
    font-weight: 500;

}

.bottom-preview-pay-section img {
    height: 30px;
    margin-bottom: 25px;
    border-radius: 5px;
}

.prev-hr {
    border: 1px dashed #f80000;
    margin: 10px 0;
}

.date-row,
.time-row {
    font-size: 15px;

}

.ticket-pay:hover {
    background-color: black;
    color: white;
}

.registation-container {
    padding: 35px 0px;
    background: #f9dbdb;
}

.register-block {
    background-color: #e0332d;
    border-radius: 15px;
    max-width: 1100px;
    margin: 40px auto;
    box-shadow: 5px 5px 12px #b1acac;
}

.register-block {
    margin: 23px auto;
}

.register-left-block {
    /* background-color: #dedef280; */
    border-radius: 10px 0 0 10px;
    border-right: 2px dashed #ffe4e4;
}

.register-block img {
    /* height: 400px; */
    display: block;
    /* margin: 35px auto; */
}

.register-right-block {
    background-color: #e0332d;
    border-radius: 0 10px 10px 0;
    color: white;
    padding: 20px;

}

.register-right-block h2,
.register-right-block h4 {
    font-weight: 300;
}

.register-inner-block {
    margin-top: 10px;
}

.form-tab-inner {
    border: 0px;
    border-radius: 5px;
}

.registation-container .form-register-inner {
    padding-top: 10px;
    padding: 0px;
}

.register-heading-title {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0;
    margin-top: 23px;
    margin-bottom: 5px;
}

.info-wrapper {
    margin: 15px 0;
    font-weight: 500;
}

.form-register-inner label {
    color: white;
    font-size: 16px;
    line-height: 1em;
    font-weight: 500;
    display: block;
    padding-bottom: 8px;
    /* margin-right: 10px; */
}

.register-right-block .form-register-inner label {
    font-weight: 300;
}

.input-with-icon-left {
    position: relative;
}

.input-with-icon-left i {
    position: absolute;
    top: 0;
    color: #f80000;
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px;
    font-size: 19px;
    background-color: #FFE4E4;
    border: 1px solid #f9d1d4;
    box-sizing: border-box;
    border-radius: 4px 0 0 4px;
    display: flex;
    border-radius: 4px 0 0 4px;
    align-items: center;
    justify-content: center;
}

.info-text {
    margin-top: 5px;
}

.input-with-icon-left input {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    outline: none;
    color: #301e4e;
    /* margin: 0 0 16px 0; */
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: block;
    background-color: #FFE4E4;
    font-weight: 400;
    opacity: 1;
    border-radius: 4px;
    border: 1px solid #f9d1d4;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05);
    padding-left: 53px;
}

.movie-reg-block {
    background-size: cover;
    background-repeat: no-repeat;
}

.btn.submit-btn,
.btn.submit-btn:hover {
    padding: 6px 20px;
    background-color: black;
    box-shadow: none;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    text-transform: uppercase;
    transition: 0.3s all;
    border: 1px solid black;
    margin: 5px 0;
    margin-top: 10px;
}

.already-acc a {
    color: white;
}

.payment-top-row {
    padding-top: 50px;
}

.register-left-block {
    height: 878px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.strength_meter div p {
    font-size: 15px;
    padding: 1px 10px;
}

.veryweak {
    background-color: #fcc1c1;
    border-color: #F04040 !important;
    width: 43% !important;
    padding-left: 5px;
    border-radius: 13px;
    margin-top: 5px;
    color: red;
}

.weak {
    background-color: #feab1ef0;
    border-color: #FF853C !important;
    width: 50% !important;
    padding-left: 5px;
    border-radius: 13px;
    margin-top: 5px;
    color: black;
}

.medium {
    background-color: #eee511;
    border-color: #FC0 !important;
    width: 75% !important;
    padding-left: 5px;
    border-radius: 13px;
    margin-top: 5px;
    color: #0a0a00;
}

.strong {
    background-color: #75e407;
    border-color: #8DFF1C !important;
    width: 100% !important;
    padding-left: 5px;
    border-radius: 13px;
    margin-top: 5px;
    color: black;
}

.error {
    color: red !important;
    background-color: white;
    border: 1px solid #f5c6cb;
    padding: 7px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    margin-top: 5px;
    display: block;
    text-align: left;
}

.registation-container.contact-container .register-left-block.contact-block {
    background-color: white;
    height: auto;
}

.register-left-block.contact-block img {
    display: block;

    margin: 95px auto;




}

.input-with-icon-left textarea {
    height: 100px;
    line-height: 40px;
    padding: 0 20px;
    outline: none;
    color: #301e4e;
    /* margin: 0 0 16px 0; */
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: block;
    background-color: #FFE4E4;
    font-weight: 400;
    opacity: 1;
    border-radius: 4px;
    border: 1px solid #e5e8eb;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05);
    padding-left: 53px;
}

.info-wrapper .contact-message {
    padding-left: 12px;
}

.contactus-block {
    max-width: 1100px;
    margin: 0 auto;
}

.register-left-block.contact-block {
    border-right: none;
}

.row.contactus-block label {
    font-weight: 300;
}

.userprofile-detail-section {
    margin: 25px 0;
}

html .userprofile-detail-section .dashboard-menu {
    background-color: #fef7f7;
    color: #f80000;
    max-width: 350px;
}

html .userprofile-detail-section .dashboard-menu ul {
    padding-left: 0;
}

.userprofile-detail-section .dashboard-menu li a {
    border-bottom: 1px solid #e0e4ec;
    border-radius: 0;
    padding: 15px;
    position: relative;
    color: #f80000;
    border-left: none;
    border-right: none;
    border-color: #f80000;
    font-weight: 400;
    font-size: 18px;
    line-height: 1em;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    transition: all .3s;
    display: flex;
    align-items: center;
    gap: 7px;
}

html .userprofile-detail-section .dashboard-menu li a:hover,
html .userprofile-detail-section .dashboard-menu li a.active {
    background-color: #f80000;
    color: white;
}

html .userprofile-detail-section .dashboard-menu li:last-child a {
    border-bottom: 0px;
}

.form-register-inner .form-group:not(:last-child) {
    margin-bottom: 15px;
}

.form-register-inner label {
    color: #f80000;
    font-size: 16px;
    line-height: 1em;
    font-weight: 500;
    display: block;
    padding-bottom: 8px;
    margin-right: 10px;
}

.dashboard-form .form-register-inner label {
    font-weight: 400;
}

.userprof-input-with-icon-left {
    position: relative;
}

.userprof-input-with-icon-left input {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    outline: none;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: block;
    background-color: white;
    font-weight: 400;
    opacity: 1;
    border-radius: 4px;
    border: 1px solid #f80000;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05);
    padding-left: 53px;
}

.userprof-input-with-icon-left i::before {
    position: absolute;
    top: 0;
    color: #f80000;
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px;
    font-size: 19px;
    background-color: white;
    border: 1px solid #f80000;
    box-sizing: border-box;
    display: block;
    border-radius: 4px 0 0 4px;
}

.form-tab-inner.register-inner-block label {
    color: white;
}

.registation-container.login-container.user-profiles {
    background-color: white;
}

.pro-banner-text-block {
    display: flex;
    justify-content: left;
    align-items: center;
}

.pro-banner-text-block .cinema-left {

    height: 232px;
}


.pro-banner-section {
    background-color: #f9dbdb;
    background-color: #f75454;

    height: 200px;
}

.pro-banner-text-block h5 {
    font-size: 35px;
    padding-top:60px;
    padding-bottom: 80px;
    line-height: 50px;
    text-align: center;
    color: white;
}

.dashbaord-container.userprofile-detail-section .medium {
    width: 75% !important;
}

.dashbaord-container.userprofile-detail-section .strong {
    width: 100% !important;
}

.my-order-details {
    margin-bottom: 20px;
}

.my-order-details {
    margin-bottom: #f80000;
}

.order-detail-info-block.order-info {
    cursor: pointer;
}

.order-detail-info-block p {
    line-height: 1em;
    margin-bottom: 12px;
}

.order-detail-info-block p:last-child {
    margin-bottom: 0;
}

html .order-detail-info-block {
    border: 1px solid #f80000;
    padding: 10px;
    margin-top: 15px;
}

.my-order-details h5,
.price-detail-block.my-orders-list.user-order-list h6 {
    color: #f80000;
}

.user-order-list .table-box {
    margin-bottom: 30px;
    border-radius: 0px 0px 15px 15px;

}

.user-order-list .table-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    font-size: 13px;
    border: 0;
    border-bottom: 0;
}

.user-order-list .table-row {
    display: flex;
    flex-direction: row;
    border-radius: 0;
    background: white;
    color: #f80000;
    font-size: 13px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 50, 0.3);
}

.user-order-list .header {
    background-color: #f80000;
    border-radius: 5px 5px 0px 0px;
}

.user-order-list .table-cell {
    width: 14%;
    text-align: center;
    padding: 5px 0;
    border-right: 1px solid #d6d4d4;
    vertical-align: middle;
}

.price-detail-block .table-row.header .table-cell {
    padding: 10px 0;
}

.user-order-list .table-cell p {
    margin-bottom: 0;
    text-align: left;
    padding: 5px;
    font-size: 15px;
    font-weight: 700;
}

.user-order-list .table-cell p {
    font-size: 14px;
    font-weight: 400;
    color: #f80000;
    line-height: 1.2em;
    word-break: break-all;
    /* padding: 8px; */
    text-align: left;
    padding-top: 0;
}

.user-order-list .only-img {
    width: 20%;
}

.movi-main-image {
    background-color: #eee;
    margin-left: 5px;
}

.price-detail-block img {
    height: 55px;
}

.user-order-list #orderDetail .table-row img {
    padding-left: 0px;
}

.side-imgs {
    height: 305px;
}

.movie-show-times-section .now-showing {
    margin-top: 30px;
}

.moviehall-info {
    background: rgba(255, 255, 255, 0.2);
    ;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    border: 1px solid #ffbfbf;
}

.moviehall-info h5 {
    color: #f80000;
    margin-bottom: 13px;
    font-size: 22px;
}

.show-times-details .col-md-6 {
    padding: 0;
}

.movies-detail-information a {
    color: black;
    font-weight: 500;
}

.show-times-details .times-block {
    margin: 9px 0;
}

.show-times-details .times-block span {
    color: #f80000;
    border: 1px solid #f80000;
    padding: 2px 10px;
}

.show-times-details {
    padding-bottom: 30px;
}

.movies-detail-information .times-block {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;

}

.movie-show-times-section {
    background-color: #fff0f0;
}

.movie-show-times-section .now-showing {
    padding-left: 0;
}

.movie-show-times-section .top-now-showing-movies a {
    padding: 12px 27px;
}

.aboutus-section {
    background-color: #fff0f0;
    padding-top: 35px;
    padding-bottom: 35px;
}

.about-top-img {
    border-radius: 5px;
}

.about-info-block h5,
.food-drink-blocks h5 {
    font-size: 35px;
    color: #f80000;
    margin-bottom: 10px;
}

.about-info-block p {
    text-align: justify;
    line-height: 1.5em
}

.food-drink-blocks h5 {
    text-align: center;
}

.food-drink-blocks p {
    text-align: center;
}

.food-drinks-imgs {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 30px;
}

.food-drinks-imgs img {
    height: 300px;
    border-radius: 5px;
}

.food-drink-section {
    background: rgb(255 216 216);
    padding: 40px;
    margin-top: 55px;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    border: 1px solid pink;
}

.about-second-section {
    margin: 35px 0;
}

.theater-block {
    /* background-image: url(assets/img/c-banner.png);
    background-size: 100% 100%;
    height: 700px;
    background-repeat: no-repeat; */
    background: #f9dbdb;

}

.theater-row {
    padding: 90px 0;
}

.no-pro {
    margin-top: 40px;
    color: red;
}

.label-cat {
    background-color: #f80000;
    color: white;
    font-size: 15px;
    line-height: 1em;
    border-radius: 5px;
    font-weight: 400;
    float: right;
    margin-right: 20px;
    padding: 10px;
    margin-top: 20px;
}

.unique-msg {
    max-width: 1100px;
    margin: 0 auto;
    padding: 8px;
    color: red;
    background: #fba6a9;
}

.login-section {
    padding: 70px 0;
    background: #f9dbdb;
}

.login-section .card-header {
    background-color: #f80000;
    color: white;
    font-size: 25px;
    padding: 10px;
}

.login-section .card-body {
    padding: 0;
}

.login-section .login-body-wrapper {
    padding: 20px;
}

.login-section .card-body .login-info-title {
    color: #f80000;
    font-weight: 300;
    font-size: 19px;
    text-decoration: none;
}

.remember-check {
    padding-left: 0;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 5px;
}

.login-rem {
    margin-left: 0;
    height: 15px;
    width: 15px;
}

.login-input:focus,
.login-rem:focus {
    /* outline: none; */
    box-shadow: none;
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.login-section .btn.login-btn {
    background-color: #f80000;
    color: white;
}

.new-reg p {
    margin-left: 0;
    /* padding-left: 0; */
    color: #f80000;
    font-weight: 300;
    padding: 15px;
    background: #fafafa;
    border-radius: 0 0 5px 5px;
}

.login-btm-row .col-md-8.offset-md-4 {
    padding-left: 0;
}

.login-body-wrapper input.error {
    background-color: #fff;
    border: 1px solid #ced4da;
}

.login-section .error {
    color: red !important;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    padding: 7px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    margin-top: 5px;
    display: block;
    text-align: left;
    margin-right: 0 !important;
}

.movieSoon-listing .movieSoon-block img {
    height: 430px;
}

.movieSoon-block p,
.concert-loco h6 {
    color: black;
}

.theaterListing-section .main-title-inner h2,
.concert-slider-container.spacing-section h2 {
    margin-bottom: 0;
}

.page-link:focus {
    box-shadow: none;
}

.row.paging-bar {
    margin: 0;
}

.movie-releasing-info {
    display: flex;
    gap: 5px;
}

.movie-detail-info .movie-desc-part p {
    width: 65%;
    font-size: 15px;

}

.movie-detail-info .movie-desc-part strong {
    width: 33%;
}

.navigation-block a {
    color: black !important;
}



.navigation-block .text-gray-500 {
    color: red;
}

.navigation-block .text-gray-500 .w-5:first-child {
    color: black;
    font-weight: 300;
}

.event-top-row {
    align-items: center;
}

.prev-row {
    align-items: center;
}

.subscription-box{
    background-color: #ECEADF;
    padding: 70px 0px;
    background-color: #F3F3F3;
    background-color: #FFEDDF;
}

.subscription-box .form-control{
    padding: 13px 15px;
    background-color: #fff;
    color: #222222;
    font-size: 15px;
    line-height: 1.2em;
    font-weight: 400;
    margin-right: 10px;
    border: 0px;
    width: 38%;

}
.subscription-box .form-control:focus,.subscription-box .form-control:hover{
    outline: none;
    box-shadow: none;
}
.subscription-box button{
    width: 20%;
    background-color: var(--bs-site-red);
    color: #fff;
    font-size: 15px;
    line-height: 1em;
    font-weight: 500;
    text-transform: uppercase;
    padding: 13px 17px;
    border-radius: 15px;
    text-align: center;
    border: 0px;
    box-shadow: none;
}

.subscription-box button:hover{
    background-color: #000;
}

.form-sub-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 700px;
   margin: 0 auto;
}
.form-sub-top{
 max-width: 920px;
   margin: 0 auto;
   text-align: center;
}
.form-sub-top h3{
    color: #000;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 5px;
    color: #f80000;

}
.form-sub-top h2{
    color: #f6aa05;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4em;
    /* text-transform: uppercase; */
    margin-bottom: 20px;
     color: #f80000;

}


/* bishnu responsive design */
@media only screen and (max-width: 600px) {
    .movie-detail-section {
        margin-bottom: 30px;
    }

    .movie-description-block {
        margin: 25px 0;
    }

    .movie-description-block h4 {
        font-size: 21px;
    }

    .movie-description-block p {
        min-height: auto;
        font-size: 15px;
    }


    .viewing-tabs {
        display: block !important;
    }

    .movie-desc-part {
        padding-top: 55px;
    }

    .time-viewing-tabs {
        display: block;
        margin-top: 15px;
    }

    .inner-selection-options,
    .movie-times {

        flex-wrap: wrap;
    }

    .movie-hall-info {
        flex-direction: column;
        border-radius: 0;
    }

    .movie-hall-info strong {
        border-radius: 0;
        width: 100%;
    }

    .viewing-time-details .movie-times .inner-selection-options {
        display: flex;
        gap: 20px;
        margin: 10px auto;
        margin-left: 15px;
        margin-right: 15px;
        justify-content: start;
    }

    .viewing-time-details .movie-buying-selection {
        margin-bottom: 22px;
    }

    .viewing-time-details .movie-buying-selection:last-child {
        margin-bottom: 0;
    }

    .movie-buying-selection h5 {
        font-size: 18px;
    }

    .movie-detail-section .movie-desc-part .col-md-4.col-4 {
        width: 148px;
    }

    .movie-detail-section .movie-desc-part .col-md-8.col-8 {
        width: calc(100% - 160px);
    }

    .movie-search-block .form-inner-block {
        max-width: 1300px;
        margin: 0 auto;
        height: 85px;
        display: flex;
        align-items: center;
        justify-content: normal;
    }

    .movie-search-block #movies-submit-btn p {
        display: none;
    }

    .movie-search-block form {
        width: 80%;
        margin-left: 15px;

    }

    .movie-search-block .form-inner-block ul {
        gap: 0px;
        margin-left: 40px;
    }

    .movie-search-block .form-inner-block ul li:nth-child(2) {
        padding-left: 0px;
    }

    .movie-search-block .form-inner-block .form-control {

        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    #movies-submit-btn {
        padding: 10px 20px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .login-section .card-body .login-info-title {
        text-align: left;
    }

    .top-now-showing-movies {
        display: block;
        height: 80px;
        padding: 5px;
    }

    .moviesSoon-section.spacing-section .main-title-inner h2 {
        font-size: 23px;
    }

    .eventlist-block {
        margin-bottom: 5px;
    }

    .event-list-inner {
        display: block;
    }

    .event-list-inner .list-img-link {
        width: 100%;
    }

    .eventlist-right {
        width: 100%;
        padding: 0px;
        padding-top: 10px;
    }

    .eventlist-right .bot-right a {
        font-weight: 600;
        font-size: 15px;

    }

    .ticket-slider .slider-item-left {
        width: auto;
    }

    .movieSoon-block {
        margin: 0px;
        max-width: 290px;
        margin: 0 auto;
    }

    .movieSoon-listing-slider .slick-prev {
        opacity: 1;
        left: 29px;
        /* bottom: 10px; */
        top: inherit;
        background-size: 29px;
        z-index: 9;
        margin-left: -44px;
        top: 40%;
    }

    .movieSoon-listing-slider .slick-next {
        right: 28px;
        /* bottom: 10px; */
        top: inherit;
        z-index: 9;
        background-size: 29px;
        margin-right: -44px;
        top: 40%;
    }

    .concert-slider-container .main-title-inner h2 {

        font-size: 23px;
        margin-top: 0;
    }

    .concert-slider-container.spacing-section .main-title-inner {
        align-items: center;
    }

    .concert-slider-container.spacing-section .main-title-inner img {
        height: 45px;
    }

    .moviesSoon-section.spacing-section .main-title-inner h2 {
        margin: 0;
    }

    .movieSoon-listing .slick-list {
        padding-bottom: 0px;
    }

    .concert-inner-slider .slick-prev,
    .concert-inner-slider .slick-next {

        top: 15%;
    }

    .concert-inner-slider .slick-prev {
        opacity: 1;
        left: -4px;
    }

    .concert-inner-slider .slick-next {
        right: -2%;
    }

    .concert-slider-container .slider-concert {
        max-width: 300px;
        margin: 0 auto;
    }

    .slider-ticket .header-top-menu li {
        display: inline-block;
    }

    .concertSlider-right .header-top-menu ul li {
        display: inline-block;
    }

    .concert-inner-slider .slider-concert .concertSlider-right {
        padding-right: 5px;
    }

    .theater-listing .box-list-left {
        width: 37%;
    }

    .listing-header-block {
        line-height: 1.8em;
    }

    .list-titles {
        margin-top: 15px;
    }

    .fun-text {
        font-size: 21px;
    }

    .event-date-col {
        padding-left: 11px;
    }

    .left-text-section1 {
        margin-top: 36px;
        margin-left: -117px;
    }

    .listing-header-block p {
        font-size: 16px;
    }

    .left-text-section {
        margin-left: -117px;
    }

    .event-detail-img {
        margin-top: 9px;
    }

    .event-top-row {
        align-items: normal;
    }

    .event-slider-block {
        padding: 5px;
    }

    .event-slider-block .slick-list.draggable {
        height: 47px;
    }

    .event-top-slider img {
        width: 100%;
        height: 180px;
    }

    .event-slider-block div.slider-nav img {
        height: 51px;
        max-width: 100%;
    }

    .event-detailed {
        gap: 0;
    }

    .event-info-wrapper {
        padding-left: 0px;
    }

    .org-info {
        gap: 8px;
    }

    .event-listing-container {
        margin-top: 0px;

    }

    .login-btm-row {
        text-align: left;
    }

    .login-btm-row .col-md-8.offset-md-4 {
        padding-left: 0.7rem;
    }

    .card-body .login-info-title {
        text-align: left;
    }

    .registation-container {
        padding: 20px 10px
    }

    .register-left-block {
        height: 230px;
        border-right: 0;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0;
    }

    .register-right-block {
        border-bottom-left-radius: 10px;
    }

    .form-register-inner label {
        margin-right: 0px;
    }

    .register-left-block.contact-block img {
        margin: 16px auto;
    }

    .register-right-block {
        border-top-right-radius: 0px;
    }

    .row.payment-top-row .camera-img {
        display: none;
    }

    .prev-row {
        align-items: normal;
    }
    .preview-img-wrapper img {
         height: 110px;
    }
    .prev-title {
        font-size: 20px;
        margin-top: 15px;
    }
    .row.payment-top-row .prev-heading,.row.payment-top-row  .prev-selection-items{
        margin-left: -105px;
    }
    .booking-preview-wrapper .prev-hr{
        margin-top: 30px;
        margin-left: -90px;
        /* margin-right: 18px; */
    }
    .booking-preview-wrapper .pay-section,.booking-preview-wrapper .payment-part{
    margin-left: -105px;

    }
    .booking-preview-wrapper .prev-row {
        padding-top: 40px;
        margin-left: 6px;
        gap: 16px;
    }
    .booking-preview-wrapper .prev-heading,.booking-preview-wrapper  .prev-selection-items, .booking-preview-wrapper .pay-section label {
        font-size: 15px;
    }
    .bottom-preview-pay-section img {
        margin-bottom: 14px;
    }
    .booking-preview-wrapper .qty-container .qty-input {
        height: 35px;
        padding-left: 2px;
        max-width: 29px;
        padding-right: 2px;
    }
    .qty-container .minus::before {
       
        left: 12px;
    }
 .qty-container .plus::before, .qty-container .plus::after{
        left: 12px;
    }
    .booking-preview-wrapper .ticket-pay {
        padding: 4px 15px;
        font-size: 14px;
    }
    /* .booking-preview-wrapper {
        background-size: 401px 100%;
    } */
  
    .payment-top-row {
        padding-bottom: 50px;
    }
    .booking-preview-wrapper .prev-row {
        gap: 0;
    }
    .booking-preview-wrapper .col-md-4.col-4:nth-child(2){
        padding: 0;
    }
    .qty-container {
    
        padding: 0;
    }
    .booking-preview-wrapper hr:nth-of-type(2){
        margin-top:15px;
    }

    .mean-container .mean-nav ul li a:hover{
        background-color: #f80000;
    }
    .pro-banner-text-block {
        padding-top: 20px;
    }
    .pro-banner-text-block .cinema-left {
        height: 150px;
    }
    .pro-banner-text-block h5 {
        font-size: 26px;
    }
    .about-info-block h5, .food-drink-blocks h5 {
        font-size: 19px;
        font-weight: 500;
        margin-top: 18px;
    }
    .about-info-block p {
        font-size: 15px;
    }
    .about-second-section {
        margin: 0;
    }
    .about-second-section .col-md-6{
        padding: 0;
        padding-bottom: 26px;
    }
    .about-top-img{
        padding-bottom: 15px;
    }
    .food-drink-section {
      
        margin-top: 0;
        padding: 25px;;
    }
    .food-drinks-imgs {
        flex-direction: column;
    }
    .food-drinks-imgs  img{
        height: 180px;
    }
    .food-drink-blocks p {
        text-align: justify;
    }
    .preview-img-wrapper{
        text-align: right;
    }
    .booking-preview-wrapper {
        background-image: none !important;
        background-color: #ffeddf;
        border: 2px solid #ebba7f;
        border-radius: 12px
    }
    .booking-preview-wrapper .prev-row .col-md-6.col-8{
        padding-right: 0;
    }
  
   
}

@media only screen and (min-width: 480px) and (max-width: 600px) {
    .movieSoon-listing .movieSoon-block img {
        height: 255px;
    }

    .movieSoon-block {
        max-width: 198px;
    }

    .movieSoon-listing-slider {
        max-width: 438px;
        margin: 0 auto;
    }

    .movieSoon-listing-slider .slick-next {
        right: 12px;
        background-size: 21px;
    }

    .movieSoon-listing-slider .slick-prev {
        left: 12px;
        background-size: 21px;

    }

    .movieSoon-block p {
        font-size: 12px;
    }

    .theater-listing .box-list-left {
        width: 27%;
    }

    .listing-header-block {
        line-height: 1.8em;
    }

    .list-titles {
        margin-top: 15px;
    }

    .fun-text {
        font-size: 21px;
    }

    .event-date-col {
        padding-left: 11px;
    }

    .left-text-section1 {
        margin-top: 36px;
        margin-left: -168px;
    }

    .listing-header-block p {
        font-size: 16px;
    }

    .left-text-section {
        margin-left: -168px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
    .movie-detail-section {
        margin-bottom: 30px;
    }

    .movie-description-block {
        margin: 25px 0;
    }

    .movie-description-block h4 {
        font-size: 21px;
    }

    .movie-description-block p {
        min-height: auto;
        font-size: 15px;
    }


    .viewing-tabs {
        display: block !important;
    }

    .movie-desc-part {
        padding-top: 55px;
    }

    .time-viewing-tabs {
        display: block;
        margin-top: 15px;
    }

    .inner-selection-options,
    .movie-times {

        flex-wrap: wrap;
    }

    .movie-hall-info {
        flex-direction: column;
        border-radius: 0;
    }

    .movie-hall-info strong {
        border-radius: 0;
        width: 100%;
    }

    .viewing-time-details .movie-times .inner-selection-options {
        display: flex;
        gap: 12px;
        margin: 10px auto;
        margin-left: 15px;
        margin-right: 15px;
        justify-content: start;
        margin-bottom: 18px;
    }

    .viewing-time-details .movie-buying-selection {
        margin-bottom: 22px;
    }

    .viewing-time-details .movie-buying-selection:last-child {
        margin-bottom: 0;
    }

    .movie-buying-selection h5 {
        font-size: 18px;
    }

    .movie-detail-section .movie-desc-part .col-md-4.col-4 {
        width: 148px;
    }

    .movie-detail-section .movie-desc-part .col-md-8.col-8 {
        width: calc(100% - 160px);
    }

    .movie-hall-info strong {

        text-align: left;
        padding-left: 17px;
    }

    .viewing-time-details .inner-selection-options {
        gap: 15px;
    }

    .movieSoon-block {
        margin: 0px;
        max-width: 290px;
        margin: 0 auto;
    }

    .movieSoon-listing-slider .slick-prev {
        opacity: 1;
        left: 29px;
        /* bottom: 10px; */
        top: inherit;
        background-size: 29px;
        z-index: 9;
        margin-left: -44px;
        top: 40%;
    }

    .movieSoon-listing-slider .slick-next {
        right: 28px;
        /* bottom: 10px; */
        top: inherit;
        z-index: 9;
        background-size: 29px;
        margin-right: -44px;
        top: 40%;
    }

    .concert-slider-container .main-title-inner h2 {

        font-size: 23px;
        margin-top: 0;
    }

    .concert-slider-container.spacing-section .main-title-inner {
        align-items: center;
    }

    .concert-slider-container.spacing-section .main-title-inner img {
        height: 45px;
    }

    .moviesSoon-section.spacing-section .main-title-inner h2 {
        margin: 0;
    }

    .movieSoon-listing .slick-list {
        padding-bottom: 0px;
    }

    .movieSoon-listing .movieSoon-block img {
        height: 255px;
    }

    .movieSoon-block {
        max-width: 280px;
    }

    .movieSoon-listing-slider {
        max-width: 438px;
        margin: 0 auto;
    }

    .movieSoon-listing-slider .slick-next {
        right: 12px;
        background-size: 21px;
    }

    .movieSoon-listing-slider .slick-prev {
        left: 12px;
        background-size: 21px;

    }

    .movieSoon-block p {
        font-size: 12px;
    }

    .theater-listing .box-list-left {
        width: 23%;
    }

    .event-detailed {
        gap: 0;
    }

    .event-info-wrapper {
        padding-left: 0px;
    }

    .org-info {
        gap: 8px;
    }

    .event-listing-container {
        margin-top: 0px;

    }

    .event-date-col {
        padding-left: 12px;

    }

    .event-date-wrapper .event-detailed .col-md-1.col-2 {
        width: 12%;
    }

    .eventlist-block {
        margin-bottom: 5px;
    }

    .event-list-inner {
        display: block;
    }

    .event-list-inner .list-img-link {
        width: 100%;
    }

    .eventlist-right {
        width: 100%;
        padding: 0px;
        padding-top: 10px;
    }

    .eventlist-right .bot-right a {
        font-weight: 600;
        font-size: 15px;

    }

    .row.paging-bar.navigation-block {
        margin-left: 70px;
    }

    .login-section .card-body .login-info-title {
        text-align: left;
    }

    .login-btm-row {
        text-align: left;
    }

    .login-btm-row .col-md-8.offset-md-4 {
        padding-left: 0.7rem;
    }

    .card-body .login-info-title {
        text-align: left;
    }

    .registation-container {
        padding: 20px 10px
    }

    .register-left-block {
        height: 230px;
        border-right: 0;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0;
    }

    .register-right-block {
        border-bottom-left-radius: 10px;
    }

    .form-register-inner label {
        margin-right: 0px;
    }

    .register-left-block.contact-block img {
        margin: 16px auto;
        height: 200px;

    }

    .register-right-block {
        border-top-right-radius: 0px;
    }
    .row.payment-top-row .camera-img {
        display: none;
    }

    .prev-row {
        align-items: normal;
    }
    .preview-img-wrapper img {
         height: 110px;
    }
    .prev-title {
        font-size: 20px;
        margin-top: 15px;
    }
    .row.payment-top-row .prev-heading,.row.payment-top-row  .prev-selection-items{
        margin-left: -105px;
    }
    .booking-preview-wrapper .prev-hr{
        margin-top: 30px;
        margin-left: -90px;
        margin-right: 18px;
    }
    .booking-preview-wrapper .pay-section,.booking-preview-wrapper .payment-part{
    margin-left: -105px;

    }
    .booking-preview-wrapper .prev-row {
        padding-top: 40px;
        margin-left: 6px;
        gap: 16px;
    }
    .booking-preview-wrapper .prev-heading,.booking-preview-wrapper  .prev-selection-items, .booking-preview-wrapper .pay-section label {
        font-size: 15px;
    }
    .bottom-preview-pay-section img {
        margin-bottom: 12px;
    }
    .booking-preview-wrapper .qty-container .qty-input {
        height: 35px;
        padding-left: 2px;
        max-width: 29px;
        padding-right: 2px;
    }
    .qty-container .minus::before {
       
        left: 12px;
    }
 .qty-container .plus::before, .qty-container .plus::after{
        left: 12px;
    }
    .booking-preview-wrapper .ticket-pay {
        padding: 4px 15px;
        font-size: 14px;
    }
    /* .booking-preview-wrapper {
        background-size: 401px 100%;
    } */
  
    .payment-top-row {
        padding-bottom: 50px;
    }
    .booking-preview-wrapper .prev-row {
        gap: 0;
    }
    .booking-preview-wrapper .col-md-4.col-4:nth-child(2){
        padding: 0;
    }
    .qty-container {
    
        padding: 0;
    }
    .booking-preview-wrapper hr:nth-of-type(2){
        margin-top:15px;
    }

    .mean-container .mean-nav ul li a:hover{
        background-color: #f80000;
    }
    .pro-banner-text-block {
        padding-top: 20px;
    }
    .pro-banner-text-block .cinema-left {
        height: 150px;
    }
    .pro-banner-text-block h5 {
        font-size: 26px;
    }
    .about-info-block h5, .food-drink-blocks h5 {
        font-size: 19px;
        font-weight: 500;
        margin-top: 18px;
    }
    .about-info-block p {
        font-size: 15px;
    }
    .about-second-section {
        margin: 0;
    }
    .about-second-section .col-md-6{
        padding: 0;
        padding-bottom: 26px;
    }
    .about-top-img{
        padding-bottom: 15px;
    }
    .food-drink-section {
      
        margin-top: 0;
        padding: 25px;;
    }
    .food-drinks-imgs {
        flex-direction: flex;
    }
    .food-drinks-imgs  img{
        height: 151px;
    }
    .food-drink-blocks p {
        text-align: justify;
    }
    .preview-img-wrapper{
        text-align: right;
    }
    /* .booking-preview-wrapper {
        background-image: none !important;
        background-color: #ffeddf;
        border: 3px solid #ebba7f;
        border-radius: 12px
    } */
   
}
@media only screen and (min-width:768px) and (max-width: 992px) {
    .about-second-section p {
        padding-right: 19px;
    }
    .about-second-section {
        margin-top: 15px;
    }


}

@media only screen and (min-width: 992px) and (max-width:1350px) {
    .movie-desc-part .col-md-8.col-8 {
        padding-left: 11px;
    }

    .movieSoon-listing-slider.slick-initialized.slick-slider {
        max-width: 1100px;
        margin: 0 auto;
    }

    .movieSoon-listing .movieSoon-block img {
        height: 350px;
    }

    .ticket-slider .slider-ticket {
        max-width: 1000px;
        margin: 0 auto;
    }

    .slider-ticket .slider-item-inner {
        padding-right: 0;
        padding-left: 25px;
        padding-top: 38px;
        padding-bottom: 0;
    }

    .ticket-slider .slider-ticket-item {

        height: 480px;
    }

    .slider-ticket .slider-item-left img {
        height: 400px;
        margin: 0 auto;
    }

    .slider-ticket .slider-item-right .film-info {
        padding: 13px 0px;
    }

    .slider-ticket .slider-item-right .header-top-menu {
        margin-top: 19px;
    }

    .concert-inner-slider .slider-concert {
        margin: 0 auto;
        max-width: 1080px;
    }

    .left-text-section1,
    .left-text-section,
    .left-text-section.time-part {
        font-size: 15px;
    }

    .fun-text {
        font-size: 26px;

    }

    .event-info-wrapper p {
        font-size: 14px;
    }

    .payment-top-row {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
/*Added for faq & privacy policy  */
h4 {
   
    padding-bottom: 10px;
    /* margin-bottom: 20px; */
}
.accordion h3 {
    cursor: pointer;
    background-color: rgb(255 216 216);
    padding: 10px;
    margin: 0;
   
}
.accordian div {
    padding: 10px;
 
    border-top: none;
    background-color: rgb(122, 117, 117);
    height: auto;
}
.box{
    height: auto;
    padding: 10px;
    border-radius: 10px;
    max-width: 1300px;
    margin:40px auto;
    
}
.ui-state-active
{
    border: white;
    background: white;
    color:#000
}
.ul-widget-content{
    border: white;
}
 .ui-state-active .ui-icon
{
    background-image: ("images/ui-icons_444444_256x240.png");
} 

.policy{
    border: #000;
    margin: 10px;
    border-radius: 20px;
    margin-left: 320px;
    padding-top: 2px;
    height: auto;
    background-color:rgb(255 216 216); 
    justify-content: left;
    padding-bottom: 2px;
     max-width: 1300px;
     margin:40px auto;
}
.policy ol{
    font-size: medium;
    color: black;

}
.top{
    font-size: large;
   
}

.buttom{
    font-size: 15px;
    margin-left: 10px;
    
}
.policy_content{
    background-color: var(--bs-white);
    padding: 20px;
    height: auto;
    width: 1200px;
    justify-content: center;
    margin:50px;
    border-radius: 20px;
    bottom: auto;
    opacity: 80%;
    line-height: 35px;
}


.inner-page-block {
    padding: 70px 0px;
    background-color: #FAFAFA;
    padding-bottom: 50px;
    
}



.inner-page-block .container .row {
    background-color: #fff;
    padding: 40px 20px;
    margin-bottom: 50px;
}



.inner-page-block .container {
    max-width: 1300px;
}



.inner-page-block img {}



.inner-page-block p {
    color: #333;
    font-weight: 300;
    /* margin-bottom: 20px; */
    line-height: 1.6em;
    font-size: 16px;
   
}

.inner-page-block img {
    box-shadow: 0 14px 18px rgba(0, 0, 0, .03);
    border-radius: 12px;
    /* margin-right: 40px; */
    height: 600px;
    width: auto;
    float: left;
    margin-right: 40px;
    margin-bottom: 10px;
}
  @media (min-width: 768px) {
    .col-md-6 {
      flex: 0 0 auto;
      width: 50%;
    }
  }
.inner-page-block.blog-page-block .container .row {
  background-color: transparent;
  padding: 0px;
  margin-bottom: 0px;
}
.block-listing-item{
transition: all .4s ease;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 9.899px 9.899px 30px 0 rgba(0, 0, 0, .1);
  height: 590px;
  text-align: justify;
  margin: 15px 0px;
}
    
    .blog-listing-item-left{
        padding: 0px;
  margin: 0px;
  transition: 0.5s ease-in-out;
}
*, ::after, ::before {
  box-sizing: border-box;
    }
    .blog-image-inner{
        overflow: hidden;
        position: relative;
        height: 300px;
      }
    .blog-listing-item-right {
        font-family: var(--fontfamily-main2);
     
        padding: 10px 25px 30px;
      }


      * {
        padding: 0px;
        margin: 0px;
        transition: 0.5s ease-in-out;
      }
      *, ::after, ::before {
        box-sizing: border-box;
      }
      .blog-listing-item-right h2 {
        font-size: 18px;
        line-height: 1.3em;
        font-weight: 600;
        color: #333;
      }
      .news-date {
        display: flex;
        align-items: center;
        margin: 10px 0px;
        margin-left:auto ;}
       
        
      .news-date h6 {
        color: #5F5F5F;
        text-transform: uppercase;
        font-size: 13px;
        padding-left: 10px;
        display: inline;
        line-height: 50px;
      }
      
      h1, h2, h3, h4, h5, h6, p, li, ul {
        padding: 0px;
          padding-left: 0px;
        margin: 0px;
      }
      .read-more:hover {
        background-color: #000;
      }
      a:hover {
        --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
      }
      .read-more {
        margin-top: 0px;
        margin-left: 25px;
        background-color: var(--bs-site-red);
        padding: 10px 20px;
        border-radius: 12px;
        color: #fff;
        font-size: 14px;
        line-height: 1em;
        display: inline-block;
      }
      a {
            color: #333;
            font-weight: 300;
            line-height: 1.6em;
            font-size: 16px;
      }

    .detail{
        border: #000;
        margin-top: 30px;
        border-radius: 20px;
        margin-left:auto;
        margin-right: auto;
        margin-bottom: 30px;
        display: block;
        padding-top:auto;
        height: auto;
        width: 1300px;
        background-color:whitesmoke; 
        justify-content: left;
        padding-bottom: 2px;
    }
    .detail img{
        height: auto;
        width: 100%;
        align-items: center;        
        padding: 20px 45px;
    }
    .center {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .detail p{
        padding-left: 20px;
        padding-right: 20px;
        text-align: justify;
    }

    .detail h2{
        padding-left: 45px;
        padding-top: 40px;
        padding-bottom: 15px;
        font-size: 40px;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    }

    .news-date1 {
        display: flex;
        align-items: center;
        margin: 10px 0px;
        margin-left:20px ;}
        
        .news-date1 h6 {
            color: #5F5F5F;
            text-transform: uppercase;
            font-size: 13px;
            padding-left: 10px;
            display: inline;
            line-height: 50px;
          }
         
    
          .blog1-listing-item-right {
            font-family: var(--fontfamily-main2);
            padding: 10px 25px 30px;
            
        }
    
          * {
            padding: 0px;
            margin: 0px;
            transition: 0.5s ease-in-out;
          }
          *, ::after, ::before {
            box-sizing: border-box;
          }
          .blog1-listing-item-right h2 {
            font-size: 18px;
            line-height: 1.3em;
            font-weight: 600;
            color: #333;
            /* added css */
            display: -webkit-box;
            -webkit-line-clamp: 2; /* Limits the text to 3 lines */
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .ui-state-default{
            border: none;
          }
          .pro-banner-text-block .cinema-left1 {

            height:160px;
        }
        .news-description{
            display: -webkit-box;
            -webkit-line-clamp: 3; /* Limits the text to 3 lines */
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis; 
        }
        
.navigation-block .hidden {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: -40px;
    margin-top: 40px;
}

.paging-bar svg {
    width: 25px;
}

.navigation-block .bg-white {
    
    padding: 3px !important;
    padding-top: 50x;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.navigation-block .relative.z-0.inline-flex.shadow-sm.rounded-md {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.navigation-block .flex.justify-between.flex-1 {
    display: none;
}

.paging-bar div:first-child {
    display: none;
}
.row {
   
    
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
}