@media(max-width:1356px) {
  .header .navmenu {padding-right: 0px !important;}
  .header .navmenu {flex: 0px;}
}
@media(max-width:1356px) and (min-width:1281px) {
  .header-container-block {padding: 0px;}
  .header-container .d-flex {gap: 10px !important;}
  .navmenu a,.navmenu a:focus {padding: 10px 10px;}
}
@media (max-width:1280px) and (min-width:1200px) {
  .header-container .d-flex {gap: 5px !important;}
  .navmenu a,.navmenu a:focus {padding: 8px;}
  .header-container .sidebar-box {gap: 5px !important;}
  #header input[type="text"] {min-width: 250px;width: 100%;}
}
@media (max-width:1199px) and (min-width:800px) {
  .header-container .d-flex {justify-content: left !important;gap: 5px;}
  .logo { flex: 1 !important; order: 1;}
  .sidebar-box { order: 2; flex: 1 !important;}
  .navmenu { order: 3; flex: 0 !important;}
}
@media (max-width:850px) and (min-width:800px) {
  .logo {flex: 0 !important;order: 1;}
}
@media (max-width:799px) {
  .header .logo img {max-height: 56px;}
  .header .sidebar-box {flex: none;gap: 12px !important;}
  #header input[type="text"] {min-width: 250px;width: 100%;position: absolute;right: 0;top: 25px;display: none;}
  #header .mobile-nav-toggle {color: #000 !important;background: transparent;width: auto !important;padding: 5px !important;border-color: #000 !important;}
  #header .mobile-nav-toggle.bi-x:before {color: #FFF}
  /* .logo {order: 2;flex: 1 !important;} */
  /* .sidebar-box {order: 3;justify-content: end;} */
  /* .navmenu { order: 1;flex:0 !important;} */
  .navmenu {justify-content: end;display: flex; }
  .chat-head {position: fixed;bottom: 10px;background: #cec199;right: 10px;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);color: #FFF;}
  .search-form .icon {position: relative;transform: none !important;top: auto;right: auto;}
  .sidebar-box .dropdown.user-dropdown button {padding: 0;}
  .header-container .d-flex {justify-content: center !important;gap: 12px;}
  .join_us {display: none;}
  .header .login_btn .icon-person {display: block;}
  .header .login_btn .text_login {display: none !important;}
  .header .login_btn {border: 0 !important;padding: 0px 0px 0px 0px !important;min-width: auto !important; }
  i.bi.bi-person {font-size: 30px;}
  span.bi.bi-search {font-size: 23px;}
  .login_btn:checked+.login_btn,.login_btn.active,.login_btn.show,.login_btn:first-child:active,:not(.login_btn)+.login_btn:active,.login_btn:focus-visible,.login_btn:hover {color: #424242;background-color: transparent;border-color: transparent;box-shadow: none !important;}
}
@media (min-width:1200px) and (max-width:1366px) {
  .hero h1 {font-size: 300px; }
  .l-diam {position: absolute;left: 10px;top: 8%;width: 100%;max-width: 180px; }
  .lb-diam {position: absolute;left: 10px;bottom: 4%;width: 100%;max-width: 180px; }
  .r-diam {max-width: 200px;top: 4%; }
  .rb-diam {max-width: 200px;bottom: 4%; }
  .minus-margin {margin-top: -200px; }
  #header input[type="text"] {min-width: 190px;width: 100%; }
}
@media (min-width:992px) and (max-width:1199px) {
  .box-count {padding: 0px !important;}
  .box-count .list-group-item {font-size: 14px;}
  .hero h1 {font-size: 180px;}
  .l-diam {position: absolute;left: 10px;top: 8%;width: 100%;max-width: 180px;}
  .lb-diam {position: absolute;left: 10px;bottom: 8%;width: 100%;max-width: 180px;}
  .rb-diam {max-width: 200px;}
  .r-diam {max-width: 200px;bottom: 8%;}
  .full-width-img-left {margin: auto !important;}
  .home-event {margin-left: -35%;margin-top: 9%;}
  .minus-margin {margin-top: -200px;}
  .grid-lay {grid-template-columns: repeat(4, 1fr);}
  #member-plan .card-body,
  #member-plan .list-group-item {padding-left: 15px;padding-right: 15px;}
}
/* @media (min-width:768px) and (max-width:1199px){.hero h1{font-size: 180px;}.l-diam{position: absolute;left: 10px;top: 8%;width: 100%;max-width: 180px;}.lb-diam {position: absolute;left: 10px;bottom: 8%;width: 100%;max-width: 180px;}.rb-diam{max-width: 200px;}.r-diam{max-width: 200px;bottom: 8%;}
 } */
@media (min-width:800px) and (max-width:1024px) {
  #header input[type="text"] {min-width: 182px;}
}
@media (min-width:1200px) and (max-width:1252px) {
  #header input[type="text"] {min-width: 182px;}
  .navmenu a,.navmenu a:focus {padding: 18px 9px !important;}
}
@media (min-width:769px) and (max-width:991px) {
  .hero h1 {font-size: 180px;}
  .l-diam {position: absolute;left: 10px;top: 8%;width: 100%;max-width: 180px;}
  .lb-diam {position: absolute;left: 10px;bottom: 8%;width: 100%;max-width: 180px;}
  .rb-diam {max-width: 200px;}
  .r-diam {max-width: 200px;bottom: 8%;}
  .full-width-img-left {margin: auto !important;}
  .grid-lay {grid-template-columns: repeat(3, 1fr);}
}
@media(max-width:991px) {
  #community_forum .forum_discription_wrapper .added-date {text-align: right !important; }
  #community_forum .forum_discription_wrapper .company-name p {border: 0 !important; }
  .container {max-width: 100% !important; }
  .mobile-view .mobile-view-icon .btn:active,
  .btn.show {border-color: transparent !important; }
  .mobile-view .dropdown .dropdown-toggle::after {display: none; }
  [type=search]:focus-visible {border: none !important;outline-offset: 0px !important; }
  /* .form-control:focus {background-color:transparent !important;border-color:transparent !important;outline: 0 !important;box-shadow: none !important;} */
  .header .logo img {margin-right: 0px; }
  .full-width-img-left {margin: auto !important; }
  /* about */
  #about_page_banner {display: none; }
  #about-Brief .row,
  #about-to-know .row {flex-direction: column-reverse;text-align: center; }
  #contact-page .row {text-align: left; }
  #qrcode img {position: absolute;top: 82%;right: 81px;bottom: auto;text-align: right;width: 100px; }
  /* #member-plan ul{margin: auto;} */
  /* chat css responsive start */
  #Chat-row .chat-icon {border: 1px solid #000;width: 50px;display: block;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 10px }
  #Chat-row .chat-icon i {font-size: 30px }
  #Chat-row .chatlist {width: 100%;max-width: 100% }
  #Chat-row .chatbox {width: 100%;position: absolute;left: 1000px;right: 0;background: #fff;transition: all 0.5s ease;border-left: none }
  #Chat-row .showbox {left: 0 !important;transition: all 0.5s ease }
  #Chat-row .chatbox .f-18 {font-size: 28px !important;color: var(--default-color) }
  #Chat-row .msg-head h3 {font-size: 14px }
  #Chat-row .msg-head .flex-shrink-0 img {width: 55px !important;height: 55px !important }
  #Chat-row .chat-list h3 {font-size: 14px }
  #Chat-row .msg-body ul li.sender p {font-size: 13px;padding: 8px;border-bottom-left-radius: 6px;border-top-right-radius: 6px;border-bottom-right-radius: 6px }
  #Chat-row .msg-body ul li.repaly p {font-size: 13px;padding: 8px;border-top-left-radius: 6px;border-top-right-radius: 6px;border-bottom-left-radius: 6px }
  #Chat-row .msg-body ul li.repaly:before {display: none; }
  #Chat-row li.repaly .time {margin-right: 25px; }
  #Chat-row .chat-list a {width: 100%;overflow: hidden;padding: 0px 0px 10px 0px; }
  #Chat-row .message {text-align: left; }
  #Chat-row .chat-list a:after {bottom: 0px !important; }
  #Chat-row .flex-grow-1 {margin-left: 2px !important; }
  /* chat css responsive end */
  #member-directory-details {/* background-image: linear-gradient(to bottom, #F9F8F5 20%, #fff 20%); */background-image: none;background-color: transparent; }
  .member-profile {border-radius: 50% !important;width: 200px !important;height: 200px !important;/* box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.20); */max-width: initial;margin: auto;padding: 10px; }
  .home-event {margin-left: auto;margin-top: -20%;width: 90%;margin-right: auto; }
  .minus-margin {margin: auto }
  .grid-lay .filter-grid {margin-top: 10px; }
  .element .team-profile {position: relative;height: 452px !important; }
  .heading-text {padding-bottom: 10px; }
}
@media(min-width:768px) and (max-width:925px) {
  .hero-video {padding-top: 92%;}
}
@media(max-width:768px) {
  section#login-in {padding: 60px 0 !important;}
  .modal-backdrop {opacity: 0.5 !important;}
  #community_forum #v-pills-tab .category-btn {width: 100% !important;}
  #community_forum .flex-column {margin-right: 0px !important;}
  h3 {line-height: 42px;}
  #faq-page .title-block {text-align: left;}
  .pr-100 {padding-right: 0;}
  /* .hero{background: transparent;overflow: hidden;min-height: 700px;margin-bottom: 20px !importan} */
  div#carouselExampleIndicators {display: none;}
  .hero h1 {color: #000;word-break: break-all;line-height: 135px;font-size: 135px;width: 130px;text-align: center;margin: auto;z-index: 2;}
  #counters {margin: 0 !important;height: auto;padding: 0 !important;border-radius: 0 !important;}
  section#below-hero {margin-top: 0 !important;}
  #counters .box-count {min-height: auto !important;}
  .box-count p {font-size: 14px;font-weight: 400;line-height: 19px;}
  #below-hero p {font-size: 16px;line-height: 27px;}
  .l-diam {left: -23px;top: 6%;max-width: 130px;}
  .lb-diam {position: absolute;left: 10px;bottom: 8%;width: 100%;max-width: 130px;}
  .r-diam {max-width: 180px;right: -74px;top: 2%;}
  .rb-diam {max-width: 180px;bottom: 8%;right: -74px;}
  .full-width-img-left {margin-left: 0 !important;}
  .box-count .counter-block h6 {font-size: 20px;}
  #below-hero, section,.section {text-align: center;padding: 25px 0 !important;}
  .about .content h3, #below-hero h2 {font-size: 30px;}
  .box-count img {width: 50px;height: 50px;padding: 6px !important;}
  .flex-direc .row,.copyright {flex-direction: column-reverse;}
  #instafeed {display: grid;grid-gap: 1rem;grid-auto-flow: column;grid-auto-columns: 300px;overflow-x: scroll;grid-template-columns: unset;grid-template-rows: unset;}
  #member_gallery_img {display: grid;grid-gap: 1rem;grid-auto-flow: column;grid-auto-columns: 300px;overflow-x: scroll;grid-template-columns: unset;grid-template-rows: unset;}
  .footer-top .row {justify-content: start !important;margin-top: 0;}
  .footer-top .row>* {width: auto !important;justify-content: normal !important;}
  .footer-about {margin-bottom: 25px;}
  .footer h4 {font-weight: bold !important;}
  .footer .footer-newsletter .newsletter-form {gap: 8px;}
  .footer-newsletter a.logo {margin-bottom: 20px;}
  .footer .footer-newsletter .newsletter-form {margin-top: 0;}
  .footer .footer-links {margin-bottom: 0;}
  .copyright ul {gap: 15px !important;padding: 0 !important;justify-content: center !important;font-size: 13px}
  .footer .copyright p {margin-bottom: 0;font-size: 13px;}
  .box-count .list-group-item {text-align: left;display: flex;}
  .tabs-block .tab-content .mb-3 {text-align: left;}
  .accordion .accordion-body p {text-align: left;}
  #v-pills-tab .category-btn {padding: 12px 5px !important;max-width: 275px !important;width: 126px !important;margin: auto;}
  #upcoming_events #v-pills-tab {flex-direction: row !important;}
  #login-in label.form-label {text-align: left !important;width: 100%;}
  .heading-member .auto-input {padding: 0;line-height: normal;}
  @keyframes right {0% {  -webkit-transform: translateX(-50px);  transform: translateX(-50px);}50% {  -webkit-transform: translateX(-150px);  transform: translateX(-150px);}100% {  -webkit-transform: translateX(-50px);  transform: translateX(-50px);}
  }
  .right-bottom {animation: right-bottom 15s infinite ease-in-out;
  }
  @keyframes right-bottom {0% {  -webkit-transform: translateX(-50px);  transform: translateX(-50px);}50% {  -webkit-transform: translateX(-50px);  transform: translateX(-50px);}100% {  -webkit-transform: translateX(50px);  transform: translateX(50px);}
  }
  .home-event {margin-left: auto;margin-top: -20%;width: 90%;margin-right: auto;}
  .minus-margin {margin-top: auto;}
  .icon-card {flex-direction: column;align-items: center;}
  .grid-lay {grid-template-columns: repeat(2, 1fr);margin: auto;text-align: left;gap: 0;}
  .grid-lay .filter-grid {margin-top: 10px;}
  .icon-style li {justify-content: left;display: flex;}
  ul.icon-style {text-align: left;}
  .bg-white.shadow-box {margin: 0 15px;}
  .CodeMirror-code .CodeMirror-line span {font-size: 20px;font-weight: 600;line-height: 31.36px;}
  .m-padding {padding: 0 !important;}
  .sec-dia {display: flex;align-items: center;gap: 20px;flex-wrap: wrap;gap: 0;}
  .grid-main-cat .grid-category {flex: 0 0 33.33%;}
}
@media (max-width:460px) {
  #Team-Profile #member-directory-load .col-6 {width: 100%;}
  #Team-Profile .heading-text {font-size: 18px;}
  #Team-Profile .designation {font-size: 16px;}
  .memeber-info .r-reverse {flex-direction: column;}
  .custom_heading {flex: auto;}
  .grid-lay {grid-template-columns: auto;text-align: left;}
}
@media (max-width:630px) {
  .nav-tabs .nav-link {width: 140px;font-size: 14px;padding: 10px;}
}
@media (max-width:640px) {
  #member-directory-details #editMember {position: relative; }
  #qrcode img {position: absolute;top: -133px;right: 5px;bottom: auto;text-align: right;width: 100px;}
  .grid-main-cat .grid-category {flex: 0 0 50%;}
}
@media (max-width:575px) {
  .join-the-community .evnt-img {padding: 10px !important;}
  .join-the-community .evnt-img img {width: 100%;}
  #news-list .news-block img {max-width: 330px !important;height: 322px !important;width: 100%;}
  #member-directory-details #editMember {position: unset;}
  .nav-tabs .nav-link {width: fit-content;font-size: 12px;padding: 10px;}
  .main-heading {font-size: 30px;}
}
@media (max-width: 640px) {
  #qrcode img {position: absolute;top: -71px;right: 7px;bottom: auto;text-align: right;width: 70px;}
}
@media (max-width: 775px) {
  #qrcode img {position: absolute;top: -133px;left: 20px;bottom: auto;text-align: right;width: 100px;}
  .chat-wish {right: 20px !important;}
}
/* nav Menu in desktop */
@media (min-width: 1200px) {
  .navmenu {padding: 0; }
  .navmenu ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center; }
  .navmenu li {position: relative; }
  .navmenu a,.navmenu a:focus {color: var(--nav-color);padding: 18px 15px;font-size: 14px;letter-spacing: 1.4px;font-family: var(--nav-font);font-weight: 400;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;transition: 0.3s;text-transform: uppercase; }
  .navmenu a i,.navmenu a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;transition: 0.3s; }
  .navmenu li:last-child a {padding-right: 0; }
  .navmenu li:hover>a,.navmenu .active, .navmenu .active:focus {color: var(--nav-hover-color); }
  .navmenu .dropdown ul {margin: 0;padding: 10px 0;background: var(--nav-dropdown-background-color);display: block;position: absolute;visibility: hidden;left: 14px;top: 130%;opacity: 0;transition: 0.3s;border-radius: 4px;z-index: 99;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
  .navmenu .dropdown ul li {min-width: 200px; }
  .navmenu .dropdown ul a {padding: 10px 20px;font-size: 15px;text-transform: none;color: var(--nav-dropdown-color); }
  .navmenu .dropdown ul a i {font-size: 12px; }
  .navmenu .dropdown ul a:hover,.navmenu .dropdown ul .active:hover,.navmenu .dropdown ul li:hover>a {color: var(--nav-dropdown-hover-color); }
  .navmenu .dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible; }
  .navmenu .dropdown .dropdown ul {top: 0;left: -90%;visibility: hidden; }
  .navmenu .dropdown .dropdown:hover>ul {opacity: 1;top: 0;left: -100%;visibility: visible; }
}
/* Navmenu - Mobile */
@media (max-width: 1199px) {
  .mobile-nav-toggle {color: var(--nav-color);font-size: 20px;line-height: 0;/* margin-right: 10px; */cursor: pointer;transition: color 0.3s; }
  .navmenu {padding: 0;z-index: 9997; }
  .navmenu ul {display: none;list-style: none;position: absolute;inset: 60px 20px 20px 20px;padding: 10px 0;margin: 0;border-radius: 6px;background-color: var(--nav-mobile-background-color);overflow-y: auto;transition: 0.3s;z-index: 9998;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
  .navmenu a,.navmenu a:focus {color: var(--nav-dropdown-color);padding: 10px 20px;font-family: var(--nav-font);font-size: 17px;font-weight: 500;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;transition: 0.3s; }
  .navmenu a i,.navmenu a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: 0.3s;background-color: color-mix(in srgb, var(--accent-color), transparent 90%); }
  .navmenu a i:hover,.navmenu a:focus i:hover {background-color: var(--accent-color);color: var(--contrast-color); }
  .navmenu a:hover, .navmenu .active,.navmenu .active:focus {color: var(--nav-dropdown-hover-color); }
  .navmenu .active i,.navmenu .active:focus i {background-color: var(--accent-color);color: var(--contrast-color);transform: rotate(180deg); }
  .navmenu .dropdown ul {position: static;display: none;z-index: 99;padding: 10px 0;margin: 10px 20px;background-color: var(--nav-dropdown-background-color);border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);box-shadow: none;transition: all 0.5s ease-in-out; }
  .navmenu .dropdown ul ul {background-color: rgba(33, 37, 41, 0.1); }
  .navmenu .dropdown>.dropdown-active {display: block;background-color: rgba(33, 37, 41, 0.03); }
  .mobile-nav-active {overflow: hidden; }
  .mobile-nav-active .mobile-nav-toggle {color: #fff;position: absolute;font-size: 32px;top: 15px;right: 15px;margin-right: 0;z-index: 9999; }
  .mobile-nav-active .navmenu {position: fixed;overflow: hidden;inset: 0;background: rgba(33, 37, 41, 0.8);transition: 0.3s; }
  .mobile-nav-active .navmenu>ul {display: block; }
}
@media (max-width:560px) {
  .element .team-profile {position: relative;height: 452px !important;}
  .heading-text {padding-bottom: 10px;}
}
/* ------resoinsive testing-27-05-25----------------- */
@media (max-width: 770px) {
  #nav-tab {gap: 5px;}
}
@media (max-width: 768px) {
  .heading-text {text-align: left;}
  p.head-title {text-align: left;}
}
@media (max-width: 576px) {
  section#Team-Profile .col-lg-3.col-md-6.col-sm-6.mx-auto.pb-4.first-row {padding: 0 !important;}
}
@media (max-width: 550px) {
  .chat-wish {top: -90px !important;}
.heading-member .auto-input {font-size: 34px !important;}
}
@media (max-width: 425px) {
  .reply-box {margin-left: 0px !important;}
  .nested-reply {margin-left: 0px;}
  #qrcode img {position: absolute;top: -94px !important;left: 20px !important;width: 80px !important;}
  .chat-wish {right: 20px !important;top: -70px !important;}
 .custom-heading-text {font-size: 14px !important; }
}
@media (max-width: 525px) {
  .designation {font-size: 16px !important;}
}
@media (max-width:1400px) {
  label.text-nowrap {font-size: 14px !important;}
}
@media (max-width:768px) {
  section#member-directory-details .col-12.col-md-12.col-sm-12.col-lg-8.col-xl-8.text-start.ps-lg-5.ps-sm-auto.ps-md-auto.position-relative.aos-init.aos-animate {margin-top: 90px; }
}
.offcanvas {top: 87px !important;}