@media (max-width: 1141px) {
    .wrapper{
        width: 100%;
        padding: 0 20px;
    }

    .program .pathway .blk.blk-2{
        padding-top: 3px;
    }
    .program .pathway{
        grid-template-columns: 1fr;
        background: none;
        gap: 50px;
        padding-bottom: 50px;
        position: relative;
        &:before{
            content: ' ';
            position: absolute;
            left: 21px;
            width: 29px;
            height: 88%;
            top: 134px;
            background: rgba(255, 255, 255, 0.2);
            z-index: -1;
            border-radius: 20px;
        }
        .blk{
            padding-left: 85px;
            .icon{
                position: absolute;
                left: 0px;
            }
            span.label{
                margin: 5px 0px;
            }
            &.blk:nth-child(1) {
                padding-left: 0;
            }
            &.blk:nth-child(3),&.blk:nth-child(5) {
                display: none;
            }
            &.blk-2 {
                justify-content: start;
                display: flex;
                flex-direction: row-reverse;
            }
            &.blk-3{
                padding-left: 85px;
                padding-top: 0;
            }
            &.blk-4{
                padding-top: 0;
                grid-template-columns: 1fr;
                    margin-left: -1px;
            }
            &.blk-7{
                padding-top: 0;
                grid-template-columns: 1fr;
                gap: 50px;
                a:first-child {
                    margin-left: 10px;
                }
            }
            &.blank{
                display: none;
            }
        }
    }
}

@media (max-width: 1100px) {
    .banner .banner-text{
        gap: 150px;
    }
    .program .pathway .blk.blk-2{
        padding-top: 0px;
    }
    .program .pathway .blk.blk-7{
        padding-left: 72px;
    }
}

@media (max-width: 1050px) {
    .why-at-ku .bg{
        top: -780px;
    }

}

@media (max-width: 1000px) {
    header {
        ul{
            display: none;
        }
        .toggle-menu{
            display: block;
        }
    }
    .slide-menu{
        display: block;
    }
    .partnerships .dbl-blks{
        grid-template-columns: 1fr;
        gap: 5px;
    }
    .program .pathway .blk.blk-3 {
        padding-top: 25px;
    }

    .partnerships .dbl-blks .text{
        width: 90vw;
    }
    .owl-carousel {
        width: 100%;
        overflow: hidden;
    }
    .partnerships .dtls  {
        padding-top: 50px;
        .owl-nav button.owl-next{
            top: 0;
            transform: translateY(0);
            right: 0;
        }
    }
    .partnerships .dbl-blks .owl-nav button.owl-prev {
        display: block;
    }
}

@media (max-width: 950px) {
    .program .pathway .blk.blk-3 {
        padding-top: 0;
    }
}
@media (max-width: 900px) {
    .banner .banner-text {
        gap: 50px;
    }
    .banner .banner-bottom{
        width: 100%;
    }
    .why-at-ku .content .text{
        width: auto;
    }

}
@media (max-width: 850px) {
    .flagship .flags{
        grid-template-columns: 1fr;
    }

}
@media (max-width: 820px) {
    .why-at-ku{
        margin-top: 184px;
        .bg{
            top: -620px;
        }
    }
    .banner .banner-text {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 750px) {
    .why-at-ku .content{
        grid-template-columns: 1fr;
        .img{
            text-align: center;
        }
    }
    .ethics .blks{
        grid-template-columns: 1fr;
        gap: 20px;
    }
    footer .blks{
        grid-template-columns: 1fr;
        gap: 0;
        .social{
            margin: 30px 0;
        }
    }
}

@media (max-width: 700px) {
    .why-at-ku {
        margin-top: 130px;
        .bg {
            top: -500px;
        }
    }
    .news-events {
        .common-title{
            text-align: left;
        }
        .blks{
            grid-template-columns: 1fr 1fr;
        }
    }
}

@media (max-width: 600px) {
    .banner .bg{
        margin-bottom: -150px;
    }
    .banner .banner-text{
        padding-bottom: 0;
    }
    .why-at-ku{
        .bg {
            top: -410px;
        }
    }
    .research-pillars .wrapper{
        grid-template-columns: 1fr;
        .common-title{
            margin-bottom: 0;
        }
        .btn{
            text-align: left;
        }
    }
    .flagship .common-title{
        text-align: left;
    }
    .partnerships .btns{
        padding: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        a{
            margin: 0;
            display: grid;
            align-items: center;
            justify-content: center;
            text-align: center;
        }
    }
}
@media (max-width: 500px) {
    .banner .banner-text{
        padding-bottom: 0;
    }
    .why-at-ku{
        .bg {
            top: -360px;
        }
    }
}