From b7463dc44ebe0af844ac4430b5eed9e770c0cabc Mon Sep 17 00:00:00 2001
From: kurpfish <ph4z3r_f@mail.ru>
Date: Thu, 19 Aug 2021 17:36:53 +0300
Subject: [PATCH] form page mobile

---
 src/pages/formPage.scss | 48 ++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 47 insertions(+), 1 deletion(-)

diff --git a/src/pages/formPage.scss b/src/pages/formPage.scss
index 65df0437..9dc51cd1 100644
--- a/src/pages/formPage.scss
+++ b/src/pages/formPage.scss
@@ -5,6 +5,7 @@
         align-items: center;
         margin-top: 80px;
         margin-left: -32px;
+        cursor: pointer;
 
         &-img {
             cursor: pointer;
@@ -97,7 +98,7 @@
     }
     
     &__telegram {
-        width: 45%;
+        width: 35%;
         display: flex;
         flex-direction: column;
         justify-content: center;
@@ -127,4 +128,49 @@
 
 .form-page footer {
     margin-top: 2.5rem !important;
+}
+
+@media (max-width: 991px) {
+    .form-page {
+        &__separator {
+            width: 20%
+        }
+
+        &__telegram {
+            width: 25%;
+        }
+    }
+}
+
+@media (max-width: 767px) {
+    .form-page {
+        &__interview {
+            flex-direction: column;
+
+            form {
+                margin-top: 48px;
+            }
+        }
+
+        &__separator {
+            display: none;
+        }
+
+        &__telegram {
+            margin-top: 5rem;
+            margin-bottom: 2rem;
+        }
+
+        &__arrow-img {
+            display: none;
+        }
+
+        form label {
+            line-height: initial;
+        }
+
+        &__selected img {
+            width: 100px;
+        }
+    }
 }
\ No newline at end of file