/* Extra malé zariadenia (telefóny v režime na výšku) 
@media  (max-width: 320px) {
  .kosikDetail {
    display: none;
  } 
  .obrazokHore {
    width: 100%;
    height: auto;
  }
  .topNav{
    left: 75%;
  }
  .topNav img {
    left: -15%;
  }
  .topNav p {
    left: 200%;
    top: 20px;
  }
  .logo{
    top: 5px;
    width: 13%;
  }
  .buttonHoreObrazok{
    /*
    top: 70px;
    font-size: 15px;
    width: 25%;
    left: 38%;
    
    display: none;
  }
  .produkty{
    top: 206px;
    height: 1040px;
  }
  .produkt{
    width: 45%;
    margin-left: 0px !important;
    height: 442px;
  }
  .produkty h2{
    margin-bottom: -100px;
    margin-top: 20px;
  }
  .produkt p{
    font-size: 21px;
  }
  .form-group select{
    margin-left: 8%;
    font-size: 18px;
  }
  .form-group label{
    margin-left: 23%;
    font-size: 18px;
  }
  .form-group input{
    font-size: 20px;
  }
  .input-spinner{
    margin-left: 12%;
    font-size: 20px;
  }
  .input-spinner button svg{
    height: 23.1px;
  }
  .submitButt{
    margin-left: 9%;
    font-size: 14px !important;
    width: 90%;
  }
  .recenzie{
    top: 1265px;
  }
  .lavaRecenzia{
    width: 90%;
    left: 5%;
  }
  .slideshow-container{
    width: 100%;
  }
  .text{
    font-size: 18px;
    top: 45px;
  }
  .pravaRecenzia{
    left: 60%;
    width: 39.8%;
  }
  .pravaRecenzia h2{
    font-size: 26px;
    position: absolute;
    left: 36%;
    top: -102px;
  }
  .pravaRecenzia h3{
    font-size: 26px;
    margin: -35px;
    top: -80px;
    left: 32.5%;
  }
  .list{
    left: 52.5%;
    top: -97px;
  }
  .stars{
    left: 60%;  
    top: 12px;
  }
  .ikony{
    top: 1715px;
    height: 1050px;
  }
  .ikona{
    width: 80%;
    left: 8%;
    display: block;
    height: 300px;
  }
  body > div.ikony > div:nth-child(1){
    margin-left: 10px !important;
  }
  body > div.ikony > div:nth-child(2){
    margin-left: 10px !important;
  }
  body > div.ikony > div:nth-child(3){
    margin-left: 10px !important;
  }

  .onas{
    top: 2760px;
  }
  .onas img{
    height: 80%;
  }
  .onasText{  
    width: 90%;
    left: 5%;
    top: 25px;;
  }
  .onasTextContainer{
    width: 90%;
    left: 3%;
    top: 30px;
  }
  .onasTextContainer h1{
    font-size: 60px;
  }
  .onasTextContainer p{
    font-size: 16px;
    padding: 5px;
  }
  .footer{
    top: 3320px;
    height: 315px;
  }
  .informacie{
    display: none;
  }
  .kontakt{
    display: none;
  }
  .instagram{
    left: 10%;
    width: 90%;
  }
  .instagram img{
    width: 90%;
  }
  .form-group select{
    margin-left: 4%;
  }
  .input-spinner{
    margin-left: 8.5%;
  }
}
@media (min-width: 321px) and (max-width: 359px) {
  .kosikDetail {
    display: none;
  } 
  .obrazokHore {
    width: 100%;
    height: auto;
  }
  .topNav{
    left: 75%;
  }
  .topNav img {
    left: -15%;
  }
  .topNav p {
    left: 159%;
    top: 20px;
  }
  .logo{
    top: -5px;
    width: 13%;
  }
  .buttonHoreObrazok{
    /*
    top: 70px;
    font-size: 15px;
    width: 25%;
    left: 38%;
    
    display: none;
  }
  .produkty{
    top: 206px;
    height: 1040px;
  }
  .produkt{
    width: 45%;
    margin-left: 0px !important;
    height: 442px;
  }
  .produkty h2{
    margin-bottom: -100px;
    margin-top: 20px;
  }
  .produkt p{
    font-size: 19px;
  }
  .form-group select{
    margin-left: 8%;
    font-size: 20px;
  }
  .form-group label{
    margin-left: 23%;
    font-size: 20px;
  }
  .input-spinner{
    margin-left: 12%;
    font-size: 20px;
  }
  .submitButt{
    margin-left: 6%;
    font-size: 16px !important;
    width: 90%;
  }
  .recenzie{
    top: 1265px;
  }
  .lavaRecenzia{
    width: 90%;
    left: 5%;
  }
  .slideshow-container{
    width: 100%;
  }
  .text{
    font-size: 22px;
  }
  .pravaRecenzia{
    left: 60%;
    width: 39.8%;
  }
  .pravaRecenzia h2, 
  .pravaRecenzia h3{
    font-size: 26px;
    margin: -55px;
    top: -100px;
    left: 17%;
  }
  .stars{
    left: 60%;
  }
  .list{
    left: 46.5%;
    top: -201px;
  }
  .ikony{
    top: 1715px;
    height: 1050px;
  }
  .ikona{
    width: 80%;
    left: 8%;
    display: block;
    height: 300px;
  }
  body > div.ikony > div:nth-child(1){
    margin-left: 0px !important;
  }
  body > div.ikony > div:nth-child(2){
    margin-left: 0px !important;
  }
  body > div.ikony > div:nth-child(3){
    margin-left: 0px !important;
  }

  .onas{
    top: 2760px;
  }
  .onas img{
    height: 80%;
  }
  .onasText{  
    width: 90%;
    left: 5%;
    top: 25px;;
  }
  .onasTextContainer{
    width: 90%;
    left: 3%;
    top: 30px;
  }
  .onasTextContainer h1{
    font-size: 60px;
  }
  .onasTextContainer p{
    font-size: 18px;
    padding: 5px;
  }
  .footer{
    top: 3320px;
  }
  .informacie{
    display: none;
  }
  .kontakt{
    display: none;
  }
  .instagram{
    left: 10%;
    width: 90%;
  }
  .instagram img{
    width: 90%;
  }
  .form-group select{
    margin-left: 4%;
  }
  .input-spinner{
    margin-left: 8.5%;
  }
}
@media (min-width: 360px) and (max-width: 400px) {
  .kosikDetail {
    display: none;
  } 
  .obrazokHore {
    width: 100%;
    height: auto;
  }
  .topNav{
    left: 75%;
  }
  .topNav img {
    left: -15%;
  }
  .topNav p {
    left: 159%;
    top: 20px;
  }
  .logo{
    top: -5px;
    width: 13%;
  }
  .buttonHoreObrazok{
    /*
    top: 70px;
    font-size: 15px;
    width: 25%;
    left: 38%;
    
    display: none;
  }
  .produkty{
    top: 206px;
    height: 1040px;
  }
  .produkt{
    width: 45%;
    margin-left: 0px !important;
    height: 442px;
  }
  .produkty h2{
    margin-bottom: -100px;
    margin-top: 20px;
  }
  .produkt p{
    font-size: 19px;
  }
  .form-group select{
    margin-left: 8%;
    font-size: 20px;
  }
  .form-group label{
    margin-left: 23%;
    font-size: 20px;
  }
  .input-spinner{
    margin-left: 12%;
    font-size: 20px;
  }
  .submitButt{
    margin-left: 6%;
    font-size: 16px !important;
    width: 90%;
  }
  .recenzie{
    top: 1265px;
  }
  .lavaRecenzia{
    width: 90%;
    left: 5%;
  }
  .slideshow-container{
    width: 100%;
  }
  .text{
    font-size: 22px;
  }
  .pravaRecenzia{
    left: 60%;
    width: 39.8%;
  }
  .pravaRecenzia h2, 
  .pravaRecenzia h3{
    font-size: 19px;
    margin: -5px;
    top: -94px;
    left: 17%;
  }
  .stars{
    left: 60%;
  }
  .list{
    left: 53.5%;
    top: -120px;
  }
  .ikony{
    top: 1715px;
    height: 1050px;
  }
  .ikona{
    width: 80%;
    left: 8%;
    display: block;
    height: 300px;
  }
  body > div.ikony > div:nth-child(1){
    margin-left: 0px !important;
  }
  body > div.ikony > div:nth-child(2){
    margin-left: 0px !important;
  }
  body > div.ikony > div:nth-child(3){
    margin-left: 0px !important;
  }

  .onas{
    top: 2760px;
  }
  .onas img{
    height: 80%;
  }
  .onasText{  
    width: 90%;
    left: 5%;
    top: 25px;;
  }
  .onasTextContainer{
    width: 90%;
    left: 3%;
    top: 30px;
  }
  .onasTextContainer h1{
    font-size: 60px;
  }
  .onasTextContainer p{
    font-size: 18px;
    padding: 5px;
  }
  .footer{
    top: 3320px;
  }
  .informacie{
    display: none;
  }
  .kontakt{
    display: none;
  }
  .instagram{
    left: 10%;
    width: 90%;
  }
  .instagram img{
    width: 90%;
  }
  .form-group select{
    margin-left: 4%;
  }
  .input-spinner{
    margin-left: 8.5%;
  }
}
@media (min-width: 401px) and (max-width: 479px) {
  .kosikDetail {
    display: none;
  } 
  .obrazokHore {
    width: 100%;
    height: auto;
  }
  .topNav{
    left: 75%;
  }
  .topNav img {
    left: -15%;
  }
  .topNav p {
    left: 159%;
    top: 20px;
  }
  .logo{
    top: -5px;
    width: 13%;
  }
  .buttonHoreObrazok{
    /*
    top: 70px;
    font-size: 15px;
    width: 25%;
    left: 38%;
    
    display: none;
  }
  .produkty{
    top: 225px;
    height: 1040px;
  }
  .produkt{
    width: 45%;
    margin-left: 0px !important;
    height: 442px;
  }
  .produkty h2{
    margin-bottom: -100px;
    margin-top: 20px;
  }
  .produkt p{
    font-size: 23px;
  }
  .form-group select{
    margin-left: 8%;
    font-size: 20px;
  }
  .form-group label{
    margin-left: 23%;
    font-size: 20px;
  }
  .input-spinner{
    margin-left: 12%;
    font-size: 20px;
  }
  .submitButt{
    margin-left: 6%;
    font-size: 18px !important;
    width: 90%;
  }
  .recenzie{
    top: 1265px;
  }
  .lavaRecenzia{
    width: 90%;
    left: 5%;
  }
  .slideshow-container{
    width: 100%;
  }
  .text{
    font-size: 22px;
  }
  .pravaRecenzia{
    left: 60%;
    width: 39.8%;
  }
  .pravaRecenzia h2, 
  .pravaRecenzia h3{
    font-size: 26px;
    margin: -55px;
    top: -100px;
    left: 17%;
  }
  .list{
    left: 46.5%;
    top: -201px;
  }
  .ikony{
    top: 1715px;
    height: 1050px;
  }
  .ikona{
    width: 80%;
    left: 8%;
    display: block;
    height: 300px;
  }
  body > div.ikony > div:nth-child(1){
    margin-left: 0px !important;
  }
  body > div.ikony > div:nth-child(2){
    margin-left: 0px !important;
  }
  body > div.ikony > div:nth-child(3){
    margin-left: 0px !important;
  }

  .onas{
    top: 2760px;
  }
  .onas img{
    height: 80%;
  }
  .onasText{  
    width: 90%;
    left: 5%;
    top: 25px;;
  }
  .onasTextContainer{
    width: 90%;
    left: 3%;
    top: 30px;
  }
  .onasTextContainer h1{
    font-size: 60px;
  }
  .onasTextContainer p{
    font-size: 18px;
  }
  .footer{
    top: 3320px;
  }
  .informacie{
    display: none;
  }
  .kontakt{
    display: none;
  }
  .instagram{
    left: 10%;
    width: 90%;
  }
  .instagram img{
    width: 90%;
  }
}

@media (min-width: 480px) and (max-width: 599px) {
  /* CSS pre malé telefóny (napr. iPhone SE) 
  .kosikDetail {
    display: none;
  } 
  .obrazokHore {
    width: 100%;
    height: auto;
  }
  .topNav{
    left: 75%;
  }
  .topNav img {
    left: -15%;
  }
  .topNav p {
    left: 159%;
    top: 20px;
  }
  .logo{
    top: -5px;
    width: 13%;
  }
  .buttonHoreObrazok{
    /*
    top: 70px;
    font-size: 15px;
    width: 25%;
    left: 38%;
    
    display: none;
  }
  .produkty{
    top: 225px;
    height: 1040px;
  }
  .produkt{
    width: 45%;
    margin-left: 0px !important;
    height: 442px;
  }
  .produkty h2{
    margin-bottom: -100px;
    margin-top: 20px;
  }
  .form-group select{
    margin-left: 8%;
    font-size: 20px;
  }
  .form-group label{
    margin-left: 23%;
    font-size: 20px;
  }
  .input-spinner{
    margin-left: 12%;
    font-size: 20px;
  }
  .submitButt{
    margin-left: 6%;
    font-size: 18px !important;
    width: 90%;
  }
  .recenzie{
    top: 1265px;
  }
  .lavaRecenzia{
    width: 90%;
    left: 5%;
  }
  .slideshow-container{
    width: 100%;
  }
  .text{
    font-size: 22px;
  }
  .pravaRecenzia{
    left: 60%;
    width: 39.8%;
  }
  .pravaRecenzia h2, 
  .pravaRecenzia h3{
    font-size: 26px;
    margin: -55px;
    top: -100px;
    left: 17%;
  }
  .list{
    left: 46.5%;
    top: -201px;
  }
  .ikony{
    top: 1715px;
    height: 1050px;
  }
  .ikona{
    width: 80%;
    left: 8%;
    display: block;
    height: 300px;
  }
  body > div.ikony > div:nth-child(1){
    margin-left: 0px !important;
  }
  body > div.ikony > div:nth-child(2){
    margin-left: 0px !important;
  }
  body > div.ikony > div:nth-child(3){
    margin-left: 0px !important;
  }

  .onas{
    top: 2760px;
  }
  .onas img{
    height: 80%;
  }
  .onasText{  
    width: 90%;
    left: 5%;
    top: 25px;;
  }
  .onasTextContainer{
    width: 90%;
    left: 3%;
    top: 30px;
  }
  .onasTextContainer h1{
    font-size: 60px;
  }
  .onasTextContainer p{
    font-size: 18px;
  }
  .footer{
    top: 3320px;
  }
  .informacie{
    display: none;
  }
  .kontakt{
    display: none;
  }
  .instagram{
    left: 10%;
    width: 90%;
  }
  .instagram img{
    width: 90%;
  }
}

/* Stredne malé zariadenia (veľké telefóny a malé tablety) 
@media (min-width: 600px) and (max-width: 768px) {
  .logo{
    width: 6%;
    top: 0px;
  }
  .topNav{
    left: 90%;
  }
  .topNav p{
    left: 107.5%;
    top: 19px;
  }
  .buttonHoreObrazok{
    top: 150px;
    font-size: 16px;
  }
  .produkty{
    top: 390px;
    height: 600px;
  }
  .produkty h2{
    margin-top: 50px;
  }
  .produkt{
    left: 0px;
  }
  .form-group select{
    margin-left: -1.5%;
    font-size: 21px;
  }
  .form-group label{
    margin-left: 15%;
    font-size: 21px;
  }
  .form-group input{
    font-size: 17px;
  }
  .input-spinner{
    margin-left: 4%;
  }
  #quantity{
    font-size: 25.1px;
  }
  .input-spinner button svg{
    height: 28.8px;
  }
  .submitButt{
    width: 101%;
    margin-left: 0px;
  }
  .recenzie{
    top: 1100px;
  }
  .slideshow-container{
    width: 115%;
    margin-left: 7%;
  }
  .pravaRecenzia{
    position: absolute;
    left: 60%;
    width: 40%;
  }
  .pravaRecenzia h2,
  .pravaRecenzia h3{
    font-size: 50px;
    position: absolute;
    left: 24%;
    top: 242px;
  }
  .pravaRecenzia h2{
    position: absolute;
    top: 200px;
  }
  .list{
    top: 120px;
  }
  .text{
    top: 45px;
  }
  .autor{
    left: 5%;
    font-size: 35px;
  }
  .ikony{
    top: 1600px;
  }
  .ikona p{
    font-size: 24px;
  }
  body > div.ikony > div:nth-child(1){
    margin-left: -50px !important;
  }
  body > div.ikony > div:nth-child(2){
    margin-left: 60px !important;
  }
  body > div.ikony > div:nth-child(3){
    margin-left: 40px !important;
  }
  .onas{
    top: 2000px;
  }
  .onasText{
    width: 80%;
    left: 10%;
    top: 25px;
    height: 455px;
  }
  .onasTextContainer{
    left: 14%;
    width: 70%;
    top: 40px;
  }
  .footer{
    top: 2600px;
    height: 250px;
  }
  .informacie p, .kontakt p{
    font-size: 19px;
  }
  .informacie h3, .kontakt h3, .instagram h3{
    font-size: 25px;
  }
}

/* Stredné zariadenia (tablety na šírku, menšie notebooky) 
@media (min-width: 769px) and (max-width: 992px) {
  .logo{
    width: 6%;
    top: 0px;
  }
  .topNav{
    left: 90%;
  }
  .topNav p{
    left: 107.5%;
    top: 19px;
  }
  .buttonHoreObrazok{
    top: 150px;
    font-size: 16px;
  }
  .produkty{
    top: 390px;
    height: 600px;
  }
  .produkty h2{
    margin-top: 50px;
  }
  .produkt{
    left: 0px;
  }
  .form-group select{
    margin-left: -1.5%;
    font-size: 21px;
  }
  .form-group label{
    margin-left: 15%;
    font-size: 21px;
  }
  .form-group input{
    font-size: 17px;
  }
  .input-spinner{
    margin-left: 4%;
  }
  #quantity{
    font-size: 25.1px;
  }
  .input-spinner button svg{
    height: 28.8px;
  }
  .submitButt{
    width: 101%;
    margin-left: 0px;
  }
  .recenzie{
    top: 1100px;
  }
  .slideshow-container{
    width: 115%;
    margin-left: 7%;
  }
  .pravaRecenzia{
    position: absolute;
    left: 60%;
    width: 40%;
  }
  .pravaRecenzia h2,
  .pravaRecenzia h3{
    font-size: 50px;
    position: absolute;
    left: 24%;
    top: 242px;
  }
  .pravaRecenzia h2{
    position: absolute;
    top: 200px;
  }
  .list{
    top: 120px;
  }
  .text{
    top: 45px;
  }
  .autor{
    left: 5%;
    font-size: 35px;
  }
  .ikony{
    top: 1600px;
  }
  .ikona p{
    font-size: 24px;
  }
  body > div.ikony > div:nth-child(1){
    margin-left: -50px !important;
  }
  body > div.ikony > div:nth-child(2){
    margin-left: 60px !important;
  }
  body > div.ikony > div:nth-child(3){
    margin-left: 40px !important;
  }
  .onas{
    top: 2000px;
  }
  .onasText{
    width: 80%;
    left: 10%;
    top: 25px;
    height: 455px;
  }
  .onasTextContainer{
    left: 14%;
    width: 70%;
    top: 40px;
  }
  .footer{
    top: 2600px;
    height: 250px;
  }
  .informacie p, .kontakt p{
    font-size: 19px;
  }
  .informacie h3, .kontakt h3, .instagram h3{
    font-size: 25px;
  }
}

/* Veľké zariadenia (štandardné notebooky a menšie desktopy) 
@media (min-width: 993px) and (max-width: 1024px) {
  /* CSS pre klasické desktopy a väčšie notebooky 
  .logo{
    width: 5%;
    top: 0px;
  }
  .topNav{
    left: 90%;
  }
  .topNav p{
    left: 90.5%;
    top: 19px;
  }
  .buttonHoreObrazok{
    top: 200px;
    font-size: 16px;
  }
  .produkty{
    top: 495px;
    height: 600px;
  }
  .produkty h2{
    margin-top: 50px;
  }
  .produkt{
    left: 0px;
  }
  .produkt p{
    font-size: 25px;
  }
  .form-group select{
    margin-left: 10.5%;
    font-size: 21px;
  }
  .form-group label{
    margin-left: 25%;
    font-size: 21px;
  }
  .form-group input{
    font-size: 19px;
  }
  .input-spinner{
    margin-left: 14%;
  }
  #quantity{
    font-size: 25.1px;
  }
  .input-spinner button svg{
    height: 28.8px;
  }
  .submitButt{
    width: 101%;
    margin-left: 0px;
  }
  .recenzie{
    top: 1190px;
  }
  .slideshow-container{
    width: 115%;
    margin-left: 7%;
  }
  .pravaRecenzia{
    position: absolute;
    left: 60%;
    width: 40%;
  }
  .pravaRecenzia h2,
  .pravaRecenzia h3{
    font-size: 50px;
    position: absolute;
    left: 24%;
    top: 242px;
  }
  .pravaRecenzia h2{
    position: absolute;
    top: 200px;
  }
  .list{
    top: 120px;
  }
  .text{
    top: 45px;
  }
  .autor{
    left: 5%;
    font-size: 35px;
  }
  .ikony{
    top: 1655px;
  }
  .ikona p{
    font-size: 24px;
  }
  body > div.ikony > div:nth-child(1){
    margin-left: -50px !important;
  }
  body > div.ikony > div:nth-child(2){
    margin-left: 60px !important;
  }
  body > div.ikony > div:nth-child(3){
    margin-left: 40px !important;
  }
  .onas{
    top: 2060px;
  }
  .onasText{
    width: 80%;
    left: 10%;
    top: 75px;
    height: 455px;
  }
  .onasTextContainer{
    left: 14%;
    width: 70%;
    top: 85px;
  }
  .footer{
    top: 2680px;
    height: 260px;
  }
  .informacie p, .kontakt p{
    font-size: 19px;
  }
  .informacie h3, .kontakt h3, .instagram h3{
    font-size: 25px;
  }
}
@media (min-width: 1601px) and (max-width: 1979px) {
  .logo{
    width: 3%;
    top: 0px;
  }
  .topNav{
    left: 90%;
  }
  .topNav p{
    left: 65.5%;
    top: 19px;
  }
  .buttonHoreObrazok{
    top: 330px;
    font-size: 16px;
  }
  .produkty{
    top: 800px;
    height: 600px;
  }
  .produkty h2{
    margin-top: 50px;
  }
  .produkt{
    left: 0px;
  }
  .produkt p{
    font-size: 25px;
  }
  .form-group select{
    margin-left: 10.5%;
    font-size: 21px;
  }
  .form-group label{
    margin-left: 25%;
    font-size: 21px;
  }
  .form-group input{
    font-size: 19px;
  }
  .input-spinner{
    margin-left: 14%;
  }
  #quantity{
    font-size: 25.1px;
  }
  .input-spinner button svg{
    height: 28.8px;
  }
  .submitButt{
    width: 101%;
    margin-left: 0px;
  }
  .recenzie{
    top: 1600px;
  }
  .slideshow-container{
    width: 115%;
    margin-left: 7%;
  }
  .pravaRecenzia{
    position: absolute;
    left: 60%;
    width: 40%;
  }
  .pravaRecenzia h2,
  .pravaRecenzia h3{
    font-size: 50px;
    position: absolute;
    left: 24%;
    top: 242px;
  }
  .pravaRecenzia h2{
    position: absolute;
    top: 200px;
  }
  .list{
    top: 120px;
  }
  .text{
    top: 45px;
  }
  .autor{
    left: 5%;
    font-size: 35px;
  }
  .ikony{
    top: 2200px;
  }
  .ikona p{
    font-size: 24px;
  }
  body > div.ikony > div:nth-child(1){
    margin-left: -50px !important;
  }
  body > div.ikony > div:nth-child(2){
    margin-left: 60px !important;
  }
  body > div.ikony > div:nth-child(3){
    margin-left: 60px !important;
  }
  .onas{
    top: 2850px;
  }
  .onasText{
    width: 80%;
    left: 10%;
    top: 75px;
    height: 455px;
  }
  .onasTextContainer{
    left: 14%;
    width: 70%;
    top: 85px;
  }
  .footer{
    top: 3600px;
    height: 420px;
  }
  .informacie p, .kontakt p{
    font-size: 19px;
  }
  .informacie h3, .kontakt h3, .instagram h3{
    font-size: 25px;
  }

}
@media (min-width: 1601px) and (max-width: 1920px) {
  /* CSS pre veľmi veľké obrazovky – nie vždy nutné 
  .logo{
    width: 3%;
    top: 0px;
  }
  .topNav{
    left: 90%;
  }
  .topNav p{
    left: 65.5%;
    top: 19px;
  }
  .buttonHoreObrazok{
    top: 330px;
    font-size: 26px;
    height: 75px;
  }
  .produkty{
    top: 800px;
    height: 850px;
  }
  .produkty h2{
    margin-top: 50px;
  }
  .produkt{
    left: 35px;
    margin-left: 60px !important;
  }
  .produkt p{
    font-size: 25px;
  }
  .form-group select{
    margin-left: 22.5%;
    font-size: 30px;
  }
  .form-group label{
    margin-left: 39%;
    font-size: 30px;
  }
  .form-group input{
    font-size: 25px;
  }
  .form-group2 select{
    margin-left: 31.5%;
    font-size: 30px;
  }
  .form-group2 label{
    margin-left: 39%;
    font-size: 30px;
  }
  .form-group2 input{
    font-size: 25px;
  }
  .input-spinner{
    margin-left: 31%;
  }
  .input-spinner2{
    margin-left: 37%;
  }
  #quantity{
    font-size: 25.1px;
  }
  .input-spinner button svg{
    height: 28.8px;
  }
  .submitButt{
    width: 75%;
    margin-left: 47px;
  }
  .submitButt2{
    width: 50%;
    margin-left: 137px;
  }
  .recenzie{
    top: 2400px;
    height: 650px;
  }
  .slideshow-container{
    width: 115%;
    margin-left: 7%;
    height: 570px;
  }
  .pravaRecenzia{
    position: absolute;
    left: 60%;
    width: 40%;
  }
  .pravaRecenzia h2,
  .pravaRecenzia h3{
    font-size: 120px;
    position: absolute;
    left: 16%;
    top: 300px;
  }
  .pravaRecenzia h2{
    position: absolute;
    top: 200px;
  }
  .list{
    top: 120px;
  }
  .text{
    top: 100px;
    font-size: 30px;
  }
  .numbertext{
    font-size: 17px;
  }
  .autor{
    left: 5%;
    font-size: 35px;
    top: 500px;
  }
  .ikony{
    top: 3150px;
    height: 650px;
  }
  .ikona p{
    font-size: 24px;
  }
  body > div.ikony > div:nth-child(1){
    margin-left: -50px !important;
  }
  body > div.ikony > div:nth-child(2){
    margin-left: 60px !important;
  }
  body > div.ikony > div:nth-child(3){
    margin-left: 60px !important;
  }
  .onas{
    top: 3700px;
  }
  .footer{
    top: 4350px;
    height: 470px;
  }
  .informacie p, .kontakt p{
    font-size: 26px;
  }
  .informacie h3, .kontakt h3, .instagram h3{
    font-size: 38px;
  }
}
@media (min-width: 1921px) and (max-width: 2559px) {
  /* CSS pre veľmi veľké obrazovky – nie vždy nutné 
  .logo{
    width: 3%;
    top: 0px;
  }
  .topNav{
    left: 90%;
  }
  .topNav p{
    left: 65.5%;
    top: 19px;
  }
  .buttonHoreObrazok{
    top: 330px;
    font-size: 26px;
    height: 75px;
  }
  .produkty{
    top: 800px;
    height: 850px;
  }
  .produkty h2{
    margin-top: 50px;
  }
  .produkt{
    left: 35px;
    margin-left: 60px !important;
  }
  .produkt p{
    font-size: 25px;
  }
  .form-group select{
    margin-left: 22.5%;
    font-size: 30px;
  }
  .form-group label{
    margin-left: 31%;
    font-size: 30px;
  }
  .form-group input{
    font-size: 25px;
  }
  .input-spinner{
    margin-left: 31%;
  }
  #quantity{
    font-size: 25.1px;
  }
  .input-spinner button svg{
    height: 28.8px;
  }
  .submitButt{
    width: 75%;
    margin-left: 47px;
  }
  .recenzie{
    top: 2500px;
    height: 650px;
  }
  .slideshow-container{
    width: 115%;
    margin-left: 7%;
    height: 570px;
  }
  .pravaRecenzia{
    position: absolute;
    left: 60%;
    width: 40%;
  }
  .pravaRecenzia h2,
  .pravaRecenzia h3{
    font-size: 120px;
    position: absolute;
    left: 16%;
    top: 300px;
  }
  .pravaRecenzia h2{
    position: absolute;
    top: 200px;
  }
  .list{
    top: 120px;
  }
  .text{
    top: 100px;
    font-size: 30px;
  }
  .numbertext{
    font-size: 17px;
  }
  .autor{
    left: 5%;
    font-size: 35px;
    top: 500px;
  }
  .ikony{
    top: 2450px;
    height: 650px;
  }
  .ikona p{
    font-size: 24px;
  }
  body > div.ikony > div:nth-child(1){
    margin-left: -50px !important;
  }
  body > div.ikony > div:nth-child(2){
    margin-left: 60px !important;
  }
  body > div.ikony > div:nth-child(3){
    margin-left: 60px !important;
  }
  .onas{
    top: 3100px;
  }
  .footer{
    top: 3850px;
    height: 470px;
  }
  .informacie p, .kontakt p{
    font-size: 26px;
  }
  .informacie h3, .kontakt h3, .instagram h3{
    font-size: 38px;
  }
}
@media (min-width: 2560px) and (max-width: 3839px) {
  /* CSS pre 2k 
  .header{
    height: 70px;
  }
  .scrolled .header{
    height: 70px;
  }
  .logo{
    width: 3%;
    top: 0px;
  }
  .topNav{
    left: 90%;
    height: 55px;
  }
  .topNav p{
    left: 65.5%;
    top: 19px;
    font-size: 29px;
  }
  .obrazokHore {
    top: 65px;
  }
  .buttonHoreObrazok{
    top: 530px;
    font-size: 26px;
    height: 75px;
  }
  .produkty{
    top: 1160px;
    height: 850px;
  }
  .produkty h2{
    margin-top: 50px;
  }
  .produkt{
    left: 35px;
    margin-left: 60px !important;
  }
  .produkt p{
    font-size: 25px;
  }
  .form-group select{
    margin-left: 28.5%;
    font-size: 30px;
  }
  .form-group label{
    margin-left: 36%;
    font-size: 30px;
  }
  .form-group input{
    font-size: 25px;
  }
  .input-spinner{
    margin-left: 36%;
  }
  #quantity{
    font-size: 25.1px;
  }
  .input-spinner button svg{
    height: 28.8px;
  }
  .submitButt{
    width: 75%;
    margin-left: 70px;
  }
  .recenzie{
    top: 2160px;
    height: 650px;
  }
  .slideshow-container{
    width: 115%;
    margin-left: 7%;
    height: 570px;
  }
  .pravaRecenzia{
    position: absolute;
    left: 60%;
    width: 40%;
  }
  .pravaRecenzia h2,
  .pravaRecenzia h3{
    font-size: 120px;
    position: absolute;
    left: 16%;
    top: 300px;
  }
  .pravaRecenzia h2{
    position: absolute;
    top: 200px;
  }
  .list{
    top: 120px;
  }
  .text{
    top: 100px;
    font-size: 30px;
  }
  .numbertext{
    font-size: 17px;
  }
  .autor{
    left: 5%;
    font-size: 35px;
    top: 500px;
  }
  .ikony{
    top: 2850px;
    height: 650px;
  }
  .ikona p{
    font-size: 24px;
  }
  body > div.ikony > div:nth-child(1){
    margin-left: -50px !important;
  }
  body > div.ikony > div:nth-child(2){
    margin-left: 60px !important;
  }
  body > div.ikony > div:nth-child(3){
    margin-left: 60px !important;
  }
  .onas{
    top: 3460px;
  }
  .footer{
    top: 4220px;
    height: 580px;
  }
  .informacie p, .kontakt p{
    font-size: 26px;
  }
  .informacie h3, .kontakt h3, .instagram h3{
    font-size: 38px;
  }
}
@media (min-width: 3840px){

  /* CSS pre 4k 
}




@media (max-width: 680px) {
  .popup-content img {
    max-width: 60%;
    border-radius: 10px;
  }
}*/