#pion-preloader {background-color: #fff;z-index: 99999;display: none;}

@media (max-width: 575px)
{
    #top-menu-nav .row > div img { margin-top: 12px; }

    #top-adv-nav { height: 44px!important; }
    #top-adv-nav .left-side h2, #top-adv-nav .left-side img { display: none; }

    #top-adv-nav .left-side { margin-top: 7px; }
    #top-adv-nav h2 { font-family: 'Roboto Condensed'; display: inline-block; font-size: 0.9rem; color: #df0101; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.9); }
    #top-adv-nav h2 + h3 { font-family: 'Roboto Condensed'; display: inline-block; font-size: 0.9rem; color: white; margin-left: 5px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.9); }
    #top-adv-nav a { font-family: Roboto; font-size: 1rem; font-weight: 500; display: inline-block; background-color: #df0101; color: white; height: 100%; padding: 8px 25px; }
    
    #top-banner { background-size: cover; min-height: 450px; }
    
    #top-cta { padding: 10px; margin: 50px auto 70px; width: 90%; background-color: rgba(0,0,0,0.6); z-index: 5; }
    #top-cta h1 { font-weight: 800; font-size:1.5rem; }
    #top-cta p { font-size: 1rem; }
    #arrow-div { display: none;}
    
    #produkty .product .product-bg { background-size: cover; margin-bottom: 20px; background-position: center center; }
    #produkty .header { text-align: center; }
    #produkty .product-container { padding-left: 15px; }
    #produkty .tabs-container { padding: 0; margin-bottom: 5px; }
    .contact-map, .mapa{display: none;}
}

@media (min-width: 576px) and (max-width: 767px)
{
    #top-banner { background-size: cover; min-height: 450px; }
    
    #top-cta { padding: 10px; margin-top: 70px; width: 75%; background-color: rgba(0,0,0,0.6); }
    #top-cta h1 { font-weight: 800; font-size:1.7rem; }
    #top-cta p { font-size: 1rem; }
    
    #produkty .product .product-bg { background-size: cover; margin-bottom: 20px; background-position: center center; }
    #produkty .header { text-align: center; }
    #produkty .product-container { padding-left: 15px; }
    #produkty .tabs-container { padding: 0; margin-bottom: 5px; }
}

@media (min-width: 768px) and (max-width: 991px)
{
    #top-menu-nav .menu-container ul li a { font-size: 0.9rem; padding: 34px 9px; }
    #top-menu-nav .row > div img { margin-top: 12px; }
    
    #top-cta { padding-bottom: 90px; margin-top: 80px; width: 75%; }
    #top-cta h1 { font-weight: 800; font-size:2.5rem; }
    #top-cta p { font-size: 1.3rem; }
    
    #produkty .product .product-bg { background-size: cover; margin-bottom: 20px; background-position: center center; }
}

@media (min-width: 992px) and (max-width: 1199px)
{
    #top-menu-nav .menu-container ul li a { font-size: 1rem; padding: 34px 15px; }
    
    #top-cta { padding-bottom: 100px; margin-top: 200px; width: 65%; }
    #produkty .product .product-bg { background-size: cover; margin-bottom: 20px; background-position: center center; }
}

@media (min-width: 1200px)
{
    #top-cta { padding-bottom: 200px; margin-top: 200px; width: 65%; }
    #produkty .product .product-bg { background-size: auto; }
    #produkty .product .product-bg { background-position: top center; }
}

@media (min-width: 1300px)
{
    #top-cta { padding-bottom: 250px; margin-top: 250px; width: 65%; }
}

@media (min-width: 1400px)
{
    #top-cta { color: white; width: 55%; margin-top: 260px; padding-bottom: 330px; }
}