
@media screen and (max-width: 480px) {
	
    .kontener_strony_hurtownia_odziezy_uzywanej {
        width: 100%; /* Pełna szerokość ekranu */
        max-width: 480px; /* Maksymalna szerokość dla telefonów */
        margin: 0 auto;
        box-sizing: border-box; /* Zapobiega problemom z paddingiem */
		padding : 0 2px;
    }
	
	.baner_hurtownia_odziezy_uzywanej {margin-top:0px;width:100%;height:82px; }

	.reka_hurtownia_odziezy_uzywanej {display: none;}
	
	.ramka_logo_hurtownia_odziezy_uzywanej{margin-top:5px;margin-left:0px;width:100%;height:80px;}
	.logo_hurtownia_odziezy_uzywanej{width:300px;}
	
	.tekst_hurtownia_odziezy_uzywanej{margin-top:15px;}
	.tekst_hurtownia_odziezy_uzywanej p {margin-left:5px;font-size: 17px;color:#000;font-weight:bold}

    .menu_poziome_hurtownia_odziezy_uzywanej {
        width: 100%;
        height: auto; /* Dopasuj wysokość do zawartości */
      /*  background: #333333; */
		
    }
    .menu_poziome_hurtownia_odziezy_uzywanej ul {
        margin: 0;
        padding: 0;
    }
    .menu_poziome_hurtownia_odziezy_uzywanej li {
        display: block; /* Każdy element pod sobą */
        height: auto; /* Dopasuj wysokość do zawartości */
        border-bottom: 1px solid #444; /* Separator między przyciskami */
    }
    .menu_poziome_hurtownia_odziezy_uzywanej a {
        font-size: 16px; /* Większa czcionka dla czytelności */
        padding: 12px; /* Większy padding dla łatwego klikania */
        line-height: normal; /* Usuń stałą wysokość linii */
        color: #ffffff;
        text-decoration: none;
        display: block; /* Linki wypełniają cały obszar li */
        text-align: left; /* Wyrównanie do lewej dla naturalnego wyglądu */
    }
    .menu_poziome_hurtownia_odziezy_uzywanej a:hover {
        background: #F3F3F3;
        color: #333333;
    }


	.tresc_hurtownia_odziezy_uzywanej {padding: 0 15px;}

	.tresc1_hurtownia_odziezy_uzywanej {padding:0px;}
	.tresc1_hurtownia_odziezy_uzywanej p{font-size:20px;}

	.tresc2_hurtownia_odziezy_uzywanej {padding:0px;margin-top:15px}
	.tresc2_hurtownia_odziezy_uzywanej p{font-size:22px;}

	.tresc3_hurtownia_odziezy_uzywanej {padding:0px;margin-top:15px}
	.tresc3_hurtownia_odziezy_uzywanej p{font-size:22px;}




	.ramka_tabeli_hurtownia_odziezy_uzywanej{display:none;}

	.prostokat_hurtownia_odziezy_uzywanej {
        
        border: 1px solid #ddd; /* Subtelna ramka */
        border-radius: 5px; /* Zaokrąglone rogi */
        margin: 10px 0; /* Odstęp między elementami */
        padding: 10px; /* Wewnętrzny odstęp */
        box-sizing: border-box;
        clear: both; /* Zachowaj clear dla bezpieczeństwa */
    }

    /* Zagnieżdżone div-y (pionowy układ) */
    .wpisz_kod_hurtownia_odziezy_uzywanej,
    .wpisz_aso_hurtownia_odziezy_uzywanej,
    .wpisz_cen_hurtownia_odziezy_uzywanej,
    .wpisz_pro_hurtownia_odziezy_uzywanej {
        float: none; /* Usuń float */
        display: block; /* Układ pionowy */
        width: 100%; /* Pełna szerokość */
        margin: 15px 0; /* Odstęp między elementami */
        padding: 5px 0; /* Wewnętrzny odstęp */
        text-align: left; /* Wyrównanie tekstu */
    }
	.wpisz_pro_hurtownia_odziezy_uzywanej p{text-align:center;}



	.tresc_brutto{padding:0px;margin-top:15px;margin-bottom:5px;}
	.tresc_brutto p {display:block; font: 300 22px/1.625 "Arial",Arial,Arial,sans-serif;color:#373737;font-weight:bold;}

	.asortyment_holandia{display:block;width:100%;padding:5px;}
	.asortyment_holandia p {font-size:20px;font: 300 22px/1.625 "Arial",Arial,Arial,sans-serif;color:#373737;font-weight:bold;}



    .klasa_obrazek_hurtownia_odziezy_uzywanej {
        width: 100%; /* Pełna szerokość ekranu */
        max-width: 100%; /* Zapobiega przekroczeniu szerokości ekranu */
        height: auto; /* Dopasowanie wysokości do zawartości */
        padding: 15px; /* Zmniejszony padding dla mniejszych ekranów */
        margin: 15px 0; /* Odstęp między obrazami */
        box-sizing: border-box; /* Uwzględnia padding w szerokości */
        background: #eeeeee;
        border-radius: 10px;
    }

    .klasa_obrazek_hurtownia_odziezy_uzywanej img {
        width: 100%; /* Obraz wypełnia kontener */
        height: auto; /* Zachowuje proporcje */
        display: block; /* Usuwa dodatkowe odstępy */
        margin: 0 auto; /* Wyśrodkowanie obrazu */
        padding-top: 10px; /* Mniejszy padding górny */
    }

    .klasa_obrazek_hurtownia_odziezy_uzywanej p {
        margin: 0; /* Mniejszy margines dla tekstu */
        font-size: 16px; /* Mniejsza czcionka dla czytelności na telefonach */
        text-align: center; /* Wyśrodkowanie tekstu dla estetyki */
    }






 /* Contact wrapper: stack elements vertically */
    .kontakt_wrapper {
        background: #f5f5f5; /* Light background for contrast */
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 15px;
        box-sizing: border-box;
    }

    .kontakt_godziny_wrapper {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0;
    }

    .kontakt {
        width: 100%;
        font-size: 1.2em;
        font-weight: bold;
        text-align: center;
        margin-bottom: 10px;
    }

    .adres, .pytania, .telefon {
        width: 100%;
		height:auto;
        background: #fff; /* White background for contrast */
        border: 1px solid #ddd;
        padding: 10px;
        margin: 5px 0;
        font-size: 1em;
        text-align: center;
        box-sizing: border-box;
    }

    .pytania a {
        color: #007bff; /* Blue for links */
        text-decoration: none;
    }

    .pytania a:hover {
        text-decoration: underline;
    }

    .godziny {
        width: 100%;
        font-size: 1.2em;
        font-weight: bold;
        text-align: center;
        margin: 20px 0 10px 0;
    }

    .szanowni {
        width: 100%;
        background: #fff;
        border: 1px solid #ddd;
        padding: 15px;
        font-size: 0.95em;
        text-align: center;
        line-height: 1.6;
        box-sizing: border-box;
    }

    .szanowni span[style*="color:dark-red"] {
        color: #d32f2f; /* Consistent red color */
    }

    .szanowni span[style*="font-weight:bold"] {
        font-weight: bold;
    }

    /* Map wrapper */
    .map_wrapper {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
    }

    .map_wrapper p {
        font-size: 1.1em;
        color: #333;
        margin-bottom: 10px;
        text-align: center;
    }

    .map_wrapper iframe {
        width: 100%;
        max-width: 100%;
        height: 250px; /* Adjusted for mobile */
        border: 0;
        margin: 0 auto;
    }


    /* Bottom section */
    .tresc4_hurtownia_odziezy_uzywanej {
        text-align: center;
        margin-top: 20px;
    }

    .tresc4_hurtownia_odziezy_uzywanej p {
        font-size: 1.2em;
        margin: 10px 0;
    }

    .tresc4_hurtownia_odziezy_uzywanej h1 {
        font-size: 1.5em;
        color: #333;
        margin: 10px 0;
    }

	.tresc55_hurtownia_odziezy_uzywanej {        text-align: center;
        margin-top: 20px;}
	.tresc55_hurtownia_odziezy_uzywanej p {        font-size: 1.2em;
        margin: 10px 0;}

    .spacer {
        height: 10px;
        width: 100%;
        clear: both;
		background:#fff;
    }
}

