@media (min-width: 0px) and (max-width: 1023px)
{
    html,body
    {
        overflow-x: hidden;
    }
}

@media (min-width: 0px) and (max-width: 1023px)
{
    body
    {
        min-width: 0px;
    }
}

@media (min-width: 0px) and (max-width: 1023px)
{
    .mobilne
    {
        display: block;
    }
}

@media (min-width: 0px) and (max-width: 1023px)
{
    .global
    {
        width: auto;
    }
}

@media (min-width: 0px) and (max-width: 479px)
{
    .logo_obraz
    {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 479px)
{
    .logo_napis
    {
        left: 0;
    }
}

@media (min-width: 0px) and (max-width: 1023px)
{
    .gora_menu
    {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 1023px)
{
    .bnr
    {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 1023px)
{
    .bnr_odstep
    {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1023px)
{
    .kafelki
    {
        width: 621px;
    }
}

@media (min-width: 0px) and (max-width: 767px)
{
    .kafelki
    {
        width: auto;
    }
}

@media (min-width: 1024px)
{
    .kafelek:nth-child(3n+1)
    {
        margin-left: 0;
    }
}

@media (min-width: 1024px)
{
    .kafelek:nth-child(-n+3)
    {
        margin-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 1023px)
{
    .kafelek:nth-child(2n+1)
    {
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1023px)
{
    .kafelek:nth-child(-n+2)
    {
        margin-top: 0;
    }
}

@media (min-width: 0px) and (max-width: 767px)
{
    .kafelek
    {
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 0px) and (max-width: 767px)
{
    .kafelek:first-child
    {
        margin-top: 0;
    }
}

@media (min-width: 0px) and (max-width: 767px)
{
    .kafelek_obraz
    {
        width: 100%;
    }
}

@media (min-width: 0px) and (max-width: 767px)
{
    .kafelek:hover .kafelek_obraz
    {
        width: 110%;
        height: 110%;
        top: -5%;
        left: -5%;
    }
}

@media (min-width: 0px) and (max-width: 767px)
{
    .kafelek_nakladka
    {
        width: 100%;
    }
}

@media (min-width: 0px) and (max-width: 767px)
{
    .kafelek_ikona
    {
        width: 100%;
    }
}

@media (min-width: 0px) and (max-width: 767px)
{
    .kafelek_napis
    {
        width: 100%;
    }
}

@media (min-width: 0px) and (max-width: 1023px)
{
    .lewa
    {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 1023px)
{
    .prawa
    {
        float: none;
        width: auto;
    }
}

@media (min-width: 0px) and (max-width: 1023px)
{
    .tresc img
    {
        max-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1023px)
{
    .dol_kafelki
    {
        width: 635px;
    }
}

@media (min-width: 360px) and (max-width: 767px)
{
    .dol_kafelki
    {
        width: 310px;
    }
}

@media (min-width: 0px) and (max-width: 359px)
{
    .dol_kafelki
    {
        width: auto;
    }
}

@media (min-width: 1024px)
{
    .dol_kafelek:first-child
    {
        margin-left: 0;
    }
}

@media (min-width: 1024px)
{
    .dol_kafelek
    {
        margin-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 1023px)
{
    .dol_kafelek:nth-child(2n+1)
    {
        margin-left: 0;
        clear: left;
    }
}

@media (min-width: 768px) and (max-width: 1023px)
{
    .dol_kafelek:nth-child(-n+2)
    {
        margin-top: 0;
    }
}

@media (min-width: 0px) and (max-width: 767px)
{
    .dol_kafelek
    {
        margin-left: 0;
        clear: both;
        float: none;
        width: auto;
    }
}

@media (min-width: 0px) and (max-width: 767px)
{
    .dol_kafelek:first-child
    {
        margin-top: 0;
    }
}

@media (min-width: 0px) and (max-width: 319px)
{
    .stopka
    {
        display: none;
    }
}