@media only screen and (min-width: 1700px) {
  .banner_wrap {
    width: 90%;
  }

  .index-banner_rt {
    --imgheight: 460px;
  }

  .index-banner_lt img {
    width: 207px !important;
  }

  .banner_lt h2,
  .index-banner_lt h2 {
    font-size: 106px;
  }

  .index-banner_lt p a img {
    width: 100px !important;
  }

  .index-banner_lt p a {
    padding-right: 30px;
    font-size: 22px;
  }

  .noti_box ul {
    padding: 25px;
    padding-left: 47px;
  }

  .noti_box {
    bottom: 82px;
    max-width: 500px;
  }

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

@media only screen and (min-width: 1000px) and (max-width: 1680px) {
  .lrg-abt {
    font-size: 15.875rem;
  }

  .tickerwrapper {
    height: 51px;
  }

  .tickerwrapper ul.list {
    padding: 14px;
  }

  .tickerwrapper {
    font-size: 19px;
  }

  .banner_lt h2,
  .index-banner_lt h2 {
    font-size: 76px;
  }

  .banner_lt h4,
  .index-banner_lt h4 {
    font-size: 37px;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1600px) {
  .iwlh_lt {}

  .iwlh_rt_rt img {
    width: 400px;
  }

  .iwlh_rt_lt img {
    width: 200px;
    height: 200px;
  }

  .iwlh_rt_lt img:last-child {
    width: 100px;
    height: 100px;
  }

  .inner-banner .banner_rt {
    width: 46%;
  }

  .lrg_text {
    font-size: 111px;
    margin-bottom: -107px;
  }

  .banner_lt h2,
  .index-banner_lt h2 {
    font-size: 65px;
  }

  .index-banner_lt p {
    /* width: 36%; */
    gap: 20px;
  }

  .index-banner_rt {
    --imgheight: 223px;
    gap: 22px;
  }

  .index-banner_rt_lt {
    width: calc(100% - var(--imgheight) - 22px);
  }

  .banner_wrap {
    width: 1024px;
  }

  .index-banner_lt img {
    width: 140px !important;
  }

  .index-banner_lt p a img {
    margin: 0;
    width: 50px !important;
  }

  .index-banner_lt p a {
    font-size: 13px;
    padding-right: 20px;
  }

  .main-header {
    padding: 13px 0;
    height: 66px;
  }

  .button-85,
  .nomi_btn {
    font-size: 14px;
    padding: 8px 15px;
  }



  .Marquee-tag {
    font-size: 14px;
  }

  .Marquee {
    padding: 9px;
  }

  #home {
    height: calc(100vh - 66px - 39px);
  }

}

@media only screen and (min-width: 1000px) and (max-width: 1500px) {
  .mssg_rt h3 {
    font-size: 45px;
    line-height: 52px;
  }

  .mssg_rt h4 {
    margin: 14px 0;
    font-size: 22px;
    margin-bottom: 47px;
  }


}

@media only screen and (min-width: 1000px) and (max-width: 1440px) {}

@media only screen and (min-width: 1000px) and (max-width: 1400px) {}

@media only screen and (min-width: 1000px) and (max-width: 1366px) {}

@media only screen and (min-width: 1000px) and (max-width: 1360px) {}

@media only screen and (min-width: 1000px) and (max-width: 1280px) {
  .cept_wrap {
    width: 100%;
    flex-direction: column;
  }

  .cept_rt {
    /* padding-right: 0; */
    width: 100%;
  }

  .iwlh_rt {
    padding-left: 0;
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .ats_mecor_rt {}

  .ats_mecor_rt img {
    height: auto;
  }

  .cept_lt {
    width: 100%;
  }

  .iwlh_rt_lt {
    flex-direction: row;
  }

  .inner-main {
    width: 98%;
    padding: 0px;
  }

  .banner_water {
    font-size: 12em;
  }

  .inner-banner .banner_lt h2 span {
    font-size: 34px;
  }

  .inner-banner .banner_lt h2 {
    font-size: 64px;
    line-height: 47px;
  }

  .about_lt {
    width: 40%;
  }

  .about_rt p {
    font-size: 15px;
    line-height: 25px;
  }

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

  .about_head_wrap .abt_content {
    width: 60%;
  }

  .about_head_wrap .abt_content p {
    font-size: 16px;
    line-height: 27px;
  }

  .lrg_text {
    font-size: 85px;
    margin-bottom: -102px;
  }

  .goal_wrap .goal_lt p {
    font-size: 16px;
    line-height: 23px;
  }

  .banner_wrap {
    padding: 0;
    padding-bottom: 0;
  }

  .tc-wrap h3 {
    font-size: 16px;
    line-height: 27px;
  }
.vote-owl {
    width: 500px !important;
}
.vote_fx {
    width: 410px;
}
.vote_fx img {
    width: 203px;
}
}

@media only screen and (min-width: 1000px) and (max-width: 1152px) {
  .member_card {
    width: 90%;
    padding: 20px;
  }

  .member_card h3 {
    font-size: 18px;
  }

  .lrg-abt {
    font-size: 13.875rem;
  }

  .banner_lt h2 {
    font-size: 95px;
  }

  .main-menu ul>li {
    font-size: 13px;
  }

  .cept_wrap {
    width: 100%;
    flex-direction: column;
  }

  .cept_rt {
    /* padding-right: 0; */
    width: 100%;
  }

  .iwlh_rt {
    padding-left: 0;
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .ats_mecor_rt {
    padding-left: 0;
  }

  .ats_mecor_rt img {
    height: auto;
  }

  .cept_lt {
    width: 100%;
  }

  .iwlh_rt_lt {
    flex-direction: row;
  }

  .inner-main {
    width: 98%;
    padding: 0px;
  }

  .banner_water {
    font-size: 12em;
  }

  .inner-banner .banner_lt h2 span {
    font-size: 28px;
  }

  .inner-banner .banner_lt h2 {
    font-size: 44px;
    line-height: 43px;
  }

  .heading h2 {
    font-size: 29px;
  }

  .iwlh_lt img:nth-child(1),
  .iwlh_lt img:nth-child(3) {
    width: 30%;
  }

  .iwlh_lt {
    justify-content: center;
  }

  .iwlh_lt img:nth-child(2) {
    width: 395px;
  }

  .inner-banner .ics_joint_lt p {
    font-size: 15px;
  }

  .banner_lt h2,
  .index-banner_lt h2 {
    font-size: 54px;
  }



  .index-banner_lt h4 {
    font-size: 26px;
  }

  .index-banner_lt h5 {
    font-size: 17px;
  }

  .inner-banner .banner_rt {
    width: 60%;
  }

  .about_wrap {
    width: 100%;
  }

  .about_rt {
    padding: 40px;
    margin-top: 95px;
    width: 60%;
  }

  .mssg_lt {
    width: calc(100% - 300px);
    padding-right: 25px;
    padding-left: 25px;
  }

  .mssg_rt {
    width: 300px;
    padding: 40px;
  }

  .mssg_rt h3 {
    font-size: 45px;
    line-height: 52px;
  }

  .mssg_rt h4 {
    margin: 14px 0;
    font-size: 22px;
    margin-bottom: 47px;
  }

  .banner_wrap {
    padding: 0;
    padding-bottom: 0;
    max-width: 900px;
  }

  .index-banner_lt p {
    /* gap: 10px; */
  }

  .index-banner_lt p a img {
    width: 37px;
  }

  .index-banner_lt p a {
    border-right: 1px solid #fdfd648f;
    /* padding-right: 10px; */
    /* font-size    : 14px; */
  }

  .index-banner_lt img {
    width: 125px !important;
  }

  .respire_rt a p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
  .py-6 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .about_wrap,
  .quiz_wrap,
  .membership_wrap,
  .test_wrap,
  .faq_wrap {
    flex-direction: column;
    gap: 30px;
  }

  .about_lt,
  .quiz_lt,
  .member_lt,
  .test_lt,
  .faq_lt {
    width: 100%;
    padding: 0;
  }

  .about_rt,
  .quiz_rt,
  .member_rt,
  .test_rt,
  .faq_rt {
    width: 100%;
    padding: 0;
  }

  .quiz_rt {
    gap: 5px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .header__right {
    display: none;
  }

  .browse_box {
    flex-direction: column;
    align-items: start;
  }

  .browse_rt {
    padding-left: 0px;
    gap: 26px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .lrg-abt {
    font-size: 10.875rem;
  }

  .footer-widgets {
    grid-template-columns: 1fr 1fr;
  }

  .member_card h3 {
    font-size: 22px;
  }

  .banner_lt h2 {
    font-size: 46px;
  }

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

  .banner_lt h5 {
    font-size: 19px;
  }

  .browsed_wrap,
  .counter_wrap,
  .faq_wrap {
    padding-bottom: 60px;
    border-bottom: 1px solid var(--color3);
    padding-right: 12px;
    border-right: 0;
    width: 100%;
  }

  .quiz_wrap,
  .test_wrap,
  .partner_wrap {
    padding-left: 12px;
    width: 100%;
    padding-top: 60px;
  }

  .member-wrap li .memberx p {
    font-size: 23px;
  }

  .partner_wrap::before {
    left: -300px;
  }

  .faq_wrap {
    border-bottom: 0;
  }

  .counter_box h3,
  .counter_box p {
    /* text-align: center; */
  }

  .counter_wrap {
    border-color: white;
    flex-direction: row;
    justify-content: space-evenly;
  }

  .browse_box h5 {
    font-size: 19px;
  }

  .header__right {
    display: none;
  }

  .mid-head-inner {
    justify-content: end;
  }

  .main-menu {
    width: 100%;
    justify-content: space-between;
  }

  .main-menu ul.main_ul {
    align-items: start;
    justify-content: start;
    gap: 30px;
    position: fixed;
    left: -100%;
    flex-direction: column;
    top: 0;
    height: 100vh;
    width: 80%;
    z-index: 6;
    background: black;
    padding: 50px 31px;
    opacity: 0;
    visibility: hidden;
    transition: .8s;
  }

  .main-btn-bk {
    width: 44px;
    height: 44px;
    background: #2b2a2900;
    border: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
    /* border-right : 1px solid #ffffff29; */
    /* border-bottom: 1px solid #ffffff29; */
    transition: .9s;
    border-radius: 10px;
    z-index: 1;
    /* position     : fixed; */
  }

  .main-btn-bk i {
    display: inline-block;
    width: 20px;
    height: 2px;
    background: #fff;
    border-radius: 50px;
    transition: .5s;
  }

  .main-btn-bk i:nth-child(2),
  .main-btn-bk:hover i {
    width: 14px;
    transition: .5s;
  }

  .main-menu ul.main_ul.menu-open {
    left: 0;
    opacity: 1;
    visibility: visible;
    transition: .8s;
  }

  .close {
    height: 40px;
    width: 40px;
    text-align: center;
    position: absolute;
    right: 25px;
    top: 29px;
    /* z-index     : 1; */
    display: flex;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    color: white !important;
    opacity: 1;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .main-menu .sub_menu {
    width: 100%;
    position: unset;
  }

  .message-banner .banner_rt .msg-tog-btn {
    gap: 0;
  }

  .message-banner .banner_rt .msg-tog-btn a h3 {
    font-size: 20px;
  }

  .governing_box {
    width: 334px;
  }

  .governing_box h4 {
    font-size: 18px;
  }

  .governing_box h5 {
    font-size: 13px;
  }

  .knw_mem_wrap table td {
    font-size: 13px;
  }

  .banner-input {
    width: 80%;
    margin-left: 10%;
    margin-top: 25px;
  }

  .event_box {
    width: 334px;
  }

  .event_box img {
    height: 222px;
  }

  .guid_box {
    width: 60%;
  }

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

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

  .guid_box a {
    font-size: 15px;
  }

  .ics_joint_wrap,
  .chest_wrap,
  .iwlh_wrap,
  .ats_mecor_wrap,
  .cept_wrap {
    width: 100%;
    flex-direction: column;
  }

  .ics_joint_lt,
  .ics_joint_rt,
  .chest_lt,
  .chest_rt,
  .iwlh_lt,
  .iwlh_rt,
  .iwlh_rt_rt img,
  .ats_mecor_lt,
  .ats_mecor_rt,
  .cept_rt,
  .en_ev_banner .banner_lt {
    padding-right: 0;
    width: 100%;
  }

  .iwlh_rt {
    padding-left: 0;
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .ats_mecor_rt {
    padding-left: 0;
  }

  .ats_mecor_rt img {
    height: auto;
  }

  .cept_lt {
    width: 100%;
  }

  .iwlh_rt_lt {
    flex-direction: row;
  }

  .contact_wrap iframe {
    width: 100%;
    height: 400px;
  }

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

  .contact_wrap {
    width: 100%;
    flex-direction: column;
    gap: 30px;
  }

  .contact_lt ul {
    grid-template-columns: 1fr 1fr;
  }

  .iwlh_rt_lt {
    flex-direction: column;
  }

  .inner-main {
    width: 98%;
    padding: 0px;
  }

  .banner_water {
    font-size: 12em;
    line-height: normal;
  }

  .inner-banner .banner_lt h2 span {
    font-size: 60px;
    line-height: normal;
  }

  .inner-banner .banner_lt h2 {
    font-size: 64px;
    /* line-height: 26px; */
  }

  .ics_joint_rt::before,
  .ats_mecor_lt::before {
    width: 10000px;
    height: 150px;
    right: -100px;
    left: -100px;
  }

  .chest_rt img {
    width: 100%;
    height: 177px;
    margin-top: -80px;
  }

  .chest_lt {
    margin-top: 48px;
  }

  .iwlh_lt {
    margin-top: -80px;
    justify-content: center;
  }

  .iwlh_lt img:nth-child(1) {
    width: 32%;
  }

  .iwlh_lt img:nth-child(3) {
    width: 32%;
  }

  .iwlh_lt img:nth-child(2) {
    width: 251px;

  }

  .ats_mecor_rt img {
    height: auto;
    width: 100%;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 48px;
  }

  .vayu_rt {
    flex-direction: column;
  }

  .vayu_rt img {
    width: 100%;
    height: auto;
  }

  .vayu_rt_lt {
    width: 100%;
    padding: 0;
    margin-top: 48px;
  }

  .vayu_lt img {
    width: 43%;
  }

  .vayu_lt img:nth-child(1) {
    /* margin-top: 48px; */
    /* margin-right: 0; */
  }

  .ics_joint_lt {
    padding-left: 0;
    margin-top: 48px;
  }

  .shap-1,
  .shap-2 {
    display: none;
  }

  .banner_lt h2,
  .index-banner_lt h2 {
    font-size: 29px;
  }

  .banner_lt h5,
  .index-banner_lt h5 {
    font-size: 15px;
  }

  #home .banner_rt {
    position: unset;
    height: auto;
    margin: auto;
  }

  .index-banner_wrap {
    /* flex-direction: column; */
    padding: 0;
    margin-bottom: 20px;
  }

  .banner_lt h4,
  .index-banner_lt h4 {
    font-size: 26px;
  }

  .index-banner_lt {
    width: 100%;
    padding: 8px;
    padding-top: 0;
    padding-right: 20px;
  }

  .index-banner_rt {
    width: 100%;
    margin-bottom: 0;
  }

  .about_lt img {
    margin-bottom: 0;
  }

  .index-banner_rt .banner-owl img {
    /* height: 260px; */
  }

  .cept_wrap .iwlh_lt img {
    width: 100%;
  }

  .inner-banner .ics_joint_rt::before {

    height: 300px;
    right: -500px;
    left: -500px;
  }

  .inner-banner .ics_joint_lt {
    text-align: center;
  }

  .about_rt {
    padding: 25px;
    margin-top: 0;
  }

  .about_container {
    max-height: max-content;
  }

  .about_wrap {
    width: 100%;
  }

  .about_head_wrap {
    justify-content: start;
    margin-bottom: 50px;
    align-items: start;
    padding-bottom: 50px;
    flex-direction: column;
    gap: 25px;
  }

  .about_head_wrap .heading,
  .about_head_wrap .abt_content {
    width: 100%;
  }

  .about_head_wrap .abt_content p,
  .goal_wrap .goal_lt p {
    font-size: 16px;
    line-height: 27px;
  }

  .goal_wrap {
    flex-direction: column;
  }

  .goal_wrap .goal_lt {
    width: 100%;
  }

  .about_img_wrap .counter_wrap {
    /* width: 100%; */
    /* padding-right: 0; */
    /* border: 0; */
    /* padding-left: 0; */
    /* padding-top: 30px; */
  }

  .about_img_wrap .counter_wrap {
    width: 350px;
    /* padding-left: 0; */
    padding-top: 0;
    /* display     : grid; */
    flex-direction: column;
    padding-bottom: 0;
    gap: 23px;
  }

  .counter_box h3 {
    font-size: 28px;
    line-height: 33px;
  }

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

  .lrg_text {
    font-size: 59px;
    margin-bottom: -95px;
    margin-top: 37px;
  }

  .member-wrap li h6 span {
    /* font-size: 14px; */
    /* padding: 9px 9px; */
  }

  .member_rt .heading a.button-85 {
    /* padding: 10px 12px; */
    /* font-size: 11px; */
  }

  .goal_wrap .goal_lt {
    padding-right: 0;
  }

  .goal_wrap .goal_rt {
    width: 100%;
    margin-top: 50px;
  }

  .goal_wrap .goal_rt ul li {
    padding: 11px 16px;
    font-size: 14px;
  }

  .goal_wrap .goal_rt p {
    font-size: 15px;
    line-height: 24px;
  }

  .par_img_box {
    padding: 4px 5px;
  }

  .test_wrap::before {
    left: -50px;
  }

  .vdo-modal .vdo-modal-inner video {
    max-width: 80%;
  }

  #quiz {
    padding-bottom: 0;
  }

  .quiz_rt .quiz_box p {
    font-size: 17px;
    margin-top: -37px;
  }

  .quiz_rt .quiz_box h3 {
    font-size: 5.25rem;
  }

  #about {
    /* padding-top: 0; */
  }

  .goal_lt_stc .faq_img {
    width: 200px;
  }

  .mssg_lt {
    width: calc(100% - 300px);
    padding-right: 25px;
    padding-left: 25px;
  }

  .mssg_rt {
    width: 300px;
    padding: 40px;
  }

  .mssg_rt h3 {
    font-size: 45px;
    line-height: 52px;
  }

  .mssg_rt h4 {
    margin: 14px 0;
    font-size: 22px;
    margin-bottom: 47px;

  }

  .banner_wrap {
    padding: 20px 0px;
    padding-bottom: 0;
    gap: 20px;
    width: 760px;
  }

  .index-banner_lt p {
    gap: 10px;
    /* flex-wrap: wrap; */
    /* width    : 51%; */
  }

  .index-banner_lt p a img {
    width: 46px !important;
  }

  .index-banner_lt p a {
    /* border-right: 1px solid #fdfd648f !important; */
    padding-right: 10px;
    font-size: 12px;
    /* width     : 46%; */
  }

  .index-banner_lt img {
    width: 100px !important;
  }

  .doc-down-box a {
    /* width: 216px; */
  }

  .inner-banner {
    padding-top: 30px;
    padding-bottom: 96px;
  }

  .inner-banner.sectop {
    padding-bottom: 110px;
  }

  .doc-modal-inner {
    align-items: start;
    padding: 100px 0;
    overflow: auto;
  }

  .doc-down-inner {
    flex-wrap: wrap;
    justify-content: center;
  }

  .guid_box .w-100 {
    width: 80% !important;
  }

  .index-banner_lt_top {
    width: 100%;
    align-items: center;
    gap: 10px;
  }

  .Marquee-tag {
    font-size: 14px;
  }

  .Marquee {
    padding: 14px;
  }

  .flyer-modal-box {
    /* width: 40%; */
  }

  .header-rt {
    padding: 0 0px;
  }

  .tc-wrap h3 {
    font-size: 16px;
    line-height: 27px;
  }

  .banner_lt h2,
  .index-banner_lt h2 {
    font-size: 38px;
  }

  .banner_lt h5,
  .index-banner_lt h5 {
    font-size: 15px;
  }

  #home .banner_rt {
    position: unset;
    height: auto;
    margin: auto;
  }

  .index-banner_wrap {
    /* flex-direction: column; */
    padding: 0;
    margin-bottom: 20px;
  }

  .banner_lt h4,
  .index-banner_lt h4 {
    font-size: 22px;
  }

  .index-banner_lt {
    /* width: 60%; */
    /* padding: 8px; */
    /* padding-top: 0; */
    padding: 0 20px;
  }

  .index-banner_rt {
    width: 100%;
    padding: 0 20px;
    --imgheight: 200px;
    gap: 15px;
  }

  .about_lt img {
    margin-bottom: 0;
  }

  .index-banner_rt .banner-owl img {
    height: 260px;
  }

  .index-banner_rt_lt {
    width: calc(100% - var(--imgheight) - 15px);
  }

  .main-header {
    padding: 20px 0;
    height: 85px;
  }

  #home {
    background: var(--color1);
    z-index: 1;
    position: relative;
    height: calc(100vh - 85px - 49px);
  }

  .respire-owl .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 9px;
    gap: 5px;
    margin-top: 10px;

  }

  .respire-owl .owl-dot span {
    width: 6px;
    display: inline-block;
    transition: .8s;
  }

  .respire-owl.owl-carousel .owl-nav button.owl-next,
  .respire-owl.owl-carousel .owl-nav button.owl-prev,
  .respire-owl.owl-carousel button.owl-dot {
    font-size: 2px !important;
    border: 1px solid white !important;
  }

  .respire-owl .owl-dot.active span {
    width: 30px;
    transition: .8s;
  }

  .respire-owl {
    margin-top: -100px;
  }

  #respire {
    margin-top: 60px;
  }

  .main-menu ul.main_ul.menu-open .header__right {
    display: flex;
    align-items: start;
  }

  .nomi_btn {
    font-size: 13px;
  }
  .vote_fx {
	width: 300px;
	gap: 10px;
}

.vote_fx img {
	width: 143px;
}

.vote-owl {
  padding-left: 20px;
width: 300px !important;
}
.vote_pop_up_inner {
	gap: 20px;
}
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
  .container {
    max-width: 100%;
  }

  .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }

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

  .heading h2 span {
    font-size: 15px;
    letter-spacing: 5px;
  }

  .about_wrap,
  .quiz_wrap,
  .membership_wrap,
  .test_wrap,
  .counter_wrap,
  .faq_wrap,
  .banner_wrap {
    flex-direction: column;
    gap: 30px;
  }

  .about_lt,
  .quiz_lt,
  .member_lt,
  .test_lt,
  .faq_lt,
  .banner_lt {
    width: 100%;
    padding: 0;
  }

  .about_rt,
  .quiz_rt,
  .member_rt,
  .test_rt,
  .faq_rt,
  .banner_rt {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .quiz_rt {
    gap: 5px;
  }

  .browse_rt {
    flex-direction: column;
    align-items: start;
    padding: 0;
  }

  .lrg-abt {
    font-size: 4.875rem;
    top: -21px;
    line-height: 4.875rem;
  }

  .header__right {
    display: none;
  }

  .mid-head-inner {
    justify-content: end;
  }

  .main-menu {
    width: 100%;
    justify-content: space-between;
  }

  .main-menu ul.main_ul {
    align-items: start;
    justify-content: start;
    gap: 30px;
    position: fixed;
    left: -100%;
    flex-direction: column;
    top: 0;
    height: 100vh;
    width: 80%;
    z-index: 6;
    background: black;
    padding: 50px 31px;
    opacity: 0;
    visibility: hidden;
    transition: .8s;
  }

  .main-btn-bk {
    width: 44px;
    height: 44px;
    background: #2b2a2900;
    border: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
    /* border-right : 1px solid #ffffff29; */
    /* border-bottom: 1px solid #ffffff29; */
    transition: .9s;
    border-radius: 10px;
    z-index: 1;
    /* position     : fixed; */
  }

  .main-btn-bk i {
    display: inline-block;
    width: 20px;
    height: 2px;
    background: #fff;
    border-radius: 50px;
    transition: .5s;
  }

  .main-btn-bk i:nth-child(2),
  .main-btn-bk:hover i {
    width: 14px;
    transition: .5s;
  }

  .main-menu ul.main_ul.menu-open {
    left: 0;
    opacity: 1;
    visibility: visible;
    transition: .8s;
  }

  .close {
    height: 40px;
    width: 40px;
    text-align: center;
    position: absolute;
    right: 25px;
    top: 29px;
    /* z-index     : 1; */
    display: flex;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    color: white !important;
    opacity: 1;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-widgets {
    grid-template-columns: 1fr;
  }

  .test_inner {
    flex-direction: column;
  }

  .test_inner_lt {
    width: 100%;
    height: 300px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 25px;
  }

  .test_inner_rt {
    width: 100%;
    padding: 30px;
  }

  .faq_mid {
    display: none;
  }

  .faq_img {
    left: inherit;
    width: 150px;
    right: 0;
  }

  .member_lt img {
    width: 100%;
    height: 436px;
  }

  .member_card {
    width: 75%;
    padding: 20px;
  }

  .member_card h3 {
    font-size: 18px;
  }

  .banner_lt h2 {
    font-size: 52px;
  }

  .banner_lt h4 {
    font-size: 26px;
  }

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

  .browsed_wrap,
  .counter_wrap,
  .faq_wrap {
    padding-bottom: 60px;
    border-bottom: 1px solid var(--color3);
    padding-right: 12px;
    border-right: 0;
    width: 100%;
  }

  .quiz_wrap,
  .test_wrap,
  .partner_wrap {
    padding-left: 12px;
    width: 100%;
    padding-top: 60px;
  }

  .member-wrap li .memberx p {
    font-size: 23px;
  }

  .partner_wrap::before {
    left: -300px;
  }

  .faq_wrap {
    border-bottom: 0;
  }

  .counter_box h3,
  .counter_box p {
    text-align: center;
  }

  .counter_wrap {
    border-color: white;
  }

  .event_box {
    width: 360px;
  }

  .event_box img {
    height: 204px;
  }

  .event_box h4 {
    font-size: 18px;
    padding: 0 18px;
  }

  .event_box p {
    padding: 18px
  }

  .main-menu .sub_menu {
    width: 100%;
    position: unset;
  }

  .inner-banner .banner_lt h2 {
    font-size: 25px;
    line-height: 36px;
  }

  .inner-banner .banner_lt h2 span {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 18px;
  }

  .objective-banner .inner_top_wrap {
    padding-left: 0;
  }

  .objectives h6 {
    font-size: 20px;
    align-items: start;
    flex-direction: column;
  }

  .objectives li,
  .mssg_wrap_rt p,
  .ics_joint_lt p,
  .chest_rt p,
  .iwlh_lt p,
  .ats_mecor_rt p,
  .cept_rt p {
    font-size: 14px;
  }

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

  .inner-banner .banner_rt {
    width: 100%;
  }

  .message-banner .banner_rt .msg-tog-btn a h3 {
    font-size: 15px;
  }

  .message-banner .banner_rt .msg-tog-btn {
    gap: 0;
  }

  .governing_wrap .heading {
    width: 100%;
  }

  .governing_box {
    width: 296px;
  }

  .governing-img img {
    width: 100%;
  }

  .governing-img::before {
    width: 260px;
    height: 260px;
  }

  .gove_content {
    padding: 9px 26px;
    width: 90%;
  }

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

  .governing_box h5 {
    font-size: 10px;
    margin-top: 2px;
  }

  .knw_mem_wrap table td {
    font-size: 11px;
  }

  .knw_mem_wrap table .tabel-1 td {
    width: 100px;
  }

  .banner-input {
    width: 100%;
    margin-left: 0;
  }

  .guidline_wrap table tr th:first-child {
    width: calc(100% - 90px);
    font-size: 13px;
  }

  .guidline_wrap table tr th {
    width: 90px;
  }

  .guidline_wrap table tr th a {
    font-size: 11px;
    padding: 8px 8px;
  }

  .guid_box {
    width: 90%;
    padding: 20px;
  }

  .guid_box h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .guid_box p {
    font-size: 14px;
    margin-bottom: 18px;
  }

  .guid_box a {
    font-size: 13px;
  }

  .ics_joint_wrap,
  .chest_wrap,
  .iwlh_wrap,
  .ats_mecor_wrap,
  .cept_wrap {
    width: 100%;
    flex-direction: column;
  }

  .ics_joint_lt,
  .ics_joint_rt,
  .chest_lt,
  .chest_rt,
  .iwlh_lt,
  .iwlh_rt,
  .iwlh_rt_rt img,
  .ats_mecor_lt,
  .ats_mecor_rt,
  .cept_rt,
  .en_ev_banner .banner_lt {
    padding-right: 0;
    width: 100%;
  }

  .iwlh_rt {
    padding-left: 0;
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .ats_mecor_rt {
    padding-left: 0;
  }

  .ats_mecor_rt img {
    height: auto;
  }

  .cept_lt {
    width: 100%;
  }

  .en_ev_banner .banner-ab-img {
    position: unset;
    width: 100%;
    margin-top: 30px;
  }

  .contact_wrap iframe {
    width: 100%;
    height: 400px;
  }

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

  .contact_wrap {
    width: 100%;
    flex-direction: column;
    gap: 30px;
  }

  .inner-banner .banner_rt .banner-img {
    width: 60%;
    margin-left: 0;
  }

  .iwlh_rt_lt {
    flex-direction: column;
  }

  .inner-main {
    width: 98%;
    padding: 0px;
  }

  .banner_water {
    font-size: 12em;
  }

  .ics_joint_rt::before,
  .ats_mecor_lt::before {
    width: 10000px;
    height: 150px;
    right: -100px;
    left: -100px;
  }

  .chest_rt img {
    width: 100%;
    height: 177px;
    margin-top: -80px;
  }

  .chest_lt {
    margin-top: 48px;
  }

  .iwlh_lt {
    margin-top: -80px;
    flex-direction: column;
  }

  .iwlh_lt img:nth-child(1) {
    width: 100%;
  }

  .iwlh_lt img:nth-child(3) {
    width: 100%;
    margin-left: 0;
  }

  .iwlh_lt img:nth-child(2) {
    width: 100%;
    margin-left: 0;
    margin: 20px 0;
    border: 6px solid #005818;
  }

  .ats_mecor_rt img {
    height: auto;
    width: 100%;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 48px;
  }

  .vayu_rt {
    flex-direction: column;
  }

  .vayu_rt img {
    width: 100%;
    height: auto;
  }

  .vayu_rt_lt {
    width: 100%;
    padding: 0;
    margin-top: 48px;
  }

  .vayu_lt img {
    width: 100%;
  }

  .vayu_lt img:nth-child(1) {
    margin-top: 48px;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .ics_joint_lt {
    padding-left: 0;
    margin-top: 48px;
  }

  .banner_lt h2,
  .index-banner_lt h2 {
    font-size: 29px;
  }

  .banner_lt h5,
  .index-banner_lt h5 {
    font-size: 15px;
  }

  #home .banner_rt {
    position: unset;
    height: auto;
  }

  .index-banner_wrap {
    flex-direction: column;
    padding: 0;
    margin-bottom: 20px;
  }

  .banner_lt h4,
  .index-banner_lt h4 {
    font-size: 26px;
  }

  .index-banner_lt {
    width: 100%;
    padding: 0;
    padding-top: 0;
    flex-direction: column;
    gap: 15px;
  }

  .index-banner_rt {
    width: 100%;
    margin-bottom: 20px;
  }

  .about_wrap {
    padding: 0 12px;
    width: 100%;
  }

  .about_lt img {
    margin-bottom: 0;
  }

  .index-banner_rt .banner-owl img {
    /* height: 225px; */
  }

  .cept_wrap .iwlh_lt img {
    width: 100%;
  }

  .inner-banner .ics_joint_rt::before {
    height: 150px;
    right: -100px;
    left: -100px;
  }

  .inner-banner .ics_joint_lt {

    text-align: center;
  }

  .about_rt {
    padding: 25px;
  }

  .about_toggle_btn {
    justify-content: center;
  }

  .about_container {
    max-height: max-content;
  }

  .msg_btn {
    width: 100%;
    position: sticky;
    top: 86px;
  }

  .mssg_wrap {
    width: 100%;
  }

  .mesgtri .row {
    flex-direction: column-reverse;
  }

  .msg-tog-btn {
    height: 360px;
  }

  .about_head_wrap {
    justify-content: start;
    margin-bottom: 50px;
    align-items: start;
    padding-bottom: 50px;
    flex-direction: column;
    gap: 25px;
  }

  .about_head_wrap .heading,
  .about_head_wrap .abt_content {
    width: 100%;
  }

  .about_head_wrap .abt_content p,
  .goal_wrap .goal_lt p {
    font-size: 16px;
    line-height: 27px;
  }

  .about_img_wrap,
  .goal_wrap {
    flex-direction: column;
  }

  .about_img_wrap .abt_img,
  .goal_wrap .goal_lt,
  .goal_rt {
    width: 100%;
  }

  .about_img_wrap .counter_wrap {
    width: 100%;
    padding-right: 0;
    border: 0;
    padding-left: 0;
    padding-top: 30px;
  }

  .about_img_wrap .counter_wrap {
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-bottom: 0;
    gap: 5px;
  }

  .counter_box h3 {
    font-size: 28px;
    line-height: 33px;
  }

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

  .lrg_text {
    font-size: 42px;
    margin-bottom: -90px;
    margin-top: 40px;
  }

  .member-wrap li h6 span {
    font-size: 14px;
    padding: 9px 9px;
  }

  .member_rt .heading a.button-85 {
    padding: 10px 12px;
    font-size: 11px;
  }

  .goal_wrap .goal_lt {
    padding-right: 0;
  }

  .goal_wrap .goal_rt {
    width: 100%;
    margin-top: 50px;
  }

  .goal_wrap .goal_rt ul li {
    padding: 11px 16px;
    font-size: 14px;
  }

  .goal_wrap .goal_rt p {
    font-size: 15px;
    line-height: 24px;
  }

  .par_img_box {
    padding: 4px 5px;
  }

  .test_wrap::before {
    left: -50px;
  }

  .vdo-modal .vdo-modal-inner video {
    max-width: 80%;
  }

  #quiz {
    padding-bottom: 0;
  }

  #about {
    padding-top: 0;
  }

  .mssg_lt {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    border-bottom: 0;
  }

  .mssg_rt {
    width: 100%;
    padding: 40px;
    border-bottom: 0;
  }

  .anchor-section {
    flex-direction: column-reverse;
  }

  .mssg_rt h3 {
    font-size: 35px;
    line-height: 44px;
  }

  .mssg_rt h4 {
    font-size: 22px;
    margin-bottom: 50px;
  }

  .banner_wrap {
    padding: 20px 0px;
    padding-bottom: 0;
    width: 100%;
    justify-content: start;
  }

  .index-banner_lt p {
    gap: 7px;
    width: 100%;
    justify-content: center;
  }

  .index-banner_lt p a img {
    width: 37px !important;
  }

  .index-banner_lt p a {
    border-right: 1px solid #fdfd648f;
    padding-right: 6px;
    font-size: 10px;
  }

  .index-banner_lt img {
    width: 58px !important;
  }

  .doc-modal-inner {
    align-items: start;
    overflow: auto;
  }

  .doc-down-inner {
    align-items: start;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 83px;
  }

  .inner-banner {
    padding-top: 30px;
    padding-bottom: 96px;
  }

  .inner-banner.sectop {
    padding-bottom: 110px;
  }

  .guid_box .w-100 {
    width: 95% !important;
  }

  .index-banner_lt_top {
    width: 100%;
    align-items: center;
    gap: 10px;
    justify-content: center;
  }

  .Marquee-tag {
    font-size: 14px;
  }

  .Marquee {
    padding: 14px;
  }

  .flyer-modal-box {
    /* width: 80%; */
  }

  .header-rt {
    padding: 0 0px;
  }

  .tc-wrap h3 {
    font-size: 16px;
    line-height: 27px;
  }

  .banner_lt h2,
  .index-banner_lt h2 {
    font-size: 28px;
  }

  .banner_lt h5,
  .index-banner_lt h5 {
    font-size: 15px;
  }

  #home .banner_rt {
    position: unset;
    height: auto;
  }

  .index-banner_wrap {
    flex-direction: column;
    padding: 0;
    margin-bottom: 20px;
  }

  .banner_lt h4,
  .index-banner_lt h4 {
    font-size: 16px;
  }

  .index-banner_lt {
    width: 100%;
    padding: 8px;
    padding-top: 0;
    align-items: center;
  }

  .index-banner_rt {
    width: 100%;
    margin-bottom: 20px;
    flex-direction: column;
    padding: 0;
    gap: 20px;
    align-items: center;
  }

  .about_wrap {
    padding: 0 12px;
    width: 100%;
  }

  .about_lt img {
    margin-bottom: 0;
  }

  .index-banner_rt .banner-owl img {
    /* height: 225px; */
  }

  @keyframes shake {

    0%,
    100% {
      transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
      transform: translateX(0px);
    }

    20%,
    40%,
    60%,
    80% {
      transform: translateX(0px);
    }
  }

  .index-banner_rt_lt,
  .index-banner_rt_rt {
    width: 100%;
    box-shadow: none;
  }

  .main-header {
    padding: 10px 0;
    height: auto;
  }

  #home {
    height: auto;
  }

  .index-banner_rt_rt {
    width: 300px;
  }

  .flyer-modal-box video {
    width: 98%;
    height: auto;
    object-fit: contain;
  }

  #respire {
    margin: 0;
  }

  .respire_wrap {
    flex-direction: column;
    gap: 40px;
  }

  .respire_lt,
  .respire_rt {
    width: 100%;
  }

  .respire-owl {
    margin-top: 0px;
  }

  .respire_lt {
    padding-right: 0;
  }

  .respire_lt img {
    width: 100%;
  }

  .respire_rt a p {
    font-size: 18px;
  }

  .respire-owl .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 9px;
    gap: 5px;
    margin-top: 10px;

  }

  .respire-owl .owl-dot span {
    width: 6px;
    display: inline-block;
    transition: .8s;
  }

  .respire-owl.owl-carousel .owl-nav button.owl-next,
  .respire-owl.owl-carousel .owl-nav button.owl-prev,
  .respire-owl.owl-carousel button.owl-dot {
    font-size: 2px !important;
    border: 1px solid white !important;
  }

  .respire-owl .owl-dot.active span {
    width: 30px;
    transition: .8s;
  }

  .main-menu ul.main_ul.menu-open .header__right {
    display: flex;
    flex-direction: column;
    align-items: start;
  }

  .nomi_btn {
    font-size: 13px;
  }

  .vote {
    font-size: 11px;
    padding: 6px 11px;
  }

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

  .vote_fx {
    /* height: 40vh; */
    width: 300px;
    text-align: center;
  }

  .vote_fx img {
    width: 141px;
  }

  .vote-owl {
    display: flex;
    padding-left: 00px;
    border-left: 0px solid white;
    padding-top: 15px;
    border-top: 1px solid white;
    width: 100% !important;
  }

  .vote-owl img {
    height: 40vh;
    object-fit: contain;
  }

  .vote-play-cls {
    right: 12px;
    top: 12px;
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
}