@media (min-width:1600px) {

    .container {

        max-width: 1600px

    }



    .custom-container {

        max-width: 1700px

    }

}







@media (min-width:1800px) {

    .container {

        max-width: 1600px

    }



    .custom-container {

        max-width: 1850px

    }

}



@media only screen and (max-width:1800px) {



    .hero__area.hero__area--3 .char-img img {

        position: absolute;

        bottom: -230px;

        width: 57%;

        left: -69px;

    }



    .hero__area--3 {

        padding-top: 71px;

    }



    .courses-grid {

        width: 94%;

    }



    .site-btn {

        font-size: 14px;

    }



    .course-title {

        color: #fff;

        text-transform: capitalize;

        font-family: "Inter", sans-serif;

        font-weight: 600;

        font-size: 13px;

    }



    .course {

        display: flex;

        align-items: center;

        min-height: 53px;

    }



    .story-visual .story-photo.stud-2 {

        position: absolute;

        bottom: 0;

        width: 28.1%;

        right: 278px;

    }



    .story-visual .story-photo.stud-4 {

        position: absolute;

        bottom: 0px;

        width: 26.16%;

        right: 307px;

    }



    .story-visual .story-photo.stud-3 {

        position: absolute;

        bottom: 0;

        width: 36.1%;

        right: 245px;

    }



    .story-visual .story-photo {

        position: absolute;

        bottom: 0;

        width: 39.1%;

        right: 207px;

    }



    .placement-strip {

        position: absolute;

        top: 24px;

        right: -77px;

        width: 24%;

    }



    .apply-form {

        position: fixed;

        top: 216px;

    }



    .place-wrap img {

        width: 78%;

    }



    .hero__content .mt-35 {

        margin-top: 22px;

    }



    .hero__content h3.banner-title {

        font-size: 30px;

        line-height: 43px;

    }



    .courses-banner {

        margin-top: 53px;

    }

}



@media only screen and (max-width:1700px) {

    .ur_path img {

        position: absolute;

        left: 30px;

        top: 100px;

    }



    .life-copy {

        margin: 0;

        color: #000;

        font-size: 16px;

        line-height: 26px;

    }



    .cc-sub {

        font-size: 16px;

    }



    .story-visual .story-photo.stud-2 {

        position: absolute;

        bottom: 0;

        width: 34.1%;

        right: 270px;

    }



    .story-visual .story-photo.stud-4 {

        position: absolute;

        bottom: 0px;

        width: 35%;

        right: 217px;

    }



    .story-visual .story-photo.stud-5 {

        position: absolute;

        bottom: 0px;

        width: 34.16%;

        right: 317px;

    }



    .story-visual .story-photo.stud-3 {

        position: absolute;

        bottom: 0;

        width: 34.1%;

        right: 180px;

    }



    .story-visual .story-photo {

        position: absolute;

        bottom: 0;

        width: 35.1%;

        right: 263px;

    }



}



@media only screen and (max-width:1630px) {



    .story-visual .story-photo.stud-2 {

        position: absolute;

        bottom: 0;

        width: 30.1%;

        right: 220px;

    }



    .story-visual .story-photo.stud-4 {

        position: absolute;

        bottom: 0px;

        width: 28.16%;

        right: 267px;

    }



    .story-visual .story-photo.stud-3 {

        position: absolute;

        bottom: 0;

        width: 38.1%;

        right: 200px;

    }



    .story-visual .story-photo {

        position: absolute;

        bottom: 0;

        width: 41.1%;

        right: 183px;

    }



    .main-menu ul li a.site-btn {

        font-size: 15px;

        padding: 15px 20px;

        letter-spacing: 1px;

    }



    .site-btn {

        font-size: 15px;

        padding: 15px 20px;

        letter-spacing: 1px;

    }







    .apply-form {

        top: 236px;



    }





    .courses-grid {

        row-gap: 4px;

        width: 96%;

    }





    .placement-strip {

        position: absolute;

        top: 24px;

        right: -77px;

        width: 24%;

    }





    .place-wrap img {

        width: 78%;

    }



    .main-menu ul li:not(:last-child) {

        margin-right: 27px;

    }



    .main-menu ul li a {

        font-size: 15px;

    }

}



@media only screen and (max-width:1600px) {

    .course .plate img {

        min-width: 49px;

        height: 38px;

        margin-right: 9px;

    }



    .hero__area.hero__area--3 .char-img img {

        position: absolute;

        bottom: -120px;

        width: 61%;

        left: -49px;

    }



    #courses .sc-title {

        padding-right: 24%;

    }



    .contact-table thead th:nth-child(2),

    .contact-table tbody td:nth-child(2) {

        width: 710px;

    }



    .c-logo-3 {

        display: flex;

        padding: 8px;

        align-items: center;

        justify-content: center;

        gap: 8px;

        border-radius: 10px;

        background: #fff;

        width: 391px;

        height: 483px;

        margin-right: 30px;

    }



    .life-tabs .nav-link {

        font-size: 18px;

        min-width: 391px;

    }



    .life-tabs {

        gap: 0;

        border: 0;

        padding: 5px 0 0px 0;

        display: flex;

        flex-wrap: nowrap;

        overflow-y: hidden;

        overflow-x: scroll;

    }



    .ur_path img {

        position: absolute;

        left: 50px;

        top: 90px;

        width: 19%;

    }



    .life-section .tab-content {

        padding: 43px 0 80px 0;

    }



    .life-media img {

        height: 320px;

    }



    .life-body {

        height: 230px;

    }



    .life-title {

        margin: 0 0 12px;

        font-size: 24px;

        line-height: 31px;

    }



    .story-visual .story-photo.stud-2 {

        position: absolute;

        bottom: 0;

        width: 33%;

        right: 251px;

    }



    .story-visual .story-photo.stud-4 {

        position: absolute;

        bottom: 0px;

        width: 34.16%;

        right: 193px;

    }



    .story-visual .story-photo.stud-5 {

        position: absolute;

        bottom: 0px;

        width: 33.16%;

        right: 315px;

    }



    .story-visual .story-photo.stud-3 {

        position: absolute;

        bottom: 0;

        width: 33%;

        right: 190px;

    }



    .story_content p:not(:last-child) {

        margin-bottom: 26px;

    }



    .story-copy .lead-1 {

        font-size: 30px;

        line-height: 38px;

    }



    .story-copy p {

        font-size: 20px;

        padding-right: 20%;

        line-height: 40px;

    }



    .story-copy .punch {

        margin: 26px 0 0;

        font-weight: 600;

        color: #FFC700;

        font-size: 27px;

        line-height: 36px;

        font-style: normal;

        padding-right: 17%;

    }



    .story-visual .story-photo {

        position: absolute;

        bottom: 0;

        width: 34.1%;

        right: 233px;

    }



    .student-meta {

        right: 4%;

        top: 9%;

    }



    .timelineWrap .card-wrap:nth-child(2) .cc-sub {

        font-size: 16px;

        width: 100%;

    }



    .timelineWrap .card-wrap:nth-child(4) {

        margin: 25px 0 25px 62px;

    }



    .timelineWrap .card-wrap:nth-child(6) {

        margin: 25px 0 25px 62px;

    }



    .timelineWrap .card-wrap:nth-child(2) {

        margin: 25px 0 25px 62px;

    }



    .fullBanner .bigBanner img {

        width: 100%;

        margin-top: -320px;

    }



    .placement-strip {

        position: absolute;

        top: 24px;

        right: -95px;

        width: 31%;

    }



    .life-tabs {

        gap: 32px;

        border: 0;

        padding: 5px 0 0px 0;

    }



    .apply-form .field,

    .nice-select {

        width: 100%;

        margin-bottom: 7px;

        line-height: 17px;

    }



    .field {

        width: 100%;

        height: 41px;

        padding: 10px 14px;

        border-radius: 10px;

        background: #fff;

        font-size: 14px;

        color: #0b1f22;

        outline: none;

        transition: box-shadow .15s ease, border-color .15s ease;

    }



    .timelineWrap .card-wrap:nth-child(1)::after {

        right: 78px;

    }



    .timelineWrap .card-wrap:nth-child(1)::before {

        right: 78px;

    }



    .timelineWrap .card-wrap:nth-child(3)::after {

        right: 78px;

    }



    .timelineWrap .card-wrap:nth-child(3)::before {

        right: 78px;

    }



    .timelineWrap .card-wrap:nth-child(5)::after {

        right: 78px;

    }



    .timelineWrap .card-wrap:nth-child(5)::before {

        right: 78px;

    }



    .timelineWrap .card-wrap:nth-child(2)::before {

        left: -33px;

    }



    .timelineWrap .card-wrap:nth-child(2)::after {

        left: -33px;

    }



    .timelineWrap .card-wrap:nth-child(4)::before {

        left: -33px;

    }



    .timelineWrap .card-wrap:nth-child(4)::after {

        left: -33px;

    }



    .paddin-timeline {

        padding-left: 48px;

    }



    .life-tabs .nav-link {

        font-size: 18px;

    }



    .award-gap {

        padding-right: 50px;

        --bs-gutter-x: 2.5rem;

        --bs-gutter-y: 0.5rem;

    }



}



@media only screen and (max-width:1530px) {

    .life-tabs {

        gap: 0;

        border: 0;

        padding: 5px 0 0px 0;

    }



    .life-copy {

        margin: 0;

        color: #000;

        font-size: 15px;

    }

}



@media only screen and (max-width: 1520px) {

    .course-body {

        max-height: 157px;

    }



    .story-visual .story-photo.stud-2 {

        position: absolute;

        bottom: 0;

        width: 34.5%;

        right: 226px;

    }



    .story-visual .story-photo.stud-4 {

        position: absolute;

        bottom: 0px;

        width: 34.8%;

        right: 187px;

    }



    .story-visual .story-photo.stud-5 {

        position: absolute;

        bottom: 0px;

        width: 34.8%;

        right: 293px;

    }



    .story-visual .story-photo.stud-3 {

        position: absolute;

        bottom: 0;

        width: 34.5%;

        right: 159px;

    }



    .story_content p:not(:last-child) {

        margin-bottom: 26px;

    }



    .story-copy .lead-1 {

        font-size: 30px;

        line-height: 38px;

        padding-right: 14%;

    }



    .story-copy p {

        font-size: 20px;

        padding-right: 20%;

        line-height: 40px;

    }



    .story-copy .punch {

        margin: 26px 0 0;

        font-weight: 600;

        color: #FFC700;

        font-size: 27px;

        line-height: 36px;

        font-style: normal;

        padding-right: 17%;

    }



    .story-visual .story-photo {

        position: absolute;

        bottom: 0;

        width: 36.1%;

        right: 213px;



    }



    .student-meta {

        right: 4%;

        top: 9%;

    }



}









@media only screen and (max-width:1500px) {





    .timelineWrap .card-wrap:nth-child(1)::before {

        right: 58px;

    }



    .timelineWrap .card-wrap:nth-child(1)::after {

        right: 61px;

    }



    .timelineWrap .card-wrap:nth-child(3)::before {

        right: 58px;

    }



    .timelineWrap .card-wrap:nth-child(3)::after {

        right: 61px;

    }



    .timelineWrap .card-wrap:nth-child(5)::before {

        right: 58px;

    }



    .timelineWrap .card-wrap:nth-child(5)::after {

        right: 61px;

    }



    .life-body {

        height: 214px;

    }



    .placement-strip {

        position: absolute;

        top: 24px;

        right: -75px;

        width: 26%;

    }



    .hero__content .title {

        color: #ffffff;

        font-family: "Libre Caslon Text", serif;

        font-size: 37px;

        font-weight: 400;

        line-height: 43px;

        text-transform: uppercase;

        margin-bottom: 11px;

        padding-right: 0;

    }



    .course {

        display: flex;

        align-items: center;

        min-height: 51px;

    }



    .hero__area.hero__area--3 .char-img img {

        position: absolute;

        bottom: -209px;

        width: 59%;

        left: -23px;

    }



}



@media only screen and (max-width: 1440px) {

    .sc-accordion .accordion-button.collapsed {

        padding: 17px 18px;

    }



    .c-logo-3 {

        display: flex;

        padding: 8px;

        align-items: center;

        justify-content: center;

        gap: 8px;

        border-radius: 10px;

        background: #fff;

        width: 391px;

        height: 483px;

        margin-right: 30px;

    }



    .timelineWrap .card-wrap:nth-child(2)::after {

        left: -33px;

        display: none;

    }



    .timelineWrap .card-wrap:nth-child(4)::before {

        left: 37px;

    }



    .timelineWrap .card-wrap:nth-child(2)::before {

        left: 37px;

    }



    .timelineWrap .card-wrap:nth-child(4)::after {

        left: -33px;

        display: none;

    }



    .timelineWrap .card-wrap:nth-child(2) {

        margin: 25px 0 25px 33px;

    }



    .timelineWrap .card-wrap:nth-child(4) {

        margin: 25px 0 25px 33px;

    }



    .timelineWrap .card-wrap:nth-child(6) {

        margin: 25px 0 25px 33px;

    }



    .sc-accordion .accordion-button {

        padding: 17px 18px;

    }

}



@media only screen and (max-width:1400px) {

    h2 {

        font-size: 40px;

    }



    #courses .sc-title {

        padding-right: 27%;

    }



    .hero__content .title {

        color: #ffffff;

        font-family: "Libre Caslon Text", serif;

        font-size: 50px;

        font-weight: 400;

        line-height: 57px;

        text-transform: uppercase;

        margin-bottom: 11px;

        padding-right: 0;

    }



    .life-title {

        margin: 0 0 12px;

        font-size: 22px;

        line-height: 26px;

    }



    .timelineWrap .card-wrap:nth-child(1)::before {

        right: 98px;

    }



    .timelineWrap .card-wrap:nth-child(3)::before {

        right: 98px;

    }



    .timelineWrap .card-wrap:nth-child(5)::before {

        right: 98px;

    }



    .life-media img {

        height: 290px;

    }



    .started-img img {

        width: 100%;

        display: block;

        height: 910px;

        object-fit: cover;

    }



    .story-visual .story-photo.stud-2 {

        position: absolute;

        bottom: 0;

        width: 35.5%;

        right: 247px;

    }



    .story-visual .story-photo.stud-4 {

        position: absolute;

        bottom: 0px;

        width: 31.8%;

        right: 217px;



    }



    .story-visual .story-photo.stud-5 {

        position: absolute;

        bottom: 0px;

        width: 31.8%;

        right: 217px;



    }



    .story-visual .story-photo.stud-5 {

        position: absolute;

        bottom: 0px;

        width: 32.8%;

        right: 320px;

    }



    .story-visual .story-photo.stud-3 {

        position: absolute;

        bottom: 0;

        width: 33.5%;

        right: 208px;

    }



    .story_content p:not(:last-child) {

        margin-bottom: 26px;

    }



    .story-copy .lead-1 {

        font-size: 27px;

        line-height: 34px;

    }



    .story-copy p {

        font-size: 20px;

        padding-right: 20%;

        line-height: 40px;

    }



    .story-copy .punch {

        margin: 26px 0 0;

        font-weight: 600;

        color: #FFC700;

        font-size: 27px;

        line-height: 36px;

        font-style: normal;

        padding-right: 17%;

    }



    .story-swiper .swiper-slide {

        position: relative;

        padding: 71px 0;

    }



    .sticker-bulb {

        left: 48%;

        top: 15%;

    }



    .story-visual .story-photo {

        position: absolute;

        bottom: 0;

        width: 35.1%;

        right: 201px;

    }



    .sticker {

        position: absolute;

        width: 64px;

        height: auto;

    }



    .student-meta {

        right: 4%;

        top: 9%;

    }



    .contact-table tbody td {

        font-size: 15px;

        padding: 13px 18px;

    }



    .zone-title {

        margin: 0 0 34px;

        line-height: 50px;

    }



    .contact-table thead th:nth-child(2),

    .contact-table tbody td:nth-child(2) {

        width: 580px;

    }



    .pl-meta-sub {

        margin: 10px 0 12px;

        font-size: 16px;

        line-height: 24px;

        color: #000;

    }



    .cc-icon img {

        width: 85%;

    }



    .curriculum-card {

        width: 680px;

        padding: 20px 28px 20px 19px;

    }



    .fullBanner .bigBanner img {

        width: 100%;

        margin-top: -280px;

    }



    p,

    li {

        font-size: 16px;

    }



    .hallmarkContent p:not(:last-child) {

        margin-bottom: 21px;

    }



    .hallmarkContent p {

        line-height: 28px;

    }



    .hallmarks-media {

        height: 391px;

    }



    .badge-row {

        margin-top: 30px;

    }



    .hallmark-badge p {

        font-size: 12px;

        line-height: 19px;

    }







    .hero__area--3 {

        padding-top: 59px;

    }



    .hero__area.hero__area--3 .char-img img {

        position: absolute;

        bottom: -130px;

        width: 61%;

        left: -83px;

    }



    .courses-grid {

        row-gap: 0px;

        width: 88%;

    }



    .course-title {

        font-size: 12px;

    }



    .courses-banner {

        margin-top: 23px;

    }



    .course {

        display: flex;

        align-items: center;

        min-height: 43px;

    }



    .courses-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }



    .placement-strip {

        position: absolute;

        top: 24px;

        right: -42px;

        width: 24%;

    }



    .place-wrap img {

        width: 85%;

    }

}



@media only screen and (max-width:1300px) {

    .courses-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }



    .sc-title {

        margin: 0 0 10px;

        font-weight: 400;

        line-height: 49px;

    }



    .sc-accordion .accordion-button {

        font-size: 17px;

    }



    .story-visual .story-photo.stud-5 {

        position: absolute;

        bottom: 0px;

        width: 32.8%;

        right: 270px;

    }



    .story-visual .story-photo.stud-2 {

        position: absolute;

        bottom: 0;

        width: 32.5%;

        right: 247px;

    }



    .story-visual .story-photo.stud-3 {

        position: absolute;

        bottom: 0;

        width: 30.5%;

        right: 179px;

    }



    .hero__area--3 {

        padding-top: 59px;

        height: 100%;

    }



    .hero__content .title {

        color: #ffffff;

        font-family: "Libre Caslon Text", serif;

        font-size: 32px;

        font-weight: 400;

        line-height: 43px;

        text-transform: uppercase;

        margin-bottom: 11px;

        padding-right: 0;

    }



    .logo img {

        max-width: 186px;

    }



    .student-meta p.deptName {

        font-size: 14px;

    }



    .sticker-bulb {

        left: 51%;

        top: 18%;

        width: 5%;

    }



    .story-copy p {

        font-size: 18px;

        padding-right: 20%;

        line-height: 33px;

    }



    .story-copy .punch {

        margin: 26px 0 0;

        font-weight: 600;

        color: #FFC700;

        font-size: 23px;

        line-height: 33px;

        font-style: normal;

        padding-right: 25%;

    }



    .started-img img {

        height: 770px;

    }



    .timelineWrap .card-wrap:nth-child(2) {

        margin: 25px 0 25px 0px;

    }



    .timelineWrap .card-wrap:nth-child(4) {

        margin: 25px 0 25px 0px;

    }



    .timelineWrap .card-wrap:nth-child(6) {

        margin: 25px 0 25px 0px;

    }



    .cc-title {

        font-size: 20px;

    }



    .pl-highlight {

        font-size: 24px;

        font-weight: bold;

        color: var(--teal);

    }



    .c-logo {

        width: 209px;

    }



    .pl-metric-line {

        margin: 0 0 10px;

        font-size: 24px;

        font-weight: 700;

        color: #0d1115;

        line-height: 26px;

    }



    .sc-sub {

        margin: 0 0 20px;

        color: #000;

        font-size: 16px;

    }



    .award-gap {

        padding-right: 20px;

    }



    .fullBanner .bigBanner img {

        width: 100%;

        margin-top: -240px;

    }



    .placement-strip {

        position: absolute;

        top: 24px;

        right: -54px;

        width: 33%;

    }



    .course {

        min-height: 45px;

    }



    .menu-area__right a.wp-icon img {

        width: 33px;

    }



    .main-menu ul li:not(:last-child) {

        margin-right: 25px;

    }



    .main-menu ul li a.site-btn {

        display: block;

        text-decoration: none;

        background-color: #FF5B00;

        font-size: 14px;

        color: #fff;

        padding: 15px 17px;

        letter-spacing: 1px;

        border: 0;

        text-transform: uppercase;

        position: relative;

        text-transform: uppercase;

        line-height: 22px;

        border-radius: 5px;

        font-weight: 700;

        line-height: 1;

    }





    .hero__area.hero__area--3 .char-img img {

        position: absolute;

        bottom: -139px;

        width: 61%;

        left: -96px;

    }





    .main-menu ul li a {

        display: block;

        text-decoration: none;

        font-size: 14px;

        color: #000;

        padding: 0px 0px;

        position: relative;

        text-transform: uppercase;

        line-height: 22px;

        font-weight: 500;

    }



}



@media only screen and (max-width:1200px) {

    .award-gap {

        padding-right: 2px;

    }



    .story-visual .story-photo {

        position: absolute;

        bottom: 0;

        width: 30.1%;

        right: 231px;

    }



    .c-logo-3 {

        width: 361px;

        height: 483px;

    }



    .menu-area__right a.wp-icon {

        margin-right: 20px;

    }



    .story-copy .lead-1 {

        font-size: 24px;

        line-height: 31px;

    }



    .story-copy p {

        font-size: 16px;

        padding-right: 20%;

        line-height: 29px;

    }



    .story-copy .punch {

        font-size: 20px;

        line-height: 28px;

        padding-right: 25%;

    }



    .story-visual .story-photo.stud-4 {

        width: 27.8%;

        right: 197px;

    }



    .ur_path {

        display: none;

    }



    .contact-table thead th:nth-child(2),

    .contact-table tbody td:nth-child(2) {

        width: 470px;

    }



    .contact-table tbody td {

        font-size: 14px;

        padding: 11px 18px;

    }



    .award-media {

        height: 182px;

    }



    .cc-sub {

        font-size: 14px;

    }



    .paddin-timeline {

        padding-left: 28px;

    }



    .timelineWrap .card-wrap:nth-child(2) .cc-sub {

        font-size: 14px;

        width: 100%;

    }



    .curriculum-card {

        width: 100%;

        padding: 20px 28px 20px 19px;

    }



    .slick-dotted.slick-slider {

        margin-bottom: 0;

    }



    .award-card {

        border-radius: 18px;

        padding: 24px 14px;

    }



    .slick-slide.slick-current.slick-active.slick-center .award-card {

        min-height: 300px !important;

    }



    .award-text {

        font-size: 14px;

        line-height: 23px;

    }



    .promo .btns .site-btn {

        margin-left: 21px;

    }



    .course-head {

        font-size: 17px;

    }



    .course-row {

        padding: 11px 8px;

    }



    .course-row {

        line-height: 24px;

        font-size: 14px;

    }



    .course-row {

        grid-template-columns: 61px 1fr 46px;



    }



    .course-head {

        padding: 10px 18px;

    }



    .course-head {

        grid-template-columns: 60px 1fr 70px;

    }



    .sc-accordion .accordion-button {

        font-size: 18px;

    }



    .hero__area.hero__area--3 .char-img img {

        position: absolute;

        bottom: -209px;

        width: 67%;

        left: 517px;

    }



    .section {

        padding: 80px 0;

        position: relative;

    }



    .courses-grid {

        row-gap: 10px;

        width: 81%;

    }



    .hero__area--3 {

        padding-top: 77px;

        height: 100%;

        padding-bottom: 90px;

    }



    .place-wrap img {

        width: 100%;

    }



    .placement-strip {

        position: absolute;

        top: 24px;

        right: 21px;

        width: 33%;

    }



    .courses-banner {

        margin-top: 38px;

    }

}



@media only screen and (max-width: 1100px) {

    .hero__area.hero__area--3 .char-img img {

        position: absolute;

        bottom: -209px;

        width: 73%;

        left: 437px;

    }



    .story-visual .story-photo {

        position: absolute;

        bottom: 0;

        width: 35.1%;

        right: 161px;

    }



    .life-section .tab-content {

        padding: 43px 0 65px 0;

    }



    .student-meta h4.studName {

        font-size: 18px;

    }



    .student-meta p.year {

        font-size: 13px;

    }



    .story-visual .story-photo.stud-5 {

        width: 31.8%;

        right: 247px;

    }



    .story-visual .story-photo.stud-4 {

        width: 33.8%;

        right: 177px;

    }



    .story-visual .story-photo.stud-3 {

        right: 178px;

    }



    .story-visual .story-photo.stud-2 {

        width: 32.5%;

        right: 209px;

    }



    .sticker-chart {

        right: 7%;

        bottom: 41%;

        width: 67px;

    }



    .alumni-section.section {

        padding-bottom: 60px;

    }



    .pl-card-title {

        font-size: 13px;

    }



    .fullBanner .bigBanner img {

        margin-top: -200px;

    }



    .hallmarks-media {

        height: 331px;

    }



    .hallmark-badge p {

        padding: 0 0px;

    }



    .courses-grid {

        row-gap: 10px;

        width: 73%;

    }

}



@media only screen and (max-width:991px) {

    .site-btn {

        font-size: 14px;

        padding: 14px 15px;

        letter-spacing: 1px;

    }



    .student-meta {

        right: 2%;

        top: 9%;

    }



    .story-copy .punch {

        font-size: 20px;

        line-height: 28px;

        padding-right: 1%;

    }



    .story_content p:not(:last-child) {

        margin-bottom: 8px;



    }



    .nav-btn_1 {

        width: 38px;

        height: 48px;

    }



    .nav-btn {

        width: 49px;

        height: 49px;

    }



    .story-visual .story-photo.stud-3 {

        right: 98px;

        width: 37.5%;

    }



    .story-visual .story-photo {

        position: absolute;

        bottom: 0;

        width: 41.1%;

        right: 133px;

    }



    .story-copy p {

        font-size: 16px;

        padding-right: 0;

    }



    .nowrap-css {

        /* display: flex;

        flex-wrap: nowrap; */

        overflow-x: auto;

    }



    .zone-title {

        margin: 0 0 20px;

        line-height: 50px;

    }



    .contact-table thead th:nth-child(1),

    .contact-table tbody td:nth-child(1) {

        width: 210px;

    }



    .contact-table thead th:nth-child(2),

    .contact-table tbody td:nth-child(2) {

        width: 371px;

    }



    .alumni-section.section {

        padding-bottom: 60px;

    }



    .alumni-title {

        margin: 0 0 8px;

        font-weight: 400;

        line-height: 1.1;

    }



    .timelineWrap .card-wrap:nth-child(2)::before {

        left: 77px;

    }



    .timelineWrap .card-wrap:nth-child(4)::before {

        left: 77px;

    }



    /* .timelineWrap .card-wrap:nth-child(1)::after {

        left: 29px;

        transform: rotate(90deg);

        bottom: 0;

        top: 129px;

    } */



    .started-title {

        margin: 0 0 8px;

        line-height: 45px;

    }



    .paddin-timeline {

        padding-left: 12px;

    }



    .paddin-timeline {

        padding-left: 12px;

        margin-top: 30px;

    }



    .started-img img {

        height: 400px;

        object-position: center;

    }



    .c-logo img {

        max-width: 170px;

    }



    .c-logo {

        width: 199px;

        height: 80px;

    }



    .awards-title {

        margin: 0 0 6px;

        line-height: 1.15;

    }



    .sc-title {

        margin: 0 0 10px;

        font-weight: 400;

        line-height: 45px;

    }



    h2 {

        font-size: 35px;

    }



    .course-head {

        font-size: 17px;

        line-height: 1;

    }



    .sc-accordion .accordion-button {

        font-size: 14px;

    }



    .sc-accordion .accordion-button.collapsed {

        padding: 12px 18px;

    }



    .course-body {

        max-height: 100px;

    }



    .sc-accordion .accordion-button::after {

        font-size: 25px;

    }



    .course-row {

        padding: 8px 8px;

    }



    .sc-accordion .accordion-button {

        padding: 12px 18px;

    }



    .course-row {

        grid-template-columns: 61px 1fr 46px;

    }



    .section {

        padding: 60px 0;

        position: relative;

    }



    .award-gap {

        padding-right: 2px;

        margin-top: 30px;

    }



    .hallmarks-media {

        height: 461px;

    }



    .fullBanner .bigBanner img {

        margin-top: -180px;

    }



    p,

    li {

        font-size: 14px;

    }



    .placement-strip {

        position: absolute;

        top: 24px;

        right: 38px;

        width: 33%;

    }



    .courses-grid {

        row-gap: 10px;

        width: 88%;

    }



    .hero__content .title {

        font-size: 45px;

        line-height: 50px;

    }



    .hero__area.hero__area--3 .char-img img {

        position: absolute;

        bottom: -209px;

        width: 44%;

        left: 537px;

    }

}



@media only screen and (max-width: 880px) {

    .story-copy .punch {

        font-size: 18px;

        line-height: 27px;

        padding-right: 0;

    }



    .story-visual .story-photo.stud-2 {

        width: 33.5%;

        right: 136px;

    }



    .story-visual .story-photo.stud-4 {

        width: 31.8%;

        right: 137px;

    }



    .story-visual .story-photo.stud-3 {

        right: 98px;

        width: 42.5%;

    }



    .story-visual .story-photo {

        position: absolute;

        bottom: 0;

        width: 44.1%;

        right: 103px;

    }



    .story-copy .lead-1 {

        font-size: 22px;

        line-height: 31px;

    }



}



@media only screen and (max-width: 780px) {

    .story-copy .punch {

        font-size: 16px;

        line-height: 27px;

        padding-right: 0;

    }



    .story-copy p {

        font-size: 14px;

        padding-right: 0;

    }



    .story-visual .story-photo.stud-2 {

        width: 38.5%;

        right: 106px;

    }



    .story-visual .story-photo.stud-4 {

        width: 31.8%;

        right: 137px;

    }



    .story-visual .story-photo.stud-3 {

        right: 73px;

        width: 41.5%;

    }



    .story-visual .story-photo {

        position: absolute;

        bottom: 0;

        width: 47.1%;

        right: 33px;

    }



    .story-copy .lead-1 {

        font-size: 20px;

        line-height: 30px;

    }



}



@media (max-width:767px) {

    .logo img {

        max-width: 136px;

    }



    .mobile-show {

        display: block;

    }



    .story_content p {

        line-height: 24px;

    }



    .course-row {

        line-height: 24px;

        font-size: 12px;

    }





    #courses .sc-title {

        padding-right: 0;

        line-height: 41px;

    }



    .story-copy {

        height: 200px;

    }



    .mb-none {

        margin-top: 0;

    }



    .story-copy .lead-1 {

        font-size: 18px;

        line-height: 30px;

    }



    .sticker-chart {

        right: 40px;

        top: 170px;

        width: 67px;

        display: none;

    }



    .hero__area.hero__area--3 .char-img img {

        position: absolute;

        bottom: -71px;

        width: 48%;

        left: 327px;

    }



    .story-copy .lead-1 {

        padding-right: 0;

    }



    .hero__area {

        background-image: url(../images/mobile-bg.png) !important;

        background-position: center;

        background-size: cover;

    }



    .sticker-bulb {

        left: 62%;

        top: 122px;

        width: 8%;

        display: none;

    }



    .courses-grid {

        row-gap: 10px;

        width: 55%;

    }



    .c-logo img.logo-11 {

        max-width: 138px;

    }



    .c-logo img.logo-18 {

        max-width: 138px;

    }



    .life-tabs .nav-link {

        font-size: 15px;

        min-width: 221px;

    }



    .menu-area__right a.wp-icon {

        margin-right: 0;

    }



    .life-body {

        height: auto;

    }



    .life-copy {

        font-size: 15px;

        line-height: 23px;

    }



    .life-body {

        padding: 22px 22px 22px;

    }



    .life-tabs .nav-link {

        padding: 3px 6px;

    }



    .sc-sub {

        font-size: 14px;

        line-height: 22px;

    }



    .pl-bottom {

        margin-top: 19px;

        align-items: flex-start;

    }



    .pl-meta-intro {

        margin: 0px 0 4px;

        font-size: 20px;

        color: #000;

        line-height: 1;

    }



    .awards-slick .slick-slide {

        margin: 0 11px;

        padding: 0px 0 20px 0;

    }



    .life-section .tab-content {

        padding: 25px 0 43px 0;

    }



    .footer-text {

        font-size: 10px;

        color: #2e3941;

        line-height: 1;

        margin: 0;

    }



    .story-visual .story-photo.stud-4 {

        width: 37.8%;

        right: 0;

        left: 30px;

    }



    .story-visual .story-photo {

        position: absolute;

        top: 40px;

        width: 49.1%;

        left: 0;

    }



    .story-swiper .swiper-slide {

        position: relative;

        padding: 50px 0 0px 0;

    }



    .sticker-chart {

        right: 150px;

        top: 240px;

        width: 67px;

    }



    .student-meta {

        right: 160px;

        top: 70px;

    }



    .sticker-bulb {

        left: 51%;

        top: 170px;

        width: 13%;

    }



    .story-swiper {

        position: relative;

        width: 100%;

        height: 100%;

        background-position: center;

        overflow: hidden;

        height: 100vh;

    }



    .mobile-relative {

        position: relative;

    }



    .story-visual .story-photo.stud-2 {

        position: absolute;

        width: 41.5%;

        top: 10px;

    }



    .story-visual .story-photo.stud-3 {

        left: 0;

        width: 50.5%;

        position: absolute;

        top: 27px;

        right: 0;

    }



    .zone-title {

        margin: 0 0 20px;

        line-height: 39px;

        font-size: 30px;

    }



    .section.mobile-enquire-now {

        padding-bottom: 0;

        padding-top: 23px;

    }



    .apply-form {

        position: unset;

        top: 216px;

        width: 100%;

        border-radius: 8px;

        padding: 0;

        background-color: #fff;

        border: 0px dashed rgba(0, 212, 198, .55);

    }



    .field {

        height: 45px;

    }



    .alumni-nav {

        margin-top: 20px;

    }



    .alumni-section.section {

        padding-bottom: 38px;

    }



    .nav-btn {

        width: 45px;

        height: 50px;

    }



    .pl-meta-sub {

        font-size: 14px;

        line-height: 23px;

    }



    .awards-slick .slick-slide .award-card {

        transform: scale(0.9);

        opacity: 1;

    }



    .pl-highlight {

        font-size: 22px;

        font-weight: bold;

        color: var(--teal);

    }



    .pl-metric-line {

        margin: 0 0 10px;

        font-size: 22px;

        font-weight: 700;

        color: #0d1115;

        line-height: 34px;

    }



    .sc-sub {

        font-size: 14px;

    }



    .promo .btns .site-btn {

        margin-left: 0;

    }



    .promo-media img {

        display: none;

    }



    h2 {

        font-size: 30px;

    }



    .hallmarks-lead {

        font-size: 20px;

    }



    .hallmarks-media iframe {

        width: 100%;

        height: 378px;

    }



    .hallmark-badge .emblem {

        width: 66%;

        margin: 0 auto;

    }



    .award-gap {

        padding-right: 0;

        margin-top: 5px;

        --bs-gutter-y: 1.5rem;

    }



    .fullBanner .bigBanner img {

        margin-top: -140px;

    }



    .hallmarks-media {

        height: 371px;

    }



    .section {

        padding: 50px 0;

        position: relative;

    }



    .courses-grid {

        grid-template-columns: repeat(1, minmax(0, 1fr));

    }



    .hero__content .title {

        font-size: 35px;

        line-height: 41px;

        padding-right: 10%;

    }





    .course .plate {

        width: 61px;

    }



    .hero__content h3.banner-title {

        font-size: 25px;

        line-height: 35px;

    }







    .placement-strip {

        position: absolute;

        top: 39px;

        right: 3px;

        width: 30%;

    }



    .hero__area--3 {

        padding-top: 34px;

        height: 100%;

        padding-bottom: 53px;

    }



    .course-title {

        font-size: 13px;

        margin-left: 16px;

    }



    .course {

        min-height: 46px;

    }



    .course .plate img {

        min-width: 60px;

    }



    .courses-grid {

        row-gap: 8px;

        width: 100%;

    }





}





@media (max-width: 700px) {

    .pl-card {

        padding: 12px 16px;

    }



    .alumni-sub {

        margin: 0;

        color: #000;

        line-height: 22px;

    }



    .alumni-title {

        font-size: 30px;

    }

}



@media (max-width: 650px) {

    .story-visual .story-photo {

        position: absolute;

        top: 0;

        width: 43.1%;

        left: 0;

    }



    .story-visual .story-photo.stud-4 {

        width: 37.8%;

        right: 0;

        left: 30px;

        top: 30px;

    }



    .sticker-bulb {

        left: 62%;

        top: 122px;

        width: 8%;

    }



    .sticker-chart {

        right: 40px;

        top: 170px;

        width: 67px;

    }



    .story-visual .story-photo.stud-3 {

        left: 20px;

        width: 38.5%;

        position: absolute;

        top: 27px;

        right: 0;

    }



    .story-swiper {

        height: auto;

    }



    .student-meta {

        right: 110px;

        top: 30px;

    }

}



@media (max-width: 600px) {

    .fullBanner .bigBanner img {

        margin-top: -120px;

    }



    .alumni-section.section {

        padding-bottom: 30px;

    }



    .awards-slick .slick-slide .award-card {

        transform: scale(0.9);

        opacity: 1;

    }



    .slick-slide.slick-current.slick-active.slick-center .award-card {

        min-height: 100% !important;

    }



    .hallmarks-media iframe {

        width: 100%;

        height: 320px;

    }



    .hallmarks-media {

        height: 320px;

    }





    .course .plate {

        width: 61px;

        height: 46px;

    }



    .courses-grid {

        row-gap: 0;

        width: 100%;

    }

}



@media (max-width: 576px) {

    .story-swiper {

        height: auto;

    }



    .curriculum-card {

        width: 100%;

        padding: 20px 19px 20px 19px;

    }



    .course-box {

        padding: 9px;

    }



    .started-title {

        line-height: 35px;

    }



    .student-meta {

        right: 80px;

        top: 30px;

    }



    .story-nav {

        padding: 0px 4px;

    }



    .story-copy .punch {

        margin: 13px 0 16px;

    }

}



@media (max-width: 520px) {

    .hero__area.hero__area--3 .char-img img {

        position: absolute;

        bottom: 771px;

        width: 23%;

        left: 317px;

    }

}



@media (max-width:500px) {

    .curriculum-card {

        gap: 13px;

    }



    .story-visual {

        margin-top: 60px;

    }



    .pl-icon img {

        width: 31%;

    }



    .started-sub {

        line-height: 24px;

    }



    .cc-title {

        font-size: 17px;

    }



    .c-logo {

        width: 159px;

        height: 80px;

    }







    .fullBanner .bigBanner img {

        margin-top: -100px;

    }



    .placement-strip {

        position: absolute;

        top: 40px;

        right: 3px;

        width: 30%;

    }



    .courses-banner {

        margin-top: 21px;

    }



    .site-btn {

        font-size: 12px;

        padding: 7px 8px;

        letter-spacing: 1px;

        line-height: 18px;

    }



    .side-info-wrapper,

    .cart-bar-wrapper {

        position: fixed;

        overflow-y: auto;

        top: 0;

        right: -530px;

        width: 100%;

        height: 100vh;

        display: block;

        background-color: #fff;

        z-index: 100;

        box-shadow: -5px 0 20px -5px rgb(0 0 0 / .5);

        padding-top: 0;

        -webkit-transition: all 600ms cubic-bezier(.785, .135, .15, .86);

        -o-transition: all 600ms cubic-bezier(.785, .135, .15, .86);

        transition: all 600ms cubic-bezier(.785, .135, .15, .86);

    }



}





@media (max-width:450px) {

    .placement-strip {

        position: absolute;

        top: 271px;

        right: 3px;

        width: 30%;

    }





    .swiper.alumni-swiper .swiper-slide {

        height: 390px;

    }



    .course-head {

        font-size: 14px;

        line-height: 1;

    }



    .course-row {

        grid-template-columns: 65px 1fr 46px;

    }



    .seacom-section .site-btn {

        font-size: 12px;

        padding: 13px 15px;

        letter-spacing: 1px;

    }



    .course-head {

        grid-template-columns: 65px 1fr 46px;

    }



    .course-row {

        line-height: 15px;

        font-size: 12px;

    }



    .course-body {

        max-height: 164px;

    }



    .btns a.site-btn img {

        margin-left: 0px;

        width: 3%;

    }

}





@media (max-width: 430px) {

    .swiper.alumni-swiper .swiper-slide {

        height: 420px;

    }

}



@media (max-width:420px) {

    .placement-strip {

        position: absolute;

        top: 271px;

        right: 3px;

        width: 30%;

    }



    .timelineWrap .card-wrap:nth-child(1)::before {

        right: 48px;

    }



    .timelineWrap .card-wrap:nth-child(2)::before {

        left: 48px;

    }



    .started-img img {

        height: 330px;

        object-position: center;

    }



    .fullBanner .bigBanner img {

        margin-top: -80px;

    }

}



@media (max-width:400px) {

    .swiper.alumni-swiper .swiper-slide {

        height: 454px;

    }



    .story-visual {

        margin-top: 90px;

    }



    .hero__content .title {

        font-size: 28px;

        line-height: 35px;

        padding-right: 0;

        margin-bottom: 5px;



    }



    .hero__area.hero__area--3 .char-img img {

        position: absolute;

        bottom: 791px;

        width: 25%;

        left: 268px;

    }



    .hero__content h3.banner-title {

        font-size: 18px;

        line-height: 25px;

    }



    .hero__area.hero__area--3 .char-img img {

        display: block;

    }



    .cc-sub {

        font-size: 12px;

    }



    .timelineWrap .card-wrap:nth-child(2) .cc-sub {

        font-size: 12px;

        width: 100%;

    }



    .cc-icon img {

        min-width: 50px;

    }



    .sc-title {

        margin: 0 0 10px;

        font-weight: 400;

        line-height: 35px;

    }

}



@media (max-width:390px) {

    .placement-strip {

        position: absolute;

        top: 309px;

        right: 3px;

        width: 30%;

    }



    .sticker-chart {

        display: none;

    }



    .sticker-bulb {

        display: none;

    }



    .story-visual .story-photo.stud-4 {

        right: 0;

        left: 0px;

    }



    .story-visual .story-photo.stud-3 {

        left: 0;

    }

}



@media (max-width: 360px) {

    .story-copy p {

        font-size: 16px;

        line-height: 23px;

    }



    .curriculum-card {

        width: 100%;

        padding: 20px 15px 20px 19px;

    }



    .story-visual .story-photo {

        position: absolute;

        top: 30px;

        width: 43.1%;

        left: 0;

    }



    .student-meta {

        right: 40px;

        top: 30px;

    }



    .student-meta.meta-2 {

        right: 40px;

        top: 30px;

    }



    .student-meta.meta-3 {

        right: 80px;

        top: 30px;

    }



    .student-meta.meta-4 {

        right: 40px;

        top: 30px;

    }



    .student-meta p.year {

        font-size: 11px;

    }



    .student-meta p.deptName {

        font-size: 11px;

    }



    .story-copy .lead-1 {

        font-size: 19px;

        line-height: 30px;

    }

}





@media (max-width: 310px) {

    .hero__area.hero__area--3 .char-img img {

        position: absolute;

        bottom: 791px;

        width: 25%;

        left: 218px;

    }

}