sergey

Все просто CSS Media Queries for
iPads & iPhones

для этих устройств параметры задаются как

@media only screen
and (min-device-width : 768px)

Почитай вот-тут , да и на форуме здесь вопрос 100500 раз подымался

Это ужас ваша верстка, вы не умеете ее готовить.

А в чем именно сложность? Это обычная галерея с миниатюрами
bxslider например, бери и кастомизируй.
Не нравиться он, подойдет любая галерея с миниатюрами

если я правильно понял о чем вы спрашиваете, то вот так:

.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;
}

вообще выравнивание по высоте line-height это не очень

Ну если не умеешь это делать быстро, то нужно тренироваться. И учиться пользоваться google, есть вот такой совет как быстро сохранить картинки, иконки из макета

Вот эта запись <meta name="viewport" content="width=1040"> поможет решить вашу проблему, ну понятно что размер указываете свой реальный, ну и с самой версткой у вас должно быть все гуд.

CSS Masks and Transforms Здесь почитайте

only "пакетный менеджер сиcтемы"

Вот пример:

var gulp = require('gulp'),
    imageMin = require('gulp-imagemin'),
    pngquant = require('imagemin-pngquant');

gulp.task('images', function() {
    return gulp.src(src.images)
        .pipe(imageMin({
            progressive: true,
            svgoPlugins: [{removeViewBox: false}],
            use: [pngquant()],
            interlaced: true
        }))
        .pipe(gulp.dest(outputDir + 'img'))
        .pipe(connect.reload())
});

результат:
[11:32:31] Using gulpfile ~/Dropbox/Projects/Work2016/mars/gulpfile.js
[11:32:31] Starting 'images'...
[11:32:54] gulp-imagemin: Minified 89 images (saved 3.85 MB - 37.4%)
[11:32:54] Finished 'images' after 23 s

Ну вот так к примеру:

var src = {
        html: ['./src/*.html']
},

gulp.task('html', function() {
    gulp.src(src.html)
        .pipe(connect.reload())
});

gulp.task('watch', function() {
   gulp.watch('./src/**/*.html', ['html']);
});

пример рабочий

Вам же написали:

Error: Invalid CSS after " strong, b {} }": expected 1 selector or at-rule

Если не понимаете, то
тут читайте

заходим на github, и с помощью поиска ищем, там +100500 вариантов gulpfile на любой вкус