@media(max-width:1600px) {
    .hero-figure img {
        width: 300px;
    }
    .banCon figure figcaption h4 {
        font-size: 200px;
    }
    .banCon figure figcaption h5 {
        font-size: 36px;
    }
    .banCon figure {
        height: 750px;
    }
    .apply .ap .apl {
        width: 30%;
    }
    .apply .ap .apr .apll h4::after {
        left: -2.5vw;
    }
    .about .heading {
        padding-left: 140px;
    }
    .chAll .heading p br {
        display: none;
    }
    .chCon .eduCn ul {
        gap: 3px;
    }
    .chAll .chTab nav .nav-item button {
        line-height: 1.2;
    }
    .whyCon .cards {
        gap: 13px;
    }
    .whyCon {
        padding: 70px 70px;
    }
    .whyCon .cards .card p {
        font-size: 23px;
    }
    .testament .heading p {
        padding-left: 30px;
    }
    .testCon {
        padding: 50px 60px 0;
        gap: 30px;
    }
    .group .heading {
        padding: 80px 0 60px;
    }
    .group .heading {
        padding: 80px 0 60px;
    }
    .indArrow svg {
        width: 40px;
    }
    .interSlider figure img {
        width: 180px;
    }
    .mnCard h3 {
        font-size: 27px;
        padding-bottom: 10px;
    }
    .mnCard p {
        font-size: 20px;
    }
    .mnCard {
        padding: 0 0 0 25px;
    }
    .mncn {
        width: 55%;
    }
    .mnCard figure {
        width: 45%;
    }
    .mnCard p {
        font-size: 18px;
    }
    .nxCon h3 {
        font-size: 80px;
    }
    .nxCon h2 {
        font-size: 45px;
    }
    .nxCon a {
        font-size: 35px;
    }
    .nxCon figure.nx2 {
        width: 29%;
    }
    .nxCon figure.nx1 {
        width: 26%;
    }
}

@media(max-width:1400px) {
    .banCon figure {
        height: 620px;
    }
    .apply {
        margin-top: -110px;
    }
    .apply .ap {
        padding: 60px;
    }
    .apply .ap .apr .apll h4 {
        font-size: 23px;
    }
    h2 {
        font-size: 50px;
    }
    p,
    li {
        font-size: 20px;
        line-height: 1.5;
    }
    .about figure img {
        width: 100%;
        height: auto;
    }
    .about .heading {
        padding-left: 50px;
    }
    .chCon .eduCn ul li {
        width: 32.5%;
    }
    .chAll {
        padding: 100px 60px 100px 150px;
    }
    .chCon h3 {
        font-size: 35px;
        padding-bottom: 20px;
    }
    .chAll .chTab nav {
        padding: 50px 25px 50px 0;
    }
    .chAll .chTab nav .nav-item button {
        font-size: 18px;
        padding-left: 43px;
    }
    .chAll .chTab nav {
        width: 25%;
    }
    .chCon .eduCn ul li a {
        font-size: 16px;
    }
    .chAll {
        padding: 70px 60px 70px 150px;
    }
    .whyCon .cards .card p {
        font-size: 18px;
    }
    .whyCon::after {
        height: calc(100% - 160px);
    }
    .whyCon figure.ph {
        bottom: 160px;
    }
    .whyCon figure.ph img {
        max-width: 75%;
    }
    .testament .heading h2 {
        width: 37%;
    }
    .testCon figure {
        width: 55%;
    }
    .interSlider figure img {
        width: 150px;
    }
    .indArrow svg {
        width: 35px;
    }
    .mnCard p {
        font-size: 16px;
    }
    .mnCard h3 {
        font-size: 25px;
    }
    .nxCon h2 {
        font-size: 40px;
    }
    .nxCon h3 {
        font-size: 70px;
    }
    .nxCon a {
        font-size: 30px;
    }
}

@media(max-width:1200px) {
    .container {
        padding: 0 50px;
    }
    .banCon figure figcaption {
        top: 90px;
        left: 80px;
    }
    .banCon figure figcaption h1 {
        font-size: 20px;
    }
    .banCon figure figcaption h3 {
        font-size: 30px;
    }
    .banCon figure figcaption h4 {
        font-size: 160px;
    }
    .banCon figure figcaption h5 {
        font-size: 29px;
    }
    .apply {
        margin-top: -170px;
    }
    .apply .ap {
        padding: 35px;
    }
    .apply .ap .apr .apll h4 {
        font-size: 18px;
    }
    h2 {
        font-size: 40px;
    }
    p,
    li {
        font-size: 16px;
    }
    .about .heading h2 {
        padding-bottom: 20px;
    }
    .about .heading {
        padding-left: 20px;
    }
    .chAll {
        padding: 50px;
    }
    .chAll .chTab nav .nav-item button {
        padding-left: 20px;
    }
    .chAll .chTab nav .nav-item button.active::after {
        width: 15px;
    }
    .chCon .eduCn ul li {
        padding: 10px;
    }
    .chCon {
        padding-left: 30px;
    }
    .why .heading h3 {
        font-size: 27px;
    }
    .whyCon .cards .card {
        padding: 15px;
    }
    .whyCon .cards .card p {
        font-size: 14px;
    }
    .whyCon .cards {
        gap: 10px;
    }
    .whyCon {
        padding: 60px 50px;
    }
    .whyCon figure.ph img {
        max-width: 52%;
    }
    .whyCon .cards .card figure img {
        width: 90px;
    }
    .whyCon::after {
        height: calc(100% - 120px);
    }
    .why {
        padding-bottom: 0;
    }
    .testament .heading h2 {
        width: 40%;
    }
    .group .heading {
        padding: 20px 0 30px;
    }
    .interSlider figure img {
        width: 130px;
    }
    .mentored .heading {
        padding-bottom: 30px;
    }
    .mnCard h3 {
        font-size: 20px;
    }
    .mentored .indArrow {
        margin-top: 30px;
    }
    .nxCon h2 {
        font-size: 35px;
    }
    .nxCon h3 {
        font-size: 60px;
    }
    .nxCon a {
        font-size: 25px;
    }
    .hero-figure img {
        width: 230px;
    }
}

@media(max-width:992px) {
    .banner .logo {
        padding: 20px 20px 30px;
    }
    .container {
        padding: 0 25px;
    }
    .banCon figure figcaption {
        left: 30px;
    }
    .apply .ap {
        margin: 0 30px;
        border-radius: 20px;
    }
    .apply .ap .apr .apll h4 {
        font-size: 16px;
    }
    .banCon figure {
        height: 550px;
        border-radius: 20px;
    }
    .apply {
        margin-top: -110px;
    }
    .chCon {
        padding-left: 0;
    }
    .chCon h3 {
        font-size: 25px;
    }
    .why .heading {
        padding-bottom: 30px;
    }
    .whyCon figure.ph {
        bottom: unset;
        top: 30px;
        right: 20px;
        text-align: end;
    }
    .whyCon {
        padding: 40px 50px;
    }
    .testCon {
        padding: 50px 40px 0;
    }
    .group {
        padding-top: -0;
    }
    .whyCon figure.ph img {
        max-width: 100%;
        border-radius: 50%;
        width: 20vw;
        height: 20vw;
        background: #ff637a;
        padding: 10px 0px 0 0px;
        object-fit: contain;
        box-shadow: 5px 15px 20px 3px #00000036;
    }
}

@media(max-width:768px) {
    .hero-figure img {
        width: 150px;
    }
    .banCon figure figcaption h1 {
        font-size: 16px;
    }
    .banCon figure figcaption h3 {
        font-size: 25px;
    }
    .banCon figure figcaption h4 {
        font-size: 110px;
    }
    .banCon figure figcaption h5 {
        font-size: 20px;
    }
    .banCon figure {
        height: 440px;
    }
    .apply .ap {
        flex-wrap: wrap;
    }
    .apply .ap .apl,
    .apply .ap .apr {
        width: 100%;
    }
    h2 br {
        display: none;
    }
    .apply .ap .apl h2 {
        margin: auto;
    }
    .apply .ap .apr {
        margin-top: 30px;
    }
    .about .heading {
        padding: 30px 0 0;
    }
    .about figure img {
        width: 60%;
        height: auto;
    }
    .about figure {
        text-align: center;
    }
    .choose {
        padding-top: 0;
    }
    .chCon .eduCn ul li {
        width: 49.5%;
    }
    .why .heading h2 br {
        display: block;
    }
    .whyCon .cards .card {
        width: 48%;
    }
    .testament .heading {
        flex-wrap: wrap;
        gap: 20px;
    }
    .testCon .tsl h3 {
        font-size: 30px;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
    .testament .heading h2,
    .testament .heading p {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
    p,
    li {
        font-size: 14px;
    }
    .testCon {
        padding: 30px 25px 0;
    }
    .testCon figure {
        width: 46%;
    }
    .group .heading {
        gap: 10px;
        flex-flow: column;
    }
    .nxCon {
        padding: 30px 30px 70px;
    }
    .nxCon h2 {
        font-size: 25px;
    }
    .nxCon h3 {
        font-size: 45px;
        padding: 20px 0 40px;
    }
    .nxCon a {
        font-size: 20px;
    }
}

@media(max-width:576px) {
    .container {
        padding: 0 15px;
    }
    .banCon figure figcaption {
        left: 15px;
    }
    .banCon figure figcaption h1 {
        font-size: 14px;
        max-width: 60%;
    }
    .banCon figure figcaption h3 {
        font-size: 20px;
    }
    .banCon figure figcaption h4 {
        font-size: 65px;
        left: -6px;
    }
    .banCon figure figcaption h5 {
        font-size: 14px;
    }
    .banCon figure {
        height: 325px;
    }
    .banner .logo {
        padding: 10px 15px 15px;
    }
    .apply {
        margin-top: 0;
    }
    h2 {
        font-size: 25px;
    }
    .about figure img {
        width: 80%;
    }
    .chAll {
        padding: 15px;
        border-radius: 20px;
    }
    .chAll .heading {
        padding-bottom: 20px;
    }
    .chAll .heading h2 {
        padding-bottom: 10px;
    }
    .chCon .eduCn ul li {
        width: 49%;
    }
    section {
        padding: 40px 0;
    }
    .why {
        padding: 0;
    }
    .accordion-body {
        padding: 10px 10px;
    }
    .accordion-button {
        font-size: 16px;
        padding: 10px;
    }
    .whyCon::after {
        border-radius: 20px;
    }
    .chCon h3 {
        font-size: 20px;
        padding-bottom: 10px;
    }
    .chCon .eduCn ul li a {
        font-size: 12px;
    }
    .chCon .eduCn ul li {
        padding: 5px;
        line-height: 1.2;
    }
    .whyCon .cards .card {
        border-radius: 15px;
    }
    .whyCon {
        padding: 30px 20px;
    }
    .testament {
        padding-top: 0;
    }
    .why .heading h3 {
        font-size: 18px;
    }
    .testament .heading {
        padding-bottom: 30px;
    }
    .whyCon .cards .card p {
        font-size: 12px;
        padding-top: 10px;
    }
    .whyCon .cards .card figure img {
        width: 70px;
    }
    .whyCon .cards .card:nth-child(3) {
        order: 2;
    }
    .testCon {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .testCon figure {
        width: 70%;
    }
    .testCon .tsl h3 br {
        display: none;
    }
    .testament {
        padding-bottom: 20px;
    }
    .indArrow svg {
        width: 20px;
    }
    .whyCon .cards .card:nth-child(2) {
        order: 1;
    }
    .whyCon .cards .card:nth-child(3) {
        order: 2;
    }
    .indArrow::before,
    .indArrow::after {
        width: calc(49% - 25px);
    }
    .mentored {
        padding-top: 0;
    }
    .next {
        padding-top: 0;
    }
    .nxCon h2 {
        font-size: 20px;
    }
    .nxCon h3 {
        font-size: 30px;
        padding: 10px 0 30px;
    }
    .nxCon a {
        font-size: 16px;
        padding: 5px 25px 7px;
        clip-path: polygon(0 0, 100% 0, 94% 100%, 0% 100%);
    }
    .nxCon figure.nx1 {
        width: 30%;
    }
    .nxCon figure.nx2 {
        width: 35%;
    }
    .nxCon {
        border-radius: 20px;
    }
    footer {
        padding-bottom: 80px;
    }
    .apply .ap {
        margin: 0;
    }
    .apply .ap .apr .apll h4 {
        padding: 10px;
    }
    .apply .ap .apr .apll h4::after {
        left: -4.5vw;
    }
}