.cover {
  object-fit: cover;
  width: 1500px;
  height: 400px;
}
.segera-tayang {
object-fit: cover;
width: 160px;
height: 240px;
}

.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
}

.rating > i:hover:before,
.rating > i:hover ~ i:before {   
   color: orange;
}



/*for mobile*/
/*@media (max-width:320px) {

  .logo{    
    margin-top: 3px;
    position: absolute; left: 25%;
  }

  .berandaslide {
    object-fit: cover;
    width: 600px;
    height: 300px;
  }

  #login-desktop{
    display: none;
  }
}*/

/*@media (max-width:362px) {

  .logo{    
    margin-top: 3px;
    position: absolute; left: 25%;
  }

  .berandaslide {
    object-fit: cover;
    width: 600px;
    height: 300px;
  }

  #login-desktop{
    display: none;
  }
}

@media (max-width:480px) {

  .logo{    
    margin-top: 3px;
    position: absolute; left: 30%;
  }

  .berandaslide {
    object-fit: cover;
    width: 600px;
    height: 300px;
  }

  #login-desktop{
    display: none;
  }
}

@media (max-width:550px) {

  .logo{    
    margin-top: 3px;
    position: absolute; left: 35%;
  }

  .berandaslide {
    object-fit: cover;
    width: 600px;
    height: 300px;
  }

  #login-desktop{
    display: none;
  }
}
*/
/*@media (max-width:768px) {

  .logo{    
    margin-top: 3px;
    position: absolute; left: 40%;
  }

  .berandaslide {
    object-fit: cover;
    width: 600px;
    height: 300px;
  }

  #login-desktop{
    display: none;
  }
}


@media (max-width:800px) {

  .logo{    
    margin-top: 3px;
    position: absolute; left: 45%;
  }

  .berandaslide {
    object-fit: cover;
    width: 600px;
    height: 300px;
  }

  #login-desktop{
    display: none;
  }
}*/

@media (max-width:980px) {
  

  .logo{
    margin-top: 3px;
    position: absolute; left: 25%;
  }

  .berandaslide {
    object-fit: cover;
    width: 600px;
    height: 300px;
  }

  #login-desktop{
    display: none;
  }

  .artikel-image{
      object-fit: cover;
        width: 100px;
        height: 100px;
    }    
}

/*for desktop*/
@media (min-width:981px) {    

    .logo{    
      margin-top: 5px;      
    }

    #image-lastest-news{
      height: 400px;
    }

    .artikel-image{
      object-fit: cover;
        width: 260px;
        height: 180px;
    }    

}


  /* Default styles for images inside .post-content */
  .post-content img {
    width: auto; /* Set to 'auto' to maintain the original aspect ratio */
    max-width: 100%; /* Limit the width to 100% of the parent container */
    height: auto; /* Maintain the aspect ratio */
  }

  /* Media query for mobile phones (max-width: 767px) */
  @media (max-width: 767px) {
    .post-content img {
      width: 100%; /* Set width to 100% on mobile phones */
    }
  }