@media (max-width: 767px) {
    .h1,
    h1 {
        font-size: 1.7rem;
    }
    .h3,
    h3 {
        font-size: 1.1rem;
    }
    header .logo,
    header .phone {
        text-align: center;
    }
    .header .phone {
        text-align: left;
    }
    /*.banner-panel{
        padding: 160px 0 60px 0;
    }*/
    .gallery-panel ul li {
        padding: 2px;
    }
    .banner-txt h1 {
        text-align: left;
        font-size: 20px;
    }
    .banner-txt h1 br {
        display: none;
    }
    .inner-banner:before {
        width: 75%;
        height: 25px;
    }
    header .logout {
        text-align: right;
    }
    .dash-head-right {
        text-align: center;
    }
    .profile-content-sec .ui.menu.top {
        display: block;
    }
    .card-title {
        font-size: 0.89rem;
        margin-bottom: .8rem;
    }
    .card-body .table {
        font-size: 13px;
        line-height: 17px;
    }
    .form-group.d-flex.justify-content-end label {
        white-space: nowrap;
        margin-right: 10px;
    }
    input#couponcode {
        width: 150px !important;
        display: inline-block;
    }
    #applycoupon {
        padding: 3px 11px;
        white-space: nowrap;
        font-size: 13px;
    }
    header .phone.logout a {
        margin-top: 6px;
        top: 0 !important;
    }
    .mb-4,
    .my-4 {
        margin-bottom: 1rem !important;
    }
    .grey_bg {
        padding: 20px 0 !important;
    }
}

@media (min-width: 768px) {
    /*header .logo{
        text-align: left;
    }*/
    header .phone {
        text-align: right;
    }
    /*.banner-panel{
        padding: 130px 0 60px 0;
    }*/
    .gallery-panel ul li {
        float: left;
        width: 25%;
        padding: 2px;
    }
    .banner-txt h1 {
        text-align: center;
        font-size: 40px;
    }
    .inner-banner:before {
        width: 75%;
        height: 45px;
    }
    .dash-head-right {
        position: relative;
        top: -36px;
        text-align: right;
        margin: 0;
        z-index: 1;
    }
    #applycoupon {
        padding: 3px 7px;
        margin-right: 0px;
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    /*.banner-panel{
        height: 950px;
    }*/
    .inner-banner:before {
        width: 45%;
    }
}

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

/*#################################################################################*/

@media screen and (min-width: 1600px) {
    /*##################################################################################################################### VGU CET CSS #############################################################################*/
    /*.vgu-cet-banner h2 {
    margin: 130px 0 0px 32%;
}*/
    /*##################################################################################################################### VGU CET CSS #############################################################################*/
}

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

@media screen and (max-width: 1199.98px) {
    .choose_panel_sub_sec h4.mt-2 {
        font-size: 21px;
    }
    /*##################################################################################################################### VGU CET CSS #############################################################################*/
    .vgu-cet-banner h2 {
        font-size: 94px;
        line-height: 80px;
        margin: 100px 0 0px 150px;
    }
    .vgu-cet-banner h2 em {
        font-size: 46px;
        line-height: 30px;
        margin-right: -24px;
    }
    .million_text_sec h3 {
        font-size: 28px;
        line-height: 37px;
    }
    .million_text_sec h3 span {
        font-size: 45px;
    }
    .overview_sec {
        padding: 30px 0 60px;
    }
    .overview_sec h2 {
        font-size: 70px;
        margin: 0 0 30px;
    }
    .overview_sec p {
        font-size: 16px;
        line-height: 22px;
    }
    .why_our_content_sec h2 {
        font-size: 70px;
        line-height: 80px;
        padding: 30px 0 30px 40px;
        margin: 0 0 40px;
    }
    .why_our_content_sec ul {
        margin: 0 0 0 40px;
    }
    .why_our_content_sec ul li {
        font-size: 26px;
        margin-bottom: 30px;
        line-height: 35px;
    }
    .why_our_content_sec ul li span {
        font-size: 38px;
    }
    .eligibility_criteria_content_sec h2 {
        font-size: 66px;
        line-height: 72px;
    }
    .eligibility_criteria_content_sec p {
        font-size: 16px;
        line-height: 22px;
    }
    .eligibility_programs_title_width {
        min-width: 244px;
    }
    .eligibility_criteria_content_sec {
        width: 90%;
        padding: 30px 20px 30px;
    }
    .eligibility_criteria_img_sec {
        margin-left: 30px;
    }
    .programs_wrap h2 {
        font-size: 45px;
        margin: 50px 0 50px 30px;
    }
    .important_dates_sec h2 {
        font-size: 64px;
        line-height: 69px;
        margin: 80px 0 30px;
    }
    .big_date_sec h5 {
        font-size: 26px;
    }
    .big_date_sec h3 {
        font-size: 100px;
        margin: 10px 0;
        line-height: 80px;
    }
    .big_date_sec p {
        font-size: 19px;
        line-height: 20px;
    }
    .big_date_sec h4 {
        font-size: 22px;
        line-height: 30px;
        margin-top: 15px;
    }
    .big_date_sec h4 span {
        font-size: 28px;
    }
    .important_dates_sec .why_our_content_sec ul li {
        font-size: 16px;
        margin-bottom: 24px;
        line-height: 26px;
    }
    .important_dates_sec .why_our_content_sec ul li span {
        font-size: 25px;
    }
    .important_dates_sec {
        padding: 60px 0;
    }
    .enrollment_process_wrap h2 {
        font-size: 45px;
        margin: 40px 0;
    }
    .mar-top-max-gap {
        margin-top: 40px !important;
    }
    .enrollment_process_wrap {
        padding: 0 0 60px;
    }
    .vgu-cet-gallery_wrap ul {
        padding: 40px 0;
    }
    .vgu-cet-gallery_wrap ul::before {
        height: 40px;
    }
    .vgu-cet-gallery_wrap ul::after {
        height: 40px;
    }
    .vgu-cet-footer h2 {
        font-size: 94px;
        line-height: 80px;
        margin: 0 0 50px;
    }
    .vgu-cet-footer h2 em {
        font-size: 46px;
        line-height: 30px;
        margin-right: -24px;
    }
    .vgu-cet-footer_contact_sec::before {
        height: 60px;
        top: -60px;
    }
    .banner_img_sec {
        height: 500px;
    }
    .banner_img_sec img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /*##################################################################################################################### VGU CET CSS #############################################################################*/
    .main-content-wrap {
        min-height: auto;
    }
    .programPanel-vgu-cet .nav {
        padding: 140px 0;
    }
    .ui.menu.top a.item {
        padding: 10px 5px;
    }
}

@media screen and (max-width: 991.98px) {
    .logo_bg {
        display: none;
    }
    .logo {
        background: #fff !important;
        padding: 5px !important;
        width: 180px !important;
    }
    .banner_contact_sec {
        top: 50px !important;
    }
    .banner-txt h1 {
        top: 0 !important;
        font-size: 40px !important;
        line-height: 50px !important;
        transform: translateY(0) !important;
        position: relative !important;
        margin-bottom: 30px !important;
    }
    .banner-txt h1 strong.white_bg,
    .banner-txt h1 strong.yellow {
        font-size: 40px !important;
    }
    /*##################################################################################################################### VGU CET CSS #############################################################################*/
    .h5,
    h5 {
        font-size: 1.1rem;
    }
    .vgu-cet-header .logo {
        width: 120px !important;
        background: transparent !important;
    }
    .vgu-cet-banner h2 {
        font-size: 60px;
        line-height: 58px;
        margin: 0 0 20px;
    }
    .banner-txt {
        text-align: center;
    }
    .vgu-cet-banner h2 em {
        font-size: 28px;
        line-height: 13px;
        margin-right: -24px;
    }
    .vgu-cet-banner_bg::before {
        width: 280px;
        height: 280px;
        top: 65px;
        left: 14%;
    }
    .vgu-cet-banner .form_title {
        font-size: 18px;
    }
    .vgu-cet-banner .form_title span {
        font-size: 12px;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    .vgu-cet-banner_form_sec label {
        font-size: 13px;
        line-height: 19px;
    }
    .vgu-cet-banner_form_sec .form-control {
        height: 28px;
        font-size: 13px;
    }
    .vgu-cet-banner_form_sec {
        top: 30px;
    }
    .million_text_sec h3 {
        font-size: 22px;
        line-height: 31px;
        margin: 0;
    }
    .million_text_sec h3 span {
        font-size: 35px;
        margin: 0;
    }
    .overview_sec h2 {
        font-size: 42px !important;
        margin: 0 0 20px !important;
    }
    .overview_sec p {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 15px;
    }
    .why_our_content_sec h2 {
        font-size: 50px;
        line-height: 52px;
    }
    .why_our_content_sec ul li {
        font-size: 18px;
        margin-bottom: 30px;
        line-height: 24px;
    }
    .why_our_content_sec ul li span {
        font-size: 28px;
    }
    .eligibility_criteria_content_sec h2 {
        font-size: 35px;
        line-height: 36px;
        margin: 0 0 20px;
    }
    .eligibility_criteria_content_sec h2 span {
        display: inline-block;
    }
    .eligibility_criteria_content_sec p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .mar-top-max-gap {
        margin-top: 30px !important;
    }
    .eligibility_criteria_content_sec {
        width: 95%;
        padding: 30px 15px 30px;
    }
    .eligibility_programs_title_width {
        min-width: 208px;
    }
    .eligibility_criteria_img_sec {
        padding: 40px 0 0;
        margin-left: 0px;
    }
    .programs_wrap h2 {
        font-size: 36px;
        margin: 30px 0 30px 20px;
        padding: 0 0 15px;
    }
    .listStyle li {
        font-size: 13px !important;
        line-height: 18px;
        padding-right: 15px;
    }
    .programPanel-vgu-cet .nav a {
        font-size: 14px;
        line-height: 19px;
    }
    .programPanel-vgu-cet .nav {
        padding: 170px 0;
    }
    .important_dates_sec h2 {
        font-size: 40px;
        line-height: 40px;
        margin: 80px 0 30px;
    }
    .big_date_sec h5 {
        font-size: 20px;
    }
    .big_date_sec h3 {
        font-size: 80px;
        line-height: 56px;
    }
    .big_date_sec h4 {
        font-size: 15px;
        line-height: 20px;
    }
    .big_date_sec h4 span {
        font-size: 20px;
    }
    .important_dates_sec .why_our_content_sec ul li {
        font-size: 13px;
        line-height: 18px;
    }
    .important_dates_sec .why_our_content_sec ul li span {
        font-size: 20px;
    }
    .important_dates_sec {
        padding: 40px 0;
    }
    .enrollment_process_wrap h2 {
        font-size: 36px;
        margin: 15px 0 30px;
        padding: 0 0 20px;
    }
    .overview_sec::before {
        width: 462px;
        height: 336px;
    }
    .programs_wrap::before {
        width: 525px;
        height: 525px;
    }
    .enrollment_process_wrap {
        padding: 0 0 40px;
    }
    .vgu-cet-gallery_wrap ul {
        padding: 20px 0;
    }
    .vgu-cet-gallery_wrap ul::before {
        height: 20px;
    }
    .vgu-cet-gallery_wrap ul::after {
        height: 20px;
    }
    .vgu-cet-footer h2 {
        font-size: 60px;
        line-height: 58px;
        margin: 0 0 35px;
    }
    .vgu-cet-footer h2 em {
        font-size: 28px;
        line-height: 13px;
        margin-right: -24px;
    }
    .vgu-cet-footer_contact_sec::before {
        height: 45px;
        top: -45px;
    }
    .vgu-cet-footer {
        padding: 30px 0 0;
        border-bottom: 20px solid #7d1416;
    }
    .vgu-cet-footer_contact_sec ul li {
        margin-bottom: 8px;
    }
    .vgu-cet-footer_contact_sec ul li a {
        font-size: 17px;
    }
    .vgu-cet-footer_contact_sec {
        padding: 10px 0 30px;
    }
    .vgu-cet-banner_form_sec .register-panel .select2-container--default .select2-selection--single {
        height: 28px !important;
    }
    .vgu-cet-banner_form_sec .register-panel .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 24px !important;
    }
    .banner_img_sec {
        height: 400px;
    }
    /*##################################################################################################################### VGU CET CSS #############################################################################*/
    header .phone a {
        margin-top: 10px;
    }
    header .phone.logout a strong {
        width: auto;
    }
    .jconfirm-box.jconfirm-hilight-shake.jconfirm-type-default.jconfirm-type-animated {
        width: 45% !important;
    }
}

@media screen and (max-width: 767.98px) {
    .logo_bg {
        display: none;
    }
    .logo {
        background: #fff !important;
        padding: 5px !important;
        /* width: 180px !important; */
        position: relative;
        z-index: 999;
    }
    header .phone a {
        padding: 8px 11px !important;
        position: static !important;
        font-size: 13px !important;
        z-index: 999;
    }
    .banner_contact_sec {
        top: 30px !important;
    }
    .banner-txt h1 {
        top: 16% !important;
        font-size: 36px !important;
        line-height: 45px !important;
        transform: translateY(0) !important;
        position: relative !important;
        margin-bottom: 60px !important;
    }
    .banner-txt h1 strong.white_bg,
    .banner-txt h1 strong.yellow {
        font-size: 36px !important;
    }
    .form-panel h4 {
        font-size: 20px !important;
    }
    .accreditation-panel h2::before {
        width: 292px !important;
        height: 134px !important;
    }
    .accreditation-panel h2 span {
        margin-bottom: 0px !important;
        padding: 38px 0 !important;
        font-size: 21px !important;
        width: 273px !important;
    }
    .accreditation-panel .col-md-3 {
        border-right: none !important;
        border-bottom: 1px dashed #999 !important;
    }
    .accreditation-panel {
        padding: 0 !important;
    }
    .campus-panel h1 {
        line-height: 38px !important;
        margin-bottom: 20px !important;
        font-size: 32px !important;
    }
    .campus-panel h1 br {
        display: none !important;
    }
    .btn-lg.go-choose {
        font-size: 15px !important;
    }
    .choose-panel h2::before {
        width: 292px !important;
        height: 134px !important;
    }
    .choose-panel h2 span {
        margin-bottom: 0px !important;
        padding: 38px 0 !important;
        font-size: 21px !important;
        width: 273px !important;
    }
    .choose-panel h2 span em {
        display: none !important;
    }
    .list-school-div h2::before,
    .testimonial-panel h2::before,
    .rec-panel h2::before {
        width: 292px !important;
        height: 115px !important;
    }
    .gallery-panel h2::before {
        width: 292px !important;
        height: 115px !important;
    }
    .list-school-div h2 span,
    .testimonial-panel h2 span,
    .rec-panel h2 span {
        margin-bottom: 20px !important;
        padding: 38px 0 !important;
        font-size: 21px !important;
    }
    .gallery-panel h2 span {
        margin-bottom: 20px !important;
        padding: 38px 0 !important;
        font-size: 21px !important;
    }
    .started-panel h1 {
        font-size: 40px !important;
    }
    .list-school-div,
    .testimonial-panel,
    .rec-panel {
        padding: 0px 0 20px !important;
    }
    .gallery-panel ul li {
        padding: 2px;
        width: 100% !important;
    }
    .gallery-panel ul li img {
        width: 100% !important;
    }
    #dashboardaccord .dashboard_container {
        padding: 15px;
        margin-left: 0;
        margin-top: 0px;
    }
    .inner-main-panel {
        padding: 30px 0;
    }
    /*########################### Responsive Menu ##################################*/
    .group:after {
        content: "";
        display: table;
        clear: both;
    }
    .slide-content {
        position: fixed;
        top: 0px;
        left: auto;
        bottom: 0px;
        right: 0px;
        height: 100%;
        width: 262px;
        -webkit-transform: translateX(262px);
        -moz-transform: translateX(262px);
        -ms-transform: translateX(262px);
        -o-transform: translateX(262px);
        transform: translateX(262px);
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        transition: all 0.25s linear;
        z-index: 999999;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .slide-content.is-visible {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    #wrapper {
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        transition: all 0.25s linear;
        display: block;
    }
    .is-obscured {
        -webkit-transform: translateX(-252px);
        -moz-transform: translateX(-252px);
        -ms-transform: translateX(-252px);
        -o-transform: translateX(-252px);
        transform: translateX(-252px);
        position: relative;
        z-index: 999999;
    }
    #wrapper .fa.fa-bars {
        display: block;
    }
    #wrapper .fa.fa-close {
        display: none;
    }
    #wrapper.is-obscured .fa.fa-bars {
        display: none;
    }
    #wrapper.is-obscured .fa.fa-close {
        display: block;
    }
    .slide-fade {
        position: fixed;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        -webkit-transition: all 0.15s ease-out 0s;
        -moz-transition: all 0.15s ease-out 0s;
        transition: all 0.15s ease-out 0s;
        opacity: 0;
        background: black;
        visibility: hidden;
        z-index: 999998;
    }
    .slide-fade.is-visible {
        opacity: 0.4;
        visibility: visible;
    }
    nav {
        background-color: #000;
    }
    /* li {
        border-bottom: 1px solid #333;
    } */
    nav a {
        display: block;
        padding: 25px 15px;
        color: #999;
        text-decoration: none;
    }
    nav a:hover {
        background-color: #111;
    }
    .menu {
        float: right;
    }
    .menu i {
        display: inline-block;
        color: #000;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background: #f2901d;
        border-radius: 50%;
    }
    .menu:hover i {
        text-decoration: none !important;
        color: #000;
    }
    .col-lg-3.col-md-4.leftmenu {
        position: absolute;
        top: 18px;
        right: 0;
        z-index: 9999;
        display: inline-block;
        width: 30px;
    }
    .circle {
        display: none;
    }
    .leftmenu::after {
        display: none;
    }
    /*########################### Responsive Menu ##################################*/
    header .phone a {
        right: 10px !important;
    }
    /*##################################################################################################################### VGU CET CSS #############################################################################*/
    .vgu-cet-header .logo {
        width: 110px !important;
    }
    .vgu-cet-banner_form_sec {
        position: static;
        width: 100%;
        border-radius: 0;
        padding: 20px;
    }
    .million_text_sec {
        padding: 12px 20px;
        position: static;
        width: 100%;
        margin-bottom: 20px;
    }
    .million_text_sec h3 {
        font-size: 16px;
        line-height: 24px;
        margin: 0;
    }
    .million_text_sec h3 span {
        font-size: 29px;
    }
    .overview_sec h2 {
        font-size: 34px !important;
        margin: 0 0 15px !important;
    }
    .overview_sec p {
        font-size: 13px;
    }
    .why_our_content_sec h2 {
        font-size: 37px;
        line-height: 38px;
        padding: 25px 0 25px 20px;
        margin: 0 0 30px;
    }
    .why_our_content_sec ul {
        margin: 0 0 0 20px;
    }
    .why_our_img_sec {
        margin-top: 40px;
    }
    .no-padding-right {
        padding-right: 15px !important;
    }
    .no-padding {
        padding: 0 15px !important;
    }
    .eligibility_criteria_content_sec {
        width: 100%;
        padding: 20px 15px;
    }
    .eligibility_programs_title_width {
        min-width: auto;
    }
    .eligibility_criteria_content_sec p em {
        margin: 0 10px;
    }
    .eligibility_criteria_content_sec p {
        font-size: 13px;
        line-height: 19px;
        margin-bottom: 15px;
    }
    .eligibility_criteria {
        padding: 0 0 40px;
    }
    .programPanel-vgu-cet .nav {
        padding: 0;
    }
    .programs_wrap_desk_title {
        display: none;
    }
    .programs_wrap_mob_title {
        display: block;
    }
    .programs_wrap h2 {
        font-size: 28px;
        margin: 30px 0 30px 0;
        padding: 0 0 15px;
    }
    .listStyle li {
        padding-right: 0;
        width: 100%;
    }
    .important_dates_sec h2 {
        font-size: 34px;
        line-height: 35px;
        margin: 0 0 20px;
    }
    .big_date_sec {
        margin-bottom: 20px;
    }
    .important_dates_sec {
        padding: 20px 0;
    }
    .enrollment_process_wrap h2 {
        font-size: 28px;
        margin: 15px 0 20px;
        padding: 0 0 15px;
    }
    .desktop_view {
        display: none;
    }
    .mob_view {
        display: block;
        text-align: center;
    }
    .vgu-cet-footer_contact_sec::before {
        height: 30px;
        top: -30px;
    }
    .programPanel-vgu-cet .tab-content {
        min-height: auto;
    }
    .vgu-cet-banner_form_sec .register-panel .select2-container--default .select2-selection--single {
        height: 28px !important;
    }
    .vgu-cet-banner_form_sec .register-panel .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 24px !important;
    }
    .banner_img_sec {
        height: auto;
    }
    /*##################################################################################################################### VGU CET CSS #############################################################################*/
    .overview_sec {
        padding: 0px 0 20px;
    }
    .why_our_content_sec ul li {
        border: none;
    }
    .why_our_content_sec {
        text-align: center;
    }
    header .phone.logout a {
        margin-top: 6px;
        top: 0px !important;
        font-size: 0.7rem !important;
    }
    .imgrad {
        width: 30px;
        margin-right: 2px;
    }
    header .phone.logout a strong {
        display: inline-block;
        white-space: pre-wrap;
        text-align: left;
        /* float: left; */
        line-height: 1.2;
        width: 86px;
    }
    .dropdown-toggle::after {
        right: 0px !important;
    }
    .fixed_btn_result {
        position: static !important;
    }
    .jconfirm-box.jconfirm-hilight-shake.jconfirm-type-default.jconfirm-type-animated {
        width: 80% !important;
    }
    .banner-panel {
        padding: 126px 0 70px;
    }
}

@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;
    }
    /*.header .phone a {
    top: -57px !important;
    position: static !important;
}*/
}

/*################## New #####################*/

.showinmobile {
    display: none;
}

@media screen and (max-width: 767.98px) {
    .desk_userboard_table {
        display: none;
    }
    .mob_userboard_table {
        display: block !important;
    }
    .desk-text-right {
        text-align: left;
    }
    .showindesk {
        display: none;
    }
    .showinmobile {
        display: block;
    }
    .no_phn_view {
        display: none !important;
    }
    .profile_page_sec .ui.tab {
        padding: 10px;
    }
}