@-ms-viewport {
    width: auto !important;
}
/* ---------------------------------------------------------------------- */

/*  Only larger Devices
/* ---------------------------------------------------------------------- */

@media (min-width: 1824px) {
    .top-grid .mdl-button--primary {
        color: #CFD8DC !important;
        height: 25% !important;
        margin-top: 30px;
   }
   .top-grid .mdl-button--primary .material-icons {
       margin-top: 15px;
       color: #B0BEC5;
       line-height: 20px;
       height: auto;
       font-size: 32px !important;
       padding-bottom: 20px
  }
  .big-button .material-icons {
      font-size: 6vw;
 }
 .big-button {
     font-size: 7vw !important;
     font-weight: 100 !important;
}
.height-left-column{ height:40%; padding-top:0px }
.height-right-column{height:50%; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px}
}
@media (min-width: 1224px) and (max-width: 1823px) {} 

@media (min-width: 992px) and (max-width: 1223px) {

    .lista-button .material-icons {
    font-size: 3vw !important;
    padding-bottom: 0px !important; line-height: 4vw
}
.vert-align-a {
    font-size: 9px !important; 

}
} 



/*  Small Devices Only
/* ---------------------------------------------------------------------- */
@media (max-width: 839px) {
.pokaz-min{
    display:block;
}
.pokaz-max{
    display:none;
}
}
@media (max-width: 767px) {

.inside-card .mdl-card__title-text{
  font-size: 18px
  }/* ---------------------------------------------------------------------- */
}

/*  From Small Devices Up To Medium Devices
/* ---------------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 991px) {

  .lista-button .material-icons {
    font-size: 3vw !important;
    padding-bottom: 20px !important; line-height: 8vw
}
  .vert-align-a {
    font-size: 9px !important;

}
.lista-button .kwadrat{ padding: 0 0; margin: 5px 3px;}

  }/* ---------------------------------------------------------------------- */

/*  Up To Medium Devices
/* ---------------------------------------------------------------------- */

@media screen and (orientation: portrait) and (max-width: 767px) {
    .pagination {
        width: 100%;
   }
   .pagination li.prev, .pagination li.next {
       width: 10%;
  }
  .pagination li.pages {
      width: 80%;
      overflow: hidden;
      white-space: nowrap;
 }
 .start .heightstart .material-icons {
     font-size: 18vw;
     margin-bottom: 10px
}
.start .heightstart .vert-align {
    font-size: 3vw;
}
.hide-list {
    display: block;
    padding: 10px 10px; font-size: 13px
}
.hide-list .material-icons {
    color: #F44336;
}
.show-list {
    display: none
}
.big-button {
    font-size: 11vw !important;
    font-weight: 100 !important
}
.big-button .material-icons {
    font-size: 9vw;
}
  .lista-button .mdl-button {

border-radius: 0px; min-height: 50px

    }
    .phone-nav{

    padding: 0 0; margin-top: 15px;
    }
    .phone-nav .mdl-cell{
width: 33.33%; margin: 0 0; padding: 0 0;box-shadow:0 2px 2px 0 rgba(0,0,0,.3),0 3px 1px -2px rgba(0,0,0,0),0 1px 5px 0 rgba(0,0,0,0);
}

.lista-button .material-icons {
    font-size: 6vw !important;
}
.white{ padding: 15px 10px;}
.trans-color-white {
    background: rgba(0, 184, 212, 0.9) !important;
}
}
@media screen and (orientation: landscape) and (max-width: 767px) {
    .pagination {
        width: 100%;
   }
   .pagination li.prev, .pagination li.next {
       width: 10%;
  }
  .pagination li.pages {
      width: 80%;
      overflow: hidden;
      white-space: nowrap;
 }
 .start .heightstart {
     height: 140px !important;
}
.start .heightstart .material-icons {
    font-size: 9vw;
    margin-bottom: 3px
}
.start .heightstart .vert-align {
    font-size: 2vw;
}
.hide-list {
    display: none
}
.show-list {
    display: block
}
.big-button {
    font-size: 8vw !important;
    font-weight: 100 !important
}
.big-button .material-icons {
    font-size: 6vw;
}
.lista-button .material-icons {
    font-size: 4vw !important;
    padding-bottom: 8px !important; line-height: 8vw
}
.height-right-column{ margin-top: 15px}
.white{ padding: 15px 10px;}

}