.container .mobil {
    display: none;
}

@media (max-width: 1280px) {


    .grid-item-sauerburger,
    .grid-item-striegel,
    .grid-itemO,
    .grid-item {
        height: 200px;
        margin-bottom: 5px;
        position: relative;
    }
}

@media (max-width: 1100px) {

    .grid-item-sauerburger h2,
    .grid-item-striegel h2,
    .grid-item-rozmital h2,
    .grid-item-malotraktory h2,
    .grid-itemO h2,
    .grid-item h2 {
        margin: 5px;
        bottom: 30px;
        left: 0px;
        padding: 10px;
        font-size: 20px;
    }

    .grid-item-rozmital,
    .grid-item-malotraktory {
        height: 200px;

    }

    .grid-item1 p {
        font-size: 14px;
    }
}


@media (max-width: 1050px) {

    .grid-item-sauerburger h2,
    .grid-item-striegel h2,
    .grid-itemO-h2,
    .grid-item-h2 {
        margin: 5px;

        bottom: 30px;
        left: 0px;
        padding: 10px;

        font-size: 20px;
    }

    .grid-item-sauerburger,
    .grid-item-striegel,
    .grid-itemO,
    .grid-item {
        height: 180px;
        margin-bottom: 5px;
    }

}

@media (max-width: 900px) {

    .grid-container,
    .grid-container3,
    .grid-container-striegel,
    .grid-container-sauerburger {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(1, 1fr);
        gap: 4px;
        margin: 50px 4px;

    }

    .grid-item,
    .grid-itemO,
    .grid-item-striegel,
    .grid-item-sauerburger {
        height: 250px;
        margin-bottom: 5px;
    }
}


@media (max-width: 760px) {


    .grid-item,
    .grid-itemO,
    .grid-item-rozmital,
    .grid-item-malotraktory,
    .grid-item-striegel,
    .grid-item-sauerburger {
        height: 200px;
        margin-bottom: 5px;
    }
}

@media (max-width: 630px) {

    .grid-container,
    .grid-container3,
    .grid-container-rozmital,
    .grid-container-malotraktory,
    .grid-container-striegel,
    .grid-container-sauerburger {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        gap: 4px;
        margin: 50px 4px;
        width: 100%;

    }

    .grid-item,
    .grid-itemO,
    .grid-item-rozmital,
    .grid-item-malotraktory,
    .grid-item-striegel,
    .grid-item-sauerburger {
        width: 80%;
        height: 250px;
        margin-bottom: 5px;
        margin: 5px 10%;
    }
}

@media (max-width: 500px) {


    .grid-item,
    .grid-itemO,
    .grid-item-striegel,
    .grid-item-rozmital,
    .grid-item-malotraktory,
    .grid-item-sauerburger {
        width: 90%;
        height: 250px;
        margin-bottom: 5px;
        margin: 5px 5%;
    }
}

@media (max-width: 400px) {

    .grid-item,
    .grid-itemO,
    .grid-item-striegel,
    .grid-item-rozmital,
    .grid-item-malotraktory,
    .grid-item-sauerburger {
        width: 94%;
        height: 200px;
        margin-bottom: 5px;
        margin: 5px 3%;
    }
}



/***************************výrobky************/
@media (max-width: 1280px) {
    .grid-item1 p {
        padding: 10px;
    }

    .container .hevaSlupice .slupiceGallery {
        width: 90%;
        margin: 20px 5%;

    }

}


@media (max-width: 1100px) {

    .container .hevaSlupice .slupiceGallery {
        width: 90%;
        margin: 20px 5%;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: repeat(2, 1fr);
        gap: 2px;

    }

    .container .hevaSlupice .slupiceGallery>div {
        width: 200px;
        height: 170px;
        margin: 5px;

    }

    .container .hevaSlupice .slupiceGallery img {
        width: 200px;
        height: 150px;


    }

    .container .hevaSlupice .slupiceGallery p {

        font-size: 12px;
    }

    .grid-item1 p {
        font-size: 14px;
    }
}

@media (max-width: 1050px) {
    .grid-item1 p {
        font-size: 13px;
    }
}

@media (max-width: 1000px) {
    .grid-item1 p {
        font-size: 12px;
    }

    .tabulkaWestern {
        font-size: 10px;
        width: 99%;
        margin: 0 0.5%;

    }
}

@media (max-width: 800px) {
    .vybava {
        width: 90%;
        margin: 50px 5%;
        display: flex;
        flex-direction: column;
        background-color: rgb(146, 141, 141);
        padding: 20px;
    }

    .videoProdukt {
        width: 80%;
        margin: 50px 10%;
        display: flex;
        flex-direction: column;

        justify-content: center;
    }

    .videoProdukt iframe {
        margin: 30px 10px;
        width: 98%;

    }

    .grid-item1 p {
        font-size: 15px;
    }


    .container .mobil {
        display: block;
    }

    .container .pocitac {
        display: none;
    }

    .grid-container1 {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        gap: 0px;
        margin: 50px 4px;
    }

    .grid-item1 {
        width: 80%;
        margin: 10px 10%;
        height: 300px;
    }

    .container .hevaSlupice .slupiceGallery {
        width: 90%;
        margin: 20px 5%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(2, 1fr);
        gap: 2px;

    }

    .container .hevaSlupice .slupiceGallery>div {
        width: 250px;
        height: 220px;
        margin: 5px;

    }

    .container .hevaSlupice .slupiceGallery img {
        width: 250px;
        height: 200px;


    }

    .container .hevaSlupice .slupiceGallery p {

        font-size: 14px;
    }

}

@media (max-width: 700px) {
    .container .tabulkaWestern {
        display: none;
    }

    .gallery {
        width: 90%;
        margin: 10px 5%;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr);
        grid-gap: 10px;

    }

    .image-container img {
        width: 100%;
        height: 100%;
    }

    .image-container.large {


        grid-column: span 1;
        /* zabírá 1 sloupec */
        grid-row: span 1;
        /* zabírá 1 řádek */
    }


    .gallery-image {
        width: 100%;
        height: 100%;

    }

    .gallery-image1 {
        width: 100%;
        height: 100%;
    }

    .grid-item1 {

        height: 350px;
        width: 98%;
        margin: 10px 1%;
    }

    .container .hevaSlupice .slupiceGallery>div {
        width: 200px;
        height: 170px;
        margin: 5px;

    }

    .container .hevaSlupice .slupiceGallery img {
        width: 200px;
        height: 150px;


    }

    .container .hevaSlupice .slupiceGallery p {

        font-size: 12px;
    }

    .grid-item1 p {
        font-size: 13px;
    }

    .vybava .standardniVybava,
    .vybava .priplatkovaVybava {
        padding: 10px 10px;
        margin-right: 0px;
        color: white;
    }

    .nadpisTabulka {
        display: none;
    }
    .container h4{
        display: none;
    }

}

@media (max-width: 600px) {

    .grid-item1 {

        height: 300px;
    }
}

@media (max-width: 500px) {

    .container .hevaSlupice .slupiceGallery {
        width: 90%;
        margin: 20px 5%;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 1fr);
        gap: 2px;
        justify-items: center;

    }

    .container .hevaSlupice .slupiceGallery>div {
        width: 250px;
        height: 220px;
        margin: 5px;

    }

    .container .hevaSlupice .slupiceGallery img {
        width: 250px;
        height: 200px;


    }

    .container .hevaSlupice .slupiceGallery p {

        font-size: 14px;
    }

    .grid-item1 p {
        font-size: 10px;
    }

    .grid-item1 {

        height: 180px;
    }

}

@media (max-width: 500px) {
    .grid-item1 {

        height: 220px;
    }

}