.section-header-1, .section-header-2, .section-header-2 .tab-menu, .footer-top, .footer-bottom-area, .footer-bottom .links, .social-icons, .header-wrapper, .details-banner-content .social-and-duration, .details-banner-content .social-and-duration .duration-area, .details-banner-content .social-share, .book-wrapper, .book-wrapper .left-side, .book-wrapper .left-side .item .item-header, .book-wrapper .left-side .item .item-header .thumb, .widget-1.widget-facility ul li a, .widget-1 .widget-header, .widget-1.widget-check .form-group, .widget-1.widget-tags ul, .booking-summery ul li .subtitle, .booking-summery ul li .info, .proceed-area .subtitle, .widget-tags ul, .widget-categories ul li a, .widget-post .widget-slider .item .content .meta-post, .widget-post .slider-nav, .movie-rating-percent, .movie-rating-percent li, .movie-rating-percent li .thumb, .movie-list, .movie-list .movie-content .movie-tags, .movie-list .movie-content .book-area .book-ticket, .movie-list .movie-content .book-area .book-ticket .react-item .thumb, .movie-list .movie-content .book-area .book-ticket .react-item, .movie-list .movie-content .book-area .book-ticket .react-item a, .ticket-tab-menu, .ticket-search-form, .ticket-search-form .form-group, .filter-main, .filter-main .left, .filter-main .left .item, .grid-button, .movie-details .summery-review .tab-menu, .movie-details .item .header, .movie-details .item .header .navigation, .movie-review-item, .movie-review-item .author, .seat-plan-wrapper li, .seat-plan-wrapper li .movie-name, .seat-plan-wrapper li .movie-schedule, .window-warning, .seat-area .seat-line, .seat-area .seat-line ul, .proceed-to-book, .page-title-area, .page-title-area .date-item, .grid--area .filter, .grid--area .grid-area, .grid--area .grid-item .grid-inner .grid-thumb .offer-tag, .grid--area .grid-item .grid-inner .grid-thumb .offer-remainder, .checkout-widget .payment-option, .checkout-widget .payment-option li a, .checkout-widget.checkout-card .payment-card-form, .checkout-widget.checkout-card .payment-card-form .form-group.check-group, .checkout-contact-form, .sponsor-tab .tab-menu, .sponsor-slider .sponsor-thumb, .stat-item, .countdown, .event-search-top, .event-search-top .right, .event-search-bottom, .event-search-bottom .contact-side, .event-search-bottom .contact-side .item, .ticket--area .ticket-item .hot, .event-cart, .ticket--item .hot, .speaker-wrapper, .speak-con-area, .speak-con-area .item, .phisophy-list li, .phisophy-list li .thumb, .client-section .owl-dots, .tour-content .list-tour li, .tour-content .list-tour li .thumb, .about-counter, .about-counter .counter-item .counter-content, .app-button, .counter--area, .account-area .account-form .form-group.checkgroup, .section-404, .contact-counter-item .contact-counter-content .counter-item, .contact-info, .contact-info .info-area, .contact-info .info-area .info-item, .post-item .post-content .post-header .meta-post, .post-item .post-content .entry-content, .post-item .post-content .entry-content .left, .post-item .post-content .entry-content .left .authors, .post-item.post-details .post-content, .post-item.post-details .post-content .content .tags-area, .post-item.post-details .post-content .content .tags-area .tags, .blog-author, .comment-area li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }


 .details-banner-wrapper .details-banner-thumb {
   position: absolute;
   top: 10px;
   left: 0;
   display: none;
   border: 1px solid #17305f;
   overflow: hidden;
   border-radius: 5px;
 }

 .details-banner-wrapper .details-banner-thumb::after {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background-color: rgba(0, 18, 50, 0.4);
 }

 @media (min-width: 992px) {
   .details-banner-wrapper .details-banner-thumb {
     width: calc(25% - 28px);
     display: block;
   }
 }

 .details-banner-wrapper .details-banner-thumb img {
   width: 100%;
 }

 .screen::after, .screen::before {
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   height: 1px;
   background: #213a69;
 }

 .screen::after {
   width: 100%;
   bottom: 0;
 }

 .screen::before {
   width: 80%;
   top: 0;
 }

 @media (min-width: 576px) {
   .screen {
     margin-bottom: 60px;
   }
 }

 .screen-thumb {
   width: 100%;
   max-width: 730px;
   margin: 0 auto 30px;
 }

 .screen-thumb img {
   width: 100%;
 }

 @media (min-width: 576px) {
   .screen-thumb {
     margin-bottom: 60px;
   }
 }

 .screen-area .subtitle {
   margin: 0 auto 30px;
   padding: 10px;
   text-align: center;
   position: relative;
   text-align: center;
   max-width: 350px;
   font-weight: 600;
   text-transform: uppercase;
   padding: 10px;
   color: #31d7a9;
 }

 .screen-area .subtitle::after, .screen-area .subtitle::before {
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   height: 1px;
   background: #213a69;
 }

 .screen-area .subtitle::after {
   width: 100%;
   bottom: 0;
 }

 .screen-area .subtitle::before {
   width: 80%;
   top: 0;
 }

 @media (min-width: 576px) {
   .screen-area .subtitle {
     margin-bottom: 60px;
   }
 }

 .seat-area {
   margin-bottom: 25px;
   margin-top: -5px;
 }

 @media (min-width: 576px) {
   .seat-area {
     margin-bottom: 55px;
   }
 }

 .seat-area .seat-line {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 0;
 }

 .seat-area .seat-line>span {
   width: 20px;
 }

 .seat-area .seat-line>span:last-child {
   text-align: right;
 }

 .seat-area .seat-line ul {
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -ms-flex-pack: distribute;
   justify-content: space-around;
 }

 .seat-area .seat-line ul .front-seat {
   padding: 0;
 }

 .seat-area .seat-line ul .front-seat ul li {
   padding: 5px;
 }

 .seat-area .seat-line ul.seat--area {
   width: calc(100% - 60px);
 }

 @media (max-width: 991px) and (min-width: 768px) {
   .seat-area .seat-line .single-seat {
     width: 35px;
     padding: 2px !important;
   }

   .seat-area .seat-line .single-seat img {
     width: 100%;
   }
 }

 .seat-area.couple {
   margin-top: -10px;
   margin-bottom: 70px;
 }

 @media (min-width: 992px) {
   .seat-area.couple {
     margin-bottom: 110px;
   }
 }

 .seat-area.couple .seat-line .single-seat {
   padding: 10px;
 }

 @media (max-width: 991px) and (min-width: 768px) {
   .seat-area.couple .seat-line .single-seat {
     width: 70px;
     padding: 4px !important;
   }
 }

 .single-seat {
   cursor: pointer;
   position: relative;
 }

 .single-seat .sit-num {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   text-transform: uppercase;
   font-size: 14px;
   color: #fff;

 }

 @media (max-width: 991px) {
   .single-seat .sit-num {
     width: 100%;
     font-size: 12px;
     text-align: center;
   }
 }

 .single-seat:hover .sit-num {
   display: none;
 }

 @media (max-width: 767px) {
   .screen-wrapper {
     width: 100%;
     overflow-x: scroll;
   }

   .screen-wrapper .seat-area {
     width: 800px;
     margin-bottom: 10px;
   }

   .screen-wrapper::-webkit-scrollbar {
     height: 3px;
   }
 }