@media screen and (max-width: 1024px) {
    #document .image-container .decoration.decoration-1{
        right: -20px;
    }
      
    #document .image-container .decoration.decoration-2{
        left: -30px;
    }
}

@media screen and (max-width: 768px) {    
    .section-title{
        font-size: 2rem;
    }

    .section-desc{
        font-size: .95rem;
    }

    #header .logo img{
        max-height: 35px;
    }

    .panel-group{
        width: 100%;
    }

    #statistik .btn-menu{
        font-size: 14px;
        line-height: 130%;
    }

    #statistik .menu_insight button img{
        height: 30px;
    }
    
    #statistik .btn-menu:nth-child(1) {
        border-top-left-radius: 12px;
    }
    
    #statistik .btn-menu:nth-child(2) {
        border-top-right-radius: 12px;
    }
    
    #statistik .btn-menu:nth-child(5) {
        border-bottom-left-radius: 12px;
    }
    
    #statistik .btn-menu:nth-child(6) {
        border-bottom-right-radius: 12px;
    }

    .story-img:nth-of-type(1), .story-img:nth-of-type(4), .story-img:nth-of-type(5) {
        width: 55%;
    }
      
    .story-img:nth-of-type(2), .story-img:nth-of-type(3), .story-img:nth-of-type(6) {
        width: 45%;
    }

    #faq .section-img{
        width: 100%;
        height: 350px;
    }

    #document .image-container .decoration.decoration-1{
        right: 120px;
    }
      
    #document .image-container .decoration.decoration-2{
        left: 130px;
    }

    .report-circle{
        margin: auto;
    }

    #story-blog .detail-img img{
        height: 325px;
    }

    .detail-story{
        font-size: 0.85rem;
    }

    .detail-story-title{
        font-size: 1.25rem;
    }

    .story-detail-content p{
        font-size: 0.95rem;
    }

    .navbar .dropdown ul.dropdown-menu.show{
        position: static;
        opacity: 1;
        visibility: visible;
        border: 0;
        box-shadow: none;
    }

    .pagination .page-item .page-link{
        font-size: 14px;
    }
}

@media screen and (max-width: 425px) { 
    .section-title{
        font-size: 1.8rem;
    }

    .section-desc{
        line-height: 130%;
    }

    #statistik .btn-menu:nth-child(2) {
        border-top-right-radius: 0;
    }

    #statistik .btn-menu:nth-child(3) {
        border-top-right-radius: 12px;
    }

    #statistik .btn-menu:nth-child(4) {
        border-bottom-left-radius: 12px;
    }

    #statistik .btn-menu:nth-child(5) {
        border-bottom-left-radius: 0;
    }
    
    #statistik .btn-menu{
        padding: 0 10px;
        height: 120px;
    }

    #story .story-grid img {
        height: 250px;
    }

    .story-img{
        width: 100%!important;
    }

    #faq .faq{
        width: 100%;
    }

    #document .image-container .decoration.decoration-1{
        right: 0;
        top: -22px;
    }
      
    #document .image-container .decoration.decoration-2{
        left: 0;
        bottom: -22px;
    }

    #report{
        overflow: hidden;
    }

    #report .report-circle{
        padding: 0 5px;
        background: transparent;
        box-shadow: none;
    }

    #story-blog .detail-img img{
        height: 200px;
    }

    .sessions time,
    .sessions p {
        font-size: 0.89rem;
    }

    .sessions li:before{
        top: 3px;
    }

    .pagination .page-item .page-link{
        font-size: 12px;
    }
}