/* Responsive Settings */
@media (max-width: 1400px) {
    /*#carouselBannerHome .carousel-inner {
        min-height: 627px !important;
        max-height: 628px !important;
    }*/

    .text-salasilah {
        font-size: 20px !important;
    }

    .chart-container {
        display: none;
    }

    #list-sultan {
        display: block;
    }
}

@media (max-width: 1200px) {
    /*#carouselBannerHome .carousel-inner {
        min-height: 526px !important;
        max-height: 527px !important;
    }*/
    .section-kesultanan {
        height: fit-content !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .title-header {
        font-size: 26px;
    }
    /* card */
    .header {
        bottom: 0px;
    }

    .card-title {
        font-size: 20px !important;
    }
    /* end card */

    .card-featured {
        font-size: 14px;
    }

    .header-featured {
        bottom: 15px;
    }
}

@media (max-width: 992px) {
    .section-kesultanan {
        height: fit-content !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /*#carouselBannerHome .carousel-inner {
        min-height: 391px !important;
        max-height: 392px !important;
    }*/
}

@media (max-width: 768px) {
    .section-kesultanan {
        height: fit-content !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .carousel-item img {
        min-height: 400px !important;
    }
    .title-header {
        font-size: 23px;
    }

    /*.carousel-header {
        display: none;
    }*/
}

@media (max-width: 640px) {
    .section-kesultanan {
        height: fit-content !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .title-header {
        font-size: 20px;
    }
    .carousel-item img {
        min-height: 350px !important;
    }
    #utamaCards .card .card-img {
        max-height: 420px !important;
        object-fit: cover;
        min-height: 419px !important;
    }

    .header {
        bottom: 0px;
    }

    .header-featured {
        bottom: 20px;
    }

    .card-featured {
        font-size: 14px;
    }

    .card-title {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .carousel-item img {
        min-height: 230px !important;
        /*
        display: none;
        visibility: hidden;
        */
    }
    .section-kesultanan {
        height: fit-content !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #parallax .salasilah-section {
        height: 70vh !important;
    }
    .text-salasilah{
        font-size: 14px !important;
    }
    .text-title-salasilah{
        font-size: 50px !important;
    }
    .title-header {
        font-size: 18px;
    }

    #utamaCards .card .card-img {
        max-height: 370px !important;
        object-fit: cover;
        min-height: 369px !important;
    }

    /*.carousel {
        min-height: 370px !important;
        min-width: 370px !important;
    }*/

    #utamaCards .card {
        min-height: 370px !important;
        min-width: 370px !important;
    }

    .job {
        font-size: 14px;
    }

    .header {
        bottom: 20px;
    }

    .card-featured {
        font-size: 12px;
    }

    .card-title {
        font-size: 18px;
    }
}

@media (max-width: 376px) {
    .section-kesultanan {
        height: fit-content !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .text-salasilah{
        font-size: 14px !important;
    }

    .title-header {
        font-size: 16px;
    }

    #utamaCards .card .card-img {
        max-height: 350px !important;
        object-fit: cover;
        min-height: 349px !important;
    }

    /*.carousel {
        min-height: 350px !important;
        min-width: 350px !important;
    }*/

    #utamaCards .card {
        min-height: 350px !important;
        min-width: 350px !important;
    }

    .job {
        font-size: 12px;
    }

    .header {
        bottom: 20px;
    }

    .card-featured {
        font-size: 12px;
    }

    .card-title {
        font-size: 18px;
    }
}
