@media (max-width: 767px) {
    .h1,
    h1 {
        font-size: 1.7rem;
    }
    h2,
    h2 span {
        font-size: 30px !important;
    }
    .h3,
    h3 {
        font-size: 1.1rem;
    }
    header .logo,
    header .phone {
        text-align: center;
    }
    .header .phone a {
        text-align: left;
        display: none;
    }
    header.header * {
        justify-content: center;
    }
    section.online_specialisation_section .learnwt-dv .row .col-md-4 {
        border-bottom: 1px solid #CE0004 !important;
        padding: 20px 0;
        border-right: 1px solid #CE0004 !important;
    }
    section.online_specialisation_section .learnwt-dv .row .col-md-4:nth-child(5n),
    section.online_specialisation_section .learnwt-dv .row .col-md-4:nth-child(6n) {
        border-bottom: 0 !important;
    }
    section.online_specialisation_section .learnwt-dv .row .col-md-4:nth-child(even) {
        border-right: 0px !important;
    }
    .hero-content {
        margin-left: 0%;
        margin-top: -50px !important;
        margin-bottom: 30px;
    }

    section.hero-section .hero-content h2 .h2-font {
        font-size: 52px;
        line-height: 0;
    }
    section.hero-section .hero-content h3 {
        font-size: 20px;
        margin-top: 20px;
    }
    section.hero-section .hero-content h2 {
    margin-top: 0 !important;
}
    section.hero-section .hero-content p {
        font-size: 16px;
        margin: 0;
    }
    .con-dv {
        background: #fff;
    }
    .bg-desktop-img {
        /*height: 330px !important;
        background-size: contain !important;*/
        background: #fff;
        text-align: center;
        display: none;
    }
    .header {
        background: #fff;
    }
    section.about_section {
        padding: 30px 0;
    }
    section.online_specialisation_section {
        position: relative;
        padding: 50px 0;
        background: #000;
    }
    section.online_learning_section {
        padding: 50px 0;
        background: #141E46;
        position: relative;
    }
    section.addmission_process_section {
        padding: 50px 0;
        position: relative;
    }
    section.online_degree_section {
        padding: 30px 0;
        position: relative;
    }
    section.career-options {
        padding: 50px 0;
        position: relative;
    }
    section.why_choose_section {
        position: relative;
        background: #f5f5f5;
        padding: 40px 0px;
    }
    section.dont_have_section {
        padding: 40px 15px 50px;
        position: relative;
    }
    section.addmission_process_section .timeline-content p {
        text-align: left;
    }
    section.why_choose_section .career_contet {
        flex-wrap: wrap;
        margin-top: 25px;
    }
    section.why_choose_section .carrer-list {
        width: 46%;
        position: relative;
        overflow: hidden;
    }
    section.why_choose_section .career-list-cont {
        position: absolute;
        bottom: 0;
        padding: 10px;
        height: 100%;
        transform: translate(0px, 0);
    }
    section.why_choose_section .career-list-cont button {
        opacity: 1;
    }
    .heaing-dgere {
        text-align: center;
        margin-bottom: 40px;
    }
    .heading-enroll {
        text-align: left !important;
    }
    .empower_cont {
        padding: 40px 15px !important;
    }
    .form_two,
    .form_three {
        width: 100% !important;
        ;
    }
    .logo img {
        height: 30px;
        margin-right: 20px;
    }
    a.mobile-view.d-none {
        /* display: block !important; */
        position: fixed;
        z-index: 9999;
        right: 15px;
        bottom: 15px;
        background: #D70131 !important;
        color: #fff !important;
        height: 50px !important;
        width: 50px !important;
        text-align: center;
        padding: 13px !important;
    }
     section.about_section .abt-cnttn {
        text-align: center;
        padding: 40px 20px;
        border-bottom: 2px solid rgba(0, 0, 0, 0.10);
    }
    section.about_section .abt-cnttn:nth-child(6n) {
        border-bottom: 0px solid rgba(0, 0, 0, 0.10);
    }
    section.about_section .abt-cnttn:nth-child(odd) {
        border-right: 0;
        text-align: center;
    }
}




@media (min-width: 767px) and (max-width: 992px) {
.con-dv {
    background: #fff;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.img_mb {
    display: block !important;
}
.hero-content {
    width: 70%;
}
section.hero-section .hero-content h3 {
    margin-top: 15px;
}
.header {
    background: #fff;
}
section.online_specialisation_section .learnwt-dv .row .col-md-4 {
    border-bottom: 1px solid #CE0004 !important;
    padding: 20px 0;
    border-right: 1px solid #CE0004 !important;
}
section.online_specialisation_section .learnwt-dv .row .col-md-4:nth-child(4n),
section.online_specialisation_section .learnwt-dv .row .col-md-4:nth-child(5n), 
section.online_specialisation_section .learnwt-dv .row .col-md-4:nth-child(6n) {
    border-bottom: 0 !important;
}

section.online_specialisation_section .learnwt-dv .row .col-md-4:nth-child(3n), 
section.online_specialisation_section .learnwt-dv .row .col-md-4:nth-child(6n) {
    border-right: 0 !important;
}
}


@media (min-width: 992px) and (max-width: 1200px) {
.con-dv {
    background: #fff;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.img_mb {
    display: block !important;
}
.hero-content {
    width: 70%;
}
section.hero-section .hero-content h3 {
    margin-top: 15px;
}
.header {
    background: #fff;
}





}

@media (min-width: 768px) {
    header .phone {
        text-align: right;
    }
    .img_mb {
        display: none;
    }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media screen and (min-width: 1600px) {
    section.hero-section {
        padding: 150px 0 80px;
        background-position: center center;
    }

}

@media only screen and (max-width: 1400px) {}

@media screen and (max-width: 1199.98px) {
    .empower_text,
    section.empowering_section .empower_text h3,
    section.empowering_section .empower_text p,
    section.empowering_section .empoer-head h2,
    section.enroll_now_section .heading-enroll h2,
    section.enroll_now_section .heading-enroll h3 {
        text-align: left !important;
    }
    section.enroll_now_section .heading-enroll h3 {
        font-size: 34px;
    }
    section.online_learning_section .dont-content h2:before,
    section.online_learning_section .dont-content h2:after,
    section.enroll_now_section .heading-enroll h3 br {
        display: none;
    }
    section.empowering_section .empower_cont:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000000ad;
        border-top-right-radius: 100px;
    }
    .bg-desktop-img {
        /*background-image: url(../../../images/vgu_theme/desktop_img.png);
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        height: 500px;
        width: 100%;
        top: 0;
        z-index: 0;
        background-position: center;
        background-color: #fff;*/
    }
    .hero-content {
        margin-top: 400px;
    }
    section.hero-section {
        background: #141e46 !important;
    }
    .form_one {
        width: 100%;
        border-radius: 7px;
        background: #FFF;
        box-shadow: 0px 4px 100px 0px rgba(0, 0, 0, 0.25);
        height: auto;
        display: block;
        margin-top: 100px;
    }
    section.study_anywhere_section .heading-anywhere h2 span br {
        display: none;
    }
   
    section.about_section {
        padding: 80px 0;
    }
    section.about_section .abt-text p,
    section.online_degree_section .heaing-dgere p {
        font-size: 11px;
    }
    /* .carousel-item .row {
    flex-direction: column-reverse;
} */
    section.about_section .abt-text.border-top {
        border: 0 !important;
    }
    section.about_section .about-cont-img img {
        width: 100%;
        margin-bottom: 25px;
    }
    section.study_anywhere_section .study_content ul {
        display: block;
        width: 100%;
    }
    /* section.study_anywhere_section .study_content ul li {
        width: 100%;
    }

    section.why_choose_section .career_contet {
        display: block;
    } */
    .empower_cont {
        padding: 50px !important;
    }
    section.online_degree_section .dgere-cer-img {
        text-align: center;
    }
    footer.footer .contact-text {
        text-align: center;
        width: 100%;
        margin-left: auto;
    }
    footer.footer .logo-footer {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    section.addmission_process_section .timeline-steps {
        display: block;
    }
    section.addmission_process_section .timeline-steps .timeline-step {
        align-items: center;
        display: flex;
        flex-direction: column;
        position: relative;
        padding: 10px;
        width: 100%;
    }
    section.addmission_process_section .timeline-steps .timeline-content {
        width: 100%;
        display: flex;
    }
    .inner-circle {
        margin-right: 20px;
    }
    .timeline-step:after {
        content: "";
        height: 100%;
        width: 2px;
        background: #000;
        position: absolute;
        top: 30px;
        left: 30px;
        z-index: -1;
        padding: 0;
    }
    .timeline-step {
        padding: 25px 0 !IMPORTANT;
    }
    section.empowering_section .empoer-head:after,
    section.addmission_process_section .timeline-steps .timeline-step:not(:first-child):before {
        display: none;
    }
    .form_two {
        position: relative;
        width: 50%;
        left: 0;
        right: 0;
        margin: auto;
        margin-bottom: 40px;
        height: auto;
        margin-top: -120px;
    }
    section.empowering_section {
        padding: 0 0 100px;
        position: relative;
    }
}

@media screen and (max-width: 991.98px) {}

@media screen and (max-width: 767.98px) {}

@media only screen and (max-width: 620px) {}

@media only screen and (max-width: 479px) {}

@media only screen and (max-width: 414px) {}

@media only screen and (max-width: 412px) {}

@media only screen and (max-width: 375px) {}

@media only screen and (max-width: 360px) {}

@media only screen and (max-width: 320px) {
    .logo {
        width: 140px !important;
    }
    header .phone a {
        top: -57px !important;
    }
}

@media screen and (max-width: 767.98px) {}