/* Responsive Css */


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

    .header-style-one .logo-box {
        left: 30px;
    }

    .header-style-one .btn-box {
        right: 30px;
    }

}


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

    .header-style-one .btn-box {
        display: none;

    .header-style-one .logo-box {
        position: relative;
        display: block;
        left: 0px;
        top: 0px;
        /* padding-top: 15px; */
    }

}

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

    .header-style-two .header-lower .support-box {
        display: none;
    }

    .header-style-two .header-lower .outer-container {
        position: relative;
        width: 100%;
        left: 0px;
        top: 0px;
    }

    .similar-row .header-style-two .header-lower {
        padding: 0px;
    }



    .show-ticket-sec ul li p {
        font-size: 14px;
    }

    .show-ticket-sec .content .tabcontent .venu-box p {
        font-size: 14px;
    }


}

@media only screen and (max-width: 1490px) {
    .banner-carousel-sec {
        padding: 1% 0 1%;
    }

    .similar-row {
        padding: 0 0% 5%;
    }

    .swiper-container {
        margin: 0 -15px;
    }
}

@media only screen and (max-width: 1445px) {
    .swiper-container {
        margin: 0 10px;
    }

    .show-ticket-sec .tabcontent h3 {
        font-size: 24px;
    }

    .show-ticket-sec {
        padding: 2% 10% 0.5%;
    }

    .show-ticket-sec .book-ticket-bx .book-ticket {
        padding: 6%;
        font-size: 25px !important;
    }
}

@media only screen and (max-width: 1390px) {
    .swiper-container {
        margin: 0 -40px 0 -55px;
    }

    p {
        font-size: 14px;
    }

    .heading-content {
        padding: 1% 0 1.5%;
    }

    .nav-container {
        padding: 0.7% 0.5%;
    }

    .book-west-ticket ul li a {
        font-size: 14px;
    }

    .last-minsec .top-head-content .theme-btn {
        padding: 1.5% 10% 1.5%;
        font-size: 12px;
        border-radius: 20px;
    }

    .top-head-content .sub-head {
        font-size: 30px;
    }

    .banner-carousel-sec {
        padding: 1.5% 0 1%;
    }

    .custom-nav .menu-link {
        font-size: 13px;
        font-weight: 550;
        padding: 20px 10px;
    }

    .logo img {
        width: 80%;
    }

    .footer-sec .footer-main {
        padding: 0 0%;
    }

    .footer-sec .footer-top {
        padding: 0 0%;
    }
}

@media only screen and (max-width: 1250px) {
    .swiper-container{
        padding: 0 5%;
    }
    .swiper-container .swiper-button-next {
        right: 20px !important;
    }
     .swiper-container .swiper-button-prev {
        left: 25px !important;
    }
    
    /*things to know*/
    .things-to-know .left-arrow{
        top: -40px;
        right: 40px;
    }
     .things-to-know .right-arrow{
        top: -40px;
        right: -5px;
    }
    
    #modalOne .modal-dialog{
        bottom: 0px;
    }
    
}

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

    .main-menu,
    .sticky-header,
    .main-header.style-one .outer-container:before {
        display: none !important;
    }

    .menu-area .mobile-nav-toggler {
        display: block;
        padding: 10px;
    }

    .megamenu ul li:first-child {
        display: none;
    }

    .nav-container {
        grid-template-columns: 16% 74% 10%;
    }

    .custom-nav .menu-link {
        padding: 10px;
        font-size: 13px;
    }

    .header-style-two .menu-area .mobile-nav-toggler .icon-bar {
        background: #1c2a4d;
    }

    .header-style-two .menu-area .mobile-nav-toggler,
    .header-style-three .menu-area .mobile-nav-toggler {
        margin: 0px;
    }

    .header-style-three .menu-area .mobile-nav-toggler .icon-bar {
        background: #1c2a4d;
    }

    .header-style-three .header-lower {
        padding: 15px 0px;
    }

    .header-style-one .header-lower {
        padding-top: 15px;
    }



}

@media only screen and (max-width: 1099px) {
    .custom-nav .menu-link {
        padding: 7px;
        font-size: 11px;
    }
    .heading-content {
        font-size: 30px;
        padding: 2% 0 1%;
    }
    
    #modalOne .modal-dialog{
        bottom: 0px;
    }

    .show-ticket-sec .book-ticket-bx {
        margin: 20% 0 0 0;
    }

    .show-ticket-sec ul li p {
        font-size: 11px;
    }

    .show-ticket-sec .content h2 {
        font-size: 28px;
    }

    .show-ticket-sec .content h5 {
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
    }

    .show-ticket-sec .box-con .bx p {
        padding: 0 4% 0 0;
        line-height: 22px;
        font-size: 12px;
    }

    .video-con .row .col-md-8 {
        padding: 0;
    }

    .show-ticket-sec .tabcontent img {
        width: 100%;
        height: 190px;
    }

    .show-ticket-sec {
        padding: 2% 8% 0.5%;
    }

    .show-ticket-sec .content .tabcontent .icon-box p {
        line-height: 20px;
        font-size: 13px;
    }

    .show-ticket-sec .content .tabcontent .venu-box p {
        font-size: 12px;
    }

    .show-ticket-sec .content .tabcontent .venu-box h3 {
        font-size: 14px;
        color: #fff;
    }

    .show-ticket-sec .content .tabcontent .venu-box {
        margin: -35px 0 0 10px;
    }

    .faq-sec .faq-accordion .accordion-item .accordion-collapse .accordion-body {
        font-size: 14px;
    }

    .faq-sec .faq-accordion .accordion-item .accordion-header .accordion-button {
        font-size: 16px;
    }

    .show-ticket-sec .content .tabcontent .icon-box h5 {
        font-size: 16px;
    }

    .video-con .row .col-md-7 {
        padding: 0;
    }

    .video-con .row .col-md-5 {
        padding: 0;
    }

    .video-con .row .col-md-4 {
        padding: 0;
    }

    .show-ticket-sec .book-ticket-bx .book-ticket {
        font-size: 18px !important;
    }

    .show-ticket-sec .tabcontent h3 {
        font-size: 20px;
    }

    .tablinks {
        font-size: 18px;
    }

    .show-ticket-sec .book-ticket-bx ul li {
        line-height: 22px;
    }

    /*Theatre Event*/
    .thearte-event .card .card-body h4 {
        font-size: 16px;
    }

    .thearte-event .card .lates h6 {
        font-size: 12px !important;
    }

    .thearte-event .card .card-body .theme-btn {
        font-size: 12px;
    }

    .thearte-event .ribbon {
        width: 100px;
        font-size: 11px;
    }



    .banner-carousel-sec {
        overflow-x: hidden;
        padding: 0.5% 0 3%;
    }

    .thearte-event {
        padding: 2%;
    }

    .thearte-event .card .rating {
        font-size: 10px;
    }

    .footer-sec .footer-main h4 {
        font-size: 20px;
    }

    .faq-sec .top-head-content .sub-head {
        font-size: 25px;
    }

    .similar-row .top-head-content {
        display: grid;
        grid-template-columns: 85% 15%;
    }

    .swiper-container .swiper-button-prev {
        left: -30px !important;
    }

    .swiper-container .swiper-button-next {
        right: -30px !important;
    }

    .book-west-ticket .content .row .col-md-6 {
        padding: 0 0 0 4%;
    }

    .book-west-ticket ul li a {
        font-size: 12px;
    }
    
    .cookie-modal-load .modal-content .reject-btn{
        padding: 3% 4% 4.5%;
    }
    .cookie-modal-load .modal-content .accept-btn{
        padding: 3% 4% 4.5%;
    }

    .top-head-content .sub-head {
        font-size: 18px;
    }

    .music-slider .content h6 {
        font-size: 10px;
    }

    .music-slider .content a {
        font-size: 12px;
    }

    .view-sec .content-item ul,
    li {
        font-size: 10px;
        padding: 0 0 0 0%;
    }

    p {
        font-size: 14px;
    }

    .tab-content-r .row {
        flex-direction: column;
    }

    .tab-content-r .row .col-md-6 {
        width: 100%;
    }

    .tab-content-r .row .col-md-6 img {
        padding: 5% 0 0 0;
        width: 100%;
    }

    .last-minsec .top-head-content {
        display: grid;
        grid-template-columns: 75% 25%;
    }

    .view-sec {
        padding: 5% 0 0;
    }

    .view-sec .content-item {
        padding: 0 0 1% 0;
    }

    .things-to-know .buttons .know-btn {
        padding: 10px 2px;
        margin: 0 5px;
        font-size: 14px;
    }

    .swiper-container {
        margin: 0 -5px 0 -5px;
    }

    .banner-carousel-sec .banner-slider .banner-item img {
        height: 185px;
    }

    .slick-next:before {
        display: none;
    }

    .slick-prev:before {
        display: none;
    }

    .things-to-know .button-slide .slick-prev {
        top: -20px;
        left: auto;
        right: 40px;
        width: 35px;
        height: 35px;
    }

    .things-to-know .button-slide .slick-next {
        top: -20px;
        right: -12px;
        width: 35px;
        height: 35px;
    }

}

@media only screen and (min-width: 768px) {

    .main-menu .navigation>li>ul,
    .main-menu .navigation>li>ul>li>ul,
    .main-menu .navigation>li>.megamenu {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }

    .main-menu .navigation>li>ul,
    .main-menu .navigation>li>.megamenu {
        width: 350px;
        box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4);
        border-top: 1px solid #aaa;
    }
}

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


    body {
        padding-top: 70px;
    }

    .nav-container {
        max-width: 900px;
    }

    .banner-carousel-sec .banner-slider .banner-item img {
        height: 170px;
    }

    .banner-carousel-sec .bannerSwiper .swiper-pagination {
        bottom: -5px;
    }

    .custom-nav .menu-link {
        padding: 5px;
        font-size: 9px;
    }

    .swiper-slider-item .ribbon {
        font-size: 10px;
    }

    .heading-content {
        font-size: 20px;
    }

    .top-head-content .theme-btn {
        font-size: 12px;
    }

    .swiper-container {
        margin: 0 0px 0 0px;
    }
    .traingle-i {
        font-size: 10px;
    }

    .button-slide .slick-prev {
        top: -40%;
        left: auto;
        right: 5%;
    }

    .button-slide .slick-next {
        top: -45%;
        left: auto;
        right: -20px;
    }

    .things-to-know .button-slide .slick-next {
        right: 0;
    }

    .last-minsec .top-head-content {
        grid-template-columns: 80% 20%;
    }

    .show-ticket-sec ul li p {
        font-size: 7px;
    }

    .button-slide .slick-prev:before {
        display: none;
    }

    .last-minsec .top-head-content .theme-btn {
        width: 100%;
        font-size: 12px;
    }

    .button-slide .slick-next:before {
        display: none;
    }

    .show-ticket-sec .book-ticket-bx .book-ticket {
        font-size: 14px;
    }

    .show-ticket-sec .tabcontent h3 {
        font-size: 24px;
    }

    .tablinks {
        font-weight: 700;
        font-size: 22px;
    }

    .banner-carousel-sec .bannerSwiper .swiper-pagination {
        bottom: -7px;
    }

    .header-style-one .header-lower {
        padding-top: 0;
    }

    .banner-carousel-sec {
        padding: 0 0 3%;
    }

    .inner-box .satisfied-c {
        padding: 7% 0 0 0;
    }

    .theatre-london .theatre-bx {
        margin: 0 0 5% 0;
    }

    .hid-in-mobile {
        display: none;
    }

    .menu-area {
        border: 1.5px solid #fff;
        background-color: transparent;
        position: absolute;
        right: 10px;
        z-index: 999;
        padding: 0;
    }

    .main-header .menu-right-content li.user-box a,
    .main-header .menu-right-content li.search-box-outer {
        left: -50px;
        right: 0;
        font-size: 20px;
    }

    .logo-box .main-logo {
        max-width: 100%;
    }

    .main-header .outer-box {
        padding: 10px 0px;
    }


    /*Theatre Show*/
    .thearte-event .card .card-body h4 {
        font-size: 12px;
    }

    .thearte-event .card .lates h6 {
        font-size: 9px !important;
    }

    .thearte-event .card .lates h5 {
        color: #aaa;
        font-size: 10px;
    }

    .thearte-event .card .card-body .theme-btn {
        padding: 5% 0 0 2%;
        font-size: 10px;
    }

    .thearte-event .ribbon {
        width: 70px;
        font-size: 8px;
        line-height: 25px;
    }

    .thearte-event .card .rating {
        text-align: left;
        margin: 0;
        padding: 0;
        font-size: 7px;
        flex-direction: column;
        gap: 0;
        line-height: 12px;
        align-items: start;
    }

    .thearte-event .card .card-body {
        height: 130px;
        padding: 6%;
    }




    /* London Theatre */
    .theatre-london .card .card-body h4 {
        font-size: 12px;
    }

    .theatre-london .card .lates h6 {
        font-size: 9px !important;
    }

    .theatre-london .card .lates h5 {
        color: #aaa;
        font-size: 10px;
    }

    .theatre-london .card .card-body .theme-btn {
        padding: 5% 0 0 2%;
        font-size: 10px;
    }

    .theatre-london .ribbon {
        width: 70px;
        font-size: 8px;
        line-height: 25px;
    }

    .theatre-london .card .rating {
        text-align: left;
        margin: 0;
        padding: 0;
        font-size: 7px;
        flex-direction: column;
        gap: 0;
        line-height: 12px;
        align-items: start;
    }

    .theatre-london .card .card-body {
        height: 130px;
        padding: 6%;
    }



    .tenth-section .content .top-head-content .sub-head {
        font-size: 20px;
    }

    .eleventh .content p {
        height: 250px;
    }

    .tenth-section .box-item {
        margin: 0;
    }

    .things-to-know .buttons button {
        font-size: 10px;
        font-weight: 700;
        padding: 5px;
        top: -20px;
    }

    .button-slide .slick-prev {
        top: -8%;
        background-color: transparent;
        right: 7%;
        left: auto;
    }

    .button-slide .slick-next {
        top: -8%;
        background-color: transparent;
        right: -2%;
    }

    .lyceum-sec .theme-btn {
        font-size: 14px;
    }

    .lyceum-sec .box .heading-t {
        font-size: 30px;
    }

    .lyceum-content h3 {
        font-size: 20px;
    }

}


@media only screen and (max-width: 767px) {
    body {
        padding-top: 65px;
    }
    .swiper-container{
        padding: 0;
    }

    .show-ticket-sec .content .tabcontent h2 {
        font-size: 18px;
        width: 380px;
        line-height: 25px;
    }

    .show-ticket-sec .content .tabcontent p {
        width: 380px;
    }

    .show-video-section {
        margin: 0% 0 0;
        height: 240px;
    }

    .video-container {
        height: 100%;
    }

    .show-ticket-sec .content h1{
         font-size: 25px;
    }

    .banner-carousel-sec {
        overflow-x: hidden;
        padding: 3.8% 0 3%;
    }

    .theatre-london {
        padding: 5%;
    }

    .button-slide .slick-next {
        top: -45%;
        left: auto;
        right: -20px;
    }

    .thearte-event .card h5 {
        font-size: 12px;
    }

    .things-to-know .button-slide .slick-next {
        top: -20px;
        right: 0px;
    }

    .view-sec .content-item ul,
    li {
        line-height: 28px;
    }

    .slick-next img {
        width: 65%;
    }

    .slick-prev img {
        width: 65%;
    }

    .banner-carousel-sec .bannerSwiper {
        padding: 0.5% 1% 8%;
    }

    .logo img {
        padding: 2% 0;
        width: 33%;
    }

    .thearte-event .card .card-body .text-bx {
        height: 100%;
    }

    .swiper-container {
        margin: 0px 0px 0 0px;
    }

    .banner-carousel-sec .banner-slider .banner-item img {
        height: 100px;
    }



    .cardSwiper .swiper-button-next {
        display: none !important;
    }

    .book-west-ticket ul li a {
        font-size: 14px;
        color: #565454;
        transition: 0.4s;
    }

    .swiper-container .swiper-button-next {
        display: none !important;
    }

    .swiper-container .swiper-button-prev {
        display: none !important;
    }

    .cardSwiper .swiper-button-prev {
        display: none !important;
    }

    .swiper-slider-item .ribbon {
        font-size: 10px;
        padding: 1px 10px;
    }

    .handle-preloader .animation-preloader .txt-loading .letters-loading {
        font-size: 25px;
    }

    .faq-sec .faq-accordion .accordion-item .accordion-collapse .accordion-body {
        font-size: 14px !important;
    }

    .lates .thearte-event .card .card-body h6 {
        font-size: 12px;
        padding: 2% 34% 4% 0;
    }

    .lates .thearte-event .card .card-body h5 {
        font-size: 10px;
        padding: 0.5% 0 3% 0;
    }

    .last-minsec .top-head-content {
        display: grid;
        grid-template-columns: 77% 23%;
    }

    .last-minsec .top-head-content .theme-btn {
        font-size: 10px;
        padding: 1% 5% 0;
        border-radius: 15px;
        width: 100%;
        margin: 0 0 3px 0;
    }

    .things-to-know .buttons {
        padding: 0;
        margin: 5% 0;
    }

    .book-west-ticket {
        padding: 5%;
    }

    p {
        font-size: 14px;
    }

    .lyceum-sec .hide-m {
        display: none;
    }

    .things-to-know .top-head-content .sub-head {
        padding: 0 0 8% 0;
    }

    .lyceum-sec .box .heading-t {
        font-size: 25px;
    }

    .lyceum-sec .box h3 {
        font-size: 20px;
    }

    .lyceum-sec .img-btn {
        margin: 0 0 5% 0;
    }

    .lyceum-sec .theme-btn {
        width: 96.5% !important;
        /*border-radius: 0;*/
        padding: 3% 12% 3.5%;
        font-size: 30px;
        margin: 2%;
    }

    .things-to-know .buttons .know-btn {
        padding: 5px;
        margin: 0;
        font-size: 14px;
    }



    .lyceum-sec .img-btn h5 {
        padding: 4% 0 1%;
    }

    .things-to-know .row-container .con-bx {
        border-left: 1.5px solid #fff;
        border-top: 0;
    }


    .theatre-london .card .card-body p {
        font-size: 10px;
    }

    .theatre-london .card .card-body .text-bx {
        height: 85px;
    }

    .theatre-london .card .card-body .view-btn-theatre {
        font-size: 12px;
    }



    .button-slide .slick-prev {
        top: -45px;
        background-color: transparent;
        right: -8%;
        left: auto;
    }

    .button-slide .slick-prev:before {
        display: none;
    }

    .button-slide .slick-next:before {
        display: none;
    }

    /* Add spacing between slick slides */
    .button-slide .slick-slide {
        margin: 0 10px;
        /* 10px gap between slides */
    }

    /* Fix slick track so it doesn't overflow */
    .things-to-know .button-slide .slick-list {
        margin: 0 -10px;
        height: 35px;
        padding: 0;
        /* negative margin to balance the gap */
    }

    .view-sec {
        padding: 5%;
    }


    /*Theatre Show*/
    .thearte-event .card {
        display: grid;
        grid-template-columns: 50% 50%;
        margin: 0 0 5% 0;
    }

    .thearte-event .card .card-body .theme-btn {
        bottom: 4%;
        font-size: 11px;
    }

    .thearte-event .card .card-img-top img {
        width: 100%;
        height: 100%;
    }

    .thearte-event .card .card-body {
        height: 100%;
        padding: 2% 6%;
    }

    .thearte-event .card .lates h5 {
        font-size: 12px;
    }

    .thearte-event .card .card-body h6 {
        font-size: 12px !important;
    }

    .thearte-event .card .card-body h4 {
        font-size: 14px;
        padding: 2% 0 2.5%;
        margin: 0 0 0 0;
    }

    .thearte-event .card .card-body p {
        display: none;
        height: 0px;
    }

    .thearte-event .card .rating {
        flex-direction: column;
        text-align: left;
        justify-content: left;
        align-items: self-start;
        line-height: 15px;
        padding: 2% 0 2%;
    }

    .thearte-event .card .rating span {
        font-size: 10px;
        color: #000;
    }

    .rating .star-count .i-star {
        font-size: 10px;
    }

    .sticky-nav {
        padding: 1% 5%;
    }

    .auto-container {
        padding: 1% 5%;
    }

    .scroll-top {
        width: 45px;
        height: 45px;
        line-height: 45px;
        right: 25px;
    }



    /*London Theatre*/
    .theatre-london .card {
        display: grid;
        grid-template-columns: 50% 50%;
        margin: 0 0 5% 0;
    }

    .theatre-london .card .card-img-top img {
        width: 100%;
        height: 100%;
    }

    .theatre-london .card .card-img-top {
        height: 100%;
    }


    /* all categories theatre slider section css START*/
    .heading-content {
        font-size: 20px;
        padding: 5% 5% 10%;
    }

    .top-head-content {
        display: flex;
        text-align: left;
        justify-content: left;
    }

    .top-head-content .sub-head {
        font-size: 18px;
        padding: 0 0 1% 1%;
    }

    .top-head-content .theme-btn {
        font-size: 10px;
    }

    .common-slider-set {
        margin: 3% 0 5%;
    }

    .common-slider-set .slick-prev {
        left: 75%;
        z-index: 100;
        top: -15%;
    }

    .common-slider-set .slick-list {
        padding: 0 20% 0 0 !important;
    }

    .last-minsec {
        padding: 10% 0;
        position: relative;
    }

    .last-minsec .slider-row .content h5 {
        font-size: 14px;
    }

    .last-minsec .slider-row .content a {
        font-size: 14px;
    }

    .last-minsec .buttons {
        position: absolute;
        top: 8%;
        right: 0;
    }

    .last-minsec .slider-row .slick-list {
        padding: 0 20% 0 0 !important;
    }

    .common-slider-set .slick-next {
        top: -15%;
        right: 2%;
        z-index: 100;
    }


    .similar-row .top-head-content {
        grid-template-columns: 75% 25%;
    }

    .similar-row .top-head-content .sub-head {
        padding: 0 0 1% 0;
    }

    .last-minsec .buttons button {
        padding: 3px 15px;
        margin: 0 5px;
        font-size: 12px;
    }

    .last-minsec .left-menu {
        width: 100%;
    }

    .last-minsec .slider-wrap .slick-prev {
        top: -40px;
        left: 74%;
        right: 0;
    }

    .last-minsec .slider-wrap .slick-next {
        top: -40px;
        right: 2%;
    }

    .last-minsec .btn {
        font-size: 12px;
        padding: 5px 15px;
    }

    .last-minsec .section .common-slider-set .slick-prev {
        left: 75%;
    }

    .last-minsec .section {
        padding: 0;
    }

    .last-minsec .section .common-slider-set .slick-next {
        top: -23%;
        right: 1%;
    }

    .slick-prev:before {
        font-size: 25px;
    }

    .slick-next:before {
        font-size: 25px;
    }

    /* book west ticket Section start */
    .book-west-ticket .img img {
        width: 100%;
    }

    .book-west-ticket ul {
        padding: 0 0 5% 2%;
    }

    /* 8th section css start */
    .eight-section {
        padding: 10% 2%;
    }

    .eight-section .img img {
        margin: 0 0 10% 0;
        width: 100%;
    }

    /* 9th section css start */
    .ninth-section {
        padding: 10% 2%;
    }

    .ninth-section .row {
        flex-direction: column-reverse;
    }

    .ninth-section .img img {
        width: 100%;
        margin: 0 0 10% 0;
    }

    .tenth-section {
        padding: 10% 0;
    }

    .tenth-section .col-md-6 {
        margin: 0 0 5% 0;
    }

    .tenth-section .box-item {
        padding: 0;
        margin: 10% 3%;
    }


    .tenth-section .content .common-btn {
        font-size: 14px;
    }

    .tenth-section .content .top-head-content .sub-head {
        font-size: 20px;
    }

    .tenth-section .box-item .content {
        padding: 2% 5% 3%;
    }

    .tenth-section .content p {
        height: 100%;
    }

    .tenth-section .top-head-content {
        padding: 0;
        margin: 0 0 5% 0;
    }

    .tenth-section .top-head-content .sub-head {
        font-size: 25px;
        padding: 0 0 1% 0;
        margin: 0 0 0% 0;
    }



    .tenth-section .img img {
        height: 200px;
        margin: 5% 0 2%;
    }


    .eleventh .box-item .img img {
        margin: 0;
        height: 100%;
    }




    /* theatre-show page css */
    .thearte-event .ribbon {
        width: 90px;
        top: auto;
        bottom: 0;
        right: 0%;
        font-size: 9px;
        line-height: 22px;
    }

    .thearte-event .card .rating .review-count span {
        display: none;
    }

    .thearte-event .ribbon::after {
        transform: rotate(180deg);
        top: 0;
        left: -9px;
    }

    .thearte-event .ribbon::before {
        transform: rotate(180deg);
        bottom: 0px;
        top: auto;
        left: -9px;
    }

    /*Show Ticket details*/
    .show-ticket-sec .video-box {
        margin: 0;
    }

    .show-ticket-sec .content .tabcontent .icon-box {
        padding: 2% 3% 2% 4%;
        margin: 0;
        gap: 15px;
    }

    .show-ticket-sec .content .tabcontent .venu-box {
        margin: 0 15px;
    }

    .show-ticket-sec .content .tabcontent .icon-box .i-ad {
        height: 15px;
        width: 15px;
    }

    .show-ticket-sec .content .tabcontent .icon-box h5 {
        font-size: 16px;
        font-weight: 600;
    }

    .show-ticket-sec .content .tabcontent .icon-box p {
        font-size: 14px;
        line-height: 25px;
        width: 320px;
    }

    .show-ticket-sec {
        position: relative;
        overflow-x: hidden;
        padding: 0% 0% 0.5%;
        margin: -3px 0 0 0;
    }

    .show-ticket-sec .container {
        padding: 0;
        margin: 0;
    }

    .show-ticket-sec .content h2 {
        font-size: 25px;
    }

    .show-ticket-sec .content p {
        padding: 0 0 0 0;
        font-weight: 400;
        margin: 0 0 5px 0 !important;
    }

    .show-ticket-sec .content p .i-map {
        font-weight: 600;
        font-size: 16px;
        color: #666666;
        padding: 0 5px 0 0;
    }

    .show-ticket-sec video {
        border-radius: 0;
    }


    .book-ticket-bx ul {
        display: none;
    }

    .show-ticket-sec .book-ticket-bx .book-ticket {
        font-size: 20px;
        padding: 3.5% 20%;
        font-size: 25px !important;
        border-radius: 3px;
        justify-content: space-evenly;
    }

    .tabcontent .icon-box .content {
        padding: 0;
    }

    .show-ticket-sec .book-ticket-bx {
        margin: 0;
        border: 0;
        padding: 2% 5%;
    }

    #Gallery {
        padding: 0% 2% 8%;
    }

    .show-ticket-sec .ticket-head-bx {
        padding: 1% 7% 2% !important;
    }


    .show-ticket-sec .content h5 {
        font-size: 15px;
        font-weight: 400;
        width: 380px;
    }

    .show-ticket-sec .video-con .content {
        padding: 0 3%;
    }

    .show-ticket-sec .tabcontent {
        padding: 0 20px 20px;
    }

    .view-sec .content-item ul,
    li {
        font-size: 14px;
        padding: 0 0 0 0%;
    }

    .show-ticket-sec .box-con {
        padding: 3% 0 0 0;
        display: grid;
        grid-template-columns: 12% 78%;
        gap: 2px;
        align-items: center;
    }
    .show-ticket-sec .box-con .bx p{
       text-align: left;
    }
    .show-ticket-sec .box-con .bx .i-d {
        font-size: 18px;
        padding: 20% 20%;
        margin: -10px 0 0 0;
    }

    .show-ticket-sec .box-con .bx .i-star {
        font-size: 16px;
        padding: 20% 18%;
         margin: -5px 0 0 0;
    }

    .show-ticket-sec .content .box-con .bx h5 {
        font-size: 14px;
        padding: 0% 0 0 0;
        font-weight: 500;
        margin: 0 0 5px 0;
    }

    .show-ticket-sec .box-con .bx p {
        line-height: 18px;
        font-size: 14px;
        padding: 0;
        color: #1B1A1AB8;
    }
    .show-ticket-sec .video-con .content .tab .tablinks{
        font-weight: 600;
    }
    .cookie-sec a{
        font-size: 16px;
    }
       .trust-img1 {
    width: 15%;
    height: auto;
}
.trust-img2 {
    width: 20px;
    height: 20px;
}

    .show-ticket-sec .tab {
        gap: 15px;
        padding: 0 0 0 5%;
    }

    .show-ticket-sec .tabcontent img {
        padding: 0 0;
        width: 100%;
        height: 250px;
        border-radius: 0;
    }

    .tablinks {
        font-size: 16px;
        font-weight: 600;
    }

    .show-ticket-sec .tab button {
        font-size: 16px;
        padding: 5px;
    }

    .show-ticket-sec .tabcontent h3 {
        font-size: 16px;
        padding: 1.5% 0 5%;
    }
    .things-to-know .con-bx h3{
        font-size: 20px;
    }
  
    .show-ticket-sec .content .tabcontent .venu-box h3 {
        font-size: 20px;
        color: #fff;
    }

    .show-ticket-sec .content .tabcontent .venu-box h5 {
        font-size: 16px;
    }

    .show-ticket-sec .content .tabcontent .venu-box p {
        font-size: 15px;
    }

    .show-ticket-sec ul li p {
        font-size: 12px;
    }

    .show-ticket-sec .book-ticket-bx .book-ticket img {
        width: 12%;
        margin: 0 0 0 0;
    }

    .lyceum-sec {
        overflow-x: hidden;
    }

    .view-sec .content-item h4 {
        font-size: 20px;
    }


    .footer-main ul {
        padding: 0 0 8% 0;
    }

    .footer-sec {
        overflow-x: hidden;
    }

    .footer-sec .footer-main h4 {
        font-size: 20px;
    }

    .footer-sec .footer-top .follow-us h4 {
        font-size: 16px;
    }

    .footer-sec h5 {
        font-size: 12px;
    }

    .footer-sec .footer-bottom h5 a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 599px) {
    .btn-content .theme-btn {
        margin: 2% 0 6% 0;
    }

    .faq-sec {
        padding: 2% 4% 8%;
    }

    .faq-sec .faq-accordion .accordion-item .accordion-body p span {
        font-size: 15px !important;
    }

    .custom-nav .menu-link {
        font-size: 14px;
        padding: 5px 10px;
    }

    .faq-sec .faq-accordion .accordion-item .accordion-header .accordion-button {
        font-size: 16px;
    }

    .theme-btn {
        font-size: 12px;
        line-height: 24px;
        padding: 8px 30px;
    }

    .header-style-two .menu-right-content {
        display: none;
    }

    .lyceum-sec {
        padding: 0 0 2%;
    }

    .lyceum-sec .container {
        padding: 0;
    }

    .lyceum-sec .container .box {
        padding: 2% 3%;
    }

    .faq-sec .top-head-content .sub-head {
        font-size: 20px;
    }
    
    #modalOne .modal-dialog {
        position: fixed;
        bottom: 0;
        height: 45vh;
    }
    
    #modalOne .modal-content .modal-body p {
        color: #eee;
        padding: 4% 3% 5%;
        font-size: 12px !important;
        line-height: 22px;
    }
    #modalOne .modal-content .modal-body {
        background-color: #000;
        padding: 5% 3% 0%;
        border: none;
    }
    #modalOne  .modal-content .reject-btn {
       padding: 1.3% 4% 0;
        height: 30px;
        position: absolute;
        top: 15px;
        right: 25px;
        max-width: 90px;
        font-size: 12px;
    }
    #modalOne   .modal-content .accept-btn {
        padding: 1.1% 4% 0;
        height: 30px;
        position: absolute;
        top: 25px;
        right: 130px;
        max-width: 90px;
        font-size: 12px;
    }
    #modalOne .modal-content .modal-body img{
        width: 30%;
    }

}


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

    .mobile-menu {
        width: 100%;
    }

    .main-header .menu-right-content li.support-box {
        display: none;
    }

    .header-style-two .header-lower .outer-container {
        padding-right: 25px;
    }


    .header-style-three .nav-right .social-links {
        margin-right: 0px;
    }

    .header-style-three .nav-right .social-links:before {
        display: none;
    }

    .lyceum-sec .theme-btn {
        width: 92% !important;
        /*border-radius: 0;*/
        padding: 3% 12% 3.5%;
        font-size: 30px;
        margin: 2% auto 0;
    }

    .lyceum-sec .img-btn .theme-btn {
        width: 60% !important;
        margin: 0 auto 2%;
        font-size: 25px;
    }

    .lyceum-content {
        padding: 0 2%;
    }
    .footer-sec img{
        height: auto;
    }
}

@media only screen and (max-width: 399px) {
    .banner-carousel-sec .bannerSwiper .swiper-pagination{
        bottom: 0;
    }
     #modalOne .modal-dialog {
        position: fixed;
        bottom: 0;
        height: 45vh;
    }
    .show-ticket-sec .book-ticket-bx .book-ticket {
        top: 5%;
        left: 1%;
        right: 0;
        width: 98%;
        border-radius: 0;
    }

    .show-video-section {
        margin: 0% 0 0;
        height: 250px;
    }

    .show-ticket-sec .content h5 {
        width: 364px;
        font-size: 14px;
    }

    .show-ticket-sec .content h2 {
        font-size: 22px;
    }

    .show-ticket-sec .content .tabcontent h2 {
        width: 355px;
        font-size: 16px;
    }

    .show-ticket-sec .content .tabcontent p {
        width: 340px;
    }

    .theatre-london .card .card-body p {
        font-size: 10px;
        line-height: 16px;
    }

    .hamburger span {
        height: 2px;
    }

    .hamburger span:nth-child(1) {
        top: 6px;
    }

    .hamburger span:nth-child(2) {
        top: 13px;
        height: 2.5px;
    }

    .hamburger span:nth-child(3) {
        top: 20px;
        height: 2.5px;
    }

    .banner-carousel-sec {
        overflow-x: hidden;
        padding: 2.5% 0 3%;
    }


    .heading-content {
        font-size: 20px;
        padding: 5% 10% 10%;
    }

    .faq-sec .top-head-content .sub-head {
        font-size: 20px;
    }
    .things-to-know .accordion .accordion-body{
        font-size: 14px;
    }


}

@media only screen and (max-width: 369px) {
    .show-ticket-sec .content .tabcontent .icon-box p {
        font-size: 14px;
        line-height: 25px;
        width: 300px;
    }

    .show-ticket-sec .content .tabcontent p {
        width: 325px;
    }
}