@media screen and (max-width: 600px){
  .padding-left-64px{
    padding-left: 0px;
  }
  .padding-left-240px{
    padding-left: 0px;
  }
  
  .river-toolbar-header{
    padding-left:10px !important; 
    font-size:11px !important;
  }
}

@media screen and (max-width: 700px){  
  .river-toolbar-header{
    padding-left:10px !important; 
    font-size:11px !important;
  }
  
  .river-select{
    font-size: 11px !important;
    margin: 0px 0px 0px 8px !important;
  }
}

/* Screen Resolutions
    1920x1080 16:9
    1600x900 16:9
    1366x768 16:9
    1280x1024 5:4
    1280x800 8:5
    1024x768 4:3 
*/

.river-grid { height: 76vh; }
.river-grid-container { height: 81.5vh; }

@media screen and (max-height: 1400px){
  .river-grid { height: 81vh;}
  .river-grid-container { height: 86.5vh;}
}

@media screen and (max-height: 1080px){
  .river-grid { height: 78vh;}
  .river-grid-container { height: 83.5vh;}
}

@media screen and (max-height: 950px){
  .river-grid { height: 76vh; }
  .river-grid-container { height: 81.5vh; }
}

@media screen and (max-height: 900px){
  .river-grid { height: 75vh;}
  .river-grid-container { height: 80.5vh;}
}

@media screen and (max-height: 800px){
  .river-grid { height: 72vh; }
  .river-grid-container { height: 78.5vh; }
}

@media screen and (max-height: 768px){
  .river-grid { height: 71vh; }
  .river-grid-container { height: 77.5vh; }
}

@media screen and (max-height: 600px){
  .river-grid { height: 69vh; }
  .river-grid-container { height: 75.5vh; }
}

@media screen and (max-width: 600px) {
  .padding-left-64px {
    padding-left: 0px !important; /* Mobil cihazlarda padding'i sıfırla */
  }
  .padding-left-240px {
    padding-left: 0px !important; /* Mobil cihazlarda padding'i sıfırla */
  }

  .river-toolbar-header {
    padding-left: 10px !important; /* Başlık için sol padding */
    font-size: 11px !important; /* Başlık font boyutu */
  }

  .river-select {
    font-size: 11px !important; /* Seçim kutusu font boyutu */
    margin: 0px 0px 0px 8px !important; /* Seçim kutusu için margin ayarı */
  }

  .river-grid {
    height: 69vh !important; /* Mobil cihazlarda grid yüksekliği ayarı */
  }

  .river-grid-container {
    height: 75.5vh !important; /* Mobil cihazlarda grid container yüksekliği ayarı */
  }
}

@media screen and (max-width: 700px) {
  .river-toolbar-header {
    padding-left: 10px !important; /* Başlık için sol padding */
    font-size: 11px !important; /* Başlık font boyutu */
  }

  .river-select {
    font-size: 11px !important; /* Seçim kutusu font boyutu */
    margin: 0px 0px 0px 8px !important; /* Seçim kutusu için margin ayarı */
  }
}