.sim-slider-list {
    width: 300px;
    position: absolute;
    margin: 40px 0 0;
    top: 30%;
    left: 65%;
    padding: 0;
    list-style-type: none;
  }
  
  .sim-slider-element {
    width: 300px;
    transition: opacity 1s ease-in;
    opacity: 0;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
}

@media (min-width: 200px) and (max-width:360px) {
    .sim-slider-list {
        width: 150px;
        position: absolute;
        top: 165px;
        left: 68px;
        padding: 0;
        list-style-type: none;
      }
      
      .sim-slider-element {
        width: 120px;
        transition: opacity 1s ease-in;
        opacity: 0;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
    }
}

@media (min-width: 361px) and (max-width:576px){
    .sim-slider-list {
        width: 300px;
        position: absolute;
        top: 140px;
        left: 160px;
        padding: 0;
        list-style-type: none;
      }
      
      .sim-slider-element {
        width: 150px;
        transition: opacity 1s ease-in;
        opacity: 0;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
    }
}

@media (min-width: 577px) and (max-width: 768px){
    .sim-slider-list {
        width: 300px;
        position: absolute;
        top: 200px;
        left: 250px;
        padding: 0;
        list-style-type: none;
    }
    
    .sim-slider-element {
        width: 200px;
        transition: opacity 1s ease-in;
        opacity: 0;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
    }
}

@media (min-width: 769px) and (max-width: 992px){
    .sim-slider-list {
        width: 300px;
        position: absolute;
        top: 150px;
        left: 350px;
        padding: 0;
        list-style-type: none;
    }
    
    .sim-slider-element {
        width: 250px;
        transition: opacity 1s ease-in;
        opacity: 0;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
    }
}
@media (min-width: 993px) and (max-width: 1200px){
    .sim-slider-list {
        width: 300px;
        position: absolute;
        top: 240px;
        left: 480px;
        padding: 0;
        list-style-type: none;
    }
    
    .sim-slider-element {
        width: 300px;
        transition: opacity 1s ease-in;
        opacity: 0;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
    }
}