@media screen and (max-width:1300px) {
  .container {
    max-width: 1150px;
  }

  p {
    line-height: 24px;
  }

  header .head-content-wraper .logo-wraper {
    max-width: 180px;
  }

  header .head-content-wraper .menu-wraper nav ul li {
    font-size: 14px;
  }

  header .head-content-wraper .menu-wraper nav ul li a {
    padding: 8px;
    font-size: 12px;
  }

  header .head-content-wraper .menu-wraper .btn-wraper a {
    padding: 15px 20px;
    font-size: 14px;
  }

  section.home-banner .top-part {
    padding: 150px 0 60px;
  }

  section.home-sec2 .box h5 {
    font-size: 18px;
    line-height: 24px;
  }

  section.about-sec2 ul {
    bottom: 20px;
  }

  section.membership-sec2 .cart-wraper img {
    max-width: 250px;
    height: 350px;
  }

  .yc_sec2 form .input {
    width: 47%;
  }

}

@media screen and (max-width:1200px) {
  .container {
    max-width: 1100px;
  }

  header .head-content-wraper .logo-wraper {
    max-width: 155px;
  }

  section.home-banner h1 {
    font-size: 48px;
    line-height: 56px;
  }

  section.home-banner video {
    min-height: 650px;
    height: 100%;
  }

  section.home-sec2 .box h5 {
    font-size: 16px;
    line-height: 20px;
  }

  section.home-sec4 .cart-wraper h5 span {
    font-size: 50px;
  }

  section.home-sec2 .box span {
    width: 72px;
    height: 72px;
  }

  section.home-sec2 .box span img {
    width: 34px;
    height: 34px;
  }

  footer h5 {
    font-size: 16px;
  }

  section.about-sec2 ul {
    bottom: 0;
    grid-template-columns: 370px 370px;
  }

  section.membership-sec2 .cart-wraper img {
    max-width: 220px;
  }

  section.certification-sec1 .wraper-box ul li h5 {
    font-size: 14px;
  }

  section.certification-sec2 .table-wraper table tbody tr td:first-child {
    padding: 16px 30px;
  }

  section.certification-sec2 .table-wraper table thead tr th:first-child {
    padding-left: 30px;
  }

  section.certification-sec2 p {
    font-size: 14px;
  }

  section.certification-sec2 {
    padding: 0 0 40px;
  }

  section.certification-sec1 {
    padding: 40px 0;
  }

  section.certification-sec1 .wraper-box ul li h5 {
    max-width: 100px;
  }

  /* add css on 22.08.2025 */
  section.about-sec4.magSec1 .nav.nav-pills {
    margin-bottom: 4.25rem;
  }

  section.about-sec4.magSec1 .tableGroup table thead tr th {
    font-size: 1rem;
  }

  section.about-sec4.magSec1 .tableGroup table thead tr th:nth-child(4),
  section.about-sec4.magSec1 .tableGroup table thead tr th:nth-child(5) {
    width: auto;
  }
}

@media screen and (max-width:1100px) {
  .container {
    max-width: 1050px;
  }

  .red-btn {
    font-size: 15px;
    padding: 12px 24px;
  }

  header .head-content-wraper {
    gap: 20px;
  }

  header .head-content-wraper .menu-wraper .btn-wraper a {
    padding: 10px 14px;
    font-size: 13px;
  }

  header .head-content-wraper .menu-wraper nav ul li {
    font-size: 13px;
  }

  header .head-content-wraper .menu-wraper nav ul li ul.dropdown {
    width: 100px;
  }

  header .head-content-wraper .menu-wraper nav ul li ul.dropdown li a {
    padding: 8px 10px;
  }

  header .head-content-wraper .menu-wraper nav ul li ul.dropdown li {
    padding: 6px 0;
  }

  section.home-banner .bottom-part .text-wrap {
    gap: 150px;
  }

  section.home-banner h1 {
    font-size: 42px;
  }

  section.home-banner video {
    min-height: 600px;
  }

  section.home-sec5 ul li h5 {
    margin-bottom: 10px;
  }

  section.home-sec5 ul li h4 {
    font-size: 30px;
    margin-bottom: 12px;
  }

  section.home-sec8 .marquee .marquee-inner img {
    width: 150px;
    height: 65px;
  }

  footer p {
    font-size: 15px;
  }

  footer ul.menu li {
    font-size: 14px;
    margin-bottom: 16px;
  }

  section.home-sec9 ul li h5 {
    padding: 18px 75px 18px 28px;
  }

  section.home-sec9 ul li h5::after {
    width: 45px;
    height: 45px;
    top: -1px;
    right: 7px;
  }

  section.membership-sec2 .cart-wraper img {
    max-width: 200px;
  }

}

@media screen and (max-width:1024px) {
  .container {
    max-width: 950px;
  }

  .red-btn {
    padding: 10px 24px !important;
  }

  h2 {
    font-size: 30px !important;
    line-height: 40px !important;
    margin-bottom: 10px !important;
  }

  p {
    line-height: 20px !important;
    font-size: 14px !important;
  }

  header .head-content-wraper .menu-wraper {
    gap: 0;
    padding-right: 50px;
  }

  div#navigation {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }

  .slim-container a.slimNav_sk78-reveal {
    padding: 8px;
    top: 10px;
    margin: auto;
    background: #ed1c24;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .slim-container a.slimNav_sk78-reveal.slimclose {
    font-size: 22px !important;
    ;
    font-weight: 400;
    line-height: 17px;
  }

  .slim-container .slim-bar {
    background: transparent;
    min-height: 51px;
  }

  header .head-content-wraper .menu-wraper nav ul {
    gap: 0;
    flex-direction: column;
  }

  .slim-container a.slimNav_sk78-reveal span {
    width: 18px;
    height: 2px;
    margin-top: 4px;
  }

  .slim-container a.slimNav_sk78-reveal span:first-child {
    margin: 0;
  }

  header .head-content-wraper {
    position: relative;
  }

  header .head-content-wraper .menu-wraper nav ul li a img {
    display: none;
  }

  .slim-container .slim-nav {
    float: unset;
    background: #ed1c24;
    margin-top: 61px;
  }

  .slim-container .slim-nav ul li {
    float: unset;
    overflow: hidden;
  }

  .slim-container .slim-nav ul li a {
    display: block !important;
    float: unset;
    width: 91.4%;
    text-transform: capitalize;
    padding: 15px 20px !important;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-right: 60px !important;
  }

  header .head-content-wraper .menu-wraper nav ul li ul.dropdown {
    position: static;
    width: 100%;
    padding: 0;
    background: #ed1c24;
  }

  .slim-container .slim-nav ul li li a {
    width: 92.4%;
  }

  header .head-content-wraper .menu-wraper nav ul li ul.dropdown li {
    padding: 0;
    border: none !important;
  }

  header .head-content-wraper .menu-wraper nav ul li ul.dropdown li a {
    padding: 8px 10px;
    opacity: 1;
    padding: 10px 35px !important;
    font-size: 12px;
  }

  header .head-content-wraper .menu-wraper nav ul li a:hover {
    color: #fff;
  }

  .slim-container .slim-nav ul li a.slim-expand {
    background: rgb(243 103 108 / 75%) !important;
  }

  .slim-container .slim-nav ul li a.slim-expand {
    border-bottom: none !important;
    width: 30px;
    height: 26px;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  section.home-banner h1 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 20px;
  }

  section.home-banner .top-part {
    padding: 140px 0 40px;
  }

  section.home-banner .bottom-part {
    padding: 30px 0 70px;
  }

  section.home-banner video {
    min-height: 530px;
  }

  section.home-banner .bottom-part .text-wrap {
    gap: 120px;
  }

  section.home-sec2 {
    padding: 40px 0;
  }

  section.home-sec2 p {
    margin-bottom: 20px;
  }

  section.home-sec2 .box {
    padding: 18px 14px;
    margin: 0 0 20px;
  }

  section.home-sec2 .box h5 {
    font-size: 15px;
    line-height: 18px;
  }

  section.home-sec2 .box a {
    font-size: 14px;
  }

  section.home-sec2 .box a img {
    width: 22px;
  }

  section.home-sec2 .box span {
    width: 60px;
    height: 60px;
  }

  section.home-sec2 .box span img {
    width: 30px;
    height: 28px;
  }

  section.home-sec3 {
    padding: 40px 0;
  }

  section.home-sec3 h2+p {
    margin: 10px 0 18px;
  }

  section.home-sec3 img {
    height: auto;
  }

  section.home-sec3 p {
    margin: 16px 0;
  }

  section.home-sec4 {
    padding: 40px 0;
  }

  section.home-sec4 ul.check {
    margin-bottom: 30px;
  }

  section.home-sec4 .cart-wraper {
    padding: 24px 20px;
    border-radius: 10px;
  }

  section.home-sec4 .cart-wraper h5 {
    padding-bottom: 14px;
    margin: 16px 0 0;
  }

  section.home-sec4 .cart-wraper ul {
    margin-top: 14px;
  }

  section.home-sec4 .cart-wraper h5 span {
    font-size: 40px;
  }

  section.home-sec4 .cart-wraper ul li {
    font-size: 13px;
    padding-left: 25px;
    margin-bottom: 10px;
    background-size: 16px;
  }

  section.home-sec4 .images-wraper .text-wraper h5 {
    font-size: 22px;
    margin-bottom: 14px;
  }

  section.home-sec4 .images-wraper .text-wraper {
    position: absolute;
    top: 20px;
    left: 20px;
  }

  section.home-sec5 {
    padding: 40px 0;
  }

  section.home-sec5 p {
    margin-bottom: 12px;
  }

  section.home-sec5 p+p {
    margin-bottom: 20px;
  }

  section.home-sec5 ul li {
    margin-bottom: 30px;
    padding-left: 70px;
  }

  section.home-sec5 ul li h4 {
    font-size: 24px;
    margin-bottom: 8px;
  }

  section.home-sec5 ul li h5 {
    margin-bottom: 8px;
    font-size: 18px;
  }

  section.home-sec5 ul li p {
    max-width: unset;
    margin-bottom: 18px;
  }

  section.home-sec5 ul li a.red-btn {
    font-size: 14px;
    padding: 8px 20px !important;
  }

  section.home-sec6 {
    padding: 40px 0;
  }

  section.home-sec6 ul li span {
    width: 50px;
    height: 50px;
  }

  section.home-sec6 ul li {
    margin-bottom: 18px;
    grid-template-columns: 50px auto;
    gap: 8px;
  }

  section.home-sec6 ul {
    margin: 20px 0;
  }

  section.home-sec7 {
    padding: 40px 0;
  }

  section.home-sec7 .hs7-slider {
    margin-top: 10px;
  }

  section.home-sec7 .hs7-slider .item {
    padding: 16px 8px 12px;
  }

  section.home-sec7 .hs7-slider .item .profile-wraper img {
    width: 50px;
    height: 50px;
  }

  section.home-sec7 .hs7-slider .item .profile-wraper span {
    width: 40PX;
    height: 40PX;
    background-size: 22px 22px;
  }

  section.home-sec7 .hs7-slider .item .profile-wraper {
    margin-top: 18px;
    gap: 10px;
    padding-right: 50px;
  }

  section.home-sec7 .hs7-slider .item .profile-wraper h5 strong {
    font-size: 14px;
  }

  section.home-sec7 .hs7-slider .item .profile-wraper h5 {
    line-height: 24px;
  }

  section.home-sec7 .hs7-slider .owl-dots {
    margin-top: 16px !important;
  }

  section.home-sec7 a.red-btn {
    margin: 22px auto 0;
  }

  section.home-sec8 {
    padding: 40px 0;
  }

  section.home-sec8 .marquee {
    margin: 25px 0;
  }

  section.home-sec8 .marquee .marquee-inner {
    gap: 20px;
  }

  section.home-sec9 {
    padding: 40px 0;
  }

  section.home-sec9 ul li h5 {
    padding: 16px 65px 16px 24px;
    font-size: 17px;
  }

  section.home-sec9 ul li {
    margin-bottom: 16px;
  }

  section.home-sec9 ul li h5::after {
    width: 40px;
    height: 40px;
    top: 0px;
    background-size: 20px 20px;
  }

  footer {
    padding-top: 40px;
  }

  footer h5 {
    font-size: 14px;
    margin-bottom: 20px;
  }

  footer ul.menu li {
    font-size: 12px;
    margin-bottom: 14px;
  }

  footer h6 {
    margin: 40px 0 0;
  }

  footer ul.s-media li {
    width: 45px;
    height: 45px;
  }

  footer ul.s-media li a img {
    width: 22px;
    height: 22px;
  }

  a#button {
    width: 60px;
    height: 60px;
  }

  header .head-content-wraper .logo-wraper {
    z-index: 999999999;
  }

  header .head-content-wraper .menu-wraper .btn-wraper {
    z-index: 999999999;
  }

  section.about-sec2 .images-box span.circle {
    width: 380px;
    height: 380px;
  }

  section.about-sec2 .images-box span.circle span {
    width: 280px;
    height: 280px;
  }

  section.about-sec2 .images-box span.circle span span {
    width: 190px;
    height: 190px;
  }

  section.about-sec2 .images-box span.circle span span img {
    width: 110px;
    height: auto;
  }

  section.about-sec2 ul li span {
    max-width: 60px;
    height: 60px;
  }

  section.about-sec2 ul li:nth-child(4) {
    padding-left: 50px;
  }

  section.about-sec2 ul {
    grid-template-columns: 300px 300px;
    gap: 40px 0;
  }

  section.about-sec2 ul li:nth-child(6) {
    padding-left: 50px;
  }

  section.about-sec2 ul li:nth-child(3) {
    padding-right: 50px;
  }

  section.about-sec2 ul li:nth-child(5) {
    padding-right: 50px;
  }

  section.about-sec2 ul li {
    gap: 18px;
  }

  section.about-sec1 {
    padding: 40px 0;
  }

  section.about-sec2 .content-box {
    margin-top: 30px;
  }

  section.about-sec3 ul li span {
    width: 80px;
    height: 80px;
  }

  section.about-sec3 ul {
    margin-top: 40px;
    gap: 50px 40px
  }

  section.about-sec3 ul li h5 {
    font-size: 16px;
  }

  section.about-sec4 ul li {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 12px;
  }

  section.about-sec4 ul li::after {
    content: "";
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }

  section.about-sec3 {
    padding: 40px 0;
  }

  section.about-sec2 {
    padding: 0 0 40px;
  }

  section.about-sec4 {
    padding: 40px 0;
  }

  section.about-sec1 .img-wraper img {
    height: auto;
  }

  section.about-sec1 .img-wraper .text-box h6 {
    font-size: 16px;
  }

  section.about-sec1 .img-wraper .text-box h6 span {
    font-size: 30px;
    margin-top: 12px;
  }

  section.about-sec1 .img-wraper .text-box {
    padding: 20px 16px;
  }

  section.inner-banner .content-wraper {
    padding: 50px 0;
    position: relative;
  }

  section.membership-sec2 .cart-wraper .text-wraper h5 {
    font-size: 17px;
    margin-bottom: 6px;
  }

  section.membership-sec2 .cart-wraper .text-wraper {
    padding: 18px;
  }

  section.membership-sec2 .cart-wraper img {
    max-width: 200px;
    height: 315px;
  }

  section.membership-sec1 .cart-wraper {
    padding: 20px;
    margin-bottom: 26px;
  }

  section.membership-sec1 {
    padding: 40px 0 20px;
  }

  section.membership-sec1 .cart-wraper ul li {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
    padding-left: 28px;
  }

  section.membership-sec1 .cart-wraper ul li::after {
    content: "";
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
  }

  section.inner-banner .content-wraper h1 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 16px;
  }

  section.membership-sec2 {
    padding: 40px 0;
  }

  section.certification-sec1 .wraper-box ul li {
    width: 230px;
    height: 230px;
  }

  section.certification-sec1 .wraper-box ul li:nth-child(1) {
    top: 30px;
  }

  section.certification-sec1 .wraper-box ul li:nth-child(3) {
    bottom: 30px;
  }

  section.certification-sec1 .wraper-box span.red-circle {
    width: 150px;
    height: 150px;
  }

  section.certification-sec1 .wraper-box span.red-circle img {
    width: 120px;
  }

  section.certification-sec1 .wraper-box ul li h5 {
    max-width: 80px;
  }

  section.certification-sec1 .wraper-box ul li h5 span {
    margin-bottom: 7px;
  }

  section.certification-sec3 {
    padding: 40px 0;
  }

  section.engage-sec1 .box h5 {
    font-size: 16px;
    line-height: 22px;
  }

  section.engage-sec1 .box span {
    width: 70px;
    height: 70px;
  }

  section.engage-sec1 .box span img {
    width: 37px;
    height: 35px;
  }

  .trning_sec1 {
    padding: 40px 0;
  }

  section.engage-sec1 {
    padding: 40px 0;
  }

  .trning_sec2 {
    padding: 40px 0;
  }

  .yc_sec1 {
    padding: 40px 0;
  }

  .trning_sec1 h2.mb-32 {
    margin-bottom: 23px !important;
    font-size: 28px !important;
  }

  .yc_sec2 {
    padding: 40px 0;
  }

  .yc_sec1 .side_img .red_box span {
    font-size: 32px;
  }

  .yc_sec1 .side_img .red_box p {
    margin-bottom: 7px;
  }

  .yc_sec1 .side_img .red_box p {
    margin-bottom: 7px;
  }

  section.event-sec1 .bor-wraper {
    min-height: 215px;
  }

  section.event-sec1 {
    padding: 40px 0;
  }

  section.even-details-sec1 .red-box {
    padding: 24px 20px;
  }

  section.even-details-sec1 .red-box ul.top li {
    font-size: 15px;
    margin-bottom: 8px;
  }

  section.even-details-sec1 .red-box ul.top {
    padding-bottom: 20px;
  }

  section.even-details-sec1 .red-box h5 {
    margin: 20px 0 15px;
  }

  section.even-details-sec1 .red-box ul.bottom li {
    font-size: 15px;
    margin-bottom: 8px;
  }

  section.even-details-sec1 {
    padding: 40px 0;
  }

  section.store-sec1 img.main {
    height: 260px;
  }

  section.store-sec1 {
    padding: 50px 0 30px;
  }

  section.sign-up {
    padding: 60px 0;
  }

  header .head-content-wraper .menu-wraper nav ul li.menu-item-has-children::after {
    display: none;
  }
}

@media screen and (max-width:991px) {
  h2 {
    font-size: 24px !important;
    line-height: 34px !important;
  }

  section.home-banner h1 {
    font-size: 30px;
    max-width: 600px;
  }

  .border-btn {
    font-size: 14px;
    padding: 10px 24px;
  }

  section.home-banner video {
    min-height: 480px;
  }

  section.home-banner .bottom-part {
    padding: 30px 0 50px;
  }

  section.home-banner .top-part {
    padding: 120px 0 40px;
  }

  section.home-sec4 .cart-wraper {
    margin-bottom: 20px;
  }

  section.home-sec2 .box {
    margin: 0 0 5px;
  }

  section.home-sec5 ul li {
    padding-left: 55px;
  }

  section.home-sec5 ul li::after {
    width: 25px;
    height: 25px;
    border: 5px solid #fff;
    left: 8px;
  }

  section.home-sec7 .hs7-slider .owl-dots {
    margin-top: 2px !important;
  }

  section.home-sec8 .marquee {
    margin: 12px 0;
  }

  section.home-sec8 a.red-btn {
    margin: 16px auto 0;
  }

  section.home-sec2 {
    padding: 30px 0 20px;
  }

  section.home-sec3 {
    padding: 30px 0 20px;
  }

  section.home-sec4 {
    padding: 30px 0 20px;
  }

  section.home-sec5 {
    padding: 30px 0 20px;
  }

  section.home-sec6 {
    padding: 30px 0 20px;
  }

  section.home-sec7 {
    padding: 30px 0 20px;
  }

  section.home-sec8 {
    padding: 30px 0 20px;
  }

  section.home-sec9 {
    padding: 30px 0;
  }

  footer .col-lg-3.ms-auto {
    margin-top: 50px;
  }

  footer h5+p {
    margin-bottom: 20px;
  }

  footer h5 {
    margin-bottom: 14px;
  }

  a#button {
    width: 50px;
    height: 50px;
  }

  section.home-sec9 ul {
    margin-top: 20px;
  }

  section.about-sec2 .images-box span.circle {
    width: 300px;
    height: 300px;
    bottom: 0;
    top: 0;
  }

  section.about-sec2 .images-box span.circle span {
    width: 220px;
    height: 220px;
  }

  section.about-sec2 .images-box span.circle span span {
    width: 150px;
    height: 150px;
  }

  section.about-sec2 ul {
    grid-template-columns: 250px 250px;
    gap: 20px 0;
    bottom: 90px;
  }

  section.about-sec2 ul li span {
    max-width: 50px;
    height: 50px;
  }

  section.about-sec2 ul li {
    gap: 12px;
  }

  section.about-sec2 ul li p strong {
    font-size: 16px;
    margin-bottom: 4px;
  }

  section.about-sec2 ul li:nth-child(3) {
    padding-right: 30px;
  }

  section.about-sec2 ul li:nth-child(4) {
    padding-left: 30px;
  }

  section.about-sec2 ul li:nth-child(5) {
    padding-right: 30px;
  }

  section.about-sec2 ul li:nth-child(6) {
    padding-left: 30px;
  }

  section.about-sec2 ul li span img {
    width: 24px;
    height: 24px;
  }

  section.about-sec2 ul li p {
    font-size: 12px !important;
    line-height: 18px !important;
  }

  section.about-sec2 .images-box img.main {
    width: 270px;
  }

  section.about-sec3 {
    padding: 30px 0;
  }

  section.about-sec3 ul li span {
    width: 60px;
    height: 60px;
  }

  section.about-sec3 ul li span img {
    width: 28px;
    height: 28px;
  }

  section.about-sec3 ul li h5 {
    font-size: 14px;
    line-height: 18px;
  }

  section.about-sec4 ul li span {
    font-size: 16px;
  }

  section.about-sec4 ul li {
    padding-left: 24px;
  }

  section.about-sec4 ul li::after {
    content: "";
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
  }

  section.about-sec4 ul li {
    font-size: 12px;
    line-height: 18px;
  }

  section.about-sec3 ul {
    margin-top: 20px;
    gap: 20px 20px;
  }

  section.inner-banner .content-wraper h1 {
    font-size: 34px;
  }

  section.inner-banner .content-wraper {
    padding: 30px 0;
  }

  section.membership-sec2 .cart-wraper {
    flex-direction: column;
  }

  section.membership-sec2 .cart-wraper img {
    max-width: 100%;
    height: 300px;
    object-fit: cover;
  }

  section.membership-sec1 .cart-wraper h4 {
    font-size: 26px;
  }

  section.membership-sec1 p {
    margin-bottom: 20px;
  }

  section.membership-sec1 {
    padding: 30px 0 10px;
  }

  section.certification-sec2 .table-wraper table {
    width: 1150px;
  }

  section.certification-sec2 .table-wraper {
    overflow: auto;
    margin: 30px 0
  }

  section.certification-sec1 {
    padding: 30px 0 20px;
  }

  section.certification-sec1 ul.text li {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 12px;
  }

  section.certification-sec2 .table-wraper table tbody tr td {
    font-size: 14px;
    line-height: 22px;
  }

  section.certification-sec3 .btn-wraper {
    align-items: flex-start;
    flex-direction: column;
  }

  section.certification-sec3 {
    padding: 30px 0;
  }

  .trning_sec1 {
    padding: 30px 0 20px;
  }

  .trning_sec1 ul {
    margin-bottom: 20px;
  }

  .trning_sec1 ul.text li::after {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }

  .trning_sec1 ul.text li {
    padding-left: 30px;
  }

  .trning_sec1 ul {
    margin-top: 20px;
  }

  section.engage-sec1 .box {
    padding: 19px 16px;
  }

  section.engage-sec1 {
    padding: 30px 0 20px;
  }

  .trning_sec2 {
    padding: 30px 0 20px;
  }

  .yc_sec2 form .input {
    width: 100%;
  }

  .yc_sec2 form .inputs {
    gap: 22px 0px;
  }

  .yc_sec2 form .input textarea {
    min-height: 150px;
  }

  .yc_sec2 {
    padding: 30px 0 20px;
  }

  .yc_sec1 .side_img {
    margin-top: 25px;
  }

  .yc_sec1 {
    padding: 30px 0 20px;
  }

  section.about-sec1 {
    padding: 30px 0 20px;
  }

  section.event-sec1 .bor-wraper {
    padding: 16px 20px;
  }

  section.event-sec1 {
    padding: 30px 0;
  }

  section.even-details-sec1 .red-box {
    margin-top: 30px;
  }

  section.store-sec1 .wraper {
    margin-bottom: 30px;
  }

  section.store-sec1 {
    padding: 40px 0 20px;
  }

  section.store-sec1 h5 {
    font-size: 16px;
    text-align: center;
  }

  section.store-sec1 .wraper {
    text-align: center;
  }

  section.sign-up {
    padding: 40px 0;
  }

  section.sign-up h3 {
    font-size: 22px;
    margin-bottom: 18px;
  }

  /* css on 22.08.2025 */
  section.about-sec4.magSec1 .nav.nav-pills {
    margin-bottom: 2.8125rem;
  }
}

@media screen and (max-width:767px) {
  .red-btn {
    padding: 8px 18px !important;
    font-size: 14px;
  }

  h2 {
    font-size: 20px !important;
    line-height: 30px !important;
    text-align: center;
  }

  p {
    text-align: center !important;
  }

  header .head-content-wraper .menu-wraper .btn-wraper a.red-btn {
    display: none;
  }

  header .head-content-wraper .menu-wraper nav ul li.for-mobile-only {
    display: block;
  }

  header .head-content-wraper .logo-wraper {
    max-width: 140px;
  }

  .slim-container a.slimNav_sk78-reveal {
    top: 7px;
  }

  section.home-banner h1 {
    font-size: 16px;
    max-width: 100%;
    line-height: 22px;
    text-align: center;
  }

  section.home-banner h1+a.red-btn {
    display: table;
    margin: 0 auto;
  }

  section.home-banner .bottom-part .text-wrap {
    gap: 12px;
    flex-direction: column;
    text-align: center;
  }

  section.home-banner .bottom-part .text-wrap h4 {
    width: 100%;
  }

  section.home-banner .top-part {
    padding: 105px 0 30px;
  }

  section.home-banner .bottom-part {
    padding: 20px 0 40px;
  }

  section.home-banner video {
    min-height: 430px;
  }

  section.home-banner .bottom-part .text-wrap h4 {
    font-size: 17px;
  }

  section.home-sec2 h2,
  section.home-sec2 p {
    max-width: 100%;
  }

  section.home-sec2 p {
    margin-bottom: 10px;
  }

  section.home-sec2 .box span {
    width: 50px;
    height: 50px;
    margin: 0 auto;
  }

  section.home-sec2 .box span img {
    width: 24px;
    height: 24px;
  }

  section.home-sec2 .box h5 {
    text-align: center;
  }

  section.home-sec2 .box h5 br {
    display: none;
  }

  section.home-sec2 .box {
    text-align: center;
    margin: 0;
  }

  section.home-sec2 {
    padding: 20px 0;
  }

  section.home-sec3 {
    padding: 20px 0;
  }

  section.home-sec3 .col-lg-5 {
    margin-top: 25px;
  }

  section.home-sec3 .col-lg-5 a.red-btn {
    margin: 0 auto;
    display: table;
  }

  section.home-sec4 {
    padding: 20px 0;
  }

  section.home-sec4 ul.check {
    margin-bottom: 18px;
  }

  section.home-sec4 .images-wraper .text-wraper h5 {
    font-size: 20px;
    text-align: center;
  }

  section.home-sec4 .images-wraper .text-wraper p {
    margin: 14px 0;
  }

  section.home-sec4 .images-wraper .text-wraper a.red-btn {
    display: table;
    margin: 0 auto;
  }

  section.home-sec4 .images-wraper .text-wraper {
    left: 10px;
    right: 10px;
  }

  section.home-sec5 p+p+a.red-btn {
    display: table;
    margin: 0 auto;
  }

  section.home-sec5 ul {
    margin-top: 25px;
  }

  section.home-sec5 ul li p {
    text-align: left !important;
  }

  section.home-sec5 ul li {
    padding-left: 50px;
  }

  section.home-sec5 ul li h4 {
    font-size: 22px;
  }

  section.home-sec5 ul li h5 {
    margin-bottom: 2px;
    font-size: 16px;
  }

  section.home-sec6 {
    padding: 20px 0;
  }

  section.home-sec6 ul li {
    margin-bottom: 14px;
    grid-template-columns: 1fr;
  }

  section.home-sec6 ul li span {
    width: 50px;
    height: 50px;
  }

  section.home-sec6 a.red-btn {
    margin: 0 auto 25px;
    display: table;
  }

  section.home-sec7 {
    padding: 20px 0;
  }

  section.home-sec7 .hs7-slider .item {
    padding: 12px 8px;
  }

  section.home-sec8 {
    padding: 20px 0;
  }

  section.home-sec8 .marquee .marquee-inner img {
    width: 119px;
    height: auto;
  }

  section.home-sec8 .marquee .marquee-inner {
    gap: 14px;
  }

  section.home-sec9 {
    padding: 20px 0;
  }

  section.home-sec9 ul li h5 {
    padding: 12px 54px 13px 16px;
    font-size: 15px;
  }

  section.home-sec9 ul li .content p {
    text-align: left !important;
  }

  section.home-sec9 ul li .content {
    padding: 14px 10px 14px 16px;
  }

  section.home-sec9 ul li h5::after {
    width: 30px;
    height: 30px;
    background-size: 12px 12px;
  }

  footer {
    padding-top: 20px;
  }

  footer a.logo {
    display: table;
    margin: 0 auto;
  }

  footer a.logo img {
    width: 160px;
  }

  footer ul.s-media {
    justify-content: center;
    margin-bottom: 26px;
  }

  footer ul.s-media li {
    width: 35px;
    height: 35px;
  }

  footer ul.s-media li a img {
    width: 18px;
    height: 18px;
  }

  footer h5 {
    text-align: center;
  }

  footer ul.menu li {
    text-align: center;
    margin-bottom: 10px;
  }

  footer .col-lg-3.ms-auto {
    margin-top: 0;
  }

  footer ul.menu {
    margin-bottom: 26px;
  }

  footer h6 {
    margin: 24px 0 0;
    font-size: 12px;
    padding: 16px 0 20px;
  }

  a#button {
    width: 40px;
    height: 40px;
    background-size: 14px 14px;
    bottom: 20px;
    right: 20px;
  }

  .slim-container .slim-nav ul li a {
    width: 85.4%;
    padding: 12px 13px !important;
    padding-right: 40px !important;
  }

  .slim-container .slim-nav {
    margin-top: 55px;
  }

  .slim-container .slim-nav ul li a.slim-expand {
    border-bottom: none !important;
    width: 20px;
    height: 20px;
  }

  .slim-container .slim-nav ul li li a {
    width: 81%;
  }

  section.about-sec2 ul {
    grid-template-columns: 1fr;
    gap: 14px 0;
    bottom: 0;
  }

  section.about-sec3 ul {
    grid-template-columns: repeat(2, 1fr);
    padding: 0px;
  }

  section.about-sec3 ul li h5 {
    margin: 6px 0 0;
  }

  section.about-sec3 ul li span {
    width: 50px;
    height: 50px;
  }

  section.about-sec2 ul {
    position: relative;
  }

  section.about-sec2 ul li:nth-child(odd) {
    flex-direction: row-reverse;
  }

  section.about-sec2 ul li:nth-child(3) {
    padding-right: 0;
  }

  section.about-sec2 ul li:nth-child(5) {
    padding-right: 0;
  }

  section.about-sec2 ul li:nth-child(6) {
    padding-left: 0;
  }

  section.about-sec2 ul li:nth-child(4) {
    padding-left: 0;
  }

  section.about-sec2 ul li p br {
    display: none;
  }

  section.about-sec2 ul li p {
    text-align: left !important;
  }

  section.about-sec2 {
    padding: 0 0 20px;
  }

  section.about-sec1 {
    padding: 20px 0;
  }

  section.inner-banner .content-wraper {
    padding: 20px 0;
    position: relative;
  }

  section.inner-banner .content-wraper h1 {
    font-size: 22px;
    margin-bottom: 2px;
  }

  section.about-sec1 .img-wraper {
    margin-top: 20px;
  }

  section.about-sec1 .img-wraper .text-box h6 {
    font-size: 14px;
  }

  section.about-sec1 .img-wraper .text-box h6 span {
    font-size: 22px;
    margin-top: 3px;
  }

  section.about-sec1 .img-wraper .text-box {
    padding: 12px 12px;
  }

  section.about-sec4 ul {
    margin-top: 12px;
    margin-bottom: 20px;
  }

  section.membership-sec2 .cart-wraper .text-wraper h5 {
    font-size: 16px;
    margin-bottom: 8px;
    text-align: center;
  }

  section.membership-sec2 .cart-wraper .text-wraper {
    text-align: center;
  }

  section.membership-sec2 .cart-wraper {
    margin-bottom: 20px;
  }

  section.membership-sec2 {
    padding: 20px 0 10px;
  }

  section.inner-banner>img {
    height: 150px;
    object-fit: cover;
  }

  section.membership-sec1 .cart-wraper h4 {
    font-size: 22px;
  }

  section.membership-sec1 .cart-wraper h5 {
    font-size: 14px;
    margin-bottom: 6px;
  }

  section.membership-sec1 .cart-wraper ul {
    padding-top: 18px;
  }

  section.membership-sec1 .cart-wraper {
    padding: 16px;
    margin-bottom: 19px;
  }

  section.membership-sec1 .cart-wraper a.red-btn {
    margin: 15px 0 18px;
  }

  section.membership-sec1 .cart-wraper ul li {
    font-size: 14px;
  }

  section.certification-sec1 ul.text li::after {
    content: "";
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }

  section.certification-sec1 ul.text li {
    font-size: 13px;
    padding-left: 30px;
    line-height: 22px;
  }

  section.certification-sec1 ul.text {
    margin: 20px 0;
  }

  section.certification-sec1 a.red-btn {
    display: table;
    margin: 0 auto;
  }

  section.certification-sec2 {
    padding: 0 0 20px;
  }

  section.certification-sec3 h2 {
    flex-direction: column;
  }

  section.certification-sec3 h2 img {
    width: 50px;
    height: 50px;
  }

  section.certification-sec3 h5 {
    font-size: 16px;
    text-align: center;
  }

  section.certification-sec3 .btn-wraper {
    align-items: center;
  }

  section.certification-sec3 .col-md-5 img {
    height: 500px;
    width: 100%;
  }

  section.certification-sec3 h6 {
    text-align: center;
  }

  .trning_sec1 {
    padding: 20px 0;
  }

  .trning_sec1 ul.text li {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 18x;
    padding-left: 36px;
  }

  .trning_sec1 ul.text li span {
    font-size: 16px;
    margin-bottom: 4px;
  }

  .trning_sec1 ul+a.red-btn {
    display: table;
    margin: 0 auto 25px;
  }

  section.engage-sec1 {
    padding: 20px 0;
  }

  section.engage-sec1 .box span {
    width: 60px;
    height: 60px;
  }

  section.engage-sec1 .box span img {
    width: 30px;
    height: 30px;
  }

  section.engage-sec1 .box span {
    width: 60px;
    height: 60px;
    margin: 0 auto;
  }

  section.engage-sec1 .box h5 {
    text-align: center;
  }

  .trning_sec2 h2 {
    margin-top: 20px;
  }

  .trning_sec2 a.red-btn {
    display: table;
    margin: 0 auto;
  }

  .yc_sec1 .side_img .red_box span {
    font-size: 25px;
  }

  .yc_sec1 .side_img .red_box {
    padding: 20px 20px;
  }

  .trning_sec1 h2.mb-32 {
    margin-bottom: 17px !important;
    font-size: 20px !important;
    margin-top: 20px;
  }

  .yc_sec2 {
    padding: 0 0 20px;
  }

  .yc_sec2 form .inputs {
    margin-bottom: 25px;
    justify-content: center;
  }

  section.event-sec1 {
    padding: 20px 0;
  }

  section.event-sec1 .bor-wraper {
    padding: 16px 13px;
    margin-top: 18px;
    text-align: center;
  }

  section.event-sec1 .bor-wraper h3 {
    font-size: 16px;
    text-align: center;
  }

  section.event-sec1 .pb-28 {
    padding-bottom: 20px;
  }

  section.even-details-sec1 {
    padding: 30px 0;
  }

  section.even-details-sec1 img {
    margin-top: 22px;
  }

  section.yc_sec2.contact-sec1 {
    padding: 30px 0 10px;
  }

  section.sign-up .row {
    flex-direction: column-reverse;
  }

  section.sign-up h3 {
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
  }

  section.sign-up {
    padding: 30px 0;
  }

  section.sign-up .form-group .toggle-password {
    top: 17px;
    font-size: 14px;
  }

  section.sign-up label {
    font-size: 15px;
  }

  section.sign-up .wraper a {
    font-size: 14px;
  }

  section.sign-up .wraper .checkbox span::after {
    width: 18px;
    height: 18px;
  }

  section.sign-up .wraper .checkbox input:checked+span::before {
    left: 4px;
    top: 3px;
    font-size: 12px;
  }

  /* css on 22.08.2025 */
  section.about-sec4.magSec1 {
    padding: 2.5rem 0;
  }

  section.about-sec4.magSec1 h3 {
    margin: 1.25rem 0 1.25rem;
  }

  section.about-sec4.magSec1 .mgFm {
    margin-top: 1.25rem;
  }

  section.about-sec4.magSec1 h6 {
    margin: 0 0 0.9375rem;
  }

  section.about-sec4.magSec1 ul.trick_circle {
    margin: 0 0 0.9375rem;
  }

  section.about-sec4.magSec1 .thankyou ul.partner_logo {
    gap: 1rem;
    flex-wrap: wrap;
  }

  .tableGroup table {
    border: 0;
  }

  .tableGroup table caption {
    font-size: 1.3em;
  }

  .tableGroup table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .tableGroup table tr {
    border-bottom: 3px solid #ccc;
    display: block;
    margin-bottom: 0.625em;
  }

  .tableGroup table td {
    border-bottom: 1px solid #ccc;
    display: block;
    text-align: left;
  }

  .tableGroup table td::before {
    content: attr(data-label);
    display: block;
    float: none;
    font-weight: bold;
    text-transform: none;
    color: #e91c23;
    text-align: center;
  }

  .tableGroup table td:last-child {
    border-bottom: 0;
  }

  section.about-sec4.magSec1 .tableGroup table th,
  section.about-sec4.magSec1 .tableGroup table td {
    padding: 0.8rem 1.05rem;
    text-align: center;
  }

  section.about-sec4.magSec1 .tableGroup {
    border-radius: 0;
  }

  section.about-sec4.magSec1 .tableGroup table td+td {
    border-left: none;
  }

  section.about-sec4.magSec1 .nav.nav-pills {
    gap: 0.8125rem;
    margin-bottom: 1.25rem;
  }

  .tab-content>.tab-pane {
    text-align: center;
  }

  section.about-sec4.magSec1 ul.trick_circle li {
    text-align: left;
  }

  .tableGroup.other2 {
    margin-top: 1.25rem;
  }

  section.about-sec4.magSec1 .mgFm_other {
    margin: 0 0 0.9375rem;
  }

  section.about-sec4.magSec1 p br {
    display: none;
  }
}


@media screen and (max-width: 639px) {}