@media (min-width: 420px) {
    

}

@media (min-width: 576px) {
    .services-container {
        --columns: 2;
    }
    .doae-about_highlights .right-content .row {
        --bs-gutter-y: 0rem
    }

    .department-usp .statistics {
        align-items: flex-start;
        max-width: 32rem;
        margin-inline: auto;
    }

    .department-usp .statistics .stats .desc {
        text-align: left;
    }

    .department-usp .statistics .stats [data-count] {
        padding-inline: 0;
        margin-left: 0
    }

    .department-life .container::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        background: var(--color-prime);
        width: 100%;
        z-index: -1;
        height: calc(100% - 31rem)
    }

    .department-life .right-content ul {
        margin-inline: 0;
        background: transparent;
        padding-inline: 2rem
    }

    .fet-research-centre .text {
        padding: 2.5rem 2rem;
    }
}

@media (min-width: 768px) {

    .logo-container {
        --columns: 4;
    }

    .logo-container .logo-item {
        aspect-ratio: auto;
    }

    .course-item {
        flex-direction: row;
        row-gap: 0;
        column-gap: 1.6rem;
        align-items: flex-end;
        padding: 2rem 2.5rem;
    }

    .department-usp .statistics .stats:last-child {
        max-width: 60%;
    }

    .department-life .container::before {
        height: calc(100% - 33rem)
    }

}

@media (min-width: 992px) {
    .page-header .d-flex {
        flex-direction: row;
    }

    .page-title:after {
        content: '';
        position: absolute;
        left: calc(100% + 2rem);
        top: 50%;
        width: 6rem;
        height: .17rem;
        background-image: linear-gradient(to right, var(--color-prime)10%, var(--color-sec));
    }

    .vision-mission .row .row {
        --bs-gutter-y: 0rem;
        --bs-gutter-x: 6rem;
    }

    .vision-mission {
        padding-top: .67rem
    }

    .fet-about_highlights .content {
        padding: 3rem 2rem;
    }

    .chancellor-message {
        margin-top: 5rem;
        padding-top: 0
    }

    .chancellor-message figure {
        margin-top: -2.5rem
    }

    .chancellor-message .blockquote {
        padding-bottom: 0rem;
        padding-left: 1rem;
    }

    .program_banner_box {
        display: block;
    }

    .program_box .filter-area {
        padding-top: 3rem
    }

    .program-banner .row .row {
        --bs-gutter-y: 0rem
    }

    .program-banner .text-box {
        padding-left: 2rem;
        padding-bottom: 2rem;
        max-width: 34rem;
    }

    .program_box .courses-container {
        padding-top: 4rem;
    }

    .chancellor-message .quote-icon img {
        width: auto
    }


    .doeee-highlights .content-right::before {
        right: 60%
    }

    .dept-extra-carriculam .row .row {
        --bs-gutter-x: 4rem
    }

    .department-life .container::before {
        height: calc(100% - 35rem)
    }

    .doae-research-project .text {
        padding-bottom: 6rem;
    }

    .doae-research-project-table {
        padding-top: 0
    }

    .doae-research-project-table .table_wrapper {
        margin-top: -160px;
        background-color: #fff;
    }

    .doae-research-project .text p {
        max-width: 460px;
    }

    .fet-research-centre p {
        line-height: 1.87;
        height: calc(3 * 1.87 * .89rem)
    }

    .services-container {
        --columns: 3;
    }

    .department-vision-mission .row .row {
        --bs-gutter-x: 3rem
    }
    .admission-main .tab-accordian-tabs{background: var(--color-sec); margin-bottom: 6rem;}
    .admission-main .tab-accordian-tabs li.nav-item{flex-grow: 1; padding-inline: 0}
    .admission-main .nav-tabs.tab-accordian-tabs .nav-link{padding: 1.73rem 1.5rem; line-height: 1.3; display: block; color: #fff; text-align: left; font-weight: 700; background: transparent; flex-grow: 1; width: 100%; isolation: isolate; position: relative;}
    .admission-main .nav-link::before{content:''; position: absolute; left: 0; top: 0; width: 100%; height: calc(100% + 1rem); background-color: var(--color-prime); z-index: -1; filter: drop-shadow(0px 15px 20px #00000029); opacity: 0; transition: .3s all;}
    .admission-main .nav-tabs.tab-accordian-tabs .nav-link[aria-selected="true"]{background: transparent;color: #fff}
    .admission-main .nav-tabs.tab-accordian-tabs .nav-link[aria-selected="true"]::before{opacity: 1;}
    .admission-main .nav-tabs.tab-accordian-tabs .nav-link[aria-selected="true"]::after{display: none;}
    .admission-main .nav-link span{display: block; font-size: 1.33rem; font-weight: 400}
    .admission-main .tab-accordian-panels .content-left{padding-right: 2.5rem}
    .admission-main.dapartment-addmission .tab-accordian-panels .content-left{padding-right: 7.5rem}
    .admission-main .tab-accordian-panels .row>*{flex-grow: 1;}
    .admission-help .content-left{padding-right: 1.5rem;}
    .admission-help .content-right{margin-right: -3rem;} 
    .admission-main .accordion-collapse{padding: 0}
    .admission-main .accordion-collapse .row{--bs-gutter-y: 0rem}    
    .admission-main .tab-accordian-panels p + h5{margin-top: 5rem}
    .admission-main .add-list{columns: 2}
    
    .fet-about_highlights .content-right {
        padding-left: 2rem
    }
    .fet-research-project.fhmct .text{padding-bottom: 7rem;}
    
}

@media (min-width: 1200px) {
    .inner-header {
        display: block;
    }
    .about-fet .row .row {
        --bs-gutter-x: 0rem
    }

    .about-fet .left-panel {
        padding-bottom: 4rem;
        position: relative;
        padding-right: 3rem
    }

    .about-fet.department-about:not(.doce-about, .doece-about, .domme-about, .fbp) .left-panel {
        height: 100%;
        padding-top: 3rem
    }

    .about-fet.department-about:not(.doce-about, .doece-about, .domme-about) .left-panel.hk {
        padding-top: 0rem
    }

    .domme-about .left-panel {
        padding-bottom: 0;
    }

    .about-fet .left-panel::before {
        content: '';
        position: absolute;
        top: 0;
        right: calc(100% + 3rem);
        height: 100%;
        width: 12rem;
        background: linear-gradient(175deg, var(--color-prime), var(--color-sec));
    }

    .about-fet figure {
        margin-right: -3rem
    }

    .fet-departments .img_headings {
        padding: 2rem 2.5rem;
    }

    .fet-departments .row .row {
        --bs-gutter-x: 2rem
    }

    .fet-research .left-content {
        padding-right: 2.73rem
    }

    .doae-about_highlights .left-content {
        padding-right: 3rem;
    }

    .doae-about_highlights .row {
        position: relative;
        isolation: isolate;
    }

    .doae-about_highlights.high-line {
        position: relative;
    }

    .doae-about_highlights.fsabout .container>.row>div>.row::after {
        content: "";
        background-image: url("../images/highlights-white-line.svg");
        position: absolute;
        top: 0;
        bottom: 0;
        right: calc(100% + 3rem);
        width: 140px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1;
    }

    .doae-about_highlights.high-line::after {
        content: url("../images/line-abt.svg");
        background: linear-gradient(138deg, #E34A21 0%, #992361 100%);
        background-repeat: repeat, repeat;
        background-size: auto, auto;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 140px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 1;
        overflow: hidden;
    }


    .doae-about_highlights figure img {
        width: auto
    }

    .doae-about_highlights .right-content .row {
        --bs-gutter-y: 1rem
    }

    .doae-about_highlights .right-content {
        margin-top: 0rem
    }

    .department_facilities .img_headings {
        padding: 2.5rem 2rem;
        padding-bottom: 1.5rem;
        margin-top: -2.5rem
    }

    .department-usp .content-right {
        padding-left: 1.5rem
    }

    .department-usp .content-left {
        padding-right: 2rem
    }

    .department-usp .bottom-wrapper figure {
        margin-left: 2rem
    }

    .department-usp .statistics {
        margin-left: 0
    }

    .filler-right {
        position: relative;
        isolation: isolate;
    }

    .filler-right::after {
        position: absolute;
        content: '';
        z-index: -1;
        bottom: -4rem;
        right: 0;
        width: 18rem;
        height: 25rem;
        background-image: url('./../images/cross-filler-right.jpg');
        background-repeat: no-repeat;
        background-position: right bottom;
    }

    .doce-highlights .content-right {
        padding-left: 2rem
    }

    .doeee-highlights figure {
        margin-left: 3rem
    }

    .about-img-wrapper {
        position: relative;
        padding-top: 6.5rem;
        padding-bottom: 8rem
    }

    /* .about-img-wrapper::after {background-repeat: no-repeat;background-size: cover;position: absolute;bottom: 0px;left: 0;content: ""; width: 100%;background-image: url("../images/about-line.svg");z-index: 9;height: 4rem;background-size: contain; translate: 0 50%;} */
    .doae-about_highlights.fsabout {
        position: relative;
        margin-top: 0;
        padding-block: 0;
    }

    .doae-about_highlights.fsabout::after {
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        bottom: -90px;
        left: 0;
        content: "";
        width: 100%;
        background-image: url("../images/about-line.svg");
        z-index: 9;
        height: 4rem;
        background-size: contain;
        translate: 0 50%;
    }

    .doae-about_highlights.msabout {
        position: relative;
    }

    .doae-about_highlights.msabout::after {

        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        left: 0;
        content: "";
        width: 100%;
        background-image: url("../images/about-line.svg");
        z-index: 9;
        height: 4rem;
        background-size: contain;
        /* translate: -3px -198%; */
        top: 44%;
    }

    .doae-about_highlights.msabout .container>.row>div>.row::after {
        display: none;
    }

    .mssabt::after {
        display: none;
    }

    .doae-about_highlights.msabout {
        padding-block: 3rem;
    }

    .chancellor-message.doea_director.bg-light.hk {
        margin-top: 17rem;
    }

    .fs-dean {
        margin-top: 200px;
    }

    .fos-dean {
        margin-top: 16rem;
    }

    .fs-dean1 {
        margin-top: 104px;
    }

    .video-container {
        padding-top: 8rem
    }

    .about-img-wrapper.fh-about {
        background-color: #fff !important;
    }

    /* .doeee-highlights .content-right{padding-top: 5rem;}     */
    .doeee-highlights .content-right::after {
        content: '';
        position: absolute;
        right: calc(100% + 4rem);
        width: 70%;
        height: calc(100% - 5rem);
        top: 5rem;
        background-image: url('../images/doee-highlihts-left-cross.png');
        background-repeat: no-repeat;
    }

    .department-life .right-content {
        padding-left: 3rem;
        margin-right: -2rem;
        margin-top: 0
    }

    .department-life .section-heading+.row {
        --bs-gutter-x: 0
    }

    .department-life .right-content ul {
        padding-inline: 0
    }

    .department-life .container::before {
        height: calc(100% - 18em)
    }

    .department-life .right-content .stats {
        text-align: left;
    }

    .department-life .right-content .stats span.text-24 {
        margin-top: 0.3rem;
        display: block;
    }

    .department-life:not(.doecs-life) .right-content .stats span.text-24 {
        padding-left: 1rem;
    }

    .department-life .right-content .stats [data-count] {
        margin-bottom: 0;
    }

    .department-why-ruas .right-content {
        padding-left: 2.3rem;
    }

    .department-why-ruas .container::after {
        content: url('../images/cross-filler-right.png');
        background-position: left bottom;
        position: absolute;
        left: 100%;
        bottom: 0;
        transform: translateX(-70%);
        z-index: -1;
    }

    .fet-publications {
        padding-top: 0rem
    }

    .doae-research-project .col-lg-6 .line-img {
        left: -130px;
        top: 270px;
        display: block;
    }

    .fet-research-centre .text {
        padding: 2.5rem 3.33rem;
    }

    .school-facility.library>.container figure {
        position: relative;
        z-index: 5;
    }

    .school-facility.library .full-width {
        margin-top: -12rem
    }

    .school-facility.library .full-width::after {
        content: url('../images/');
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .school-facility.library .right-content {
        padding-left: 1rem
    }

    .school-facility p {
        line-height: 1.36;
        color: #fff;
    }

    .school-facility.library>.container .right-content {
        padding-block: 0;
    }

    .department-vision-mission .row .row {
        --bs-gutter-x: 3.67rem
    }

    .department-why-ruas .right-content {
        margin-top: 0
    }

    .dept-partenership .right-content {
        padding-left: 3.33rem;
        padding-bottom: 4rem;
        padding-top: 0;
        margin-right: -3rem
    }

    .dept-partenership:not(.doece-partenership) .full-width {
        position: relative;
    }

    .dept-partenership:not(.doece-partenership) .full-width::after {
        position: absolute;
        content: '';
        width: 60%;
        max-width: 750px;
        height: 4rem;
        background-image: url('../images/centered-cros-bars.png');
        background-repeat: no-repeat;
        background-position: center;
        left: 50%;
        bottom: 0rem;
        transform: translate(-50%, 50%);
    }

    .dept-partenership.domme-partenership .full-width::after {
        left: 0;
        transform: translate(0, 50%);
    }
    .dean-msg .head-content{flex-direction: row;}
    .dean-msg .head-content img{width: auto}
    
    .dean-msg .right-panel {padding-left: 2rem}

    .dean-msg .left-panel{height: auto; padding-bottom: 0}
    
    .fnb-facility  .content-cell{padding-left: 2rem; margin-block: 0}
    
    .border-right1 { border-right: 1px solid #AAAAAA; }
    .states_counter{column-gap: 5rem}
    .patent-wrapper .row .row{--bs-gutter-y: 2.5rem}    
    .patent-wrapper .contentBox{padding-left: 2rem;}
    .patent-wrapper .highlight-box{margin-top: 4rem;}
    
    .school-facility .about-main-left {
        padding-right: 1rem;
        position: relative;
    }
    .services-container {
        --columns: 3;
    }
    .school-facility.library>.container:last-child{margin-top: -11rem;}
    .sol-dean-message .container figure{position: relative; overflow: visible;}
    .sol-dean-message .container figure::before {
        content: '';
        position: absolute;
        top: 0;
        right: calc(100% + 3rem);
        width: 12rem;
        height: 100%;
        background-image: linear-gradient(126deg, var(--color-prime), var(--color-sec));
    }

    .sol-dean-message-content1 {
        margin-left: 1.75rem;
    }
    .about-img-wrapper.dms .right-panel{padding-left: 1.5rem;}
}

@media (min-width: 1350px) {
    .our-objective::before {
        width: 21rem
    }

    .page-title:after {
        width: 8rem
    }

    /* .inner-header_inner .has-submenu{ max-width: 153px;} */
    .inner-header_inner li>a {
        padding: 1.5rem .79rem;
        font-size: 14px;
    }

    .inner-header_inner li:not(.has-submenu)>a {
        padding-right: .3rem
    }

    .inner-header_inner .title {
        padding-right: .89rem;
        font-size: 14px;
    }

    .department-usp .statistics .stats .desc {
        font-size: 1.7rem;
    }

    .department-usp .statistics {
        max-width: 37rem;
    }

    .dept-extra-carriculam {
        padding-top: 8.35rem
    }

    .dept-extra-carriculam {
        padding-bottom: 8rem
    }

    .department-usp .content-right {
        padding-left: 2rem
    }

}

@media (min-width: 1400px) {
    .vision-mission-inner .row {
        --bs-gutter-x: 4rem
    }

    .vision-mission-inner {
        margin-left: -3rem
    }

    .fet-about_highlights .content {
        padding: 3rem 3.5rem;
    }

    .fet-departments .img_headings {
        padding: 2rem 2.5rem;
        max-width: 85%;
    }

    .doae-about_highlights .left-content {
        padding-right: 5rem;
    }

    .doae-about_highlights .container>.row>div>.row::after {
        left: calc(100% - 0rem);
    }

    .department-usp .statistics .stats .desc {
        font-size: 2rem;
    }

    .department-usp .statistics {
        max-width: 41rem;
    }

    .department-usp .statistics {
        margin-bottom: 4rem;
    }

    .filler-right::after {
        width: 21rem
    }

    .doce-highlights .content-right li {
        line-height: 1.87;
    }

    .chancellor-message .blockquote {
        padding-left: 2.5rem;
    }

    .doeee-highlights .content-right {
        min-height: 100%
    }

    .doeee-highlights figure {
        margin-left: 4rem
    }

    .doeee-highlights .content-right::after {
        top: 6.2rem;
    }

    .doeee-highlights::before {
        top: 6.2rem
    }

    .dept-extra-carriculam .row .row {
        --bs-gutter-x: 7rem
    }

    .department-life .container::before {
        height: calc(100% - 20rem)
    }

    .department-life .right-content {
        padding-left: 4rem
    }

    .department-why-ruas .right-content {
        padding-left: 3.3rem;
    }

    .doae-research-project .text {
        padding-right: 1rem
    }

    .doae-research-project .col-lg-6 .line-img {
        left: -200px;
    }

    .doae-research-project-table .table_wrapper {
        margin-top: -210px;
    }

    .school-facility.library .right-content {
        padding-left: 3rem
    }

    .school-facility.library .full-width {
        margin-top: -15rem
    }

    .school-facility p {
        line-height: 1.87;
        color:#fff;
    }
    .school-facility p.text-purple {
        line-height: 1.5;
    }
    .content-fici{
        margin-top: -37px;
    }
    .school-facility.library .full-width {
        padding-top: 4rem
    }

    .department-vision-mission .row .row {
        --bs-gutter-x: 5.67rem
    }

    .doeee-highlights .content-right {
        padding-left: 2rem
    }

    .department-vision-mission .offset-xxl-1 {
        margin-left: 11%
    }

    .states_counter{column-gap: 5.3rem}
    .school-facility .about-main-left { padding-right: 1rem; position: relative; }
    .school-facility.library>.container:last-child{margin-top: -9rem;}
    .about-img-wrapper.dms .right-panel{padding-left: 2.5rem;}
}

@media (min-width: 1600px) {

    /* .chancellor-message .blockquote{padding-inline: 4.7rem;;} */
    .doeee-highlights .content-right {
        padding-top: 7rem;
    }

    .doeee-highlights .content-right::before {
        bottom: -9rem;
    }

    .doae-research-project .col-lg-6 .line-img {
        left: -167px;
    }

    .doae-research-project-table .table_wrapper {
        margin-top: -300px;
    }

    .fet-research-centre p {
        line-height: 1.87;
        height: auto
    }

    .school-facility.library .full-width {
        margin-top: -17rem
    }

    .school-facility.library .stats-lg {
        padding-bottom: 4rem;
    }

    .why-us-doecs .right-content {
        padding-left: 6rem
    }

    .department-usp .content-right {
        padding-left: 2.5rem
    }
    
    .sol-dean-message-content1 {
        margin-left: 3.75rem;
    }
}

@media (min-width: 1700px) {
    .doae-research-project-table .table_wrapper {
        margin-top: -330px;
    }

    .doae-research-project .text p {
        max-width: 480px;
    }

    .doae-research-project .col-lg-6 .line-img {
        left: -190px;
    }

    .states_counter{column-gap: 7.3rem}
}

@media (max-width: 1199.98px){
    /* .states_counter{jus} */
    .about-main .section-heading{margin-bottom: 3rem;}
    .school-facility .row .row{--bs-gutter-y: 2.5rem}
    .school-facility .about-main-left .stats{margin-top: 3rem}
    .school-facility.library>.container .right-content{padding-top: 0}
    
    .doae-about_highlights.high-line{margin-top: 0rem}
    .pro-about::after{display: none;}
    section.about-img-wrapper.fh-about{padding-top: 0;padding-bottom: 2rem;}
    .about-img-wrapper .img_wrapper {
        padding-bottom: 0rem;
    }
    .doae-about_highlights.fsabout {padding-top: 0; padding-bottom: 5rem;}
    .doae-about_highlights.fsabout .row .row{--bs-gutter-y: 2.5rem}
    .about-img-wrapper.dms p:last-child{margin-bottom: 0;}
    .doae-about_highlights.dms{padding-top: 0rem; padding-bottom: 4rem;}
    .doae-about_highlights.mssabt.dms{padding-bottom: 0rem;}
    .fhmct-patent-wrapper .contentBox h2 {
        margin-top: 2rem;
    }
    .fhmct-patent-wrapper .contentBox ul.custom-dash {
        margin-bottom: 3rem;
    }
    .doae-about_highlights .right-content {
        margin-top: 0rem;
    }
}

@media (max-width: 991.98px){
    /* .states_counter{jus} */
    .fet-research-project.fhmct .row .row{--bs-gutter-y: 2.5rem}
    .fet-research-project.fhmct .text{padding-top: 0;}
    .doae-research-project .col-lg-6 figure{margin-right: 0}
    .fet-research-project.fhmct {padding-bottom: 9rem}
    .fet-research-project.fhmct + .doae-research-project-table{padding-top: 0;}
    .fet-research-project.fhmct + .doae-research-project-table .table_wrapper{margin-top: -6rem;}
    section.awards-and-achievement.fhmct_award_achiv {
        padding-top: 1rem;
    }
    .fhmct_award_achiv .award-thumb1 img {
        width: 100%;
    }
    .vision-mission {
        
        padding-bottom: 0 !important;
    }
    .fet-about_highlights .about-tagline {
        margin-bottom: 1.5rem;
    }
}
@media (max-width: 767.98px){
    /* .states_counter{jus} */
    .doae-about_highlights.high-line { padding-bottom: 5rem; }
    
}
 @media (max-width: 574.98px){
    .stats span[data-count] {
    font-size: 3rem;
}
    section.addmission-faq.faq-qui .accordion-item .accordion-header .accordion-button{
        height: 7.1rem !important;
    }
    .addmission-faq + .cta-wrapper {
        padding-top: 0;
    }
}