@media screen and (max-width: 769px) and (min-width: 320px) {
  * {
    font-size: 1.01em;
  }

  .error_notification,
  .success_notification,
  .draft_notification {
    top: 4em;
    width: 100%;
  }

  .error_container {
    padding: 1em;
    width: 100%;
    float: left;
  }

  .error_container img {
    width: 100%;
    margin-bottom: 2em;
    float: left;
  }

  .error_container .card_title h2 {
    font-size: 1.2em;
    display: block;
  }

  .error_container .card_title {
    line-height: 1.6;
  }

  .calender_container_inner {
    float: left;
    position: relative;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 5em;
  }

  .no_resp {
    display: none;
  }

  .main_navigation.resp,
  .main_navigation.resp li a:hover {
    color: inherit;
    border-color: transparent;
  }

  /*******Main Header*******/
  .account_main_header {
    padding: 0 1em;
    height: 4.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    grid-gap: 1em;
    gap: 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .account_main_header .resp {
    display: block;
    margin-left: 0;
    position: relative;
    top: 0;
  }

  .account_main_header .logo {
    width: 10em;
    height: 4.5em;
    padding: 0 0;
    border: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .main_header.mobile_view,
  .account_main_header .home_back_btn,
  .account_main_header .user_accnt_header_menu .user_avatar,
  .user_name_display {
    display: none;
  }

  .main_navigation {
    display: none;
  }

  .main_navigation li a,
  .main_navigation li {
    overflow: inherit;
    line-height: 1;
  }

  .menu_icon {
    position: relative;
    width: 2.5em;
    height: 1.2em;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 100000000;
    display: block;
    border: none;
    -webkit-transition: all 0.5s cubic-bezier(0.35, 0.755, 0.42, 0.95);
    -o-transition: all 0.5s cubic-bezier(0.35, 0.755, 0.42, 0.95);
    transition: all 0.5s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  }

  .top_bar,
  .mid_bar,
  .bottom_bar {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background: black;
    -webkit-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
    -o-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
    transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
  }

  .mid_bar {
    top: 0.5em;
  }

  .bottom_bar {
    top: 1em;
  }

  .menu_icon.open .top_bar {
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    top: 0.5em;
  }

  .menu_icon.open .mid_bar {
    width: 0;
  }

  .menu_icon.open .bottom_bar {
    -webkit-transform: translateX(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
    top: 0.5em;
  }

  .menu_search_icon {
    font-size: 0.9em;
    -webkit-transform: translateY(0.2em);
    -ms-transform: translateY(0.2em);
    transform: translateY(0.2em);
  }

  .user_accnt_header_menu {
    grid-gap: none;
    background: transparent;
    border: none;
    height: 4.5em;
    padding: 0 1em;
    position: absolute;
    right: 0;
  }

  .user_header_navigation {
    display: block;
  }

  .user_header_navigation li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 0.5em;
    gap: 0.5em;
    margin-top: -0.5em;
  }

  .user_accnt_menu {
    position: absolute;
    top: 4.5em;
    right: 0;
    width: 18em;
    background: white;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  }

  .main_megamenu {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    background: white;
    z-index: 999;
    width: 100%;
    height: 100vh;
    display: block;
    -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  }

  .main_megamenu.open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  .mega_menu_inner {
    float: left;
    position: relative;
    padding: 4.5em 1em 4em 1em;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .menu_grid {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .menu_grid .sub_header {
    font-size: 0.7em;
  }

  .menu_list {
    float: left;
    width: 100%;
    position: relative;
    left: -1em;
  }

  .menu_list li {
    float: left;
    width: 100%;
    margin-bottom: 0em;
    position: relative;
    overflow: hidden;
  }

  .menu_list li a,
  ._alternate_bottom_menu li a {
    float: left;
    width: 100%;
    font-size: 1em;
    padding: 1em 1em;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: -0.5px;
    color: #303030;
    border-bottom: 1px #f0f0f0 solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .menu_list li a.active {
    color: var(--red);
  }

  .menu_list li:nth-last-child(1) a {
    border-bottom: none;
  }

  ._alternate_bottom_menu li a {
    border-bottom: none;
    font-size: 0.9em;
    text-transform: capitalize;
    letter-spacing: 0;
    font-weight: 400;
    color: #707070;
  }

  .menu_divider {
    border-width: 6px;
    width: 100vw;
    float: left;
    position: relative;
    left: -1em;
    margin-top: 0;
  }

  .menu_grid_flexed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 2em;
  }

  .menu_contact_link {
    color: #909090;
    font-size: 0.9em;
  }

  ._alternate_bottom_menu {
    margin-top: 1em;
    border-top: 1px #f0f0f0 solid;
    padding-top: 0.5em;
  }

  .menu_list__ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 1em;
    float: left;
  }

  .menu_list__ li a {
    margin-right: 1em;
    float: left;
    color: #606060;
    font-size: 1.2em;
  }

  .form_flexed {
    float: left;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80% 20%;
    grid-template-columns: 80% 20%;
    width: 100%;
    margin-top: 1em;
  }

  /*******Overview page*********/
  .create_new_event_float_btn {
    width: 2.8em;
    height: 2.8em;
    line-height: 2.8em;
    border-radius: 50%;
    color: white;
    text-align: center;
    font-size: 1.5em;
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index: 100;
    background: var(--red);
    -webkit-box-shadow: 0 5px 20px -10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 20px -10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    display: block;
  }
  .account_container {
    padding: 4.5em 0;
  }
  .overview_container {
    padding: 3em 1em 0 1em;
    overflow-x: hidden;
  }

  .calculator_container .section_title,
  .greeting_container .section_title {
    font-size: 1.5em;
  }

  .account_card {
    padding: 2em 0;
  }

  .startup_inner {
    border: 1px #e0e0e0 solid;
    padding: 2em 1em;
  }

  .analytics_container {
    background: transparent;
    padding: 2em 0 0 0;
  }

  /* The container */
  .grid_odd_container {
    grid-template-columns: 100%;
    grid-gap: 1%;
  }

  .extra_pad_btm {
    padding-bottom: 0;
  }

  .account_card_header {
    display: block;
  }

  .account_card_header2.no_flex {
    display: block;
  }

  .responsive_padding_header {
    padding-left: 1em;
    padding-right: 1em;
  }

  .account__header_content {
    margin-bottom: 1em;
    float: left;
  }

  .calculator_container {
    padding: 2em 1em;
    border: 1px rgba(252, 201, 15, 0.3) solid;
  }

  .calculator_container p {
    max-width: 100%;
    margin-bottom: 2em;
    float: left;
  }

  .guide-container {
    display: block;
  }

  .guide-container .form_field_holder2 {
    margin-bottom: 1em;
  }

  .responsive_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .resp__margin_bottom {
    margin-bottom: 1em;
  }

  .side_headder_flexed {
    margin-right: 0;
  }

  .responsive_card_sliders {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: scroll;
  }

  /* Hide scrollbar for Chrome, Safari and Opera */
  .responsive_card_sliders::-webkit-scrollbar,
  .modal_body_inner .sticky_tabs .flex_default::-webkit-scrollbar,
  #replace_gallery::-webkit-scrollbar,
  .page_nav_bar::-webkit-scrollbar,
  .right_analytics_header,
  .hide__on_mobile,
  .organizer_card_slider::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .responsive_card_sliders,
  .modal_body_inner .sticky_tabs .flex_default,
  #replace_gallery,
  .page_nav_bar,
  .organizer_card_slider {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }

  .responsive_block_card,
  .orders_summ_container .responsive_block_card {
    min-height: 8em;
    min-width: 70%;
  }

  .orders_summ_container .responsive_block_card {
    min-height: 5em;
  }

  .event_sum_card {
    min-width: 75%;
  }

  .account_blog_slider,
  .account_blog_container {
    grid-template-columns: 100%;
  }

  .side_headder_flexed .primary_btn {
    margin-top: 1em;
  }

  .primary_btn {
    padding: 1.5em;
  }

  .account_blog_slider .slick-slide {
    padding: 0 0.5em;
  }

  .account_blog_content {
    padding: 1em;
  }

  .account_blog_container .card_title {
    font-size: 1.2em;
  }

  .acct_blog_img img {
    height: 12em;
  }

  .acct_blog_category {
    position: relative;
    bottom: 0;
    float: left;
    margin-top: 1em;
  }

  .events_listing_container {
    padding: 0 1em;
    max-width: 100%;
    position: relative;
    float: left;
  }

  .table_flexed {
    display: grid;
    grid-template-columns: 20% 75%;
    grid-gap: 5%;
    border-bottom: 1px #f0f0f0 solid;
    padding: 1em 0;
    min-width: calc(100vw - 2.2em);
  }

  .table_flexed .event_table_title,
  .analytics_header .creator_title .event_title {
    width: 100%;
    min-width: 100%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--dark);
    display: block;
    font-size: 1.1em;
  }

  .events_listing_container.bank_detail_container {
    padding: 0;
    margin: 2em 0 1em 0;
  }

  .events_listing_container.bank_detail_container .score_board {
    display: grid;
    grid-template-columns: 3.8em auto;
    grid-gap: 4%;
    min-width: calc(100vw - 2.2em);
  }

  .analytics_header .creator_title .event_title {
    width: auto;
    min-width: auto;
    max-width: 43%;
    font-size: 1em;
  }

  .bank_detail_container .score_board .progress_info_container .progress_title {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%;
    display: block;
  }

  .event_table_img {
    width: calc(23vw - 10px);
    height: calc(23vw - 10px);
  }

  .events_listing_container.bank_detail_container .event_table_img {
    background: #f0f0f0;
    width: 3.8em;
    height: 3.8em;
    line-height: 3.8em;
    text-align: center;
    text-transform: none;
    border-radius: 50%;
  }

  .score_board .tog_event_opt {
    position: absolute;
    right: 0;
    top: 0;
  }

  .organizer_profile_container {
    padding: 1em;
    width: 100%;
  }

  .organizer_profile_container .table_flexed {
    display: grid;
    grid-template-columns: 60px auto;
    grid-gap: 2%;
    min-width: 100%;
    padding: 0;
  }

  .organizer_profile_container .event_opt_icon {
    position: absolute;
    right: 0.5em;
  }

  .organizer_profile_container .event_table_img {
    width: 3.8em;
    height: 3.8em;
  }

  .event_table_menu {
    width: 15em;
    -webkit-box-shadow: 0 2px 15px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 15px -5px rgba(0, 0, 0, 0.2);
  }

  .event_table_menu.active {
    top: 2.5em;
  }

  .ticket_price_overview__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--dark);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1em;
  }

  .card_ticket_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 0.5em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .span__small_text {
    font-size: 0.9em;
    color: #606060;
    font-weight: 400;
  }

  .mobile_loader_container .loader,
  #attendee__result .mobile_loader_container {
    top: 60%;
    left: 35%;
  }

  #attendee__result .mobile_loader_container {
    top: 70%;
  }

  /******Event management page******/
  .analytics_header {
    top: 4.5em;
    padding: 1em 1em 1em 2.5em;
    z-index: 99;
  }

  .analytics_header.flexed {
    display: block;
  }

  .analytics_header .active_event_holder::before {
    left: 0%;
    background-color: transparent;
  }

  .other_events_nav_container {
    left: -2.5em;
    width: 100vw;
    min-width: 100vw;
    max-height: calc(100vh - 5em);
    overflow-y: scroll;
    -webkit-box-shadow: 0 100vw 0 30vw rgba(0, 0, 0, 0.3);
    box-shadow: 0 60vw 0 60vw rgba(0, 0, 0, 0.3);
  }

.event_shortcut_icon {
    right: auto;
    left: calc(100vw - 4.5em);
    position: absolute;
  }
  .analytics_header .active_event_holder:hover .other_events_nav_container {
    top: 3.8em;
  }


  .mobile_event_menu {
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    /* background: #e0e0e0; */
    font-size: 1.3em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    left: -2em;
    z-index: 1;
    cursor: pointer;
  }
  
  .nav_event_title_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .analytics_header .creator_title .badge_tag {
    letter-spacing: 0.5px;
    font-size: 0.65em;
    white-space: normal;
    width: 100%;
    max-width: calc(80vw - 10px);
    float: left;
    margin-top: 0.4em;
  }

  .account-grid-2 {
    grid-template-columns: 100%;
  }

  .user_side_nav_container {
    padding-top: 5em;
    z-index: -1;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  .user_side_nav_container.open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: 115;
  }
  .event_nav_backdrop {
    opacity: 0;
    background: var(--dark);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
    -o-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
    transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
    visibility: hidden;
    pointer-events: none;
  }
  .event_nav_backdrop.open {
    opacity: 0.5;
    z-index: 100;
    visibility: visible;
    pointer-events: auto;
  }

  .account_inner_grid {
    padding: 5em 0 0 0;
    width: 100%;
  }

  .account_inner_grid .guide-container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .remove_cod_pad > .cod2,
  .remove_all_pad {
    padding: 0;
  }

  .card_right_cta {
    padding: 0.5em 0;
  }

  .card_right_cta:hover {
    background: transparent;
  }

  .desktop_table {
    display: none;
  }

  .progress_full_container {
    display: block;
    margin-top: -1em;
  }

  /******QR Code Section******/
  .qr_code_section {
    padding: 2em 1em;
  }

  .qr_code_section .flexed {
    display: block;
  }

  .qr_code_section .flexed_empty {
    display: block;
    margin-bottom: 1em;
  }

  /******Create event section*****/
  .profile_image_container {
    width: 12em;
    height: 12em;
    padding: 1em;
  }

  .profile_image_inner .mdi {
    font-size: 2.5em;
    opacity: 0.5;
  }

  .create_event_container .cod2,
  .ticket_form_container,
  .modal_footer,
  .account_inner_grid .cod2 {
    padding: 0 1em;
  }

  .icon_absolute {
    position: relative;
    top: 0;
    right: auto;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    font-size: 1.5em;
  }

  .card_title .create_section_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    grid-gap: 0.4em;
    margin-bottom: -1em;
  }

  .form_field_holder {
    margin-top: 1.5em;
  }

  .login_container .login_body .form_field_holder {
    margin-bottom: 0;
  }

  .login_container .login_body .form_field_holder:nth-last-child(1) {
    margin-bottom: 0;
  }

  .form_field_holder:nth-child(1) {
    margin-top: 0;
  }

  .reset_link {
    margin-top: 1em;
  }

  .btn_resp {
    margin: 2em 0 1em;
    display: block;
  }

  .mobile_left_tip,
  .mobile_right_tip,
  .mobile_middle_tip {
    left: -0.5em;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    min-width: 15em;
  }

  .mobile_left_tip .text-center {
    text-align: left;
  }

  .mobile_right_tip {
    left: auto;
    right: 0.5em;
  }

  .tool_tip_body.mobile_left_tip:before,
  .tool_tip_body.mobile_right_tip:before,
  .tool_tip_body.mobile_middle_tip:before {
    left: 1em;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  .tool_tip_body.mobile_middle_tip:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .tool_tip_body.mobile_right_tip:before {
    left: auto;
    right: 0.5em;
  }

  .desktop_marg_top {
    margin-top: 0;
  }
  .bootstrap-tagsinput .tag {
    padding: 0.5em 0.8em;
    font-size: 0.9em;
  }

  .responsive_marg_top {
    margin-top: 1.5em;
  }

  .gallery__image_create_container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
  }

  .suggested-posts-article {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    margin: 0;
    width: 5em;
    height: 5em;
    position: relative;
    padding: 0;
    margin: 5px;
    background-size: cover;
  }

  .suggested-posts {
    float: left;
    width: 100%;
    padding: 0 1em;
  }

  .upload__btn {
    font-size: 1.3em;
  }
  .btnxc {
    position: absolute;
    top: 0;
    right: 0;
    background: white;
  }

  .posts_article {
    height: 5em;
    width: 5em;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  #replace_gallery {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-y: scroll;
    margin-bottom: 1em;
  }

  .default_modal_container .modal_body,
  .default_modal_container .modal_body2 {
    width: 100%;
    height: 100%;
  }

  .side_modal .modal_body,
  .side_modal .modal_body2 {
    width: 100%;
  }

  .modal_header {
    padding: 1.5em 1em;
  }

  .close_modal_btn {
    top: 0;
    right: 0;
    position: absolute;
  }

  .modal_body_inner {
    max-height: calc(100vh - 5em);
    overflow-x: hidden;
  }

  .modal_body_inner.bank_info_modal_container {
    height: calc(80vh - 5em);
  }

  .bank_card {
    padding: 1.5em;
    margin-top: 0;
  }
  .modal_body_inner .sticky_tabs .flex_default {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: scroll;
  }

  .order_summary_content .receipt_grid,
  .attendees_qr_section .receipt_grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .order_summary_content .receipt_header {
    padding-bottom: 0;
    margin-top: 0.5em;
  }

  .order_summary_content.order_sum_content_inner {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 1em 0;
  }

  .order_summary_content.order_details {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .attendees_qr_section .receipt_grid {
    grid-template-columns: 100%;
  }

  .attendees_qr_section .qr_code_section .flexed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .flex_default label {
    position: relative;
  }

  .modal_inline_list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    margin-top: 1em;
  }

  .order_summary_card {
    grid-template-columns: 100%;
    grid-gap: 3%;
  }

  .order_sum_content_inner {
    padding: 1em;
  }

  .ticket_form_container .form_field_holder {
    margin-top: 0;
  }

  .ticket_form_container.promo_form_container .form_field_holder:nth-child(1) {
    margin-bottom: 1.5em;
  }

  .end_promo_date {
    display: none;
  }

  .modal_footer {
    padding: 1em;
  }
  .option_btns {
    grid-gap: 1em;
  }
  .modal_body_inner .flex_default2 {
    grid-template-columns: 1fr auto 1fr;
  }

  .grid_2_form {
    display: block;
  }

  .remove_all_pad {
    padding: 0;
  }
  .empty_state p {
    width: 100%;
  }

  .confirmation_modal .modal_body {
    height: auto;
    max-width: 90%;
  }

  .confirmation_modal.withdrawal_resp__modal .modal_body,
  .confirmation_modal.large_modal .modal_body {
    height: 100%;
    max-width: 100%;
  }

  .confirmation_modal.large_modal .modal_body {
    max-height: 100%;
    height: 100%;

    width: 100%;
    /* max-width: 1080px; */
  }

  .confirmation_modal.withdrawal_resp__modal .modal_body_inner {
    padding-top: 1em;
  }

  /******Fixed bottom Btns******/
  .fixed_actions {
    padding: 1em 1em;
  }

  /****Payout styles****/
  .container_column_2 {
    grid-template-columns: 100%;
    margin-top: 0;
  }

  .container_column_2_alt {
    grid-template-columns: 100%;
    grid-gap: 2%;
    gap: 2%;
  }

  /*****Summary & Publish section*****/
  .summary_card {
    grid-template-columns: 100%;
  }

  .summary_drop_icon {
    display: block;
    position: absolute;
    bottom: -0.5em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: white;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    font-size: 1.5em;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
    -o-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
    transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  }

  .summary_drop_icon.open {
    -webkit-transform: translateX(-50%) rotate(180deg);
    -ms-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg);
  }

  .summary_content {
    padding: 0;
    padding-top: 1em;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
    -o-transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
    transition: all 0.3s cubic-bezier(0.35, 0.755, 0.42, 0.95);
  }

  .summary_content.open {
    height: 100%;
  }

  .summary_content .card_title {
    font-size: 1.2em;
  }

  .column_40 .inner_column {
    padding: 1em;
  }

  .column_40 .inner_column.publish_resp_setup {
    padding: 0;
  }

  .inner_column.bordered_column {
    border-color: transparent;
  }

  /*******Account setting*******/
  .account_no_pad_top {
    padding-top: 0;
  }

  .page_nav_bar {
    margin-top: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: scroll;
  }

  .mobile_navigation_header .page_nav_bar.account_sticky_bar {
    top: 8em;
  }
  .mobile_navigation_header {
    padding-top: 0;
  }

  .mobile_navigation_header .account_card_header {
    position: -webkit-sticky;
    position: sticky;
    top: 4.5em;
    z-index: 100;
    background: white;
    padding: 1em 0 0.5em 0;
  }

  .mobile_navigation_header .account_card_header.account_card_header__bordered {
    padding-bottom: 1em;
    border-bottom: 1px #e0e0e0 solid;
  }

  .hide__on_desktop {
    display: inline-block;
  }

  .info_text.mobile_info_txt {
    display: block;
  }

  .default_modal_container.side_modal .modal_body .account_card_header,
  .default_modal_container.side_modal .modal_body2 .account_card_header {
    width: 80%;
  }

  .default_modal_container.side_modal
    .modal_body
    .account_card_header
    .close_modal_btn,
  .default_modal_container.side_modal
    .modal_body2
    .account_card_header
    .close_modal_btn {
    right: auto;
    left: calc(114% - 1em);
  }

  /*******:Payout section******/
  .organizer_card_slider {
    float: left;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 1em;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  .organizer_card_container {
    min-width: 95%;
  }
  .wallet_check_circle {
    left: auto;
    right: 1em;
  }
  .top_inner_card_content,
  .bottom_inner_card_content {
    float: left;
    width: 100%;
    /* padding: 1.5em; */
    position: relative;
  }

  /********Orders and checkin********/

  .table__search_form {
    margin-top: 1em;
  }

  .attendee__result .events_listing_container,
  .orders__result .events_listing_container {
    padding: 0 0 2em 0;
  }

  .mobile_attendee_card_container,
  .mobile_order_card_container {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px #f0f0f0 solid;
    font-size: 1em;
  }

  .mobile_order_card_container {
    padding: 1.5em 0;
  }

  .card_tag {
    text-transform: none;
    letter-spacing:0;
    font-size: 0.95em;
  }

  .mobile_attendee_card_header {
    background-color: #f8f7fa;
    padding: 0.8em 1em;
    float: left;
    width: 100%;
    font-weight: 500;
  }

  .card_tag_name {
    font-weight: 500;
    min-width: 90%;
    white-space: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    float: left;
    font-size: 1.1em;
    color: var(--dark);
  }

  .mobile_attendee_card_header span:nth-last-child(1) {
    color: var(--dark);
    text-transform: capitalize;
  }
  .mobile_order_card_innerlist .flexed span {
    color: #6f7881;
    font-size: 0.9em;
  }

  .mobile_attendee_card_innerlist li {
    padding: 0.5em 1em;
    float: left;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .mobile_attendee_card_innerlist li:nth-last-child(1) {
    padding: 0.5em 1em 1em 1em;
  }

  .table_pagination.centered_pagination ul li {
    margin: 0.2em;
  }

  .field_title_holder,
  .order_handle {
    font-size: 0.95em;
  }

  .inner_field_controller:nth-last-child(1) {
    grid-gap: 0;
    gap: 0;
  }
}

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

@media screen and (max-width: 1442px) and (min-width: 992px) {
  .login_container {
    padding: 10em 0 5em 0;
  }

  .login_form_body {
    padding: 3em;
  }

  .signup_body {
    padding: 3em;
  }
  .account_main_header {
    padding: 0 0;
  }

  .account_main_header .main_navigation {
    position: relative;
    left: 0%;
    top: 50%;
    grid-gap: 1em;
    margin-top: 0;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
  }

  .overview_container {
    padding: 3em 2em 0 2em;
  }

  .account_card {
    padding: 2em;
  }

  .overview_container .account_card {
    padding: 3em 1em 0 1em;
  }

  .overview_container .greeting_container {
    padding: 2em 1em 0 1em;
  }
  .overview_container .divider {
    padding: 0 1em 0 1em;
  }

  .account_inner_grid {
    padding: 0 0;
    width: calc(75vw - 1.5em);
  }

  .account-grid-2 {
    grid-gap: 3%;
    grid-template-columns: 15% 83%;
  }

  .responsive_card_sliders {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: scroll;
  }

  /* Hide scrollbar for Chrome, Safari and Opera */
  .responsive_card_sliders::-webkit-scrollbar,
  .modal_body_inner .sticky_tabs .flex_default::-webkit-scrollbar,
  #replace_gallery::-webkit-scrollbar,
  .page_nav_bar::-webkit-scrollbar,
  .organizer_card_slider::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .responsive_card_sliders,
  .modal_body_inner .sticky_tabs .flex_default,
  #replace_gallery,
  .page_nav_bar,
  .organizer_card_slider {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }

  .responsive_block_card,
  .orders_summ_container .responsive_block_card {
    min-height: 8em;
    min-width: 25%;
  }

  .orders_summ_container .responsive_block_card {
    min-height: 5em;
  }

  .event_sum_card {
    min-width: 30%;
  }

  /*******:Payout section******/
  .organizer_card_slider {
    float: left;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 1em;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  .organizer_card_container {
    min-width: 70%;
  }

  .wallet_check_circle {
    left: auto;
    right: 1em;
  }
  .top_inner_card_content,
  .bottom_inner_card_content {
    float: left;
    width: 100%;
    /* padding: 1.5em; */
    position: relative;
  }

  .top_inner_card_content .inner_card_content_flex {
    /* display: block; */
  }

  .extra_top_pad {
    padding-top: 5em;
  }

  .account_inner_grid .col-md-10 .account_card {
    padding: 2em 0;
  }

  .inner_column {
    padding: 1.5em;
  }
}