@charset "utf-8";
/* CSS Document */

/* media-query
------------------------------------------------*/
@media handheld, only screen and (max-width: 1620px) {
    .container {
        max-width: 1430px;
    }

    .two-parts-box .text-content .headerLogo {
        margin-bottom: 70px;
    }

    .two-parts-box .text-content .footer-content {
        margin-top: 65px;
    }
}

@media handheld, only screen and (max-width: 1360px) {
    h3 {
        font-size: 18px;
    }

    #wrapper {
        padding-top: 50px;
    }

    .two-parts-box .text-content .headerLogo {
        margin-bottom: 50px;
    }

    .two-parts-box .text-content .footer-content {
        margin-top: 45px;
    }

    .middle-content {
        row-gap: 25px;
    }

    .footer-content .contant-info ul li a {
        font-size: 18px;
    }

    .footer-content .locations .location {
        grid-template-columns: 180px 1fr;
    }

    .footer-content .locations .location p {
        font-size: 15px;
        line-height: 24px;
    }

    footer {
        padding: 30px 0;
    }
}

@media handheld, only screen and (max-width: 1250px) {}

@media handheld, only screen and (max-width: 1180px) {
    .two-parts-box {
        grid-template-columns: 1fr;
    }

    .two-parts-box .text-content .headerLogo img {
        margin: 0 auto;
    }
    
    .two-parts-box > .image-content {
        display: none;
    }

    .multiImages.mobileImages {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 15px;
    }
    
    .multiImages.mobileImages img {
        width: 100%;
        max-width: 30%;
        height: auto;
    }
}

@media handheld, only screen and (max-width: 1023px) {}

@media handheld, only screen and (max-width: 991px) {}

@media handheld, only screen and (max-width: 767px) {
    .container {
        padding: 0 25px;
    }

    .two-parts-box .text-content .headerLogo {
        margin-bottom: 95px;
    }

    .middle-content {
        gap: 65px;
    }

    .multiImages.mobileImages {
        flex-direction: column;
        gap: 0;
        margin: 0 -25px;
    }

    .multiImages.mobileImages img {
        max-width: 100%;
    }

    .footer-content .locations .location {
        grid-template-columns: 1fr;
    }

    footer.text-right {
        text-align: left;
    }

    footer .footer-credits p {
        font-size: 10px;
    }
}

@media handheld, only screen and (max-width: 639px) {}

@media handheld, only screen and (max-width: 550px) {}

@media handheld, only screen and (max-width: 479px) {}