@media only screen and (max-width: 1650px) {
 
 .countdown-box{  bottom: 70px; left: 50%; font-size: 100px; filter: blur(3px);}

}


@media only screen and (max-width: 1400px) {
 
   .countdown-box{  bottom: 60px; left: 50%; font-size: 90px; filter: blur(3px);}

  .icon { max-width: 90px; margin: 20px; }
  .icon img { width: 40px;  margin: 0 auto 5px;}
  .icon .txt { font-size:16px; }
  #icon-2 img { width: 45px; margin: 0 auto 5px;}
  .icon-kosz{ right:0px; top:0px; }
  .icon-sklep{ right:5px; bottom:50px; }

  .window-bin .icon{ max-width:110px; }


  #taskbar { bottom: .5%; left: .5%; width: 99%; height: 45px; }

  #start-btn{ font-weight: bold; font-size: 13px; height:33px; margin-left:3px;}
  #start-btn .border-inner{ padding:5px 7px; }
  #start-btn img{ width:18px; margin-right:4px; }

  .clock-container{ height:33px; margin-right:3px; }
  #clock { font-size: 12px; }

  #taskbar-windows { gap: 4px; padding-left: 7px; padding-right: 7px;}

  .task-btn { flex: 0 1 135px; height: 33px; font-size: 11px; padding: 2px 6px; padding-top: 8px; padding-left: 30px;  }
  
  #task-win1{ background: url('img/bin.svg') no-repeat 7px 6px; background-size:15px; }
  #task-win2{ background: url('img/folder.svg') 7px 7px no-repeat; background-size:17px; }
  #task-win3{ background: url('img/player.svg') 7px 7px no-repeat; background-size:16px; }
  #task-win4{ background: url('img/form.svg') 7px 6px no-repeat; background-size:17px; }
  #task-win5{ background: url('img/drzwi.svg') 7px 6px no-repeat; background-size:17px; }


  .menu-start{ width:280px; height: 300px; bottom:51px; padding:5px 12px 30px; font-size: 13px; }
  .menu-start-elm{ margin:10px 0; padding: 4px 5px 4px 35px;}

  .menu-start-line{ opacity:.4; margin:12px 0; }

  .start-info{ font-size:9px; bottom:7px; right:8px; }

  .start-pol{ font-size:11px; }

}



@media only screen and (max-width: 1050px) {
 
 .countdown-box{  bottom: 45px; left: 50%; font-size: 80px; filter: blur(3px);}

  #bios-logo { right: 20px; top: 40px; width: 250px; }

}



@media only screen and (max-width: 768px) {

  #taskbar { bottom: 1%; left: 1%; width: 98%; height: 40px; }

  #start-btn{ font-size: 12px; height:27px; margin-left:2px;}
  #start-btn .border-inner{ padding:5px 5px; }
  #start-btn img{ width:14px; margin-right:4px; }

  .clock-container{ height:27px; margin-right:2px; }
  #clock { font-size: 12px; }

  #taskbar-windows { gap: 4px; padding-left: 7px; padding-right: 7px;}

  .task-btn { flex: 0 1 135px; height: 27px; font-size: 10px; padding: 2px 6px; padding-top: 5px; padding-left: 28px;  }
  
  #task-win1{ background: url('img/bin.svg') no-repeat 7px 5px; background-size:12px; }
  #task-win2{ background: url('img/folder.svg') 6px 5px no-repeat; background-size:15px; }
  #task-win3{ background: url('img/player.svg') 6px 5px no-repeat; background-size:14px; }
  #task-win4{ background: url('img/form.svg') 7px 4px no-repeat; background-size:15px; }
  #task-win5{ background: url('img/drzwi.svg') 7px 6px no-repeat; background-size:15px; }


  .menu-start{ width:250px; height: 300px; bottom:48px; padding:5px 12px 30px; font-size: 13px; left:1%; }


  .countdown-box{  bottom: 45px; left: 50%; font-size: 60px; filter: blur(2px);}

}

@media only screen and (max-width: 650px) {
  #bios-logo { right: 20px; top: 40px; width: 170px; }
  #bios-screen{ font-size: 13px;}
}

@media only screen and (max-width: 560px) {


  .countdown-box{  bottom: auto; top: 50%; left: 50%; font-size: 55px; filter: blur(2px);}


  .icon { margin-left: 10px; margin-right: 10px;}

}

@media only screen and (max-width: 480px) {
  #bios-logo { right: 10px; top: 20px; width: 140px; filter:blur(1px);}
  #bios-screen{ padding-left:10px; padding-top:70px; }

  .password-protect{ padding:20px 0; }
  .form-password-container{ flex-direction:column; height:auto; }
  .form-password-container input[type="password"], input.password-input{ width:100%; padding: 5px; padding-top: 8px; font-size: 20px;}

  .form-password-container input[type="submit"]{ margin-top:7px; padding:6px; width:150px; height: 35px;}

  .titlebar{ padding-right: 30px; padding-left: 20px;}
  .titlebar span{ overflow: hidden; display: inline-block; width: 100%; position: relative; top: 2px; font-size: 14px; text-overflow: ellipsis;}

  .player-title .border-inner{ font-size:14px; padding:5px 6px 6px; }
  .player-flex-row .player-box .border-inner{ font-size:12px; padding:2px 6px 3px; }
  .player-main{ padding-left:23%; }
  .volume{ height:15px; }
  .balance{ height:15px; }
  .balance::after, .balance::before { bottom:0px; }
  .player-thumb{ width:21.5%; border-radius: 0px;}
  .window-player .content{ padding:10px; }
  .player-progress-bar{ margin-top:10px; margin-bottom:10px; height:20px; }
  .player-controls{ height:30px; justify-content:space-between; width:100%; margin-top: 0px;}
  .player-control{ width:19%; margin:0px; }
  .glosuj-button{ height: 30px; width: 120px; position: absolute; bottom: 0px; left: 0px; text-align: center; }
  .glosuj-button .border-inner{ padding-top:5px; }
  .player{ padding-bottom:50px; }

  .player-prev .border-inner .player-icon{ background: url('img/prev.svg') center center no-repeat; background-size:45%; }
  .player-play .border-inner .player-icon{ background: url('img/play.svg') center center no-repeat; background-size:35%; }
  .player-pause .border-inner .player-icon{ background: url('img/pause.svg') center center no-repeat; background-size:40%; }
  .player-stop .border-inner .player-icon{ background: url('img/stop.svg') center center no-repeat; background-size:35%; }
  .player-next .border-inner .player-icon{ background: url('img/next.svg') center center no-repeat; background-size:45%; }


}