@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
//css code here
}
<div class="container">
<div class="row">
<div class="col-sm-3 col-sm-push-9">зеленый блок</div>
<div class="col-sm-9 col-sm-pull-3">красный блок</div>
</div>
</div>
.col-sm-9 {
background-color: #F00;
}
.col-sm-3 {
background-color: #0F0;
}
FileETag MTime Size
<ifmodule mod_expires.c>
<filesmatch ".(jpg|jpeg|gif|png|ico|css|js|woff)$">
ExpiresActive on
ExpiresDefault "access plus 1 year"
</filesmatch>
</ifmodule>
<IfModule mod_setenvif.c>
BrowserMatch "MSIE" force-no-vary
BrowserMatch "Mozilla/4.[0-9]{2}" force-no-vary
</IfModule>
<IfModule mod_deflate.c>
SetOutputFilter DEFLATE
Header append Vary User-Agent
</IfModule>
@media only screen
and (min-device-width : 768px)
.tour-card__footer__time {
/* line-height: 46px; */ убрать
font-family: 'Muller Light';
font-size: 15px;
padding: 15px 15px 16px 15px; // добавить
color: #3c3c3c;
background-color: #ffde00;
}
.tour-card__footer__next {
/* line-height: 46px; */ убрать
font-weight: 400;
padding: 15px 15px 17px 15px; // добавить
background-color: #008aff;
}
<meta name="viewport" content="width=1040">
поможет решить вашу проблему, ну понятно что размер указываете свой реальный, ну и с самой версткой у вас должно быть все гуд.