@media only screen and (max-width: 768px) {
    .navbar {
        height: auto;
        background-color: rgb(255, 255, 255);
        color: #562F83;
    }
    .navbar ul li {
        margin: 10px 0;
    }
    .touch {
        width: max-content;
        padding: 5px 30px;
    }
    .carousel-caption {
        top: 20%;
    }
    .carousel-caption h5 {
        font-size: 38px;
        line-height: 50px;
    }
    .carousel-caption p {
        font-size: 14px;
        line-height: 24px;
    }
    .development .head h6, .leadership h6{
        font-size: 14px;
    }
    .develop_leaders .leaders{
        padding-bottom: 5%;
    }
    .development .head h1, .leadership h1, .unity-col-two h1, .programs h1,.develop_leaders .leaders h1 { 
        font-size: 45px !important;
    }
    .develop_leaders .leaders .what_works .lead_headings, .develop_leaders .leaders .doesnot_works .lead_headings {
        font-size: 24px;
    }
    .develop_leaders .ascending{
        display: none;
    }
    .development .head p { 
        font-size: 14px;
    }
    .development ul{
        justify-content: space-around;
    }
    .development ul li {
        width: 300px; 
    }
    .development .dev-list p{
        width: 100%;
    }
    /* Values Page CSS Start */

    .chase-one h1{
        font-size: 25px;
        line-height: 40px; 
        top: 30%;
    }
    .chase .chase-content {
        width: 90%;
        padding: 2%;
    }
    .chase .chase-content h2 { 
        font-size: 18px;
    }
    .chase .chase-content p,.invest .invest-two p,.purpose .purpose-one p {
        font-size: 13px;
        line-height: 22px; 
    }
    .human .human-content h2,.invest-two h2 { 
        font-size: 35px;
    }
    .human .floater-img{
        position: relative;
        width: 100%;
    }
    .invest-two .invest-content img {
        width: 200px; 
    }
    .purpose-one .purpose-content h2 { 
        font-size: 35px;
        width: 100%;
    }
    /* Values Page CSS End */

    /* CLO Page CSS Start */

    .together, .results {
        margin-left: 0;
    }
    .together .together-one {
        width: 100%;
    }
    .together .together-one .together-content h2, .difficult .difficult-two .difficult-content h2, .results .results-one .results-content h2, .productivity .productivity-two .productivity-content h2{
        font-size: 35px;
        line-height: 1.2;
    }
    .together .together-one .together-content p, .results .results-one .results-content p, .productivity .productivity-two .productivity-content p{
        font-size: 13px;
    line-height: 22px;
    }
    .together .together-two .image-ref, .results .results-two .image-ref{
        margin: 20px auto;
    }
    .together .together-two .image-ref i, .results .results-two .image-ref i{
        font-size: 12px;
    }
    .together .together-two .image-ref h5, .results .results-two .image-ref h5,.together .together-two .image-ref h6, .results .results-two .image-ref h6 {
        font-size: 10px;
    }
    .difficult .difficult-two .difficult-content p {
        font-size: 18px;
    }
    .difficult .difficult-one .image-ref i, .productivity .productivity-one .image-ref i {
        color: #C79BF9;
        font-size: 12px;
    }
    .difficult .difficult-one .image-ref h5, .productivity .productivity-one .image-ref h5,.difficult .difficult-one .image-ref h6, .productivity .productivity-one .image-ref h6 {
        font-size: 10px;
    }
    .feed h1{
        font-size: 36px;
        width: 100%;
    }
    /* CLO Page CSS End */
}

@media only screen and (max-width: 480px) {
    .navbar a img {
        width: 80px;
        height: auto;
    }
    .carousel-caption{
        left: 0;
    }
    .carousel-item img {
        object-fit: cover;
        height: 100vh;
    }
    .development .head h6, .leadership h6 {
        font-size: 12px;
    }
    .development .head h1, .leadership h1, .unity-col-two h1, .programs h1, .feed h1 {
        font-size: 30px !important;
    }
    .develop_leaders .leaders h1{
        width: 100%;
        font-size: 30px !important;
        line-height: 45px;
    }
    .develop_leaders .leaders .what_works .lead_headings, .develop_leaders .leaders .doesnot_works .lead_headings {
        font-size: 18px !important;
    }
    .develop_leaders .leaders .doesnot_works {
        margin-left: 0 !important;
    }
    .development .head p {
        font-size: 8px;
    }
    .leadership p, .unity .unity-col-two p, .programs p {
        font-size: 12px; 
        line-height: 22px;
    }
    .unity .row{
        flex-direction: column-reverse;
    }
    .owl-theme .upper-item ul li h3, .owl-theme .upper-item ul li span{
        font-size: 22px;
    }
    .owl-theme .lower-item p {
        font-size: 12px;
    }
    .programs-inner{
        margin-bottom: 10%;
    }
    .chase .chase-one img{
        height: 700px;
        object-fit: cover;
    box-shadow: 0px 15px 0 0 #ffc100;
    }

    /* Values Page CSS Start */
    .chase-one h1{
        font-size: 45px;
        line-height: 50px;
    }
    .chase .chase-content {
        width: 80%; 
    }
    .human-one .human-content{
        margin: 0 !important;
    }
    .invest .row{
        flex-direction: column-reverse;
    }
    .purpose .purpose-two img { 
        box-shadow: 0px -15px 0 0 #ffc100; 
    }
    /* Values Page CSS End */

    /* CLO Page CSS Start */
    .together .together-one {
        width: 100%;
        margin: 0 !important;
    }
    .together .together-one .together-content h2, .difficult .difficult-two .difficult-content h2, .results .results-one .results-content h2, .productivity .productivity-two .productivity-content h2 {
        font-size: 28px;
        line-height: 1.2;
    }
    .difficult .difficult-two, .productivity .productivity-two {
        margin-left: 0;
    }
    .difficult .difficult-two .difficult-content ul li i{
        font-size: 12px;
    }
    .difficult .difficult-two .difficult-content p {
        font-size: 16px;
    }
    .clo-feed h1{
        font-size: 20px !important;
}
.results .results-one{
    margin: 0 !important;
}
    /* CLO Page CSS End */

}