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

    img.img-fluid.bannerimg-st {

        right: 10%;
    }

    .box-text {
        width: 52%;
    }

    .sprit {
        margin-top: -80px;
    }

    .whyChoose ul li {
        width: 50%;
    }
}

@media screen and (min-width:0px) and (max-width:1024px) {
  .Career.Pathways ul li {
    
    width: 33.3%;
 }  .banner-img {
    
    background-position: 0px 0;
}
    
}
    
@media screen and (min-width:0px) and (max-width:767px) {

    
    .col-mrec {
        font-size: 18px;
        color: #3d3d3d;
        font-weight: 500;
        max-width: 100%;
        line-height: 29px;
        margin-bottom: 27px;
        text-align: center;
    }

    .PLACEMENT ul li {
        width: 31%;
        margin: 0 6px 20px 0;
    }
.red-bg {
   
    height: 91px; 
}
    .PLACEMENT ul {

        justify-content: center;
    }

    .PLACEMENT ul li img {
        filter: grayscale(0%);
        cursor: pointer;
    }

    section.Steps.pt-5 {
        padding-top: 40px !important;
        margin-bottom: 26px;
        margin-top: -34px;
        background: #fff;
    }

    .PLACEMENT .container {
        padding-left: 15px;
        padding-top: 20px !important;
    }

    .col-mrec span {

        line-height: 51px;
        font-size: 40px;
    }

    section.Instructions .container {

        padding-left: 20px;
        padding-top: 20px;
    }

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

    .input {

        background: #d1c7c7;

    }

    .sprit {
        margin-top: -20px;
        margin-bottom: 20px;
    }

    .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: -220px;
    }

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

    .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;
    }

    .checkbox-label {
        color: #111010;
    }

    .sbt {

        background: #000;

    }

    .paddingbox {
        padding: 30px 0 !important
    }

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

    .heading h2 {
        font-size: 25px;
    }

    .high::before {

        display: none;
    }

    .heading.mb-5 {
        margin-bottom: 10px !important;
    }

    .iconlist {
        max-width: 100%;
    }

    .iconlist ul li {
        width: 100%;
        padding-left: 60px;
        margin: 0 0 16px;
        border-bottom: solid 1px #eee;
        min-height: 55px;
    }





    .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: 243px;
    margin: 0 10px;
}

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

    .banner-text p {

        margin-bottom: 0;
    }


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

    .stat-box .sub-label {
        font-size: 14px;

        margin-top: 5px;
    }


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

    .tab-button {
        display: flex;
        overflow: inherit;
        justify-content: space-between;
    }

   .tablinks.active {
    border-color: #940000;
    color: #fff;
}


    footer .heading h2 {

        font-size: 23px;
    }



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


    .heading .imgi {
        margin-bottom: 19px;
        margin-top: 10px;
    }

    .roundbox {
        margin: auto;
    }





    .heading h2 br {
        display: none;
    }



    .Schools .tablinks.active {

        border-bottom: solid 4px;
    }

    .listpg ul li {
        min-width: 100%;

    }

    .tabcontent {
        display: none;
        padding-left: 0;
    }

    .sch-des::before {

        width: 47px;

    }



    section.paddingbox.ChooseISBR.pt-5 {
        padding-bottom: 0 !important;
    }

    .tabcontent ul li {

        margin-bottom: 5px;
        width: 100%;
    }

    .about .round {

        left: -63px;

        width: 107px;

        bottom: -80px;
    }

    .stats-container {
        gap: 5px;
    }

    .stat-box {
        width: 49%;
        padding: 16px;
        border-radius: 4px;
    }

    .stat-box .big-text {
        font-size: 2.2em;

        line-height: 34px;
    }

    .stat-box:last-child {
        width: 100%;
    }

    .Choosecourse .round {

        display: none;
    }

    .tab {
        margin-bottom: 30px;
        max-width: 100%;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    .card {
        width: 100%;
        padding: 0px;
    }

    .card h3 {
        font-size: 13px;
    }

    .card img {
        border-radius: 15px 15px 0 0;
    }

    button.tablinks {
        font-size: 15px;
        font-weight: 600;
        width: 50%;
        white-space: nowrap;
        padding: 4px;
        text-align: center;
        margin: 0 !important;
        background: transparent;
        color: #000;
        border: solid 1px #eee;
        border-radius: 0;
    }

    button.tablinks span {

font-size: 12px;

display: block;

}

    .RecAiterslist img {
        width: 90px !important;
        height: 22px;
        object-fit: scale-down;
    }

    section.paddingbox.Choosecourse.pt-5 {
        padding-top: 0 !important;
    }

    .RecAiters:before,
    .Bschool:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 360px;
        border-radius: 100%;
        left: 50%;
        margin-left: 0;
        top: 16px;
        z-index: -1;
        background-image: url(../images/border.png);
        background-size: 100%;
        transform: translateX(-50%);
    }

    img.img-fluid.bannerimg-st {
        position: static;
        width: 37%;
        right: 30%;
        bottom: 0;
        margin-left: auto;
        display: block;
        padding-top: 120px;
        border-bottom: solid;
        padding-right: 9px;
    }

    .banner-img {

height: auto;

padding-bottom: 10px;

padding-top: 330px;

background-position: -60px -10px;

background-repeat: no-repeat;
}

    .box-text {
        width: 260px;
    }

    .callf a {
        font-size: 13px;
        padding: 6px 11px;
        margin: 0;
    }

    .statsSC {

        gap: 20px;
        flex-wrap: wrap;
    }

    .tabcontent .owl-item {
        padding-top: 0;
    }

    .owl-carousel .owl-nav .owl-next {
        top: -8px;
        right: -50px;
    }

    .owl-carousel .owl-nav .owl-prev {
        left: -50px;
        top: -8px;
    }

    .box-text ul li {
        font-size: 14px;

    }

    .box-text ul {

        width: 128px;
    }

    .stat-box .label {
        font-size: 1em;
    }

    button.tablinks:last-child {
        margin-right: 0;
    }

    .student01 {
        right: 10px;
        bottom: -30px;
        width: 180px;
    }

    .gridd {
        max-width: 100%;
    }

    .itemm br {
        display: none;
    }

    .itemm {
        width: 38%;
    }

    span.highlightt {
        font-size: 36px;
        line-height: 40px;
    }

    .image-section {
        max-width: 100%;
    }

    .Bschool:before {
        display: none
    }

    .top-section {
        gap: 8px;
    }

    .statsSC > div {
        background: #b81b1d;
        padding: 10px;
        width: 47%;
        text-align: center;
        border-radius: 4px;
        color: #fff;
    }

    .statsSC > div h2,
    .statsSC > div p {
        color: #fff;
    }

    .statsSC > div:last-child {
        width: 100%;
    }

    .programs {
        gap: 8px;
        display: block;
    }

    .dividerr {
        width: 100%;
        height: 1px;
        background-color: #ccc;
        display: block;
        margin: 10px 0;
    }

    .programs br {
        display: none;
    }

    .program {
        width: 100%;
    }

    .whyChoose {
        background-size: cover;
        background-position: center;
    }

    .Career.Pathways {

        padding: 15px;

        margin-top: -42px;
    }

    .imagebox {
        max-width: 60%;
        margin: auto;
    }

    .lawDetails h2 b {

        font-size: 22px;
    }

    .lawDetails h2 {
        font-size: 18px;
    }

    .imagebox img {
        border-radius: 0;
    }

    .heading h3 {
        font-size: 20px;
    }

    .amlogo {
        max-width: 101px;
    }

    .states h4 {
        font-size: 14px;

        top: 0;


        margin: auto auto 20px;
    }

    .states h4 span {
        position: static;


        transform: translateX(0%);
        display: block;
        margin: 4px;
    }

    section.paddingbox.llbCourse.pt-5 {
        border-top: solid 1px #eee;
    }

    .whyChoose ul li {
        width: 50%;
    }

    .box-text h3 {
        margin: 10px 0 10px;
    }

    .row.states > div {
        max-width: 50%;
    }
    .hotline {
    position: static;
     
}
    .hotline br{display: none}
    
    .box-text {
    width: 100%;
    max-width: 270px;
    margin-top: 90px;
}
  .hotline p {
    font-size: 14px;
    
    margin-top: 20px;
}  
 .Career.Pathways p {
   
    display: none;
 } .Career.Pathways ul li label {
    font-size: 13px;
    
    position: absolute;
    top: 0;
    right: 0;
}  .Career.Pathways ul li {
    
    min-height: 87px;
    
    border-right: dashed 1px #eee;
    padding: 20px;
    width: 25%;
    border-bottom: dashed 1px #eee;
}.Career.Pathways ul li img.img-fluid {
    
    height: 96px;
}.container.mt-4 {
    margin-top: 40px !important;
}
    .owl-carousel .owl-nav .owl-next {
    
    display: none;
}
}











@media screen and (min-width:0px) and (max-width:480px) {
    .row.states > div {
        max-width: 100%;
    }

    img.img-fluid.bannerimg-st {


        opacity: 0;
    }

    .lawDetails h2,
    .lawDetails p {
        text-align: center;
    }

    .whyChoose ul li span {
        max-width: 45px;
        display: block;
        margin: auto;
    }

    .whyChoose ul li {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .banner-text {

margin-top: -223px;

}

    button.tablinks {

/* padding: 15px; */

margin-right: 5px;

}

    .student01 {

        width: 156px;
    }

    .statsSC {
        gap: 11px;
    }

    .statsSC > div {

        width: 48%;

    }

    .heading h2 {
        font-size: 21px;
        line-height: 32px;
    }



}