/* Nav CSs */

    nav * {
        font-family: Helveticass;
    }
    nav .navbar {
        height: 60px;
    }
    nav .navbar .navbar-contact {
        padding-right: 30px;
    }
    nav .navbar .navbar-contact a {
        color: black;
        transition: 0.2s ease-in-out;
    }
    nav .navbar .navbar-contact a:hover {
        background-color: black;
        color: white;
    }
    #menu-toggle-text{
        font-size: 18px;
    }
    .navbar button{
        border: none;
    }
    .navbar button:hover{
        color:#f58529;
    }
    .navbar-language a {
        color: black;
    }
    .lang-idn{
        padding-right: 13px;
    }
    .lang-idn a:hover{
        transition: 0.2s ease-in-out;
        color: #f58529;
    }
    .lang-dlmtd{
        font-weight: 300 !important;
        font-size: 20px;
    }
    .lang-en{
        padding-left: 13px;
    }
    .lang-en a:hover{
        transition: 0.2s ease-in-out;
        color: #f58529;
    }
    .nav-menu-body {
        top: -100%;
        z-index: -100;
        transition: top 0.5s ease;
    }
    .nav-menu-body.show {
        top: 0; 
        min-height: 100vh;
        z-index: 3;
        padding-top: 7vh;
    }
    .nav-menu-body a {
        text-decoration: none;
        color: white;
        padding: 0;
        margin: 0;
        transition: 0.3s ease-in-out;
    }
    .nav-menu-body a:hover { 
        color: #f58529;
    }
    .nav-menu-body ul li {
        list-style: none;
    }
    .nav-menu-body .label-nav-contact-lg{
        display: block;
    }
    .nav-mobile-medsos {
        display: none;
    }
    .navbar-medsos svg path:first-child{
        transition: all 0.8s;
    }
    .navbar-medsos svg:hover > path:first-child{
        fill: #f58529;
        transition: all 0.8s;
    }

    @media (max-width:991px) { 
        nav{
            padding: 0px 1.7rem !important;
        }
        nav .navbar-brand svg {
            width: 80 !important;
        }
        .navbar-opt{
            padding-top: .7rem !important;
        }
        .navbar-language{
            padding-top: 1rem !important;
        }
        .nav-menu-body .navbar-right{
            margin-bottom: 20%;

        }
        .nav-menu-body .label-nav {
            font-size: 19px;
            font-family: Helveticas_medium;
        }
        .lang-idn{
            padding-right: 7.5px !important;
        }
        .lang-dlmtd{
            font-weight: 300 !important;
            font-size: 20px;
        }
        .lang-en{
            padding-left: 7.5px !important;
        }
        .nav-menu-body .label-nav-item {
            font-size: 15px;
            padding: 3px 0;
        }
        .carousel-text{
            padding-left: 6.5% !important;
        }
        .carousel-text svg{
            width: 73% !important;
        }
        .nav-menu-body ul{
            width: 100%;
            text-align: center;
            padding-left: 0;
            top: 44% !important;
        }
        .nav-menu-body .label-nav-contact a{
            background: white;
            font-family: Helveticas_light;
            padding-left: 10px;
            padding-right: 10px;
            color: black;
            border-radius: 10px;
            margin-bottom: 15px;
        }
        .nav-menu-body .label-nav-contact-lg {
            display: none;
        }
        .nav-mobile-medsos {
            display: flex;
            flex-direction: column;
            /*position:absolute;*/
            /*right:50% !important;
            transform: translate(50%, -50%);
            bottom: 7.1rem;*/
        }

        /* Handphone Landscape */

            @media (max-height:430px) { 

                /* Navbar */

                    .nav-menu-body ul{
                        bottom: 0rem !important;
                        top: 46% !important;
                    }
                    .nav-mobile-medsos {
                        bottom: 0% !important;   
                    }
                    .nav-menu-body .label-nav {
                        padding-bottom: 0.3rem !important;
                        font-size: 11px;
                        font-family: Helveticas_medium;
                    }
                    .nav-menu-body .label-nav-item {
                        font-size: 8px;
                        padding: 0px 0;
                    }
                    .nav-menu-body .label-nav-contact a{
                        padding: 6px 8px 2px 8px !important;
                    }
                
                /* End navbar */

            }

        /* End Handphone Landscape */
    }
    @media (max-width: 390px){
        .nav-menu-body ul{
            width: 100%;
            text-align: center;
            top: 43% !important;
        }
        .nav-menu-body .label-nav {
            font-size: 14px;
            font-family: Helveticas_medium;
            padding-bottom: 13px !important;
        }
        .nav-menu-body .label-nav-item {
            font-size: 11px;
            padding: 3px 0;
        }
    }

    @media (min-width:992px) { 
        .navbar-brand {
            left: 0%;
        }

        .navbar-menu-body-mobile {
            display: none;
        }

        .nav-menu-body .label-nav {
            font-size: 25px;
            font-family: Helveticas_medium;
            padding-bottom: 12px !important;
        }

        .nav-menu-body .label-nav-item {
            font-size: 20px;
            padding: 3px 0;
        }
        .navbar-medsos a{
            padding-right: 22.3px;
        }
        .navbar-medsos a:last-child{
            padding-right: 30px;
        }
    }
    @media (min-width:1141px) {
        nav {
            padding: 0px 4rem !important;
        }
    }
    @media (max-width:1140px) {
        nav {
            padding: 0px 2rem !important;
        }
    }
    

/* Close Nav Vss */
