@media (max-width: 1599px) {
    .text-box h3{
        font-size: 45px;
    }
}

@media (max-width: 1399px) {
    .text-box h3 {
        font-size: 35px;
        line-height: 45px;
    }
    .title-box img {
        margin-bottom: 20px;
    }
    .logo-box {
        margin-bottom: 20px;
    }
    .button-box img {
        max-width: 220px;
    }
    #banner .banner-box{
        padding: 30px 0 20px;
    }
}

@media (max-width: 1299px) {
    #banner  .logo-box img {
        max-width: 220px;
    }
    .button-box {
        margin-top: 30px;
    }
}
@media (max-width: 1199px) {
    #banner  .logo-box img {
        max-width: 200px;
    }
    .title-box h1 {
        font-size: 78px;
    }
}

@media (max-width: 1079px){


}

@media (max-width: 991px){
    .banner-box .row{
        margin: 0;
        justify-content: center;
    }
    .text-content-box .text-box h4 {
        text-align: center;
    }
    .button-box img {
        max-width: 200px;
        width: 100%;
    }
    .content-box {
        height: 95vh;
        display: flex;
        flex-direction: column;
        width: 100%;
        text-align: center;
        padding: 0;
    }
    .img-box{width: 100%;padding: 0;}
    .button-box {
        text-align: center;
        margin-top: auto;
    }
    .logo-box {
        margin-bottom: 20px;
    }
    .title-box img{max-width: 350px;}
    #banner{
        background-image: url(../images/BG-M.png);
    }
    .desktop-show{
        display: none;
    }
    .title-box{
        margin: 0 auto;
    }
    #banner .banner-box{
        padding: 20px 0 10px;
    }
    .img-box img {
        max-width: 480px;
        margin: 0 auto;
        display: block;
    }
    .mobile-show{
        display: block;
    }
    .desktop-show{
        display: none;
    }
}

@media (max-width: 767px){
    .title-box img {
        max-width: 220px;
        margin-bottom: 5px;
    }
    .logo-box {
        margin-bottom: 10px;
    }
    .text-box h3 {
        font-size: 25px;
        line-height: 25px;
    }
    .img-box img {
        max-width: 300px;
    }
    #banner{
        height: 98vh;
    }
    .content-box {
        height: 80vh;
    }
}

@media (max-width: 570px){
    #banner .banner-box {
        max-width: 90%;
    }
    .text-box h3 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .img-box img {
        max-width: 280px;
    }
}
@media (max-width: 479px){
    #banner  .logo-box img {
        max-width: 140px;
    }
    #banner .banner-box {
        padding: 10px 0;
    }
}

@media (max-width: 375px){
    #banner  .logo-box img {
        max-width: 120px;
    }
    .button-box img {
        max-width: 160px;
    }
    .content-box {
        height: 95vh;
    }
}
@media (max-width: 320px){
    .img-box img {
        max-width: 230px;
    }
    .title-box img {
        max-width: 190px;
    }
}