@media screen and (min-width: 768px) {
    .banner-slide .mobile-banner {
        display: none;
    }

    /* .banner-ttl{
        transform: translateY(200%);
    }    
    .active .banner-ttl{
        transform: translateY(0%);
        -o-transition: 2s cubic-bezier(0.5, 0.5, 0, 1);
        transition: 2s cubic-bezier(0.5, 0.5, 0, 1);
    } */
}

@media screen and (max-width: 1399px) {
    .siam-cont-grp-tr .swiper-slide img {
        width: 170px;
    }
    .siam-pst-ttl h3{
        line-height: 2.1rem;
    }
    .impro-dri .jounry-ttltl{
        padding-right: 1rem;
    }
    .impro-dri .jounry-ttltl p, .dri-list {
        padding-right: 2rem;
    }
    .impro-img {
        margin-right: -7rem;
    }
    .banner-ttl h1 {
        line-height: 5.2rem;
    }
    .news-list-cont {
        padding: 3rem 17.2rem 3rem 2.2rem;
    }
    .desktop-banner img {
        height: 580px;
    }
}

@media screen and (max-width: 1199px) {
    .banner-ttl h1 {
        line-height: 4.2rem;
    }
    .impro-dri:after{
        right: 50px;
    }
    .news-list-cont {
        padding: 3rem 2.2rem 3rem 2.2rem;
    }
    .news-list-sec {
        padding: 2rem 2rem 2rem 2rem;
    }
}
@media screen and (max-width: 1070px) {
    .impro-img {
        margin-right: -3rem;
    }
}

@media screen and (max-width: 991px) {
    .banner-area .swiper-pagination-bullet{width:1rem;height:1rem;}
    
    .siam-element {
        padding: 5rem 0 5rem 0;
    }
    .bg-right-img{
        width: 199px;
    }
    .siam-img {
        padding-bottom: 3rem;
    }
    .truted-pt{
        padding: 5rem 0 5rem;
    }
    .set-jounry {
        padding: 5rem 0 5rem 0;
    }
    .dri-tech {
        padding: 5rem 0 5rem 0;
    }
    .dri-tech .jounry-ttltl {
        padding-bottom: 3rem;
    }
    .jounry-ttltl {
        padding-bottom: 3rem;
    }
    .safe-dri {
        padding: 5rem 0 5rem;
    }
    .safe-dri .jounry-ttltl {
        padding-bottom: 3rem;
    }
    .safe-img {
        padding: 3rem 0 0 0;
    }
    .impro-dri .jounry-ttltl {
        padding-right: 18rem;
    }
    .impro-dri {
        padding: 5rem 0 15rem 0;
    }
    .impro-dri .jounry-ttltl h2 {
        line-height: 3.5rem;
    }
    .locat-accd {
        padding: 5rem 0 5rem;
    }
    .sian-news {
        padding: 5rem 0 5rem;
    }
    .new-grp-list, .new-grp-list-sec {
        margin-bottom: 2rem;
    }
    .location-cont {
        text-align: center;
        padding-bottom: 2rem;
    }
    .location-dri figure {
        text-align: center;
        padding: 2rem 0;
    }
    .impro-img {
        margin-right: 0;
    }
    .impro-dri:after {
        right: 0;
    }
    .impro-dri:before{
        display:none;
    }
    .locat-accd .accordion-item{
        padding: 2rem 3rem;
    }
    .banner-ttl {
        padding: 8rem 0 0 0;
    }
    .desktop-banner img {
        height: 100vh;
    }
}

@media screen and (max-width: 767px) {
    .banner-ttl {
        padding: 0;
        max-width: 338px;        
    }
    /* .banner-ttl h1 {
        font-size: var(--font-26);
        line-height: 3rem;
    } */
    .banner-btn a{
        padding: .8rem 1.5rem;
    }
    .dri-tech .jounry-ttltl h2,
    .jounry-ttltl h2{
        line-height: 3.5rem;
    }
    .impro-dri:after{
        right: 0;
    }
    .siam-img figure{
        border-radius: 2rem;
    }
    .impro-dri .jounry-ttltl {
        padding-right: 0;
    }
    .impro-dri:after{
        width: 135px;
    }
    .news-list-cont,
    .news-list-sec {
        padding: 3rem;
    }
    .locat-accd .accordion-item .accordion-button span {
        display: block;
        padding-right: 3rem;
    }
    .locat-accd .accordion-item .accordion-button{
        line-height: 1.5;
    }
    .banner-slide .mobile-banner {
        display: block;
        height: 100%;
    }
    .banner-slide .mobile-banner img {
        height: 100%;
        object-fit: cover;
    }
    .banner-slide .swiper-slide{height: auto;}

    .banner-slide .desktop-banner {
        display: none;
    }
    .impro-dri:after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        height: 13rem;
        background-color: var(--color-yellow);
        width: 100%;
        bottom: -5rem;
        top: auto;
    }
    .impro-dri {
        margin-bottom: 17rem;
        padding-bottom: 0;
    }
    .safe-arrow figure img {
        width: 25px;
    }
    .jounry-list{
        padding: 3rem;
    }
}

@media screen and (max-width: 575px) {
    .banner-ttl{
        padding: 0 2rem;
    }  
    .banner-ttl h1 {
        font-size: var(--font-20);
        line-height: 2.5rem;
        padding-bottom: 2rem;
    }  
    .banner-btn a {
        padding: .5rem 1rem;
    }
    .news-list-cont,
    .news-list-sec {
        padding: 2rem;
    }
    .siam-cont-grp-tr .swiper-slide img {
        width: 160px;
    }
}

@media screen and (max-width: 380px) {
    .siam-cont-grp-tr .swiper-slide img {
        width: 140px;
    }
}



