0.0.08 form poster

static/v2/css/blocks/b_make_poster_order.css

@@ -3,6 +3,10 @@
     --title-font-weight: 700;
     --title-margin-bottom: 60px;
 
+    @media (max-width: 992px) {
+        --title-font-size: 32px;
+    }
+
     .make_poster_order_title{
         width: 100%;
         font-size: var(--title-font-size);

static/v2/css/forms.css

@@ -59,6 +59,9 @@
             padding: 0;
             border-radius: 0;
         }
+        &.half{
+            width: 50%;
+        }
         &::placeholder{
             font-size: var(--placeholder-font-size);
             color: var(--placeholder-color);
@@ -87,6 +90,7 @@
         border: 1px solid #E6E6E6;
         height: 30px;
         width: 30px;
+        min-width: 30px;
         border-radius: 10px;
         &:hover{
             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);

static/v2/css/forms/f_make_poster_order.css

@@ -2,8 +2,24 @@
     .form_line{
         padding: 40px 0;
         border-bottom: 1px solid #E6E6E6;
+        input.half{width: calc(100% - 40px)}
+        @media (max-width: 992px) {
+            &._50_grid{
+                grid-template-columns: 1fr;
+            }
+            input.half{width: 100%}
+        }
         &:last-of-type{
             border-bottom: none;
         }
     }
+    @media (max-width: 992px) {
+        .w_radio_inputs{
+            grid-template-columns: repeat(2, 1fr);
+        }
+    } @media (max-width: 768px) {
+        .w_radio_inputs{
+            grid-template-columns: repeat(1, 1fr);
+        }
+    }
 }

static/v2/css/widgets/w_additional_info.css

@@ -12,6 +12,7 @@
     img{
         width: 20px;
         height: 20px;
+        min-width: 20px;
         display: block;
     }
     .additional_info_modal{