diff --git a/blocks/advantages/advantages.css b/blocks/advantages/advantages.css
index e21798cb..906c63ac 100644
--- a/blocks/advantages/advantages.css
+++ b/blocks/advantages/advantages.css
@@ -5,7 +5,7 @@
     flex-direction: column;
 }
 
-@media screen and (max-width:1199px) {
+@media screen and (max-width: 1199px) {
     .advantages{
         gap: 30px;
         padding: 56px 0 0;
diff --git a/blocks/form-fieldset/__legend/_for/form-fieldset__legend_for_contact-info.css b/blocks/form-fieldset/__legend/_for/form-fieldset__legend_for_contact-info.css
index 566d3556..5b25fe2d 100644
--- a/blocks/form-fieldset/__legend/_for/form-fieldset__legend_for_contact-info.css
+++ b/blocks/form-fieldset/__legend/_for/form-fieldset__legend_for_contact-info.css
@@ -1,7 +1,7 @@
 .form-fieldset__legend_for_contact-info{
     padding: 0 31px;
 }
-@media (max-width:659px){
+@media screen and (max-width: 659px){
     .form-fieldset__legend_for_contact-info{
         display: none;
     }
diff --git a/blocks/header/__container/header__container.css b/blocks/header/__container/header__container.css
index 42ab2f95..ed0d3572 100644
--- a/blocks/header/__container/header__container.css
+++ b/blocks/header/__container/header__container.css
@@ -8,13 +8,13 @@
     box-sizing: border-box;
 }
 
-@media (max-width:1199px){
+@media screen and (max-width: 1199px){
     .header__container{
         padding: 27px 20px 43px;
     }
 }
 
-@media (max-width:659px){
+@media screen and (max-width: 659px){
     .header__container{
         align-items: center;
         padding: 22px 20px;
diff --git a/blocks/header/__menu-burger/header__menu-burger.css b/blocks/header/__menu-burger/header__menu-burger.css
index 9abfacb0..f1aaee14 100644
--- a/blocks/header/__menu-burger/header__menu-burger.css
+++ b/blocks/header/__menu-burger/header__menu-burger.css
@@ -5,7 +5,7 @@
     cursor: pointer;
 }
 
-@media(min-width:1199px){
+@media screen and (min-width: 1199px){
     .header__menu-burger{
         display: none;
     }
diff --git a/blocks/header/__nav-list/header__nav-list.css b/blocks/header/__nav-list/header__nav-list.css
index f9626ba4..62c4a820 100644
--- a/blocks/header/__nav-list/header__nav-list.css
+++ b/blocks/header/__nav-list/header__nav-list.css
@@ -10,7 +10,7 @@
     line-height: 18px;
 }
 
-@media(max-width:1199px){
+@media screen and (max-width: 1199px){
     .header__nav-list{
         display: none;
     }
diff --git a/blocks/hero/__button/hero__button.css b/blocks/hero/__button/hero__button.css
index 20c4b2d1..acaa679b 100644
--- a/blocks/hero/__button/hero__button.css
+++ b/blocks/hero/__button/hero__button.css
@@ -25,7 +25,7 @@
     color: rgb(178, 40, 102, 0.5);
 }
 
-@media(max-width:659px){
+@media screen and (max-width: 659px){
     .hero__button{
         width: 280px;
     }
diff --git a/blocks/hero/__container/hero__container.css b/blocks/hero/__container/hero__container.css
index 03aff07b..20faf922 100644
--- a/blocks/hero/__container/hero__container.css
+++ b/blocks/hero/__container/hero__container.css
@@ -4,14 +4,14 @@
 
 }
 
-@media(max-width:1199px){
+@media screen and (max-width: 1199px){
     .hero__container{
         max-width:240px;
         padding: 0 30px 30px;
     }
 }
 
-@media(max-width:659px){
+@media screen and (max-width: 659px){
     .hero__container{
         max-width:280px;
     }
diff --git a/blocks/hero/__info/hero__info.css b/blocks/hero/__info/hero__info.css
index 1703acb7..fdaa3797 100644
--- a/blocks/hero/__info/hero__info.css
+++ b/blocks/hero/__info/hero__info.css
@@ -7,7 +7,7 @@
     width: 300px;
 }
 
-@media(max-width:659px){
+@media screen and (max-width: 659px){
     .hero__info{
         padding-top: 28px;
         margin-top: 269px;
diff --git a/blocks/hero/__subtitle/hero__subtitle.css b/blocks/hero/__subtitle/hero__subtitle.css
index a95198d3..e2d1fc4c 100644
--- a/blocks/hero/__subtitle/hero__subtitle.css
+++ b/blocks/hero/__subtitle/hero__subtitle.css
@@ -11,7 +11,7 @@
     line-height: 24px;
 }
 
-@media(max-width:659px){
+@media screen and (max-width: 659px){
     .hero__subtitle{
         font-family: 14px;
         opacity: 0.7;
diff --git a/blocks/hero/__system-list/hero__system-list.css b/blocks/hero/__system-list/hero__system-list.css
index 6e94885d..50ab6c4a 100644
--- a/blocks/hero/__system-list/hero__system-list.css
+++ b/blocks/hero/__system-list/hero__system-list.css
@@ -7,13 +7,13 @@
     margin: 67px 0 61px;
 }
 
-@media(max-width:1199px){
+@media screen and (max-width: 1199px){
     .hero__system-list{
         margin: 51px 0 51px 0;
     }
 }
 
-@media(max-width:659px){
+@media screen and (max-width: 659px){
     .hero__system-list{
         margin: 28px 0;
     }
diff --git a/blocks/hero/__title/hero__title.css b/blocks/hero/__title/hero__title.css
index c942c947..9bb0257d 100644
--- a/blocks/hero/__title/hero__title.css
+++ b/blocks/hero/__title/hero__title.css
@@ -8,14 +8,14 @@
     margin: 0;
 }
 
-@media(max-width:1199px){
+@media screen and (max-width: 1199px){
     .hero__title{
         font-size: 40px;
         font-weight: 300;
     }
 }
 
-@media(max-width:659px){
+@media screen and (max-width: 659px){
     .hero__title{
         font-size: 24px;
 
diff --git a/blocks/hero/hero.css b/blocks/hero/hero.css
index da47b3e9..b81ba4e4 100644
--- a/blocks/hero/hero.css
+++ b/blocks/hero/hero.css
@@ -11,7 +11,7 @@
     bottom: 0;
 }
 
-@media(max-width:1199px){
+@media screen and (max-width: 1199px){
     .hero{
         background-position: center bottom;
         background-size: 800px 545px;
@@ -23,7 +23,7 @@
     }
 }
 
-@media(max-width:659px){
+@media screen and (max-width: 659px){
     .hero{
         height: 367px;
         padding: 95px 0 0 0;   
diff --git a/blocks/intro/__title/_page/intro__title_page_catalog.css b/blocks/intro/__title/_page/intro__title_page_catalog.css
index f83c0f29..4151544f 100644
--- a/blocks/intro/__title/_page/intro__title_page_catalog.css
+++ b/blocks/intro/__title/_page/intro__title_page_catalog.css
@@ -1,12 +1,12 @@
 .intro__title_page_catalog{
   max-width: 357px;
 }
-@media (max-width: 1199px){
+@media screen and (max-width: 1199px){
   .intro__title_page_catalog {
     padding: 177px 0 130px;
   }
 }
-@media (max-width: 659px){
+@media screen and (max-width: 659px){
   .intro__title_page_catalog {
     max-width: 280px;
     padding: 95px 0 76px;
diff --git a/blocks/intro/__title/_page/intro__title_page_form.css b/blocks/intro/__title/_page/intro__title_page_form.css
index d14b5bc3..fe6daf67 100644
--- a/blocks/intro/__title/_page/intro__title_page_form.css
+++ b/blocks/intro/__title/_page/intro__title_page_form.css
@@ -1,14 +1,14 @@
 .intro__title_page_form{
   max-width: 757px;
 }
-@media (max-width: 1199px){
+@media screen and (max-width: 1199px){
   .intro__title_page_form {
     max-width: 620px;
     padding: 177px 0 59px;
   }
 }
 
-@media (max-width: 659px){
+@media screen and (max-width: 659px){
   .intro__title_page_form {
     max-width: 280px;
     padding: 95px 0 43px;
diff --git a/blocks/intro/__title/intro__title.css b/blocks/intro/__title/intro__title.css
index 41aa67e6..c6e58a23 100644
--- a/blocks/intro/__title/intro__title.css
+++ b/blocks/intro/__title/intro__title.css
@@ -8,7 +8,7 @@
   margin: auto;
 }
 
-@media (max-width: 659px){
+@media screen and (max-width: 659px){
   .intro__title {
     font-size: 24px;
     line-height: 33px;
diff --git a/blocks/intro/_page/intro_page_index.css b/blocks/intro/_page/intro_page_index.css
index 09d6592a..f1294881 100644
--- a/blocks/intro/_page/intro_page_index.css
+++ b/blocks/intro/_page/intro_page_index.css
@@ -2,7 +2,7 @@
   background-position: bottom center;
 }
 
-@media(max-width: 659px){
+@media screen and (max-width: 659px){
   .intro_page_index{
     padding: 0 0 270px;
   }
diff --git a/blocks/intro/intro.css b/blocks/intro/intro.css
index 0becbf68..4e61086a 100644
--- a/blocks/intro/intro.css
+++ b/blocks/intro/intro.css
@@ -5,7 +5,7 @@
     background-size: cover;
 }
 
-@media(max-width:659px){
+@media screen and (max-width: 659px){
     .intro{
         background-image: url(../../images/intro-background-mobile.png);
     }
diff --git a/blocks/logo/__icon/logo__icon.css b/blocks/logo/__icon/logo__icon.css
index 430cd9c5..9edc9a59 100644
--- a/blocks/logo/__icon/logo__icon.css
+++ b/blocks/logo/__icon/logo__icon.css
@@ -3,14 +3,14 @@
     height:40px;
 }
 
-@media (max-width:1199px){
+@media screen and (max-width: 1199px){
     .logo__icon{
         width:145px;
         height:40px;
     }
 }
 
-@media (max-width:659px){
+@media screen and (max-width: 659px){
     .logo__icon{
         width:74px;
         height:23px;
diff --git a/blocks/research/research.css b/blocks/research/research.css
index f33d0989..a88ba259 100644
--- a/blocks/research/research.css
+++ b/blocks/research/research.css
@@ -5,7 +5,7 @@
   gap: 73px;
 }
 
-@media screen and (max-width:1199px) {
+@media screen and (max-width: 1199px) {
   .research {
     background: rgb(255, 255, 255);
     padding: 54px 20px 44px;
diff --git a/blocks/reviews/__author-bio/reviews__author-bio.css b/blocks/reviews/__author-bio/reviews__author-bio.css
index ae739f7f..345669a7 100644
--- a/blocks/reviews/__author-bio/reviews__author-bio.css
+++ b/blocks/reviews/__author-bio/reviews__author-bio.css
@@ -4,7 +4,7 @@
     font-size: 18px;
     line-height: 30px;
 }
-@media screen and (max-width:1199px) {
+@media screen and (max-width: 1199px) {
     .reviews__author-bio {
         font-size: 14px;
     }
diff --git a/blocks/reviews/__author-name/reviews__author-name.css b/blocks/reviews/__author-name/reviews__author-name.css
index 6117c958..632786ca 100644
--- a/blocks/reviews/__author-name/reviews__author-name.css
+++ b/blocks/reviews/__author-name/reviews__author-name.css
@@ -4,7 +4,7 @@
     font-weight: 700;
     line-height: 30px;
 }
-@media screen and (max-width:1199px) {
+@media screen and (max-width: 1199px) {
     .reviews__author-name {
         font-size: 20px;
     }
diff --git a/blocks/slider/__arrow-button/slider__arrow-button.css b/blocks/slider/__arrow-button/slider__arrow-button.css
index c7f0be24..c7ab7dea 100644
--- a/blocks/slider/__arrow-button/slider__arrow-button.css
+++ b/blocks/slider/__arrow-button/slider__arrow-button.css
@@ -15,7 +15,7 @@
   color: rgb(233 235 236);
 }
 
-@media screen and (max-width:1199px) {
+@media screen and (max-width: 1199px) {
     .slider__arrow-button {
         display: none;
     }
diff --git a/blocks/textarea/textarea.css b/blocks/textarea/textarea.css
index 5d0bcc64..099ca7e4 100644
--- a/blocks/textarea/textarea.css
+++ b/blocks/textarea/textarea.css
@@ -19,13 +19,13 @@ textarea::placeholder {
   line-height: 1.66;
 }
 
-@media (max-width: 1199px) {
+@media screen and (max-width: 1199px) {
   .textarea {
     height: 189px;
   }
 }
 
-@media (max-width: 659px) {
+@media screen and (max-width: 659px) {
   .textarea {
     height: 197px;
   }