/*media queries*/

/* Responzívny dizajn pre malé obrazovky */

@media screen and (max-width: 600px) {
  body {
    padding: 0;
    margin: 0;
  }

  li {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  /*navigačný panel*/
  .navbar a:not(:first-child) {
    display: none;
  }
  .navbar .icon {
    color: aliceblue;
  }

  .navbar a {
    font-size: 0.9rem;
    padding: 7px 8px;
  }

  .navbar a.icon {
    float: right;
    display: block;
  }
  .navbar.responsive {
    position: relative;
    flex-direction: column;
    padding-bottom: 15%;
  }
  .navbar.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .navbar.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .container {
    padding-top: 30px;
  }

  /*admin nav*/
  .navbar_admin a {
    font-size: 0.7rem;
    padding: 14px 10px;
  }

  /*index*/
  .uvod_img {
    padding-top: 0.5%;
  }
  .nadpis {
    font-size: 1rem;
    padding: 7px 8px;
  }

  .onas {
    font-size: 0.7rem;
    padding-left: 3%;
    padding-right: 3%;
  }

  .cislo {
    font-size: 0.6rem;
  }

  .phone {
    font-size: 0.6rem;
  }

  .carousel {
    min-width: 100px;

    margin: 0 auto;
    overflow: hidden;
  }

  .car_obr {
    width: 100px;
  }

  /*Naša ponuka*/
  .nazvy {
    font-size: 0.9rem;
  }

  .podnadpis {
    font-size: 0.8rem;
  }

  .pictogram_container {
    flex-direction: column;
  }

  .pomenovania {
    font-size: 0.7rem;
  }

  .popiskyy {
    font-size: 0.75rem;
    padding-left: 3%;
    padding-right: 3%;
  }

  .popisky_li {
    font-size: 0.75rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .popisky {
    font-size: 0.75rem;
  }

  .kongres_container {
    flex-direction: column;
  }

  .nadpis_kongres {
    font-size: 0.8rem;
    text-align: center;
  }

  /*obchod*/
  .ceny {
    font-size: 0.9rem;
  }

  /*formular*/
  .formular {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .sform {
    width: 250px;
    padding: 6px 3px;
  }

  .adresa {
    width: 250px;
    padding: 6px 3px;
  }

  .flex-adresy {
    flex-direction: column;
  }

  .nazvy1 {
    font-size: 0.7rem;
  }

  /*päta*/
  .creator {
    font-size: 0.4rem;
  }

  .copy {
    font-size: 0.4rem;
  }

  /*admin*/
  .ramik {
    border: 2px solid aliceblue;
    border-radius: 8px;
    box-sizing: border-box;
    margin: 2% auto;
    max-width: 1000px;
    width: 100%; /* alebo napr. 100% pri veľmi úzkych obrazovkách */
    padding: 0;
  }

  .prvok {
    flex-direction: column;
  }

  .flex-gombiky {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .prvok {
    gap: 10px;
  }

  .flex-gombiky {
    padding-left: 0;
    padding-right: 0;
  }

  ul {
    width: 80%; /* alebo pevná šírka */
    max-width: 600px; /* voliteľné */
    margin: 0 auto; /* centrovanie */
    padding: 0; /* vyčistí defaultný padding */
    list-style: none;
  }

  .nazovRiadku {
    font-size: 10px;
  }

  .vyplnRiadku {
    font-size: 11px;
  }

  .gombiky {
    font-size: 10px;
    border-radius: 3px;
  }
}