@media(max-width: 1024px){
    .subbnnr_links p{
        text-align: center;
    }
}

@media (min-width: 769px) {

    .col-md-auto {

        flex: 0 0 auto;

        width: auto;

    }

    .col-md-1 {

        flex: 0 0 auto;

        width: 8.33333333%;

    }

    .col-md-2 {

        flex: 0 0 auto;

        width: 16.66666667%;

    }

    .col-md-3 {

        flex: 0 0 auto;

        width: 25%;

    }

    .col-md-4 {

        flex: 0 0 auto;

        width: 33.33333333%;

    }

    .col-md-5 {

        flex: 0 0 auto;

        width: 41.66666667%;

    }

    .col-md-6 {

        flex: 0 0 auto;

        width: 50%;

    }

    .col-md-7 {

        flex: 0 0 auto;

        width: 58.33333333%;

    }

    .col-md-8 {

        flex: 0 0 auto;

        width: 66.66666667%;

    }

    .col-md-9 {

        flex: 0 0 auto;

        width: 75%;

    }

    .col-md-10 {

        flex: 0 0 auto;

        width: 83.33333333%;

    }

    .col-md-11 {

        flex: 0 0 auto;

        width: 91.66666667%;

    }

    .col-md-12 {

        flex: 0 0 auto;

        width: 100%;

    }

}

@media(max-width:768px){

    .nav_topbr {

        padding: 3px 9px;

    }

    .slide {

        padding: 35px 40px;

    }

    .bnnrsubhdng {

        font-size: 3.5rem;

        line-height: 1.2;

    }

    #applynw__form {

        padding-top: 12px;

    }

    .main-menu {

        position: relative;

    }

    .toggle_btn {

        position: absolute;

        right: 32px;

        max-width: 40px;

        width: 100%;

        top: 28px;

        z-index: 8;

        padding: 10px;

        box-shadow: 0 0 5px 0 rgb(0,0,0,0.15);

    }

    .toggle_bar {

        height: 2px;

        display: block;

        width: 100%;

        background-color: var(--primary-color);

        margin-bottom: 5px;

    }

    .toggle_btn .toggle_bar:last-child{

        margin-bottom: 0;

    }

    .navbar-nav {

        display: none;

        position: absolute;

        z-index: 9;

        background-color: var(--white);

        padding: 10px;

        width: 100%;

        right: 0;

        box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);

        text-align: left;

    }

    .dropdown-toggle{

        display: none;

        position: relative;

    }

    /*.dropdown-toggle>ul{

        width: 100%;

    }

    .dropdown:hover .dropdown-toggle{

        display: none;

    }

    .opendropdown .dropdown-toggle{

        display: block;

    }*/
    .extrnal_lnks {
        margin-right: 0;
        display: block;
        position: static;
        margin-bottom: 20px;
    }

    .course_details {

        padding: 2rem 0;

    }

    .dsktp-img{

        display: none;

    }

    .mbl-img{

        display: block !important;

        margin: auto;

        margin-bottom: 10px;

    }

    .couse_grid.row>.col-md-6 {

        padding: 0px 10px 20px;

    }

    .testimonialitem-content {

        padding: 12px 26px;

    }

    .testimonal-content p {

        font-size: 14px;

    }

    .real-world {

        padding: 2rem 0;

    }

    .testimonal-bx {

        padding-top: 0px;

    }

    .accordion-header {

        padding: 6px 15px;

        font-size: 1.1rem;

    }

    .footerlogo {

        max-width: 210px;

        width: 100%;

    }

    .footer_links li {

        font-size: 15px;

    }

    .application-form {

        padding: 3rem 0;

    }

    .input_label {

        line-height: 1.2;

    }

    .commiticon_box {

        flex-wrap: wrap;

    }

    .cmmsncol {

        flex: 50%;

        max-width: 50%;

        width: 100%;

    }

    .course_img {

        display: block;

        margin: auto;

    }

    .about_img {

        max-width: 300px;

        width: 100%;

        display: block;

        margin: 0 auto 15px;

    }

    .bannermain_heading {

        font-size: 3.3rem;

    }

    .camus_gllry{

        justify-content: center;

    }

    .testimonial .evnt__headng {

        font-size: 18px;

    }

    .testimonial .evnt__headng i {

        font-size: 20px;

    }

    .testimonial {

        padding: 10px;

    }

    .gallery__items {

        flex: 33.3%;

        max-width: 33.3%;

        margin: auto;

    }

}

@media(max-width: 600px){

    .swiper-button-next:after, .swiper-button-prev:after {

        font-size: 20px !important;

        padding: 7px 8px;

    }

}

@media(max-width:500px){

    body{

        line-height: 1.3;        

    }

    .main-menu {

        padding: 10px 1rem;

    }

    .rhttolft_lne {

        max-width: 280px;

        width: 100%;

    }

    .slist {

        margin-bottom: 7px;

        justify-content: center;

    }

    .social__icon {

        justify-content: center;

    }

    .nav_topbr {

        padding: 6px 9px;

    }

    .slide {

        padding: 20px 25px;

    }

    .bannermain_heading {

        font-size: 2.8rem;

    }

    #applynw__form {

        max-width: 450px;

    }

    .bnnrsubhdng {

        font-size: 3.3rem;

        margin-bottom: 10px;

    }

    .banner-slider p.pddnrg-3 {

        padding-right: 0 !important;

    }

    #applynw__form {

        padding-top: 16px;

    }

    .course_details {

        padding: 1rem 0;

    }

    .main-heading {

        font-size: 1.67rem;

        margin-bottom: 10px;

    }

    .sub-heading {

        font-size: 1.35rem;

    }

    .about_list li {

        margin-bottom: 8px;

    }

    .couse_grid {

        padding-top: 1rem;

    }

    .course_hading {

        font-size: 26px;

    }

    .curseicndetl {

        padding-top: 12px;

        padding-bottom: 2px;

    }

    .dsktp-cntnt{

        display: none;

    }

    .mbl-cntnt{

        display: block;

    }

    .rhtbrdr .col-md-6:last-child {

        margin-bottom: 10px;

    }

    .rhtbrdr .col-md-6:first-child:before {

        width: 0;

        height: 0;

    }

    .testimonial_icon img {

        max-width: 100px;

    }

    .testimonal-item {

        /*max-width: 100%;

        flex: 100%;*/

    }

    .jonlegcy .accordion {

        margin-top: 12px;

    }

    .accordion-header {

        font-size: 1rem;

    }

    .accordion-content p, .accordion-content li {

        font-size: 15px;

    }

    .footerlogo {

        max-width: 100%;

        width: 100%;

        margin-bottom: 6px;

    }

    .footerlogo img {

        max-width: 235px;

        width: 100%;

    }

    .footerlogo .rhttolft_lne {

        max-width: 330px;

    }

    .footer_heading {

        font-size: 1.2rem;

        margin-bottom: 4px;

    }

    .footer_links li {

        margin-bottom: 5px;

    }

    .footer_links {

        margin-bottom: 10px;

    }

    .copyright {

        padding: 8px 0;

        font-size: 0.83rem;

        letter-spacing: 0.6px;

    }

    .about_details {

        padding: 2rem 0;

    }

    .section-heading {

        font-size: 1.55rem;

    }

    .subpgbnnr_heading {

        font-size: 2.6rem;

    }

    .subpages_banner {

        padding: 2.8rem 0;

    }

    .subbnnr_links {

        font-size: 15px;

    }

    .whychoose {

        padding: 2rem 0;

    }

    .grid_heading h3 {

        font-size: 1.2rem;

        margin-bottom: 6px;

    }

    .commitment {

        padding: 2rem 0 0;

    }

    .commiticon_boxlist {

        padding-top: 10px;

    }

    .jonlegcy {

        padding: 1rem 0 2rem;

    }

    .cntct_now, .callnow_btn {

        padding: 6px 10px;

    }

    .campus_details {

        padding: 2rem 0 1rem;

    }

    .cntnt_list li {

        margin-bottom: 8px;

    }

    .cntnt_list li:last-child{

        margin-bottom: 0;

    }

    .founder_img {

        max-width: 300px;

        display: block;

        margin: 15px auto;

    }

    .director_img {

        max-width: 300px;

    }

    .application-form {

        padding: 2rem 0;

    }

    .form__wrap {

        flex-wrap: wrap;

    }

    .form__field {

        flex: auto;

        max-width: 100%;

        width: 100%;

    }

    #admission__form {

        padding: 2rem 15px;

    }

    .row_content {

        padding: 19px;

    }

    .submit__btn {

        padding: 6px 12px;

    }

    .curseicndetl .row .col-12{

        padding-right: 0;

    }

    .course-deatail {

        padding: 20px 20px 32px;

    }

    .durtn_prd {

        padding-bottom: 0;

    }

    .contact_details {

        border-top: none;

    }

    .contact_details .row .col-md-4:nth-child(1), .contact_details .row .col-md-4:nth-child(2) {

        border-right: none;

        border-bottom: 1px solid var(--lightbg-color);

        padding-bottom: 15px;

    }

    .contactfrmbx {

        padding-top: 2rem;

    }

    #contact__form {

        padding: 2rem 20px 1rem;

    }

    .gallery__items {

        flex: 50%;

        max-width: 50%;

        padding: 8px;

    }

    .subpages_banner {

        background: linear-gradient(90deg, #00306e69, #00306e85), url(../images/subpage-mblbanner.webp);

        background-size: cover;

        background-position: right center;

    }

    .popup img {

        max-width: 88%;

    }

    .cmmsncol {

        flex: 100%;

        max-width: 100%;

        width: 100%;

    }

    .course_img {

        max-width: 270px;

    }

    .carrer_section {

        padding: 2rem 0 0;

    }

    .slider-content img {

        max-width: 100%;

    }

    /*.slider-container{

        background-image: url('../images/mainbanner-mbl.webp');

    }*/

    .cousr_detaillnk a {

        padding: 2px 0;

    }

    .check_box input#sameaddrs {

        width: 17px;

        height: 17px;

    }

    .form__field input[type=email], .form__field input[type=text], .form__field input[type=date], .form__field select, .form__field input[type=file] {

        font-size: 15px;

    }

    input#permantaddress {

        margin-bottom: 5px;

    }

    .camps_imgcntnt {

        max-width: 280px;

        width: 100%;

        margin: 0 auto;

    }

    .llbobjectve_img {

        max-width: 400px;

        width: 100%;

        margin: auto;

    }

    .llbobjectve_img img {

        aspect-ratio: 0.56;

        object-fit: cover;

    }

    

    .testimonial .evnt__headng {

        font-size: 16px;

    }

    .testimonial .evnt__headng i {

        font-size: 18px;

    }

    .carousel {

        padding: 3px;

    }

}

@media(max-width:431px){

    .slist {

        flex-wrap: wrap;

    }

    .rhttolft_lne p {

        font-size: 12px;

    }

    .bannermain_heading {

        font-size: 2.1rem;

    }

    .bnnrsubhdng {

        font-size: 2.9rem;

    }

    .main-heading {

        font-size: 1.55rem;

    }

    .mainpage_img {

        max-width: 215px;

        margin-bottom: 18px;

    }

    .sub-heading {

        font-size: 1.25rem;

    }

    .couse_grid {

        padding-top: 0.2rem;

    }

    .course_hading {

        font-size: 23px;

    }

    .durtn_prd {

        font-size: 15px;

    }

    .cousr_detaillnk {

        padding-top: 8px;

    }

    .course-deatail {

        padding: 20px 20px 20px;

    }

    .footer_heading {

        font-size: 1.1rem;

    }

    .subpgbnnr_heading {

        font-size: 2.4rem;

    }

    .section-heading {

        font-size: 1.45rem;

    }

    .testimonialitem-content {

        padding: 12px 19px;

    }

    .course-content>.row>.col-md-6 {

        padding: 20px 0;

    }

    .form__field input[type=email], .form__field input[type=text], .form__field select {

        padding: 8px;

    }

    .gallery__items {

        flex: 90%;

        max-width: 90%;

        margin: auto;

    }

}

@media(max-width: 390px){

    .bannermain_heading {

        font-size: 2.1rem;

    }

    .bnnrsubhdng {

        font-size: 2.8rem;

    }

    .main-heading {

        font-size: 1.45rem;

    }

    .sub-heading {

        font-size: 1.2rem;

    }

    .course_hading {

        font-size: 22px;

    }

    .couse_grid.row>.col-md-6 {

        padding: 0px 0px 20px;

    }

    .course-deatail {

        padding: 20px 15px 20px;

    }

    .curseicnhedng {

        align-items: center;

    }

    .testimonial_icon img {

        max-width: 80px;

    }

    .section-heading {

        font-size: 1.35rem;

    }

    .subpgbnnr_heading {

        font-size: 2.4rem;

    }

    .grid_heading h3 {

        font-size: 1.1rem;

        margin-bottom: 5px;

    }

    .toggle_btn {

        right: 21px;

        top: 22px;

        max-width: 36px;

        padding: 8px;

    }

    .course_img {

        max-width: 230px;

    }

    .icon_heading {

        font-size: 1.1rem;

    }

    

    .prev-btn, .next-btn {

        top: 50%;

        font-size: 16px;

        padding: 3px 7px;

    }

    .prev-btn {

        left: 8px;

    }

    .next-btn {

        right: 8px;

    }

}

@media(max-width: 320px){

    .subpgbnnr_heading {

        font-size: 2.2rem;

    }

    .subpages_banner {

        padding: 2.5rem 0;

    }

    .section-heading {

        font-size: 1.25rem;

    }

    .sub-heading {

        font-size: 1.1rem;

    }

    .nav_topbr {

        padding: 6px 6px;

    }

    .phnnumbr i, .emal__addrs i {

        margin-right: 0px;

    }

    .main-menu {

        padding: 7px 0.5rem;

    }

    .logo {

        max-width: 170px;

    }

    .rhttolft_lne {

        width: 70%;

    }

    .rhttolft_lne p {

        font-size: 9px;

    }

    .slide {

        padding: 15px 20px;

    }

    .bannermain_heading {

        font-size: 1.7rem;

    }

    .bnnrsubhdng {

        font-size: 2.6rem;

    }

    .banner-slider p.pddnrg-3 {

        font-size: 15px;

    }

    .main-heading {

        font-size: 1.4rem;

    }

    body {

        font-size: 0.95rem;

    }

    .pddntpbt-2{

        padding-bottom: 0rem !important;

    }

    .course_hading {

        font-size: 21px;

    }

    .durtn_prd {

        font-size: 14px;

    }

    .course-deatail {

        padding: 15px 10px 15px;

    }

    .hedngdetl {

        padding-left: 9px;

    }

    .real-world {

        padding: 1rem 0 1.8rem;

    }

    .testimonialitem-content {

        padding: 14px 15px;

    }

    .testimonial_icon img {

        max-width: 72px;

        margin-bottom: 3px;

    }

    .accordion-content p, .accordion-content li {

        font-size: 14px;

    }

    .row_content {

        padding: 10px;

    }

    #admission__form {

        margin-top: 0px;

    }

    #admission__form {

        padding: 1.5rem 10px;

    }

    .icon_heading {

        font-size: 1rem;

    }

    .gallery-item {

        max-width: 229px;

        display: block;

        margin: auto;

    }

    .swiper-button-next:after, .swiper-button-prev:after {

        font-size: 18px !important;

        padding: 5px 7px;

    }

    .testimonal-content {

        padding: 0 8px;

    }

}