Не работает media запрос.
Возникла ошибка при адаптации сайта. В панели разработчика media (max-width 1200px) отоброжается , но перечеркнуто .Пробовал во всех блоках.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Pulse</title>
<link rel="stylesheet" href="css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="css/font.css">
<link rel="stylesheet" href="css/slick.css">
<link rel="stylesheet" href="css/style.min.css">
</head>
<body>
<section class="promo">
<div class="container">
<header class="header">
<a href="#" class="header__logo">
<img src="icons/logo.png" alt="logo">
</a>
<div class="header__official">
Официальный представитель
<span>Garmin, Polar, Suunto</span>
</div>
<div class="header__contacts">
<a href="tel:+74999228974"
class="header__phone">+7 (499) 922-89-74</a>
<button class="button">заказать звонок</button>
</div>
</header>
<div class="promo__wrapper">
<h1 class="promo__header">Подбор пульсометра</h1>
<h2 class="promo__subheader">с учётом Вашего уровня
подготовки</h2>
<div class="promo__icons">
<div class="promo__icon">
<img src="icons/time.png" alt="timer">
Время подбора:
10 минут
</div>
<div class="promo__icon">
<img src="icons/hand-cart.png"
alt="hand-cart">
Бесплатная
доставка
</div>
<div class="promo__icon">
<img src="icons/messages.png"
alt="messages">
Ответим
на все вопросы
</div>
</div>
<button class="button button_main">заказать
или <a href="#">ПЕРЕЙТИ В КАТАЛОГ</a>
</div>
</div>
</div>
</section>
/* style */
@import 'base/variables';
@import 'base/media';
* {
font-family: 'Museo Sans Cyrl', sans-serif;
}
.container {
max-width: 950px;
margin: 0 auto;
}
@import 'blocks/promo';
@import 'blocks/header.scss';
@import 'blocks/buttons';
@import 'blocks/advantages';
@import 'blocks/titles';
@import 'blocks/consultation';
@import 'blocks/forms';
@import 'blocks/carousel';
@import 'blocks/catalog';
@import 'blocks/feed';
/* _promo */
.promo {
min-height: 650px;
padding: 21px 0 93px 0;
background: url("../img/big/bg1.png") center (center/cover) no-repeat;
&__wrapper {
display: flex;
flex-direction: column;
align-items: flex-end;
margin-top: 90px;
/* _media */
@media (max-width: 1200px) {
.promo {
&__wrapper {
align-items: center;
}
}
