@media screen and (min-width:1024px) and (max-width:1222px) {

    .banner-text {

        left: 40px;
    }


}


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

    .form-sec {
        top: 5%;
    }

    .banner-img {
        height: 37vh;
    }

    .program-card .overlay {

        padding: 10px 10px;
        font-size: 13px;
    }

    .bnimgg {

        left: 68%;
    }
}





@media screen and (min-width:0px) and (max-width:767px) {


    .form-sec {
        background: #0d3e62;
        max-width: 100%;
        border: solid 1px #eee;
        margin: 17px auto 10px;
        box-shadow: 0 0 10px #eee;
        position: static;
    }

    .desktop {
        display: none
    }

    .mobile {
        display: block
    }

    .adm-txt {
        color: #fff;
    }

    .banner-text {
        transform: translateY(0);
        top: 66px;
        padding: 13px 15px;
        background: transparent;
        margin-top: 0;
        position: static;
        width: 100%;
    }

    .banner-text h1 {
        font-size: 41px;
        line-height: 37px;
        font-weight: 700;
        margin: 6px 0 0px;
    }

    .banner-text p {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: -1px !important;
        height: auto;
    }

    .banner-text label {
        font-size: 17px;
        line-height: 26px;
    }

    footer {
        text-align: center;
        margin-bottom: 37px;
    }

    .form-sec.sticky {
        position: static;
        margin-top: 10px;
    }

    .checkbox-label {
        color: #111010;
    }

    .sbt {
        background: #ffffff;
        color: #0d3e62;
    }

    .paddingbox {
        padding: 30px 0 !important
    }

    .heading h2 {
        font-size: 24px;
        line-height: 30px;
    }

    span.main-title {

        top: -30px;

    }

    .applybtn a {
        position: fixed;
        transform: rotate(0);
        border-radius: 0;
        bottom: 0;
        top: auto;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 16px;
        z-index: 99;
    }

    /***********/
    section.top-bar .col-md {
        padding: 0 9px;

    }

    .box-text {
        width: 100%;
        text-align: center;
    }

    .img-fluid.logo {
        width: 114px;
        margin: 0 auto;
        display: block;
    }

    .banner-img {
        position: relative;

        height: auto;
        padding-bottom: 40px;
    }

    section.top-bar .col-md {
        padding: 10px 30px;

        border-right: solid 1px;
        border-bottom: solid 1px #275a7f;
    }

    .about-section {
        padding: 22px 0 0px 0;
        background: #e2e3e4;
        border-bottom: solid 30px #fff;
    }

    .programmes .row {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .programmes .row > div {
        width: 250px;
        max-width: inherit !important;
        min-width: 240px;
    }

    .program-card .overlay {


        width: 90%;
        padding: 6px 5px;


        margin-left: -45%;
        font-size: 14px;
    }

    .programmes {
        padding: 20px 0 10px;

        border-radius: 0;
        margin-bottom: 20px;
    }

    .advantage {

        padding: 28px 0;
    }

    .about-section h3 {
        margin-top: 20px;
    }

    .exp-box {
        padding: 15px 17px;

        font-size: 15px;
    }

    .experience {
        padding: 30px 0;
        text-align: center;
    }

    .advantage .row {
        max-width: 100%;
        margin: auto auto auto auto;
    }

    .experience .row {
        margin: 0;
    }

    .advantage .item {

        text-align: center;
    }

    .advantage .item span {

        margin: auto;
    }

    .advantage .item h6 {
        max-width: 100%;

    }

    section h3 {
        font-size: 24px;
    }

    .stats .col-md-3 {
        max-width: 50%;
    }

    .stats h2 {

        font-size: 40px;
    }

    .owl-carousel .owl-nav.disabled {
        display: none !important;

    }

    .labs {
        padding: 0px 0 24px;
    }

}











@media screen and (min-width:0px) and (max-width:576px) {
    .advantage .item {
        max-width: 50%;
    }

    .bnimgg {
        position: static;
        top: 50%;
        left: 55%;
        width: 65%;
        margin: 0px auto auto auto;
        transform: translate(0%, 0%);
    }


}