@media type not working

[kungfucop]

@media (max-width: 767px) {
.select-large, .input-large {
font-size: 15px;
}
input[type="text"], input[type="email"], input[type="date"], input[type="password"], textarea, select {
font-size: 16px;
}
}.icon {
font-style: normal;
font-weight: normal;
line-height: 1;
}

try this

[seven-phases-max]

Of course "it's not working" since you simply override font-size with later styles (so the value set within media block never has any effect). Here goes some link to an introductory CSS tutorial about cascading and overriding.