@media (max-width: 1480px) {
   header .navbar-nav {font-size: 10px;}
   .form-control {font-size: 11px;}
   .hledat label {font-size: 11px;}
}

/* mobile width till 1024px ----------------------------------- */
@media (max-width: 1024px) and (orientation : landscape) {
   .collapse:not(.show) {display: none !important;}
   .navbar-expand-lg .navbar-toggler {display: block;}
   .navbar-collapse {
     -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
   }
   .navbar-expand-lg .navbar-nav {
      -ms-flex-direction: column;
      flex-direction: column;
   }
}

/* iPad landscape ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
   .strankovani .col-2 {
      -ms-flex: 0 0 40%;
      flex: 0 0 40%;
      max-width: 40%;
   }
   .strankovani .col-4 {
      -ms-flex: 0 0 60%;
      flex: 0 0 60%;
      max-width: 60%;
   }
   .strankovani .col-md-6 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
   }
   .novy .col-sm-6 {
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
   }
}

/* ipad portrait ----------------------------------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
   header .navbar-nav {padding-right: 0;}
   header .nav-item {padding: 0 15px;}
   .odhlasit {
      margin-left: 0;
      margin-top: 15px;
      display: block;
   }
   .strankovani .col-2 {
      -ms-flex: 0 0 40%;
      flex: 0 0 40%;
      max-width: 40%;
   }
   .strankovani .col-4 {
      -ms-flex: 0 0 60%;
      flex: 0 0 60%;
      max-width: 60%;
   }
   .strankovani .col-md-6 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
   }
   .pagin li {padding: 2px;}
   .pagin a {padding: 7px 10px;}
   .pag01 a {
      background-position: center left 8px;
      padding-left: 25px;
   }
   .pag02 a {
      background-position: center left 5px;
      padding-left: 20px;
   }
   .pag03 a {
      background-position:  center right 5px;
      padding-right: 20px;
   }
   .pag04 a {
      background-position:  center right 8px;
      padding-right: 25px;
   }
   .novy .col-sm-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
   }
}


@media (min-width: 481px) and (max-width: 812px) and (orientation: landscape) {
   header .navbar-nav {padding-right: 0;}
   header .nav-item {padding: 0 15px;}
   .odhlasit {
      margin-left: 0;
      margin-top: 15px;
      display: block;
   }
   
}


/* mobile width till 767px ----------------------------------- */
@media (max-width: 767px){
   header .navbar-nav {font-size: 12px;}
   .form-control {font-size: 14px;}
   .hledat label {font-size: 12px;}
   
   header .navbar-nav {padding-right: 0;}
   header .nav-item {padding: 0 15px;}
   .odhlasit {
      margin-left: 0;
      margin-top: 15px;
      display: block;
   }
   .pagin li {padding: 2px;}
   .pagin a {padding: 7px 10px;}
   .pag01 a {
      background-position: center left 8px;
      padding-left: 25px;
   }
   .pag02 a {
      background-position: center left 5px;
      padding-left: 20px;
   }
   .pag03 a {
      background-position:  center right 5px;
      padding-right: 20px;
   }
   .pag04 a {
      background-position:  center right 8px;
      padding-right: 25px;
   }

   
   
}