@media (max-width: 768px) {
    /* .carousel-inner {
        margin-left: -1%;
    } */
    /* #container-video {
        position: relative !important;
        height: auto !important;
        top: auto !important;
    } */
    #intro .fs-5 {
        font-size: 1rem !important;
    }
    #intro .fs-xs {
        font-size: 0.7em !important;
    }
    #intro > .sm {
        font-size: 1em;
    }
    #intro > .md {
        font-size: 2em;
    }
    #intro > .lg {
        font-size: 3em;
    }
    .grid-outer > .column-wrap > .content-wrap:nth-child(2) > .content > .show {
       /* margin-top: -0.75rem; */
        margin-top: 0rem;
    }
    .grid-outer > .column-wrap > .content-wrap:nth-child(2) .content:after {
        bottom: -0.5rem;
        margin: -2.5rem;
        padding: 2.5rem;
        left: 50%;
    }
    .grid-outer > .column-wrap > .content-wrap:nth-child(3) > .content > .show {
        margin-top: 0.75rem;
    }
    .grid-outer > .column-wrap > .content-wrap:nth-child(3) .content:after {
        top: -0.5rem;
        margin: -2.5rem;
        padding: 2.5rem;
        right: 50%;
    }
    .grid-outer > .column-wrap > .content-wrap:nth-child(1) .content:after,
    .grid-outer > .column-wrap > .content-wrap:nth-child(4) .content:after {
        margin: 0;
        padding: 0;
    }
    .grid-outer > .column-wrap > .content-wrap > .content > .show {
        max-width: unset;
        height: 70px;
    }
    /* .grid-outer > .column-wrap > .content-wrap > .content > .show > h4 {
        margin-top: -3rem;
    } */
    .grid-outer > .column-wrap > .content-wrap > .content {
        left: 0rem;
        width: 100% !important;
        right: 0rem !important;
        left: 0rem !important;
        height: 70px;
    }
    .logo.wow {
        top: calc(50% - 25px);
        left: calc(50% - 25px);
        width: 50px;
        height: 50px;
        padding: 10.5px;
    }
    .logo.wow > img {
        width: 30px;
        height: 30px;
    }
    #home-vision-mission {
        padding-top: 0 !important;
        height: auto !important;
    }
    #parent-vision-mission {
        padding-top: 100%;
        height: auto !important;
    }
    .wow-caption {
        margin-bottom: 1rem;
        font-size: 1.25em;
    }
    .grid-outer
        > .column-wrap
        > .content-wrap:nth-child(3)
        > .content
        > .content-inner,
    .grid-outer
        > .column-wrap
        > .content-wrap:nth-child(4)
        > .content
        > .content-inner {
        padding-top: 1rem;
    }
    #home-message {
        min-height: 100vh !important;
        height: auto !important;
    }
    #home-message > .container {
        height: auto !important;
        min-height: 100vh !important;
    }
    .home-message-image {
        width: 100% !important;
        position: relative !important;
        height: 50vh !important;
    }
    .home-message {
        width: 100% !important;
        position: relative !important;
        margin-top: 2rem;
        background-color: transparent !important;
        color: black !important;
        padding: 0rem !important;
    }
    .home-map-x {
        /* position: relative; */
        padding-top: 50% !important;
    }
    #home-map {
        position: absolute !important;
        top: 0px;
        left: 0px;
    }
    .wpb_wrapper {
        margin-top: 2rem;
    }

    .clients_container{
        justify-content:unset ;
    }

    .h-75-home-vision{
        height: 83% !important;
    }

    .home-project{
        padding-top: 60% !important;
    }

    .home-vision-text{
        font-size: 1rem !important;
    }

    .workshop-kotak-kecil-deskripsi{
        font-size: 0.9em !important;
    
    }

    .workshop-kotak-kecil-deskripsi2{
        font-size: 0.8em!important;
    }
    
    .rotate-90-reverse {
        height: 70% !important;
    }
}