/* ==== responsive media coverage ============= */
@media (min-width:1920px) {
    .contact-deatails-section {
        max-width: 1920px;
        margin-inline: auto;
    }
}

@media (max-width:1899px) {
    .padagogy_text {
        width: 60%;
        margin: 12rem auto 0;
    }

    .text_pd62 {
        width: 40%;
    }

    .comprehensive-suports-grid {
        grid-template-columns: 38.5% 56.63%;
        gap: 5.8rem;
    }

    .curriculum-advantage2 .philosophy {
        padding: 3.4rem 4.3rem 5.5rem 4.3rem
    }

}

@media (max-width:1799px) {

    .sixth-form-panel3-grid-box.Cnt-para-left {
        padding-inline: 6.5rem 7rem;
    }

    .sports-header {
        padding-inline: 0;
    }

    .sixth-form-panel3-grid-box.Cnt-para-right {
        padding-inline: 5.5rem 8rem;
    }

    .art-text {
        width: 72%;
    }

    .shakespeare-caption {
        padding: 3rem;
    }

    .art-content {
        display: grid;
        grid-template-columns: 1.15fr 1fr;
    }

    .dance-text {
        width: 70%;
    }

    .comprehensive-suports-cont .custom_list li {
        margin-bottom: 1.5rem;
    }

    .comprehensive-suports-cont .bottom-border-img {
        margin-top: 6rem;
    }

    .universities-head-grid {
        display: grid;
        grid-template-columns: 39.65% 56.85%;
        gap: 4.5rem;
    }

    .affiliation-cont {
        padding-right: 5rem;
    }

    .blearnig_grid {
        display: grid;
        grid-template-columns: 61.82% 30%;
    }

    .b_learning_text1 h2 {
        font-size: var(--font-48);
    }

    .harrow-sports-grid {
        grid-template-columns: 65% 27.9%;
        gap: 11rem;
    }

    .igs-grid {
        gap: 7rem;
    }

    .curricular-activity-grid {
        gap: 12.5rem;
        grid-template-columns: 25% 62.9%;
    }

    .tabs_with_accordion_wrapper {
        gap: 13rem;
    }

    .sixth-form:nth-of-type(2) figure {
        padding-block: 1rem;
        width: fit-content;
        margin: 2rem auto;

    }

    .padagogy_text {
        width: 67%;
    }

    .left_pd_panel figure,
    .left_pd_panel figure img {
        height: 100%;
    }

    .padagogy_left img {
        height: 100%;
        object-fit: cover;
    }

    .sixth-form-panel4-grid {
        grid-template-columns: 57.65% 31.58%;
    }

    .safeguardtext1 {
        padding-top: 10rem;
        padding-left: 9rem;
    }

    .philosophy {
        padding: 3.4rem 3.5rem 6.5rem 3.5rem;
    }

    .curriculum-advantage2 .philosophy {
        padding: 3.4rem 3rem 5.5rem 3rem
    }

    .super-curriculum-panel1-grid-box.one {
        padding-right: 0;
    }

    .super-curriculum-panel1-grid-box.tow img {
        height: 100%;
        object-fit: cover;
    }

    .igs_Cnt.igs_Cntnew {
        padding-right: 4rem;
    }

    .inner_head.search_panel ul.list-group p {
        padding-right: 5rem;
    }

}

@media (max-width:1699px) {


    .sixth-form-panel4-grid-box.left-Cnt .line-border {
        margin-block: 4.8rem 5.8rem;
    }

    .sixth-form-panel4-grid-box.left-Cnt .line-border img {
        width: 33rem;
    }

    .right-Cnt figure img {
        margin-top: 4.9rem;
        width: 75%;
    }

    .left-Cnt P {
        padding-inline: 7.5rem 0;
    }

    .sports-header {
        width: 90%;
    }

    .grid_left-m,
    .left_sp {
        width: 90%;
    }

    .dance-text {
        width: 74%;
    }

    .universities-guidence-cont {
        padding-right: 0;
    }

    .universities-guidence-cont em {
        margin-block: 0rem 2rem;
    }

    .universities-guidence-cont h3 {
        margin-bottom: 2rem;
    }

    .pd-text-detail {
        width: 77%;
    }


    .left_grade_text {
        width: 78%;
    }


    .amity-nurture-grid-right {
        padding-right: 11rem;
    }

    .media-coverage-panel1::before {
        top: 15.5rem;
    }

    /* ===== university guidence responsive ===== */

    .comprehensive-suports-cont .custom_list li {
        margin-bottom: 1rem;
    }

    /* ==== sports at harrow ===*/
    .harrow-sports-grid {
        gap: 8rem;
        grid-template-columns: 65% 28.9%;
    }


    .grid-4 {
        gap: 2.9rem 2.9rem;
    }

    /* ==== co-curricular activities ===*/

    .art-text {
        width: 88%;
    }

    .blearnig_grid {
        grid-template-columns: 60% 35%;
    }

    .b_learning_text1 h2 {
        line-height: 1;
    }

    .igs_Cnt {
        padding-right: 3.8rem;
    }

    .padagogy_text {
        width: 69%;
    }

    .left_pd3_text {
        width: 80%;
        margin: 0 auto;
    }

    .grid_6_runnig {
        grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));

    }

    .amity-nurture-grid-left .amity-icon-logo {
        width: 12rem;
    }

    .holistic-sports .grid-item.image-left .text {
        width: 74.15%;
    }

    .curriculum-advantage2 .philosophy {
        padding: 3.4rem 1rem 5.5rem 1rem
    }

    .igs_Cnt.igs_Cntnew {
        padding-right: 2rem;
    }

}

@media (max-width:1691px) {
    .shakespeare-caption {
        width: 95%;
    }

    .pd_learning_grid3 p {
        padding-inline: 0 4rem;
    }

    .comprehensive-suports-grid {
        grid-template-columns: 40.5% 56.63%;
        gap: 3.8rem;
    }

    .inner_head {
        padding-block: 24rem 0;
    }

    .curricular-activity-grid {
        grid-template-columns: 25.9% 63.9%;
        gap: 10.1rem;
    }

    .pd6_text2 {
        padding-inline: 0 4rem;
        padding-block: 2rem 0;
    }

    .academic-excellence p {
        padding-inline: 6rem;
    }

    .pd_learning_grid3 h4 {
        margin-top: 2rem;
    }

    .right_grid4_text {
        width: 70%;
    }

    .pd_learning_grid3 h4 {
        margin-top: 2rem;
    }
}

@media (max-width:1599px) {
    .admission_panel1 .details {
        display: block;
    }

    .harrow-sports-grid {
        gap: 6rem;
    }

    .mission_right {
        padding-block: 4rem 0;
        padding-inline: 0 4rem;
    }
}

@media (max-width:1549px) {
    .igs-grid {
        gap: 6rem;
    }

    .igs-grid {
        grid-template-columns: 31.92% 63%;
    }

    .igs_Cnt figure {
        margin-bottom: 2rem;
    }

    .left_pd3_text {
        width: 84%;
        margin: 0 auto;
    }

    .left_text_6 figure {
        margin-top: 2rem;
    }

    .bor-over2text {
        padding: 0;
    }

    .art-text {
        width: 82%;
    }

    .sub-heading {
        margin-bottom: 2rem;
    }
}

@media (max-width: 1499px) {

    .curricular-activity-grid {
        grid-template-columns: 25.95% 62.9%;
        gap: 9.1rem;
    }

    .sixth-form-panel1-grid {
        grid-template-columns: 54.71% 42.85%;
        gap: 10rem;
    }

    .grid_6_runnig {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }

    .amity-nurture-grid-left .amity-icon-logo {
        width: 11rem;
    }

    .grid-activity-container .text-content {
        width: 88%;
    }

    .dance-text {
        width: 78%;
    }

    .holistic-sports .grid-item.image-left .text {
        width: 82.15%;
    }

    .news-listing.news-odd .news-cont {
        padding-inline: 1.4rem 1.5rem;
    }

    .philosophy {
        padding: 3.4rem 3rem 6.5rem 3rem;
    }

    .handbookpdf_icons a {
        font-size: var(--font-13);
    }

}

@media (max-width:1399px) {
    .pd-text-detail {
        width: 79%;
    }

    .shakespeare-caption {
        width: 98%;
    }


}

@media (max-width:1366px) {
    .spprots-colboration-panel1 .grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .spprots-colboration em {
        width: 100%;
    }

    .media-coverage-panel1::before {
        top: 13rem;
    }

    /* ==== sports at harrow ===*/

    .harrow-sports-grid-box2 {
        padding-top: 8rem;
    }

    /* ==== co-curricular activities ===*/

    .art-text {
        width: 100%;
    }

    .bg-clr-box {
        padding-block: 3rem 8rem;
        padding-inline: 5rem 6rem;
    }

    .right-content {
        width: 49%;
    }

    .igs_Cnt {
        padding-right: 3.8rem;
    }

    .igs-grid {
        gap: 3.2rem;
        grid-template-columns: 34% 63%;
    }

    .sixth-form-panel1-grid {
        display: grid;
        grid-template-columns: 56.71% 46.85%;
        gap: 8rem;
    }

    .sixth-form-panel3-grid-box.Cnt-para-left,
    .sixth-form-panel3-grid-box.Cnt-para-right {
        padding-inline: 3.5rem 6rem;
    }

    .padagogy_text {
        width: 75%;
    }

    .left_pd3_text {
        width: 85%;
    }

    .pd_learning_grid3 h4 {
        margin-top: 2rem;
        line-height: 1;
    }

    .grid_6_runnig {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

@media (max-width:1351px) {
    .right-content {
        width: 65%;
    }

    .text_pd62 p {
        font-size: 11px;
    }

    .board-house1 .board-num {
        width: 64%;
    }

    .grid-item.image-left .text {
        width: 60%;
    }
}

@media (max-width:1299px) {
    .pd-text-detail {
        width: 83%;
    }

    .academic-excellence p {
        padding-inline: 0;
    }

    .mission_right {
        padding-inline: 0 0rem;
    }

    .mission_left_space {
        padding-block: 0 3.7rem;
    }
}

@media (max-width:1199px) {
    .igs_Cnt.igs_Cntnew {
        padding-right: 0;
    }

    .right-Cnt figure img {
        margin-top: 1.9rem;

    }

    .other_text3 {
        padding-top: 10rem;
    }

    .pd-text-detail {
        width: 86%;
    }

    .harrow-way-item {
        grid-template-columns: 39.2% 39%;
    }

    .left_journey .right-content {
        width: 52%;
    }

    .learning_panel3.senior-school-panel3 em br {
        display: none;
    }

    .awardpanel {
        padding-bottom: 0;
    }

    .press-release-list {
        padding-inline: 1.5rem;
    }

    .latest-pres-grid {
        padding-inline: 1.6rem;
    }

    .press-release-listing {
        justify-content: center;
    }

    .press-release-panel {
        padding-block: 5.9rem 10rem;
    }

    .media-coverage-panel1::before {
        top: 13rem;
    }

    .community-profile-grid {
        padding-block: 18rem 8rem;
    }

    /* ===== university guidence responsive ===== */
    .comprehensive-suports-grid {
        grid-template-columns: 61.5% 53.63%;
        gap: 4.8rem;
        padding-inline: 9rem;
    }

    .comprehensive-suports-cont .bottom-border-img {
        margin-top: 4rem;
    }

    .comprehensive-btm {
        margin-top: 4rem;
        padding-inline: 9rem;
    }

    /* .clubs-panel1-Cnt { padding-inline: 0; margin-bottom: 0rem; padding-bottom: 3rem; } */
    .form-container {
        padding: 3.5rem 3.8rem 7.2rem 4rem;
    }

    .contact-inner {
        margin-bottom: 5rem;
    }

    .contact-details p {
        padding-right: 20rem;
    }

    .contact-details {
        padding-left: 3.5rem;
    }

    .harrow-sports-grid {
        grid-template-columns: 71% 25.9%;
        gap: 3rem;
    }

    .holistic-sports .grid-item.image-left .text {
        width: 79.15%;
    }

    .sports-at-cnt {
        padding-inline: 6.5rem 6.6rem;
    }

    .holistic-sports .grid-item.image-right .text {
        order: 1;
        width: 79%;
    }

    .sports-team-harrow .community-profile-grid ul {
        gap: 2.2rem;
    }

    .sports-header {
        width: 100%;
        padding-inline: 0;
    }

    .grid-activity-container .text-content {
        width: 81%;
    }

    .dance-text {
        padding-right: 0;
        width: 85%;
    }

    .art-text {
        width: 100%;
    }

    .blearnig_grid {
        grid-template-columns: 64% 35%;
        gap: 6.5rem;
        ;
    }

    .b_learning_text1 h2 {
        margin-block: 2rem;
    }

    .blearning_right {
        padding-top: 8rem;
    }

    .igs_Cnt {
        padding-right: 0rem;
    }

    .igs-grid {
        gap: 6.2rem;
        grid-template-columns: 31% 63%;
    }

    .curricular-activity-grid {
        grid-template-columns: 26.9% 63.9%;
        gap: 8.1rem;
    }

    .tabs_with_accordion_wrapper {
        gap: 10.6rem;
        grid-template-columns: 27.65% 61.9%;
    }

    .sixth-form-panel1-grid {
        gap: 6rem;
        grid-template-columns: 58.71% 45.85%;
    }

    .sixth-form-panel3-grid-box.Cnt-para-left,
    .sixth-form-panel3-grid-box.Cnt-para-right {
        padding-inline: 2.5rem 3rem;
    }

    .sixth-form-panel4-grid {
        display: grid;
        grid-template-columns: 57.65% 34.58%;
        gap: 8.5rem;
    }

    .padagogy_text {
        width: 83%;
        margin: 9rem auto 0;
    }

    .pd_learning_grid3 h4 {
        margin-top: 4rem;
        line-height: 0.9;
    }

    .left_pd3_text {
        width: 100%;
    }
}

@media (max-width:1099px) {

    .harrow-way-item {
        grid-template-columns: 33.2% 36%;
    }

    section.about_panel1 p br {
        display: none;
    }

    .safeguardtext1 {
        padding-top: 10rem;
        padding-left: 4rem;
    }

}

@media (max-width:1050px) {
    .universities-head-grid {
        grid-template-columns: 42.65% 50.85%;
        gap: 8.5rem;
    }

    .sports-team-harrow .community-profile-grid ul {
        gap: 2.2rem;
    }

    .comprehensive-suports-cont p {
        font-weight: 500;
        margin-bottom: 1rem;
    }

    .comprehensive-suports-grid {
        grid-template-columns: 54.5% 57.63%;
        gap: 4.8rem;
        padding-inline: 0rem;
    }

    .comprehensive-suports-cont {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .comprehensive-suports-cont .bottom-border-img {
        margin-top: 4rem;
    }

    .comprehensive-btm {
        margin-top: 4rem;
        padding-inline: 0rem;
    }

    /* === club === */
    .clubs-panel1-Cnt {
        padding-inline: 0;
        padding-bottom: 0rem;
    }

    .clubs-list-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem 2.6rem;
        margin-top: 3rem;
    }

    .clubs-panel1-grid {
        grid-template-columns: 38.7% 57.65%;
    }

    .igs-grid {
        grid-template-columns: 33.92% 63%;
        gap: 3.2rem;
    }

    .igs_Cnt {
        padding-right: 0rem;
    }

    .curricular-activity-grid {
        grid-template-columns: 30.9% 62.9%;
        gap: 13.1rem;
    }

    .custom_table table tbody tr td {
        padding-right: 3rem
    }

    ;

    .sixth-form-panel1-grid {
        gap: 6rem;
        grid-template-columns: 54.71% 47.85%;
    }

    .left_grade_text {
        width: 82%;
    }

    .sports-text.small p {
        width: 80%;
    }


}


@media (max-width:1024px) {
    .curricular-activity-grid {
        grid-template-columns: 27.9% 62.9%;
        gap: 13.1rem;
    }
}



@media (max-width:991px) {
    .about_panel1.primary_about p {
        padding-inline: 0;
    }

    .other_text3 {
        padding-top: 15rem;
    }

    .handbookpdf_icons {
        gap: 2rem;
    }

    .harrow-way-item {
        grid-template-columns: 52.2% 44%;
    }

    .harrow-way-text {
        width: 100%;
    }

    .left_journey .right-content,
    .right-content {
        width: 80%;
    }

    .vac-btn a {
        word-break: break-all;
    }

    .career_sec .grid-container {
        display: block;
    }

    .board-house1 .board-num {
        width: 100%;
    }

    .safeguardtext1 {
        padding-top: 3rem;
        padding-left: 0;
    }

    .primary-school-panel3 .custom_table {
        padding-block: 3rem;
    }

    body .board-house1 .safeguardtext1 img {
        margin-block: 2rem 3rem;
        width: 100%;
    }

    .family-school {
        margin-top: 4rem;
    }

    .family-school-grid {
        gap: 4rem 3rem;
    }

    .about_panel2_text1.leadership2 {
        padding-block: 3rem 0rem;
        padding-inline: 0 0rem;
    }

    .about_panel_leadership {
        padding-bottom: 5rem;
    }

    .leadership-team {
        padding-block: 5rem;
    }

    .harrow-heritage-panel1 {
        margin-top: 1.8rem;
    }

    .about_panel2_text1.leadership2 .signature {
        margin-top: 23px;
    }

    .about_panel_leadership {
        margin-top: 3.8rem;
    }

    .inner_head {
        padding-block: 19rem 0;
    }

    blockquote {
        padding-block: 1rem 1rem;
    }

    .harrow-section.fixed_top_bg {
        margin-block: 4rem 0;
    }

    .harrow-section .master_grid>* {
        width: 100%;
    }

    .harrow-section .master_grid .text-box {
        order: 2;
        margin-top: 0;
        margin-left: 0;
    }

    .harrow-section.fixed_top_bg {
        padding-bottom: 5rem;
    }

    .jpurney-panel {
        padding-block: 4rem;
        margin-top: 4rem;
    }

    .journey_grid {
        grid-template-columns: 100%;
        gap: 1rem;
    }

    .group_journy {
        margin-bottom: 1rem;
    }

    .right-content h2 {
        font-size: 20px;
    }

    .jounery-bg,
    .grid_line,
    .left_journey:before,
    .group_journy:nth-child(1) .shield-wrap:before {
        display: none;
    }

    .right_journey .group_journy:last-child .shield-wrap img {
        width: 4rem;
    }

    .right-content {
        width: 100%;
    }

    .amity-nurture-grid {
        grid-template-columns: 100%;
        gap: 0rem;
        margin-top: 3rem;
    }

    .amity-nurture-grid-right {
        padding-right: 0;
    }

    .amity-nurture {
        padding-block: 2rem 5rem;
    }

    .amity-nurture-grid-left {
        margin-bottom: 3rem;
    }

    .top .amity-nurture-grid-left {
        margin-bottom: 2rem;
        padding-inline: 0;
    }

    .family-school {
        padding-bottom: 5rem;
    }

    .contact-details {
        padding-top: 4rem;
    }

    .latest-pres-grid {
        gap: 3rem;
        grid-template-columns: repeat(1, 1fr);
    }

    .community-profile-grid ul {
        column-gap: 4rem;
    }

    .submit {
        margin-bottom: 4.8rem;
    }

    .contact-inner {
        margin-bottom: 4rem;
        grid-template-columns: repeat(1, 1fr);
    }

    .form-container {
        padding: 2.5rem 1.8rem 5.2rem 2rem;
    }

    .community-tabs {
        column-gap: 1rem;
    }

    /* === common === */
    .fixed_top_bg:before {
        height: 40px;
    }

    .font18 {
        margin-bottom: 1rem;
    }

    /* blockquote {
        padding: 0 0 1rem 0;
    } */

    .custom_list li {
        margin-bottom: 1rem;
    }

    .inner-container p.italic-text {
        margin-bottom: 2rem;
    }

    .italic-text br {
        display: none;
    }

    /* === common end === */

    .university-guidance1 {
        margin-top: 3rem;
    }

    .universities-guidence-panel1 {
        padding-block: 3rem 3rem;
    }

    .universities-guidence-panel1 em {
        padding-right: 0rem;
        margin-bottom: 1rem;
    }

    .head-of-university {
        padding-block: 3rem;
    }

    .universities-head-grid {
        grid-template-columns: 1fr;
        gap: 3.5rem;
    }

    .universities-guidence-cont em {
        margin-block: 1rem 2rem;
    }

    .comprehensive-suports {
        padding: 3rem 0rem;
    }

    .comprehensive-suports-grid {
        grid-template-columns: 1fr;
        padding-inline: 0rem;
    }

    .comprehensive-suports-cont {
        order: 2;
    }

    .comprehensive-suports-img {
        order: 1;
    }

    .comprehensive-btm {
        margin-top: 3rem;
        padding-inline: 0rem;
    }

    .comprehensive-suports-cont .bottom-border-img {
        margin-top: 0rem;
    }

    .comprehensive-btm p,
    .universities-guidence-panel1 {
        padding-right: 0rem;
    }

    .media-coverage-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5.6rem 5.6rem;
    }

    .media-coverage-panel1::before {
        top: 13rem;
    }

    /* === the super-curriculum === */
    .super-curriculum-panel1-grid-box em:before {
        height: 0;
    }

    .super-curriculum-panel1 {
        padding-block: 3rem 4rem;
        margin-top: 1.8rem;
    }

    .super-curriculum-panel1-grid-box.one {
        padding-right: 0;
    }

    .super-curriculum-panel1-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .super-curriculum-panel1-grid-box p {
        margin-top: 2rem;
    }

    .list-of-allow {
        margin-top: 3rem;
    }

    .list-of-allow h3 {
        margin-bottom: 2rem;
    }

    .super-curriculum-panel1 .bottom-border-img {
        margin-block: 2rem 2rem;
    }

    .super-curriculum-panel1 .btn-cnt {
        padding-right: 0rem;
        margin-bottom: 2rem;
    }

    /* === club=== */

    .clubs-panel1 {
        background-color: transparent;
        margin-top: 3rem;
    }

    .clubs-panel1-grid {
        grid-template-columns: 1fr;
    }

    .clubs-panel1-Cnt {
        padding-inline: 0rem 0rem;
        margin-bottom: 0rem;
        padding-block: 0rem 1rem;
    }

    .clubs-panel1-grid-box.one {
        z-index: 996;
    }

    .clubs-panel1-btm-Cnt {
        margin-block: 2rem 1rem;
    }

    .clubs-list {
        padding-block: 3rem 3rem;
    }

    .clubs-list-btm {
        margin-top: 3rem;
    }

    .clubs-list-title em {
        margin-block: 2rem 2rem;
    }

    .clubs-list-title {
        padding-inline: 0;
    }

    .club-list-Cnt p {
        margin-top: 1rem;
    }

    .expeditions_panel_grid {
        grid-template-columns: 1fr;
    }

    /* ==== sports at harrow ===*/

    .harrow-sports-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
        margin-bottom: 4rem
    }

    .harrow-sports-grid-box2 {
        padding-top: 0rem;
    }

    .sports-team-harrow {
        padding-block: 4rem;
    }

    .sports-team-harrow .community-profile-grid ul {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 4.2rem;
        row-gap: 20rem;
    }

    .grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .spprots-colboration figcaption {
        padding-block: 2rem 1rem;
    }

    .spprots-colboration-panel1 {
        padding-block: 4rem;
    }

    .spprots-colboration em {
        width: 100%;
        margin-bottom: 3rem;
    }

    .community-profile-grid ul li {
        padding-inline: 1rem;
    }

    .grid-item.image-right .text {
        order: 1;
        width: 100%;
        margin: auto;
    }

    section.other_school_list {
        padding-block: 4rem;
    }

    .holistic-sports .grid-item {
        gap: 1rem;
    }

    .holistic-sports .text h4 {
        margin-bottom: 2rem;
    }

    .holistic-sports .grid-item:nth-child(2) {
        grid-template-columns: 1fr;
    }

    .holistic-sports .school-grid {
        row-gap: 3rem;
    }

    .holistic-sports .grid-item:nth-child(2) .image {
        order: 2;
    }

    .holistic-sports .grid-item.image-left .text {
        order: 1;
        width: 100%;
    }

    .annual-sports {
        padding-block: 4rem;
    }

    .annual-sports2 {
        padding-bottom: 4rem;
    }

    .grid-2 {
        grid-template-columns: 1fr;
        gap: 1.1rem 2.4rem;
    }

    .sports-at-cnt {
        padding-inline: 0;
        margin-top: 3rem;
    }

    .sports-at-cnt h3 {
        padding-bottom: 1rem;
    }

    .sports-at-harrow-bottom {
        margin-bottom: 3.2rem;
    }

    .annual-sports-top {
        padding-right: 2rem;
        margin-bottom: 3rem;
    }

    .sports-team-harrow .community-profile-grid ul {
        column-gap: 2.2rem;
        row-gap: 6rem;
    }

    .holistic-sports .grid-item.image-right .text {
        width: 100%;
    }

    /* ======co-curricular activities======= */
    .group_grid_sports {
        grid-template-columns: 1fr
    }

    .grid_right-m {
        padding-inline: 0rem;
    }

    .sports-header {
        width: 100%;
    }

    .sports-text.small p {
        width: 90%;
    }

    .sports-text.small p {
        width: 100%;
    }

    .sports-section {
        padding: 0rem 0 4rem;
    }

    .group_music_grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .activities-music {
        padding-block: 0 3rem;
    }

    .other_activities1 {
        padding-block: 5rem;
    }

    .grid-activity-container {
        gap: 3rem;
    }

    .other_activities1 .grid-item {
        gap: 3rem;
    }

    .grid-activity-container .text-content {
        width: 100%;
    }

    .other_activities1 .grid-item:nth-child(2),
    .other_activities1 .grid-item {
        grid-template-columns: 1fr;
    }

    .grid-activity-container .bottom-left-card {
        order: 2;
    }

    .grid-activity-container .bottom-right {
        order: 1;
    }

    .dance-text {
        margin-bottom: 3rem;
        width: 100%;
    }

    .art-content {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 4rem;
    }

    .art-text {
        width: 100%;
    }

    .dance-content {
        display: block;
    }

    /* === holistic education ===*/
    .section-title {
        margin-bottom: 4rem;
    }

    .blearnig_grid {
        grid-template-columns: 1fr;
    }

    .blearning_right {
        padding-top: 0rem;
    }

    .b_learning_text1 p {
        padding-inline: 0;
    }

    .blearnig_grid {
        gap: 3rem;
    }

    .harrow-section.b-learning2 {
        margin-top: 1rem;
    }

    .media-image {
        max-width: 100%;
        /* height: auto; */
    }

    .media-box {
        height: auto;
    }

    .text-box1 {
        width: 100%;
        padding-block: 0rem;
        padding-inline: 0 0rem;
    }

    .text-box1 p {
        color: var(--color-black);
        margin-bottom: 3rem;
    }

    .master_grid>* {
        grid-area: auto;
    }

    .b-learning2 .inner-container {
        max-width: 100%;
    }

    .b_learning_text1 h2 {
        margin-block: 2rem;
        line-height: 1;
    }

    .activities {
        margin-top: 4rem;
        padding: 0 0 4rem;
    }

    .grid-item.image-left .text {
        width: 100%;
    }

    .grid-item:nth-child(2) {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .learn-more {
        margin-bottom: 3rem;
    }

    .bottom-text {
        max-width: 100%;
        padding-block: 3rem;
        padding-inline: 1rem;
    }

    .left_sp {
        width: 97.6%;
    }

    .other_activity3 {
        padding-block: 5rem;
    }

    /* ===== learning page css */
    .igs-grid {
        grid-template-columns: 1fr;
        gap: 4.2rem;
        padding-top: 5rem;
    }

    .igs_Cnt {
        display: grid;
        grid-template-columns: 1fr 2fr;
        align-items: center;
        gap: 5rem;
    }

    .igs_Cnt figure {
        margin-block: 0 2rem
    }

    .learning-panel1 {
        padding-block: 0 5rem;
        margin-block: 5rem 0;
    }

    .primary-school-panel1 p {
        padding-inline: 0;
    }

    .primary-school-panel1 .senior-school-bg {
        padding-bottom: 2rem;
    }

    .primary-school-clsss-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .learning_panel3 {
        padding-block: 5rem;
    }

    .senior-school-panel3 .btm-para {
        margin-top: 3rem;
    }

    .class_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.5rem;
    }

    .primary-school-panel2 {
        padding-block: 5rem 5rem;
    }

    .primary-school-panel2-grid {
        grid-template-columns: 1fr;
    }

    .primary-school-panel2-grid-box p {
        padding-inline: 0;
    }

    .primary-school-panel2-grid-box p:last-of-type {
        margin-bottom: 3rem;
    }

    .primary-school-panel3 {
        padding-block: 5rem;
    }

    .curricular-activity-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .tabs_with_accordion_wrapper {
        grid-template-columns: 1fr;
        margin-top: 5rem;
    }

    .primary-school-panel4 {
        padding-block: 5rem;
    }

    .distinctive-feature-grid {
        grid-template-columns: 1fr;
    }

    .sixth-form-panel1-grid {
        gap: 2rem;
        grid-template-columns: 1fr;
    }

    .sixth-form:nth-of-type(2) {
        padding-top: 2rem;
    }

    .sixth-form-panel1 {
        margin-top: 3.8rem;
        padding-bottom: 3rem;
    }

    .sixth-form-panel2 {
        padding-bottom: 3rem;
    }

    .btm_Cnt {
        padding-top: 0rem;
    }

    .sixth-form-panel3 {
        padding-block: 4rem;
    }

    .sixth-form-panel3-grid {
        grid-template-columns: 1fr;
    }

    .sixth-form-panel3-grid-box.Cnt-para-left,
    .sixth-form-panel3-grid-box.Cnt-para-right {
        padding-inline: 0;
    }

    .sixth-form-panel4-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .left-Cnt P {
        padding-inline: 0;
    }

    .line-border {
        margin-block: 2.8rem 2.8rem;
        text-align: center;
    }

    .sixth-form-panel4 {
        padding-block: 5rem;
        margin-bottom: 5rem;
    }

    .sixth-form-panel4-grid-box.right-Cnt img {
        display: none;
    }

    .padagogy_left {
        grid-template-columns: 1fr;
        margin-bottom: 0rem
    }

    .padagogy_text {
        width: 100%;
        margin: 0rem auto 0;
    }

    .padagogy_panel {
        padding-block: 0 2rem;
        margin-block: 4rem 0;
    }

    .box_blue {
        margin-block: 4rem 0;
    }

    .padagogy_panel1 figure {
        margin-top: 3rem;
    }

    .padagogy_panel1 {
        padding-bottom: 5rem;
    }

    .padagogy_panel2 {
        padding-block: 4rem;
    }

    .pd-panel3_grid {
        grid-template-columns: 1fr;
    }

    .pd-text-detail {
        width: 100%;
    }

    .group_pd_img {
        justify-content: space-between;
    }

    .pd_learning_grid3 {
        grid-template-columns: 1fr;
    }

    .left_pd3_text {
        width: 100%;
    }

    .padagogy_panel3 {
        padding-block: 6rem 0;
    }

    .pd_learning_grid3 h4 {
        margin-top: 0rem;
    }

    .pd_learning_grid3 h4 br {
        display: none;
    }

    .right_grid4_text,
    .pd_5text {
        width: 80%;
    }

    .padagogy_panel4 {
        padding-block: 5rem 5rem;
    }

    .padagogy_panel6 {
        background: var(--color-f9);
        padding-block: 8rem 5rem;
    }

    .pd6_text1 {
        gap: 3rem;
    }

    .pd6-panel2 {
        grid-template-columns: 1fr;
        margin-bottom: 3rem;
        gap: 2.6rem;
    }

    .left_text_6 {
        width: 100%;
    }

    .brd-icons {
        margin-block: 3rem;
    }

    .left_pd6_panel {
        grid-template-columns: 1fr;
    }

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

    .left_text_6 figure {
        margin-top: 0;
    }

    .pd6_text2 {
        padding-inline: 0 5rem;
        padding-block: 2rem 0;
    }

    .left_grade {
        grid-template-columns: 1fr;
        margin-bottom: 2rem;
    }

    .text_pd62 {
        width: 100%;
    }

    .left_grade_text {
        width: 100%;
    }

    .pd6-panel2 {
        padding-block: 0rem 0;
    }

    .left_grade_text h3 {
        margin-bottom: 2rem;
    }

    .left_grade:nth-of-type(2) .left_grade_text {
        order: 2;
    }

    .left_grade:nth-child(1) .left_grade_text {
        padding-top: 0rem;
    }

    .grad_panel {
        margin-block: 4.8rem 0;
        padding-block: 0 2rem;
    }

    .super-curriculum {
        padding-block: 5rem 6rem;
    }

    .admission_panel2 {
        padding-block: 2rem;
    }

    .link_ref {
        padding-block: 0 1rem;
    }

    .curriculum-advantage {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2.6rem;
    }

    .right-text-box {
        right: 0;
    }

    .content-section .media-box {
        position: absolute;
    }

    .left_expeditions_panel {
        text-align: center;
    }

    .grid_left-m {
        width: 99%;
    }

}

@media (max-width:768px) {
    .bg-clr-box {
        padding-inline: 3rem;
    }

    .harrow-way-item {
        grid-template-columns: 100%;
    }

    .contact-form-inner {
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }

    .left_sp {
        width: 97.6%;
    }

    .group_grid_sports2 {
        grid-template-columns: 1fr;
        padding-top: 0;
    }

    .center_align {
        text-align: center;
        width: 100%;
        margin: 0 auto 3rem;
    }

    .learning_panel3 .top-para {
        padding-inline: 0;
        margin-bottom: 3rem;
    }

    .learning-panel1 {
        padding-block: 0 2rem;
    }

    .learning-panel1 {
        margin-block: 4.8rem 0;
    }

    .learning-panel2 {
        padding-block: 4rem;
    }

    .learning_img1 {
        margin-bottom: 3rem;
    }

    .learning_panel3 .btm-para {
        padding: 3.1rem 2.7rem 3rem 2.4rem;
        margin-block: 5.2rem 0;
    }

    .grid_pd4 {
        gap: 2.5rem;
        grid-template-columns: 1fr
    }

    .pd_5text {
        width: 100%;
        margin: 0 auto 0rem;
    }

    .right_grid4_text {
        width: 100%;
    }

    .left_grid4_img {
        order: 2;
    }

    .left_pd6_panel {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .pd6_text2 {
        padding-inline: 0px 1rem;
        padding-block: 2rem 0;
    }

    .distinctive-feature-grid-box {
        padding: 3rem 3rem 3rem 3rem;
    }

    .primary-school-clsss-grid {
        grid-template-columns: 1fr;
    }

    .leadership-team h3 {
        padding-left: 0;
        margin: 0;
    }


}

@media (max-width:620px) {
    .legend-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .harrow-heritage-panel3 {
        padding-block: 4rem;
    }

    .harrow-heritage-panel4-grid {
        margin-top: 3rem;
    }

    .family-school-grid {
        gap: 5rem 3rem;
        grid-template-columns: repeat(1, 1fr);
    }

    .amity-nurture-grid {
        margin-top: 1rem;
    }

    .top .amity-nurture-grid-left {
        padding-inline: 0
    }

    .community-profile-grid {
        padding-block: 18rem 3rem;
    }

    .clubs-list-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem 2.6rem;
    }

    .family-school {
        padding-block: 4rem 4rem;
        padding-bottom: 4rem;
        margin-top: 4rem;
    }

    .family-school-grid .family-school-grid-box .caption p {
        margin-block: 2rem;
    }

    .amity-nurture {
        padding-block: 3rem 4rem;
    }

    .amity-nurture-grid-left {
        margin-bottom: 1rem;
    }

    .clubs-list-btm {
        padding: 2rem 1rem 1rem;
    }

    /* ==== sports at harrow ===*/

    .sports-team-harrow .community-profile-grid ul {
        grid-template-columns: 1fr;
        column-gap: 4.2rem;
        row-gap: 4rem;
    }

    .grid-4 {
        grid-template-columns: 1fr;
        gap: 0.9rem 2.9rem;
    }

    .sports-header {
        padding-inline: 0 0rem;
    }

    .left_sp {
        width: 100%;
    }

    .group_sports2 {
        grid-template-columns: 1fr;
        margin-top: 3rem;
    }

    .grid_group_music2 {
        display: flex;
        flex-direction: column;
        gap: 3rem;
    }

    .music_other_text {
        padding-block: 3rem 0;
    }

    .shakespeare-caption {
        position: static;
        width: 100%;
        padding: 3rem;
        margin-top: 3rem;
    }

    .other_text3 {
        padding-top: 0rem;
    }

    .other_activity3 {
        padding-block: 3rem;
    }

    .dance-text {
        width: 100%;
    }

    .master_grid>* {
        grid-area: unset;
        width: 100%;
    }

    .harrow-section.fixed_top_bg {
        margin-block: 3rem 0;
        background: var(--color-f9);
        padding-bottom: 4rem;
    }

    .text-box .signature {
        margin-top: 19px;
        margin-bottom: 0;
    }

    .class_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 2.5rem;
    }

    .senior-school-panel3 .btm-para {
        padding: 3.1rem 3rem 4rem;
        margin-inline: 0.5rem;
    }

    .igs_Cnt {
        display: grid;
        grid-template-columns: 1fr;
        padding-right: 0;
    }

    .igs_Cnt figure {
        width: auto;
        height: auto;
        margin-bottom: 0rem;
        object-fit: cover;
    }

    .btn_brd:last-of-type {
        margin-top: 1.5rem;
    }

    .sixth-form:nth-of-type(2) figure {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .sixth-form-panel2 p {
        padding-right: 0;
    }

    .group_pd_img {
        display: flex;
        gap: 3rem;
        flex-direction: column;
    }

    .left_pd6_panel {
        grid-template-columns: 1fr;
        gap: 2.6rem;
    }

    .left_text_6 {
        width: 100%;
        grid-template-columns: 1fr;
        align-items: center;
        gap: 3rem;
    }

    .left_text_6_cnt {
        order: 2;
    }

    .left_text_6 figure {
        margin-top: 0;
        order: 1;
        text-align: center;
    }

    .pd6-panel2 {
        padding-top: 3rem;
    }

    .welcome_application h4 {
        margin-bottom: 2rem;
    }

    .curriculum-advantage,
    .curriculum-advantage2 {
        display: grid;
        grid-template-columns: 1fr;
        gap: 2.6rem;
    }

    .philosophy {
        padding: 3.4rem 2.8rem 5.5rem 2.3rem;
    }

    .pd_learning_grid3 p {
        padding-inline: 0;
    }

    .handbookpdf a {
        padding-block: 2.1rem;
        padding-left: 0rem;
    }


}

@media (max-width:520px) {

    .left_journey .right-content,
    .right-content {
        width: 100%;
    }

    .curriculum-advantage-panel1 {
        padding-bottom: 6rem;
    }

    .custom_table table tbody tr th {
        font-weight: bold;
        width: 48%;
    }

    .latest-pres-grid {
        padding-inline: 0;
    }

    .press-release-list {
        padding-inline: 0rem;
    }

    .latest-press-release {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
    }

    .media-coverage-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 5.6rem 5.6rem;
    }

    .media-coverage-panel1::before {
        top: 18rem;
    }

    .contact-details p {
        padding-right: 0;
    }

    .contact-details {
        padding-left: 1rem;
    }

    .contact-details ul li {
        margin-bottom: 2rem;
    }

    .contact-details ul li {
        column-gap: 1.9rem;
    }

    .contact-details ul {
        margin-top: 2.9rem;
    }

    .contact-details {
        padding-top: 3rem;
    }

    .contact-inner {
        margin-bottom: 3rem;
    }

    .contact-form-section {
        padding-block: 4rem;
    }

    .contact-form-inner {
        display: block;
    }

    .form-container {
        margin-top: 3rem;
        padding: 2rem;
    }

    .submit {
        margin-bottom: 2.8rem;
    }

    .form-container p {
        margin-bottom: 2.6rem;
    }

    .bottom-li a:nth-child(2) {
        margin-right: 0.7rem;
    }

    .contact-form-inner iframe {
        height: 300px;
    }

}

@media (max-width:499px) {
    .spprots-colboration-panel1 .grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .legend-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .h_panel .stat-box {
        padding-block: 2rem;
        width: 100%;
    }

    .adm_phone {
        display: block;
        padding-top: 1rem;
    }


}

/* landing page start */

@media(max-width:1600px) {

    /* .landinig2grid .landing1_text { padding-right: 4.8rem; } */
    .form-container.landing-form form label {
        width: 74%;
    }

    .landinggrid3 {
        gap: 8.3rem 1.9rem;
    }

    .landinggrid3 .landing_bx3 figure figcaption {
        padding-right: 0rem;
    }

    .landing5grid {
        grid-template-columns: 50.9% 46%;
        gap: 5rem;
    }

    /* .landing5grid .landing6_text { padding-left: 5.8rem; padding-right: 0rem; } */
    .landing5grid .landing6_text .dsk_cntnt {
        padding-right: 4rem;
    }

    .landinig2grid {
        display: grid;
        grid-template-columns: 47% 50%;
        gap: 10rem;
    }
}

@media(max-width:1440px) {
    .landinig2grid {
        grid-template-columns: 48% 50%;
        gap: 6rem;
    }

    .landinig2grid .landing1_text blockquote {
        padding-right: 2rem;
    }
}

@media(max-width:1280px) {
    .landinig2grid {
        gap: 4rem;
    }
}

@media(max-width:991px) {
    .landingsec5 {
        padding-bottom: 8rem;
    }

    .landinggrid3 {
        gap: 5rem 2rem;
    }

    .coloreddiv1 li {
        padding: 3rem 3.4rem 4rem 2.5rem;
    }

    .landing5grid {
        grid-template-columns: auto;
        gap: 5rem;
    }

    .landingsec8 {
        padding-bottom: 7rem;
    }

    .landinggrid8 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2.5rem;
    }

    .landingsec7 {
        padding-block: 7rem 8rem;
        overflow: hidden;
    }

    .landingsec9.contact-deatails-section {
        margin-top: 4.7rem;
        padding-bottom: 6rem;
        margin-top: 0;
    }

    .landingsec9 .contact-details {
        padding-left: 2.5rem;
    }

    .landingsec9 .contact-details ul li {
        margin-bottom: 1rem;
        display: flex;
        column-gap: 2.9rem;
    }

    .form-container.landing-form form label {
        width: 100%;
    }

}

@media(max-width:767px) {
    .landingsec2 {
        padding-block: 5rem;
    }

    .landinig2grid {
        grid-template-columns: auto;
        gap: 4rem;
    }

    .landinig2grid .landing1_text blockquote {
        padding-right: 0;
    }

    .landinig2grid .landing1_text p.pd-right {
        padding-right: 0;
    }

    .coloreddiv1 {
        margin-top: 5rem;
    }

    .landingsec3 {
        padding-block: 5rem 5rem;
    }

    .landingsec3 h3 {
        margin-bottom: 3rem;
    }

    .landinggrid3 {
        gap: 4rem 2rem;
        grid-template-columns: repeat(2, 1fr);
    }

    .landinggrid3 .landing_bx3 figure figcaption h4 {
        margin-bottom: 2rem;
    }

    .landingsec4 {
        padding-block: 5rem 5rem;
    }

    .sch_title p {
        margin-bottom: 3rem;
    }

    .landingsec4 .landing4grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    .landingsec5 {
        padding-bottom: 5rem;
    }

    .landing5grid .landing6_text figure {
        margin-block: 2rem 2rem;
    }

    .landingsec7 {
        padding-block: 5rem 5rem;
    }

    .landingsec7 h3 {
        margin-bottom: 3rem;
    }

    .landingsec8 {
        padding-bottom: 5rem;
    }

    .landingsec8 h3 {
        margin-bottom: 3rem;
    }

    .landingsec9 .contact-inner {
        grid-template-columns: auto;
        column-gap: 2rem;
        margin-bottom: 0;
    }
}

@media(max-width:575px) {
    .landinggrid3 {
        gap: 4rem 2rem;
        grid-template-columns: auto;
    }

    .landingsec4 .landing4grid {
        grid-template-columns: auto;
        gap: 2rem;
    }

    .landingsec5 figure {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        gap: 3rem;
    }

    .landingsec5 figure figcaption {
        position: relative;
        text-align: center;
        left: 0;
        right: 0;
        width: 100%;
        top: 0;
        padding-inline: 2rem;
    }

    .landingsec7 h3 {
        margin-bottom: 3rem;
        padding-inline: 2rem;
    }

    .landinggrid8 figure figcaption {
        left: 1rem;
        bottom: 1rem;
    }

    .landing1_text h3 {
        margin-bottom: 1rem;
        font-size: 2.5rem;
    }

    .landing1_text blockquote {
        margin-bottom: 2rem;
    }

    .coloreddiv1 {
        display: grid;
        grid-template-columns: auto;
    }

    .landing-form.form-container {
        margin-top: 0;
    }

    .landing-form.form-container {
        padding: 4.3rem 1rem 5rem 1rem;
    }

    .landing-form .grid2 {
        display: flex;
        gap: 0rem;
        flex-direction: column;
    }

    .landing5grid .landing6_text .dsk_cntnt {
        padding-right: 0;
    }

    .landinggrid8 {
        display: grid;
        grid-template-columns: auto;
        gap: 2.5rem;
    }

    .landingsec9 .contact-details p {
        padding-right: 0;
    }

    .landingsec9 .contact-details {
        padding-left: 0;
    }

    .landing7grid_1 {
        display: grid;
        grid-template-columns: auto;
        gap: 2rem;
    }

    .landing7grid_2 {
        display: grid;
        grid-template-columns: auto;
        gap: 2rem;
    }
}

@media(max-width:1600px) {
    .golden-bg {
        padding: 4.6rem 2rem 3.8rem 2rem;
        margin-bottom: 5.8rem;
    }

    .blue-bg {
        padding: 0 12rem 8rem 3rem;
    }
}

@media(max-width:1440px) {
    .golden-bg {
        padding: 4.6rem 2.3rem 3.8rem 3rem;
        margin-bottom: 5.8rem;
    }

    .blue-bg {
        padding: 0 14rem 8rem 4rem;
    }

    .landing-form.form-container h3 {
        margin-bottom: 2rem;
    }
}

@media(max-width:991px) {
    .admissionopen1 {
        padding-block: 5rem;
    }

    .landingsec2 {
        padding-block: 5rem;
    }

    .blue-bg {
        padding: 0 3rem 4rem 2rem;
    }

    .golden-bg {
        padding: 3.6rem 1.3rem 2.8rem 2rem;
        margin-bottom: 3.8rem;
    }

    .admissiontext .blue-bg h4 {
        padding-bottom: 3rem;
    }

    .landing-form.form-container {
        padding: 2.3rem 2rem 2rem 2rem;
        overflow: hidden;
    }

    .captha-div {
        width: 100%;
    }

    .grad_grid_box .left_grade_text {
        width: 100%;
    }

    .primary-school-panel2-grid-box:nth-child(2) {
        padding-inline: 0;
    }

    .primary-school-panel2-grid-box h3 {
        color: #fff;
        margin-bottom: 2rem;
    }

    .web_box {
        padding-block: 5rem;
    }

    .web_box .grad_grid_box {
        padding-block: 5rem 0;
    }

    .admissionopen1 h2,
    .landingsec5 figure figcaption h3,
    .sch_title h3 {
        font-size: 3.2rem;
    }

    .admissiontext h2,
    .landing5grid .landing6_text h3 {
        font-size: 2.5rem;
    }
}

@media(max-width:767px) {
    .admissiontext {
        max-width: 100%;
    }

    .class_grid.clr_grid {
        gap: 0rem;
    }

    .learning-panel2.sec-image-overlay1 a {
        margin-block: 0 1rem;
    }

    .address {
        width: 100%;
    }

    .date {
        width: 100%;
    }

}

@media(max-width:575px) {
    .landingsec1 figure figcaption {
        position: relative;
        bottom: 0rem;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        text-align: center;
        padding-block: 3rem;
        padding-inline: 1rem;
    }

    .landingsec1 figure figcaption h2 {
        font-size: 3.2rem;
        color: var(--color-a6);
        font-weight: 500;
        margin-bottom: 1rem;
    }

    .landingsec1 figure figcaption p {
        color: var(--color-black);
        font-weight: 300;
        font-size: var(--font-21);
    }

    .golden-bg {
        padding: 4.6rem 0.3rem 3.8rem 1rem;
        margin-bottom: 3rem;
    }

    .blue-bg {
        padding: 0 2rem 3rem 2rem;
    }

    .date-grid {
        padding-block: 2.5rem 0;
        display: flex;
        justify-content: space-between;
        margin-bottom: 2.5rem;
        flex-direction: column;
        gap: 2rem;
        align-items: flex-start;
    }

    .admissionopen1 {
        padding-block: 5rem 3rem;
    }
}

@media(max-width:320px) {
    .landinig2grid {
        grid-template-columns: min-content;
        gap: 4rem;
    }
}

/* landing page end */