@media (max-width: 1440px) {
  .new-achi-img {
    width: 65%;
  }

  .new-achi-gap h3 {
    font-size: 26px;
    line-height: 31px;
  }

  .new-achi h2 {
    font-size: 32px;
  }

  .card-cont h2 {
    font-size: 24px;
  }

  .card-cont h3 {
    font-size: 24px;
  }

  .news-link-sec-bg {
    padding: 5rem 0;
  }

  .cards {
    width: 35%;
  }

  .card-img {
    width: 90%;
  }
}

@media screen and (max-width: 1320px) {
  .cards {
    width: 40%;
  }

  .custom-container {
    width: 90%;
  }

  .mandatory-disclosure-container .custom-container {
    width: 90%;
  }

  .school-cards .card div {
    padding: 0 1rem 1rem;
  }

  .educational-card {
    width: 100%;
  }

  .educational-card div {
    width: 30%;
  }

  .vision-mission-row {
    width: 75%;
  }

  .vision-col {
    padding: 2rem 3rem 3rem;
  }

  .mission-col {
    padding: 2rem 3rem 3rem;
  }

  .mission-col img {
    width: 60%;
    transform: scale(1.5) translate(-10%, -30%);
  }

  .vision-col img {
    width: 60%;
    transform: scale(1.5) translate(30%, 30%);
  }

  .admission-form {
    padding: 3rem 0 1rem 4rem;
  }

  .contact-adress {
    padding: 1rem;
  }

  .contact-adress h1 {
    font-size: 24px;
  }

  .school-adress h2 {
    font-size: 22px;
  }

  .footer-container .footer-flex {
    gap: 1.5rem;
  }
}

@media (max-width: 1280px) {
  .new-achi-img {
    width: 65%;
  }

  .new-achi-img {
    width: 80%;
  }

  .new-achi-flex {
    gap: 3rem;
  }

  .new-achi-gap h3 {
    font-size: 22px;
  }

  .new-achi-gap p {
    width: 90%;
  }
}

@media screen and (max-width: 1220px) {
  .job-container .custom-container {
    overflow-x: scroll;
  }

  .job-table {
    width: 1200px;
  }

  .desktop-menu {
    gap: 1.8rem;
  }
}

@media screen and (max-width: 1170px) {
  .custom-container {
    width: 90%;
  }

  .contact-form form {
    padding: 2rem;
  }

  .gallery img {
    width: calc(33% - 2rem);
  }

  .trustees-photos {
    justify-content: space-between;
  }

  .trustees-photos div {
    width: 30%;
  }

  .about-inner-content div .chairman p {
    font-size: 14px;
  }

  .footer-col2 {
    padding-left: 0rem;
  }

  .admission-form {
    gap: 1rem;
  }

  .admission-form h3 {
    font-size: 38px;
  }

  .tab-pane .life-section {
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
  }

  .life-section img {
    width: 320px;
  }

  .life-tab-image {
    display: flex;
    margin: auto;
  }

  .life-at-sis-container .nav-tabs .nav-link {
    padding: 1rem;
  }

  .four-piller-flex h3 {
    font-size: 24px;
  }

  .marquee-container .left-part p {
    padding-left: 3rem;
  }
}

@media screen and (max-width: 1024px) {
  .card-img {
    width: 60%;
  }

  .new-achi-gap {
    width: 50%;
  }

  .new-achi-img {
    width: 50%;
  }

  .new-achi-gap p {
    width: 100%;
    line-height: 22px;
  }

  .new-achi-gap h3 {
    font-size: 18px;
    line-height: 26px;
  }

  .new-achi-flex{
    width: 85%;
  }

  .cards {
    gap: 1rem;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .cards-flex {
    width: 90%;
  }

  .card-cont h2 {
    font-size: 20px;
  }

  .card-cont h3 {
    font-size: 20px;
  }

  .vision-mission-container {
    padding: 12rem 0 6rem 0;
  }

  .header-logo {
    width: unset;
    justify-content: flex-start;
  }

  .desktop-menu {
    display: none;
  }

  .hamburger-menu {
    display: block;
  }

  .header-menu {
    width: unset;
  }

  .school-cards {
    bottom: 2rem;
  }

  .school-cards .card {
    width: calc(33.33% - 1rem);
  }

  .school-cards .card div h2 {
    font-size: 20px;
  }

  .school-cards .card {
    gap: 1rem;
  }

  .school-cards .card div {
    padding: 0 1rem 2rem 1rem;
  }

  .homepage-slider .swiper-slide p {
    font-size: 32px;
  }

  .welcome-container .custom-container {
    flex-direction: column;
  }

  .welcome-container .welcome-part {
    width: 100%;
  }

  .welcome-container .announcement-part {
    width: 100%;
    height: 500px;
  }

  .marqueeSwiper .swiper-slide {
    justify-content: center;
  }

  .marqueeSwiper .swiper-slide a {
    width: 55%;
  }

  .welcome-container h1 {
    font-size: 32px;
  }

  .footer-container .footer-flex {
    flex-wrap: wrap;
  }

  .educational-container .custom-container {
    padding: 4rem 0;
    gap: 3rem;
  }

  .educational-card div {
    width: 32%;
  }

  .trustees-photos div p {
    font-size: 16px;
  }
}

@media screen and (max-width: 920px) {
  .vision-mission-row p {
    width: unset;
  }

  .contact-us-container .custom-container {
    flex-direction: column;
    gap: 3rem;
  }

  .school-cards .card div h2 {
    font-size: 17px;
  }

  .contact-adress {
    width: 100%;
  }

  .contact-form {
    width: 100%;
  }

  .footer-col1,
  .footer-col2,
  .footer-col3,
  .footer-col4 {
    width: calc(50% - 2rem);
  }

  .footer-col2 {
    padding: 0;
  }

  .admission-form {
    width: 100%;
    padding: 3rem;
  }

  .admission-img {
    display: none;
  }

  .four-piller-flex {
    width: 90%;
  }

  .four-piller-flex h3 {
    font-size: 18px;
  }
}

@media screen and (max-width: 820px) {
  .cards {
    width: 50%;
  }

  h1 {
    font-size: 36px;
  }

  .gallery img {
    width: calc(50% - 2rem);
  }

  .mission-col {
    padding: 2rem;
  }

  .vision-col {
    padding: 2rem;
  }

  .mission-col h2 {
    font-size: 26px;
  }

  .vision-col h2 {
    font-size: 26px;
  }

  .educational-card {
    gap: 1rem;
  }

  .educational-card div {
    width: 100%;
  }

  .infrastructure-flex {
    flex-direction: column;
  }

  .infra-content {
    width: 100%;
    text-align: left;
    padding: 1rem;
  }

  .infra-image {
    width: 100%;
  }

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

  .infrastructure-container .custom-container {
    gap: 2rem;
  }

  .suguna-property {
    padding: 2rem 2rem 0;
    justify-content: center;
  }

  .suguna-properties {
    gap: 0;
  }

  .directors-flex {
    flex-direction: column;
    gap: 1rem;
  }

  .directors-flex.column-reverse {
    flex-direction: column-reverse;
  }

  .management-content {
    width: 100%;
  }

  .management-image {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
  }

  .about-inner-content div:nth-child(2) {
    width: 55%;
    display: flex;
    flex-direction: column;
    margin: auto;
  }

  .about-inner-content .chairman-image .chairman {
    width: 100%;
  }

  .about-inner-content {
    gap: 1rem;
  }

  .about-inner-content div:nth-child(1) {
    width: 100%;
  }

  .drucker-container .custom-container {
    padding: 4rem 1rem;
  }

  .drucker-container .custom-container p {
    font-size: 17px;
  }

  .charitable-container .custom-container {
    gap: 1rem;
  }

  .life-at-sis-container nav {
    width: 30%;
  }

  .life-at-sis-container .tab-content {
    padding: 1rem;
  }

  .cld-day {
    height: 90px !important;
  }

  .marquee-container .left-part p {
    padding-left: 1.5rem;
    font-size: 16px;
  }

  .marquee-container .right-part {
    padding: 10px;
  }

  .sch-logo2 {
    height: 55px;
  }
}

@media screen and (max-width: 768px) {
  .new-achi-flex {
    gap: 1rem;
    flex-direction: column;
    width: 100%;
  }

  .new-achi-gap {
    width: 100%;
    padding-bottom: 1rem;
  }

  .new-achi-img {
    width: 100%;
  }

  .mySwiperlatest .swiper-button-prev:after {
    display: none;
  }

  .mySwiperlatest .swiper-button-next:after {
    display: none;
  }

  .cards {
    width: 100%;
  }

  .cards-flex {
    flex-wrap: wrap;
  }

  .mandatory-disclosure-container .custom-container .mandatory-table {
    overflow-x: scroll;
  }

  .mandatory-disclosure-container .mandatory-tab1 table {
    width: 100%;
  }

  .mandatory-disclosure-container .mandatory-tab2 table {
    width: 700px;
  }

  .announcement-container .tab-content {
    overflow-x: scroll;
  }

  .announcement-container .mandatory-tab2 table {
    width: 700px;
  }

  .school-cards .card {
    width: 100%;
  }

  .four-piller-flex {
    flex-direction: column;
    gap: 2rem;
  }

  .four-piller-flex div {
    width: 100%;
  }

  .four-piller-container {
    gap: 2rem;
  }

  .homepage-slider .swiper-slide p {
    left: 30%;
    top: 50%;
  }
}

@media screen and (max-width: 600px) {
  h1 {
    font-size: 24px;
  }

  h2 {
    font-size: 22px;
  }

  .hamburger-menu1 p {
    font-size: 18px;
  }

  .header-logo .sch-logo {
    width: 130px;
  }

  .sch-logo2 {
    height: 28px;
  }

  #tabletmenu {
    top: 8.5%;
  }

  .homepage-slider .swiper-slide p {
    font-size: 17px;
  }

  .schools-type-container .custom-container {
    flex-direction: column;
    gap: 2rem;
    width: 100%;
  }

  .school-cards {
    bottom: 0;
  }

  .school-cards .card {
    width: 100%;
  }

  .welcome-container .custom-container {
    flex-direction: column;
    padding: 3rem 0;
  }

  .welcome-container .welcome-part {
    width: 100%;
  }

  .welcome-container .announcement-part {
    width: 100%;
  }

  .welcome-container h1 {
    font-size: 22px;
  }

  .announcement-pdf p {
    left: 0%;
  }

  .announcement-pdf {
    gap: 0;
  }

  .announcement-pdf a {
    padding-left: 10px;
  }

  .marqueeSwiper .swiper-slide a {
    width: 60%;
  }

  .vision-mission-row {
    width: 100%;
    flex-direction: column;
    transform: translateY(0px);
  }

  .mission-col {
    width: 100%;
    padding: 2rem;
  }

  .vision-col {
    width: 100%;
    padding: 2rem;
  }

  .vision-col div {
    display: flex;
    flex-direction: column-reverse;
  }

  .vision-col img {
    transform: scale(1) translate(20%, 20%);
    width: 60%;
  }

  .mission-col img {
    transform: scale(1) translate(10%, -10%);
    width: 60%;
  }

  .educational-container .custom-container {
    padding: 3rem 0;
    gap: 2rem;
  }

  .educational-card div {
    width: 100%;
  }

  .educational-part {
    gap: 0;
  }

  .admission-form {
    width: 100%;
    gap: 1rem;
    padding: 2rem;
  }

  .add-form {
    gap: 1rem;
  }

  .add-form div {
    width: 75%;
  }

  .add-form label {
    width: 25%;
  }

  .admission-img {
    display: none;
  }

  .admission-form {
    padding: 1rem;
  }

  .admission-form h3 {
    font-size: 32px;
  }

  .marquee-container .left-part p {
    font-size: 18px;
  }

  .footer-col1,
  .footer-col2,
  .footer-col3,
  .footer-col4 {
    width: 100%;
  }

  .footer-container .footer-flex {
    gap: 2rem;
  }

  #tabletmenu a {
    font-size: 18px;
  }

  .footer-col2 {
    padding-left: 0;
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 20px !important;
  }

  .marquee-container .left-part {
    width: 40%;
    padding: 0.5rem;
  }

  .marquee-container .right-part {
    width: 60%;
    padding: 0.5rem;
  }

  .school-location {
    padding: 0;
  }

  .gallery img {
    width: 100%;
  }

  .trustees-photos {
    flex-direction: column;
    gap: 2rem;
  }

  .trustees-photos div {
    width: 100%;
  }

  .about-inner-content div b {
    text-align: center;
  }

  .about-content-container {
    gap: 1rem;
  }

  .life-at-sis-container {
    display: none;
  }

  .life-sis-accordian {
    display: block;
  }

  .marqueeSwiper .swiper-slide a {
    padding: 19px;
    width: 75%;
    font-size: 14px;
  }

  .management-image {
    width: 100%;
  }

  .directors-flex {
    padding: 1rem;
  }

  .about-inner-content div:nth-child(2) {
    width: 100%;
  }

  .gallery-page-container .nav-tabs .nav-link {
    padding: 1rem;
  }

  .mandatory-disclosure-container .custom-container {
    gap: 1rem;
    padding: 2rem 0;
  }

  .announcement-container .nav-tabs .nav-link {
    padding: 1rem;
  }

  .mandatory-table:nth-child(1) table {
    width: 350px;
  }

  .mandatory-table tr th {
    font-size: 14px;
  }

  .mandatory-table tr td a {
    font-size: 14px;
  }

  .mandatory-table tr td {
    padding: 0.5rem;
    font-size: 14px;
  }

  .cld-day {
    height: 75px !important;
    width: 14.5%;
  }

  .cld-title p {
    font-size: 10px !important;
  }

  .educational-container .custom-container h3 {
    font-size: 28px;
  }

  .educational-container .custom-container h2 {
    font-size: 32px;
  }

  
  .new-achi-img {
    padding-bottom: 0rem;
  }

  .new-achi {
    padding: 3rem 0;
  }

  .new-achi h2 {
    font-size: 26px;
  }

  .new-achi-gap h3 {
    font-size: 18px;
    line-height: 24px;
  }

  .card-img {
    width: 90%;
  }

  .new-achi-gap {
    width: 93%;
  }

  .new-achi-img {
    width: 93%;
  }

  .vision-mission-container {
    padding: 2rem 0 6rem 0;
  }

  .marqueeSwiper .swiper-slide b {
    font-size: 14px;
    padding: 18px 14px;
  }

  .marqueeSwiper .swiper-slide p {
    font-size: 14px;
  }

  .cld-number {
    font-size: 14px;
  }

  .cld-label {
    font-size: 14px;
    padding: 6px !important;
  }

  .cld-day {
    height: 55px !important;
    width: 14.5%;
  }

  .cld-number.eventday {
    font-size: 15px;
    padding: 2px;
  }

  .cld-datetime .today {
    font-size: 2rem !important;
  }

  .cld-title p {
    font-size: 8px !important;
  }
}

@media screen and (max-width: 450px) {
  .card-img {
    width: 85%;
  }

  .card-cont h3 {
    font-size: 18px;
  }

  .new-achi h2 {
    font-size: 22px;
  }

  .gallery p {
    line-height: 22px;
  }

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

  .gallery-card {
    width: 100% !important;
    padding-bottom: 0 !important;
  }

  .header-logo .sch-logo {
    width: 110px;
  }

  #hamburger {
    width: 30px;
    height: 23px;
  }

  #hamburger .line {
    width: 30px;
  }

  #hamburger.active .line1 {
    transform: rotate(45deg) translate(10px, 3px);
  }

  #hamburger.active .line3 {
    transform: rotate(-45deg) translate(11px, -4px);
  }

  #tabletmenu {
    top: 7.2%;
    padding: 2rem;
    gap: 0.5rem;
  }

  .management-image {
    width: 100%;
  }

  .cld-main {
    height: 600px !important;
  }
}