@media only screen and (max-width: 1200px) {
  .banner_txt h1 {
    font-size: 24px;
}
.banner_txt h1 span {
    font-size: 40px;
}
.Ncadd-Section p {
    font-size: 18px;
}
.CourseGridOuterBox:after {
    height: 75%;
}
.CourseTextBox.CourseBoxBG {
    min-height: 220px;
}
}
@media only screen and (max-width: 991px) {
 .banner_sect {
    float: inherit;
}

.Ncadd-Section p {
    font-size: 14px;
}
.CourseGridOuterBox:after {
    height: 100%;
}
.CourseGridOuterBox:hover::after{
	height: 100%;
	transition: all ease .8s;
}
.ParentNeedsWrap {
    column-gap: 15px;
}
.CourseTextBox.CourseBoxBG {
    min-height: 230px;
}
.CourseGridOuterBox.GridBoxCourse:after {
    background: rgb(32,150,163);
    background: -moz-linear-gradient(180deg, rgba(32,150,163,0) 25%, rgba(32,150,163,1) 45%);
    background: -webkit-linear-gradient(180deg, rgba(32,150,163,0) 25%, rgba(32,150,163,1) 45%);
    background: linear-gradient(180deg, rgba(32,150,163,0) 25%, rgba(32,150,163,1) 45%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2096a3",endColorstr="#2096a3",GradientType=1);
    transition: all ease .8s;
}
.CourseGridOuterBox.GridBoxEvents:after{
    background: rgb(44,50,90);
    background: -moz-linear-gradient(180deg, rgba(44,50,90,0) 25%, rgba(44,50,90,1) 45%);
    background: -webkit-linear-gradient(180deg, rgba(44,50,90,0) 25%, rgba(44,50,90,1) 45%);
    background: linear-gradient(180deg, rgba(44,50,90,0) 25%, rgba(44,50,90,1) 45%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2c325a",endColorstr="#2c325a",GradientType=1);
    transition: all ease .8s;
}
.CourseGridOuterBox.GridBoxLibrary:after {
    background: rgb(253,182,31);
    background: -moz-linear-gradient(180deg, rgba(253,182,31,0) 25%, rgba(253,182,31,1) 45%);
    background: -webkit-linear-gradient(180deg, rgba(253,182,31,0) 25%, rgba(253,182,31,1) 45%);
    background: linear-gradient(180deg, rgba(253,182,31,0) 25%, rgba(253,182,31,1) 45%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdb61f",endColorstr="#fdb61f",GradientType=1);
    transition: all ease .8s;
}
}
@media only screen and (max-width: 767px) {
 .WhatEveryParentNeedsToKnow h2 {
    font-size: 1.5rem;
}
.banner_txt {
    margin-top: 90px;
    max-width: 767px;
    width: 100%;
}
.banner_txt h1 {
    color: #212529;
    font-size: 30px;
}
.banner_txt h1 span{
    font-size: 30px;
}
.Ncadd-Section .col-lg-4{
    text-align: center;
}
.Ncadd-Section .col-lg-4 img{
    max-width: 30%;
}
.Ncadd-Section .col-lg-8{
    text-align: center;
    margin-top: 15px;
}
.Ncadd-Section p {
    font-weight: normal;
}
.Ncadd-Section p span {
    border-bottom: 1px solid #fff;
    display: inline-block;
}
.Ncadd-Section .YearAndLinkWrap span.ScinceYear {
    float: left;
}
.ParentNeedsWrap {
    column-gap: 15px;
}
.ParentNeedsWrap .CourseGridInnerBox {
    outline: 2px solid #fff;
        height: 97.5%;

}
}
@media only screen and (max-width: 739px) {
.CourseTextBox.CourseBoxBG {
    min-height: 275px;
}
}
@media only screen and (max-width: 666px) {
 .ParentNeedsWrap .CourseGridInnerBox {
    width: 94%;
}
.ParentNeedsWrap .CourseGridOuterBox > .img-fluid {
    height: 59%;
}
}
@media only screen and (max-width: 567px) {
.Ncadd-Section .col-lg-4 img {
    max-width: 50%;
}
.ParentNeedsWrap {
    grid-template-columns: 1fr ;
    grid-auto-rows: auto;
}
.ParentNeedsWrap .CourseGridOuterBox {
    margin-bottom: 15px;
}
.ParentNeedsWrap .CourseGridOuterBox > .img-fluid {
    height: auto;
    width: 100%;
}

.ParentNeedsWrap .CourseGridInnerBox {
    width: 94%;
    height: 96%;
}
.CourseTextBox.CourseBoxBG {
    min-height: 175px;
}
.CourseGridOuterBox:after {
    height: 60%;
}
.CourseGridOuterBox:hover::after{
	height: 60%;
	transition: all ease .8s;
}
}