/**** begin responsive style ****/
@media (min-width: 993px) {
    header .header-bar .logo-wrapper {
        max-width: 200px;
    }
    header .header-bar .logo-wrapper::before {
        left: -71px;
        width: 88px;
        border-left: 88px solid transparent;
        border-top: 80px solid var(--color-4);
    }
    header .header-bar .logo-wrapper::after {
        right: -71px;
        width: 88px;
        border-right: 88px solid transparent;
        border-top: 80px solid var(--color-4);
    }
    header .navbar .navbar-nav .nav-item {
        margin-right: 0 10px;
        color: var(--white) !important;
    }
    header .navbar .navbar-nav .nav-item .nav-link {
        min-width: 150px;
    }

    section .slider-box .slider-content .slider-title {
        font-size: 32px;
    }
    section .slider-box .slider-content .slider-subtitle {
        font-size: 40px;
    }

    footer::after {
        height: 50px;
    }
    footer .footer-bar {
        min-width: 500px;
    }
    footer .footer-bar::before {
        content: "";
        position: absolute;
        top: 10px;
        bottom: 0;
        left: -77px;
        width: 92px;
        height: auto;
        border-left: 92px solid transparent;
        border-bottom: 80px solid var(--color-4);
    }
    footer .footer-bar::after {
        content: "";
        position: absolute;
        top: 10px;
        bottom: 0;
        right: -77px;
        width: 92px;
        height: auto;
        border-right: 92px solid transparent;
        border-bottom: 80px solid var(--color-4);
    }

    .card.card-result {
        min-width: 340px;
        max-width: 340px;
    }
    .card.card-result.history {
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .card.card-result .box-date h1,
    .card.card-result .box-date h3,
    .card.card-result .box-date h5 {
        line-height: 1 !important;
    }
    .card.card-result .box-date h1 {
        font-size: 68px;
    }
    .card.card-result .box-date h3 {
        font-size: 30px;
    }
    .card.card-result .box-date h5 {
        font-size: 26px;
    }

    .card.card-detail {
        margin-left: 15px;
    }
}

@media (min-width: 1200px) {
}
/**** endof responsive style ****/