@media (min-width: 576px){
    .headerContainer{
        max-width: 540px;
    }
    .navMenuCollapse{
        width: 250px;
    }
    .heading-2 {
        font-size: 1.5rem;
    }
    .card-title{
        font-size: 1.2rem;
    }
    .card-text{
        font-size: 1rem;
    }
    .sub-heading {
        font-size: 1rem;
    }
    .site-footer .container{
        max-width: 540px;
    }
    .heading-1 {
        font-size: 2.688rem;
        line-height: 1.2;
    }
    .footerSlogan img{
        width: 200px;
    }
}
@media (min-width: 768px){
    .heading-2 {
        font-size: 1.7rem;
    }
    .col-md-3{
        flex: 0 0 auto;
        width: 24%;
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 74%;
    }
    .site-content{
        max-width: 700px;
        border-radius: 20px;
    }
    .success-story img{
        /* padding: 10px; */
        width: 570px;
    }
    .site-footer .container{
        max-width: 720px;
    }
    .page-header {
        background-position: right 1rem top -0.5rem, left -2rem bottom -2rem;
        background-size: 16rem, 6rem;
        padding: 1rem 0;
        min-height: 8rem;
        margin-top: 6rem;
    }
    .project-section .container .projects{
        max-width: 60%;
    }
    .footerBrands{
        width: 300px;
    }
    .newsContainer {
        width: 100%;
    }
    .newsContainer .title {
        height: 100%;
        width: auto;
    }
    .newsContainer ul {
        white-space: nowrap;
        flex-direction: row;
        transform-origin: top center; 
        animation: scrollx 45s infinite linear;
        animation-fill-mode: forwards;
        animation-delay: 0s;
        will-change: transform;
        width: fit-content;
    }
    .newsContainer ul li {
        white-space: nowrap;
        padding: 10px 24px;
    }
    .newsContainer ul li::after {
        width: 1px;
        height: 100%;
    }
    .newsContainer ul li:last-child::after {
        display: none;
    }
    
}
@media (min-width: 992px){
    .success-story img{
        /* padding: 10px; */
        width: 400px;
    }
    body{
        font-size: 16px;
        line-height: 1.6;
    }
    .site-content{
        max-width: 990px;
        border-radius: 20px;
        /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    }
    .success-story .container .subcontainer{
        /* display: flex; */
        flex-direction: row;
    }
    .site-footer .container{
        max-width: 960px;
    }
    .missionDiv .white-box, .vissionDiv .white-box, .coreValueDiv .white-box {
        display: flex;
        align-items: center;
        gap: 0 20px;
    }
    .missionDiv .icon-bg, .vissionDiv .icon-bg, .coreValueDiv .icon-bg {
        min-width: 94px;
        height: 98px;
    }
    .footerSlogan img{
        width: 300px;
    }
}
@media (min-width: 1200px){
    .site-content {
        max-width: 1150px;
        border-radius: 20px;
        /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    }
    .msgSlide {
        max-width: 992px;
        padding: 20px;
    }
    .heading-2 {
        font-size: 1.8rem;
    }
    .site-footer .container{
        max-width: 1140px;
    }
    .page-header {
        padding: 2.438rem 0 3.4rem 0;
        min-height: 11rem;
        background-position: right 3rem top 0.5rem, left -2rem bottom -2rem;
        background-size: 15.5rem, 0rem;
    }
    .white-box {
        min-height: 250px;
    }
    .footerBrands{
        width: 400px;
    }
}
@media (min-width: 1400px){
    .success-story img{
        padding: 10px;
        width: 500px;
    }
    .site-content {
        max-width: 1320px;
        border-radius: 20px;
        /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    }
    .msgSlide {
        max-width: 1200px;
        padding: 20px;
    }
    .msgSlide .msgSlideImage img{
        width: 150px;
        height: 187px;
    }
    .site-footer .container{
        max-width: 1320px;
    }
    .footerBrands{
        width: 500px;
    }
}