@media zaslon i (minimalna širina: 769px) {
.cat-banner-container {
Položaj: relativna;
tekst uskladiti: centar;
boja: #fff;
maksimalna širina: 1140 piksela;
lijevo: 50%;
transformacija: translateX(-50%);
}

.cat-banner-container-mobile {
display: none;
}

.cat-banner-text-centered {
položaj: apsolutni;
vrh: 50%;
lijevo: 50%;
transformirati: prevesti (-50%, -50%);
}

.cat-banner-text-left {
položaj: apsolutni;
vrh: 50%;
lijevo: 10%;
transformiraj: prevedi(0%, -50%);
}

.cat-banner-text-line-1 {
font-težina: 700;
veličina fonta: 2em;
boja: #ffffff;
visina linije: 0.8em;
}

.cat-banner-text-line-2 {
veličina fonta: 1em;
font-težina: 700;
boja: #ffffff;
visina retka: 1em
}

.cat-banner-text-line-3 {
veličina fonta: 0.8em;
boja: #ffffff;
}
}

@media zaslon i (minimalna širina: 990px) {
.cat-banner-container {
Položaj: relativna;
tekst uskladiti: centar;
boja: #fff;
maksimalna širina: 1140 piksela;
lijevo: 50%;
transformacija: translateX(-50%);
}

.cat-banner-container-mobile {
display: none;
}

.cat-banner-text-centered {
položaj: apsolutni;
vrh: 50%;
lijevo: 50%;
transformirati: prevesti (-50%, -50%);
}

.cat-banner-text-left {
položaj: apsolutni;
vrh: 50%;
lijevo: 10%;
transformiraj: prevedi(0%, -50%);
}

.cat-banner-text-line-1 {
font-težina: 700;
veličina fonta: 3em;
boja: #ffffff;
visina linije: 1em;
}

.cat-banner-text-line-2 {
veličina fonta: 1.5em;
font-težina: 700;
boja: #ffffff;
visina linije: 1.3em;
}

.cat-banner-text-line-3 {
veličina fonta: 1.2em;
boja: #ffffff;
}
}

@media zaslon i (max-width:768px) {
.cat-banner-container {
prikaz: nijedan
}

.cat-banner-container-mobile {
Položaj: relativna;
tekst uskladiti: centar;
boja: #fff;
display: inline-block;
}

.cat-banner-text-centered-mobile {
položaj: apsolutni;
vrh: 50%;
lijevo: 50%;
transformiraj: prevedi(-50%, -50%)
}

.cat-banner-text-left-mobile {
položaj: apsolutni;
vrh: 50%;
lijevo: 5%;
transformiraj: prevedi(0%, -50%)
}

.cat-banner-text-line-1-mobile {
font-težina: 700;
veličina fonta: 1.5em;
visina linije: 1.3em;
boja: #ffffff;
}

.cat-banner-text-line-2-mobile {
veličina fonta: 1em;
font-težina: 700;
visina retka: 8 em;
boja: #ffffff;
}

.cat-banner-text-line-3-mobile {
veličina fonta: 8 em;
visina retka: 6 em;
boja: #ffffff;
}
}

POKLONI ISPOD 10 FUNTI
<!–KOMBINIRAJTE SVE MAJICE!
->
<!–– OTKRIJTE VIŠE –->

POKLONI ISPOD 10 FUNTI
<!–NA SVIM MAJICAMA!
->
<!–– OTKRIJTE VIŠE –->