@media (max-width: 1024px) and (min-width: 768px) {
.title {
font-size: 1.2rem;
}
}
@media (max-width: 1024px) and (min-width: 768px) {
.title {
font-size: 1rem
}
}
@media only screen and (max-width: 1300px) {
font-size: 1.7rem;
}
@media only screen and (max-width: 1200px) {
font-size: 1.6rem;
}
@media (max-width: 1024px) and (min-width: 768px) {
font-size: 1.8rem
}
@media (max-width: 374px) {
font-size: 1.6rem;
}
@media (max-width: 1024px) and (min-width: 768px) {
font-size: 1.4rem
}
@media (max-width: 1024px) and (min-width: 768px) and only screen and (max-width: 1300px) {
font-size: 1.3rem;
}
@media (max-width: 1024px) and (min-width: 768px) and only screen and (max-width: 1200px) {
font-size: 1.2rem
}
@media (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
font-size: 1.4rem;
}
@media (max-width: 1024px) and (min-width: 768px) and (max-width: 374px) {
font-size: 1.2rem
}
only screen and (max-width: 1300px)
и скорей всего ты ошибаешься, так как каждый отдельный медиа запрос был бы разделен запятой а не 'and'.