@media all and (max-width: 1920px) and (min-width:1800px) {
    .master-txt h3 {
        margin: 20px 295px 15px 0;
        line-height: 1.3;
    }

    .meet-expert {
        position: relative;
        margin: 1rem auto 0;
        width: 80%;
    }

    .master-txt p {
        margin: 10px 17rem 25px 0;
    }

    .cyi-txt p.msg {
        margin: 20px 17rem 40px 0;
    }

    .exp-txt {
        flex: 2.5;
    }

    .exp-txt p {
        margin: 0 15rem 1rem 0;
    }

    #hero {
        height: 90vh;
        min-height: 90%;
    }

    .HBbox {
        width: 1250px;
        height: auto;
        margin: 0 497px 0 0;
        padding: 80px 150px;
        border-radius: 0 300px 300px 0;
        transform: translate(-10%, 0);
    }

    .HBbox h1 {
        font-size: 55px;
    }

    .HBbox p {
        font-size: 26px;
    }

    .img-content {
        bottom: 7rem;
    }

    .img-content h5 {
        font-size: 28px;
    }

    .see_all_back {
        background: url(../png/assist_background_1_big.png) no-repeat center;
        padding: 90px 110px;
    }

    .see_all_back .see_all_items p {
        font-size: 30px;
    }

    .see_all_back .see_all_items a.cats {
        padding: 20px 44px;
        font-size: 20px;
    }

    .see_all_back_A {
        background: url(../png/assist_background_2_big.png) no-repeat center;
        padding: 90px 110px;
    }

    .see_all_back_A .see_all_items p {
        font-size: 30px;
    }

    .see_all_back_A .see_all_items a.cats {
        padding: 20px 44px;
        font-size: 20px;
    }

    .nbs-flexisel-nav-left,
    .nbs-flexisel-nav-right {
        top: 18rem;
    }

    .listeditem img {
        width: 100%;
    }

    .assits h3 {
        font-size: 40px;
    }

    .assits p {
        font-size: 18px;
    }

    .banner-content h1 {
        font-size: 70px;
        margin: 0 120px 10px 0;
    }

    .banner-content p {
        font-size: 30px;
    }

    .alws img.Image-30 {
        width: 770px;
    }

    .Rectangle-432 {
        margin: 170px 0 30px 0;
        padding: 110px 200px 110px 130px;
    }

    .Rectangle-432 h3 {
        font-size: 40px;
    }

    .Rectangle-432 p {
        font-size: 22px;
    }

    .alws img.Image-31 {
        width: 770px;
    }

    .Rectangle-484 {
        width: 1100px;
        padding: 60px 260px 60px 60px;
    }

    .Rectangle-484 h3 {
        font-size: 40px;
    }

    .Rectangle-484 p {
        font-size: 22px;
    }

    .Rectangle-488 h3 {
        font-size: 40px;
    }

    .Rectangle-488 p {
        font-size: 22px;
    }

    .Rectangle-425 {
        padding: 95px 100px;
    }

    .letin {
        font-size: 22px;
    }

    .banner-content-wh h1 {
        font-size: 65px;
    }

    .banner-content-wh p {
        font-size: 18px;
        margin: 15px 100px 35px 0;
    }

    .course-457 p {
        margin: 12px 200px 1rem 0;
    }

    .mgx_img img {
        width: 100%;
    }

    .cyi-txt-black p {
        font-size: 16px;
        width: 736px;
    }

    .back_img_back {
        background: url(../jpg/certificate-1-big.jpg) no-repeat left bottom #e2e2e2;
        padding: 70px 0;
        position: relative;
    }

    .txt_487 {
        padding: 90px 250px 90px 140px;
    }

    .about_back {
        background: url(../png/about_backbaner_big.png) no-repeat right top #ffffff;
    }

    .testi_back {
        background: url(../jpg/testimonial-banner-big.jpg) no-repeat left #fff;
    }

    .Rectangle-661 {
        margin: 10rem 0 0 auto;
    }

    .webinar .nbs-flexisel-nav-left {
        top: 12rem;
    }

    .webinar .nbs-flexisel-nav-right {
        top: 12rem;
    }

    .txt_487 h3 {
        font-size: 50px;
    }
}

@media all and (max-width: 1799px) and (min-width:1500px) {
    .meet-expert {
        position: relative;
        margin: 1rem auto 0;
        width: 90%;
    }

    .master-txt h3 {
        margin: 20px 295px 15px 0;
        line-height: 1.3;
    }

    .master-txt p {
        margin: 10px 17rem 25px 0;
    }

    .cyi-txt p.msg {
        margin: 20px 17rem 40px 0;
    }

    .exp-txt {
        flex: 1.9;
    }

    .exp-txt p {
        margin: 0 5rem 1rem 0;
    }

    #hero {
        height: 75vh;
        min-height: 75%;
    }

    .HBbox {
        width: 1100px;
        height: auto;
        margin: 0 497px 0 0;
        padding: 50px 125px;
        border-radius: 0 300px 300px 0;
        transform: translate(-9%, 0);
    }

    .HBbox h1 {
        font-size: 50px;
    }

    .HBbox p {
        font-size: 24px;
    }

    .banner-content h1 {
        font-size: 55px;
        margin: 0 120px 10px 0;
    }

    .banner-content p {
        font-size: 25px;
    }

    .img-content {
        bottom: 5rem;
    }

    .img-content h5 {
        font-size: 25px;
    }

    .see_all_back {
        background: url(../png/assist_background_1_medium.png) no-repeat center;
        padding: 70px 70px;
    }

    .see_all_back .see_all_items p {
        font-size: 28px;
    }

    .see_all_back .see_all_items a.cats {
        padding: 20px 40px;
        font-size: 18px;
    }

    .see_all_back_A {
        background: url(../png/assist_background_2_medium.png) no-repeat center;
        padding: 70px 70px;
    }

    .see_all_back_A .see_all_items p {
        font-size: 28px;
    }

    .see_all_back_A .see_all_items a.cats {
        padding: 20px 40px;
        font-size: 18px;
    }

    .listeditem img {
        width: 100%;
    }

    .alws img.Image-30 {
        width: 658px;
    }

    .Rectangle-432 {
        margin: 170px 0 30px 0;
        padding: 90px 100px 90px 130px;
    }

    .Rectangle-432 h3 {
        font-size: 36px;
    }

    .Rectangle-432 p {
        font-size: 20px;
    }

    .alws img.Image-31 {
        width: auto;
    }

    .Rectangle-484 {
        width: 915px;
        padding: 60px 130px 60px 60px;
    }

    .Rectangle-484 h3 {
        font-size: 36px;
    }

    .Rectangle-484 p {
        font-size: 20px;
    }

    .Rectangle-488 h3 {
        font-size: 36px;
    }

    .Rectangle-488 p {
        font-size: 20px;
    }

    .Rectangle-425 {
        padding: 95px 100px;
    }

    .letin {
        font-size: 22px;
    }

    .banner-content-wh h1 {
        font-size: 55px;
    }

    .banner-content-wh p {
        font-size: 16px;
        margin: 15px 0 35px 0;
    }

    .course-457 p {
        margin: 12px 200px 1rem 0;
    }

    .mgx_img img {
        width: 100%;
    }

    .cyi-txt-black p {
        font-size: 16px;
        width: 736px;
    }

    .back_img_back {
        background: url(../jpg/certificate-1-big.jpg) no-repeat left bottom #e2e2e2;
        padding: 70px 0;
        position: relative;
    }

    .txt_487 {
        padding: 90px 0 90px 160px;
    }

    .about_back {
        background: url(../png/about_backbaner-medium.png) no-repeat right top #ffffff;
    }

    .unsplash {
        right: 13rem;
    }

    .testi_back {
        background: url(../jpg/testimonial-banner-medium.jpg) no-repeat left #fff;
    }

    .Rectangle-661 {
        margin: 20rem 0 0 auto;
    }

    .webinar .nbs-flexisel-nav-left {
        top: 10rem;
    }

    .webinar .nbs-flexisel-nav-right {
        top: 10rem;
    }

    .campus-slider .nbs-flexisel-inner {
        height: 80vh;
    }
}

@media all and (max-width:640px) and (min-width: 100px) {
    #hero {
        height: 100vh;
        background: url(../jpg/homebanner-3.jpg) no-repeat 67% center;
        background-size: cover;
    }

    .vi-frame {
        cursor: pointer;
        margin: 0 auto;
        width: 100%;
        display: block;
    }

    .whtie-box {
        background: #fff;
        position: relative;
        padding: 30px 0;
    }
    .ellipse-small {
        width: 100px;
        height: 100px;
        margin: 220rem 0 0 0;
    }

    .cyi-txt p {
        font-size: 14px;
        margin: 15px 0 40px 0;
    }

    .course-bbox {
        margin: 0 0 2rem;
    }

    .course-bbox img {
        width: 100%;
    }

    .year img {
        width: auto;
    }

    .quanter img {
        width: auto;
    }

    .course-cta img {
        width: auto;
    }

    .marit {
        font-size: 16px !important;
    }

    .HBbox {
        width: 360px;
        height: auto;
        display: block;
        margin: 0;
        padding: 30px 20px 30px 35px;
        transform: translate(-2rem, 3rem);
        /*background-color: #e8e1e142;*/
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px);
    }

    #hero h1 {
        font-size: 18px;
        line-height: 25px;
        margin: 0 35px 10px 0;
    }

    .HBbox p {
        margin: 10px 50px 10px 0;
        font-size: 12px;
    }

    .va-cta {
        position: relative;
        right: inherit;
        top: -1.5rem;
        font-size: 14px;
        display: inline-block;
    }

    .white-arch {
        background: url(../png/artwork.png) no-repeat 108% 20% #fff;
    }

    .archtxt {
        position: relative;
    }

    .experbox {
        padding: 0 0 1rem;
        margin: 0 0 1rem;
        display: grid;
        grid-template-columns: 40% 55%;
        grid-column-gap: 5%;
    }

    .experbox-single {
        padding: 0 0 1rem;
        margin: 0px 15px 1rem;
        display: grid;
        grid-template-columns: 100%;
        /* grid-column-gap: 6%; */
        text-align: center;
    }

    .exp-txt h4 {
        font-size: 18px;
    }

    .exp-txt span {
        font-size: 14px;
    }

    .exp-txt p {
        font-size: 14px;
        text-align: justify;
    }

    .container-fluid {
        padding-right: 20px;
        padding-left: 20px;
    }

    .HBbox a.cta {
        margin: 0rem auto 0 0;
        display: table;
        padding: 15px 36px 15px;
        margin: 1rem auto 0 0;
    }

    .cyi-txt h2 {
        font-size: 22px;
    }

    .suff {
        transform: translate(-30%, 0);
        display: none;
    }

    .half-ellipse {
        transform: translate(0, 199rem);
    }

    .archtxt h2 {
        font-size: 28px;
        margin: 0;
    }

    .archtxt p {
        font-size: 14px;
    }

    .dest {
        display: none !important;
    }

    .offset-2 {
        margin-left: 0;
    }

    .recter {
        font-size: 22px;
        margin: 0 0 5px 0;
    }

    .cyi-txt-black h2 {
        font-size: 22px;
    }

    .countdownbox .puol {
        font-size: 42px;
    }

    .path-499 {
        display: none;
    }

    .path-505 {
        padding: 0;
        border: none;
        border-radius: 0;
    }

    .path-505 div.textt {
        margin: 40px 0 20px 0;
        font-size: 14px;
        line-height: 1.6;
    }

    .master-txt h3 {
        font-size: 24px;
        line-height: 2rem;
    }

    .master-txt img:nth-child(1) {
        margin: 0 0 3rem;
    }

    .form-div {
        margin: 2rem 0 0;
    }

    .footer-details {
        margin: 1rem 0 0;
    }

    .mgnav span.catg {
        font-size: 20px;
        margin: .7rem 0 0;
        display: inline-block !important;
        text-transform: capitalize;
    }

    .mobile-nav a {
        font-size: 16px;
    }

    .nbs-flexisel-nav-left {
        left: 0rem;
    }

    .nbs-flexisel-nav-right {
        right: 0rem;
    }

    .banner-content h1 {
        font-size: 22px;
        color: #141414;
        margin: 0 80px 10px 0;
        line-height: 1.3;
    }

    .yellowback {
        background: #fcd300;
        background: url(../png/certifacte-coiurse-img-small.png) no-repeat right bottom #fcd300;
        height: 75vh;
        min-height: 100%;
    }

    .banner-content p {
        font-size: 14px;
        margin: 16px 90px 40px 0;
    }

    .see_all_back {
        padding: 25px 18px;
        display: block;
        margin-left: -20px;
        margin-right: -20px;
        background-size: cover;
    }

    .see_all_back .see_all_items p {
        font-size: 18px;
        line-height: 1.6;
    }

    .see_all_back .see_all_items a.cats {
        padding: 12px 16px;
        font-size: 12px;
        margin: 20px 0 0 auto;
        display: inline-block;
    }

    .see_all_back_A {
        padding: 20px 20px;
        display: block;
        margin-left: -20px;
        margin-right: -20px;
    }

    .see_all_back_A .see_all_items p {
        font-size: 18px;
        line-height: 1.6;
    }

    .see_all_back_A .see_all_items a.cats {
        padding: 12px 16px;
        font-size: 12px;
        margin: 20px 0 0 auto;
        display: inline-block;
    }

    .cyi-txt-black p {
        margin: 10px 0 40px 0;
        color: #fff;
    }

    .supportgird {
        display: block;
        margin: 6rem 0 0;
    }

    .assits h3 {
        font-size: 22px;
        color: #fff;
        margin: 2rem 0 10px;
    }

    .vector60 {
        top: 20rem;
        width: 110px;
    }

    .supportgird2 {
        display: flex;
        grid-template-columns: 100%;
        flex-wrap: wrap-reverse;
    }

    .img-content {
        bottom: 3.5rem;
    }

    .nbs-flexisel-nav-left,
    .nbs-flexisel-nav-right {
        top: 13rem;
        width: 35px;
        height: 35px;
        font-size: 20px;
        line-height: 35px;
    }

    .nbs-flexisel-nav-right {
        right: -1rem;
    }

    .nbs-flexisel-nav-left {
        left: -1rem;
    }

    .para13 {
        font-size: 16px;
        margin: 20px 0 40px 0;
    }

    .grid4060 {
        display: block;
        margin: 0rem 0 0;
    }

    .alws img.Image-30 {
        margin: 0 0 50px 0;
        max-width: 100%;
    }

    .Image60 {
        width: 40%;
    }

    .Rectangle-432 {
        margin: 0 0 30px 0;
        transform: translate(0rem, -5rem);
        padding: 30px 30px;
        border-radius: 20px;
        box-shadow: 10px 13px 58px 0 rgb(0 0 0 / 5%);
        background-color: #ffffff;
    }

    .Rectangle-432 h3 {
        margin: 0 0 15px 0;
        font-size: 20px;
    }

    .Rectangle-432 p {
        margin: 10px 0 0;
        font-size: 14px;
        line-height: 1.8;
    }

    .Image58 {
        top: 50rem;
        width: 30%;
    }

    .grid6040 {
        display: flex;
        margin: -7rem 0 0;
        flex-wrap: wrap-reverse;
    }

    .Rectangle-484 {
        width: 100%;
        padding: 30px 30px;
        transform: translate(0rem, -5rem);
    }

    .Rectangle-484 h3 {
        margin: 0 0 15px 0;
        font-size: 22px;
    }

    .Rectangle-484 p {
        margin: 10px 0 0;
        font-size: 14px;
        line-height: 1.8;
    }

    .grid2_0 {
        display: block;
    }

    .Rectangle-488 h3 {
        font-size: 22px;
        margin: 20px 0 20px 0;
    }

    .Rectangle-488 p {
        font-size: 14px;
        line-height: 1.8;
    }

    .grid0_2 {
        display: block;
        margin: 3rem 0 0;
    }

    .Rectangle-425 {
        padding: 20px 30px;
        border-radius: 10px;
    }

    .letin {
        font-size: 12px;
        margin: 10px 0 0;
    }

    .grayarch {
        background: url(../png/line-circle-32-small.png) no-repeat left 63% #f8f8f8;
        padding: 70px 0;
    }

    .Image65 {
        top: inherit;
        width: 45%;
        bottom: 35px;
    }

    .Image68 {
        top: 7rem;
        width: 10%;
    }

    .lightBGback {
        background: url(../png/diploma-coiurse-img-small.png) no-repeat right bottom #ddf0f5;
        height: 75vh;
        background-size: cover;
    }

    .f-photography-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.61), rgba(19, 12, 12, 0.12)), url(../jpg/phtography_banner_back_mobile.jpg);
        height: 80vh;
        overflow: hidden;
        position: relative;
    }

    .f-photography-banners {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/fashion-photography-banner-mobile.jpg);
        padding: 30px 0 60px 0;
        display: block;
        background-size: cover;
    }

    .f-acting-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/acting-background-mobile.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-adfilmmaking-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/mobo-adfilmmaking-banner-01.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-corportate-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/corporate-fm-mobile.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-screenwriting-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/screenwriting_banner_grab-mobile.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-guitar-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/guitar_banner_grab-mobile.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-radiojocky-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/radio_jockey_banner_grab-mobile.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-digitaljournalism-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/digital_journalism_banner_grab-mobile.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-tvnewproduction-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/tv_new_production-mobile.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-mobilejournalism-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/mobile_journalism_banner_grab-mobile.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-digitaladvertising-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/advertising_banner_grab-mobile.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-digitalpr-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/digital-pr1-mobile.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-fashion-design-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/fashion-design-banner-grap-mobile.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-makeup-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/makeup_banner_grab-mobile.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-music-production {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/mobile-musicprod.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-fashionartandillustration-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/drawing-fashion-illustrations-mobile.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .banner-content-wh {
        position: absolute;
        padding: 30px 10px 10px 10px;
        margin: 0 0 0;
        backdrop-filter: blur(30px);
        left: 0;
        right: 0;
        bottom: 0;
        top: -30px;
        height: 56vh;
        z-index: 99;
        background-image: linear-gradient(to top, #0000007d, #3a3a3a8c 16%, rgba(98, 98, 98, 0.73));
    }

    .banner-content-wh.photofound-mobile {
        top: 50px;
        height: 42vh;
    }

    .banner-content-wh.fashphoto-mobile {
        height: 50vh;
        top: 0rem;
    }

    .Group-752.fash-photo-grp-mob {
        margin: 4.5rem 0 1.5rem;
    }

    .banner-content-wh.actingpro-mobile {
        top: 6rem;
        height: 35vh;
    }

    .banner-content-wh.adfilmpro-mobile {
        top: 2rem;
        height: 44vh;
    }

    .banner-content-whl {
        position: absolute;
        padding: 30px 20px;
        margin: 0 0 0;
        backdrop-filter: blur(30px);
        left: 0;
        right: 0;
        bottom: 0;
        top: -30px;
        height: 70vh;
        z-index: 99;
        background-image: linear-gradient(to top, #0000007d, #3a3a3a8c 16%, rgba(98, 98, 98, 0.73));
    }

    .venobox.btn-watch-video.vbox-item img {
        position: absolute;
        left: 0;
        right: 0;
        margin: -8rem auto 0;
    }

    .reverser {
        flex-direction: column-reverse;
    }

    .banner-content-wh h1 {
        font-size: 28px;
        margin: 0 0 5px 0;
    }

    .banner-content-whl h1 {
        font-size: 28px;
        margin: 0 0 5px 0;
    }

    .mr-rigt-30 {
        margin: 0 0 0 3px;
    }

    .wh_back_CTA {
        padding: 12px 14px;
        font-size: 12px;
    }

    .wh_border_CTA {
        padding: 12px 16px;
        font-size: 12px;
    }

    .banner-content-wh p {
        font-size: 14px;
        line-height: 1.43;
        margin: 15px 0 10px;
    }

    .banner-content-whl p {
        font-size: 14px;
        line-height: 1.43;
        margin: 15px 0 24px;
    }

    .Group-752 {
        box-shadow: 10px 13px 58px 0 rgb(0 0 0 / 5%);
        padding: 12px;
        border-radius: 0;
        position: relative;
        top: inherit;
        margin: 1.5rem 0 1.5rem;
    }

    .Group-753 {
        box-shadow: 10px 13px 58px 0 rgb(0 0 0 / 5%);
        padding: 12px;
        border-radius: 0;
        position: relative;
        top: inherit;
        margin: 10rem 0 1.5rem;
    }

    .half_sec {
        padding: 30px 0 50px;
    }

    .half_sec:before {
        background: transparent;
    }

    .course-457 h3 {
        font-size: 22px;
        color: #333;
        margin: 0 0 0;
    }

    .course-457 p {
        font-size: 14px;
        line-height: 1.71;
        margin: 12px 0 1rem 0;
    }

    .course-457 img {
        width: 90px;
    }

    .half-circle-158 {
        bottom: 3.8rem;
        width: 50px;
    }

    .synopsis_grid {
        grid-template-columns: 50% 50%;
        padding: 0 0;
    }

    .systxt {
        font-size: 11px;
    }

    .syshd {
        font-size: 15px;
    }

    .myaccordion {
        margin: 2rem 0 0;
    }

    .grid_44 {
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
    }

    .grid_list_44 {
        margin: 0 0 1rem;
    }

    .module-align {
        text-align: left;
        margin: 1rem 0 0;
    }

    #schedule-nav>ul>li>a {
        padding: 20px 40px 20px 20px;
    }

    #schedule-nav ul ul li div.accorbody {
        padding: 14px 40px 14px 10px;
    }

    #schedule-nav ul>li.has-sub>a:after {
        left: inherit;
        right: 20px;
    }

    .back_img_back {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_acting {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_event {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_guitars {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_fashion_photo {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_adfilm {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_corporate {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_tv_news {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_ph_foundation {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_radion_jockey {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_makeup_foundation {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_screenwriting {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_mobile_journalism {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_fashion_styling {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_digi-journalism {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_digi-advertising {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_fashion_illustraion {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_digital_pr {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_diploma_photography {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_diploma_filmmaking {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_diploma_journalism_mass {
        background: #e2e2e2;
        padding: 40px 0 0;
    }
    .back_img_back_diploma_jewelrydesign {
        background: #e2e2e2;
        padding: 40px 0 0;
    }
    .back_img_back_diploma_makeup {
        background: #e2e2e2;
        padding: 40px 0 0;
    }
    .back_img_back_diploma_fashion_design {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_diploma_interior_design {
        background: #e2e2e2;
        padding: 40px 0 0;
    }

    .back_img_back_diploma_nutrition {
        background: #e2e2e2;
        padding: 40px 0 0;
    }
    

    .txt_487 {
        padding: 0 0 30px 0;
    }

    .txt_487 h3 {
        font-size: 25px;
        margin: 0 0 0 0;
        line-height: 1.5;
    }

    .c-fees {
        font-size: 28px;
    }

    .inr {
        font-size: 24px;
        margin: 0 0 1rem;
    }

    .Interest-Education-Loans-available {
        font-size: 15px;
        margin: 0 0 1rem;
        width: auto;
    }

    .footCTA {
        display: table;
        margin: 2rem auto 0;
    }

    .footCTA a.empty {
        padding: 14px 18px;
        font-size: 12px;
        display: block;
        margin: 0 auto 1rem;
    }

    .footCTA a.fills {
        display: table;
        padding: 14px 45px;
        margin: 0 auto 0;
        font-size: 12px;
    }

    .grya-2 {
        padding: 40px 0;
    }

    .faqsbanner {
        background: url(../png/faqs_right_bottom.png) no-repeat right bottom #f8f8f8;
        padding: 70px 0;
    }

    .search_group h2 {
        font-size: 22px;
    }

    .form_group {
        width: 100%;
    }

    .srch_btn {
        padding: 12px 0px;
    }

    .faq_head {
        font-size: 25px;
        margin: 0rem 0 2rem;
        line-height: 1.5;
    }

    #faq-nav>ul>li>a {
        font-size: 15px;
        line-height: 1.5;
        padding: 25px 40px 25px 10px;
    }

    .default_back {
        background: #fff;
    }

    .privacy_data h2 {
        font-size: 25px;
        line-height: 1.45;
    }

    .tc_data h2 {
        font-size: 20px;
        line-height: 1.45;
    }

    .curiculam {
        width: 100%;
    }

    .kine_grider {
        display: block;
    }

    .red_line_box {
        padding: 20px 20px;
    }

    .txt-719 {
        font-size: 25px;
    }

    .para-39 {
        margin: 24px 0 1rem 0;
    }

    .testi_back {
        height: auto;
        background-size: cover;
    }

    .Rectangle-661 {
        width: 100%;
        height: 425px;
        margin: 1rem 0 1rem auto;
        padding: 30px 30px 30px;
    }

    .about-banner-content h1 {
        color: #000;
        font-size: 22px;
        margin: 14rem 0 5px 0;
    }

    .line-654 {
        height: 3px;
        margin: 1.5rem 0 8px 0;
    }

    .about-banner-content p {
        width: 100%;
        color: #000;
        margin: 20px 0 0 0;
    }

    .about-banner-content h6 {
        width: 100%;
        margin: 12px 0 10px 0;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        color: #000;
    }

    .unsplash {
        display: none;
    }

    .Layer-36 {
        display: none;
    }

    .grya-1 {
        padding: 30px 0;
    }

    .mv_content h2 {
        font-size: 22px;
    }

    .mv_content p {
        width: 100%;
        font-size: 15px;
    }

    .image-group-76 {
        display: none;
    }

    .bluueback {
        padding: 25px 0 60px;
    }

    .pickup {
        max-width: 95%;
        display: block;
        margin: -2.8rem 0 0 auto;
        position: relative;
    }

    .awardback {
        display: block;
        padding: 20px 20px 40px;
        margin: 2rem auto 0;
    }

    .award-listed img {
        display: block;
        margin: 0 auto;
    }

    .text-64 {
        font-size: 25px;
    }

    .course-listed {
        margin: 2rem 0 0;
    }

    .award-listed p {
        text-align: center;
    }

    .award-listed span {
        text-align: center;
    }

    .white_back {
        padding: 0 0 30px;
    }

    .same_open {
        height: auto;
        width: 100%;
        border-radius: 0;
        margin: 0 0 .5rem;
    }

    .accordion_content {
        height: 100vh;
        width: 100%;
    }

    .yrss {
        position: relative;
        left: 0;
        bottom: 0;
        font-size: 15px;
    }

    .same_open {
        position: relative;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .award-grids {
        display: block;
        margin: -2.8rem 0 0;
    }

    .aaward_list {
        margin: 0 auto 2rem;
        width: 65%;
    }

    .chairman_wrapper {
        padding: 40px 0;
        background: #747777;
    }

    .chairman_content h2 {
        font-size: 22px;
        margin: 0 0 10px 0;
    }

    .chairman_content p {
        margin: 0rem 0 0;
    }

    .gray_circle {
        background: url(../png/circle_art_302_mobile.png) no-repeat left top #f8f8f8;
    }

    .text44 h2 {
        font-size: 22px;
    }

    .text44 p {
        font-size: 14px;
        margin: 0 0;
    }

    .probox_content {
        margin: 0 0 2rem;
    }

    .slieder_inner p {
        font-size: 14px;
        line-height: 1.5;
    }

    .inner-certify {
        width: 100%;
    }

    .inner-certify p {
        font-size: 15px;
    }

    .about_back {
        background: url(../png/about-banner-mobile.png) no-repeat top right #ffffff;
        padding: 70px 0 70px;
    }

    .vission {
        margin: 50px 0 15px 0;
    }

    .exp-txt {
        margin: 1.5rem 0 0;
    }

    .meet-expert {
        width: 100%;
    }

    .modal-content.DB {
        padding: 10px 20px;
        margin: 2rem 0 0;
    }

    .modal-content.DB .modal-header h5 {
        font-size: 18px;
    }

    .modal-content.DB .modal-header {
        margin: 1rem 0 0;
    }

    .mobilenavbar {
        margin: 0 0 0 -20px;
    }

    .mobilenavbar a {
        display: block;
        padding: 14px 20px;
    }

    .exp-txt-home {
        padding: 0 0 0 0;
    }

    #insight {
        margin: 0 0 0 0;
    }

    .f-diplomainphotography-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/photography-mobile.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-diplomainjournalism-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/journalismbanner-mobile.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-diplomafilmmaking-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/diploma-adfilmmaking-banner-mobile.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-diplomainfashiondesign-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/blonde-fashion-designer-mobile.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-interiordesign-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 32%), rgba(19, 12, 12, 0.12)), url(../jpg/interior-mob-back.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-hospital-banner {
        background-image: linear-gradient(0deg, rgba(10, 10, 10, 1), rgba(0, 0, 0, .1)), url(../jpg/slider-hospital-management-mob.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-photographyfoundation-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/photography_banner-mobile.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .f-diplomainnutrition-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/diploma-in-nutrition-mob.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }
    .f-diplomainjewelrydesign-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/mobile-banner.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }
    .f-diplomainmakeup-banner {
        background-image: linear-gradient(to right, rgba(10, 10, 10, 0.8), rgba(19, 12, 12, 0.12)), url(../jpg/makeup-bannermob-1.jpg);
        height: 100vh;
        min-height: 100%;
        background-size: cover;
    }

    .course-P-text {
        width: 100%;
    }

    .banner-content-wh.corpopro-mobile {
        top: 4rem;
        height: 40vh;
    }

    .banner-content-wh.screenpro-mobile {
        top: 6rem;
        height: 35vh;
    }

    .banner-content-wh.guitarpro-mobile {
        top: 3rem;
        height: 50vh;
    }

    .banner-content-wh.rjpro-image {
        top: 6rem;
        height: 35vh;
    }

    .banner-content-wh.djpro-image {
        top: 6rem;
        height: 35vh;
    }

    .banner-content-wh.tvpro-mobile {
        top: 6rem;
        height: 35vh;
    }

    .banner-content-wh.mojopro-mobile {
        top: 4rem;
        height: 40vh;
    }

    .banner-content-wh.digiadpro-mobile {
        top: 6rem;
        height: 35vh;
    }

    .banner-content-wh.digiprpro-mobile {
        top: 4rem;
        height: 40vh;
    }

    .banner-content-wh.emppro-image {
        top: 4rem;
        height: 40vh;
    }

    .banner-content-wh.fashiostypro-mobile {
        top: 5rem;
        height: 37vh;
    }

    .banner-content-wh.fashdesipro-mobile {
        top: 2rem;
        height: 45vh;
    }

    .banner-content-wh.makepro-mobile {
        top: 4rem;
        height: 40vh;
    }

    .banner-content-wh.fashillpro-mobile {
        top: -6rem;
        height: 65vh;
    }

    .recter-txt {
        font-size: 35px;
        text-align: center;
        color: #111;
        margin: 0 0 1rem;
        font-weight: bold;
        line-height: 45px;
    }

    .recter-grid {
        display: grid;
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
    }

    .recter-grid-list {
        margin: 0 0 1rem;
    }

    .recter-grid-list img {
        width: 110px;
    }

    .recruit_wrapper {
        position: relative;
        padding: 40px 0 40px;
    }

    .campus-grid {
        display: block;
    }

    .campus-slider .nbs-flexisel-nav-right {
        right: 0;
    }

    .campus-slider .nbs-flexisel-nav-left {
        left: 0;
    }

    .campus-slider .nbs-flexisel-inner {
        height: auto;
    }

    .webwhat {
        position: fixed;
        right: 20px;
        z-index: 99999;
        bottom: 70px;
    }

    .webwhat i.fa-whatsapp {
        width: 45px;
        height: 45px;
        line-height: 45px;
        border-radius: 50%;
        background: #27ae60;
        color: #fff;
        text-align: center;
        font-size: 25px;
    }

    .back-to-top {
        display: none !important;
    }

    .same_open_content {
        width: 100% !important;
    }

    .campus_img {
        border-radius: 0px;
    }

    .campus_img_txt {
        padding: 25px 20px;
    }

    .campus_img_txt h2 {
        font-size: 22px;
    }

    .campus_img_txt p {
        font-size: 14px;
    }

    .alumni-whtie-box {
        padding: 50px 0 0;
    }

    .tab-content {
        text-align: center;
        padding: 0 0;
    }

    .foot_wiget {
        bottom: 0;
        left: 0;
        width: 100%;
        border-radius: 0px;
        padding: 20px 10px;
    }

    .footdonwld {
        padding: 15px 20px;
        font-size: 12px;
    }

    .appling {
        padding: 15px 20px;
        border-radius: 100px;
        margin: 0 0 0 .5rem;
        font-size: 12px;
    }

    .mob-cta {
        position: fixed;
        z-index: 999;
        bottom: 0;
        left: 0;
        background: #f74808;
        width: 100%;
        display: block;
    }

    .callusbot {
        display: block;
        text-align: center;
        padding: 10px 6px;
        color: #fff;
        font-size: 14px;
    }

    .chatbot {
        display: block;
        text-align: center;
        padding: 10px 6px;
        color: #fff;
        font-size: 14px;
    }

    .bright {
        border-right: 1px solid #333;
    }

    .chatbot:focus {
        color: #fff;
    }

    .callusbot:focus {
        color: #fff !important;
    }

    .cardgroup {
        display: block;
    }

    .PL-content h1 {
        width: auto;
        margin: 50px 0 20px 0;
        font-size: 25px;
    }

    .slfeature h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .default-txt {
        font-size: 22px;
    }

    .goul {
        margin: 1rem auto 0;
    }

    .Rectangle-1001 {
        margin: 0 auto 2rem;
    }

    .placement-wrap .nbs-flexisel-nav-left {
        display: none;
    }

    .placement-wrap .nbs-flexisel-nav-right {
        display: none;
    }

    .suc808 {
        font-size: 25px;
        line-height: 1.3;
    }

    .form_para {
        width: auto;
    }

    .storybox {
        margin: 0 0 2rem;
    }

    .crsimg {
        padding: 0;
    }

    .courseboxB {
        margin: 0 0 50px;
        padding: 25px 20px;
    }

    .courDescript {
        position: relative;
        padding: 15px 0 0;
    }

    .courDescript h3 {
        font-size: 18px;
    }

    .grid_551 {
        grid-template-columns: 25% 75%;
        margin: 1rem 0 1rem;
    }

    .grid_551 .grid551list img.pic {
        height: 50px;
        width: 50px;
    }

    .courDescript .see-cta {
        padding: 12px 25px;
        border-radius: 100px;
        border: solid 2px #f84808;
        color: #f84808;
        font-size: 14px;
        display: inline-block;
    }
}


@media all and (max-width:320px) and (min-width: 100px) {
    .mobile-nav-toggle {
        right: 25px !important;
    }

    .HBbox {
        width: 320px !important;
    }
}

@media all and (min-width:641px) {
    .mob {
        display: none !important;
    }
}