html {
	-webkit-text-size-adjust: none;
}

.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

@media only screen and (max-width: 100%) {
	header {
		margin-top: 0px;
		height: 100%;
	}
	header #logo {
		top: 15px;
		left: 0px;
	}
}

@media only screen and (max-width: 100%) {
	header {
		height: 100%;
	}
	.menu {
		display: none;
	}
	.minimenu {
		display: block;
	}
	nav .wrap-nav {
		background: none;
	}
	#main-content .comment input,
	#main-content .comment textarea {
		width: 90%;
	}
}

/* Margini pentru mobil */
@media only screen and (max-width: 767px) {
	.zerogrid .wrap-col {
		margin: 15px !important;
		margin-left: 19.6px !important;
		margin-right: 19.6px !important;
		margin-top: 21px !important;
	}
	.zerogrid .wrap-footer {
		margin: 15px !important;
		margin-left: 19.6px !important;
		margin-right: 19.6px !important;
		margin-top: 15.6px !important;
	}
	header #logo {
		left: 19.6px !important;
	}
}

@media only screen and (max-width: 768px) {
	h1, h2 {
		font-size: 24px !important;
		line-height: 1.2;
	}

	/* Separat complet block03 și block09 */
	.block03 .heading h2 {
		font-size: 16px !important;
		line-height: 1.2;
		font-weight: bold;
		display: inline;
		color: #000000;
		text-transform: uppercase;
	}

	.block09 .heading h2 {
		font-size: 14px !important;
		line-height: 1.2;
		font-weight: bold;
		display: inline;
		color: #ffffff;
		text-transform: uppercase;
	}
}
/* --- Stiluri Generale (rămân așa cum sunt) --- */
html {
	-webkit-text-size-adjust: none;
}

.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* ATENTIE: Aceste media queries cu max-width: 100% nu sunt corecte si ar trebui revizuite! */
/* Le-am lăsat aici doar pentru a arăta că sunt în fișierul tău, dar nu au un efect specific dorit. */
@media only screen and (max-width: 100%) {
	header {
		margin-top: 0px;
		height: 100%;
	}
	header #logo {
		top: 15px;
		left: 0px;
	}
}

@media only screen and (max-width: 100%) {
	header {
		height: 100%;
	}
	.menu {
		display: none;
	}
	.minimenu {
		display: block;
	}
	nav .wrap-nav {
		background: none;
	}
	#main-content .comment input,
	#main-content .comment textarea {
		width: 90%;
	}
}

/* --- Noi Stiluri și Modificări --- */

/* 1. Stiluri pentru MODUL "DESKTOP SITE" pe telefon (și pentru desktop/tabletă în general) */
/* Se aplică atunci când lățimea raportată a viewport-ului este de 768px sau mai mult. */
/* Aceasta include cazul când utilizatorul bifează "Desktop site" pe telefon. */
@media only screen and (min-width: 768px) {
    .zerogrid {
        width: calc(100% - 50px); /* Lățimea totală a ecranului minus 25px stânga + 25px dreapta */
        max-width: 1080px; /* Lățimea maximă a site-ului tău pe desktop */
        margin: 0 auto; /* Centrează conținutul și creează spațiile exterioare */
    }
    header #logo {
        left: auto; /* Anulează orice poziționare fixă care ar afecta alinierea */
        margin-left: 25px; /* Aliniază logo-ul cu marginea conținutului centrat */
    }
}

/* 2. Stiluri pentru MODUL LANDSCAPE pe telefon (FĂRĂ "Desktop site" bifat) */
/* Se aplică telefoanelor (max-width: 767px) ȘI care sunt în orientare orizontală (landscape). */
/* Aceasta se declanșează atunci când nu este activat modul "Desktop site". */
@media only screen and (max-width: 767px) and (orientation: landscape) {
    .zerogrid {
        width: 100%; /* Ocupă întreaga lățime disponibilă, fără spații laterale */
        max-width: none; /* Asigură-te că nu există un max-width care să o centreze */
        margin: 0; /* Elimină orice margini de centrare */
    }
    header #logo {
        left: auto; /* Anulează orice poziționare fixă */
        margin-left: 0; /* Logo-ul va fi lipit de marginea stângă (fără spațiu de 25px) */
    }
    /* Dacă ai elemente în .zerogrid (cum ar fi .wrap-col, .wrap-footer)
       care au margini laterale și pe care vrei să le elimini în landscape,
       le poți reseta aici. Exemplu: */
    /*
    .zerogrid .wrap-col,
    .zerogrid .wrap-footer {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    */
}

/* 3. Stiluri pentru MODUL PORTRET pe telefon (rămân neschimbate) */
/* Acestea se aplică telefoanelor (max-width: 767px) indiferent de orientare, */
/* dar vor fi suprascrise pentru landscape de regula de mai sus dacă este mai specifică. */
/* Aceasta se ocupă de marginile tale de 19.6px. */
@media only screen and (max-width: 767px) {
	.zerogrid .wrap-col {
		margin: 15px !important;
		margin-left: 19.6px !important;
		margin-right: 19.6px !important;
		margin-top: 21px !important;
	}
	.zerogrid .wrap-footer {
		margin: 15px !important;
		margin-left: 19.6px !important;
		margin-right: 19.6px !important;
		margin-top: 15.6px !important;
	}
	header #logo {
		left: 19.6px !important;
	}
}

/* --- Stiluri Existente (h1, h2, etc. - rămân așa cum sunt) --- */
@media only screen and (max-width: 768px) {
	h1, h2 {
		font-size: 24px !important;
		line-height: 1.2;
	}

	/* Separat complet block03 și block09 */
	.block03 .heading h2 {
		font-size: 16px !important;
		line-height: 1.2;
		font-weight: bold;
		display: inline;
		color: #000000;
		text-transform: uppercase;
	}

	.block09 .heading h2 {
		font-size: 14px !important;
		line-height: 1.2;
		font-weight: bold;
		display: inline;
		color: #ffffff;
		text-transform: uppercase;
	}
}