/* Responsive styles */
/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 1280.00px) {
    #discount_code{
        font-size:15px !important;
    }
    .responsive-text{
        font-size:15px !important;
    }
}

@media (max-width: 1600.00px) {
    .choose-date{
        font-size: 14px!important;
    }
}

@media (max-width: 575.98px) {
    .seat-wrap{
        width: 100%;
        overflow-x: scroll;
    }
    .seat-area li {
        margin-bottom: 10px;
    }
    .event-banner img {
        height: 150px;
    }
    .main-heading {
        font-size: 18px;
    }
    .section-padding {
        padding: 30px 0;
        /* background: #fff; */
    }
    .small-heading {
        font-size: 22px;
    }
    .second-main-heading {
        font-size: 20px;
    }
    .billing-table .table-top th {
        font-size: 18px;
    }
    .status-container li:not(:last-child) {
        margin-right: 100px;
    }
    .screen-img {
        margin-bottom: 20px;
    }
    .seat-area li {

        width: 25px;
    }
    .seat-selection.a-row {
        margin-bottom: 60px;
    }
    .billing-table .table-top th {
        font-size: 17px;
    }
    .billing-table {
        padding: 17px;
    }
    .table-value {
        font-size: 17px;
    }
    .billing-table .table-top th {
        padding: 9px 4px;
        white-space: nowrap;
    }
    .table-value {
        padding-bottom: 20px !important;
    }
    .total-section td {
        font-size: 14px;
        padding-top: 20px !important;
    }
    .total-section .total-amount {
        font-size: 18px;
    }
    .botton-btn .btn {
        font-size: 20px;
    }
    .btn-large {
        min-width: 209px;
    }
  .ticket-table-bg img {
    height: 350px;
}
.billing-detail {
    margin-bottom: 25px;
}
    #sponser-logo .owl-dots {
        margin-top: 30px;
    }
    .other-event .second-main-heading {
        margin-bottom: 30px;
        padding-top: 30px;
    }
    .footer-ph {
        padding-bottom: 30px;
    }
    .footer-bg {
        padding-top: 30px;
    }
    .footer-contact .list-inline-item:not(:last-child) {
        margin-right: 15px;
    }
    .footer-ph i {
        margin-right: 5px;
    }
    .secondary-footer {
        padding: 15px 0;
    }
    .admin-header .logo img{
      width: 70px;
    }
    .profile img {
        margin-right: 5px;
    }
    .btn-small {
        min-width: 100px;
    }
    .btn-black {
       padding: 5px 4px;
    }
    .tab-section a {
        font-size: 16px;
    }
    .tab-section li:not(:last-child) {
        margin-right: 9px !important;
    }
    .status-container li:not(:last-child) {
        margin-right: 25px;
        font-size: 14px;
    }
    .ticket-status span {
        height: 15px;
        width: 15px;
        margin-right: 10px;
    }
    .event-banner .card-img-overlay {
        padding: 10px;
    }
    .event-banner .card-title {
        padding: 5px 5px;
        font-size: 13px;
    }
    .choose-date{
        display: flex;
        align-items: baseline;
        justify-content: center;
    }
    .choose-date {
        font-size: 15px;
        line-height: 30px;
    }
    .date-picker {
        margin-bottom: 10px;
    }
    .seat-selection .seat-row {
        gap: 16px;
    }
    .seat-area {
        gap: 9px;
    }
    .billing-table tbody td {
        border-bottom: 0;
        padding-left: 0px;
    }
    .billing-table .table {
        margin-bottom: 15px;
    }
    #sponser-logo .owl-dot span {
        height: 10px;
        width: 10px;
    }
    .bottom-btn .btn {
        font-size: 15px;
    }
    .map-section iframe {
        height: 200px;
        width: 100%;
    }
    .bottom-btn {
        text-align: center;
    }
    .event-price {
      padding: 2px 15px;
    }
    /* .event-info img {
        height: 200px;
    } */
    /* ---new css --- */
    .img-height {
        min-height: 100px;
    }
    .event-info img {
        height: 125px;
    }
    .event-heading {
        font-size: 17px;
    }
    .card-body-top {
        min-height: 100px;
        padding: 20px;
    }
    .choose-location {
        font-size: 15px;
    }
    .card-body-bottom {
        padding: 10px 20px;
    }
    .seat-selection span {
        font-size: 18px;
    }
    .second-row {
        margin-bottom: 30px;
    }
    .btn-black {
        height: 40px;
    }
    .sponser-Carousel {
        margin-bottom: 10px;
    }
    .popover-header {
        padding: 10px 40px;
    }
    .popover-header {
       font-size: 18px;
    }
    .seat-num p {
        font-size: 20px;
    }
    .popover-body {
      font-size: 20px;
    }
    .date-picker i {
    color: #37B662;
    margin-right: 10px;
}

/* ---------------------check out----------------------------- */
.event-btn .btn {
    width: 250px;
    min-height: 57px;
    font-size: 18px;
}
.order-summary {
    margin-bottom: 30px;
}
.form-section .form-label {
    font-size: 14px;
 }
 .bottom-btn .btn {
    font-size: 21px;
}
.btn-large {
    min-width: 180px;
}
.check-out .event-info .main-heading {
    font-size: 19px;
}
.check-out .event-info img {
    height: 200px;
}
.order-summary .main-heading {
    font-size: 20px;
}
.order-summary .small-heading {
    font-size: 16px;
}
.order-summary .price-small-heading {
    font-size: 16px;
}
.form-field {
    font-size: 12px;
    height: 40px;
}
.order-summary {
    padding: 20px 25px 30px 25px;
}
.price .total-amount {
    font-size: 20px !important;
}
.event-btn .btn {
    width: 220px;
    min-height: 57px;
    font-size: 18px;
}
.bottom-btn .btn {
    font-size: 18px;
}
.check-out .date-picker .choose-date i {
    font-size: 16px;
}
.check-out .form-section {
    padding: 25px;
}
.form-section .bottom-btn .btn-green {
    height: 45px;
}
#floatingTextarea {
    height: 55px;
}
/* -----------------------------thank you start------------------------- */
.thank-you .ticket-table-bg img {
    height: 250px;

   }
   .thank-you .billing-table .table-top th {
    font-size: 17px;
}
   .thank-you .billing-table {
     padding: 30px;
   }
   .table-value {
       font-size: 18px;
   }
   .thank-you .billing-table .table-top th {
      padding: 12px 0;
   }
   .successfil-image i {
    font-size: 40px;
}
   .thank-you {
       background-size: 460px;
       padding: 50px 0;
   }
   .successfull-ticket {
    font-size: 30px;
}
.primo-logo img {
    width: 70px;
}
   .overlay {
       height: 100%;
   }
   .thank-you .billing-table {
       padding: 30px;
   }
   .btn-final {
    min-width: 120px;
    height: 40px;
}
   .thank-you-content br{
       display: none;
   }
   .table-value {
       padding-bottom: 5px !important;
   }
   .thank-you .billing-detail {
       width: 100%;
       margin-bottom: 30px;
   }
   .thank-you .thank-you-content {
    font-size: 16px;
}
/* --------------------------log in page start------------------ */
.madal-pop-up-form .modal-header {
    padding: 10px 20px;
}
.login-img {
    width: 290px;
}
.madal-pop-up-form {
    max-width: 650px;
}
.login-img img {
    height: 100%;
}
.forgot-password a {
    font-size: 14px;
}
.form-check .form-check-label {
    font-size: 14px;
}
.log-in-register-form {
    padding: 30px 20px;
}
.madal-pop-up-form .modal-title {
    font-size: 25px;
}
.create-account, .create-account a {
    font-size: 14px;
}
.new-user, .new-user a {
    font-size: 14px;
}
.madal-pop-up-form {
    max-width: 500px;
}
.btn-submit {
    width: 140px;
    height: 40px;
}
/* ---------------------register form start ----------------------- */
.profile-image img {
    height: 67px;
    width: 67px;
}
.edit-icon {
    right: 0px;
}
.profile .user-name {
    font-size: 15px;
}
.admin-header .logo img {
    width: 100px;
}
.edit-name {
    font-size: 20px;
}
.user-name {
    font-size: 16px;
}
.edit-form {
    padding: 0px;
}
.profile .text-truncate {
    max-width: 100px;
    display: inline-flex !important;
}
.edit-profile-img img {
    height: 40px;
    width: 40px;
   border: 2px solid #37B662;
    margin-right: 5px;
}
.profile .dropdown-item {
    font-size: 15px;
    padding: 12px 12px;
}
.dropdown-menu i {
    margin-right: 13px;
    font-size: 16px;
}
.profile-image{
    width: 67px;
    margin: 0 auto;
}
.edit-form {
    box-shadow:none;
    background: none;
}
/* ----------------------------my ticket start-------- */
.ticket-table tr th, .ticket-table tbody tr td {
    padding: 12px 11px;
    line-height: 20px;
    font-size: 14px;
}
.ticket-table tr th, .ticket-table tbody tr td {
 padding: 12px 11px;
 line-height: 20px;
 font-size: 15px;
 white-space: nowrap;
}
.ticket-btn .btn {
    margin-right: 10px;
}
.profile .dropdown-menu {
    margin-top: 26px !important;
}
.ticket-table thead {
    background: #F7F7F7;
}
.register {
    background: none;
}
.my-ticket {
    background: none;
}
.billing-table tbody td {
    padding: 3px;
}
.check-out .form-section {
    box-shadow: none;
}
/* ---------------------landing page start------------- */
.landing-page {
    background-image: url(../images/bg-3.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: relative;
}
.landing-page .inner-landing {
    padding-left: 20px;
}
.landing-page .inner-landing {
    padding-left: 0;
}
.landing-page .bottom-btn .btn {
    min-width: 165px;
}
.contact-form {
    padding: 20px;
}
.logo img{
    width: 100px;
}
/* ---------------------landing page end------------- */
/*----------------------- order-detail start------------ */
.detail-btn i {
	margin-right: 10px;
}
.detail-btn{
    width: 80%;
}

/* .detail-btn .btn{
    width: 100%;
    margin-bottom: 15px;
    height: 45px;
} */
.order-detail td {
	padding: 15px 18px;
}
/* ----------------order-detail start--------- */
.total-amount {
	font-size: 20px;
font-weight: 500;
}
.search-bar {
	width: 100%;
}
.header-search .form-control {
	font-size: 14px;
}
.btn-outline-secondary {
	font-size: 14px;
}
.offcanvas-top {
	height: 115px;
}
.order-detail p {
	margin-bottom: 0;
	font-size: 14px;
}
.detail-btn .btn {
	min-width: 110px;
	height: 45px;
}
.order-detail-list{
    width: 100%;
}
/* .header-search{
    padding-right: 0;
} */
.mobile-search{
    padding-right: 0;
}
.offcanvas-header {
	padding: 0.5rem 1rem;
}
 /* ------client landing page start----- */
 .client-logo img {
	width: 50px !important;
}
.banner-img img {
	width: 50%;
}
.client-landing-page .second-main-heading {
	font-size: 25px;
	padding-top: 25px;
}
.client-landing-page p {
	font-size: 17px;
	text-align: center;
	margin-bottom: 25px;
}
.client-landing-page-btn {
	padding-bottom: 40px;
}
.banner-img {
	margin-top: 20px;
}
.event-info .choose-date {
	display: block;
	align-items: baseline;
	line-height: 20px;
}
.client-landing-page .choose-location {
	font-size: 15px;
	display: flex;
	align-items: baseline;
	line-height: 21px;
}
.client-event-img img {
	width: 100%;
	object-fit: cover;
}
.ticket_counter .status-container {
    width: 48%;
}
.ticket_counter {
    gap: 15px 10px;
    margin-top:15px;
}

/* ---new css --- */
.img-height {
	min-height: 100px;
}
.event-info img {
	height: 125px;
}

}



/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .seat-area li img{
        margin: 0;
        width: 34px;
    }
    .check-out .form-section {
        box-shadow: none;
    }
    .section-padding {
        padding: 40px 0;
        /* background: #fff; */
    }
 .seat-wrap{
        width: 100%;
        overflow-x: scroll;
    }
    .seat-area li {
        margin-bottom: 10px;
    }
    .event-banner img {
        height: 250px;
    }
    .main-heading {
        font-size: 20px;
    }
    .section-padding {
        padding: 40px 0;
    }
    .small-heading {
        font-size: 22px;
    }
    .second-main-heading {
        font-size: 20px;
    }
    .status-container li:not(:last-child) {
        margin-right: 100px;
    }
    .screen-img {
        margin-bottom: 50px;
    }
    .seat-area li img{
      width: 30px;
    }
    .seat-selection.a-row {
        margin-bottom: 60px;
    }
    .billing-table .table-top th {
        font-size: 20px;
    }
    .billing-table {
        padding: 30px;
    }
    .table-value {
           font-size: 22px;
    }
    .billing-table .table-top th {
        padding: 20px 0;
    }
    .table-value {
        padding-bottom: 20px !important;
    }
    .total-section td {
        font-size: 22px;
        padding-top: 20px !important;
    }
    .total-section .total-amount {
        font-size: 22px;
    }
    .botton-btn .btn {
        font-size: 20px;
    }
    .btn-large {
        min-width: 232px;
    }
    .ticket-table-bg img {
       height: 400px;
    }
    .tickets-table.billing-detail {
        /* height: 400px; */
        margin-bottom: 50px;
    }
    .billing-detail {
        margin-bottom: 10px;
    }
    #sponser-logo .owl-dots {
        margin-top: 35px;
    }
    .sponser-Carousel {
        margin-bottom: 20px;
    }
    .other-event .second-main-heading {
        margin-bottom: 45px;
        padding-top: 45px;
    }
    .footer-ph {
        padding-bottom: 40px;
    }
    .footer-bg {
        padding-top: 50px;
    }
    .footer-contact .list-inline-item:not(:last-child) {
        margin-right: 15px;
    }
    .footer-ph i {
        margin-right: 5px;
    }
    .secondary-footer {
        padding: 30px 0;
    }
    .seat-selection .seat-row {
        gap: 25px;
    }
    .bottom-btn .btn {
        font-size: 18px;
    }
    #sponser-logo .owl-dot span {
        height: 10px;
        width: 10px;
    }
    .date-picker {
        margin-bottom: 15px;
    }
    .map-section iframe {
        height: 300px;
    }
    .event-heading {
        font-size: 20px;
    }
    .card-body-top {
      min-height: 110px;
    }
    .seat-selection span {
     font-size: 18px;
    }
    /* ---------------------------check out start---------------- */
    .event-btn .btn {
        width: 250px;
        min-height: 57px;
        font-size: 18px;
    }
 .form-section .form-label {
        font-size: 14px;
     }
     .bottom-btn .btn {
        font-size: 21px;
    }
    .btn-large {
        min-width: 250px;
    }
    .check-out .event-info .main-heading {
        font-size: 19px;
    }
    .check-out .event-info img {
        height: 350px;
    }
    .order-summary .main-heading {
        font-size: 20px;
    }
    .order-summary .small-heading {
        font-size: 16px;
    }
    .order-summary .price-small-heading {
        font-size: 16px;
    }
    .form-field {
        font-size: 12px;
        height: 40px;
    }
    .order-summary {
        padding: 20px 25px 30px 25px;
    }
    .price .total-amount {
        font-size: 20px !important;
    }
    .event-btn .btn {
        width: 220px;
        min-height: 57px;
        font-size: 18px;
    }
    .bottom-btn .btn {
        font-size: 18px;
    }
    .check-out .date-picker .choose-date i {
        font-size: 16px;
    }
    .check-out .form-section {
        padding: 40px;
    }
    .form-section .bottom-btn .btn-green {
        height: 55px;
    }
    #floatingTextarea {
        height: 60px;
    }
/* ---------------------------thank you page start---------------------------- */
.thank-you .ticket-table-bg img {
    height: 250px;

   }
   .thank-you .billing-table .table-top th {
    font-size: 19px;
}
   .thank-you .billing-table {
     padding: 30px;
   }
   .table-value {
    font-size: 22px;
}
   .thank-you .billing-table .table-top th {
    padding: 15px 0;
}
   .successfil-image i {
    font-size: 50px;
}
   .thank-you {
       background-size: 460px;
       padding: 50px 0;
   }
   .successfull-ticket {
    font-size: 45px;
}
.primo-logo img {
    width: 100px;
}
   .overlay {
       height: 100%;
   }
   .thank-you .billing-detail {
       height: 280px;
   }
   .thank-you .billing-table {
       padding: 30px;
   }
   .btn-final {
    min-width: 150px;
    height: 50px;
}
   .thank-you-content br{
       display: none;
   }
   .table-value {
    padding-bottom: 12px !important;
}
   .thank-you .billing-detail {
       width: 100%;
   }
   /* -----------------log in page start-------------------- */
 .madal-pop-up-form .modal-header {
    padding: 10px 20px;
}
.login-img {
    width: 290px;
    /* align-self: stretch; */
}
.madal-pop-up-form {
    max-width: 650px;
}
.login-img img {
    height: 100%;
}
.forgot-password a {
    font-size: 14px;
}
.form-check .form-check-label {
    font-size: 14px;
}
.log-in-register-form {
    padding: 30px 20px;
}
.madal-pop-up-form .modal-title {
    font-size: 25px;
}
.create-account, .create-account a {
    font-size: 14px;
}
.new-user, .new-user a {
    font-size: 14px;
}
.madal-pop-up-form {
    max-width: 500px;
}
/* -----------------------register start------------------- */
.profile-image img {
    height: 87px;
    width: 87px;
}
.edit-icon {
    right: 4px;
}
.profile .user-name {
    font-size: 17px;
}
.admin-header .logo img {
    width: 100px;
}
.edit-name {
    font-size: 21px;
}
.user-name {
    font-size: 16px;
}
.edit-form {
    padding: 0px;
}
/* .profile-image{
    width: 67px;
    margin: 0 auto;
} */
.edit-form {
    box-shadow: none;
    background: none;
}
.profile-image {
    width: 87px;
    margin: 0 auto;
}
/* ----------------------------my ticket start-------- */
.ticket-table tr th, .ticket-table tbody tr td {
    padding: 12px 11px;
    line-height: 20px;
    font-size: 14px;
}
.ticket-table tr th, .ticket-table tbody tr td {
 padding: 12px 11px;
 line-height: 20px;
 font-size: 15px;
 white-space: nowrap;
}
.ticket-btn .btn {
    margin-right: 10px;
}
.profile .dropdown-menu {
    margin-top: 31px !important;
}
.register {
    background: none;
}
.ticket-table thead {
    background: #F7F7F7;
}
.my-ticket {
    background: none;
}
/* ---------------------landing page------------- */
.landing-page {
    background-image: url(../images/bg-3.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: relative;
}
.landing-page .inner-landing {
    padding-left: 20px;
}
.landing-page .inner-landing {
    padding-left: 0;
}
.landing-page .bottom-btn .btn {
    min-width: 165px;
}
.logo img{
    width: 120px;
}
/* ---------------------landing page end------------- */
/* ----------------order-detail start--------- */
.total-amount {
	font-size: 19px;
	font-weight: 500;
}
.search-bar {
	width: 100%;
}
.header-search .form-control {
	font-size: 15px;
}
.input-group .btn {
	font-size: 15px;
}
.offcanvas-top {
	height: 120px;
}
.order-detail p {
	margin-bottom: 0;
	font-size: 15px;
}
.detail-btn .btn {
	min-width: 110px;
	height: 45px;
}
.order-detail-list{
    width: 100%;
  }
  /* .event-name br{
    display: none;
  } */
  .offcanvas-header {
	padding: 0.5rem 1rem;
}
 /* ------client landing page start----- */
 .client-logo img {
	width: 70px !important;
}
.banner-img img {
	width: 40%;
}
.client-landing-page .second-main-heading {
	font-size: 30px;
	padding-top: 25px;
}
.client-landing-page p {
	font-size: 20px;
	text-align: center;
}
.client-landing-page p {
	margin-bottom: 30px;
}
.client-landing-page-btn {
	padding-bottom: 40px;
}
.banner-img {
	margin-top: 30px;
}
.event-info .choose-date {
	display: flex !important;
	align-items: baseline;
	line-height: 20px;
}
.client-landing-page .choose-location {
	font-size: 15px;
	display: flex;
	align-items: baseline;
	line-height: 21px;
}
.client-event-img img {
	width: 100%;
	object-fit: cover;
}
.ticket_counter .status-container {
    width: 48%;
}
.ticket_counter {
    gap: 15px 15px;
    margin-top:15px;
}
}
/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .event-banner img {
        height: 300px;
    }
    .check-out .form-section {
        box-shadow: none;
    }
    .section-padding {
        padding: 40px 0;
        /* background: #fff; */
    }
    .date-picker {
        margin-bottom: 20px;
    }
    .seat-selection.a-row {
        margin-bottom: 70px;
    }
    .billing-table .table-top th {
        font-size: 25px;
    }
    .table-value {
        font-size: 23px;
    }
    .total-section td {
        font-size: 23px;
        padding-top: 22px !important;
    }
    .total-section .total-amount {
        font-size: 27px;
    }
    .billing-table {
        padding: 50px;
    }
    .sponser-Carousel {
        margin-bottom: 15px;
    }
    .section-padding {
        padding: 30px 0;
    }
    .other-event .second-main-heading {
        margin-bottom: 75px;
        padding-top: 55px;
    }
    /* .event-info img {
        height: 200px;
    } */

    /* ---new css --- */
    .img-height {
        min-height: 100px;
    }
    .event-info img {
        height: 125px;
    }
    .event-heading {
        font-size: 20px;
    }
    .seat-area {
        gap: 0px;
    }
    .event-price {
       padding: 3px 15px;
       top: 15px;
       left: 16px;
     }
     .card-body-top {
        min-height: 120px;
        padding: 15px;
    }
    .card-body-bottom {
        padding: 13px 15px;
    }
    #event-date .owl-nav {
        margin-top: 30px;
        padding-bottom: 60px;
    }
    .footer-bg {
         padding-top: 50px;
    }
    .footer-ph {
      padding-bottom: 50px;
    }
    .secondary-footer {
        padding: 30px 0;
    }
    .seat-selection .seat-row {
         gap: 40px;
    }
    .screen-img {
        margin-bottom: 80px;
    }
    .second-row {
        margin-bottom: 50px;
    }
    .second-main-heading {
        font-size: 28px;
    }
    .seat-selection span {
       font-size: 20px;
    }
    .seat-area li img{
        width: 25px;
    }
     .seat-selection .seat-row {
     gap: 48px;
     }
     .billing-detail {
        height: 450px;
        margin-bottom: 60px;
    }
    .ticket-table-bg img {
      height: 450px;
    }
    .small-heading {
        font-size: 32px;
    }
    .seat-num p {
        font-size: 20px;
        font-weight: 600;
    }
    .popover-body {
        font-size: 20px;
    }
    .main-heading {
        font-size: 30px;
    }
/* ----------------------------------------check oout page start---------------------------- */
.form-section .form-label {
    font-size: 14px;
 }
 .bottom-btn .btn {
    font-size: 21px;
}
.btn-large {
    min-width: 250px;
}
.check-out .event-info .main-heading {
    font-size: 19px;
}
.check-out .event-info img {
    height: 350px;
}
.order-summary .main-heading {
    font-size: 20px;
}
.order-summary .small-heading {
    font-size: 16px;
}
.order-summary .price-small-heading {
    font-size: 16px;
}
.form-field {
    font-size: 12px;
    height: 40px;
}
.order-summary {
    padding: 20px 25px 30px 25px;
}
.price .total-amount {
    font-size: 20px !important;
}
.event-btn .btn {
    width: 220px;
    min-height: 57px;
    font-size: 18px;
}
.bottom-btn .btn {
    font-size: 18px;
}
.check-out .date-picker .choose-date i {
    font-size: 16px;
}
.check-out .form-section {
    padding: 40px;
}

.form-section .bottom-btn .btn-green {
    height: 55px;
}
/* --------------------------thank you page start----------------------- */
.successfil-image i {
    font-size: 60px;
}
.thank-you {
    background-size: 460px;
    padding: 50px 0;
}
.successfull-ticket {
    font-size: 70px;
}
.primo-logo img {
    width: 130px;
}
.overlay {
    height: 100%;
}
.thank-you .billing-detail {
    height: auto;
}
.thank-you .billing-table {
    padding: 30px;
}
.btn-final {
    min-width: 140px;
    height: 45px;
}
.profile-image {
    width: 117px;
    margin: 0 auto;
}
/* -------------------------------log in page start----------------------------- */
.madal-pop-up-form .modal-header {
    padding: 7px 30px;
}
.login-img {
    width: 290px;
    /* align-self: stretch; */
}
.madal-pop-up-form {
    max-width: 650px;
}
.login-img img {
    height: 100%;
}
.forgot-password a {
    font-size: 14px;
}
.form-check .form-check-label {
    font-size: 14px;
}
.log-in-register-form {
    padding: 30px 30px;
}
.madal-pop-up-form .modal-title {
    font-size: 25px;
}
.create-account, .create-account a {
    font-size: 14px;
}
.new-user, .new-user a {
    font-size: 14px;
}
/* ---------------------------------------register-form-------------- */
.register .edit-profile {
height: 100%;
}
.edit-icon {
    right: 13px;
}
.edit-form {
  padding: 0px;
}
.edit-name {
    font-size: 25px;
  }
  .user-name {
    font-size: 20px;
}
.edit-form {
    box-shadow:none;
}
.admin-header .logo img {
    width: 100px;
}
.register {
    background: none;
}
/* ---------------------------my ticket start---------------- */
.edit-form {
    padding: 30px 25px;
   }
   .ticket-table tr th, .ticket-table tbody tr td {
       padding: 12px 11px;
       line-height: 20px;
       font-size: 14px;
   }
   .ticket-table tr th, .ticket-table tbody tr td {
    padding: 12px 11px;
    line-height: 20px;
    font-size: 15px;
    white-space: nowrap;
}
   .ticket-btn .btn {
       margin-right: 10px;
   }
   .profile .dropdown-menu {
    margin-top: 30px !important;
}
.edit-form {
    box-shadow: none;
    background: none;
}
.my-ticket {
    background: none;
}
/* ---------------------landing page------------- */
.landing-page {
    background-image: url(../images/bg-3.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: relative;
}
.landing-page .inner-landing {
    padding-left: 20px;
}
.logo img{
    width: 120px;
}
/* ---------------------landing page end------------- */
/* ----------------order-detail start--------- */
.total-amount {
	font-size: 24px;
    font-weight: 500;
}
.search-bar {
	width: 80%;
}
.header-search .form-control {
	font-size: 13px;
}
.input-group .btn {
	font-size: 13px;
}
.detail-btn .btn {
	min-width: 140px;
	height: 50px;
}
 /* ------client landing page start----- */
 .client-logo img {
	width: 70px !important;
}
.banner-img img {
	width: 40%;
}
.client-landing-page .second-main-heading {
	font-size: 35px;
	padding-top: 30px;
}
.client-landing-page p {
	margin-bottom: 40px;
}
.client-landing-page-btn {
	padding-bottom: 60px;
}
.banner-img {
	margin-top: 40px;
}
.event-info .choose-date {
	display: flex !important;
	align-items: baseline;
	line-height: 20px;
}
.client-landing-page .choose-location {
	font-size: 15px;
	display: flex;
	align-items: baseline;
	line-height: 21px;
}
.client-event-img img {
	width: 100%;
	object-fit: cover;
}

.ticket_counter {
    gap: 15px 15px;
    margin-top:15px;
}
}
/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .event-banner img {
        height: 450px;
    }
    .date-picker {
        margin-bottom: 40px;
    }
    .seat-selection.a-row {
        margin-bottom: 100px;
    }
    .billing-table .table-top th {
        font-size: 25px;
    }
    .table-value {
        font-size: 27px;
        text-transform: uppercase;
    }
    .total-section td {
        font-size: 23px;
        padding-top: 22px !important;
    }
    .total-section .total-amount {
        font-size: 27px;
    }
    .billing-table {
        padding: 50px;
    }
 .sponser-Carousel {
        margin-bottom: 40px;
    }
    .section-padding {
        padding: 50px 0;
    }
    .other-event .second-main-heading {
        margin-bottom: 75px;
        padding-top: 75px;
    }
    /* .event-info img {
        height: 200px;
    } */
    /* ---new css --- */
    .img-height {
        min-height: 100px;
    }
    .event-info img {
        height: 125px;
    }
    .event-heading {
        font-size: 20px;
    }
    .seat-area {
        gap: 0px;
    }
    .event-price {
       padding: 3px 15px;
       top: 15px;
       left: 16px;
     }
     .card-body-top {
        min-height: 120px;
        padding: 15px;
    }
    .card-body-bottom {
        padding: 13px 15px;
    }
    #event-date .owl-nav {
        margin-top: 30px;
        padding-bottom: 60px;
    }
    .footer-bg {
         padding-top: 50px;
    }
    .footer-ph {
      padding-bottom: 50px;
    }
    .secondary-footer {
        padding: 30px 0;
    }
    .seat-area li img{
       width: 40px;
    }
    .seat-selection .seat-row {
    gap: 48px;
    }
    .main-heading {
        font-size: 37px;
    }
    .billing-detail {
        margin-bottom: 65px;
    }
    .regiter-form {
        max-width: 908px;
    }
/* -----------------------check out start ------------------- */
.form-section .form-label {
    font-size: 14px;
 }
 .bottom-btn .btn {
    font-size: 21px;
}
.btn-large {
    min-width: 250px;
}
.check-out .event-info .main-heading {
    font-size: 19px;
}
.check-out .event-info img {
    height: 200px;
}

.order-summary .main-heading {
    font-size: 20px;
}
.order-summary .small-heading {
    font-size: 16px;
}
.order-summary .price-small-heading {
    font-size: 16px;
}
.form-field {
    font-size: 15px;
    height: 40px;
}
.order-summary {
    padding: 20px 25px 10px 25px;
}
.price .total-amount {
    font-size: 20px !important;
}
.event-btn .btn {
    width: 220px;
    min-height: 57px;
    font-size: 18px;
}
.bottom-btn .btn {
    font-size: 18px;
}
.check-out .date-picker .choose-date i {
    font-size: 16px;
}
.check-out .form-section {
    padding: 40px;
}
.form-section .bottom-btn .btn-green {
    height: 65px;
}
/* --------------------------thank you section start--------------------- */
.successfil-image i {
    font-size: 80px;
}
.thank-you {
    background-size: 650px;
    padding: 50px 0;
}
.successfull-ticket {
    font-size: 70px;
}
.primo-logo img{
    width: 160px;
}
/* ---------------------------------------register-foorm-------------- */
.register .edit-profile {
 min-height: 100%;
}
.edit-icon {
    right: 45px;
}
/* ---------------------------my ticket start---------------- */
.edit-form {
 padding: 30px 25px;
}
.ticket-table .Status {
    width: 23%;
}
.ticket-table .price {
    width: 12%;
}
.ticket-table .event-date {
    width: 18%;
}
.ticket-table .event-name {
    width: 23%;
}
.ticket-table tr th, .ticket-table tbody tr td {
    padding: 12px 11px;
    line-height: 20px;
    font-size: 14px;
}
.ticket-table tr th, .ticket-table tbody tr td {
    padding: 12px 11px;
    line-height: 20px;
    font-size: 14px;
}
.ticket-btn .btn {
    margin-right: 10px;
}
.user-name {
    font-size: 20px;
}
.profile-image img {
    height: 87px;
    width: 87px;
}
/* ---------------------landing page------------- */
.logo img{
    width: 120px;
}
/* ---------------------landing page end------------- */
/* -----------------------order detail------------- */
.total-amount {
	font-size: 23px;
    font-weight: 500;
}
.search-bar {
	width: 69%;
}
.detail-btn .btn {
	min-width: 140px;
	height: 50px;
	/* margin-right: 15px; */
}
.order-detail-list{
    width: 50%;
  }
      /* ------client landing page----- */
      .client-logo img {
        width: 80px !important;
    }
    .banner-img img {
        width: 45%;
    }
    .client-landing-page .second-main-heading {
        font-size: 41px;
        padding-top: 45px;
    }
    .client-landing-page p {
        margin-bottom: 50px;
    }
    .client-landing-page-btn {
        padding-bottom: 60px;
    }
    .banner-img {
        margin-top: 50px;
    }

.ticket_counter {
    gap: 15px 15px;
}
}

/* form accordion start */
.form-accordion .accordion-button {
    font-size: 16px;
}
.form-accordion .accordion-body .row:not(:last-child) {
    margin-bottom: 10px;
}
.form-check .form-check-label{
    line-height: 20px;
}
.form-accordion .accordion-body {
    padding: 15px 15px;
    margin-top: 20px;
}
.form-section .form-heading {
    font-size: 17px;
    line-height: 23px;
}
/* form accordion end */

/* form accordion start */
.form-accordion .accordion-button {
    font-size: 17px;
}
.form-accordion .accordion-body .row:not(:last-child) {
    margin-bottom: 10px;
}
.form-check .form-check-label{
    line-height: 20px;
}
.form-accordion .accordion-body {
    padding: 20px 20px;
    margin-top: 20px;
}
.form-section .form-heading {
    font-size: 17px;
    line-height: 25px;
}
/* form accordion end */

/* form accordion start */
.form-accordion .accordion-button {
    font-size: 17px;
}
.form-accordion .accordion-body .row:not(:last-child) {
    margin-bottom: 10px;
}
/* form accordion end */



/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1400.98px) {
    .billing-table .table-top th {
        font-size: 25px;
    }
    .table-value {
        font-size: 23px;
    }
    .total-section td {
        font-size: 23px;
        padding-top: 22px !important;
    }
    .total-section .total-amount {
        font-size: 27px;
    }
    .billing-table {
        padding: 50px;
    }
    .sponser-Carousel {
        margin-bottom: 40px;
    }
    .section-padding {
        padding: 50px 0;
    }
    .other-event .second-main-heading {
        margin-bottom: 80px;
        padding-top: 80px;
    }
    .card-body-top {
        padding: 20px;
    }
    #event-date .owl-nav {
        margin-top: 30px;
        padding-bottom: 80px;
    }
    .card-body-top {
        width: 100%;
        min-height: 130px;
    }
    /* --------------------------------------check-out start--------------------------- */
    .check-out .event-info .main-heading {
        font-size: 23px;
    }
    .form-section .form-heading {
       font-size: 17px;
    }
    .main-heading {
        font-size: 38px;
    }
    .form-section .form-label {
      font-size: 15px;
    }
    .check-out .date-picker .choose-date {
        font-size: 15px;}
    /* ---------------------------------------register-form-------------- */

    .edit-icon {
        right: 66px;
    }
    /* --------------------------my ticket start----------------------------- */
    .edit-form {
        padding: 30px 25px;
       }
       .ticket-table .Status {
           width: 23%;
       }
       .ticket-table .price {
           width: 12%;
       }
       .ticket-table .event-date {
        width: 20%;
    }
       .ticket-table .event-name {
        width: 26%;
    }
       .ticket-table tr th, .ticket-table tbody tr td {
           padding: 12px 11px;
           line-height: 20px;
           font-size: 14px;
       }
       .ticket-table tr th, .ticket-table tbody tr td {
        padding: 14px 11px;
        line-height: 29px;
        font-size: 17px;
    }
       .ticket-btn .btn {
           margin-right: 10px;
       }
}

/* // For 2k Monitors, (more than 1401 px) */
@media (min-width: 1401px) and (max-width: 1599.98px) {

}

@media (min-width: 1600px) and (max-width: 2559.98px) {

}

@media (min-width: 2560px) {

}