/* ==== 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;
        display: flex;
    }

    .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:nth-child(1) .left_grade_text {
        padding-top: 10rem;
    }

    .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;}


}
@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: 6rem;
    }

    .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;
    }

    .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; }
}
@media(max-width:575px){
.landingsec1 figure figcaption { position: relative; bottom: 0rem; left: 0; right: 0; margin: auto; width: 100%; text-align: center; padding-top: 3rem; }
.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 { border-block: 1px solid grey; padding-block: 3.5rem; display: flex; justify-content: space-between; margin-bottom: 3.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 */