/* 1347 px */
@media screen and (max-width: 1347px) {
    *{
        font-family: "Kanit", sans-serif;
        margin: 0;
        list-style: none;
        text-decoration: none;
    }

    .reason1 {
        display: flex;
        flex-direction: column;
        gap: 100px;
    }
    .reason_photo1, .reason_photo2, .reason_photo3, .reason_photo4, .reason_photo5, .reason_photo6 {
        order: -1;
    }
}

@media screen and (max-width: 1220px) {
    .reason_photo1 {
        width: 550px;
        height: 450px;
    }
    .reason_photo2 {
        width: 550px;
        height: 450px;
    }
}


/* 1030px */
@media screen and (max-width: 1032px) {
    .info_container {
        flex-direction: column;
    }
    .reason_photo1 {
        width: 450px;
        height: 350px;
    }
    .reason_photo2 {
        width: 450px;
        height: 350px;
    }
    .reason_photo3 {
        width: 450px;
        height: 350px;
    }
    .reason_photo4 {
        width: 450px;
        height: 350px;
    }
    .reason_photo5 {
        width: 450px;
        height: 350px;
    }
    /* carousel */
    .carousel-item img {
        width: 100%;
        max-height: 450px;
    }
    .accordion {
        display: block;  
    }
    .ending {
        display: none;  
    }
}
/* 830px */
@media screen and (max-width: 830px) {
    .ending {
        padding-right: 30px;
    }
    .end_logo {
        width: 230px;
        height: 90px;
    }
}

/* 777 */
@media screen and (max-width: 777px) {
    .reason_text_title {
        font-size: 20px;
        line-height: 1.5;
        padding: 10px 20px;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        white-space: normal;
        word-wrap: break-word;
        margin-bottom: 10px;
        display: block;
        max-width: 90%;
        overflow-wrap: break-word;
    }
    .ending {
        flex-direction: column;
    }
    .end_logo {
        visibility: hidden;
        display: none;
    }

}


@media screen and (max-width: 621px) {
    .flexbox_end {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 100px;
    }

}


@media screen and (max-width: 467px) {
    .reason_photo1,
    .reason_photo2,
    .reason_photo3,
    .reason_photo4,
    .reason_photo5,
    .reason_photo6 {
        width: 420px; 
        height: 250px;
    }
    .end_title {
        font-size: 20px;
    }
}

@media screen and (max-width: 467px) {
    .reason_photo1,
    .reason_photo2,
    .reason_photo3,
    .reason_photo4,
    .reason_photo5,
    .reason_photo6 {
        width: 400px; 
        height: 250px;
    }
}





@media screen and (max-width: 415px) {
    .body {
        z-index: 0;
    }
    .reason_text1 {
        font-size: 15px;
    }
    .carousel-item {
        z-index: 100;
    }
    .reason_photo1,
    .reason_photo2,
    .reason_photo3,
    .reason_photo4,
    .reason_photo5,
    .reason_photo6 {
        width: 380px; 
        height: 250px;
    }
}

@media screen and (max-width: 395px) {
    .reason_photo1,
    .reason_photo2,
    .reason_photo3,
    .reason_photo4,
    .reason_photo5,
    .reason_photo6 {
        width: 360px; 
        height: 250px;
    }
}

@media screen and (max-width: 376px) {
    .reason_photo1,
    .reason_photo2,
    .reason_photo3,
    .reason_photo4,
    .reason_photo5,
    .reason_photo6 {
        width: 340px; 
        height: 250px;
    }
}


@media screen and (max-width: 355px) {
    .reason_photo1,
    .reason_photo2,
    .reason_photo3,
    .reason_photo4,
    .reason_photo5,
    .reason_photo6 {
        width: 320px; 
        height: 250px;
    }
}

@media screen and (max-width: 335px) {
    .reason_photo1,
    .reason_photo2,
    .reason_photo3,
    .reason_photo4,
    .reason_photo5,
    .reason_photo6 {
        width: 300px; 
        height: 250px;
    }
}

@media screen and (max-width: 315px) {
    .reason_photo1,
    .reason_photo2,
    .reason_photo3,
    .reason_photo4,
    .reason_photo5,
    .reason_photo6 {
        width: 280px; 
        height: 250px;
    }
}


@media screen and (max-width: 304px) {
    .info_container {
        display: none;  
    }
    #languageSwitchButton {
        position: absolute;
        right: 20%; 
        cursor: pointer;
    }
}
@media screen and (max-width: 295px) {
    .reason_photo1,
    .reason_photo2,
    .reason_photo3,
    .reason_photo4,
    .reason_photo5,
    .reason_photo6 {
        width: 250px; 
        height: 250px;
    }
}

@media screen and (max-width: 266px) {
    .reason_photo1 {
        width: 150px;
        height: 150px;
    }
    .reason_photo2 {
        width: 150px;
        height: 150px;
    }
}





/* header .logo */