@media screen and (min-width: 767px) {
    .header-logo, .footer-logo{
        width: 220px;
    }

    .sized-box{
        padding: 2rem 0;
    }

    .img-worker{
        width: 80%;
    }

    .text-md-last-start{
        text-align-last: left;
    }

    .bg-section-about{
        background-image: url(../../assets/img/about_bg.png);
    }

    .bg-section-esg-1{
        background-image: url(../../assets/img/bg_esg_1.png);
    }

    .bg-section-esg-2{
        background-image: url(../../assets/img/bg_esg_2.png);
    }

    .bg-section-esg-3{
        background-image: url(../../assets/img/bg_esg_3.png);
    }

    .bg-contact{
        background-image: url(../../assets/img/bg_contact.png);
    }

    .bg-section-service-1{
        background-image: url(../../assets/img/bg_service_1.png);
    }

    .bg-section-service-2{
        background-image: url(../../assets/img/bg_service_2.png);
    }

    .bg-section-service-3{
        background-image: url(../../assets/img/bg_service_3.png);
    }

    .bg-section-service-4{
        background-image: url(../../assets/img/bg_service_4.png);
    }

    .bg-section-service-5{
        background-image: url(../../assets/img/bg_service_5.png);
    }

    .bg-section-service-6{
        background-image: url(../../assets/img/bg_service_6.png);
    }

    .bg-section-service-7{
        background-image: url(../../assets/img/bg_service_7.png);
    }
}


@media screen and (min-width: 1023px) {

    p{
        font-size: 16px;
    }

    .header-mobile-menu{
        display: none;
    }

    .header-menu{
        display: block;
    }

    .header-menu ul{
        display: flex;
        margin-bottom: 0;
    }

    .header-menu ul li{
        display: flex;
        padding: 0 1rem;
    }

    .header-menu ul li a{
        color: var(--color-dark-gray);
        transition: var(--transition);
        font-size: 16px;
    }

    .header-menu ul li a:hover{
        color: var(--color-green);
        transition: var(--transition);
    }

    .home-subtitle{
        font-size: 16px;
    }

    .home-title{
        font-size: 44px;
    }

    .btn-theme{
        font-size: 16px;
    }

    .section-title{
        font-size: 22px;
    }

    .home-about-title{
        font-size: 18px;
    }

    .page-banner-title h1{
        font-size: 40px;
    }

    .page-banner-title p{
        font-size: 20px;
    }

    .page-banner{
        height: 400px;
    }

    .section-title-lg{
        font-size: 28px;
    }

    .core-value-title{
        font-size: 18px;
    }

    .core-value-img{
        width: 45%;
    }

    .footer-separator{
        display: none;
    }

    .sized-box{
        padding: 3rem 0;
    }

    .footer{
        padding-top: 3rem;
    }

    .goal-point-title{
        font-size: 16px;
    }

    .esg-list li{
        font-size: 16px;
        padding-left: 28px;
    }

    .our-tech-list ul li,
    .principal-list li{
        font-size: 16px;
        margin-bottom: 0.5rem;
    }
}


@media screen and (min-width: 1200px) {

    .home-title{
        font-size: 48px;
    }

    .bg-banner-home{
        padding-top: 3rem;
    }

    .img-worker{
        margin-top: 0;
        margin-right: auto;
    }

    .header-logo{
        width: 300px;
        transition: var(--transition);
    }

    .footer-logo{
        width: 300px;
    }

    .header.scrolled .header-logo{
        width: 220px;
        transition: var(--transition);
    }

    .mw-85{
        max-width: 95%;
    }

    .core-value-img{
        width: 80%;
    }

    .global-goals{
        width: 50%;
    }

    .goal-subpoint-img{
        width: 20%;
    }
}


@media screen and (min-width: 1400px) {
    .page-banner{
        height: 450px;
    }

    .img-worker{
        width: 75%;
        margin-top: 2rem;
    }
}

@media screen and (min-width: 1600px) {
    .page-banner{
        height: 500px;
    }

    .page-banner-title h1{
        font-size: 48px;
    }

    .page-banner-title p{
        font-size: 24px;
    }

    .section-title{
        font-size: 28px;
    }

    .section-title-lg{
        font-size: 36px;
    }
}
