.for-mobile {
    display: none
}
.for-desktop {
    display: block
}

@media (max-width: 1424px) and (min-width: 992px) {
    .my-container {
        max-width: 100%;
    }
    .menu-section li {
        width: 123.546px;
    }
    .my-container {
        padding: 0 15px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .mobile-header .my-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .content-1 {
        width: 100%;
        margin-left: 0;
    }
    .height-289 {
        height: auto;
    }
    .content-box-grid {
        width: 100%;
        margin-left: 0;
    }
    .content-box-list {
        height: auto;
    }
    .box-text {
        width: 95%;
    }
    .content-box-list h4 {
        font-size: 18px;
        line-height: 22px;
    }
    .content-box-list p {
        font-size: 18px;
        line-height: 22px;
    }
    .content-box-list:before {
        height: 100%;
    }
    .approach-grid {
        gap: 0;
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .main-head-1 {
        margin-top: 48px;
        margin-bottom: 15px;
    }

    .case-studies-grid {
        margin-top: 30px;
        gap: 20px;
    }
    .my-container.pad-bottom-95 {
        padding-bottom: 60px;
    }
    .case-studies-item img {
        width: 100%;
        height: auto;
    }
    .listing-section {
        flex-direction: column-reverse;
    }
    .list-sidebar {
        width: 100%;
        height: auto;
        margin-top: 60px;
    }
    .grid-pillars {
        flex-direction: column;
        align-items: flex-start;
    }
    .left-pillars .p-text {
        text-align: left;
        align-items: flex-start;
    }
    .left-pillars {
        width: 100%;
    }
    .p-text h4 {
        text-align: left;
    }
    .middle-pillars {
        margin: 30px 0;
    }
    .right-pillars {
        width: 100%;
    }
    .card-pillars-grid {
        gap: 25px;
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .mission-img {
        position: relative;
        right: 0;
        top: 20px;
    }
    .mission-details-top {
        width: 100%;
        margin-left: 0;
    }
    .main-head-3 {
        width: 100%;
    }
    .mission-main-text {
        width: 100%;
        margin-left: 0;
    }
    .all-box {
        width: 100%;
        gap: 30px;
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .inline-mission-text {
        margin-top: 30px;
        width: 100%;
        gap: 30px;
        display: grid;
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .width-left {
        width: 100%;
        margin-left: 0;
    }
    .main-head-4 {
        width: 100%;
    }
}


@media only screen and (max-width:991px) {
    .my-container {
        padding: 0 15px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
.mobile-header .my-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
    .content-1 {
        width: 100%;
        margin-left: 0;
    }
    .height-289 {
        height: auto;
    }
    .content-box-grid {
        width: 100%;
        margin-left: 0;
    }
    .content-box-list {
        height: auto;
    }
    .box-text {
        width: 95%;
    }
    .content-box-list h4 {
        font-size: 18px;
        line-height: 22px;
    }
    .content-box-list p {
        font-size: 18px;
        line-height: 22px;
    }
    .content-box-list:before {
        height: 100%;
    }
    .approach-item p {
        width: 100%;
        height: auto;
    }
    .approach-grid {
        gap: 0;
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .main-head-1 {
        margin-top: 48px;
        margin-bottom: 15px;
    }

    .case-studies-grid {
        margin-top: 30px;
        gap: 20px;
    }
    .my-container.pad-bottom-95 {
        padding-bottom: 60px;
    }
    .case-studies-item img {
        width: 100%;
        height: auto;
    }
    .listing-section {
        flex-direction: column-reverse;
    }
    .list-sidebar {
        width: 100%;
        height: auto;
        margin-top: 60px;
    }
    .grid-pillars {
        flex-direction: column;
        align-items: flex-start;
    }
    .left-pillars .p-text {
        text-align: left;
        align-items: flex-start;
    }
    .left-pillars {
        width: 100%;
    }
    .p-text h4 {
        text-align: left;
    }
    .middle-pillars {
        margin: 30px 0;
    }
    .right-pillars {
        width: 100%;
    }
    .card-pillars-grid {
        gap: 25px;
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .mission-img {
        position: relative;
        right: 0;
        top: 20px;
    }
    .mission-details-top {
        width: 100%;
        margin-left: 0;
    }
    .main-head-3 {
        width: 100%;
    }
    .mission-main-text {
        width: 100%;
        margin-left: 0;
    }
    .all-box {
        width: 100%;
        gap: 30px;
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .inline-mission-text {
        margin-top: 30px;
        width: 100%;
        gap: 30px;
        display: grid;
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .width-left {
        width: 100%;
        margin-left: 0;
    }
    .main-head-4 {
        width: 100%;
    }


}


@media only screen and (max-width:768px) {
    .case-studies-grid {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .footer-grid {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .mission-grid {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }

    .listing-section {
        padding-bottom: 0;
    }


}

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


}