@charset "utf-8";
:root {
    --t_color1:#1875D1;
    --t_color2:#0a0a0a;
    --t_color3:#fff;
    --t_color4:#9FA8B4;
    --t_color5:#E9F1FA;
    --font_1:proxima;
    --bg_color1:#ececec;
    --bg_color2:#24aae9;
    --bg_color3:#fff;
    --bx_shadow: rgb(0 0 0 / 12%);
    --bg_img: linear-gradient(to right, #1470d1, #117adb, #0c83e5, #078def, #0297f9);
}
:root {
    --headings-font-family: "CenturyGothic_Bold";
    --paragraph-font-family: "CenturyGothic_Regular";
}
a {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-decoration: none;
    -webkit-touch-callout: none;
}
img{
-webkit-touch-callout: none !important;
}
.pswp__button--share,.pswp--fs .pswp__button--fs{
  display: none!important;
}
.pswp--supports-fs .pswp__button--fs {
    display: none!important;
}
@media only screen and (min-device-width:1024px) and (max-device-width:1366px) {


  .ipadorder1 {
        order: 1;
    }
    .ipadorder2 {
        order: 3!important;
    }
    .ipadorder3 {
        order: 2!important;
    }
    input.search_option.form-control {
        width: 600px;
    }
    .reveal {
        top: 2%;
    }
    a {
        text-decoration: none;
    }
    a.up_now {
        font-size: 14px;
    }
    /*  .ipadorder1 {
          order: 1;
          width: 46% !important;
      }
      .ipadorder2 {
          order: 2;
          width: 46% !important;
      }
      .ipadorder3 {
          order: 3;
          width: calc(100% - 1.875rem) !important;
      } */
    .ipadflex {
    }
    .ipadblock {
        display: block;
    }
    .ipadhide.laptopshow {
        display: block;
    }
    .ipadhide {
        display: none;
    }
    .members_name h6 {
        font-size: 16px;
        word-wrap: break-word;
    }
    .f_m_photo {
        min-width: 100px;
        height: 100px;
    }
    .f_m_photo img {
        min-width: 100px !important;
        height: 100px !important;
        width: 100px !important;
    }
    .members_name {
        padding: 10px 20px;
        width: 60%;
    }
    .family_membars a {
        padding: 15px;
    }
    .labtopflex {
        display: flex;
        align-items: center;
    }
    .member_image.proimg.labpro {
        margin: 0 auto;
    }
    /* #add_children .avatar-upload.profileimg .circle, #add_family .avatar-upload.profileimg .circle{
      height: 100px;
      width: 100px;
    }
    #add_children .avatar-upload.profileimg, #add_family .avatar-upload.profileimg{
      height: 100px;
      width: 100px; 
    } 
    #add_children .image-upload-wrap .button, #add_family .image-upload-wrap .button{
      left: calc(100% - 40px);
      width: 45px;
      padding: 14px 13px;
    } */
    input.search_option.form-control {
        width: 470px;
        height: 45px;
    }
    .dropdown-pane.filterdropdown {
        width: 740px;
    }
    .dropdown-pane.sortfilter {
        width: 740px;
    }
    .filter-box li {
        margin-right: 5px;
    }
    .filter-box label {
        font-size: 12px;
    }
    .ser_mem {
        min-width: 100px;
    }
    img.nas_img {
        width: 100px;
        height: 100px;
    }
    .search_res_ka {
        word-break: break-word;
    }
    .pongal_title .time {
        position: static;
    }
    .paymentbox {
        padding: 30px 20px;
    }
    .buttonone.tm {
        width: 140px;
    }
    .evnt_payment_list .list_btn {
        width: 120px;
        padding-left: 15px;
    }
    .chosen-container {
        width: 100% !important;
    }
    .laptop-large3.large-2 {
        width: calc(25% - 1.875rem);
    }
    .laptop-large9.large-7 {
        width: calc(75% - 1.875rem);
    }
    .laptop-large10.large-8 {
        width: calc(83.33333% - 1.875rem);
    }
    .laptopshow .large-3.large5 {
        width: calc(41.66667% - 1.875rem);
    }
    .profileupdate_laptop .avatar-upload.profileimg, .profileupdate_laptop .avatar-upload.profileimg .circle {
        width: 120px;
        height: 120px;
    }
    .upgrade_nw h1 {
        font-size: 14px;
        line-height: 10px;
    }
    .upgrade_nw p {
        color: var(--t_color3);
        line-height: 20px;
        font-size: 14px;
    }
    a.up_now {
        font-size: 12px;
        padding-left: 10px;
    }
    .upgrade_nw {
        padding: 15px;
    }
    .laptop_part .list_edit {
        padding-left: 0px;
    }
    .laptop_part .class_list {
        display: block;
    }
    .list_edit a:first-child {
        margin-left: 0px;
    }
    .pagination li {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width:1024px) and (max-width:1466px) {
    .left_layout {
        zoom: 0.9;
    }
    .right_layout {
        zoom: 0.9;
    }
    .f_m_photo {
        min-width: 100px;
        height: 100px;
    }
    .f_m_photo img {
        width: 100px;
        height: 100px;
    }
    .members_name h6 {
        font-size: 15px;
    }
}
@media only screen and (max-width:1024px) {
.mobilesearch_btn a.clearbtn.button{
    padding: 11px 50px;
    border-radius: 50px;
    background: #fff!important;
    color: #0a0a0a;
    margin-left: 10px;
    cursor: pointer;
    height: 45px;
}
     a.reg_btn, a.link_btn{
        width: 165px;
    }
    .ipadtop40{
        margin-top: 40px;
    }
    .reveal-close-btn.logclose_btn,.reveal-submit-btn.logok_btn{
  width: 100px!important;
}
     .year-select.malar_yearselect{
    position: absolute!important;
    right: 0px;
        top: 20px;
  }
.chosen-container-single .chosen-single div{
    top: -7px;
}
.left_layout.ba-navbar-show{

}
 nav.side_nav li a:hover {
    background: none !important;
}

    .nativeselect{
        margin-bottom: 1rem!important;
        border: 1px solid #cacaca!important;
    }
    .mem_pro {
    padding: 15px 15px;
    min-height: 220px;
}
.nativekovil.mem_dir_options div {
    padding-right: 10px;
}
.mem_dir_pro h6{
    font-size: 18px;
    font-weight: 500;
    font-family: var(--headings-font-family);
    text-transform: capitalize;
    margin-bottom: 0px;
}
.mem_dir_pro .nas_id{
    font-size: 13px;
    color: var(--t_color1);
    font-weight: 500;
    font-family: var(--headings-font-family);
}
    .member_dir_image{
        display: none;
    }
    div#OpenPdf button.close-button {
    position: fixed;
    top: 0;
    right: 0%;
}
    div#canvases {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100% !important;
    margin: 0 auto;
   }
    .profile_sec1 ul{
      padding-top: 20px;
    }
    .accordian_item.personalinfo_ka{
        padding: 20px 0px;
    
    }
    .contactaccordian_item.cnt_ka{
        padding-top: 20px;
        border-bottom: 2px solid var(--t_color5);
    }

    .profile-boder {

    padding-bottom: 0px;
    }

    .pongal_content p.event_dec_ka{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    }

   .business_sec{
    border-bottom: 2px solid var(--t_color5);
    max-width: 100%;
    padding-top: 20px;
    }

    .chnage_pro.profile_phone{
        width: 100%;
    }
    .chnage_pro.profile_phone img{
         width: 100%;
    }

    .chnage_pro.mobileblock{
        margin-top: 10px;
    }
    .page_sec_white.pro_update {
    padding-top: 15px!important;
    }

    .profile_updateimg_ka{
    margin: 0px!important;
    margin-right: 40px!important;
    }

    .avatar-upload.profileimg .circle,.avatar-upload.profileimg {
    height: 130px;
    width: 130px;
    }

    .mobileflex{
        display: flex;
        align-items: center;
    }
    .profile_up_ka .membar_name h2{
        font-size: 18px;
        color: #0a0a0a;

    }
    .profile_up_ka .membar_name span{
        font-size: 18px;
        color: #0a0a0a;

    }
    .profile_up_ka .membar_name{
        text-align: left;
    }
    .input-tips {
    font-size: 8px;
}
    .profile_update_sec1 .page_sec_white{
        padding-bottom: 60px;
    }
    .profileimg .image-upload-wrap.p-image:hover::after,.couple_sec .image-upload-wrap.p-image:hover::after{
        content: none!important;
    }

    .ev_reg_ka .cell.large-6{
        width: 100%;
    }
    .nas_m {
    display: block;
    min-height: 205px;
}
.member_directory .grid-margin-x > .cell {
margin-right: 0.625rem;

}
    .member_directory .grid-margin-x > .cell.ipad-margin-left{
        margin-left: 0px;
    }
    .filterform .chosen-container-multi .chosen-choices {
        min-height: 44px;
    }
    .sortfrm{
        padding-top: 30px;
    }
    .ipad_padd_sec {
        height: 70px;
    }
    .emp_inp.emp_inp1,.emp_inp2 {
        display: block;
    height: auto;
    }
    .fourcheck.residen_status label {
        margin-right: 10px;
        font-size: 12px;
        margin-left: 2px;
    }
    .chosen-container.chosen-container-single {
        width: 100% !important;
    }
    .menu-bar.head_menu {
        display: block !important;
    }
    .page_head .head_menu svg {
        margin-right: 0px;
        margin-left: 15px;
    }
    .choose_date.malarchoosedate {
        position: absolute;
        right: 0px;
        top: 0px;
    }
    .family_member .page_head h2 {
        font-size: 23px;
    }
    .fourcheck.residen_status label {
        margin-right: 5px;
    }
    .search_sec {
        padding: 160px 0px 60px;
    }
    div#carousel_search {
        padding: 40px 0px 100px;
    }
    .autocomplete-list li {
        text-align: left;
    }
    .nativeselect.autocomplete{padding: 0.5rem!important;
       margin: 0 0 1rem!important;
           border: 1px solid #cacaca!important;
    }
    .ui-widget.ui-widget-content{
        background: #ffffff!important;
    }
    .ui-menu .ui-menu-item {
    margin: 5px 0px;}
    .autocomplete {
        padding-bottom: 30px;
    }
    .name_business {
        padding-top: 40px;
    }
    .name_business input#search-bar {
        padding: 0px 20px;
        margin-bottom: 0px;
    }
    .top_span a {
        font-size: 14px;
    }
    #choose_multiple {
        display: block;
        text-align: center;
    }
    .name_business {
        width: auto;
    }
    .padsection {
        position: relative;
        padding: 20px 0px;
    }
    .main_img.malar_ka {
        margin-top: 20px;
    }
    .view_more {
        text-align: center !important;
    }
    .booking-info a {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 20px;
    }
    .pongal_title .time {
        position: relative;
    }
    .android_bg {
        background: url(../images/in.png);
        background-color: #f0f0f0;
        background-repeat: repeat !important;
        background-size: 100%;
        background-position: bottom;
    }
    .inner-section {
        height: 100%;
        min-height: 100vh;
    }
    .ser_mem {
        min-width: unset;
        margin-right: 20px;
    }
    .sucess_pop {
        text-align: center;
        padding: 70px 0px;
    }
    .pay_his {
        margin: 20px 15px;
    }
    .pay_his li {
        padding: 10px 0px;
        border-top: 1px solid rgb(0, 0, 0, 0.2);
        background: url(../images/down-arrow.png);
        background-repeat: no-repeat;
        background-position: 98% 50%;
        background-size: 10px;
    }
    .pay_his li a {
        color: #0a0a0a;
    }
    ul.partabs li a {
        background: #fff !important;
        color: #9FA8B4;
        margin-right: 0px;
        font-weight: 400;
        padding: 10px 23px !important;
        font-family: var(--headings-font-family);
        display: flex;
        justify-content: center;
    }
    .paymenthistory {
        padding: 10px 0px;
    }
    .paymenthistory  .mobilehistory table tr {
        position: relative;
        height: 100px;
    }
    .evnt-id_ka {
        display: none;
    }
    .evnt-title_ka {
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 16px;
        font-weight: bold;
        width: 100%;
    }
    .evnt-date_ka {
        position: absolute;
        bottom: 0px;
        width: 100%;
        left: 0px;
    }
    .evnt-amt_ka {
        position: absolute;
        top: 0px;
        right: 0px;
    }
    .evnt-status_ka {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    .donation-command_ka {
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 16px;
        font-weight: bold;
        width: 100%;
    }
    .donation-date_ka {
        position: absolute;
        bottom: 0px;
        width: 100%;
        left: 0px;
    }
    .donation-amt_ka {
        position: absolute;
        top: 0px;
        right: 0px;
    }
    .donation-status_ka {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    .plan_id {
        top: 5px;
        left: 0px;
        font-size: 16px;
        font-weight: bold;
        width: 100%;
        display: block;
        margin-bottom: 0px;
        position: absolute;
    }
    .mem_date {
        display: block;
        position: absolute;
        bottom: 15px;
        width: 100%;
        left: 0px;
    }
    .mem_amt {
        display: block;
        position: absolute;
        top: 15px;
        right: 20px;
    }
    .mem_status {
        position: absolute;
        bottom: 15px;
        right: 20px;
    }
    .plan_id p {
        font-weight: bold;
    }
    .mem_date p {
        position: absolute;
        bottom: 0px;
        margin-bottom: 0px;
    }
    .mem_amt strong {
        position: absolute;
        top: 0px;
        right: 0px;
    }
    .mem_status p {
        position: absolute;
        bottom: 0px;
        margin-bottom: 0px;
        right: 0px;
    }
    .dataTables_info {
        display: none;
    }
    .mobileblock {
        display: flex !important;
    }
    .decsktophide {
        display: flex !important;
    }
    .mobileposition {
        position: absolute;
        top: 25px;
        left: 30px;
    }
    .yearpicker-container.yearpicker-dropdown {
        width: 235px;
        right: 0px !important;
    }
    .qrl_sec .mobile {
        margin-bottom: 0px;
    }
    .qrl_payment form {
        background: #fff;
        padding-bottom: 20px;
    }
    .qrl_sec h6 {
        font-weight: bold;
    }
    .evnt_payment_list .mbiletop {
        margin-top: 15px;
    }
    .croppie-container .cr-boundary {
        width: 100% !important;
        height: 300px !important;
    }
    .children_adds p {
        font-size: 12px;
    }
    .membershipradio span {
        font-size: 12px;
    }
    .main_layout.bg_grey {
        background-attachment: fixed;
        width: 100%;
        min-height: 100vh;
        height: unset;
        background-color: #ebebeb;
        background-image: url(../images/mamber_login_bg.png);
        background-repeat: no-repeat !important;
        background-size: 100%;
        background-position: bottom;
    }
    .contact_info.family_cnct
    .profile_sec1 ul li:nth-child(3), .profile_sec1 ul li:nth-child(4) {
        margin-top: 0px;
    }
    .searchfrmflex {
        display: unset;
        margin-bottom: 20px;
    }
    #search-bar {
        margin-bottom: 20px;
    }
    .loginedbtn {
        margin: 15px auto 0px auto;
        position: static;
    }
    label, .tab1_form label.form_label {
        font-size: 16px !important;
    }
    .proimg .image-previewer2 {
        width: 132px;
        height: 132px;
    }
    .edit_form.pro-updatesec li a {
        font-size: 12px;
    }
    .pt-120 {
        padding-top: 0px;
    }
    .light-modal-content {
        min-width: 100% !important;
    }
    .abt-cnt.accordion-content {
        padding-top: 15px;
    }
    .image-previewer21:after {
        width: 42px;
        height: 35px;
        left: calc(100% - 85px);
        top: calc(100% - 81px);
    }
    .accordion-content.accordioncntact_content {
        padding-top: 20px;
    }
    form.form_sec1 .cell .form-error {
        position: relative;
    }
    .marrital_status input {
        height: auto;
        margin-bottom: 0px !important;
    }
    .footer-area {
        display: block;
    }
    .aboutsac {
        margin-top: 0px;
    }
    .aboutsac .abt-title {
        margin-bottom: 0px;
    }
    .cnct-info a.cnt-title {
       
    }
    .ipadorder1 {
        order: 1;
    }
    .ipadorder2 {
        order: 2;
    }
    .ipadorder3 {
        order: 3;
    }
    .ipadflex {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }
    .ipadblock {
        display: block;
    }
    .ipadhide {
        display: none;
    }
    .tab1_form.mrg-top {
        padding-top: 0px;
    }
    .member_image.profileimg {
        justify-content: space-evenly;
    }
    .avatar-upload.profileimg {
        margin: 0px auto;
    }
    .couple_sec .avatar-upload.mmt-20 {
        margin-top: 20px;
    }
    .l_logo.reg-logo {
        width: 100%;
        margin: 0px auto 0 auto;
    }
    .left_layout {
        width: 370px;
        position: fixed;
        left: -370px;
        top: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        z-index: 9999;
        height: 100vh;
        overflow-y: scroll;
    }
    .left_layout.ba-navbar-show {
        left: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s;

    }
    .right_layout {
        padding: 20px 20px 20px 20px;
    }
    .menu-close {
        position: absolute;
        right: 0px;
        left: 0px;
        top: 30px;
        display: flex;
        width: 100%;
        text-align: center;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0px 30px 0px 20px;
    }
    .menu-close p {
        font-size: 18px;
        color: #FFFFFF;
        margin: 0px;
        font-weight: bold;
    }
    .l_logo {
        width: 210px;
        margin: 75px auto 0 auto;
    }
    nav.side_nav {
        padding: 0px 15px;
        border-bottom: 1px solid rgb(255, 255, 255, 0.2);
    }
    .mobilemenu-footer {
        text-align: center;
        display: block;
    }
    .mobilemenu-footer p {
        color: #fff;
        margin: 0px;
        padding: 20px 20px;
        font-size: 12px;
    }
    nav.side_nav li a {
        height: 45px;
        padding: 5px 15px;
        margin: 15px 0;
    }
    /****Logo Page*****/
    .logo_page {
        background-attachment: fixed;
        width: 100%;
        min-height: 100vh;
        background-image: url(../images/front_img.png);
        background-repeat: no-repeat !important;
        background-size: 100% 100%;
    }
    .logo_page {
        max-width: 400px;
        margin: 0 auto;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /************Login  & OTP Page *******************/
    .contact_info li a {
        margin-bottom: 30px;
    }
    .login_screen {
        padding: 0px;
    }
    a.login_back {
        display: none;
    }
    .login_logo img {
        width: 231px;
    }
    .login_form_sec {
        padding: 40px 22px;
        margin: 50px auto 0;
    }
    .login_form_sec input {
        height: 38px;
    }
    .login_form_sec h2 {
        font-size: 16px;
    }
    .login_form_sec input {
        margin-bottom: 30px;
    }
    .login_screen {
        background-position: 71%;
    }
    .cell.large-12.large-12.small-12.login_col {
        padding: 0px;
    }
    /*============ family_member Page ========================*/
    .membership_family {
        padding-left: 0px;
    }
    .fm_member.family_member .membar_avater_info {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }
    .fm_member.family_member .membar_avater {
        margin: 0 !important;
    }
    .page_head_right.desktop {
        display: none;
    }
    .page_head_right.mobile {
        display: flex;
    }
    .page_head_right.mobile img {
        width: 15px;
    }
    .page_head_right.mobile a {
        font-size: 12px;
    }
    .page_head_right.mobile a {
        margin-right: 0px;
    }
    .fm_member.family_member .membar_name span {
        width: 100%;
        font-size: 16px !important;
        display: block;
    }
    .fm_member.family_member img.main_member {
        min-width: 115px;
        max-width: 115px;
        height: 115px;
    }
    .fm_member.family_member  .membar_name h2, .fm_member.family_member  .membar_name span {
        text-align: left;
    }
    .fm_member.family_member .page_head_right img {
        margin-right: 4px;
        margin-left: 3px;
    }
    .fm_member.family_member a.edit_profile {
        padding: 5px 10px 5px 2px;
    }
    .accordion_title.mobile h3 {
        display: unset;
    }
    .desktop_title {
        display: none;
    }
    .page_head_right.mobile a {
        width: 90px;
        text-align: center;
        justify-content: center;
    }
    .mbright20 {
        margin-right: 10px !important;
    }
    /*============ Family Profile ========================*/
    .subscription_sec.family_pr {
        display: none;
    }
    .desktop_title {
        display: none;
    }
    .right_layout.profile_update .page_head a {
        color: #fff;
    }
    .right_layout.profile_update .page_head img {
        margin-right: 10px;
    }
    .right_layout.profile_update .avatar-upload .avatar-preview {
        margin: 0px;
    }
    .right_layout.profile_update .avatar-upload {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .right_layout.profile_update .avatar-upload.couple_uplad_img {
        display: block;
        max-width: 100%;
    }
    .couple_sec .avatar-upload .couple_ka {
        width: 100%;
    }
    .couple_sec .avatar-upload .couple_ka img {
       
        height: auto;
        object-fit: cover;
        width: 100%;
    }
    span.pro_dot {
        font-size: 38px;
        margin-top: -17px;
    }
    .n_details {
        margin-left: 20px;
    }
     .kovil_choose .chosen-select.choosen.dropdown_common:after {
        position: absolute;
        content:none;
        width: 100%;
        height: 100%;
       
    }
    .filterform  .chosen-select.choosen.dropdown_common:after {
        position: absolute;
        content:none;
        width: 100%;
        height: 100%;
       
    }
  
    .chosen-select.choosen.dropdown_common:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        content: url(../images/dwn_arr.svg);
    }
    .profile_common.mobile, a.mobile_nav_none img {
        display: block;
    }
    .main_div_acc .accordion_title h5 {
        color: #0a0a0a;
    }
    form.form_sec .off .form-error.is-visible {
        bottom: -41px;
    }
    form.form_sec .n_details h3 {
        margin-bottom: 11px;
    }
    .mobile_nav_none img {
        display: block;
        margin-right: 15px;
    }
    a.mobile_nav_none {
        color: #fff;
    }
    /*============ qrl Page ========================*/
    .qrl_sec .desk {
        display: none;
    }
    .qrl_sec .mobile {
        display: block;
        font-weight: 600;
        font-size: 24px;
    }
    .qrl_payment h5 {
        margin-bottom: 30px;
    }
    .qrl_sec {
        padding: 20px 0px 15px;
    }
    .main_layout.qrL, .qrl_payment {
       
    }
    .main_layout.qrL {
        background-attachment: fixed;
        width: 100%;
        min-height: 100vh;
        background-image: url(../images/front_img.png);
        background-repeat: no-repeat !important;
        background-size: 100% 100%;
        background-color: #F0F0F0;
    }
    .qrl_sec {
        background: #fff;
    }
    /*============ Inter bank transfer ========================*/
    #tran_id {
        width: 100%;
        margin: 0 auto;
    }
    .sub_bank a {
        margin: 0 auto;
    }
    .main_layout.inter_bank_lay {
        background-attachment: fixed;
        width: 100%;
        min-height: 100vh;
        background: url(../images/front_img.png);
        background-repeat: no-repeat !important;
        background-size: 100% 100%;
        background-color: #F0F0F0;
    }
    .inter_bank {
        background-color: unset;
    }
    .inter_bank_lay {
        background-color: unset;
    }
    .mob_hide {
        display: none;
    }
    .desk_hide {
        display: block;
    }
    a.desk_hide {
        border: 1px solid var(--t_color1);
        padding: 0px 18px 5px 4px;
        border-radius: 50px;
        height: 37px;
        line-height: 32px;
    }
    a.desk_hide img {
        width: 30px;
        margin-right: 14px;
    }
    /*============ inbox Page ========================*/
    .main_layout.inbox {
        background-attachment: fixed;
        width: 100%;
        min-height: 100vh;
        background: url(../images/front_img.png);
        background-repeat: no-repeat !important;
        background-size: 100% 100%;
        background-color: #F0F0F0;
    }
    .view_message .msg_list .mes_content img{
        max-height: 200px;
        width: 100%;
    object-fit: cover;
    margin-bottom: 20px;
    margin-top: 15px;
    }
    .view_message .msg_list {
        padding: 0px;
        margin-top: 20px;
    }
    .right_layout2 .familyaccordian_item.accordion-item{
            border-bottom: 2px solid var(--t_color5);
    }
    .contact_info.family_cnct {
    border-top: 0px solid var(--t_color5);
     border-bottom: 2px solid var(--t_color5);
 
    }
    .main_layout.view_message .img_content {
        margin: 0px 11px;
    }
    div#inbox_message {
        width: 82%;
        height: fit-content !important;
        top: 30% !important;
        min-height: unset;
    }
    div#inbox_message .insidepopup img {
        margin-bottom: 20px;
    }
    .yes_no {
        display: flex;
        justify-content: center;
    }
    .yes_no a {
        width: 100px;
        display: inline-block;
        border-radius: 50px;
        color: #fff;
    }
    a.yes_btn {
        background-image: linear-gradient(to right, #1470d1, #117adb, #0c83e5, #078def, #0297f9);
        color: #fff !important;
    }
    a.no_btn {
        border: 1px solid var(--t_color1);
        background: transparent;
        color: #0a0a0a;
    }
    div#inbox_message .insidepopup {
        text-align: center;
        padding: 30px 0px;
    }
    div#inbox_message div#title_confirm {
        font-weight: 600;
    }
    .msg_list {
        padding: 20px;
    }
    .refreshicon{
      display: flex;  
    }
   
    .refreshbtn{
        display: none;
        float: left;
    }
    .refreshbtn{
        margin-right: 15px;
    }
    .mes_title {
        display: flex;
        justify-content: space-between;
        font-weight: 600;
        align-items: center;
        margin-bottom: 8px;
        margin-top: 10px;
    }
    .mes_content {
        padding: 15px;
    }
    .img_content {
        background: #fff;
    }
    .mes_title span, .mes_title h5 {
        margin-bottom: 0px;
        font-weight: 600;
    }
    .img_content {
        margin-bottom: 10px;
    }
    .hide_line {
        word-break: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 16px; /* fallback */
        max-height: 32px; /* fallback */
        -webkit-line-clamp: 2; /* number of lines to show */
        -webkit-box-orient: vertical;
    }
    .page_head.inbox_head {
        display: flex;
        justify-content: space-between;
        position: sticky;
        top: 0;
        z-index: 999;
    }
    .plbtn {
        left: 46%;
    }
    .family_abt_ka {
        border-top: 2px solid var(--t_color5);
    }
    .contact_info .family_abt_ka a {
        margin-bottom: 0px;
    }
    .dmt-20.family_abt_ka {
        margin-top: 0px;
        padding-top: 20px;
    }
    .profile_sec1 ul li:nth-child(3), .profile_sec1 ul li:nth-child(4) {
        margin-top: 5px !important;
    }
    .list-item {
        position: relative;
		padding:0px;
    }
    .list-item img{
            width: 100%!important;
            height: 200px;
            object-fit: cover;
    }

    /*============ change Password ========================*/
    .changepassword .grid-x.grid-margin-x {
        flex-direction: column-reverse;
    }
    p.chgpwd_note {
        padding: 13px;
    }
    .main_layout.chn_pas {
        background-attachment: fixed;
        width: 100%;
        min-height: 100vh;
        background: url(../images/front_img.png);
        background-repeat: no-repeat !important;
        background-size: 100% 100%;
        background-color: #F0F0F0;
    }
    /*============ payment history ========================*/
    table.unstriped tbody td:first-child {
        display: none;
    }
    table.unstriped tbody td:nth-child(3) {
        vertical-align: bottom;
    }
    tbody.tab_body h6 {
        font-size: 19px;
        font-weight: 600;
    }
    tbody.tab_body p {
        margin-bottom: 0px;
    }
    .paymenthistory table.unstriped tbody tr {
        border-bottom: 10px solid #ebebeb;
        position: relative;
        display: block;
    }
    nav ul.pagination {
        text-align: center;
    }
    /*============ family pro ========================*/
    .mobile_title {
        display: block;
    }
    .f_m_photo img {
        width: 120px;
        height: 120px;
    }
    .members_name h6 {
        font-size: 16px;
    }
    .f_m_photo.fmly_lst {
        min-width: 80px;
        max-width: 80px;
        height: 80px;
    }
    .f_m_photo.fmly_lst img {
        width: 80px;
        height: 80px;
        object-fit: cover;
    }
    /*============ Profile Page ========================*/
    .profile_sec2.mt-20 {
        margin-top: 0px;
        padding-bottom: 20px;
    }

    .profile_sec1 h3 {
        font-size: 14px;
    }
    .membar_avater_info .membar_name {
        font-size: 18px;
    }
    .membar_name h2 {
        font-size: 18px;
    }
    .ProgressBar img {
        position: absolute;
        top: 20px;
        left: 12px;
        width: 17px;
    }
    .pr_info {
        margin-top: 22px;
    }
    .pr_info.profile_info_ka {
        margin-top: 0px;
    }
   
    .profile_sec1 .profile_info_ka .accordion-title h3{
         margin-bottom: 0px;
    }
    .profile_sec1 .profile_info_ka h3 {
        margin-bottom: 20px;
    }
    .accordion-title:hover, .accordion-title:focus {
        background: transparent;
    }
    .pr_info .accordion-title {
        padding: 0px;
        color: #0a0a0a;
        border: none;
    }
    .proinfo.accordion-content {
        border: none;
        border-bottom: none !important;
        padding: 0px;
    }
    /*-
    .pr_info .accordion-title, .contact_info .accordion-title,.profile_sec2 .accordion-title{
    border: none!important;
        padding: 0px;
    }
    .proinfo.accordion-content,.accordioncntact_content.accordion-content,.abt-cnt.accordion-content,.info_busicnt.accordion-content {
    border: none;
    border-bottom: none !important;
    padding: 0px;
    }
    .accordian_item .accordion-title::before,.contactaccordian_item .accordion-title::before,.abtaccordian_item .accordion-title::before,.profileaccordian_item .accordion-title::before{
    background-image: url(../images/down-arrow-of-angle.svg);
    width: 15px;
    height: 10px;
    background-repeat: no-repeat;
    content: "";
    transform: rotate(180deg);
        position: absolute;
    right: 0px;
    top: 15px;
    }
    .accordian_item.is-active  .accordion-title::before,.contactaccordian_item.is-active  .accordion-title::before,.abtaccordian_item.is-active  .accordion-title::before,.profileaccordian_item.is-active  .accordion-title::before{
    background-image: url(../images/down-arrow-of-angle.svg);
    width: 15px;
    height: 10px;
    background-repeat: no-repeat;
    content: "";
    transform: rotate(0deg);
        position: absolute;
    right: 0px;
    top: 15px;
    }
    -*/
    .family_cnct .accordioncntact_content ul li div.nag_icon {
        width: 40px;
    }
    .accordion-content {
        border: none;
        border-bottom: none !important;
        padding: 0px;
    }
    .accordion-title {
        border: none !important;
        padding: 0px;
    }
    .accordion-title::before {
        background-image: url(../images/down-arrow-of-angle.svg);
        width: 15px;
        height: 10px;
        background-repeat: no-repeat;
        content: "";
        transform: rotate(180deg);
        position: absolute;
        right: 0px;
        top: 15px;
    }
    .accordion-item.is-active .accordion-title::before {
        background-image: url(../images/down-arrow-of-angle.svg);
        width: 15px;
        height: 10px;
        background-repeat: no-repeat;
        content: "";
        transform: rotate(0deg);
        position: absolute;
        right: 0px;
        top: 15px;
    }
    .pr_info .accordion-title {
        position: relative;
    }
    .ProgressBar-contentCircle.mobile {
        display: block;
    }
    .ProgressBar-contentCircle.desktop {
        display: none;
    }
    .ProgressBar.ProgressBar--animateAll {
        margin-right: 10px;
        margin-top: -10px;
    }
    .ProgressBar, .ProgressBar-contentCircle {
        width: 40px;
    }
    .membar_avater, img.main_member {
        min-width: 115px;
        max-width: 115px;
        height: 115px;
        object-fit: cover;
    }
    .membar_avater_info .membar_name {
        margin-left: 15px;
        padding-top: 15px;
    }
    .membar_avater_info {
        align-items: center;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .right_layout {
        padding: 0px !important;
        padding-bottom: 70px !important;
    }
    .page_head {
        background: #144A80;
        padding: 15px 20px;
        margin-bottom: 0px;
        align-items: center;
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 1002;
    }
    .page_head h2, .page_head h2 a {
        font-size: 18px!important;
        color: #fff;
        text-transform: capitalize;
    }
    .page_head h2 a {
        font-size: 18px;
        color: #fff;
        font-weight: 500;
        font-family: var(--headings-font-family);
        margin: 0px;
        text-transform: capitalize;
    }
    .page_head h2 a img {
        margin-right: 15px;
    }
    .edit_profile.desktop {
        display: none;
    }
    .edit_profile.mobile {
        display: block;
        font-size: 13px;
    }
    .profile_sec1 ul p {
        font-size: 16px;
    }
    .subscription_sec h3 {
        color: #fff;
        font-size: 14px;
    }
    .subscription_sec p {
        color: #fff;
        font-size: 10px;
    }
    .page_sec_white {
        padding: 10px 20px;
    }
    a.edit_profile {
        padding: 5px 20px;
        margin-top: 20px;
        height: 35px;
        width: 100px;
        line-height: 22px;
    }
    .bell_white {
        display: block;
    }
    .bell_blue {
    }
    .desckblock {
        display: none;
    }
    .mobileblock {
        display: block;
    }
    .ProgressBar-circle {
        stroke: #1875d1;
    }
    .ProgressBar-background {
        stroke: #fff !important;
    }
    img.couple_pic {
        width: 100%;
    }
    .contact_info h3, .profile_sec2 h3, .profile_sec1 h3, .family_member h3 {
        margin-top: 0px;
        font-size: 16px;
    }
    .contact_info li {
        display: flex;
    }
    .chnage_pro {
    }
    .contact_info .mobileborder {
        max-width: 100%;
    }
    .contact_info .mobilepadding {
        padding-top: 0px;
    }
    .accordian_item.is-active {
        padding-bottom: 20px;
    }
    /*============  Mobile Footer ========================*/
    .footer-area {
        position: fixed;
        width: 100%;
        z-index: 9999;
        bottom: 0;
        left: 0;
        height: 60px;
        background: #fff;
        -webkit-box-shadow: 0px 0px 20px 0px #878585;
        box-shadow: 0px 0px 20px 0px #878585;
    }
    .footer-bottom {
        width: 100%;
    }
    .footer-bottom ul {
        margin: 0;
        padding: 10px 0px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .footer-bottom ul li a {
        list-style: none;
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .footer-bottom ul li a.active {
        background-image: linear-gradient(to right, #1470d1, #117adb, #0c83e5, #078def, #0297f9);
        border-radius:5px;
		color:#fff;
    }
    .footer-bottom ul li a {
        text-align: center;
        margin: 0 auto;
        line-height: 0px;
		padding:2px 0px 5px;
    }
    .footer-bottom ul li a svg{
        overflow: visible;
    }
	li.fmenuitem a {
    font-size: 11px;
    color: #9fa8b4;
}
    .footer-bottom ul li a.active svg g path {
        fill: #fff !important;
    }
    .footer-bottom ul li a.active svg g.b {
        stroke: #fff !important;
    }
    .contact_info a {
        margin-bottom: 20px;
    }
    .family_member {
        padding: 20px 20px 0px 20px;
    }
    .family_membars a {
        margin: 0px 0px 20px 0px;
    }
    .familyaccordian_item.is-active .family_cnt {
        display: flex;
    }
    .displaydesk {
        display: none;
    }
    .displaymob {
        display: block !important;
    }
    .officedetails_title {
        color: #0a0a0a;
    }
    .choose_date {
        margin: 20px 0px;
    }
    h6.year_img {
        margin-top: 0px;
    }
    .ipadtop {
        margin-top: 30px;
    }
    .page_head a {
        display: flex;
        justify-content: inherit;
        align-items: center;
    }
    .page_head svg g path.a {
        fill: #fff;
        stroke: none;
    }
    .page_head svg {
        margin-right: 15px;
        display: block;
    }
    .page_head2 {
        padding: 15px 15px 5px 15px;
    }
    .bookingtitle .page_head2 h2 {
        line-height: 0px;
        padding-bottom: 0px;
        font-size: 18px;
    }
    .bookinginfodetails {
        padding: 15px;
    }
    .evnt_choose_option {
        margin-top: 20px;
        padding: 0px 15px;
    }
    .mble-fxed {
        position: fixed;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background: #fff;
        padding: 15px 20px;
        width: 100%;
        -webkit-box-shadow: 0px 0px 20px 0px #878585;
        box-shadow: 0px 0px 20px 0px #878585;
    }
    p.total_clc {
        position: fixed;
        bottom: -5px;
        z-index: 99;
        right: 20px;
        border-top: 0px solid #D8E6F6;
        font-size: 16px;
    }
    .mble-fxed .total_clculation {
        color: var(--t_color1);
        font-family: var(--headings-font-family);
        font-size: 16px;
        margin-bottom: 0px;
        text-align: right;
    }
    .mble-fxed .total_clculation span {
        color: var(--t_color1);
        font-family: var(--headings-font-family);
        font-size: 16px;
    }
    .mobilehide {
        display: none;
    }
    .member_image.mobilehide {
        display: block;
    }
    .image-previewer {
        width: 132px;
        height: 132px;
    }
    .upgrade_nw h1 {
        font-size: 14px;
        line-height: 21px;
    }
    .upgrade_nw p {
        font-size: 12px;
    }
    a.up_now {
        line-height: 35px;
        padding-left: 20px;
        font-size: 10px;
    }
    .member_directory {
        padding: 10px 15px;
    }
    .form-inline {
        display: block;
    }
    #search-bar {
        width: 100%;
    }
    .filter-box {
        align-items: center;
        display: block;
        margin-bottom: 40px;
    }
    .filter-box input {
        margin-right: 10px;
    }
    .list input, .list .chosen-container-single .chosen-single {
        margin-bottom: 0px;
    }
    .filter-box li {
        margin-bottom: 10px;
    }
    .filter-box label {
        font-weight: normal;
    }
    .mobilesearch_btn_web {
        left: 50%;
        transform: translate(-50%, -0%);
        bottom: 0px;
        position: fixed;
        z-index: 99;
        width: 100%;
        padding: 10px 0px;
        background: #fff;
        border-bottom: 1px solid rgb(0, 0, 0, 0.05);
        border-top: 1px solid rgb(0, 0, 0, 0.05);
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mobilesearch_btn {
        left: 50%;
        transform: translate(-50%, -50%);
        bottom: 18px;
        position: fixed;
        z-index: 99;
        width: 100%;
        padding: 10px 0px;
        background: #fff;
        border-bottom: 1px solid rgb(0, 0, 0, 0.05);
        border-top: 1px solid rgb(0, 0, 0, 0.05);
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mobileresultopen {
        position: fixed;
        top: 55px;
        min-height: 100%;
        left: 0px;
        right: 0px;
        background-attachment: fixed;
        width: 100%;
        background-color: #ebebeb;
        margin: 0 auto;
        background-repeat: no-repeat !important;
        background-size: 100%;
        background-position: bottom;
        z-index: 1000;
        padding-bottom: 125px!important;
        min-height: 100vh;
        padding: 0px 10px;



    bottom:0;
    overflow-y:scroll;
    overflow-x:hidden;

    }
    .mobileresultopen.no_result {
        position: static;
        display: none;
    }
    .mobileserbar {
        width: 100%;
        margin-top: 20px;
       
    }
    .mobileserbar input#search-bar {
        margin-bottom: 0px;
    }
    .mobserber {
        display: block;
    }
    .deshide {
        display: block;
    }
    .mobileresultopen h6 {
        font-size: 14px;
    }
    .mobileresultopen .nativekovil p, .mobileresultopen .nas_m label {
        font-size: 14px !important;
    }
    button.directory_search.searchbtn_ka {
        margin-right: 10px;
        margin-left: 0px;
    }
    .member_directory .form-inline {
        padding-bottom: 70px;
    }
    .clearbtn {
        margin-left: 0px;
        line-height: 50px;
    }
    .filterbtn, .sort {
        display: none;
    }
    button.directory_search.ipadhide {
        display: none;
    }
    .ipadhide {
        display: none !important;
    }
    .desckhide {
        display: block;
    }
    .desckhide {
        text-align: center;
    }
    .desckhide button.directory_search {
        margin: 0 auto;
        display: block;
    }
    .contactaccordian_item, .accordian_item {
        max-width: 100%;
    }
    .contactaccordian_item, .profileaccordian_item {
        padding-top: 0px;
    }
    .contact_info.is-active a {
        margin-bottom: 20px;
    }
    .about_business p {
        margin-top: 20px;
    }
    .contact_info.cnct-info .accordioncntact_content span {
        word-break: break-word;
    }
    .contact_info {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .decskhide {
        display: block;
    }
    .tabs_panel1, .tabs_panel2 {
        display: none;
    }
    .partabs {
        margin: 0 15px;
        list-style: none;
        display: flex;
        padding: 14px 0px;
        margin-bottom: 0px;
    }
    .mobilebottomfix .cell {
        padding-bottom: 0px !important;
    }
    .mobilefix.add_submit div {
        margin-top: 0px;
    }
    .mobilefix {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .mobilebottomfix {
        position: fixed;
        background: #fff;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        -webkit-box-shadow: 0px 0px 20px 0px #878585;
        box-shadow: 0px 0px 20px 0px #878585;
        padding: 15px 10px;
    }
    .decskhide.mobiledisblock {
        display: block;
    }
    .parcipant_list {
        padding-left: 0px;
    }
    .mobilepads .parcipant_list {
        padding: 15px 15px 0px 15px;
        margin-bottom: 0px;
    }
    .countsper {
        background: linear-gradient(0deg, rgba(0, 27, 54, 1) 0%, rgba(22, 79, 137, 1) 100%);
        display: flex;
        justify-content: space-between;
        padding: 10px 15px;
        margin-bottom: 20px;
    }
    input#member, input#non_member, .adult_child input {
        width: 20px;
        height: 20px;
    }
    .countsper p {
        color: #fff;
        margin-bottom: 0px;
        font-size: 12px;
        font-weight: bold;
        font-family: var(--headings-font-family);
    }
    .mobiledisblock {
        display: block;
    }
    .adult_child.mobiledisblock {
        padding-top: 0px;
    }
    .partabs a {
        color: #fff;
        position: relative;
        background: #fff !important;
        margin-right: 8px;
        font-weight: 600;
        padding: 10px 20px !important;
        font-family: var(--headings-font-family);
        font-size: 13px;
    }
    .participant_form {
        background: #fff;
        padding: 25px 15px;
    }
    ul.partabs li a {
        background: #fff !important;
        color: #9FA8B4;
        margin-right: 0px;
        font-weight: 400;
        padding: 10px 23px !important;
        font-family: var(--headings-font-family);
    }
    .partabslink a.active {
        background-color: var(--t_color1) !important;
        color: #fff;
    }
    .partabslink a.active:after {
        position: absolute;
        content: "";
        width: 100%;
        bottom: -10px;
        left: 0;
        height: 3px;
        background-color: var(--t_color1) !important;
    }
    .nas_m h6 {
        margin-bottom: 0px;
    }
    img.nas_img {
        width: 70px;
        height: 70px;
    }
    .displayflx {
        display: flex;
        align-items: center;
    }
    .nativekovil div {
        padding-right: 0px;
    }
    .searchresultbar input {
        margin-bottom: 10px;
    }
    .participant_form form label {
        display: flex;
        align-items: center;
    }
    .mobilehide {
        display: none !important;
    }
    .nas_m {
        display: block;
    }
    .nativekovil {
        display: block;
    }
    .nativekovil div {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .makepayment, .paymenthistory {
    }
    .mobilemethod {
        padding: 15px;
        display: none;
    }
    .mobilemethod ul li::before {
        background-image: url(../images/down-arrow-of-angle.svg);
        width: 15px;
        height: 10px;
        background-repeat: no-repeat;
        content: "";
        transform: rotate(90deg);
        position: absolute;
        right: 0px;
        top: 15px;
    }
    .mobilemethod ul li {
        position: relative;
        padding: 10px 0px;
        border-top: 1px solid rgb(0, 0, 0, 0.2);
    }
    .mobilemethod ul li a {
        color: #0a0a0a;
        font-size: 14px;
    }
    .eventinfo-section.galleryslidersec {
        padding: 20px 0px 40px 0px;
    }
    .eventinfo-section.gallerycalender, .eventinfo-section.galleryslidersec, .eventinfo-section.event.eventpadingsec {
        padding-bottom: 80px;
    }
    .inner-section {
       
    }
    .pt-120 {
        padding-top: 0px !important;
    }
    .eventinfo-section.gallerycalender {
        padding-bottom: 80px !important;
    }
    .contact_info.family_cnct .contactaccordian_item {
        padding-bottom: 20px;
        
    }
    .family_member.fm_member .profile_sec32 {
        padding-bottom: 20px;
    }
    .family_member.fm_member .contact_info li a {
        margin-bottom: 0px;
    }
    .family_member.fm_member .contact_info a {
        margin-bottom: 0px !important;
    }
    .contact_info.family_cnct {
        padding: 20px 0px 0px;
    }
}
@media only screen and (min-device-width:1350px) and (max-device-width:1600px) {

    .search_res_ka {
        word-break: unset !important;
    }
    .right_layout.family_member.fm_member  .membar_name h2 {
        line-height: 25px;
    }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .membar_avater_info.ipadposition {
        display: block !important;
    }
    .family_member .page_head_right {
        justify-content: flex-start;
    }
    form.form_sec1 input {
    margin-bottom: 8px;
    text-transform: capitalize;
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .membar_avater_info.ipadposition {
        display: flex !important;
    }
    .evnt_reg_form .cell {
        width: 100%;
    }
    .member_directory .grid-margin-x.desckhide > .cell {
        width: 100%;
    }
    .ipadorder1 {
        order: 1;
        width: 46% !important;
    }
    .ipadorder2 {
        order: 2;
        width: 46% !important;
    }
    .ipadorder3 {
        order: 3;
        width: calc(100% - 1.875rem) !important;
    }
    .ipadflex {
    }
    .ipadblock {
        display: block;
    }
    .ipadhide {
        display: none;
    }
}
@media only screen and (max-width:767px) {

    body::-webkit-scrollbar {
        width: 0px;
    }
    body::-webkit-scrollbar-track {
        background-color: #1875d1
        -webkit-border-radius:0px;
        border-radius: 0px;
    }
    body::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #1875d1;
    }
     
    .mobileonlyhide{
        display: none;
    }
  .mobileonlyblock{
    display: block;
  }
  .reveal#donationpopup{
    top: 40%!important;
  }
/* .pongal_content p{
        display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}*/
   
.makepayment .grid-padding-x > .cell {
    padding-right: 0rem;
    padding-left: 0rem;
}
    .f_m_photo {
    min-width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
}
.f_m_photo img {
    width: 90px;
    height: 90px;
}
     .member_directory .grid-margin-x > .cell.kovil_choose, .member_directory .grid-margin-x > .cell.pirivu_choose{
        margin-left: 0px;
    }
    .sortfrm {
    padding-top: 15px;
    }
    .edit_form.pro-updatesec {
        margin-bottom: 0px;
    }
    .event-section .event-img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .skill-textarea {
        margin-top: 10px;
    }
    .bookingtitle {
        padding: 0px 15px;
    }
    a.event_reg_sub.btn-minwidth {
        min-width: 280px;
        font-size: 14px;
    }
    .ios_padding {
        padding-bottom: 300px !important;
        overflow: scroll;
    }
    /* .ios_padding_forgot{
        padding-bottom: 370px!important;
    } */
    #tran_id {
        font-size: 12px !important;
    }
    .residen_status {
        display: block;
        height: auto;
    }
    .main_img.malar_ka {
        margin-top: 0px;
    }
    .malar_image {
        max-height: 150px;
        min-height: 150px;
    }
    .malar_image img {
        height: 150px;
        object-fit: cover;
        width: 100%;
    }
	.mag_name h5 {
		margin: 0px;
		line-height: 1;
	}
	.mag_name {
		text-align: center;
		background: #fff;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 10px 10px;
	}
	p.atleastone {
		margin-bottom: 0;
	}
    .booking-info a {
        padding-top: 0px;
    }
    .pongal_content.event_reg_ka {
        height: 100%;
        overflow-y: auto;
    }
    ul#example-tabs li a {
        line-height: inherit;
    }
    ul.partabs li {
        width: 50%;
    }
    .mobileresultopen {
        flex-flow: column;
    }
    .evnt_payment_list .list_btn {
        margin-top: 20px;
    }
    .family_member.fm_member .contact_info li a {
        margin-bottom: 0px;
    }
    .family_member.fm_member .contact_info li {
        margin-bottom: 20px;
    }
    .plbtn {
        position: absolute;
        bottom: 0px;
        left: 40%;
    }
    .mobileblock {
        display: block !important;
    }
    .mbeonlyhide {
        display: none;
    }
    .left_layout {
        width: 100%;
        position: fixed;
        left: -100%;
        top: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        z-index: 99999;
        height: 100vh;
        overflow-y: scroll;
    }
    .profile_sec1 ul li {
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 5px 0px;
    }
    .profile_sec1 h3 {
        font-size: 18px;
        margin-top: 0px;
    }
    .contact_info li a {
        align-items: center;
        font-size: 16px;
    }
    .contact_info li img {
        margin-right: 15px;
    }
    .contact_info h3, .profile_sec2 h3 {
        margin-top: 0px;
    }
    .contact_info ul {
        max-width: 100%;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .contact_info.family_cnct ul {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .family_member .family_in_ka h3 {
        margin-bottom: 0px;
    }
    .contact_info h3, .profile_sec2 h3 {
        margin-bottom: 0px;
    }
    .edit_profile.mobile {
        color: var(--t_color1);
    }
    .grid-x.info_busi ul {
        display: block;
        height: auto;
        column-count: 1;
        flex-wrap: inherit;
    }
    .profile_sec2 h6 {
        font-size: 18px;
    }
    .grid-x.info_busi li {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .family_member {
        background: #fff;
        padding: 0px 20px;
    }
    .familyaccordian_item {
      
        max-width: 100%;
        padding-top: 20px;
    }
    .family_member .mobilebordertop {
        padding-top: 10px;
    }
    .family_membars {
        box-shadow: 0px 0px 20px 0px #cdcdcd;
    }
    .family_member h3 {
        text-transform: uppercase;
    }
    .main_layout {
        padding-bottom: 70px;
    }
    .grid-x.info_busi ul {
        padding: 20px 0px 0px;
    }
    .info_busi div {
        padding-bottom: 5px;
    }
    .aboutsac {
      
        max-width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .right_layout {
        padding: 0px !important;
        padding-bottom: 0px !important;
    }
    .right_layout.mobilebpad {
        padding-bottom: 50px !important;
    }
    a.edit_profile img {
        margin-right: 5px;
    }
    form.form_sec {
        margin: 0px;
    }
    .avatar-upload {
        margin-bottom: 40px;
        max-width: 100%;
    }
    ul.edit_form {
        width: 100%;
        padding: 15px 10px;
    }
    ul.edit_form li {
        width: 50%;
    }
    .main_layout {
        background: #fff;
    }
    ul.edit_form li a {
        display: flex;
        text-align: center;
        width: 100%;
        justify-content: center;
    }
    .fam_edit span {
        font-size: 18px;
    }
    .fam_edit .cell {
        padding-bottom: 20px;
    }
    form.form_sec1 .cell.adspouse_mrbtm {
        margin-bottom: 30px;
    }
    form.form_sec1 .cell.adchild_mrbtm {
        margin-bottom: 30px;
    }
    #add_child_form .fam_edit .cell {
        padding-bottom: 0px;
    }
    .add_spouseedit.fam_edit .cell {
        padding-bottom: 0px;
    }
    .fam_edit {
        padding-bottom: 0px;
    }
    #add_family, #add_children {
        padding: 15px;
    }
    .tab1_form label.form_label {
        font-size: 14px;
    }
    a.update_page {
        margin: 0 auto;
    }
    select.mrs {
        top: 36px;
        border-top: none;
        border-bottom: none;
        border-radius: 0px;
        height: 44px;
    }
    .accordion-title:hover, .accordion-title:focus {
        color: #000 !important;
    }
    ul.edit_form a.activein:after {
        bottom: -10px;
    }
    ul.edit_form a.active:after {
        bottom: -10px;
    }
    .sucess_pop p {
        width: 100%;
        margin-top: 20px !important;
    }
    .sucess_pop h2 {
        line-height: 25px;
    }
    .thanks {
        margin-top: 20px !important;
    }
    .mobilebgray {
        background-color: #ebebeb;
    }
    .main_img {
        margin-bottom: 20px;
    }
    .padsection {
        padding: 30px 10px;
    }
    h6.year_img {
        margin-top: 0px;
    }
    input.yearpicker.form-control {
        height: 36px;
    }
    .choose_date img {
        top: 8px;
    }
    .pongal_title .time {
        position: static;
    }
    .pongal_content p {
        width: 100%;
        margin-bottom: 5px;
        font-size: 13px;
        margin-top: 10px;
    }
    .evnt_reg.android_padd {
        margin-top: 0px;
    }
    .evnt_reg {
        margin-top: 20px;
        padding: 0px 15px;
    }
    .pongal_content.event_reg_ka {
        background: transparent;
    }
    .booking-info a {
        justify-content: center;
    }
    .pongal_content {
        padding: 15px 0px;
    }
    .booking-info {
        text-align: center;
        margin: 20px 0px 0px 0px;
    }
    .evnt_reg_form h4 {
        margin-bottom: 7px;
    }
    .evnt_reg_form .form_start {
        padding: 20px 10px 30px;
    }
    .evnt_reg_form form .cell {
        padding-bottom: 10px;
    }
    .grid-x.adult_sec {
        padding: 0px 10px;
    }
    a.event_reg_bntn, a.add_part_btn {
        padding-left: 30px;
    }
    .evnt_reg_form h6 {
        margin: 15px 0px;
    }
    .payment_option {
        display: block;
        align-items: center;
    }
    .makepayment {
        padding: 0px 15px;
    }
    .makepayment .bntimg svg {
        margin-right: 30px;
    }
    .paymentbox.mobilehgtauto {
        background: #fff;
        text-align: center;
        padding: 20px;
        height: auto;
        min-height: 172px;
    }
    #panel1 .mobilepadding {
        margin-bottom: 0px;
    }
    .inter_bank {
        background-color: #fff;
        padding: 20px 20px 20px;
    }
    .paymentbox .buttonone.c_button {
            transform: none;
    }
    .paymentbox .nbtn {
        position: relative;
    }
    .paymentbox .buttonone.c_button{
            padding: unset;
    font-size: 14px;
    position: absolute;
    right: 0px;
    left: 0%;
    margin: 0 auto;
    text-align: center;
    bottom: 0px;
    transform: none;
    line-height: 35px;
    min-width: 140px;
    top: 20px;
    }
    .paymentbox h4 {
        text-align: left;
    }
    .makepayment .bntimg {
        width: 100%;
        display: flex;
        align-items: center;
    }
    .paymentbox {
        margin-bottom: 20px;
        height: 172px;
    }
    .payopt {
        width: 100%;
        margin-bottom: 20px;
        height: 172px;
    }
    .payopt div {
        text-align: left;
        display: block;
        align-items: center;
        position: relative;
    }
    .payopt h6 {
        height: inherit;
        font-size: 18px;
    }
    .payopt .pay_img {
        margin-right: 20px;
        width: 52px;
        height: 52px;
    }
    .payopt.payoptns {
        padding: 20px;
        height: 155px;
    }
    .payopt.payoptns .paycnt {
        display: flex;
        align-items: center;
    }
    .payopt.payoptns .paycnt .pay_img {
        margin-right: 30px;
    }
     .payopt.payoptns .payonebtn {
        left: 50%;
        position: absolute;
        transform: translate(-44%, 0px);
    }
    .evnt_choose_option {
        padding: 0px 15px;
    }
.payopt a {
        margin: 0;
    position: absolute;
    left: 0px;
    top: 20px;
}
    .evnt_choose_option {
        padding-bottom: 80px;
    }
    .evnt_choose_option h5 {
        margin-bottom: 20px;
    }
    .mobilehide {
        display: none !important;
    }
    .member_image.profileimg {
        text-align: left;
        display: flex;
        align-items: center;
    }
    .proin {
        text-align: left;
        margin-left: 20px;
    }
    .profile_update_sec1 .page_sec_white {
        padding: 20px 15px;
    }
    .columnreve {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .upgrade_nw {
        display: flex;
        align-items: center;
        text-align: left;
        padding: 15px;
        margin-top: 0px;
        margin-right: 0px;
            margin-bottom: 20px;
    }
    .couple_sec .avatar-upload {
        padding-right: 0px;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .upgrade_nw h1 {
        font-size: 16px;
        margin: 0px;
        text-align: left;
        line-height: 30px;
    }
    .upgrade_nw p {
        font-size: 12px;
    }
    .image-upload-wrap:after {
        left: calc(100% - 57px);
    }
    a.up_now {
        width: 200px;
        padding: 2px 10px 10px 15px;
        margin-left: 10px;
        font-size: 13px;
        line-height: 30px;
    }
    .couple_sec {
        display: flex;
        flex-direction: column;
    }
    .mobile-memberimage {
        order: 2;
    }
    .couple_sec .cphoto {
        margin-top: 20px;
        order: 3;
    }
    .couple_sec .upgrade_nw {
       
    }
    .orderone {
        order: 2;
    }
    .ordertwo {
        order: 3;
    }
    .orderthree {
        order: 1;
    }
    .contacts_info, .permanent_info, .permanent_info1, .address-info, .offce_info {
        margin-top: 20px;
    }
    form.form_sec1 .emp_inp1 input, form.form_sec1 .emp_inp2 input {
        margin-bottom: 5px;
    }
    form.form_sec1 .emp_inp1 label, form.form_sec1 .emp_inp2 label {
        font-size: 14px !important;
    }
    form.form_sec1 input, form.form_sec1 select, form.form_sec1 textarea {
        border-radius: 4px;
        margin-bottom: 10px;
    }
    /* .cell.large-6.medium-6.salution input {
    padding-left: 70px;
    } */
    form.form_sec1 .cell .form-error {
        position: relative;
    }
    .decskhide {
    }
}
@media only screen and (min-device-width:375px) and (max-device-height:812px) and (orientation:landscape) and (-webkit-device-pixel-ratio:3) {
    .mble-fxed {
        position: fixed;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background: #fff;
        padding: 15px 20px;
        width: 100%;
        -webkit-box-shadow: 0px 0px 20px 0px #878585;
        box-shadow: 0px 0px 20px 0px #878585;
    }
    .mble-fxed .total_clculation {
        color: var(--t_color1);
        font-family: var(--headings-font-family);
        font-size: 16px;
        margin-bottom: 0px;
        text-align: right;
    }
    .mble-fxed .total_clculation span {
        color: var(--t_color1);
        font-family: var(--headings-font-family);
        font-size: 16px;
    }
    .evnt_choose_option {
        padding-bottom: 80px;
    }
}
@media only screen and (min-device-width:360px) and (max-device-height:640px) and (orientation:landscape) and (-webkit-device-pixel-ratio:3) {
    .profile_sec1 .grid-x .cell {
        width: 50%;
    }
    .chnage_pro {
        display: none;
    }
    .family_member.fm_member .contact_info li a {
        margin-bottom: 0px;
    }
    .profile_sec1.profile_sec32 .grid-x .cell {
        width: 100%;
    }
}