#img-slider{
    object-fit: cover;
    height: 550px;
}
/*---------- MEDIA 991px ----------*/
@media (max-width: 991px) {
    html,body{
      overflow-x:hidden;
    }
    .img-responsive{
        max-width: 100%;
        height: auto;
        padding-bottom:5px;
        text-align:center;
    }
}
  
  
/*---------- MEDIA 768px ----------*/
@media  (max-width: 768px) {
    html,body{
      overflow-x:hidden;
    }
    
    .carousel-caption{
        text-align: left;
        padding-bottom: 11%;
    }
    .carousel-caption h1{
        text-align: left;
        font-size:20px;
    }
  
    #img-slider{
        object-fit: cover;
        height: 300px;
    }
    
    .img-responsive{
        max-width: 100%;
        height: auto;
        padding-bottom:5px;
        text-align:center;
    }
    
    h2 .text-slider{
        color:rgb(211, 241, 232);
        font-size:13pt;
    }
    
    .p-slider{
        font-size:11pt;
    }
  }
/*---------- MEDIA 480px ----------*/
@media  (max-width: 480px) {
    html,body{
        overflow-x:hidden;
    }

    .carousel-caption{
        text-align: left;
        padding-bottom: 20%;
    }

    .text-sejarah{
        margin-top:0pc;
    }
  
    .img-responsive{
        max-width: 100%;
        height: auto;
        padding-bottom:5px;
        text-align:center;
    }
    
    h2 .text-slider{
        color:rgb(211, 241, 232);
        font-size:12pt;
    }
    
    .p-slider{
        font-size:10pt;
    }

    #img-slider{
        object-fit: cover;
        height: 300px;
    }
    
    .text-card-home{
        color:#2a6297;
        font-size:12pt;
        font-weight: 600;
    }

    #img-artikel{
        width:100%;
        min-height: 120px;
    }
    .halo-read{
        font-size:16pt;
    }
    
    .text-sejarah{
        margin-top:0.5pc;
    }
}