@media only screen and (max-width:768px)
{
    .heroGrid, .Holisticgrid, .curriculumGrid, .VoiceGrid, .FacilitiesGrid, .BlogGrid, .AdmissionGrid, .footer-container, .SliderGrid {
        grid-template-columns: 1fr !important;
    }
    .BoxPadding {
        padding: 25px 10px ;
    }
    .news-image {
        border-radius: 25px 25px 0px 0px;
    }

    .heroGrid h1 {
        font-size: 34px;
    }
    #slIDERmAIN img {
        min-height: 200px !important;
        object-fit:cover;
    }
    footer{
        padding:25px 20px !important;
    }
    .carouselbox .carousel-control-prev {
        left: 36% !important;
    }
    .carouselbox .carousel-control-next, .carouselbox .carousel-control-prev {
        top: 111%;
    }
    .carouselbox .carousel-control-next {
        right: 36% !important;
    }
    .carouselbox {
        min-height: 402px;
    }
}

@media only screen and (min-width:769px) and (max-width:991px) {
    .heroGrid, .Holisticgrid, .curriculumGrid, .VoiceGrid, .FacilitiesGrid, .BlogGrid, .AdmissionGrid, .footer-container, .SliderGrid {
        grid-template-columns: 1fr !important;
    }

    .BoxPadding {
        padding: 25px 10px;
    }

    .news-image {
        border-radius: 25px 25px 0px 0px;
    }

    .heroGrid h1 {
        font-size: 34px;
    }

    #slIDERmAIN img {
        min-height: 200px !important;
        object-fit: cover;
    }

    footer {
        padding: 25px 20px !important;
    }

    .carouselbox .carousel-control-prev {
        left: 36% !important;
    }

    .carouselbox .carousel-control-next, .carouselbox .carousel-control-prev {
        top: 111%;
    }

    .carouselbox .carousel-control-next {
        right: 36% !important;
    }

    .carouselbox {
        min-height: 550px;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px) {

    .carouselbox {
        min-height: 650px;
    }
        .carouselbox .carousel-control-next, .carouselbox .carousel-control-prev {
            top: 111%;
        }

        .carouselbox .carousel-control-next {
            right: 36% !important;
        }
        .carouselbox .carousel-control-prev {
            left: 36% !important;
        }

}