@media only screen and (max-width: 600px) {

    .vr-footer-right{
        border-right: none !important;
    }

    /* .slide{
        margin-top: 76px;
    } */
    .carousel-item > img{
        /* height: 600px; */
        height: 500px;
    }
    .carousel-caption {
        position: absolute;
        bottom: 8% !important;
        color: #fff;
        text-align: center;
        left: 16%;
    }
    .home-recomend-post{
        margin-top: 30px;
    }
    /* .about-us{margin-top: 80px;} */
    .about-us .col-12 .btn-play {
            top: 30%;
            left: 40%;
            height: 70px;
            width: 70px;
    }
    .logo-footer{
        /* height: 93px;
        width: 111px; */
        margin-left: -40px;
    }
    .about-img{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .about-txt{
        margin-top: 15px;
    }
    .submit-contact{
        margin-top: 30px;
    }
    .logo-footer-japfa{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        display: block;
    }
    .logo-footer-vaksindo{
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 20px;
    }
    .footer-menu{
        text-align: center;
        padding-left: 0px;
    }
    .footer-menu > h5{
        font-weight: 600;
    }
    .footer-note{
        text-align: center;
        /* margin-top: 30px; */
        padding-left: 20px;
    }
    .about-us .btn-play{
        /* height: auto !important; */
        width: 66px;
    }
    
    
}

@media only screen and (min-width: 1600px) {
    .navbar-brand{
        position: relative;
        left: 54px;
        /* left:184px; */
    }
}

/* #preloader{
    background: #fff url(/img/loader.gif) no-repeat center center;
    background-size: 15%;
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 1000000;
} */
.hidden {
    display: none;
}
.preloader{position:fixed;top:0;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background-color:#fff;z-index:999999;-webkit-transition:.6s;-o-transition:.6s;transition:.6s;}
.circle{margin:40px auto;position:relative;width:12px;height:12px;background-color:var(--orange);box-shadow:-20px 0px 0px var(--orange);border-radius:50%;-webkit-animation:circle_classic 1s ease-in-out infinite alternate;-moz-animation:circle_classic 1s ease-in-out infinite alternate;animation:circle_classic 1s ease-in-out infinite alternate;}
@-webkit-keyframes circle_classic{
	0%{opacity:0.1;-webkit-transform:rotate(0deg) scale(0.5);}
	100%{opacity:1;-webkit-transform:rotate(360deg) scale(1.2);}
}
@-moz-keyframes circle_classic{
	0%{opacity:0.1;-moz-transform:rotate(0deg) scale(0.5);}
	100%{opacity:1;-moz-transform:rotate(360deg) scale(1.2);}
}
@keyframes circle_classic{
	0%{opacity:0.1;transform:rotate(0deg) scale(0.5);}
	100%{opacity:1;transform:rotate(360deg) scale(1.2);}
}
.hide{opacity:0;transition-delay:0.5s;pointer-events:none;}