@media screen and (min-width: 992px) and (max-width: 1365px) {
    .main-navigation .site-logo {
        max-width: 140px;
    }

    .footer-main .container {
        max-width: 96% !important;
    }

    .container, .container-lg, .container-md, .container-sm {
        max-width: 90% !important;
    }

    .home-banner .container-fluid, .footer-main .container-fluid {
        max-width: 96% !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1365px) {
    .ticket-preview-wrap .main-col {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}

@media (min-width: 1366px) {
    .home-banner .container-fluid {
        max-width: 96% !important;
    }

    .container, .container-lg, .container-md, .container-sm {
        max-width: 80% !important;
    }
}
@media (min-width: 1200px){
    .footer-main .container {
        max-width: 1140px !important;
    }
}

@media (min-width: 1400px) {
    .footer-main .container {
        max-width: 1448px !important;
    }
}

@media (max-width: 1580px) {
    .addon-card .item-details .price-and-cart {
        flex-wrap: wrap;
    }
    .addon-card .item-details .price {
        padding-right: 0;
        padding-bottom: 8px;
        width: 100%;
        display: block;
    }
    .follower-card-col {
        max-width: 18%;
    }
    .my-follower-page .faviroute-list-wrapper .row {
        justify-content: center;
    }
}
@media (max-width: 1499px) {

    .event-time-details .timer-part {
        max-width: 275px;
        padding: 8px 10px;
        margin-left: 15px;
    }

    .event-time-details .timer-part #event-timer .second {
        padding-right: 10px;
    }

    .event-time-details .date-part .date {
        font-size: 20px;
    }

    .event-time-details .date-part .time {
        font-size: 14px;
    }

    .event-time-details .date-part .justify-content-center {
        justify-content: flex-start !important;
    }

    .tickets-options .option-inner-card-content {
        padding-right: 30px;
    }

    .tickets-options .option-sum {
        font-size: 18px;
    }

    .tickets-options .event-date {
        font-size: 14px;
    }

    .ticket-refund-card .card-body {
        padding: 40px 55px;
    }

    /* .home-banner .banner-image img.img-fluid {
        height: 210px;
    } */
    .ticket-transfer-and-cancle-part {
        font-size: 15px;
    }
}

@media (max-width: 1400px) {
    .subscribe-form .submit-btn {
        width: 185px;
    }
    .subscribe-form .form-control {
        padding: 0 200px 0 24px;
    }
    .subscribe-section .social-list-part label {
        margin-right: 0;
    }
    .subscribe-section .social-list-part .social-list li {
        margin: 0 5px;
    }
    .subscribe-section .social-list-part .social-list li a {
        font-size: 17px;
    }
    .subscribe-section .social-list-part .social-list li a i {
        margin-right: 4px;
    }
    .ft-info-box {
        width: 100%;
    }
    .cs-width {
        width: 450px;
    }
}
@media (max-width: 1365px) {
    .event-details-content .event-title-main .page-title {
        font-size: 28px;
    }

    .organizer-info .organizer-card .card-body .email a, .organizer-info .organizer-card .card-body .phone a {
        font-size: 15px;
    }

    /* .home-banner .banner-image img.img-fluid{
        height: 195px;
    } */
    .ticket-transfer-and-cancle-part {
        font-size: 16px;
    }
}


@media (max-width: 1199px) {
    .event-time-details .date-part {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .event-time-details .timer-part {
        max-width: 100%;
        flex: 0 0 auto;
    }

    .event-time-details .timer-part {
        margin-top: 15px;
        margin-left: 0;
    }

    .footer-inner .social-list li a img {
        max-width: 28px;
    }

    .home-banner .left-arrow {
        left: -10px;
    }

    .home-banner .right-arrow {
        right: -10px;
    }

    .event-details-section {
        padding: 60px 0;
    }

    .event-details-content .event-title-main {
        padding-bottom: 20px;
    }

    .event-details-content .event-title-main .page-title {
        font-size: 24px;
    }

    .event-details-content .event-title-main .like-btn, .location-strip .map-part .like-btn {
        margin-left: 0;
        padding: 8px 15px;
        margin-top: 15px;
    }

    .event-details-content .payment-and-tickets .btn-part {
        text-align: right;
    }

    .event-details-content .payment-and-tickets .book-btn {
        width: auto;
        padding: 12px 15px;
        font-size: 16px;
    }

    .event-details-content .location-strip address {
        font-size: 16px;
    }

    .organizer-info .organizer-card {
        margin-left: 0;
    }

    .event-details-section {
        padding: 60px 0 10px;
    }

    .tickets-options .card-tickets-options .card-body {
        padding: 30px;
    }

    .tickets-options .ticket-qty {
        width: 118px;
    }

    .tickets-options .option-inner-card-content {
        width: calc(100% - 118px);
        padding-right: 20px;
    }

    .tickets-options .option-sum {
        font-size: 16px;
    }

    .tickets-options .event-date .start-time .date, .tickets-options .event-date .end-time .date {
        display: block;
    }

    .tickets-options .event-date .start-time .time, .tickets-options .event-date .end-time .time {
        padding-left: 0;
        text-align: left;
    }

    .tickets-options .ticket-qty .qty-btn {
        height: 36px;
        padding: 12px 18px;
    }

    .checkout-btn-strip .btn {
        width: 250px;
        height: 52px;
        font-size: 20px;
    }

    .checkout-card .card-footer {
        padding: 25px;
        float: left;
        /*margin-top: 50px;*/
        width: 100%;
    }

    .checkout-card .card-footer:after {
        content: '';
        clear: both;
    }

    .checkout-card .event-organizer-contact {
        display: block !important;
    }

    .checkout-card .event-organizer-contact li {
        display: inline-block;
        float: left;
        border-right: none;
        border-left: 1px solid var(--blue-light) !important;
        width: 50%;
    }

    .checkout-card .event-organizer-contact li.location {
        display: flex;
        border-left: none !important;
        flex-flow: row;
    }

    .checkout-card .event-organizer-contact li .map-btn {
        margin-left: 15px;
    }

    .checkout-card .event-organizer-contact li.mail {
        border-right: none;
    }

    .creditCard-form .card-number {
        width: 48%;
    }

    .creditCard-form .card-date {
        width: 28%;
    }

    .creditCard-form .card-cvv {
        width: 24%;
    }

    .payment-method .payment-option-nav .custom-radio {
        width: 50%;
    }

    .ticket-general-info .ticket-time-box, .ticket-general-info .ticket-venue-box {
        width: 60%;
    }

    .ticket-general-info .ticket-delivery-box {
        width: 40%;
    }

    .ticket-general-info .ticket-type-box {
        width: 35%;
    }

    .ticket-general-info .ticket-holder-box {
        width: 65%;
    }
	 .event-comments {
        width: 100%;
    }

    .addon-card .item-details .price {
        padding-right: 10px;
        padding-bottom: 0;
        width: auto;
        display: inline-block;
    }
    .main-navigation .header-nav-link .nav-item {
        padding: 0 10px;
    }

    .subscribe-section .site-logo {
        margin:0 auto 30px;
    }
    .subscribe-section .form-part {
        width: 100%;
    }
    .subscribe-form .cs-width {
        width: 100%;
    }
    .subscribe-section .social-list-part {
        width: 100%;
        justify-content: center;
        margin-bottom: 20px;
    }
    .follower-card-col {
        max-width: 20%;
    }
}
@media (max-width: 991px) {
    .container, .container-sm {
        max-width: 95%;
    }

    .home-banner-slider {
        margin: 0 -10px;
    }

    .home-banner .slick-slide {
        padding: 0 10px;
    }

    .main-navigation #mainNavigation {
        background-color: var(--main-white);
        box-shadow: var(--shadow);
        border-radius: 15px;
        margin-top: 15px;
        padding: 30px 25px;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        z-index: 101;
        transition: 0s all linear;
    }
    .main-navigation #mainNavigation .header-nav-link {
        flex-flow: column;
        -ms-flex-align: normal!important;
        align-items: normal!important;
    }
    .main-navigation #mainNavigation .header-nav-link .nav-item {
        padding: 0;
        width: 100%;
        border-bottom: 1px solid var(--blue-light);
    }
    .main-navigation #mainNavigation .header-nav-link .nav-item .nav-link {
        padding: 12px 0 !important;
        display: block;
    }
    .main-navigation .header-nav-link .nav-item.nav-dropdown .dropdown-menu {
        width: 100%;
        position: relative;
        margin-bottom: 15px;
    }								
    #mainNavigation .my-profile {
        background: var(--extra-light-blue);
        border-radius: 12px;
        padding: 8px;
        color: var(--thm-dark);
        font-size: 22px;
        line-height: 22px;
        align-items: center;
        justify-content: center;
        margin-bottom: 5px;
    }

    #mainNavigation .my-profile .my-profile-btn {
        margin-left: 0;
        margin-right: 20px;
    }

    .main-navigation .left-nav {
        text-align: center;
    }

    #mainNavigation .my-profile.profile-login {
        margin: 0;
        background: transparent;
        padding:10px 0 0;
        justify-content: flex-start;
    }
    
	.profile-login .login-btn {
        font-size: 16px;
														  
    }
	
    #mainNavigation .my-profile.profile-login .login-btn:hover {
        color: var(--thm-primary-blue);
    }

    #mainNavigation .my-profile.profile-login .login-btn .fa {
        color: var(--thm-primary-blue);
    }

    .main-navigation .dropdown-menu {
        margin: 0 auto;
        left: 0;
        right: 0;
    }

    .main-navigation .language-dropdown {
        border-bottom: 1px solid var(--light-gray);
    }

    .main-navigation .dropdown .dropdown-toggle {
        padding: 15px 0;
        font-size: 22px;
        font-weight: 400;
        margin-left: 0;
        width: 100%;
    }

    .main-navigation .dropdown .dropdown-toggle img {
        width: 16px;
    }

    .main-navigation .filter-part a {
        padding: 18px 0;
        font-size: 22px;
        font-weight: 400;
        display: inline-block;
    }

    .main-navigation .create-event .dark-btn {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 5px;
    }

    .home-banner {
        padding: 35px 0 50px;
    }

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

    .footer-inner .footer-row {
        flex-direction: column-reverse;
    }

    .footer-inner .social-list {
        margin-bottom: 30px;
    }

    .copyright {
        text-align: center;
    }

    .event-details-content .event-title-main {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .event-details-content .event-title-main .like-part {
        flex-shrink: 0;
    }

    .event-details-content .event-title-main .like-btn, .location-strip .map-part .like-btn {
        margin-top: 0;
        margin-left: 15px;
    }

    .event-time-details .date-part {
        max-width: 100%;
        flex: 0 0 calc(100% - 320px);
        padding-right: 15px;
    }

    .event-time-details .timer-part {
        flex: 0 0 320px;
        flex-shrink: 0;
        margin-top: 0;
    }

    .event-details-content .location-strip {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .event-details-section {
        padding: 35px 0;
    }

    .event-description-section {
        padding: 35px 0;
    }

    .checkout-card .tickets-options {
        margin-bottom: 30px;
    }

    .tickets-options .ticket-qty {
        width: 150px;
    }

    .tickets-options .option-inner-card-content {
        width: calc(100% - 175px);
    }

    .checkout-card .event-organizer-contact li.location {
        width: 60%;
        font-size: 14px;
    }

    .checkout-card .event-organizer-contact li.mail,
    .checkout-card .event-organizer-contact li.phone {
        font-size: 14px;
        width: 40%;
    }

    .payment-method .payment-option-nav .custom-radio {
        width: 33.33%;
    }

    .checkout-payment-method {
        margin-bottom: 30px;
    }

    .filter-btn {
        display: block;
        position: fixed;
        bottom: 10px;
        width: calc(100% - 80px);
        left: 40px;
        right: 40px;
        z-index: 99;
    }

    .aside-part {
        position: fixed;
        top: 150%;
        left: 40px;
        right: 40px;
        z-index: 99;
        background: var(--main-white);
        padding: 60px 20px 30px;
        border-radius: 27px;
        border: var(--border_gray_medium);
        -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
        bottom: 90px;
        transition: 0.5s all ease-in-out;
    }

    .aside-part.active {
        top: 80px;
    }

    .event-list-page .footer-inner {
        padding: 45px 0 70px;
    }

    .aside-part .aside-dismissal {
        display: block;
    }

    .event-calender .table-condensed, .event-calender .datepicker-inline {
        width: 300px;
        margin: 0 auto;
    }

    .ticket-scan-part .btn-group-vertical {
        margin-left: 20px;
    }

    .ticket-scan-part .btn-group-vertical .btn {
        padding: 7% 10px;
        font-size: 16px;
    }

    .ticket-transfer-and-cancle-part .text,
    .ticket-transfer-and-cancle-part .time {
        font-size: 16px;
    }

    .search-page .content-wrapper {
        padding-top: 50px;
    }

    .ticket-refund-page .cancle-text {
        margin-bottom: 10px;
    }

    .promocode-box .promocode {
        padding-right: 12px;
    }

    .checkout-btn-strip {
        position: sticky;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99;
        padding: 15px 20px;
        width: 100%;
        background: linear-gradient(90deg, rgb(5, 206, 226) 0%, rgb(140, 21, 232) 100%);
    }

    .checkout-btn-strip .btn {
        width: auto;
        height: 40px;
        font-size: 16px;
    }

    .checkout-btn-strip .dark-btn-outline {
        color: var(--main-white);
        border-color: var(--main-white);
    }

    .checkout-btn-strip .dark-btn-outline:hover {
        color: var(--thm-dark);
        background: var(--main-white);
    }

    .checkout-card .card-footer {
        margin-top: 0;
    }

    .top-footer .social-list, .top-footer .ft-links {
        width: 100%;
    }

    /*.top-footer .ft-links {
        padding-top: 20px;
    }*/

    .top-footer .ft-links ul {
        justify-content: center;
    }

	.documentVarificationModal .dropzone {
        width: 620px;
    }

    .uploading-wrapper {
        padding: 40px 20px;
    }

    .uploading-wrapper {
        margin-top: 30px;
    }
    .events-category1 .category {
        padding: 22px;
    }

    .events-category1 .owl-nav {
        display: none;
    }
	.top-footer {
        padding: 20px 0 50px;
    }
    .ft-info-box {
        margin-bottom: 30px;
    }
    .ft-info-box .ft-logo {
        margin: 0 auto 25px;
        display: block;
    }
    .ft-info-box .address {
        text-align: center;
    }
    .subscribe-form .submit-btn {
        height: 60px;
        width: 235px;
    }
    .subscribe-form .form-control {
        height: 60px;
    }
}

@media (max-width: 767px) {
    .home-banner {
        padding: 25px 0 30px;
    }

    .container, .container-sm {
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .event-time-details .date-part .date {
        font-size: 20px;
    }

    .event-time-details .timer-part #event-timer {
        font-size: 20px;
    }

    .event-time-details .date-part .saprator {
        font-size: 20px;
    }

    .timer-part {
        padding: 12px 10px;
    }

    .event-time-details .timer-part {
        max-width: 300px;
    }

    .event-time-details .date-part {
        flex: 0 0 calc(100% - 300px);
    }

    .map-modal iframe {
        width: 100% !important;
        height: 300px;
    }

    .user_modal .user-image {
        width: 110px;
        height: 110px;
    }

    .follow-btn {
        width: 190px;
    }

    .user_modal .user-info-main .user-contact-info {
        flex-direction: column;
    }

    .user_modal .modal-body .email {
        margin-right: 0;
        padding-bottom: 0 !important;
    }

    .payment-method .payment-option-nav .custom-radio {
        width: 50%;
    }

    .checkout-card {
        box-shadow: none;
        border-radius: 0;
    }

    .checkout-card .card-header, .checkout-card .card-body {
        padding-left: 0;
        padding-right: 0;
    }

    .checkout-card .card-header {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .checkout-card .card-footer {
        width: auto;
        margin-left: -30px;
        margin-right: -30px;
        border-radius: 0;
        border-width: 1px 0;
        padding: 30px 50px;
    }

    .checkout-card .payment-option-tab-card .card-body {
        padding-left: 15px;
        padding-right: 15px;
    }

    .checkout-card .event-organizer-contact li {
        width: 100% !important;
        border-left: 0 !important;
        border-top: 1px solid var(--blue-light) !important;
        padding: 15px 0 15px 40px !important;
        font-size: 17px !important;
        display: block;
        position: relative;
    }

    .checkout-card .event-organizer-contact li.location {
        border-top: none !important;
        padding-top: 0;
    }

    .checkout-card .event-organizer-contact li.contact {
        padding-bottom: 0;
    }

    .checkout-card .event-organizer-contact li .icon {
        width: 20px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 15px;
    }

    .checkout-card .event-organizer-contact li .map-btn {
        margin-left: auto;
    }

    .checkout-card .booking-confirmation-card {
        margin-bottom: 50px;
    }

    .checkout-card .go-tickets::before {
        display: none;
    }

    .tickets-list-wrapper .tickets-list li {
        margin-bottom: 20px;
    }

    .ticket-transfer-card .card-top {
        flex-flow: column;
    }

    .ticket-transfer-card .ticket-name {
        margin-bottom: 10px;
    }

    .ticket-scan-part .ticket-image {
        display: none;
    }

    .ticket-scan-part .col-12 {
        justify-content: space-between;
    }

    .ticket-scan-part .ticket-qr-part {
        width: 172px;
    }

    .ticket-scan-part .btn-group-vertical {
        width: 30%;
    }

    .ticket-transfer-and-cancle-part .cancle-part {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .ticket-general-info .ticket-holder-box {
        width: 75%;
    }

    .ticket-general-info .ticket-seat-box {
        width: 100%;
    }

    .ticket-general-info .ticket-amount-box {
        width: 200px;
    }

    .ticket-general-info .ticket-time-box {
        width: calc(100% - 200px);
    }

    .ticket-general-info .ticket-time-box .date-and-time {
        flex-flow: column;
    }

    .ticket-general-info .ticket-delivery-box {
        width: 45%;
    }

    .ticket-general-info .ticket-venue-box {
        width: 55%;
    }

    .ticket-preview-card .card-top {
        flex-flow: column;
    }

    .ticket-card .card-header {
        flex-flow: column;
    }

    .ticket-card .ticket-name, .ticket-card .card-header .booking-id {
        width: 100%;
    }

    .ticket-card .card-body .time-and-date .date {
        padding-right: 30px;
    }

    .ticket-card .card-body .info-btn .btn {
        padding: 10px 15px;
        font-size: 12px;
    }

    .ticket-preview-card .card-top {
        padding: 20px 15px;
    }

    .ticket-preview-card .ticket-name {
        margin-bottom: 10px;
    }

    .ticket-preview-card .ticket-name h4 {
        font-size: 16px;
    }

    .ticket-preview-card .ticket-name .ticket-option {
        font-size: 16px;
    }

    .ticket-preview-card .booking-id label {
        font-size: 16px;
    }

    .poll-modal .modal-body {
        padding: 5px 25px;
    }

    .poll-modal .modal-footer {
        paddng: 0 25px 25px 15px
    }

    .poll-modal .btn-wrap {
        width: 100%;
        margin-bottom: 10px;
    }

    .search-page .content-wrapper {
        padding-top: 40px;
    }

    .event-details-section {
        padding-bottom: 0;
    }

    .my-tickets-page .page-title, .my-profile-edit-page .page-title, .my-faviroute-page .page-title, .my-follower-page .page-title {
        padding-bottom: 45px;
    }

    .ticket-summary .sub-total-table {
        margin: 40px 22px 20px;
    }

    .profile-edit-wrapper {
        margin-bottom: 60px;
    }

    .edit-profile-card .btn {
        width: 100%;
    }

    /*.top-footer .ft-links {
        padding-top: 30px;
    }*/

    .top-footer .ft-links ul {
        justify-content: center;
        flex-flow: column;
    }

    .top-footer .ft-links ul li {
        line-height: 1;
        text-align: center;
        padding: 0 0 20px 0;
    }

    .top-footer .ft-links ul li:last-child {
        padding-bottom: 0;
    }

    .top-footer .ft-links ul li a {
        text-align: center;
    }

    .ticket-general-info .ticket-type-box {
        width: 185px;
    }

    .ticket-general-info .ticket-holder-box {
        width: calc(100% - 185px);
    }

	 .ticket-general-info .ticket-holder-box.width-35 {
        width: calc(100% - 185px);
    }

    .ticket-general-info .ticket-seat-box {
        width: calc(100% - 200px);
    }
    .ticket-preview-card .booking-id {
        width: 100%;
    }

    .ticket-preview-card .ticket-name {
        width: 100%;								  
    }
	.documentVarificationModal .progress {
        width: 100%;
    }

    .documentVarificationModal .dropzone {
        width: 440px;
    }

    .documentVarificationModal .dropzone .dz-message {
        margin: 0;
    }

    .uploadIdStep-1 label {
        padding: 10px 16px;
        font-size: 14px;
    }

    .ticket-general-info .ticket-time-box.no-ticket-seat-box {
        width: calc(100% - 200px);
    }

    .ticket-general-info .shipping-address-box.no-ticket-seat-box {
        width: 100%;
    }

    .top-footer .ft-links {
        margin-bottom: 25px;
    }
    .top-footer {
        padding: 20px 0;
    }
    .btm-footer {
        padding: 15px 0;
    }
    .subscribe-section .social-list-part .social-list li a {
        font-size: 0;
    }
    .subscribe-section .social-list-part .social-list li a i {
        font-size: 20px;
    }
    .subscribe-form .submit-btn {
        display: block;
        margin: 15px auto 0;
        position: relative;
    }
    .subscribe-form .form-control {
        padding: 0 32px;
    }
    .follower-card-col {
        max-width: 25%;
    }
}
@media (max-width: 640px) {
    .follower-card-col {
        max-width: 33.33%;
    }
}

@media (max-width: 575px) {
    body {
        font-size: 17px;
        overflow-x: hidden;
    }

    .section-title .tit {
        padding-top: 12px;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 3.48px;
    }

    .section-title .tit::before {
        height: 1px;
    }

    .section-title .view-btn {
        margin-top: 12px;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 3.48px;
    }

    .section-title .view-btn span {
        margin-right: 4px;
    }

    .events-near-you-section, .popular-section, .event-category-section {
        padding-bottom: 35px;
    }

    .recent-view-section {
        padding: 35px 0;
    }

    .newsletter-section {
        margin: 40px 0;
    }

    .newsletter-section .container {
        padding: 0 10px;
    }

    .newsletter-section .newsletter-inner {
        padding: 40px 25px;
    }

    .newsletter-section h2.newsletter-title {
        font-size: 18px;
    }

    .newsletter-section p {
        font-size: 12px;
    }

    .event-details-content .event-title-main {
        display: flex;
    }

    .event-time-details {
        text-align: center;
    }

    .event-time-details .date-part {
        /* padding-right: 0; */
        flex: 0 0 calc(100% - 100px);
    }

    .event-time-details .date-part .justify-content-center {
        justify-content: center !important;
    }

    .event-time-details .date-part .saprator {
        padding: 0 10px;
    }

    .event-time-details {
        padding: 20px 0;
    }

    /* .event-time-details .date-part {
        border-bottom: 1px solid var(--light-gray);
        padding-bottom: 20px;
        margin-bottom: 20px;
    } */
    .event-time-details .timer-part {
        margin: 0 auto;
        max-width: 320px;
    }

    .event-details-content .location-strip {
        display: block;
    }

    .event-details-content .location-strip address {
        font-size: 17px;
        font-weight: 500;
    }

    .location-strip .map-part {
        text-align: right;
    }

    .location-strip .map-part .like-btn {
        margin-left: 0;
        margin-top: 12px;
        padding: 12px 25px;
    }

    .event-details-content .payment-and-tickets {
        flex-direction: column-reverse;
    }

    .event-details-content .payment-and-tickets .btn-part {
        margin-left: 0;
    }

    .event-details-content .payment-and-tickets .book-btn {
        width: 100%;
        padding: 13px 15px;
        font-size: 22px;
        margin-bottom: 20px;
    }

    .event-terms-condition-card .card-header .btn {
        padding-top: 12px;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 3.48px;
    }

    .event-terms-condition-card .card-header .btn:before {
        height: 1px;
    }

    .event-details-content .location-strip {
        padding-bottom: 42px;
    }

    .user_modal .modal-body .user-info-main {
        flex-direction: column;
    }

    .user_modal .user-image {
        width: 150px;
        height: 150px;
        margin-bottom: 15px;
        margin-right: 0;
    }

    .organizer-info .organizer-card .user_modal .user-info {
        text-align: center;
    }

    .user_modal .user-info .follow-btn {
        display: none;
    }

    .user_modal .social-list {
        margin: 0 auto;
    }

    .user_modal .social-list li a img {
        font-size: 28px;
    }

    .user_modal .organizer-name {
        font-size: 26px;
        margin-bottom: 28px;
    }

    .organizer-info .organizer-card .card-body .phone {
        padding-top: 8px 0 0 0;
    }

    .organizer-info .organizer-card .card-body .user-descriptions {
        font-size: 17px;
    }

    .checkout-card .event-organizer-contact li.location {
        display: block;
    }

    .checkout-card .event-organizer-contact li .map-btn {
        margin: 18px 0 10px;
        width: 100%;
        text-align: center;
    }

    .checkout-card .card-footer {
        padding: 25px 30px;
    }

    .checkout-payment-method .logged-in-main {
        display: block;
    }

    .checkout-payment-method .logged-in-main .logged-in-right {
        text-align: center;
        margin-top: 6px;
    }

    .creditCard-form .card-number {
        width: 100%;
        margin-bottom: 12px !important;
    }

    .creditCard-form .card-date {
        width: 65%;
    }

    .creditCard-form .card-cvv {
        width: 35%;
    }

    .ticket-summary .sub-total-table {
        margin-left: 0;
        margin-right: 0;
    }

    .tickets-options .ticket-option-title {
        padding-left: 30px;
    }

    .tickets-options .ticket-option-title h2 {
        font-size: 22px;
    }

    .tickets-options .card-tickets-options .card-body {
        padding: 25px 20px;
    }

    .tickets-options .option-inner-card-content, .tickets-options .ticket-qty {
        width: 100%;
        padding: 0;
    }

    .tickets-options .option-sum {
        font-size: 21px;
    }

    .tickets-options .event-date .start-time .date, .tickets-options .event-date .end-time .date {
        display: inline-block;
        font-weight: 500;
        font-size: 18px;
    }

    .tickets-options .event-date .start-time .time, .tickets-options .event-date .end-time .time {
        display: inline-block;
        font-size: 15px;
        padding-left: 10px;
    }

    .tickets-options .ticket-qty {
        margin-top: 10px;
        display: flex;
    }

    .tickets-options .ticket-qty .form-control {
        width: 150px;
        margin-bottom: 0;
        margin-right: 10px;
    }

    .tickets-options .ticket-qty .qty-btn {
        height: 50px;
        padding: 12px 22px;
        margin: 0 10px;
    }

    .checkout-card .go-tickets {
        margin: 50px 0 0px;
    }

    .ticket-transfer-card .ticket-name h4 {
        font-size: 16px;
    }

    .ticket-transfer-card .ticket-name .ticket-option {
        font-size: 16px;
    }

    .book-btn {
        padding: 15px 30px;
    }

    .ticket-general-info .box .box-inner {
        padding: 18px;
    }

    .ticket-general-info .ticket-type-box {
        width: 150px;
    }

	 .ticket-general-info .ticket-holder-box.width-35 {
        width: calc(100% - 150px);
    }
    .ticket-general-info .ticket-holder-box {
        width: calc(100% - 150px);
    }

    .ticket-general-info .ticket-type-box .ticket-color-1 .ticket-type,
    .ticket-general-info .box span,
    .ticket-general-info .box label {
        font-size: 16px;
    }

    .ticket-general-info .ticket-venue-box {
        width: 100%;
    }

    .ticket-general-info .ticket-delivery-box {
        width: 100%;
    }

    .ticket-general-info .ticket-time-box .date-and-time {
        flex-flow: column;
    }

    .ticket-scan-part .btn-group-vertical {
        width: 156px;
        flex-shrink: 0;
    }

    .ticket-scan-part .btn-group-vertical .btn {
        line-height: 1;
        padding: 14px 10px;
    }

    .ticket-preview-card .card-body {
        padding: 20px 12px;
    }

    .event-calender .table-condensed, .event-calender .datepicker-inline {
        width: 100%;
    }

    .aside-part {
        overflow-x: scroll;
    }

    .ticket-card .card-header {
        flex-flow: column;
        align-items: flex-start;
        padding: 20px 25px;
    }

    .ticket-card .card-body,
    .ticket-card .card-footer {
        padding: 20px 25px;
    }

    .ticket-card .card-body .time-and-date {
        margin-bottom: 15px;
    }

    .ticket-card .card-header, .ticket-card .card-body, .ticket-card .card-footer {
        padding: 15px 18px;
    }

    .ticket-card .card-body .time-and-date .date {
        padding-right: 60px;
    }

    .ticket-card .card-header .ticket-name {
        margin-bottom: 5px;
    }

    .ticket-card .card-body .btn {
        padding: 13px 20px;
        font-size: 13px;
    }

    .ticket-card .card-body .time-and-date span {
        font-size: 17px;
    }

    .my-tickets-page .page-title, .my-profile-edit-page .page-title, .my-faviroute-page .page-title .tit, .my-follower-page .page-title .tit {
        padding-bottom: 30px;
    }

    .my-tickets-page .content-wrapper, .my-profile-edit-page .content-wrapper, .my-faviroute-page .content-wrapper, .my-follower-page .content-wrapper {
        padding-top: 30px;
    }

    .my-tickets-page .page-title .tit:before, .my-profile-edit-page .page-title .tit:before, .my-faviroute-page .page-title .tit:before, .my-follower-page .page-title .tit:before {
        display: none;
    }

    .ticket-refund-card .card-body {
        padding: 30px 20px;
    }

    .promocode-box {
        flex-wrap: wrap;
        font-size: 15px;
    }

    .banner-image img.img-fluid {
        border-radius: 30px;
    }

    .faviroute-list-wrapper {
        margin-bottom: 30px;
    }

    .signup-button-list .btn {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .signup-button-list .btn .icon {
        width: 30px;
        margin-right: 18px;
    }

    .signup-button-list .btn .icon i {
        font-size: 28px;
    }

    .signup-modal .form .form-control {
        padding-left: 5px;
    }

    .btm-footer {
        padding: 28px 0;
    }

    .btm-footer .footer-logo-main {
        width: 100%;
        padding-bottom: 28px;
    }

    .copyright {
        width: 100%;
    }

    .ticket-card .card-body {
        flex-flow: column;
    }

    .checkout-btn-strip .btn {
        font-size: 14px;
        margin: 0 8px;
        padding: 12px 20px;
    }

    .checkout-btn-strip {
        padding: 15px;
    }

    .tickets-options .option-sum .option-price {
        flex-shrink: 0;
    }
     .documentVarificationModal .upload-btn-group .cancle-group .btn_id_proof, .documentVarificationModal .upload-btn-group .cancle-group .btn_selfie {
        width: calc(100% - 100px) !important;
    }

    .documentVarificationModal .dropzone {
        width: auto;
        max-width: 340px;
        padding: 35px 20px 40px;
    }

    .documentVarificationModal .dropzone .dz-message {
        padding: 0;
    }

    .uploadIdStep-1 .modal-title {
        margin-bottom: 24px;
    }

    .documentVarificationModal .btn-strip {
        flex-wrap: wrap;
    }

    .documentVarificationModal .btn-strip .back-btn {
        order: 1;
    }

    .documentVarificationModal .btn-strip .delete-btn {
        order: 0;
        margin-bottom: 20px;
    }

    .documentVarificationModal .btn-strip .btn {
        margin-left: 0;
        margin-right: 0;
    }

    .documentVarificationModal .radio-group {
        flex-wrap: wrap;
    }

    .documentVarificationModal .button {
        margin: 0px 0 10px 0;
        position: relative;
        width: 230px;
    }

    .comment-form-part .event-image {
        width: 40px;
        height: 40px;
    }

    .comment-form-part .comment-form {
        width: calc(100% - 40px);
        padding-left: 15px;
    }

    .comment-list .comment-row .user-photo {
        width: 40px;
        height: 40px;
    }

    .comment-list .comment-row .user-photo img {
        width: 40px;
        height: 40px;
    }

    .comment-list .comment-row .comment-body {
        padding-left: 15px;
        width: calc(100% - 40px);
    }

    .comment-list .comment-row .comment-body .d-flex {
        flex-wrap: wrap;
    }	
}

/*search page media query*/
@media (max-width: 575px) {
    .search-page .search-bar .search-form .search-part {
        width: 100%;
    }

    .search-page .search-bar.search-list .search-form .search-part {
        width: 100%;
    }

    .search-page .search-bar .search-form .btn {
        margin: 20px 0 0;
    }

    /* error page */
    .error-page .content-wrapper {
        min-height: inherit;
        padding: 40px 0;
    }

    .error-page .goback-btn {
        width: 100%;
    }

    .amount_detail_modal .ticket-list {
        flex-flow: column;
    }

    .amount_detail_modal .ticket-list .ticket-name-and-no {
        text-align: left;
        padding-bottom: 6px;
    }

    .amount_detail_modal .ticket-list .ticket-price .price, .amount_detail_modal .ticket-list .ticket-price .fees {
        justify-content: flex-start;
    }

    .amount_detail_modal .coupon-code {
        flex-wrap: wrap;
    }

    .mobile-pages .container, .mobile-pages .container-sm {
        padding-left: 20px;
        padding-right: 20px;
    }

    .ticket-filter-nav .nav-tabs .nav-link {
        width: calc(33.33% - 5px);
    }

    .tickets-options .option-card-title h5 {
        width: calc(100% - 110px);
    }
    .sales-end .sale-end-part .sale-tag {
        background: #ed1c24;
        padding: 10px;
        height: auto;
        border-radius: 15px;
        line-height: 1;
        position: absolute;
        right: 10px;
        top: 10px;
        margin: 0;
        text-align: center;
		font-size: 14px;										
    }
    .documentVarificationModal .modal-dialog {
        max-width: 388px;
    }

    .documentVarificationModal .modal-body {
        padding: 35px 20px;
    }

    .documentVarificationModal .upload-btn-group .btn {
        width: 100%;
    }

    .documentVarificationModal .uploadselfieStep-1 .btn_capture {
        width: 100%;
    }

    .documentVarificationModal .ticket-cancle-2 .upload-btn-group .btn,
    .documentVarificationModal .ticket-cancle-1 .upload-btn-group .btn {
        text-align: center;
        justify-content: center;
    }

    .thankyou-2 .back-btn {
        width: 100%;
    }

    .event-details-content .location-strip {
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .event-details-slider .slide-nav-img {
        height: 70px;
    }

    .event-details-rules .section-title .tit, .event-terms-condition-card .card-header .btn {
        font-size: 20px;
        font-weight: 700;
    }

    .event-terms-condition-card .card-body {
        padding: 25px 0 0 0;
    }
	 .event-share-modal .share-list li {
        margin: 0 10px;
    }

    .event-share-modal .share-list li a {
        font-size: 14px;
    }

    .event-share-modal.shareEventModal .modal-body {
        padding: 2rem !important;
    }

    .event-share-modal .share-list li a i {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .events-near-slider, .popular-slider, .recent-view-slider {
        width: 70%;
    }

    .events-near-slider .slick-list, .popular-slider .slick-list, .recent-view-slider .slick-list {
        overflow: visible;
    }

    .events-near-you-section, .popular-section, .recent-view-section {
        overflow-x: hidden;
    }

    .events-near-you-section .container, .popular-section .container, .recent-view-section .container, .event-category-section .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .ticket-refund-page .refund-btn {
        width: 100%;
    }

    .ticket-transfer-form .btn {
        width: 100%;
        padding: 15px 20px;
    }

    .refund_modal .btn {
        width: 100%;
    }

    .ticket-filter-nav .nav-tabs {
        flex-wrap: wrap;
    }

    .ticket-filter-nav .nav-tabs .nav-link {
        width: 100%;
    }
    .follower-card-col {
        max-width: 40%;
    }
}

@media (max-width: 420px) {
    .payment-method .payment-option-nav .custom-radio {
        width: 100%;
    }

    .ticket-general-info .ticket-type-box .ticket-color-1 .ticket-type, .ticket-general-info .box span, .ticket-general-info .box label {
        font-size: 15px;
    }

    .ticket-transfer-and-cancle-part .text, .ticket-transfer-and-cancle-part .time {
        font-size: 15px;
    }

    .tickets-options .event-date .d-flex {
        flex-flow: wrap;
    }

    .tickets-options .event-date .saprator {
        padding: 0 6px;
    }

    .tickets-options .event-date .start-time .date,
    .tickets-options .event-date .end-time .date {
        font-size: 17px;
    }

    .tickets-options .event-date .start-time .time,
    .tickets-options .event-date .end-time .time {
        padding-left: 7px;
    }

    .tickets-options .ticket-qty .qty-btn {
        height: 40px;
        padding: 7px 18px;
        margin: 0 5px;
    }

    .tickets-options .ticket-qty .d-flex {
        justify-content: center;
        align-items: center;
    }

    .my-profile-dropdown .dropdown-menu {
        min-width: inherit;
    }

    .ticket-scan-part .btn-group-vertical {
        width: 130px;
    }
    .follower-card-col {
        max-width: 50%;
    }
}

@media (max-width: 400px) {
    .event-card .event-date-time .date {
        font-size: 14px;
    }

    .poll-modal-progress .poll-progress-main .progress-part {
        align-items: center;
    }

    .poll-modal-progress .poll-progress-main .progress {
        height: 18px;
    }

    .tickets-options .ticket-qty .form-control {
        width: calc(100% - 125px);
    }

    .ticket-summary .discount .discount-form .btn {
        width: 95px;
    }

    .ticket-summary .discount .discount-form .form-control {
        font-size: 16px;
        padding: 0 105px 0 15px;
    }

    .checkout-card .confiremed-text {
        font-weight: 600;
    }

    .checkout-card .booking-confirmation-card .card-body {
        padding: 25px 15px;
    }

    .ticket-card .card-body .btn {
        padding: 13px 15px;
    }

    .error-page .error-message .goback-btn {
        width: 100%;
    }

    [class*="ticket-cancle-"] .upload-btn-group .cancle-group .btn.disabled {
        padding: 20px 9px;
        font-size: 13px;
    }
    .event-time-details .date-part .date {
        font-size: 16px;
    }

    .event-time-details .date-part .saprator {
        font-size: 16px;
    }

    .like-btn {
        padding: 10px;
    }

    .event-time-details .date-part {
        flex: 0 0 calc(100% - 80px);
    }

    .event-details-rules .section-title .tit, .event-terms-condition-card .card-header .btn {
        font-size: 17px;
        font-weight: 700;
    }
	 .event-time-details .date-part {
        padding-right: 10px;
    }

    .event-time-details .date-part .saprator {
        padding: 0 5px;
    }

    .like-btn {
        font-size: 14px;
        padding: 10px 7px;
    }
}


@media (max-width: 360px) {
    .documentVarificationModal .modal-title {
        font-size: 24px;
    }

    .event-card .event-date-time .date {
        font-size: 14px;
    }

    .event-card .event-date-time .saprator {
        font-size: 13px;
        padding: 0 6px;
    }

    .event-card .event-date-time .time {
        font-size: 14px;
    }

    .event-card .card-body {
        padding: 10px 7px;
    }

    .section-title .view-btn .btn-angle {
        max-width: 8px;
    }

    .section-title .view-btn {
        font-size: 14px;
    }

    .section-title .tit {
        font-size: 14px;
        letter-spacing: 2.48px;
    }

    .events-near-slider .slick-slide, .popular-slider .slick-slide, {
        padding: 0 7px;
    }

    .organizer-info .organizer-card {
        padding: 20px 15px;
    }

    .event-terms-condition-card .card-header .btn {
        font-size: 15px;
    }

    .event-card hr {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .recent-view-section .recent-view-slider .slick-slide {
        margin: 0 7px;
    }

    .organizer-info .user-image {
        width: 65px !important;
        height: 65px !important;
        margin-right: 10px;
    }

    .user-image img {
        width: 55px !important;
        height: 55px !important;
    }

    .organizer-info .user_modal .user-image {
        width: 100px !important;
        height: 100px !important;
        margin-right: 0;
    }

    .organizer-info .user_modal .user-image img {
        width: 100px !important;
        height: 100px !important;
    }

    .user_modal .organizer-name {
        margin-bottom: 18px;
    }

    .organizer-info .organizer-card .social-list li a {
        font-size: 20px;
    }
}
/*start-complimentary-products*/

@media (max-width: 1499px) {
    .addon-card .item-image {
        width: 80px;
    }

    .addon-card .item-image img {
        width: 80px;
        height: 80px;
    }

    .addon-card .item-details {
        width: calc(100% - 80px);
    }
}

@media (max-width: 1399px) {
    .tickets-complimentary-addons-wrapper .items {
        padding-right: 20px;
    }
}

@media (max-width: 1199px) {
    .tickets-complimentary-addons-wrapper .item {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .tickets-complimentary-addons-wrapper .item {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .addon-card .item-details .price-and-cart {
        flex-wrap: wrap;
    }

    .addon-card .item-details .price {
        width: 100%;
        margin-bottom: 10px;
        padding-right: 0;
    }
}

@media (max-width: 575px) {
    .addon-card .item-image {
        width: 100px;
        margin: 0 auto;
    }

    .addon-card .item-image img {
        width: 100px;
        height: 80px;
    }

    .addon-card .item-details {
        padding-left: 0;
        padding-top: 10px;
        width: 100%;
    }

    .tickets-complimentary-addons-wrapper .filter .btn {
        margin: 0 5px;
        padding: 14px 18px;
    }
}

@media (max-width: 400px) {
    .tickets-complimentary-addons-wrapper .item {
        width: 100%;
    }

    .addon-card .item-image {
        width: 80px;
        margin: 0 auto;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
    }

    .addon-card .item-image img {
        width: 80px;
        height: 80px;
    }

    .addon-card .item-details {
        padding-left: 10px;
        padding-top: 0;
        width: calc(100% - 80px);
    }

    .tickets-options .ticket-option-title-one h3 span {
        font-size: 16px;
        padding: 0 10px;
    }
}

/*end-complimentary-products*/