#slider {
  width: 100%;
  height: calc(100vh - 200px);
  min-height: 600px;
  position: relative;
}


@media(max-width:1560px){
  
  #slider {
    overflow: hidden;
    height: 600px;
    min-height: 600px;
  }
  
}


@media (max-width: 1024px) {
 
   #slider {
    height: calc(100vh - 100px);
  }
  
}