@media screen and (min-width: 460px) {
  .login-page .page-body {
    width: auto; }
  .karty-panel {
    grid-template-columns: repeat(2, auto); }
  .karty-panel-kalkulace {
    grid-template-columns: repeat(3, auto); } }

@media screen and (min-width: 767px) {
  .split {
    flex-direction: row; }
  .action-list {
    flex-direction: column; }
  .login-page {
    /*flex-direction: row;*/
    margin-top: 4rem; }
  .karty-panel {
    grid-template-columns: repeat(3, auto); }
  .karty-panel-kalkulace {
    grid-template-columns: repeat(4, auto); } }

@media screen and (min-width: 1000px) {
  .login-page {
    flex-direction: row;
    /*margin-top: 4rem;*/ }
  .odkazy {
    margin-left: 5rem; } }

@media screen and (min-width: 1200px) {
  .login-page {
    margin-top: 10rem;
    /*        .split {
            margin-top: 4rem;
        }*/ }
  .karty-panel {
    grid-template-columns: repeat(4, auto); }
  .karty-panel-kalkulace {
    grid-template-columns: repeat(6, auto); } }

@media screen and (min-width: 1400px) {
  .karty-panel {
    grid-template-columns: repeat(6, auto); }
  .karty-panel-kalkulace {
    grid-template-columns: repeat(8, auto); } }