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

    .Innovation ul li {
        max-width: 22%;

    }

    .nm {

        max-width: 651px;
    }
    .University ul li {
    
    max-width: 17%;
}.banner-text {
     
    left: 40px;
 }
  .row.bgw .led {
    background: #e82344;
    padding: 17px 15px 25px 46px;
    position: relative;
    left: -30px;
    z-index: -1;
    top: 24px;
}  
   .bgw p {
    padding-right: 19px;
    
} .menu a {
     
    margin: 0 26px;
    
}
    
}

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

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

    .input {background: #eee;}

    .desktop {
        display: none
    }

    .mobile {
        display: block
    }

    .adm-txt {

        color: #0a0a0a;

    }

    .imgi {
        margin: 0 0;
    }

    header img {
        width: 178px;
    }

    header {
        padding: 12px 0 0;
    }

    .banner-text {
        transform: translateY(0);
        top: 110px;
        padding: 13px 15px;
        background: transparent;
        /* position: static; */
        margin-top: 0;
        position: static;
        background: #e21d39;
    }

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

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

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

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


    .admission ul li {
        padding-right: 0
    }

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

    .checkbox-label {
        color: #111010 !important;
        font-size: 14px;
    }

    .sbt {background: #e63353;color: #fff !important;}

    .paddingbox {
        padding: 30px 0 !important
    }

    .paddingbox.mt-4 {
        margin-top: 0 !important;
    }

    .heading h2 {
        font-size: 18px;
        line-height: 23px;
    }







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

    .img-fluid.logo {
        width: 144px;
        margin: 0 10px 6px;
    }

    .banner-text p::after {
        width: 40%;
        top: -4px;
    }

    .banner-text p {

        margin-bottom: 0;

        max-width: 100%;

        font-size: 14px;

        margin: 10px 0 0;

        border-width: 2px;
    }


    .heading p {
        font-size: 13px;
        padding-right: 0;
        line-height: 22px;
        margin-top: 0;
    }


    .tablinks {
        width: 50%;
        flex: 1;
        font-size: 16px;
        /* background: #eee; */
        color: #333;
        padding: 0 10px 0 0;
        line-height: 16px;
        margin: 0;
    }





    p {
        font-size: 14px;
        line-height: 23px;
    }






    .heading h2 br {
        display: none;
    }







    .tab {
        max-width: 100%;
        display: flex;
        width: 100%;
    }




    button.tablinks span {

        font-size: 15px;
        display: block;
    }

    button.tablinks {

        font-size: 15px;

    }

    .banner-img {

        height: auto;

        padding-bottom: 10px;

        background-image: none;

    }




    .heding h2 {
        margin: 0 0 3px;
        font-size: 21px;
    }

    .heding p {
        font-size: 19px;
    }

    .Leading .row .pll {
        padding-left: 15px;
        padding-top: 15px;
    }


    .University ul li {
        border: dashed 1px #ddd;
        border-radius: 3px;
        margin: 0 5px 20px;
        padding: 0px;
        max-width: 23%;
    }

    button.tablinks {
        width: 220px;
        font-size: 13px;
        padding: 13px;
        line-height: 15px;
    }

    button.tablinks.active:before {

        width: 9px;
        height: 9px;

    }

    .nm .col-md-4 {
        display: none;
    }

    .nm {
        padding: 6px 10px 14px;
        background: #e4e5e6;
        padding: 13px 30px 41px 33px;
        max-width: 60%;
        margin-left: auto;
        min-height: 279px;
    }

    .tabcontent h3 {
        font-size: 14px;

    }

    .nm h5 {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .University ul {
        justify-content: center;
        margin: 0;
    }

    h3 {
        font-size: 18px;
    }

    .buildskills ul li {

        max-width: 50%;

    }

    .buildskills ul li p {
        margin: 0;
    }

    .Innovation ul li {
        max-width: 48%;
        padding: 10px 12px 0;
        margin: 0 5px 8px;
    }

    .Innovation ul li h3 {
        font-size: 14px;

        margin: 9px 3px 12px;
        line-height: 19px;
    }

    .Innovation ul {

        justify-content: center;
    }

    .university img.img-fluid {
        max-width: 230px;
        margin: auto;
        display: block;
    }

    .row.bgw .led {
        padding: 20px;
        left: 0;
        z-index: 0;
        top: 0;
        text-align: center;
    }

    .university .heading h3 {

        font-size: 20px;
        margin-top: 0;
        color: #ffc8d1;
    }

    .bgw .heading {
        margin-bottom: 0;
    }

    .faq-question {
        font-size: 15px;

    }

    .faq-number {
        font-size: 32px;

    }

    .accordion-body {
        padding-left: 64px;
        font-weight: 500;
        font-size: 13px;
        color: #999;
    }

    section.paddingbox.FAQ {
        padding-top: 6px !important;
    }

    .Leading .row {
        padding: 0px 0px 0;
    }

    .menu {
        display: none
    }

    .box-text {
        width: 100%;
    }

    .callf a {
        border: none;
        color: #dc2744;
        padding: 8px 19px 8px 19px;
        border-radius: 0;
        font-weight: 800;
        margin-top: 5px;
        display: inline-block;
        background: #ffffff;
        background-size: 18px;
        font-size: 14px;
        text-decoration: none;
        margin-bottom: 12px;
        border-radius: 3px;
    }

    .nm {
        position: relative;
        z-index: 1;
    }



.note {
    
    font-size: 17px;
}






}











@media screen and (min-width:0px) and (max-width:576px) {
    .Innovation ul li {
        max-width: 100%;

    }
header.sticky {
    position: static;
}
    .university .heading h3 {

        margin-bottom: 9px;
    }

    .faq-number {
        font-size: 30px;
        max-width: 55px;
        padding-right: 0;
    }

    .faq-question {
        font-size: 13px;
    }

    .faq-arrow {

        right: 10px;
    }

    .led .heading p {

        margin-bottom: 0;
    }

    .buildskills ul li h4 {

        font-size: 14px;

        padding-right: 0;
    }

    button.tablinks {
        width: 142px;
        font-size: 11px;
        padding: 7px 17px 7px 7px;
        line-height: 15px;
    }

    .nm {
        padding: 6px 10px 14px;
        padding: 12px 19px;
        max-width: 59%;
        margin-left: auto;
        min-height: 279px;
    }

    .tabcontent h3 {
        font-size: 13px;
        margin: 0 0 8px;
    }

    .nm h5 {
        font-size: 12px;
        margin-bottom: 15px;
        line-height: 11px;
    }

    .heading {
        margin-bottom: 30px !important;
    }

    .Leading ul li {
        font-size: 44px;

    }

    .Leading ul li p {
        font-size: 13px;
        margin-top: -14px;
    }

    .Leading ul li label {
        font-size: 14px;
        left: 47px;
        top: 22px;
    }

    .Leading ul {

        padding: 0 0 0 20px;
    }

    .Leading ul li:nth-child(2) label {
        left: 60px;
    }

    .Leading .heading {
        text-align: center;
        margin: 0 !important;
    }

    .Leading ul li:nth-child(3) label {
        left: 76px;
        top: 31px;
    }

    .Leading ul li:nth-child(4) label {
        left: 100px;
        top: 32px;
    }

    .applybtn a {

        background: #FF9800;

        color: #000;
    }

    .tabcontent .col-md-8 {
        max-height: 310px;
        overflow-y: scroll;
    }




}
