/* large devices */
@media(min-width: 1024px) and (max-width: 1366px) {
    .coming-soon header .logo img {
        height: 100px;
    }
    .coming-soon .sosmed {
        padding-top: 25px;
    }
    .coming-soon .sosmed li a {
        font-size: 25px;
    }
    .coming-soon .person1, .coming-soon .person2 {
        bottom: 0px;
    }
    .coming-soon .person2 {
        right: 230px;
    }
    .coming-soon .person1 img {
        height: 700px;
    }
    .coming-soon .person2 img {
        height: 630px;
    }
    .coming-soon .content .container h1 {
        font-size: 90px;
    }
    .coming-soon .content .container h4 {
        font-size: 25px;
    }
    .coming-soon .main-cta {
        padding: 15px 50px;
        font-size: 30px;
        border-radius: 40px;
    }
}

/* medium devices */
@media(min-width: 768px) and (max-width: 1023px) {
    .coming-soon header .logo img {
        height: 100px;
    }
    .coming-soon .sosmed {
        padding-top: 25px;
    } 
    .coming-soon .sosmed li a {
        font-size: 25px;
    }
    .coming-soon .person1 img {
        height: 500px;
    }
    .coming-soon .person2 img {
        height: 450px;
    }
}

/* small devices */
@media(max-width: 767px) {
    .page-type2 .box:after {
        width: 100%;
        height: 250px;
        left: auto;
        right: -30px;
    }
    .page-type2 .box {
        padding-bottom: 250px;
    }
    .coming-soon .person1 img {
        height: 300px;
    }
    .coming-soon .person1, .coming-soon .person2 {
        bottom: 50px;
    }
    .coming-soon .person2 {
        right: 115px;
    }
    .coming-soon .person2 img {
        height: 270px;
    }
    .coming-soon footer {
        height: 50px;
    }
    .coming-soon header {
        padding: 15px 0px;
    }
    .coming-soon header .logo img {
        height: 55px;
    }
    .coming-soon footer .sosmed {
        position: absolute;
        right: 25px;
        bottom: 0px;
        margin: 0px;
        padding: 10px 0px 12px;
        list-style: none;
    }
    .coming-soon footer .sosmed li {
        margin: 0px 3px;
    }
    .coming-soon footer .sosmed li a {
        font-size: 14px;
    }
    .coming-soon .content .container {
        padding-top: 50%;
    }
    .coming-soon .main-cta {
        padding: 10px 28px;
        font-size: 15px;
    }
    .coming-soon .content .container h1 {
        font-size: 40px;
        margin-bottom: 25px;
    }

    #main-slider .carousel-item .person {
        height: 300px;
        right: 1%;
    }
    #main-slider:before {
        left: 5%;
    }
    #main-slider .carousel-item .caption {
        left: 0px;
        width: 100%;
        top: auto;
        bottom: 45%;
        padding: 20px 30px;
    }
    #main-slider .carousel-item .caption .big {
        width: 100%;
        font-size: 20px;
    }
    #main-slider .carousel-item .caption .btn {
        padding: 8px 20px;
        font-size: 12px;
    }
    #main-nav {
        transition: 0.3s;
    }
    #main-nav:not(.open) {
        background-color: transparent;
        border-bottom-color: transparent;
    }
    #main-nav.scrolled, #main-nav.always-solid {
        background-color: #09389c;
        border-bottom: 4px solid #de9c15;
    }
    #main-nav .navbar-toggler {
        color: #fff;
        border: none;
        padding: 0px;
        font-size: 25px;
        margin-right: 10px;
    }
    .prodi .row {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
    .prodi .row div[class^="col-"] {
        padding-left: 7.5px;
        padding-right: 7.5px;
        margin-bottom: 15px;
    }
    .prodi, .berita {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .prodi .box {
        height: 200px;
    }
    .prodi .box .text {
        font-size: 14px;
        font-weight: 600;
    }
    .prodi .box .icon {
        height: 80px;
    }
    .prodi .box i {
        font-size: 65px;
    }
    
    .berita .list-berita div[class^="col-"] {
        margin-bottom: 15px;
    }
    .berita .list-berita .inner img {
        opacity: 0.4;
    }
    .berita .list-berita .category, .berita .list-berita .bottom {
        opacity: 1;
    }

    .above-footer {
        min-height: 440px;
        padding-top: 115px;
    }
    .above-footer .person {
        width: 150px;
        right: 0%;
    }
    .above-footer .text {
        font-size: 23px;
    }
    .section .section-cta {
        padding: 10px 15px;
        font-size: 12px;
    }
}
@media(max-width: 360px) {
    .coming-soon .content .container {
        padding-top: 40%;
    }
    .coming-soon .person2 {
        right: 100px;
    }
    .coming-soon .person1 img {
        height: 250px;
    }
    .padd-skip-nav > .inner {
        padding-top: 15px;
    }
    .coming-soon .person2 img {
        height: 220px;
    }
    .page-type1 .box {
        padding: 20px 20px;
    }
    .page-type2 .box {
        padding: 20px 20px 180px;
    }
    .page-type2 .box:after {
        width: 300px;
        height: 180px;
        right: -30px;
    }

    .article .main {
        margin-bottom: 30px;
    }
    .article.single .main {
        padding: 20px;
    }
    .article.single .main h1 {
        font-size: 25px;
    }
    .article.list .content-list {
        padding: 20px;
    }
    .article.list .content-title {
        margin-top: 15px;
    }
    .article.single .main .featured-image {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: 20px;
    }
}