@media screen and (max-width:1690px) {
    #banner-home .btn-floating {
        top: 520px !important;
    }
}

@media screen and (max-width:1441px) {
    #banner-home .btn-floating {
        top: 450px !important;
    }

    .tp-btn {
        font-size: 14px;
        padding: 6px 28px;
     }

     .tp-upcoming-title {
        font-size: 60px;
     }

     .tp-upcoming-subtitle {
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
     }

     .tp-upcoming-gap {
        padding: 155px 0;
     }
}

@media screen and (max-width:1200px) {
    #banner-home .btn-floating {
        top: 380px !important;
    }
}

@media screen and (max-width:991px) {
    #banner-home .inner {
        flex-wrap: wrap !important;
    }

    #banner-home .bg-img {
        width: 100%;
    }

    #navbar .logo-co-loc {
        width: 150px !important;
    }

    
    #navbar {
        font-size: 12px;
    }

    #navbar p {
        margin-bottom: 0;
        font-size: 12px;
    }

    #navbar .logo {
        width: 50px !important;
    }

    #navbar .inner .left, #navbar .inner .right {
        flex-wrap: wrap;
        gap: 0px !important; 
    }

    #navbar .inner .right {
        justify-content: end;
        text-align: end;
    }

    .page-title {
        width: auto !important;
    }

    .list-pertanyaan .d-flex {
        flex-wrap: wrap !important;
    }

    .list-pertanyaan .d-flex > div {
        width: 100% !important;
    }

    .mob-mb8 {margin-bottom: 8px;}
    .mob-mb22 {margin-bottom: 22px;}
}



@media screen and (max-width:820px) {
    #banner-home .btn-floating {
        top: unset !important;
        bottom: 20% !important;
    }

    .tp-upcoming-title {
        font-size: 40px;
    }

    .tp-upcoming-subtitle {
        font-size: 16px; 
        line-height: 24px;
    }
}

@media screen and (max-width:600px) {
    #banner-home .btn {
        width: 200px;
        font-size: 12px;
    } 
     

    .tp-instructor-wrap {
        display: none !important;
    }
}