@media only screen and (min-width: 1701px) {
    :root {
        --p30: 45px;
        --p40: 55px;
        --regileft: 213px;
        --regidate: 260px;
        --regileftcard: 527px;
        --abstractimg: 411px;
        --comright: 395px;
        --abstractleft: 144px;
        --centarcom: 452px;
    }

    body {
        font-size: 17px;
    }

    .heading {
        margin-bottom: 45px;
    }

    .heading h4 {
        font-size: 48px;
    }

    .heading h2 {
        font-size: 75px;
        line-height: 106px;
    }

    .regi_left {
        gap: 20px;
    }

    .regi_left button {
        font-size: 16px;
    }

    .regi_date h4 {
        font-size: 52px;
    }

    .regi_date h5 {
        font-size: 26px;
    }

    .regi_box a {
        padding: 15px 28px;
        font-size: 17px;
    }

    .regi_box ul {
        gap: 11px;
        /* padding-left: var(--p30); */
    }

    .regi_box ul li {
        font-size: 23px;
        padding-bottom: 17px;
    }

    .regi_right_left {
        /* width: calc(100% - 640px); */
        /* gap: 30px; */
    }

    .regi_right_right {
        /* width: 640px; */
    }

    .counter_zone_right ul li n {
        /* font-size: 48px; */
        /* line-height: 81px; */
    }

    .counter_zone_right ul li i {
        font-size: 20px;
    }

    .counter_zone_right ul {
        /* gap: 20px; */
    }

    .counter_zone_right ul li {
        /* width: 230px; */
        /* height: 145px; */
    }

    .contact-box .heading h2 {
        font-size: 43px;
        line-height: 48px;
        width: 100%;
        text-align: left;
    }

    .contact-box p {
        font-size: 18px;
        gap: 15px;
    }

    #contact {
        /* padding: 0 var(--p40); */
    }

    .msg_left p {
        /* font-size: 17px; */
        /* line-height: 34px; */
        /* padding: 28px; */
    }

    .msg_left .heading {
        /* width: calc(100% + 217px); */
    }

    .msg_left .heading h2 {
        /* font-size: 126px; */
    }

    .ft_logo {
        max-width: 260px;
    }

    .footer_left p {
        gap: 20px;
        margin-top: 20px;
    }

    .footer_left p b {
        font-size: 20px;
    }

    .footer_mid h5 {
        font-size: 20px;
        padding-bottom: 16px;
    }

    .ft_main_ul {
        gap: 10px;
    }

    .ft_main_ul li a {
        font-size: 17px;
    }

    .copy-right {
        font-size: 20px;
    }

    .copy-right a {
        font-size: 19px;
    }

    .flex-about {
        font-size: 18px;
    }

    .abstract_top .abstract_top_right h2 {
        font-size: 53px;
        line-height: 64px;
    }

    .abstract_timeline h4 {
        font-size: 28px;
        margin-bottom: 7px;
    }

    .abstract_timeline h5 {
        font-size: 44px;
    }

    .abstract_timeline_counter {
        margin-top: 25px;
        padding-top: 25px;
    }

    .abstract_timeline_counter ul {
        gap: 10px;
    }

    .abstract_timeline_counter ul li span {
        font-size: 39px;
    }

    .abstract_timeline_counter ul li i {
        font-size: 16px;
    }

    .abstract_timeline_counter ul li {
        padding: 16px;
        width: 112px;
    }

    .abstract_top img {
        /* width: 370px; */
        /* height: 470px; */
    }

    .abstract_top .abstract_top_right {
        /* width: calc(100% - 370px); */
    }

    .abstract_bottom_top_inner h2 {
        font-size: 28px;
    }

    .abstract_bottom_top_inner button {
        font-size: 16px;
        padding: 9px 17px;
    }

    .abstract_bottom {
        /* margin-top: -110px; */
    }

    .abstract_bottom_top {}

    .abstract_bottom_bottom_inner h3 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    #topic h5,
    #category h5,
    #structure h5 {
        font-size: 21px;
    }

    .topics {
        margin: 20px 0;
        gap: 15px;
    }

    .topics li {
        padding-left: 21px;
        font-size: 18px;
    }

    .topics li::before {
        font-size: 9px;
        top: 8px;
    }

    .count_inner ul li h3 {
        font-size: 35px;
        margin-bottom: 8px;
    }

    .count_inner ul li h4 {
        font-size: 20px;
        margin-bottom: 7px;
    }

    .count_inner ul li h5 {
        font-size: 17px !important;
    }

    .structure_content h4 {
        font-size: 22px;
        margin-bottom: 13px;
    }

    .structure_content .structure_content_inner li p {
        font-size: 16px;
    }

    .count_inner p {
        font-size: 17px;
        margin-top: 16px;
    }

    .author_inner ul,
    .spec_wrap {
        gap: 11px;
    }

    .author_inner ul li,
    .spec_wrap li {
        font-size: 17px;
        padding-left: 18px;
    }

    .author_inner ul li::before {
        font-size: 8px;
        top: 8px;
    }

    .author_inner h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .abstract_left button {
        font-size: 18px;
        line-height: 21px;
    }

    .banner-left h5 {
        font-size: 23px;
    }

    .banner-left h2 {
        font-size: 90px;
        line-height: 66px;
    }

    .banner-left h4 {
        font-size: 40px;
        margin-bottom: 16px;
    }

    .banner-right p {
        /* margin-bottom: 19px; */
        font-size: 28px;
    }

    .banner_a {
        padding: 14px 27px;
        font-size: 16px;
    }

    .abstract_btm_rt h5 {
        font-size: 45px;
    }

    .abstract_btm_rt ul li n {
        font-size: 59px;
        line-height: 65px;
    }

    .abstract_btm_rt ul li i {
        font-size: 24px;
    }

    .abstract_btm_rt ul g {
        font-size: 59px;
    }

    .abstract_btm_rt ul {
        gap: 30px;
    }

    .abs_btn_wrap a,
    .central_com_head_right a {
        padding: 16px 37px;
        font-size: 18px;
    }

    .abstract_date li span {
        font-size: 45px;
    }

    .abstract_date li p {
        font-size: 85px;
        line-height: 80px;
    }

    .flex-about h4 {
        font-size: 24px;
        line-height: 31px;
    }

    .flex-about h5 {
        font-size: 18px;
    }

    .flex-about p {
        font-size: 18px;
    }


    .utility_wrap li {
        font-size: 16px;
        line-height: 21px;
    }

    .utility_wrap li img {
        /* min-width: 60px; */
        /* height: 60px; */
        /* margin-right: 17px; */
    }

    .utility_wrap {
        /* gap: 15px; */
    }

    .utility_wrap h5 {
        font-size: 40px;
    }

    .counter_zone_left h5 {
        font-size: 24px;
    }

    .counter_zone_left h4 {
        font-size: 75px;
    }

    .counter_zone_left img {
        width: 80px;
        height: 80px;
    }

    .regi_right .heading h2 {
        /* font-size: 110px; */
        /* margin-left: -86px; */
        /* margin-top: -81px; */
    }

    .footer_left h6 {
        font-size: 23px;
    }

    .footer_left p b:first-child {
        padding-right: 20px;
    }

    .ft_contact {
        gap: 30px;
    }

    .ft_contact li i {
        width: 60px;
        height: 60px;
    }

    .ft_contact li span {
        font-size: 20px;
        width: calc(100% - 75px);
    }

    .abstract_btm_rt img {
        height: 383px;
    }

    .msg_left p::before,
    .msg_left p::after {
        width: 70px;
        height: 70px;
    }

    .contact-box .heading {
        justify-content: start;
        align-items: start;
    }

    .banner-right p b:first-child {
        font-size: 33px;
    }

    .banner-right p b:first-child i {
        font-size: 28px;
    }

    .com_top_right .committee_box h5 {
        font-size: 25px;
        margin-bottom: 5px;
    }

    .com_top_right .committee_box h6 {
        font-size: 20px;
    }

    .central_com_btm .committee_box h5 {
        font-size: 24px;
    }

    .central_com_btm .committee_box h6 {
        font-size: 22px;
    }

    .patron_left .committee_box h5 {
        font-size: 25px;
    }

    .patron_right h3 {
        font-size: 53px;
    }

    .patron_right p {
        font-size: 23px;
    }

    .swiper {
        /* aspect-ratio: 2 / 2.8; */
    }

    .abstract_btm_rt {
        width: calc(40% - 30px);
    }

    .abstract_btm_rt img {
        height: 321px;
    }

    .com_top_left h2 {
        font-size: 250px;
        line-height: 237px;
    }

    .com_btn_wrap a img {
        width: 80px;
        height: 80px;
    }

    .com_btn_wrap a {
        padding: 25px;
        gap: 15px;
        font-size: 20px;
    }

    .patron_left .committee_box .com_name_box,
    .central_com_btm .committee_box .com_name_box {
        /* padding: 18px; */
    }

    .com_top_right .committee_box .com_name_box {
        padding: 13px 16px;
    }

    .com_shap1 {
        width: 260px;
    }

    .com_shap2 {
        width: 250px;
    }

    .sc_com_left a {
        font-size: 19px;
    }

    .sc_com_rt_box h3 {
        font-size: 47px;
    }

    .sc_com_rt_box h4 {
        padding: 16px;
        font-size: 27px;
    }

    .sc_com_rt_box {
        gap: 29px;
        margin-bottom: 29px;
    }

    .sc_com_text h2 {
        font-size: 156px;
        line-height: 121px;
    }

    .counter_zone_right ul li {
        width: 155px;
        height: 155px;
    }

    .counter_zone_right {
        width: 676px;
    }

    .venue_image_wrap {
        width: 447px;
        padding: 21px;
    }

    .venue_image_wrap h5 {
        font-size: 43px;
    }

    .venue_image_wrap h5 i {
        font-size: 62px;
    }

    .vene_name {
        font-size: 65px;
        line-height: 52px;
    }

    .load_modal_box {
        width: 1000px;
    }

    .bannerh5 {
        font-size: 28px;
    }

    .load_logo {
        width: 500px;
    }

    .load_modal_box p {
        font-size: 22px;
    }

    .load_modal_box h6 {
        font-size: 20px;
    }

    .load_aiges {
        width: 350px;
    }

    .load_modal_box button {
        font-size: 18px;
        padding: 12px 22px;
    }

    .msg_img {
        width: 250px;
    }

    .msg_box h3 {
        font-size: 42px;
        margin-top: 14px;
    }

    .msg_box h6 {
        font-size: 18px;
    }

    .msg_box p {
        font-size: 18px;
    }

    .msg_box h4 {
        margin-bottom: 15px;
        font-size: 31px;
    }

    .msg_box h5 {
        gap: 14px;
        font-size: 21px;
    }

    .central_com_wrap {
        width: 1170px;
    }

    .central_com_btm {
        gap: 42px;
    }

    .regi_box li span {
        min-width: 127px;
    }

    .fxd_btn {
        padding: 21px 13px;
        font-size: 16px;
    }

    .sc_com_rt_box h4 b {
        gap: 6px;
    }

    .sc_com_rt_box h4 b i {
        font-size: 16px;
    }

    .sc_com_rt_box h4 span {
        height: 50px;
        min-width: 50px;
        max-width: 50px;
        font-size: 18px;
    }

    .vnu_name_box h4 {
        font-size: 23px;
        margin-top: 7px;
    }

    .key_wrap {
        gap: 12px;
        font-size: 19px;
    }

    .regi_right_left n {
        padding: 12px;
        line-height: 25px;
        font-size: 22px;
    }
}


@media only screen and (min-width: 1500px) and (max-width: 1700px) {}

@media only screen and (min-width: 1000px) and (max-width: 1300px) {
    :root {
        --p30: 15px;
        --p40: 18px;
        --regileft: 103px;
        --regileftcard: 237px;
    }

    .heading {
        /* margin-bottom: 15px; */
    }

    .heading h4 {
        font-size: 37px;
    }

    .heading h2 {
        line-height: 66px;
        font-size: 60px;
    }

    .registration_wrap {
        /* justify-content: start; */
        /* flex-direction: column-reverse; */
        /* gap: var(--p40); */
        /* padding: 12px; */
    }

    .regi_left {
        /* width: 100%; */
        /* height: auto; */
        /* position: unset; */
    }

    .regi_right,
    .regi_box {
        /* flex-direction: column; */
    }

    .regi_right {
        /* width: 100%; */
        /* border-radius: 10px; */
    }

    .regi_right .heading {
        /* margin-bottom: 0; */
    }

    .regi_right .heading h2 {
        /* font-size: 70px; */
        /* margin-left: -39px; */
        /* margin-top: -18px; */
    }


    .regi_right_left {
        /* width: 100%; */
        gap: var(--p30);
    }

    .regi_date,
    .regi_box ul {
        width: 100%;
        padding-left: 0;
        border: 0;
    }

    .regi_date {
        /* flex-direction: row; */
        /* align-items: center; */
        /* margin-bottom: var(--p30); */
    }

    .regi_date h4 {
        font-size: 30px;
    }

    .regi_date h5,
    .regi_box ul li {
        font-size: 14px;
    }

    .regi_box a {
        padding: 9px 15px;
        font-size: 11px;
    }

    .regi_right_right {
        /* width: 100%; */
        /* position: unset; */
        border-radius: 10px;
    }

    .regi_right_left {
        /* width: calc(100% - 263px); */
    }

    .regi_right_right {
        /* width: 263px; */
    }

    .counter_zone_right ul {
        /* justify-content: start; */
        gap: 7px;
        justify-content: end;
    }

    .counter_zone_right ul li {
        width: 69px;
        height: 69px;
        padding: 0 7px;
    }

    .counter_zone_right ul li n {
        font-size: 20px;
        line-height: 27px;
    }

    .counter_zone_right ul li i {
        font-size: 11px;
    }

    .counter_zone_left h5 {
        font-size: 16px;
    }

    .counter_zone_left h4 {
        font-size: 38px;
    }

    .counter_zone_left img {
        width: 47px;
        height: 47px;
    }

    .counter_zone_left {
        gap: 5px;
    }

    .regi_left button {
        font-size: 10px;
    }

    .msg_wrap {
        flex-wrap: wrap;
    }

    .msg_left {
        /* width: 100%; */
        /* padding: var(--p40) 12px; */
    }

    .msg_left .heading {
        /* width: 100%; */
    }

    .msg_left .heading h2 {
        font-size: 64px;
    }

    .msg_left p {
        font-size: 13px;
        line-height: 23px;
    }

    .msg_mid {
        /* width: 40%; */
    }

    .msg_mid img {
        /* height: 86vh; */
        /* margin-right: -57px; */
    }

    .msg_right {
        /* width: 60%; */
    }

    .abstract_wrap {
        padding: var(--p40) 12px;
        /* padding-top: 110px; */
    }

    .abstract_bottom {
        /* margin-top: -58px; */
    }

    .abstract_bottom_top {
        /* padding-left: 243px; */
    }

    .abstract_top .abstract_top_right h2 {
        /* margin-bottom: 10px; */
        font-size: 30px;
    }

    .abstract_timeline {
        /* flex-direction: column; */
    }

    .abstract_bottom_top_inner {

        gap: 10px;
        align-items: center;
    }

    .abstract_bottom_top_inner button {
        font-size: 8px;
        padding: 7px 9px;
    }

    .abstract_bottom_top_inner h2 {
        font-size: 18px;
    }

    .topics li {
        padding-left: 13px;
        font-size: 13px;
    }

    .topics li::before {
        font-size: 6px;
        top: 5px;
    }

    .topics {
        gap: 5px;
    }

    #topic h5,
    #category h5,
    #structure h5 {
        font-size: 15px;
    }

    .abstract_bottom_bottom_inner h3 {
        font-size: 20px;
        margin-bottom: 4px;
    }

    #topic p,
    #category p {
        margin-bottom: 0;
        font-size: 14px;
    }

    .structure_content {
        margin: 15px 0;
        gap: var(--p30);
    }

    .structure_content li {
        width: 100%;
    }

    .structure_content h4 {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .structure_content .structure_content_inner li p {
        font-size: 12px;
    }

    .count_inner ul {
        flex-direction: column;
    }

    .count_inner ul li {
        padding: 0;
    }

    .count_inner ul li:nth-child(2) {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #d1d1d17d;
        border-bottom: 1px solid #d1d1d17d;
        padding: var(--p30) 0;
        margin: var(--p30) 0;
    }

    .count_inner ul li h3 {
        font-size: 20px;
        margin-bottom: 2px;
    }

    .count_inner ul li h4 {
        font-size: 15px;
        margin-bottom: 3px;
    }

    .count_inner ul li h5 {
        font-size: 11px !important;
    }

    .count_inner p {
        font-size: 12px;
    }

    .author_inner ul li,
    .spec_wrap li {
        font-size: 13px;
        padding-left: 11px;
    }

    .author_inner ul li::before {
        font-size: 5px;
        top: 6px;
    }


    .d-mob {
        display: none;
    }

    .abstract_top img {
        /* width: 200px; */
        /* height: 268px; */
    }

    .abstract_top .abstract_top_right {
        /* width: calc(100% - 200px); */
    }

    .contact-box {
        gap: 15px;
    }

    .contact-box .heading h2 {
        font-size: 15px;
        line-height: 32px;
    }

    .contact-box p {
        font-size: 12px;
        gap: 8px;
        margin-top: 8px;
    }

    .counter_zone_right ul li {
        width: 90px;
        height: 90px;
    }

    footer {
        gap: 15px;
    }

    .footer_mid h5 {
        font-size: 16px;
        padding-bottom: 8px;
    }

    .ft_main_ul {
        gap: 4px;
    }

    .ft_main_ul li a {
        font-size: 13px;
    }

    .copy-right {
        font-size: 14px;
    }

    .copy-right a {
        font-size: 12px;
    }

    .footer_left p b {
        font-size: 15px;
    }

    .footer_left p {
        gap: 3px;
        margin-top: 12px;
    }





    .banner-left h2 {
        font-size: 54px;
    }

    .banner-left h5 {
        font-size: 14px;
    }

    .banner-right p {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .banner-right p b i {
        font-size: 17px;
        margin-right: 10px;
    }

    .banner_a {
        padding: 10px 17px;
        font-size: 12px;
    }

    .flex-about h4 {
        font-size: 25px;
        line-height: 26px;
    }

    .flex-about h4 {
        font-size: 21px;
        line-height: 22px;
    }

    .flex-about h5 {
        font-size: 14px;
    }

    .flex-title {
        /* height: 40%; */
    }



    .contact_head {
        margin-top: -21px;
    }

    .abstract_date li p {
        font-size: 50px;
        line-height: 51px;
    }

    .abstract_date li span {
        font-size: 22px;
    }

    .abstract_btm_rt ul li n {
        font-size: 37px;
        line-height: 41px;
    }

    .abstract_btm_rt ul li i {
        font-size: 15px;
    }

    .abstract_btm_rt ul g {
        font-size: 37px;
    }

    .abstract_btm_rt h5 {
        margin-bottom: 16px;
        font-size: 26px;
    }

    .abs_btn_wrap {
        margin-top: 25px;
    }

    .abstract_btm_rt img {
        position: absolute;
        height: 180px;
    }

    .abstract_btm {
        margin-top: -132px;
    }

    .abstract_btm_rt ul {
        gap: 15px;
    }

    .ft_contact li span {
        font-size: 12px;
        width: calc(100% - 50px);
    }

    .ft_contact li i {
        width: 40px;
        height: 40px;
    }

    .banner-left,
    .banner-right {
        width: 41%;
    }

    .com_top_right .committee_box h5 {
        font-size: 16px;
    }

    .com_top_right .committee_box h6 {
        font-size: 11px;
    }

    .central_com_btm .committee_box h5 {
        font-size: 16px;
    }

    .central_com_btm .committee_box h6 {
        font-size: 13px;
    }

    .patron_left .committee_box h5 {
        font-size: 14px;
    }

    .patron_right h3 {
        /* font-size: 28px; */
    }

    .patron_right p {
        font-size: 16px;
    }

    .com_btn_wrap a {
        padding: 11px;
        gap: 12px;
        font-size: 14px;
    }

    .com_btn_wrap {
        gap: 10px;
    }

    .central_com_btm .committee_box .com_img_box img,
    .patron_left .committee_box .com_img_box img {
        margin-top: -13px;
    }

    .sc_com_left {
        padding: 8px;
    }

    .sc_com_left a {
        font-size: 13px;
        padding: 6px;
    }

    .sc_com_text h2 {
        font-size: 86px;
        line-height: 68px;
    }

    .sc_com_rt_box h3 {
        font-size: 32px;
    }

    .sc_com_rt_box h4 {
        padding: 0 8px 8px 8px;
        font-size: 16px;
    }

    .sc_com_rt_box h4::before {
        height: calc(100% + 4px);
        width: 2px;
    }

    .sc_com_rt_box h4::after {
        height: 2px;
        width: calc(100% + 4px);
    }

    .sc_com_rt_box {
        gap: 18px;
    }

    .com_top_left h2 {
        line-height: 156px;
        font-size: 170px;
    }

    .com_shap2 {
        width: 150px;
    }

    .contatc_right img:last-child {

        right: -19px;
        bottom: -19px;
    }

    .flex-about p {
        font-size: 13px;
    }

    .utility_wrap li {
        font-size: 10px;
        line-height: 14px;
    }

    .abstract_timeline div:first-child::before {
        right: -9px;
    }

}

@media only screen and (min-width: 300px) and (max-width: 999px) {
    :root {
        --p30: 15px;
        --p40: 18px;
        --comright: 227px;
        --centarcom: 290px;
        --centarcomgap: 30px;
    }

    .heading {
        margin-bottom: 8px;
    }

    .heading h4 {
        font-size: 27px;
    }

    .heading h2 {
        line-height: 40px;
        font-size: 36px;
    }

    .registration_wrap {
        justify-content: start;
        flex-direction: column-reverse;
        gap: var(--p40);
        padding: var(--p40) 12px;
    }

    .regi_left {
        width: 100%;
        height: auto;
        position: unset;
        flex-direction: row;
        border-top: 1px solid #ffffff24;
        padding-top: 15px;
    }

    .regi_right,
    .regi_box {
        flex-direction: column;
    }

    .regi_right {
        width: 100%;
        border-radius: 10px;
        padding-left: 0;
        border: 0;
    }

    .regi_right .heading {
        /* margin-bottom: 0; */
    }

    .regi_right .heading h2 {
        /* font-size: 42px; */
        /* margin-left: -47px; */
        /* margin-top: -24px; */
    }


    .regi_right_left {
        /* width: 75%; */
        gap: var(--p30);
        padding-right: 0;
        margin: auto;
        padding-left: calc(var(--p40) * 2);
    }

    .regi_date,
    .regi_box ul {
        width: 100%;
        padding-left: 0;
        border: 0;
        margin-top: 4px;
    }

    .regi_date {
        flex-direction: row;
        align-items: center;
        /* margin-bottom: var(--p30); */
    }

    .regi_date h4 {
        font-size: 28px;
    }

    .regi_date h5,
    .regi_box ul li {
        font-size: 12px;
    }

    .regi_box a {
        padding: 9px 15px;
        font-size: 11px;
    }

    .regi_right_right {
        /* width: 100%; */
        position: unset;
        border-radius: 10px;
        /* padding: var(--p40) 12px; */
        padding-top: var(--p40);
    }

    .counter_zone_right ul {
        justify-content: end;
        gap: 7px;
    }

    .counter_zone_right ul li {
        width: 69px;
        height: 69px;
        padding: 0 7px;
    }

    .counter_zone_right ul li n {
        font-size: 18px;
        line-height: 26px;
    }

    .counter_zone_right ul li i {
        font-size: 10px;
    }

    .counter_zone_left h5 {
        font-size: 14px;
    }

    .counter_zone_left h4 {
        font-size: 35px;
    }

    .counter_zone_left img {
        width: 47px;
        height: 47px;
    }

    .counter_zone_left {
        gap: 4px;
    }

    .regi_left button {
        /* font-size: 14px; */
        flex-direction: row;
        width: max-content;
        justify-content: center;
    }

    .regi_left button img {
        width: 40px;
    }

    .msg_wrap {
        flex-wrap: wrap;
        padding: var(--p40) 12px;
    }

    .msg_left {
        /* width: 70%; */
        /* padding: var(--p40) 12px; */
    }

    .msg_left .heading {
        width: 100%;
    }

    .msg_left .heading h2 {
        font-size: 38px;
    }

    .msg_left p {
        font-size: 12px;
        /* line-height: 19px; */
        /* padding: 14px; */
    }

    .msg_mid {
        width: 30%;
    }

    .msg_mid img {
        /* height: auto; */
        /* margin-right: 0; */
        /* width: 100%; */
        width: calc(100% + 20px);
    }

    .msg_right {
        width: 60%;
    }

    .contact-box {
        flex-direction: column;
        gap: 15px;
    }

    .contact-box .heading {
        width: 100%;
    }

    .contact-box .heading h2 {
        font-size: 15px;
        line-height: 20px;
    }

    .contact-box p {
        font-size: 12px;
        gap: 8px;
        margin-top: 8px;
    }

    footer {
        flex-direction: column;
        gap: 15px;
    }

    .footer_left,
    .footer_mid,
    .footer_right {
        width: 100%;
    }

    .footer_mid h5 {
        font-size: 16px;
        padding-bottom: 8px;
    }

    .ft_main_ul {
        gap: 4px;
    }

    .ft_main_ul li a {
        font-size: 13px;
    }

    .copy-right {
        font-size: 14px;
    }

    .copy-right a {
        font-size: 12px;
    }

    .footer_left p b {
        font-size: 15px;
    }

    .footer_left p {
        gap: 3px;
        margin-top: 12px;
    }



    .flex-title {}

    .flex-slide {
        /* height: 108px; */
        /* padding: var(--p40); */
        /* transition: .5s; */
        /* display: flex; */
        width: 48%;
        flex: unset;
    }

    .flex-slide.open {
        height: auto;
        transition: .5s;
    }

    .flex-about {
        position: relative;
        padding: 0;
    }

    .flex-slide:hover {
        -webkit-flex-grow: unset;
        flex-grow: unset;
    }

    .flex-about-home {
        opacity: 1;
        display: none;
    }

    .abstract_date li span {
        font-size: 18px;
    }

    .abstract_date li p {
        font-size: 38px;
        line-height: 39px;
    }

    .abstract_date {
        gap: 40px;
    }

    .abstract_date li:first-child::before {
        width: 2px;
        right: -21px;
    }

    .abstract_btm {
        margin-top: -70px;
    }

    .abstract_btm_rt h5 {
        margin-bottom: 12px;
        font-size: 24px;
    }

    .abstract_btm_rt ul {
        gap: 10px;
    }

    .abstract_btm_rt ul li n {
        font-size: 34px;
        line-height: 39px;
    }

    .abstract_btm_rt ul li i {
        font-size: 15px;
    }

    .abstract_btm_rt ul g {

        font-size: 30px;
    }

    .abs_btn_wrap {
        margin-top: 16px;
        gap: 6px;
    }

    .abs_btn_wrap a,
    .central_com_head_right a {
        background: #1D5F9C;
        padding: 9px 18px;
        font-size: 12px;
    }

    .msg_left p::before,
    .msg_left p::after {
        width: 30px;
        height: 30px;
    }

    .banner_wrap {
        height: calc(54vh - var(--headerheight));
    }

    .central_com_btm .committee_box h5 {
        font-size: 16px;
    }

    .central_com_btm .committee_box h6 {
        font-size: 13px;
    }

    .patron_left .committee_box h5 {
        font-size: 13px;
    }

    .patron_right h3 {
        font-size: 28px;
    }

    .patron_right p {
        font-size: 12px;
    }

    .com_top_wrap {
        /* flex-direction: column; */
        /* align-items: center; */
    }

    .com_top_right .committee_box h5 {
        font-size: 13px;
    }

    .com_top_right .committee_box h6 {
        font-size: 10px;
    }

    .com_top_right {
        width: 74%;
    }

    .com_top_left {
        width: 26%;
    }

    .central_com_btm .committee_box:hover {
        flex-grow: 1;
        transition: all 500ms ease;
    }

    .com_btn_wrap a {
        padding: 15px;
        gap: 13px;
        font-size: 14px;
        line-height: 17px;
    }

    .com_top_left h2 {
        font-size: 97px;
        line-height: 97px;
    }

    .sc_com_left a {
        font-size: 11px;
        padding: 5px;
    }

    .sc_com_left {
        /* padding: 8px; */
    }

    .sc_com_text h2 {
        font-size: 75px;
        line-height: 59px;
    }

    .sc_com_rt_box h3 {
        font-size: 24px;
    }

    .sc_com_rt_box {
        gap: 8px;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 8px;
    }

    .sc_com_rt_box h4 {
        /* padding: 0 8px 8px 8px; */
        font-size: 14px;
    }

    .sc_com_rt_box h4::before {
        height: calc(100% + 4px);
        width: 2px;
    }

    .sc_com_rt_box h4::after {
        height: 2px;
        width: calc(100% + 4px);
    }

    .com_shap2 {
        width: 140px;
    }

    .com_shap1 {
        width: 90px;
        right: 25px;
        bottom: -25px;
    }

    .regi_left {
        position: relative;
        padding-right: 0;
        top: unset;
    }

    .regi_left_pop_inner {
        height: 80vh;
        width: 94vw;
        top: unset;
        bottom: 100%;
    }

    .regi_left_pop_inner.open {
        left: 50%;
        transform: translateX(-50%);
    }

    .regi_left_pop {
        position: unset;
    }

    .regi_left button::before {
        border-bottom: 0;
        border-left: 20px solid #d54349;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #d54349;
        bottom: calc(100% + 4px);
        top: unset;
    }

    .regi_left.open button.open::before {
        right: unset;
        left: 50%;
        transform: translateX(-50%);
    }

    .regi_box.spot_regi {
        /* margin-top: -30px; */
    }

    .msg_mid .heading h2 {
        font-size: 38px;
        line-height: 40px;
    }

    .flex-slide span i::before,
    .flex-slide span i::after {
        width: 74%;
    }

    .flex-slide span i {
        font-size: 10px;
    }

    .msg_box p {
        font-size: 12px;
        width: 100%;
    }

    .msg_box h3 {
        font-size: 28px;
        margin-top: 6px;
    }

    .msg_box h6 {
        font-size: 13px;
    }

    .msg_box h4 {
        margin-bottom: 11px;
        font-size: 16px;
    }

    .msg_box.msg_left h4 {
        width: 100%;
    }

    .msg_box h5 {
        gap: 8px;
        font-size: 13px;
        width: 100%;
    }

    .msg_img {
        width: 155px;
    }

    .central_com_wrap {
        width: 87%;
    }

    .central_com_btm {
        gap: 16px;
    }

    .central_com_head_bottom a {
        padding: 10px var(--p30);
    }

    .load_modal_box {
        width: 685px;
    }

    .vene_name {
        font-size: 28px;
    }

    .vnu_name_box h4 {
        font-size: 14px;
    }

    .key_wrap {
        font-size: 13px;
    }

    .venue_inner {
        width: 90%;
        margin: auto;
        padding-bottom: calc(var(--p40) * 2);
    }

    .venue_image_wrap {
        min-width: 266px;
        max-width: 328px;
    }

    .vnu_bk {
        left: -18px;
        top: 18px;
    }

    .venue_img-box {
        padding: 11px;
        padding-bottom: 0;
    }

    .venue_image_wrap h5 {
        font-size: 26px;
        padding: 11px;
        padding-top: 0;
    }

    .venue_image_wrap h5 b {
        margin-right: 13px;
    }

    .venue_image_wrap h5 i {
        font-size: 38px;
    }

    .vnu_com {
        width: 128px;
        right: -7px;
        bottom: -41px;
    }
    .regi_right_left n {
        padding: 7px;
        line-height: 15px;
        font-size: 13px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 999px) {
    :root {
        --regileftcard: 318px;
        --abstractleft: 90px;
        --abstractimg: 200px;
    }

    .regi_right_left {
        /* width: calc(100% - 263px); */
    }

    .regi_right_right {
        /* width: 263px; */
    }

    .regi_right,
    .regi_box {
        flex-direction: row;
    }

    .regi_date {
        flex-direction: column;
        align-items: start;
        margin-bottom: 0;
    }

    .counter_zone_right ul li {
        height: 80px;
        width: 80px;
    }

    .regi_right .heading h2 {
        /* font-size: 63px; */
        /* margin-left: -24px; */
        /* margin-top: -15px; */
    }

    .regi_left {
        flex-direction: row;
    }

    .msg_left {
        /* width: 50%; */
    }

    .msg_mid {
        /* width: 27%; */
    }

    .msg_right {
        width: 23%;
    }

    .msg_mid img {
        /* height: 89vh; */
        /* margin-right: -65px; */
        /* width: max-content; */
    }

    .msg_left .heading h2 {
        font-size: 49px;
    }

    .msg_left .heading {
        /* width: calc(100% + 100px); */
    }

    footer {
        /* flex-direction: row; */
    }

    .footer_left,
    .footer_mid {
        /* width: 40%; */
    }

    .footer_right {
        width: 20%;
    }

    .contact-box {
        flex-direction: row;
    }

    .contact-box .heading {
        width: 32%;
    }

    .flex-slide {
        /* height: 100%; */
    }

    .abstract_wrap {
        padding: var(--p40) 12px;
        /* padding-top: 110px; */
    }

    .abstract_bottom {
        margin-top: 20px;
    }

    .abstract_bottom_top {
        padding-left: 0;
    }

    .abstract_top .abstract_top_right h2 {
        margin-bottom: 0;
        font-size: 30px;
    }

    /* .abstract_timeline {
        flex-direction: column;
    } */
    .abstract_timeline div:first-child::before {
        right: -9px;
    }

    .abstract_bottom_top_inner {

        gap: 10px;
        align-items: center;
    }

    .abstract_bottom_top_inner button {
        font-size: 8px;
        padding: 7px 9px;
    }

    .abstract_bottom_top_inner h2 {
        font-size: 18px;
    }

    .topics li {
        padding-left: 13px;
        font-size: 13px;
    }

    .topics li::before {
        font-size: 6px;
        top: 5px;
    }

    .topics {
        gap: 5px;
    }

    #topic h5,
    #category h5,
    #structure h5 {
        font-size: 15px;
    }

    .abstract_bottom_bottom_inner h3 {
        font-size: 20px;
        margin-bottom: 4px;
    }

    #topic p,
    #category p {
        margin-bottom: 0;
        font-size: 14px;
    }

    .structure_content {
        margin: 15px 0;
        gap: var(--p30);
    }

    .structure_content li {
        width: 100%;
    }

    .structure_content h4 {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .structure_content .structure_content_inner li p {
        font-size: 12px;
    }

    .count_inner ul {
        flex-direction: column;
    }

    .count_inner ul li {
        padding: 0;
    }

    .count_inner ul li:nth-child(2) {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #d1d1d17d;
        border-bottom: 1px solid #d1d1d17d;
        padding: var(--p30) 0;
        margin: var(--p30) 0;
    }

    .count_inner ul li h3 {
        font-size: 20px;
        margin-bottom: 2px;
    }

    .count_inner ul li h4 {
        font-size: 15px;
        margin-bottom: 3px;
    }

    .count_inner ul li h5 {
        font-size: 11px !important;
    }

    .count_inner p {
        font-size: 12px;
    }

    .author_inner ul li,
    .spec_wrap li {
        font-size: 13px;
        padding-left: 11px;
    }

    .author_inner ul li::before {
        font-size: 5px;
        top: 6px;
    }

    .d-mob {
        display: none;
    }



    .abstract_top .abstract_top_right {
        width: calc(100% - 200px);
    }

    .regi_left_pop_box {
        width: 80%;
    }

    .flex-about h4 {
        font-size: 25px;
        line-height: 26px;
    }

    .flex-about h4 {
        font-size: 16px;
        line-height: 19px;
    }

    .flex-about h5 {
        font-size: 11px;
    }

    .flex-title {
        /* height: 40%; */
    }



    .banner-left h4 {
        font-size: 20px;
    }

    .banner-left h2 {
        font-size: 44px;
    }

    .banner-left h5 {
        font-size: 13px;
    }

    .banner-right p {
        margin-bottom: 8px;
        font-size: 14px;
    }

    .banner-right p b i {
        font-size: 14px;
        margin-right: 8px;
    }

    .banner_a {
        padding: 9px 14px;
        font-size: 11px;
    }

    .ft_contact li {
        gap: 10px;
        width: max-content;
        max-width: 45%;
    }

    .ft_contact li i {
        width: 30px;
        height: 30px;
    }

    .ft_contact li span {
        font-size: 12px;
        width: calc(100% - 40px);
    }

    .footer_left h6 {
        font-size: 16px;
    }

    .contact-box {
        padding: 11vh 0 11vh 0;
    }

    .contact-element {
        height: 42vh;
    }

    .contact_head {
        font-size: 72px;
        margin-top: -14px;
    }

    .abstract_btm_rt img {
        height: 112px;
    }

    .content .section {
        padding-top: 55px;
    }

    .banner-left,
    .banner-right {
        width: 45%;
    }

    .banner-right p b:first-child {
        font-size: 20px;
    }

    .banner-right p b:first-child i {
        font-size: 19px;
    }

    .central_com_btm .committee_box .com_img_box img,
    .patron_left .committee_box .com_img_box img {
        margin-top: -14px;
    }

    .contatc_right img:last-child {
        right: -20px;
        bottom: -20px;
    }

    .abs_ele_1 {
        height: 43vh;
    }

    .abstract_btm_rt {
        width: calc(42% - 30px);
    }

    .flex-about p {
        font-size: 13px;
    }

    .flex-container {
        /* position: absolute; */
        width: 100%;
        padding: var(--p40) 12px;
    }


    .regi_box {
        flex-direction: column;
    }

    .utility_wrap li {
        font-size: 10px;
        line-height: 14px;
        flex: unset;
        width: 25%;
    }

    .utility_wrap {
        gap: 5px;
        justify-content: start;
    }

    .abstract_left button {
        font-size: 11px;
        line-height: 13px;
    }

    .abstract_top_right .heading {
        margin-bottom: 0;
    }

    .abstract_timeline_counter ul li span {
        font-size: 20px;
    }

    .abstract_timeline_counter ul li i {
        font-size: 10px;
    }

    .suggetion_body {
        width: 98%;
        padding: 20px;
    }

    .suggeation_header,
    .suggeation_footer {
        width: 98%;
        padding: 10px 20px;
    }

    .load_modal_box {
        width: 700px;
    }

    .patron_right {
        width: 43%;
    }

    .patron_left {
        width: 57%;
    }

    .com_btn_wrap .heading h2 {
        font-size: 28px;
    }

    

}

@media only screen and (min-width: 300px) and (max-width: 767px) {
    .abstract_wrap {
        padding: var(--p40) 12px;
        /* padding-top: 110px; */
        flex-direction: column;
    }

    .abstract_left {
        width: 100%;
        flex-direction: row;
        height: auto;
        position: unset;
        border-right: 0;
        border-bottom: 1px solid #48120e26;
        margin-bottom: var(--p40);
    }

    .abstract_right {
        width: 100%;
        padding-left: 0;
    }

    .abstract_top {
        flex-direction: column;
        padding: 0;
        align-items: center;
    }

    .abstract_bottom {
        margin-top: 20px;
    }

    .abstract_bottom_top {
        padding-left: 0;
    }

    .abstract_top .abstract_top_right {
        width: 100%;
        padding-left: 0;
        margin-top: var(--p40);
    }

    .abstract_top .abstract_top_right h2 {
        margin-bottom: 10px;
        font-size: 30px;
    }

    .abstract_timeline {
        /* flex-direction: column; */
        gap: 20px;
    }

    .abstract_bottom_top_inner {
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }

    .abstract_bottom_top_inner button {
        font-size: 8px;
        padding: 7px 9px;
    }

    .abstract_bottom_top_inner h2 {
        font-size: 18px;
    }

    .topics li {
        padding-left: 13px;
        font-size: 13px;
    }

    .topics li::before {
        font-size: 6px;
        top: 5px;
    }

    .topics {
        gap: 5px;
    }

    #topic h5,
    #category h5,
    #structure h5 {
        font-size: 15px;
    }

    .abstract_bottom_bottom_inner h3 {
        font-size: 20px;
        margin-bottom: 4px;
    }

    #topic p,
    #category p {
        margin-bottom: 0;
        font-size: 14px;
    }

    .structure_content {
        margin: 15px 0;
        gap: var(--p30);
    }

    .structure_content li {
        width: 100%;
    }

    .structure_content h4 {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .structure_content .structure_content_inner li p {
        font-size: 12px;
    }

    .count_inner ul {
        flex-direction: column;
    }

    .count_inner ul li {
        padding: 0;
    }

    .count_inner ul li:nth-child(2) {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #d1d1d17d;
        border-bottom: 1px solid #d1d1d17d;
        padding: var(--p30) 0;
        margin: var(--p30) 0;
    }

    .count_inner ul li h3 {
        font-size: 20px;
        margin-bottom: 2px;
    }

    .count_inner ul li h4 {
        font-size: 15px;
        margin-bottom: 3px;
    }

    .count_inner ul li h5 {
        font-size: 11px !important;
    }

    .count_inner p {
        font-size: 12px;
    }

    .author_inner ul li,
    .spec_wrap li {
        font-size: 13px;
        padding-left: 11px;
    }

    .author_inner ul li::before {
        font-size: 5px;
        top: 6px;
    }

    .abstract_left button {
        padding-right: 0;
        padding-bottom: var(--p30);
        width: 88px;
        font-size: 11px;
        line-height: 14px;
    }

    .abstract_left button::before {
        top: inherit;
        height: 0;
        width: 100%;
        bottom: 0;
        border-top-right-radius: 6px;
        border-bottom-left-radius: 0;
    }

    .abstract_left button.active::before,
    .abstract_left button:hover::before {
        width: 100%;
        height: 5px;
        opacity: 1;
        visibility: visible;
        transition: .5s;
    }



    .d-dek {
        display: none;
    }

    .d-mob {
        display: flex;
    }

    .regi_left_pop_box {
        width: 90%;
    }

    .regi_left_pop_inner h5 {
        font-size: 16px;
        width: 80%;
    }

    .regi_left_pop_inner p,
    .regi_left_pop_inner ul li,
    .regi_left_pop_inner table {
        font-size: 11px;
    }

    .regi_left_pop_box button {
        top: 4px;
        right: 14px;
    }

    .regi_left_pop_box {
        border-radius: 10px;
    }

    .flex-about {
        padding: 0;
        gap: 4px;
    }

    .flex-title {
        /* height: auto; */
        /* transform: translateX(0%); */
        /* left: 0; */
        /* width: 126px; */
    }

    .flex-about h4 {
        font-size: 15px !important;
        line-height: 17px !important;
        margin-bottom: 0;
    }

    .flex-about h5 {
        font-size: 10px !important;
    }

    .banner_wrap {
        padding-top: 17px;
        flex-direction: column;
    }

    .banner-left {
        width: 100%;
        text-align: center;
        padding: 0 40px;
        border-right: 0;
    }

    .banner-right {
        width: 100%;
        padding: 0 12px;
        text-align: center;
    }

    .banner-left h2 {
        font-size: 45px;
        line-height: 48px;
    }

    .banner-left h5 {
        font-size: 12px;
        line-height: 14px;
    }

    .banner-left h4 {
        font-size: 20px;
    }

    .banner-right p {
        font-size: 13px;
        align-items: center;
        gap: 2px;
        margin-top: 11px;
    }

    .banner-right p b i {
        font-size: 13px;
        margin-right: 7px;
    }

    .flex-container {
        /* display: grid; */
        height: auto;
        width: 100%;
        gap: 10px;
        padding: 0 12px;
        /* flex-direction: column; */
        flex-wrap: wrap;
        justify-content: center;
    }

    .ft_contact {
        align-items: start;
        justify-content: start;
        gap: 10px;
        flex-direction: column;
    }

    .ft_contact li {
        gap: 10px;
        width: 100%;
        max-width: 100%;
    }

    .ft_contact li i {
        width: 36px;
        height: 36px;
    }

    .ft_contact li span {
        font-size: 12px;
        width: calc(100% - 46px);
    }

    .footer_left p {
        flex-direction: column;
    }

    .footer_left p b {
        font-size: 13px;
        width: 100%;
        text-align: left;
        padding-left: 0;
        padding-top: 5px;
    }

    .footer_left p b:first-child {
        text-align: left;
        padding-right: 0;
        border-right: 0;
        border-bottom: 1px solid;
        padding-bottom: 5px;
    }

    .footer_left p {

        margin-top: 4px;
    }

    .footer_left h6 {
        font-size: 13px;
        margin-top: 11px;
        text-align: left;
    }

    .ft_logo {
        max-width: 195px;
    }

    .footer_left {
        text-align: left;
    }

    .contact-element {
        height: 28vh;
        z-index: 1;
    }

    .contact_head {
        font-size: 56px;
        margin-top: -12px;
    }

    .contact-box {
        padding: 0 0 25vh 0;
    }

    .contact-bk {
        object-fit: cover;
    }

    .indv_msg_wrap .heading h2 {
        /* font-size: 62px; */
    }

    .indv_msg_wrap .heading h4 {
        /* font-size: 47px; */
        /* margin-bottom: -16px; */
    }

    .abstract_btm {
        margin-top: 0;
        align-items: start;
        flex-direction: column;
    }

    .abstract_btm_rt {
        width: 100%;
    }

    .abstract_date {

        padding: 0 12px;
    }

    .abstract_date li span {
        line-height: 21px;
    }

    .content .section {
        padding-top: 54px;
    }

    .banner_bottom_img {
        height: 45vh;
    }

    .abstract_btm_rt img {
        height: auto;
        width: 40%;
    }

    .msg_mid,
    .msg_left {
        width: 100%;
    }

    .msg_mid img {
        width: 100%;
        position: relative;
    }

    .banner-right p b:first-child {
        font-size: 19px;
    }

    .banner-right p b:first-child i {
        font-size: 20px;
    }

    .regi_right_right {
        padding: 0;
        padding-top: var(--p40);
    }

    .regi_left button {
        flex-direction: column;
    }

    .central_com_btm {
        gap: 33px;
        padding: 0 12px;
    }

    .central_com_btm .committee_box {
        flex: unset;
    }

    .patron_left .committee_box {
        padding: 5px;
    }

    .patron_left {
        width: 100%;
    }

    .patron_wrap {
        flex-direction: column;
        gap: var(--p30);
    }

    .central_com_wrap,
    .com_inner_wrap,
    .com_top_wrap {}

    .central_com_wrap {
        width: 100%;
        grid-template-columns: 1fr;
    }

    .patron_right {
        width: 100%;
        padding: var(--p40) 12px;
    }

    .patron_left {
        padding: var(--p40) 12px;
    }

    .com_top_right .committee_box {
        width: 49%;
        padding: 5px;
    }

    .com_top_right {
        width: 100%;
    }

    .sc_com_left {
        display: none;
    }

    .sc_com_wrap {
        flex-direction: column;
    }

    .sc_com_right {
        width: 100%;
        padding: 0;
        padding-bottom: 0;
        padding-right: 0;
    }

    .sc_com_text {
        height: auto;
        position: unset;
        width: 100%;
        justify-content: center;
    }

    .sc_com_text h2 {
        background: linear-gradient(0deg, #660103, #AA4A1A);
        -webkit-background-clip: text;
        writing-mode: unset;
        font-size: 67px;
        line-height: 61px;

    }

    .com_btn_wrap {
        padding: var(--p30);
        gap: var(--p30);
        flex-wrap: wrap;
    }

    .com_top_wrap {
        flex-direction: column;
        align-items: center;
    }

    .com_top_left {
        width: 100%;
    }

    .com_top_left h2 {
        font-size: 76px;
        line-height: 74px;
    }

    .com_shap1 {
        width: 51px;
        right: 12px;
        bottom: -12px;
    }

    .com_btn_wrap {
        gap: 5px;
        /* flex-wrap: nowrap; */
        overflow: auto;
    }

    .com_btn_wrap a {
        padding: 7px 0;
        gap: 10px;
        font-size: 8px;
        line-height: 10px;
    }

    .com_btn_wrap a img {
        width: 40px;
        height: 40px;
    }

    .central_com_head_wrap {
        gap: 17px;
    }

    .central_com_head_right {}

    .contact_wrap {
        flex-direction: column;
        gap: calc(var(--p40) * 2);
    }

    .contact_left {
        width: 100%;
    }

    .contact_social-wrap {
        gap: 10px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        width: 100%;
    }

    .contatc_right {
        width: 100%;

    }

    .contatc_right img:last-child {
        position: absolute;
        right: -12px;
        bottom: -12px;
    }

    .abs_ele_1 {
        height: auto;
        width: 50%;
    }

    .d-dek {
        display: none !important;
    }

    .d-mob {
        display: flex !important;
    }

    .counter_zone {
        flex-direction: column;
        gap: var(--p40);
    }

    .counter_zone_right {
        width: 100%;
    }

    .counter_zone_left h5 {
        font-size: 13px;
        width: max-content;
        padding: 6px 14px;
    }

    .utility_wrap li img {
        width: 40px;
        padding: 3px;
    }

    .utility_wrap li {
        flex: unset;
        flex-direction: row;
        text-align: left;
        gap: 9px;
        width: 100%;
    }

    .utility_wrap {
        display: flex;
        gap: 4px;
    }

    .regi_right_left {
        width: 245px;
        padding-left: 0;
    }

    .regi_right_right {
        width: 100%;
    }

    .counter_zone_right ul {
        justify-content: center;
    }

    .venue_image_wrap {
        width: 280px;
        padding: 12px;
    }

    .venue_image_wrap h5 {
        font-size: 28px;
        padding-left: 9px;
    }

    .venue_image_wrap h5 i {
        font-size: 44px;
    }

    .vene_name {
        /* font-size: 39px; */
        /* line-height: 40px; */
    }

    .vnu_com {
        width: 130px;
        right: -13px;
        bottom: -26px;
    }

    .vnu_bk {
        left: -8px;
        top: 9px;
        height: 100%;
        width: 100%;
    }

    .d-dek {
        display: none;
    }

    .d-mob {
        display: block;
    }

    .flex-container.d-mob {
        display: grid !important;
    }

    .abstract_timeline div {
        flex: 1;
    }

    .abstract_timeline div:first-child::before {
        right: -9px;
    }

    .abstract_timeline div:first-child {
        text-align: right;
    }

    .abstract_top_right .heading {
        align-items: center;
    }

    .abstract_top_right .abs_btn_wrap {
        justify-content: center;
    }

    .subm_cate_wrap li {
        flex: 1;
    }

    .subm_cate_wrap {
        margin: 10px 0;
        gap: 0px;
    }

    .flex-title img {
        height: auto;
        width: 100%;
    }


    .suggetion_body {
        width: 98%;
        padding: 20px;
    }

    .frm_head h2 {
        font-size: 24px;
    }

    .frm_head h4 {
        font-size: 14px;
    }

    .frm_head.step_1 h2 {
        font-size: 35px;
        width: 261px;
        margin-bottom: 11px;
    }

    .frm_head.step_1 h4 {
        width: 100%;
        font-size: 14px;
    }

    .frm_head {
        padding-left: 11px;
        margin-bottom: 17px;
    }

    .step_1_wrap {
        gap: 14px;
        width: 100%;
        margin-top: 20px;
        padding: 18px;
    }

    .step_1_inner textarea {
        height: 130px;
    }

    .step_1_inner input,
    .step_1_inner select,
    .step_1_inner textarea {
        font-size: 14px;
    }

    .step_1_wrap_compelete .step_1_inner p {
        font-size: 18px;
    }

    .step_1_inner label {
        font-size: 8px;
    }

    .step_1_wrap_compelete .step_1_inner label {
        font-size: 8px;
    }

    .step_1_inner {
        gap: 3px;
    }

    .step_1_wrap_compelete .step_1_inner {
        padding: 10px;
    }

    .frm_head.step_1.review_sub h2 {
        font-size: 22px;
    }

    .prs_btn {
        padding: 8px 13px;
        font-size: 10px;
    }

    .prs_btn i {
        margin-left: 9px;
    }

    .prs_btn.prev i {
        margin-left: 0;
        margin-right: 9px;
    }

    .frm_head.step_1.sub_rec h2 {
        margin-bottom: 9px;
        font-size: 24px;
    }

    .complete_wrap {
        gap: 10px;
    }

    .complete_wrap svg {
        width: 65px;
        height: 65px;
    }

    .suggeation_header,
    .suggeation_footer {
        width: 98%;
        padding: 10px 20px;
        margin-bottom: 15px;
    }

    .suggeation_header img,
    .suggeation_footer img {
        width: 140px;
    }

    .suggeation_header span,
    .suggeation_footer span a {
        font-size: 10px;
        padding: 4px 9px;
    }

    .suggeation_header img,
    .suggeation_footer img {
        width: 96px;
    }

    .central_com_btm::before {
        display: none;
    }

    .msg_box.msg_right {
        padding-left: 0;
        padding-bottom: 0;
        padding-top: 20px;
    }

    .msg_box.msg_left {
        align-items: start;
        padding-right: 0;
        padding-bottom: 22px;
        border-image-source: linear-gradient(269deg, transparent, var(--color2), #ffefaa, #fffffff5);
        border-bottom: 2px solid;
        border-right: 0;
    }

    .msg_box {
        flex: unset;
        width: 100%;
    }

    .msg_vnu_img {
        width: 100%;
        margin-right: 0;
    }

    .msg_box.msg_left p {
        text-align: left;
    }

    .regi_box li span {
        min-width: 69px;
    }

    .load_logo {
        width: 220px;
    }

    .bannerh5 {
        font-size: 15px;
    }

    .load_modal_box p {
        font-size: 13px;
    }

    .load_modal_box h6 {
        font-size: 13px;
    }

    .load_aiges {
        width: 200px;
    }

    .load_modal_box button {
        font-size: 12px;
        padding: 4px 12px;
    }

    .msg_box.msg_right h4 {
        width: 100%;
        text-align: left;
    }

    .msg_box.msg_right h5 {
        text-align: left;
    }

    .venue_inner {
        flex-direction: column;
    }

    .com_btn_wrap .heading h2 {
        font-size: 20px;
    }

    .patron_left .committee_box .com_name_box {
        padding: 9px;
    }

    .central_com_head_bottom {
        border-radius: 50px;
    }
}