/*---:==============:responsive start:===============:---*/

@media only screen and (max-width: 768px) {
  .header {
    height: 60px !important;
    .toggle {
      top: 17px !important;
    }
  }

  /* / ----------------------------sudip  mobile------------------ / */
  .respons_up {
    margin-top: 0px;
  }
  .sponsor_top_content {
    margin-top: 0px !important;
  }
  .sponsor_bottom h1 {
    padding-top: 15px;
  }
  .event_details_banner h1 {
    padding-top: 0px !important;
  }

  .input_find_events input[type="text"] {
    width: 200px;
    padding: 0px;
  }
  .bg_body_step_section {
    overflow-x: hidden !important;
  }
  .bg_body_step_section {
    padding-bottom: 0px;
    /*    height: 100vh;*/
  }
  .footer_full {
    padding: 0;
  }
  .hom_help_support {
    min-height: 79vh;
  }
  .small-container {
    padding-top: 90px;
  }
  .input_find_events form {
    margin: 4px 6px;
    width: 100%;
  }
  .input_find_events input[type="text"] {
    width: 65%;
  }
  .gredaint_button {
    padding: 5px 10px;
    margin-left: 0px;
    width: 35%;
  }
  .event_card {
    height: auto;
  }
  .footer {
    height: 40px !important;
    display: flex;
    justify-content: center;
  }
  .footer.footerAddBanner {
    height: 80px !important;
  }
  .footer ul {
    display: flex;
    justify-content: center;
    min-width: 0px;
  }
  .footer li {
    line-height: 20px;
  }
  .footer ul li {
    margin-left: 15px;
  }
  .footer p {
    font-size: 12px;
  }
  .footer li a {
    font-size: 11px;
  }
  .reslogo {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-left: 0px;
  }
  .event_card_content {
    height: 80px;
  }
  .feis_bottom {
    width: 100%;
  }

  .upcoming_event_holder .col-lg-4.col-md-6.col-12 {
    margin-bottom: 0;
  }
  .container-fluid {
    padding: 15px 15px;
  }
  .heading {
    padding-bottom: 10px;
    margin: 0 auto;
  }
  .contentHolder {
    width: 100%;
    min-height: 83vh;
    padding: 60px 0 0px;
  }
  .main_headings.respons_up {
    margin-top: 0px;
  }
  .event_details_banner h1 {
    margin-top: 0 !important;
  }
  .dancerlistunlock {
    margin: 10px 0;
    padding: 10px 10px 10px 10px !important;
    margin-bottom: 0 !important;
  }
  .sponsor_top {
    height: 270px !important;
    display: flex;
    align-items: center;
  }
  .sponsor_top_most {
    padding: 0px !important;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* / -----------------------sudip end-------------------------- / */

  .respParentWeb {
    display: none;
  }
  .respParentMobile {
    display: block;
  }
  .modal-dialog {
    margin-top: 105px !important;
  }
  .modal-body.baseModal {
    min-height: 300px !important;
    max-height: 500px !important;
    height: auto !important;
  }
  .account_type_holder .radio_option_holder.active {
    background: linear-gradient(90deg, #ff551e 35%, #f99c33 100%);
  }
  .account_type_holder .radio_option_holder.active label {
    color: #fff !important;
  }
  .input_holder select {
    -webkit-padding: 10px 15px;
    -webkit-background: #fff;
  }
  .dancerlistunlock h4 {
    gap: 10px;
    flex-wrap: wrap;
  }
  .dancerlistunlock h4 a {
    padding: 3px 10px;
    line-height: 20px;
    display: block;
  }
  .dancerlistunlock ul li {
    padding-left: 0px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .floting_cart {
    display: none;
  }
  .header_menu {
    display: none;
  }
  .toggle {
    display: block !important;
  }

  .bg_body_step_section {
    background-size: 120%, 50%, 100%;
    background-color: #eee;
  }
  .small-container {
    width: 90%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .event_banner img {
    width: 100%;

    height: 100%;

    object-fit: cover;
  }

  .video_feis {
    width: 100%;
  }

  .profile_menu_holder {
    display: none;
  }
  .sidenav .cartIcon > a {
    color: #fa2d5e !important;
  }

  .request_to_change {
    margin-left: 0 !important;
  }

  .dobedit {
    padding: 4px 16px !important;
  }

  #profile_edit_holder .w-75 {
    width: 100% !important;
  }

  .support_menu_holder {
    display: none;
  }

  .hom_support_cat_holder {
    width: 100%;
    padding: 0 20px;
  }

  .first-nav a {
    color: #333 !important;
  }

  .subNav {
    position: relative;
  }

  .subNav:after {
    content: "\f054";

    position: absolute;

    right: 5px;

    top: 10px;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;
  }

  .fc .fc-toolbar {
    position: relative;
  }

  .fc-toolbar-title {
    position: absolute;

    top: -25px;

    left: 0;

    font-size: 16px !important;
  }

  .loaderbg p {
    margin: 5px 0 5px 15px;
  }

  .dataTables_length label {
    font-size: 12px;
  }

  .dataTables_wrapper .dataTables_length {
    float: left !important;
    position: sticky;
    left: 10px;
    top: 10px;
    margin-bottom: 10px;
    width: 50%;
    font-size: 10px;
    text-align: left !important;
    font-weight: 600;
  }
  .dataTables_wrapper .dataTables_filter#myTable_filter {
    float: right !important;
    margin-top: 0;
    position: sticky;
    left: 50%;
    top: 10px;
    margin-bottom: 10px;
    width: 50%;
    font-size: 10px;
    font-weight: 600;
  }
  .dataTables_wrapper .dataTables_length select {
    padding: 0px !important;
    font-size: 10px;
    height: 25px;
  }
  .profile_card_holder table.dataTable thead th:first-child {
    padding: 0px 10px;
  }
  .profile_card_holder table.dataTable thead th {
    white-space: nowrap !important;
  }
  .profile_card_holder table.dataTable thead th:nth-child(2) {
    padding: 2px 100px 2px 10px;
  }
  .profile_card_holder table.dataTable thead th {
    padding: 0px 25px;
    font-size: 12px;
    font-weight: 500;
  }
  .profile_card_holder table.dataTable thead td {
    padding: 0px 25px;
    font-size: 12px;
    font-weight: 500;
  }

  #myTable_filter label {
    font-size: 12px !important;
  }

  .dataTables_wrapper {
    overflow: auto;
  }

  table.dataTable tbody th,
  table.dataTable tbody td {
    padding: 5px 5px !important;

    font-size: 12px;
  }

  .container_custom {
    width: 90% !important;
  }

  .container_custom .col-md-7 {
    width: 100% !important;
  }
  .step_count_bottom {
    bottom: 10px;
    right: 25px;
  }

  .step_count_bottom h2 {
    font-size: 12px;
  }

  /* ============ New Added ============== */

  .left_content {
    width: 100%;
  }

  .dropdown_select {
    width: 100%;
  }

  .stage_des {
    font-size: 20px;
  }

  .uload_pic_skip input[type="file"] {
    /* display: block; */
    width: 1%;
  }
  .right_content {
    width: 0;
  }
  .container_custom {
    padding-top: 20px;
  }
  .heading {
    font-size: 20px;
  }
  .heading strong {
    font-size: 20px;
  }
  .banner_form .input_holder input,
  .input_holder textarea,
  .input_holder select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
  }

  .subacrpb {
    padding: 10px 0px 0px 20px !important;
  }
  .date_time_love .date_time strong {
    line-height: 20px;
  }
  #school_dropdown p a {
    padding: 5px 10px !important;
    margin: 0;
    display: block;
  }
  .left_content .input_holder input,
  .input_holder textarea,
  .input_holder select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
  }
  .resetpasswordhoder {
    width: 80% !important;
  }

  .event_mannage p {
    margin-right: 0px;
  }

  /* Surajit da */

  .banner_form .input_holder select {
    height: 40px !important;
    line-height: 20px;

    background: #fff !important;
  }
  .dropdown_select .castom_select {
    height: 40px !important;
    line-height: 20px !important;
    background: #fff !important;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  .dropdown_select {
    background-color: transparent !important;
  }

  .dropdown_select select {
    -webkit-appearance: caret;
    height: 40px !important;
    line-height: 20px;
    background: #fff !important;
  }

  .event_details_banner h1 {
    text-align: center;

    margin-top: 35px !important;
  }

  /* ======================== New ========================== */

  .header {
    /* height: 65px; */
    justify-content: center;
    position: fixed;
    width: 100%;
    z-index: 99;
  }
  .mainLogo {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .toggle {
    position: absolute;
    left: 20px;
  }
  .res-menu img {
    width: 25px;
    height: 25px;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);
  }
  .reslogo img {
    width: 40%;
  }
  .hompage_computer_image {
    border-radius: 50%;
    overflow: hidden;
    width: 150px;
    height: 150px;
    /*    padding: 20px;*/
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px,
      rgb(0 0 0 / 30%) 0px 1px 3px -1px;
    margin: 18px auto 0;
  }
  .input_find_events {
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    padding: 3px 3px 3px 20px;
    position: relative;
    margin: 20px 0;
    border: 1px solid #eee;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .input_find_events:before {
    left: 10px;
    color: #c1c1c1;
  }
  .homepage h2 {
    margin-top: 25px;
    text-align: center;
    font-size: 20px;
  }
  .banner_joien_us_today {
    text-align: center;
  }
  .banner_joien_us_today p {
    margin-top: 20px;
  }
  .get_sterted_big_button {
    margin: 25px 0 48px 0;
  }
  .get_sterted_big_button a {
    padding: 11px 17px;
    font-size: 12px;
    border-radius: 3px;
    font-weight: 600;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  }
  /*.hompage_computer_image img {
    margin-top: 10px;
  }*/
  .input_find_events input:-webkit-autofill,
  .input_find_events input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
  }
  .footer {
    height: 40px;
  }
  .footer ul li a i {
    font-size: 12px;
  }
  .footer p {
    font-size: 11px;
    margin-right: 15px;
  }
  .input_find_events input[type="submit"] {
    width: 144px;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    color: #fff;
    background-color: #ccc;
    border-radius: 3px;
  }

  /* Register screen */

  .account_type_holder {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: start;
    gap: 10px;
    margin-top: 10px;
  }
  .account_type_holder::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .account_type_holder p {
    width: 100%;
    display: flex;
    align-items: center;
    font-weight: 800;
    background-color: #fff;
    border-radius: 3px;
    padding: 10px 5px 10px 5px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    justify-content: center;
    /* scroll-snap-align: start; */
  }
  .radio_option_holder label {
    width: 100%;
    margin-left: -20px;
  }
  .account_type_holder .radio_option_holder {
    margin-left: 0px;
  }
  .banner_form {
    margin-top: 0px;
    padding: 0px 0px;
  }
  /* .sidetexyer_bullet {
    display: none !important;
  } */
  .sidetexyer_bullet {
    width: 100%;
    position: relative;
    right: 0;
    top: 0;
    transform: none;
  }
  .sidetexyer_bullet {
    padding: 0;
  }
  .sidetexyer_bullet ul li {
    display: none;
  }
  /* .sidetexyer_bullet {
				width: 100%;
				bottom: 0px;
				top: auto;
				padding: 0px 0px 0 0px;
				display: flex;
				align-items: center;
				height: 650px;
			}

			.banner_form {
				position: relative;
				padding: 10px 0px 650px 0 !important;
			} */

  .radio_option_holder input[type="radio"] {
    opacity: 0;
  }
  .bg_body_step_section::-webkit-scrollbar {
    width: 0px;
  }
  .mobile_header {
    display: block;
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px !important;
    font-weight: 500;
  }
  /* .form_header {
    display: none;
  }*/
  .banner_form p.radio_option_holder {
    text-align: center;
    width: 48%;
    /* display: none; */
  }
  /* .form_otherinfo p {
    width: 100%;
  } */
  .alreadyUser {
    margin-top: 10px;
    font-size: 12px !important;
  }
  .alreadyUser a {
    font-size: 12px !important;
  }
  /* .banner_form .theme_color {
    display: none;
  } */
  .banner_form .small_liner {
    display: none;
  }
  .register_flex {
    flex-wrap: wrap;
  }
  .frm_castom_hr {
    display: none;
  }

  /* .d-flex.castFlex #city_Name_select,
  .d-flex.castFlex #city_Name_fr_type {
    margin-top: 15px;
  } */

  a.custom_orange i {
    right: 10px;
    border-radius: 3px;
  }
  .zenflex p {
    text-align: left;
  }
  .castom_select#associateOrganiser {
    margin-top: 0px;
  }
  .input_holder.school_name_type {
    margin-top: -15px;
  }
  .add_more_child.text-right {
    display: flex;
    justify-content: space-between;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    padding: 5px;
    border-radius: 3px;
    gap: 10px;
  }
  .add_more_child.text-right a {
    padding: 6px 15px;
    width: 50%;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 600;
    width: 50%;
  }
  .dataTables_wrapper {
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    background-color: #fff;
    border-radius: 3px;
  }
  .table.table-striped.childmanage_table.dataTable.no-footer
    tr
    th.register_date.sorting {
    white-space: nowrap;
  }
  .dataTables_wrapper.no-footer#myTable_wrapper {
    position: relative;
    margin-bottom: 40px;
  }
  .table.table-striped.childmanage_table.dataTable.no-footer thead,
  .table.table-striped.childmanage_table.dataTable.no-footer tbody {
    width: 100px;
    overflow: auto;
  }

  .table.table-striped.childmanage_table.dataTable.no-footer tbody {
    overflow: auto;
  }
  .dataTables_wrapper.no-footer#myTable_wrapper::-webkit-scrollbar {
    display: none;
  }
  .small-container .mb-5,
  .small-container .my-5 {
    margin-bottom: 10px !important;
  }
  /* .dataTables_length label:last-child {
    display: none;
  } */

  .small-container .event_mannage_holder {
    padding-bottom: 0px;
  }
  .event_small_menu .start_end_date {
    margin-top: 0px;
    /* border-bottom: dashed 1px #ccc; */
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 3px;
  }
  .event_small_menu .start_end_date li {
    padding: 10px;
    line-height: 20px;
  }
  .event_small_menu .start_end_date li:last-child {
    padding-left: 10px;
  }
  .event_small_menu .address {
    line-height: 20px;
    margin-bottom: 0;
    display: flex;
    align-items: flex-start;
    padding: 5px 2px;
    border-radius: 3px;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em,
      rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
  }
  .pink.bgIcon i {
    color: #fb2d5e;
    width: 30px;
    height: 30px;
    line-height: 20px;
    text-align: center;
    font-size: 25px;
    padding: 8px;
    margin-right: 5px;
  }
  .event_datetime {
    justify-content: space-between;
    padding: 5px 15px 5px 15px;
    background-color: #fff;
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .event_datetime h3 {
    font-size: 13px;
    margin: 0;
    line-height: 5px;
    font-weight: 500;
    color: #333;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /* box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; */
    padding: 7px;
    border-radius: 3px;
    box-shadow: rgb(0 0 0 / 5%) 0px 0px 0px, rgb(0 0 0 / 9%) 1px 1px 1px;
    /* border: solid 1px #ccc; */
    background-color: #eee;
  }
  .event_datetime h3 img {
    width: 13px;
    height: 13px;
    margin-right: 5px;
    filter: invert(37%) sepia(41%) saturate(2619%) hue-rotate(347deg)
      brightness(106%) contrast(102%);
  }
  .event_datetime h3 span {
    font-size: 12px;
    font-weight: 400;
    color: #7a4cf9;
    display: block;
    line-height: 10px;
    margin-top: 6px;
  }
  .zenflex.sideButton #typeschoolbtnholder {
    font-size: 10px;
    width: 40% !important;
  }
  .main_headings h2 {
    font-size: 22px;
  }
  .main_headings {
    text-align: center;
    margin-bottom: 0px;
    margin-top: 20px;
    /* background-color: #062639; */
    padding: 15px 0;
    position: relative;
    border-top: solid 0.5px #ccc;
  }
  .main_headings h2 {
    font-size: 13px;
    color: #062a3d;
    font-weight: 600;
  }
  .main_headings h4 {
    font-size: 12px;
    color: #062639;
    background-color: #ccc;
    display: inline-block;
    padding: 4px 10px;
    font-weight: 600;
    border-radius: 3px;
  }
  .profile_image.profileImage {
    display: block;
    margin-bottom: 10px;
    border: solid 1px #d2173a;
    width: 120px;
    height: 120px;
    padding: 10px;
  }
  .profileImage img {
    width: 100%;
    height: 100%;
    /*    padding: 20px;*/
    background-color: #fff;
    border-radius: 50%;
  }

  .edit_profile_details {
    right: 10px;
    top: 10px;
    padding: 5px 5px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
  }

  .edit_profile_details img {
    width: 15px;
    height: 15px;
    margin-right: 0px;
  }
  .restpass {
    position: absolute;
    right: 6px;
    top: 65px;
    background-color: #073046;
    padding: 2px 5px;
  }
  .restpass span {
    font-size: 12px;
    color: white;
    font-weight: 400;
  }
  .profile_headings {
    font-size: 13px;
    color: #062a3d;
    font-weight: 600;
    margin: 0;
  }
  .not_mobile {
    display: none;
  }
  .not_desktop {
    display: block;
  }

  .profile_content_information li.assigned_teacher {
    display: flex;
    align-items: center;
  }
  .profile_content_information li.assigned_teacher .print_data {
    color: #333;
    font-weight: 500;
  }

  /* .input_holder.f_name_sgnup:before,
  .input_holder.l_name_sgnup:before,
  .input_holder.f_name_orgsnp:before,
  .input_holder.l_name_orgsnp:before {
    background-image: url(../images/icon/person.svg);
  }
  
  .input_holder.password_sgnup:before,
  .input_holder.confirmPassword_sgnup:before,
  .input_holder.password_orgsnp:before,
  .input_holder.confirmPassword_orgsnp:before {
    background-image: url(../images/icon/key.svg);
    transform: rotate(145deg);
  }
  .input_holder.country_Name_select:before,
  .input_holder.country_Name_fr_type:before {
    background-image: url(../images/icon/globe.svg);
  }
  
  .input_holder.school_name_select:before,
  .input_holder.school_name_type:before {
    background-image: url(../images/icon/mortarboard.svg);
  }

  
  .input_holder.unq_ver_code:before {
    background-image: url(../images/icon/ticket.svg);
  } */
  .profile_content_information li span {
    color: #062639;
    font-weight: 600;
    font-size: 14px;
    /* padding-left: 35px; */
    margin-bottom: 0px;
  }

  .midium-container {
    width: 90%;
  }
  .customInliner span {
    font-size: 12px;
  }

  .data_hover {
    width: 100%;
  }

  .data_hover:after {
    /* bottom: -18px;
    right: 5px; */
    display: none;
  }
  .profile_picture_holder {
    margin: 0px auto;
  }
  .edit_profile_details.backed {
    right: 0px !important;
    top: -18px !important;
  }
  .castom_select {
    margin-bottom: 0;
  }
  .sylybus_ul li a {
    padding: 7px 5px !important;
    line-height: 10px;
    color: #333 !important;
    font-weight: 700;
    font-size: 12px;
  }
  .event_banner {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    text-align: center;
  }
  .sylybus .small_heading {
    font-size: 20px;
  }
  .sylybus_ul li {
    margin-bottom: 5px;
  }
  .sylybus_ul.rounedbtnholders li:nth-child(2) {
    width: 100%;
  }
  .sylybus_ul.rounedbtnholders li:nth-child(3) {
    width: 100%;
  }
  .sylybus_ul.rounedbtnholders li:nth-child(4) {
    width: 100%;
  }
  .sylybus_ul.rounedbtnholders li:nth-child(5) {
    width: 100%;
  }
  .sylybus_ul.rounedbtnholders li a {
    text-align: center;
  }
  .sylybus_cntent {
    padding: 0px;
  }
  .sylybus_ul li:first-child {
    width: 100%;
  }
  .rounedbtnholders a {
    margin-right: 0;
  }
  .card-header > a {
    padding: 5px 10px;
  }
  .subacrpb {
    padding: 5px 0px 0px 10px !important;
  }
  .sylb_cntnt h4 {
    font-size: 13px;
    width: 100%;
  }
  .sylybus_content li {
    margin-bottom: 5px;
  }
  .sylb_cntnt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 20px;
  }
  .sylb_cntnt p {
    width: 10%;
  }
  .sylybus_content li {
    padding: 8px 0 10px 10px;
  }
  .bigradiobtn {
    left: 5px;
  }
  .card-link:after {
    font-size: 10px !important;
  }
  .small_heading span {
    font-size: 20px;
  }
  .small_heading .syllabus_content {
    padding-top: 10px;
  }
  .event_details_banner h1 strong {
    display: block;
    margin-bottom: 0px;
  }
  .event_details_banner h1 strong,
  .event_details_banner h1 span {
    font-size: 20px;
  }
  .event_details_banner {
    /* height: 170px; */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .small-container .margin_top_100 {
    margin-top: 0px !important;
  }
  .event_mannage_holder h3 {
    font-size: 20px;
  }
  .event_button_holder {
    height: 60px;
  }

  .card-header.child_header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    background-color: #07364f;
    padding: 10px !important;
  }
  .btnposition {
    position: relative;
    transform: none;
    right: 0px;
  }
  .btnposition a {
    padding: 5px;
    line-height: 20px;
    font-weight: 700;
    font-size: 10px;
  }
  .card-link.child_link:after {
    display: none;
  }
  .card-header > a.card-link.child_link {
    padding: 0px 0px;
    font-size: 12px !important;
    line-height: 16px;
  }
  .regisPrice {
    font-size: 12px;
    font-weight: 400;
  }
  .card.child_card {
    margin-bottom: 5px;
  }
  #championships .card-body {
    padding-left: 10px;
  }
  .sylybus_content {
    margin-bottom: 5px;
  }
  #accordion .card {
    margin-bottom: 5px;
  }
  #championships .subacrpb {
    padding-left: 10px !important;
  }
  .bigradiobtn {
    position: absolute;
    left: 9px;
    width: 15px !important;
    top: -2px;
  }
  .sylybus_content .card-header > a {
    font-size: 14px;
  }
  .sylybus_content .card-header > a.card-link.child_grade_link {
    font-size: 12px;
  }
  #accordion2 .subacrpb .card-body {
    padding-left: 0px;
  }
  .sylybus_ul li a.nav-link.myDancesLabel {
    /* box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px; */
    box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
    text-align: center;
    color: #fb2d5e !important;
    border: solid 1px #ccc;
    border-radius: 3px;
    padding: 10px 5px !important;
  }
  .round_border_button.allEventHead {
    box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
    text-align: center;
    color: #fb2d5e;
    border: solid 1px #ccc;
    border-radius: 3px;
    padding: 5px 5px;
    display: block;
    width: 100%;
    margin-right: 0;
    font-size: 12px;
  }
  .sylybus_content li img {
    height: 24px;
    width: auto;
    margin-right: 10px;
  }
  .sylybus_content li a {
    display: flex;
    padding-left: 0px;
  }
  .event_mannage {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }
  .sylybus {
    padding: 0px;
    background: #fff;
  }
  .faq_accordion {
    padding: 10px;
    background: #fff;
  }
  .faq_accordion .card-header > a {
    display: block;
    padding: 5px 10px 5px 10px;
    color: #06293d !important;
    font-size: 15px;
    width: 100%;
    border-bottom: solid 1px #ccc;
    margin-bottom: 2px;
    background-color: #fff;
  }
  .faq_accordion .card-header > a:before {
    font-size: 9px;
    line-height: 15px;
    margin: 0 3px 0 0;
    width: 15px;
    height: 15px;
  }
  .faq_accordion .card-header {
    margin-bottom: 0;
  }
  /* ================== 23th December  =================== */

  .organiseroptionholder form select {
    width: 55%;
    padding: 0 0 0 5px;
    border: none;
  }
  .message_table tr th.avtar_holder {
    white-space: nowrap;
  }

  .organiseroptionholder form input[type="submit"] {
    font-size: 12px;
    padding: 0 0px;
    height: 32px;
    color: #fff;
    outline: none;
    border: none;
    width: 45%;
  }
  .mesenger_holder {
    margin-top: 0px;
  }
  .organiseroptionholder {
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px,
      rgb(0 0 0 / 30%) 0px 1px 3px -1px;
    background-color: #fff;
  }
  .profileoptionsholder {
    margin: 0px 0px;
  }
  .chatBox h2 {
    font-size: 15px;
    font-weight: 600;
  }
  .message_box {
    flex-wrap: wrap;
    height: auto;
  }
  .message_box_left_info {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 10px;
  }

  .message_infor {
    text-align: left;
  }
  .profile_pic_message {
    height: auto;
    margin-bottom: 0px;
    border-radius: 50%;
  }
  .message_box_left_info p {
    font-size: 10px;
    margin-bottom: 7px;
  }
  .message_box_left_info p.dateChat {
    font-weight: 500;
    margin-bottom: 0px;
  }
  .message_box_right_chat {
    width: 100%;
    height: 470px;
  }
  .message_tipe {
    padding: 0 10px;
  }
  .tableResponsive {
    overflow-y: auto;
  }
  .message_tipe textarea {
    height: 40px;
    padding: 10px 10px 0px 10px;
  }
  .message_tipe form {
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px,
      rgb(0 0 0 / 30%) 0px 1px 3px -1px;
  }
  .message_tipe input[type="submit"] {
    background-size: 50%;
    width: 40px;
    height: 40px;
  }
  .chat_box_holder {
    padding: 10px;
  }
  .chat_box_holder .chat_sent {
    margin: 0px;
    border-radius: 3px;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    padding: 0px 8px 10px 8px;
    font-size: 12px;
  }
  .chat_box_holder .chat_sent:before,
  .chat_box_holder .chat_recived:before {
    content: none !important;
  }
  .message_box_right_chat h1 {
    font-size: 14px;
  }
  .text-right {
    margin-bottom: 5px;
  }
  #school_dropdown .castom_select {
    margin-bottom: 10px;
  }
  /* .account_type_holder {
    justify-content: space-around;
    width: 50%;
    gap: 5px;
    padding: 5px;
    border-radius: 3px;
    margin-bottom: 20px;
    box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px,
      rgb(0 0 0 / 8%) 0px 0px 0px 1px;
  }
  .account_type_holder p {
    width: 49%;
    background-color: #eee;
    padding: 5px;
    border-radius: 3px;
  } */

  .radio_option_holder input[type="radio"]:checked + label:before,
  .radio_option_holder input[type="radio"]:not(:checked) + label:before {
    content: none;
  }
  .radio_option_holder input[type="radio"]:checked + label:after,
  .radio_option_holder input[type="radio"]:not(:checked) + label:after {
    content: none;
  }
  .profile_card_holder .dataTables_wrapper {
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    padding: 15px 15px;
  }
  .profile_card_holder .dataTables_wrapper {
    padding: 0px 0px 10px 0;
  }
  .eventNameHolderTableeright {
    text-align: left !important;
  }
  .tableDancesHolder h4 {
    white-space: break-spaces;
    font-size: 12px;
  }
  .tableDancesHolder h4 i {
    font-size: 10px;
  }
  .feiseannamaindiv a {
    font-size: 12px !important;
  }
  .section_leftPanel {
    gap: 10px !important;
    width: 300px;
    justify-content: space-between;
  }
  .feiseannamaindiv .resultOut a {
    font-size: 11px !important;
  }
  .castIconm {
    width: 11px;
    height: 11px;
  }
  .iconCast i {
    font-size: 11px !important;
    width: 12px !important;
    height: 16px !important;
    line-height: 16px !important;
  }
  .eventNameHolderTablee {
    padding: 8px 0 5px 0;
  }
  .eventfull {
    padding: 10px 10px;
    margin-bottom: 10px;
  }
  .tableDancesPart {
    margin-left: 0px;
  }
  .reelResultOut {
    gap: 15px;
    width: 300px;
    justify-content: flex-end;
  }
  .myfeis_name {
    width: 300px;
    background-color: #fff;
    padding: 0 10px;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
      rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    margin-bottom: 10px;
    padding: 3px 3px;
  }
  .eventExpired {
    background-size: contain;
  }
  .feiseannamaindiv {
    padding-bottom: 10px;
    border-bottom: solid 1px #333;
  }
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
    position: sticky;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    line-height: 18px;
  }
  .dataTables_wrapper .dataTables_paginate {
    position: sticky;
    /* left: 50px; */
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
  }
  .teacherChild #userteacheredit {
    width: 100%;
    margin: 10px auto;
  }
  .teacherChild #userteacheredit .input_holder input[type="date"] {
    width: 50%;
  }
  .input_holder.date_of_birth .resetpassword {
    width: 50%;
  }
  .resetpassholderparent {
    width: 100%;
  }
  .input_holder.passwordup,
  .input_holder.confpasswordup {
    width: 100%;
    margin: 5px auto;
  }
  .sidenav_profilepic {
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: #062639;
    padding: 20px;
  }
  .sidenav_image {
    width: 65px;
    height: 65px;
  }
  .sidenav_image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
  }

  .sidenav_prodetails h4 {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
  }
  .sidenav_prodetails h6 {
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    background-color: #fff;
    color: #333;
    padding: 2px 10px;
    border-radius: 3px;
  }
  .nav-link.active {
    color: #fff !important;
    background: #fb2d5e;
    border: solid 2px #fb2d5e;
  }
  .teacherChild {
    padding-top: 77px;
  }
  .teachermyfeis {
    padding-top: 20px;
  }
  .teacherChild .dataTables_wrapper .dataTables_filter input {
    width: 100px;
    height: 20px !important;
  }
  #sltevent_search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  #sltevent_search select {
    border: none;
    padding-left: 10px;
    width: 90%;
    background-color: transparent;
  }
  #sltevent_search select:focus {
    outline: none;
    border: none;
  }
  .eventExpired {
    background-size: contain;
  }
  .faqdiv.respons_up .heading {
    padding-top: 15px;
  }
  .contacttUs {
    margin: 10px auto 0px;
    background-color: #fff;
    padding: 30px 0 0 0;
    width: 100%;
  }
  .contact_text {
    width: 90%;
    margin: 0 auto;
  }
  .contacttUs .heading2 {
    font-size: 15px;
    font-weight: 600;
  }
  .contact_form_holder input,
  .contact_form_holder textarea {
    padding: 0px 15px;
    margin-bottom: 10px;
    height: 35px;
  }

  .header {
    top: 0;
  }
  .dancerlist_checkout {
    width: 100%;
  }
  .dancerlistunlock {
    margin: 10px 0;
    padding: 10px 10px 10px 10px !important;
  }
  .dancerlistunlock h2 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 20px;
    font-weight: 600;
  }
  .syllabus_table .dataTables_wrapper .dataTables_paginate {
    padding: 5px 0 20px 0;
  }
  .dancerlistunlock ul li span {
    margin: 5px 0;
  }
  #usersignup .d-flex {
    flex-wrap: wrap;
  }
  #usersignup .input_holder input[type="date"] {
    width: 100%;
  }
  #usersignup .gredaint_button.centerWhite {
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
  .tab-content.sylybus_content #all_dances .nav-link {
    border-radius: 0;
  }
  .sylybus_content #all_dances li.nav-item {
    padding: 0px 0 0px 0px;
  }
  .sylybus_content #championships li.nav-item {
    padding: 0px 0 0px 0px;
  }
  .tab-content .userFees {
    padding: 10px 0px;
  }
  .tab-content.userFees .tab-pane.container {
    padding: 0;
  }
  .danceBoxList {
    padding: 5px;
  }
  .danceName {
    padding: 4px 10px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
  }
  .userFees .table-responsive.tableWhite th {
    padding: 0px 8px;
    white-space: nowrap;
  }
  .userFees .table-responsive.tableWhite .dancerNames {
    font-size: 12px;
    line-height: 15px;
  }
  .userFees .table-responsive.tableWhite a {
    white-space: nowrap;
  }
  .userFees .table-responsive.tableWhite .fa-lock {
    font-size: 10px;
  }
  .userFees .table-responsive.tableWhite td {
    padding: 5px;
    font-size: 12px;
  }
  .rescartIcon i {
    font-size: 20px;
    color: #fa2d5e;
  }
  .rescartIcon {
    top: 5px;
    background: transparent !important;
    height: 20px;
  }
  .totalPayBtn {
    font-size: 12px;
    margin-right: 0px;
  }
  .blink-soft {
    font-size: 15px;
    text-align: center;
    margin-top: 10px;
  }
  .blink-soft a {
    font-size: 15px;
  }
  #calendar {
    margin: 80px auto 10px !important;
  }
  .table.table-striped.message_table td {
    white-space: nowrap;
  }
  .table.table-striped.message_table td:nth-child(2) {
    white-space: normal;
    width: 200px;
  }
  .chat_box_holder::-webkit-scrollbar {
    width: 0; /* Remove scrollbar space */
    background: transparent; /* Optional: just make scrollbar invisible */
  }
}

/*////////////////Sudip Work tab///////////////////*/
@media only screen and (min-device-width: 769px) and (max-device-width: 820px) {
  .contentHolder {
    width: 100%;
    min-height: 82.2vh;
    padding: 0 0 0px;
  }
  .menu_icon {
    height: 21px !important;
  }
  .bg_body_step_section {
    padding-bottom: 0;
  }
  .headerContentHolder {
    display: block !important;
  }
  .mainLogo {
    display: flex;
    justify-content: center;
  }
  .header_menu {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .reslogo {
    font-size: 19px;
  }
  .header_menu ul li a {
    font-size: 11px;
  }
  .footer_full {
    padding: 20px 0;
  }
  .footer {
    height: 40px;
    display: flex;
    justify-content: center;
  }
  .footer ul {
    display: flex;
    justify-content: center;
    min-width: 0px;
  }
  .footer li {
    line-height: 20px;
  }
  .footer ul li {
    margin-left: 15px;
  }
  .footer p {
    font-size: 12px;
  }
  .footer li a {
    font-size: 11px;
  }
  .small-container {
    width: 80%;
  }
  .texter_center {
    width: 100%;
  }
  .profileoptionsholder {
    margin: 40px auto 20px !important;
  }
  .event_details_banner h1 {
    padding-top: 0px;
    margin-top: 0;
  }
  .homepage.banner_left_content {
    position: absolute;
    top: 400px;
    text-align: center;
  }
}
/*////////////////Sudip Work tab end///////////////////*/

@media only screen and (max-width: 1024px) {
  .modal-body.baseModal {
    overflow-y: auto;
  }
  .container-fluid {
    padding: 0 !important;
    .upperMenu {
      padding: 0 10px;
    }
    .mainLogo {
      position: unset !important;
      margin-top: -20px;
    }
  }
  .col-lg-5.col-md-12.pull-right .footer {
    margin-bottom: 10px;
  }
  .loginusertype {
    padding: 10px 5px !important;
    border-radius: 0;
    width: 100%;
    display: block;
    text-align: center;
  }
  .footer_full {
    padding: 10px 0;
  }
}
@media only screen and (min-width: 768px) {
  .footer.footerAddBanner {
    justify-content: end;
  }
  .col-lg-6.col-md-12.pull-right .footer {
    justify-content: center;
    a {
      font-size: 11px;
    }
  }
}
@media only screen and (min-width: 821px) and (max-width: 1024px) {
  .mainLogo .reslogo {
    margin-left: 15px !important;
  }
  .contentHolder {
    width: 100%;
    min-height: 82.2vh;
    padding: 0 0 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer ul {
    min-width: auto;
  }
  .payButton .payLite {
    font-size: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .footer.footerAddBanner {
    justify-content: center !important;
    position: relative;
    a {
      margin-left: 0;
    }
  }
  .footer {
    height: 30px !important;
    justify-content: center !important;
    ul {
      min-width: auto;
    }
  }
  .eventfull {
    width: 100% !important;
  }
}
@media only screen and (min-width: 300px) and (max-width: 768px) {
  .section_leftPanel {
    width: 100px;
    justify-content: end;
  }
  .col-lg-6.col-md-12.pull-right .footer ul {
    margin-bottom: 15px !important;
  }
  .footer.footerAddBanner {
    position: relative;
  }
  .footer ul li,
  .ms_left .ms_mrgn {
    margin-left: 0;
  }
  .rescartIcon.cartActive a {
    padding: 15px 15px 0px !important;
  }
  .sylybus_ul li {
    margin-bottom: 8px !important;
    a {
      border-radius: 5px !important;
      padding: 10px 5px !important;
    }
  }
  .feiseannamaindiv .feiseannaviewicon {
    width: auto;
    text-align: start;
  }
  .tableDancesHolder h4 {
    white-space: unset !important;
  }
  .displayflx {
    padding: 2px 5px !important;
  }
  .eventfull {
    padding: 5px 5px !important;
    a {
      margin-left: 0px !important;
    }
  }
  .eventfull {
    width: 100%;
  }
  .gdprPointsHolder {
    width: 100% !important;
  }
}

@media only screen and (min-width: 300px) and (max-width: 524px) {
  .addBanner {
    width: 100%;
  }
  .feild_grade {
    padding: 0 5px !important;
    .feiseannaviewicon {
      position: sticky;
      right: 0;
      top: 0;
    }
  }
  .flex_ned {
    .feiseannaviewicon {
      position: sticky;
      right: 0;
      top: 0;
    }
  }
  .footer {
    justify-content: start;
  }
  .ms_mrgn {
    margin-left: 15px;
  }
  .footer ul {
    flex-wrap: wrap;
    justify-content: start;
  }
  .ms_left {
    justify-content: start;
  }
  .setThisInput.styleByInput label {
    font-size: 11px;
    padding-left: 23px;
    margin-bottom: 5px;
  }
  .styleByInput label:before {
    width: 16px !important;
    height: 16px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 986px) {
  .headerAddBannerHolder {
    display: none;
  }
}
@media only screen and (min-width: 986px) and (max-width: 1061px) {
  .headerAddBannerHolder {
    left: 33%;
  }
  .addBanner {
    width: 200px;
  }
}

@media only screen and (min-width: 1062px) and (max-width: 1180px) {
  .addBanner {
    width: 250px;
  }
  .headerAddBannerHolder {
    left: 34%;
  }
}
@media only screen and (min-width: 1180px) and (max-width: 1280px) {
  .headerAddBannerHolder {
    left: 36%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1280px) {
  .reslogo {
    font-size: 20px !important;
    margin-left: 0 !important;
  }
}
.nav-link.active {
  border-color: transparent !important;
}
.dis_flex {
  display: flex;
  align-items: center;
  margin-right: 15px;
  gap: 10px;
  p {
    margin-right: 0px !important;
  }
  a {
    margin-top: -5px;
  }
}
@media only screen and (min-width: 300px) and (max-width: 931px) {
  .dis_flex {
    gap: 0;
    flex-direction: column;
    align-items: start;
    p {
      margin: 0px !important;
    }
  }
  .event_mannage {
    align-items: baseline;
  }
}
.posi_rel {
  position: relative;
}
.modal-dialog {
  border-radius: 10px;
  overflow-x: hidden;
}
@media only screen and (max-width: 600px) {
  .posi_rel th:nth-child(5) {
    position: sticky;
    top: 0px;
    right: -1px;
    background: #e5e5e5;
    box-shadow: inset 1px 0px 0px 0.7px #99b0c3;
  }

  .posi_rel td:nth-child(5) {
    position: sticky;
    top: 0;
    right: -1px;
    background: #fff;
    /* box-shadow: inset 0px 0px 0px 0.7px #99b0c3; */
    box-shadow: inset 0px 0px 0px 0.7px #99b0c3;
  }
  .smallline {
    flex-direction: column;
  }
}
.footer.footerAddBanner .reslogo {
  margin-left: 0 !important;
}

@media only screen and (min-width: 769px) and (max-width: 1259px) {
  .sylybus_ul li:first-child {
    margin-right: 0 !important;
  }
}
@media only screen and (min-width: 0px) and (max-width: 820px) {
  .upperMenu {
    display: none !important;
  }
  .mainLogo {
    margin-top: 0px !important;
  }
  .toggle {
    top: 24px !important;
    transform: none !important;
  }
  .toggle span .res-menu {
    display: block !important;
  }
  .toggle {
    top: 25px !important;
    transform: none !important;
    position: absolute;
    left: 20px;
    display: block !important;
  }
  .res-menu img {
    width: 25px !important;
    height: 25px;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg)
      brightness(103%) contrast(103%);
  }
  .sidenav_image {
    width: 65px;
    height: 65px;
  }
  .sidenav_profilepic {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #062639;
    padding: 15px;
    justify-content: start;
  }
  .sidenav_image img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    overflow: hidden;
  }
  .sidenav_prodetails h4 {
    font-size: 11px;
    font-weight: 500;
    color: #fff;
  }
  .sidenav_prodetails h6 {
    font-size: 11px;
    font-weight: 500;
    display: inline-block;
    background-color: #fff;
    color: #333;
    padding: 2px 10px;
    border-radius: 3px;
    margin-bottom: 0;
  }
  /* .menu_icon {
    display: flex;
  } */
  .burger_menu {
    background-color: #ffffff;
    padding: 5px 2px !important;
    text-align: center;
    border-radius: 5px;
    span.menu_icon {
      margin-right: 0;
      h6 {
        margin-bottom: 0 !important;
      }
    }
  }
}