@media screen and (min-width: 768px) {
    html,body{
        font-size: 16px;
    }

    .sized-box{
        padding: 64px 16px;
    }

    .header-logo,.footer-logo{
        max-width: 150px;
    }

    .service-box{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .partner-img {
        width: 22%;
    }

    .navbar-expand-lg .navbar-nav .nav-item{
        margin: 0 4px;
    }
}

@media screen and (min-width: 1200px) {
    html,body{
        font-size: 16px;
    }


    h1{
        font-size: 36px;
    }

    .navbar-expand-lg .navbar-nav .nav-link{
        padding-left: 24px;
        padding-right: 24px;
    }

    .service-box{
        flex-wrap: nowrap;
        flex-direction: row-reverse;
    }

    .service-text{
        text-align: left;
    }

    .service-img{
        width: 35%;
        margin-right: 1rem;
    }

    .service-img img{
        height: 180px;
        object-fit: cover;
    }

    .service-info{
        width: 60%;
    }

    .service-title{
        text-align: left;
    }

    .service-icon{
        margin-left: unset;
    }

    .service-btn{
        justify-content: start;
    }

    .service-title,.service-icon{
        margin-bottom: 0.5rem;
    }

    .service-icon{
        max-width: 60px;
    }

    .sized-box{
        padding: 64px 16px;
    }
}

@media screen and (min-width: 1400px) {
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-left: 32px;
        padding-right: 32px;
    }

    .navbar-expand-lg .navbar-nav .nav-item{
        margin: 0 8px;
    }

    .header-logo, .footer-logo{
        max-width: 220px;
    }

    .mission-icon{
        max-width: 80px;
    }

    .sized-box{
        padding: 96px 16px;
    }

    footer{
        padding-top: 4rem;
    }

}