/* -------------- RESPONSIVE WEB DESIGNE ------------- */
@media all and (min-width: 768px) and (max-width: 989px){
    
    body { overflow-x: auto; }
    
    /* --- TURN OFF --- */
    #cookie { display: none; }
    #bg_top { display: none; }
    .languages { display: none; }
    .logo { display: none; }
    .menu { display: none; }
    .menu_search { display: none; }
    .content_search { display: none; } 
    .image_effect_gallary  { display: none; }
    .image_effect { display: none; } 
    .panel_right { display: none; }
    .blok_pierwszy { display: none; }
    
    /* --- TURN ON --- */
    #bg_menu_rwd { display: block; }
    .menu_rwd { display: block; }
    .search_rwd { display: block; }
    .top_mobile { display: block; }
    .bg_undermenu_rwd { display: block; }
    .languages_rwd_front { display: block; }
    .languages_rwd_page { display: block; }
    
    .pos-center { width: 100%; }
    
    #bg_panel { height: 75px; }
    .panel_left { font: 300 2em/1em 'Roboto'; margin: 24px 0 0 30px; }
    #bg_slogan { height: 75px; }
    .slogan { margin: 25px 0 0 0; }
    .slogan h1 { font: 300 1.7em/1em 'Roboto'; }
    
    .shadow { width: 100%; }
    
    .column { float: left; width: 24.9%; padding: 0; border-right: 0.1% solid #5f656b; margin: 20px 0 20px 0; }
    .column p { width: 90%; margin: 0 0 0 8%; }
    .column.last { width: 24.9%; }
    .column a { width: 100%; }
    .column h4 { width: 90%; }
    
    .content_site_up { background: url(img/bg_name.png) no-repeat 6% center;}
    .content_site { width: 88%; margin: 0 3% 40px 3%; padding: 1% 3% 3% 3%; } 
    .content_site p { text-align: justify; }
    
    .albumy { width: 100%; }
    .albumy ul.picturelist { width: 100%; }
    .albumy ul.picturelist li.thumb { width: 24.8%; margin: 0.2% 0.2% 0 0; height: 154px; }
    .albumy ul.picturelist li.thumb a { width: 100%; }
    .albumy ul.picturelist li.thumb a span { width: 100%; }
    .albumy ul.picturelist li.thumb a span img { width: 100%; height: 154px; }
    
    .container { width: 750px; margin: 0 auto; }
    .languages_rwd_page { top: 157px; }
    
    .content_site .blok_oferta { width: 15%; padding: 0 5%; height: 190px; margin: 10px 0; }
    .content_site .blok_oferta p { width: 100%; }
}

/* -------------- RESPONSIVE WEB DESIGNE ------------- */
@media all and (min-width: 610px) and (max-width: 767px){
	
    /* --- TURN OFF --- */
    #cookie { display: none; }
    #bg_top { display: none; }
    .languages { display: none; }
    .logo { display: none; }
    .menu { display: none; }
    .menu_search { display: none; }
    .content_search { display: none; }
    .image_effect_gallary  { display: none; }
    .image_effect { display: none; } 
    .panel_right { display: none; }
    .blok_pierwszy { display: none; }
    table.dane_adresowe { display: none; }
    
    /* --- TURN ON --- */
    #bg_menu_rwd { display: block; }
    .menu_rwd { display: block; }
    .search_rwd { display: block; }
    .top_mobile { display: block; }
    .bg_undermenu_rwd { display: block; }
    .languages_rwd_front { display: block; }
    .languages_rwd_page { display: block; }
    
    .pos-center { width: 100%; }
    
    #bg_content { min-height: 0; }
    #bg_panel { height: 65px; }
    .panel_left { font: 400 1.7em/1em 'Roboto Condensed'; margin: 19px 0 0 30px;  }
    #bg_slogan { height: 65px; }
    .slogan { margin: 22px 0 0 0; }
    .slogan h1 { font: 400 1.5em/1em 'Roboto Condensed'; }  
    
    .shadow { width: 100%; }
    
    .column { float: left; width: 49.9%; padding: 0; border-right: 0 none; margin: 20px 0 20px 0; }
    .column p { width: 100%; margin: 0; text-align: center; }
    .column.last { width: 49.9%; }
    .column a { width: 100%; }
    .column h4 { width: 90%; }
    .column h4.color { border-bottom: 5px solid #606060; }
    
    .content_site_up { background: url(img/bg_name.png) no-repeat 6% center;}
    .content_site { width: 88%; margin: 0 3% 40px 3%; padding: 1% 3% 3% 3%; } 
    .content_site p { text-align: justify; }
    
    .albumy { width: 100%; }
    .albumy ul.picturelist { width: 100%; }
    .albumy ul.picturelist li.thumb { width: 33.1111%; margin: 0.2% 0.2% 0 0; height: 154px; }
    .albumy ul.picturelist li.thumb a { width: 100%; }
    .albumy ul.picturelist li.thumb a span { width: 100%; }
    .albumy ul.picturelist li.thumb a span img { width: 100%; height: 154px; }
    
    .container { width: 100%; margin: 0 auto; }
    .blok { float: left; margin: 70px 4% 70px 4%; width: 25%; height: auto; }
    .blok img { width: 100%; height: auto; }
    .blok a.more { width: 100%; }
    
    .contact_form input { width: 57%; }
    .contact_form textarea { width: 55%; }
    .contact_form div.submit input { margin: 6px 0 6px 0; }
    .languages_rwd_page { top: 148px; }
    
    .content_site .blok_oferta { width: 22%; padding: 0 5.5%; height: 190px; margin: 10px 0; }
    .content_site .blok_oferta p { width: 100%; }
}

/* -------------- RESPONSIVE WEB DESIGNE ------------- */
@media all and (min-width: 450px) and (max-width: 609px){
	
    /* --- TURN OFF --- */
    #cookie { display: none; }
    #bg_top { display: none; }
    .languages { display: none; }
    .logo { display: none; }
    .menu { display: none; }
    .menu_search { display: none; }
    .content_search { display: none; }
    .image_effect_gallary  { display: none; }
    .image_effect { display: none; } 
    .panel_right { display: none; }
    .blok_pierwszy { display: none; }
    table.dane_adresowe { display: none; }
    
    /* --- TURN ON --- */
    #bg_menu_rwd { display: block; }
    .menu_rwd { display: block; }
    .search_rwd { display: block; }
    .top_mobile { display: block; }
    .languages_rwd_front { display: block; }
    .bg_undermenu_rwd { display: block; }
    .languages_rwd_page { display: block; }
    
    .pos-center { width: 100%; }
    .shadow { width: 100%; height: 7px; background: url(img/shadow_609.png) center top no-repeat; text-align: center; }
    
    #bg_content { min-height: 0; }
    #bg_panel { height: 60px; }
    .panel_left { font: 400 1.7em/1em 'Roboto Condensed'; margin: 16px 0 0 30px;  }
    #bg_slogan { height: 60px; }
    .slogan { margin: 22px 0 0 0; }
    .slogan h1 { font: 400 1.125em/1.125em 'Roboto Condensed'; }  

    .top_mobile { height: 250px; background: url(img/top_609.jpg) no-repeat; }
    
    .column { float: left; width: 49.9%; padding: 0; border-right: 0 none; margin: 20px 0 20px 0; }
    .column p { width: 100%; margin: 0; text-align: center; }
    .column.last { width: 49.9%; }
    .column a { width: 100%; }
    .column h4 { width: 90%; }
    .column h4.color { border-bottom: 5px solid #606060; }
    
    .content_site_up { background: url(img/bg_name.png) no-repeat 6% center;}
    .content_site { width: 88%; margin: 0 3% 40px 3%; padding: 1% 3% 3% 3%; } 
    .content_site p { text-align: justify; }
    .content_site p img { clear: both; width: 50%; margin: 15px 25% 15px 25%; }
    
    .albumy { width: 100%; }
    .albumy ul.picturelist { width: 100%; }
    .albumy ul.picturelist li.thumb { width: 49.7%; margin: 0.3% 0.3% 0 0; height: 154px; }
    .albumy ul.picturelist li.thumb a { width: 100%; }
    .albumy ul.picturelist li.thumb a span { width: 100%; }
    .albumy ul.picturelist li.thumb a span img { width: 100%; height: 154px; }
    
    .container { width: 100%; margin: 0 auto; }
    .blok { float: left; margin: 50px 1% 50px 1%; width: 30%; height: auto; }
    .blok img { width: 100%; height: auto; }
    .blok a.more { width: 100%; font: 400 0.875em/0.875em 'Roboto Condensed'; }
    
    .contact_form label { float: left; text-align: left; width: 100%; }
    .contact_form input { float: none; width: 100%; }
    .contact_form textarea { width: 97%; }
    .contact_form div.submit { width: 100%; margin: 0 auto; }
    .contact_form div.submit input { float: none; margin: 6px 0 6px 5%; }
    
    .languages_rwd_page { top: 140px; }
    
    .content_site .blok_oferta { width: 22%; padding: 0 5.5%; height: 190px; margin: 10px 0; }
    .content_site .blok_oferta p { width: 100%; }
}

/* -------------- RESPONSIVE WEB DESIGNE ------------- */
@media all and (min-width: 320px) and (max-width: 449px){
	
    /* --- TURN OFF --- */
    #cookie { display: none; }
    #bg_top { display: none; }
    .languages { display: none; }
    .logo { display: none; }
    .menu { display: none; }
    .menu_search { display: none; }
    .content_search { display: none; }
    .image_effect_gallary  { display: none; }
    .image_effect { display: none; } 
    .panel_right { display: none; }
    .blok_pierwszy { display: none; }
    table.dane_adresowe { display: none; }
    
    /* --- TURN ON --- */
    #bg_menu_rwd { display: block; }
    .menu_rwd { display: block; }
    .search_rwd { display: block; }
    .top_mobile { display: block; }
    .languages_rwd_front { display: block; }
    .bg_undermenu_rwd { display: block; }
    .languages_rwd_page { display: block; }
    
    .pos-center { width: 100%; }
    .shadow { width: 100%; height: 7px; background: url(img/shadow_609.png) center top no-repeat; text-align: center; }
    
    #bg_content { min-height: 0; }
    #bg_panel { height: 60px; }
    .panel_left { font: 400 1.7em/1em 'Roboto Condensed'; margin: 16px 0 0 15px;  }
    #bg_slogan { height: 60px; }
    .slogan { margin: 5px 0 0 0; }
    .slogan h1 { width: 290px; margin: 0 auto; font: 400 1.125em/1.4em 'Roboto Condensed'; text-align: center;  }  

    .search_rwd form { width: 305px; }
    .search_rwd form .search-input { width: 250px; }
 
    .top_mobile { height: 250px; background: url(img/top_449.jpg) no-repeat; }
    
    .logo_rwd { margin: 13px 0 0 10px; }
    .logo_rwd a { float: left; width: 140px; height: 45px; background: url(img/logo_polfarm_rwd_small.png) no-repeat; }
    
    .column { float: left; width: 100%; padding: 0; border-right: 0 none; margin: 10px 0 20px 0; }
    .column p { width: 100%; margin: 0; text-align: center; }
    .column.last { width: 49.9%; }
    .column a { width: 100%; }
    .column h4 { width: 60%; padding: 8px; margin: 0 auto 10px auto; float: none; font: 400 1.7em/1.7em 'Roboto Condensed'; }
    .column h4 { border-bottom: 5px solid #f58220; }
    .column h4.color { border-bottom: 5px solid #f58220; }
    .column.item2 { display: none; } 
    .column.item3 { display: none; }
    .column.item4 { display: none; }
    
    .content_site_up { background: url(img/bg_name.png) no-repeat 6% center;}
    .content_site { width: 88%; margin: 0 3% 40px 3%; padding: 1% 3% 3% 3%; } 
    .content_site p { text-align: justify; }
    .content_site p img { clear: both; width: 62%; margin: 15px 19% 15px 19%; }
    
    .content_site .blok_oferta { width: 42%; padding: 0 4%; height: 190px; margin: 10px 0; }
    .content_site .blok_oferta p { width: 100%; }
    
    .albumy { width: 100%; }
    .albumy ul.picturelist { width: 100%; }
    .albumy ul.picturelist li.thumb { width: 49.7%; margin: 0.3% 0.3% 0 0; height: 134px; }
    .albumy ul.picturelist li.thumb a { width: 100%; }
    .albumy ul.picturelist li.thumb a span { width: 100%; }
    .albumy ul.picturelist li.thumb a span img { width: 100%; height: 134px; }
    
    .container { width: auto; margin: 20px auto; }
    .blok { float: left; margin: 20px 25%; width: 50%; height: auto; }
    .blok img { width: 100%; height: auto; }
    .blok a.more { width: 90%; }
    
    .contact_form div { width: 90%; margin: 0 5%; }
    .contact_form label { float: left; text-align: left; width: 100%; }
    .contact_form input { float: none; width: 100%; }
    .contact_form textarea { width: 97%; }
    .contact_form div.submit { width: 100%; margin: 0 auto; }
    .contact_form div.submit input { float: none; margin: 6px 0 6px 5%; }
    
    .languages_rwd_front { left: 28px; }
    .languages_rwd_page { top: 140px; right: 20px; }
    
    .undermenu_rwd ul li { width: 40%; margin: 5px 5%; }
    .undermenu_rwd ul li a { width: 100%; padding: 8px 0; text-align: center; }
    
    .mapa_dojazdu_etykieta { width: 70%; padding: 12px 0; margin: 0 15% 25px 15%; right: auto; }
}

/* -------------- RESPONSIVE WEB DESIGNE ------------- */
@media all and (min-width: 0px) and (max-width: 320px){
	
    /* --- TURN OFF --- */
    #cookie { display: none; }
    #bg_top { display: none; }
    .languages { display: none; }
    .logo { display: none; }
    .menu { display: none; }
    .menu_search { display: none; }
    .content_search { display: none; }
    .image_effect_gallary  { display: none; }
    .image_effect { display: none; } 
    .panel_right { display: none; }
    .blok_pierwszy { display: none; }
    table.dane_adresowe { display: none; }
    
    /* --- TURN ON --- */
    #bg_menu_rwd { display: block; }
    .menu_rwd { display: block; }
    .search_rwd { display: block; }
    .top_mobile { display: block; }
    .languages_rwd_front { display: block; }
    .bg_undermenu_rwd { display: block; }
    .languages_rwd_page { display: block; }
    
    .pos-center { width: 100%; }
    .shadow { width: 100%; height: 7px; background: url(img/shadow_609.png) center top no-repeat; text-align: center; }
    
    #bg_content { min-height: 0; }
    #bg_panel { height: 60px; }
    .panel_left { font: 400 1.7em/1em 'Roboto Condensed'; margin: 16px 0 0 15px;  }
    #bg_slogan { height: 60px; }
    .slogan { margin: 5px 0 0 0; }
    .slogan h1 { width: 290px; margin: 0 auto; font: 400 1.125em/1.4em 'Roboto Condensed'; text-align: center;  }  

    .search_rwd form { width: 305px; }
    .search_rwd form .search-input { width: 250px; }
 
    .top_mobile { height: 250px; background: url(img/top_449.jpg) no-repeat; }
    
    .logo_rwd { margin: 13px 0 0 10px; }
    .logo_rwd a { float: left; width: 140px; height: 45px; background: url(img/logo_polfarm_rwd_small.png) no-repeat; }
    
    .column { float: left; width: 100%; padding: 0; border-right: 0 none; margin: 10px 0 20px 0; }
    .column p { width: 100%; margin: 0; text-align: center; }
    .column.last { width: 49.9%; }
    .column a { width: 100%; }
    .column h4 { width: 60%; padding: 8px; margin: 0 auto 10px auto; float: none; font: 400 1.7em/1.7em 'Roboto Condensed'; }
    .column h4 { border-bottom: 5px solid #f58220; }
    .column h4.color { border-bottom: 5px solid #f58220; }
    .column.item2 { display: none; } 
    .column.item3 { display: none; }
    .column.item4 { display: none; }
    
    .content_site_up { background: url(img/bg_name.png) no-repeat 6% center;}
    .content_site { width: 88%; margin: 0 3% 40px 3%; padding: 1% 3% 3% 3%; } 
    .content_site p { text-align: justify; }
    .content_site p img { clear: both; width: 62%; margin: 15px 19% 15px 19%; }
    
    .content_site .blok_oferta { width: 42%; padding: 0 4%; height: 190px; margin: 10px 0; }
    .content_site .blok_oferta p { width: 100%; }
    
    .albumy { width: 100%; }
    .albumy ul.picturelist { width: 100%; }
    .albumy ul.picturelist li.thumb { width: 49.7%; margin: 0.3% 0.3% 0 0; height: 134px; }
    .albumy ul.picturelist li.thumb a { width: 100%; }
    .albumy ul.picturelist li.thumb a span { width: 100%; }
    .albumy ul.picturelist li.thumb a span img { width: 100%; height: 134px; }
    
    .container { width: auto; margin: 20px auto; }
    .blok { float: left; margin: 20px 25%; width: 50%; height: auto; }
    .blok img { width: 100%; height: auto; }
    .blok a.more { width: 90%; }
    
    .contact_form div { width: 90%; margin: 0 5%; }
    .contact_form label { float: left; text-align: left; width: 100%; }
    .contact_form input { float: none; width: 100%; }
    .contact_form textarea { width: 97%; }
    .contact_form div.submit { width: 100%; margin: 0 auto; }
    .contact_form div.submit input { float: none; margin: 6px 0 6px 5%; }
    
    .languages_rwd_front { left: 28px; }
    .languages_rwd_page { top: 140px; right: 20px; }
    
    .undermenu_rwd ul li { width: 40%; margin: 5px 5%; }
    .undermenu_rwd ul li a { width: 100%; padding: 8px 0; text-align: center; }
    
    .mapa_dojazdu_etykieta { width: 90%; padding: 12px 0; margin: 0 5% 25px 5%; right: auto; }

}