@media (min-width:320px) and (max-width:767px) {
    .carousel-caption {
        top: 0
    }
    .carousel-caption h1 {
        font-size: 24px
    }
    .carousel-caption h3 {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .sosmed ul>li {
        line-height: 4
    }
}

@media (min-width:768px) {
    .navbar-nav>li>a {
        padding-top: 30px;
        padding-bottom: 25px;
    }
    .carousel-caption {
        right: 0;
        left: 0;
        padding-bottom: 30px;
        top: 0
    }
}

@media (min-width:992px) {
    .content-three .col-md-3 {
        margin-top: 6em
    }
    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
        top: 8em
    }
}