in progress responsive

!information/!backup-logo--04.30/biuro-contacts-lt_LT.po

+msgid ""
+msgstr ""
+"Project-Id-Version: Biuro Contacts\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2019-04-30 15:39+0000\n"
+"PO-Revision-Date: 2019-04-30 18:26+0000\n"
+"Last-Translator: biuro <info@biuro.eu>\n"
+"Language-Team: Lithuanian\n"
+"Language: lt-LT\n"
+"Plural-Forms: nplurals=3; plural=(n%10==1 && n%100!=11 ? 0 : n%10 >= 2 "
+"&&(n%100<10||n%100 >= 20)? 1 : 2);\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: Loco https://localise.biz/\n"
+"X-Loco-Version: 2.2.2; wp-5.1.1"
+
+#: public/class-biuro-contacts-public.php:151
+msgid "This field is required"
+msgstr "Būtinas laukas"
+
+#: public/class-biuro-contacts-public.php:162
+msgid "Phone or email field is required"
+msgstr "Telefono nr. arba el. paštas yra būtinas."
+
+#: public/class-biuro-contacts-public.php:173
+msgid "Incorrect phone number"
+msgstr "Neteisingas tel. numeris"
+
+#: public/class-biuro-contacts-public.php:183
+msgid "Email or phone field is required"
+msgstr "El. paštas arba telefono nr. yra būtinas."
+
+#: public/class-biuro-contacts-public.php:190
+msgid "Email format is incorrect"
+msgstr "Neteisingas el. pašto formatas."
+
+#: public/class-biuro-contacts-public.php:205
+msgid "You have to agree with conditions"
+msgstr "Turite sutikti su sąlygomis"
+
+#: public/partials/biuro-contacts-public--employers--step-2.php:23
+msgid "Company"
+msgstr "Įmonė"
+
+#: public/partials/biuro-contacts-public--employers--step-2.php:30 
+#: public/partials/biuro-contacts-public--position--step-2.php:105 
+#: public/partials/biuro-contacts-public--employees--step-2.php:30
+msgid "Message"
+msgstr "Žinutė"
+
+#: public/partials/biuro-contacts-public--employers--step-2.php:47 
+#: public/partials/biuro-contacts-public--employers--step-1.php:78 
+#: public/partials/biuro-contacts-public--employees--step-2.php:45 
+#: public/partials/biuro-contacts-public--employees--step-1.php:78
+msgid "Submit"
+msgstr "Siųsti"
+
+#: public/partials/biuro-contacts-public--employees.php:56
+msgid "Thank You, we have successfully received data about you."
+msgstr "Dėkojame, duomenis apie tave sėkmingai gavome. "
+
+#: public/partials/biuro-contacts-public--employees.php:57
+msgid "You can add information about yourself by adding a city, message or CV"
+msgstr "Informaciją apie save gali papildyti pridėdamas miestą, žinutę ar CV."
+
+#: public/partials/biuro-contacts-public--employees.php:58 
+#: public/partials/biuro-contacts-public--employees.php:91 
+#: public/partials/biuro-contacts-public--employers.php:58 
+#: public/partials/biuro-contacts-public--employers.php:90 
+#: public/partials/biuro-contacts-public--position.php:65
+msgid "OK"
+msgstr "Gerai"
+
+#: public/partials/biuro-contacts-public--employees.php:90 
+#: public/partials/biuro-contacts-public--employers.php:89
+msgid "Thank You! The information has been successfully supplemented."
+msgstr "Dėkojame! Informacija papildyta sėkmingai."
+
+#: public/partials/biuro-contacts-public--employers--step-1.php:41 
+#: public/partials/biuro-contacts-public--position--step-2.php:60 
+#: public/partials/biuro-contacts-public--employees--step-1.php:41
+msgid "Name, surname"
+msgstr "Vardas, pavardė"
+
+#: public/partials/biuro-contacts-public--employers--step-1.php:53 
+#: public/partials/biuro-contacts-public--position--step-2.php:73 
+#: public/partials/biuro-contacts-public--employees--step-1.php:53
+msgid "Phone no."
+msgstr "Telefonas"
+
+#: public/partials/biuro-contacts-public--employers--step-1.php:65 
+#: public/partials/biuro-contacts-public--position--step-2.php:86 
+#: public/partials/biuro-contacts-public--employees--step-1.php:65
+msgid "Email address"
+msgstr "El. paštas"
+
+#: public/partials/biuro-contacts-public--employers--step-1.php:85
+msgid ""
+"I agree, that my personal data will be used for communicating during the pre-"
+"contractual relationship. For more detailed information view our <a "
+"href=\"https://biuro.eu/privacy-en.html\" target=\"_blank\" rel=\"noopener\">"
+"Personal Data Protection Policy.</a>"
+msgstr ""
+"Sutinku, kad mano asmens duomenys būtų tvarkomi būtų tvarkomi komunikuojant "
+"ikisutartiniuose santykiuose. Išsami informaciją rasite <a href=\"https:"
+"//biuro.eu/privacy-lt.html\" target=\"_blank\" rel=\"noopener\">Asmens "
+"duomenų tvarkymo politikoje."
+
+#: public/partials/biuro-contacts-public--position--step-2.php:98 
+#: public/partials/biuro-contacts-public--employees--step-2.php:23
+msgid "City"
+msgstr "Miestas"
+
+#: public/partials/biuro-contacts-public--position--step-2.php:112 
+#: public/partials/biuro-contacts-public--employees--step-2.php:37
+msgid "CV"
+msgstr "Prisegti CV (neprivaloma)"
+
+#: public/partials/biuro-contacts-public--position--step-2.php:121 
+#: public/partials/biuro-contacts-public--employees--step-1.php:85
+msgid ""
+"I agree, that my personal data will be used for offering me a job. For more "
+"detailed information view our <a href=\"https://biuro.eu/privacy-en.html\" "
+"target=\"_blank\" rel=\"noopener\">Personal Data Protection Policy.</a>"
+msgstr ""
+"Sutinku, kad mano asmens duomenys būtų tvarkomi pateikti darbo pasiūlymus. "
+"Išsami informaciją rasite <a href=\"https://biuro.eu/privacy-lt.html\" "
+"target=\"_blank\" rel=\"noopener\">Asmens duomenų tvarkymo politikoje."
+
+#: public/partials/biuro-contacts-public--position--step-2.php:132 
+#: public/partials/biuro-contacts-public--position--step-1.php:24
+msgid "Apply"
+msgstr "Kandidatuoti"
+
+#: public/partials/biuro-contacts-public--employers.php:56
+msgid "Thank You for contacting!"
+msgstr "Dėkojame, kad kreipiatės! "
+
+#: public/partials/biuro-contacts-public--employers.php:57
+msgid "You request was send successfully, we will contact You."
+msgstr "Jūsų užklausa išsiųsta sėkmingai, su Jumis susisieksime."
+
+#: public/partials/biuro-contacts-public--position.php:64
+msgid "Thank You! Your data was send successfully."
+msgstr "Dėkojame! Informacija išsiųsta sėkmingai."
+
+#. Name of the plugin
+msgid "Biuro Contacts"
+msgstr ""
+
+#. Description of the plugin
+msgid ""
+"This is a short description of what the plugin does. It's displayed in the "
+"WordPress admin area."
+msgstr ""
+
+#. URI of the plugin
+#. Author URI of the plugin
+msgid "https://www.biuro.lt"
+msgstr "https://www.biuro.lt"
+
+#. Author of the plugin
+msgid "Biuro"
+msgstr ""

!information/!backup-logo--04.30/biuro-lt_LT.po

+msgid ""
+msgstr ""
+"Project-Id-Version: Biuro\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2019-04-29 16:04+0000\n"
+"PO-Revision-Date: 2019-04-30 18:27+0000\n"
+"Last-Translator: biuro <info@biuro.eu>\n"
+"Language-Team: Lithuanian\n"
+"Language: lt-LT\n"
+"Plural-Forms: nplurals=3; plural=(n%10==1 && n%100!=11 ? 0 : n%10 >= 2 "
+"&&(n%100<10||n%100 >= 20)? 1 : 2);\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: Loco https://localise.biz/\n"
+"X-Loco-Version: 2.2.2; wp-5.1.1"
+
+#. Name of the template
+msgid "Regions page"
+msgstr "Regionų puslapis"
+
+#. Name of the template
+msgid "Divisions page"
+msgstr "Padalinių puslapis"
+
+#: page-divisions.php:64 page-divisions.php:69
+msgid "All"
+msgstr "Visi"
+
+#: header.php:118
+msgid "Get an offer"
+msgstr "Gaukite pasiūlymą"
+
+#: header.php:122
+msgid "Get a job offer"
+msgstr "Gauti darbo pasiūlymą"
+
+#: searchform.php:83
+msgid "Locations"
+msgstr "Vietovė"
+
+#: searchform.php:167
+msgid "Keyword"
+msgstr "Raktažodis"
+
+#: searchform.php:175
+msgid "Search"
+msgstr "Ieškoti"
+
+#: front-page.php:43
+msgid "Recent job ads"
+msgstr "Naujausi darbo skelbimai"
+
+#: front-page.php:78
+msgid "More job ads"
+msgstr "Daugiau darbo skelbimų"
+
+#: front-page.php:91 sales-page.php:57
+msgid "Trust in us"
+msgstr "Mumis pasitiki"
+
+#. Name of the template
+msgid "Sales page"
+msgstr "Pardavimų puslapis"
+
+#: 404.php:25
+msgid "Sorry, the page you are looking for does not exist!"
+msgstr "Atsiprašome, bet puslapis kurio jūs ieškote, neegzistuoja!"
+
+#: 404.php:27
+msgid "Return to homepage"
+msgstr "Grįžti į pagrindinį puslapį"
+
+#. Name of the template
+msgid "Search & Jobs page"
+msgstr "Paieškos ir darbo skelbimų puslapis"
+
+#: single-job.php:48
+msgid "Salary from"
+msgstr "Darbo užmokestis nuo"
+
+#: single-job.php:54
+msgid "Salary to"
+msgstr "Darbo užmokestis iki"
+
+#: single-job.php:66
+msgid "Published"
+msgstr "Paskelbta"
+
+#: single-job.php:68
+msgid "Valid till"
+msgstr "Galioja iki"
+
+#: single-job.php:75
+msgid "Apply"
+msgstr "Kandidatuoti"
+
+#: template-parts/layout/aside-job-inactive.php:1
+msgid "Job ad is inactive"
+msgstr "Darbo skelbimas yra neaktyvus"
+
+#: template-parts/layout/aside-job.php:12
+msgid "Job position"
+msgstr "Darbo pasiūlymas"
+
+#: template-parts/layout/aside-job.php:12
+msgid "I think you might like this job offer"
+msgstr "Manau, tau turėtų patikti šis darbo pasiūlymas:"
+
+#: template-parts/layout/aside-job.php:43
+msgid "Suggest a friend"
+msgstr "Pasiūlyk draugui"
+
+#: template-parts/layout/aside-job-list.php:86
+msgid "More ..."
+msgstr "Daugiau..."
+
+#: template-parts/layout/aside-job-list.php:97
+msgid "City"
+msgstr "Miestas"
+
+#: template-parts/layout/aside-job-list.php:101
+msgid "Job area"
+msgstr "Darbo sritis"
+
+#: template-parts/layout/aside-job-list.php:105
+msgid "Job type"
+msgstr "Darbo tipas"
+
+#: template-parts/jobs/jobs-not-found.php:14
+msgid "No search results were found."
+msgstr "Pagal Jūsų paiešką, darbo skelbimų šiuo metu neturime."
+
+#: template-parts/jobs/jobs-none.php:14
+msgid "There are currently no job ads."
+msgstr "Šiuo metu nėra darbo pasiūlymų pagal Jūsų paiešką."
+
+#. Name of the theme
+#. Author of the theme
+msgid "Biuro"
+msgstr ""
+
+#. Description of the theme
+msgid "Biuro multiregion theme"
+msgstr ""
+
+#. Author URI of the theme
+msgid "https://www.biuro.lt/"
+msgstr "https://www.biuro.lt/"

README.md

@@ -17,7 +17,7 @@
 
 ### DB backup
 - `C:\web\dev.biuro> docker exec -i dev-biuro-mysql mysqldump -udev_user -pY6V6bFkD6@GyD!wTShgFmWz! --default-character-set=utf8 dev_biuro > docker/mariadb/data-004.sql`
-- `sudo docker exec -i biuro-staging-mysql mysqldump -ustaging_user -p'qzl8pMNV^gZ&c1!7ebVsXqQh' --default-character-set=utf8 staging_biuro > docker/mariadb/data-011.sql`
+- `sudo docker exec -i biuro-staging-mysql mysqldump -ustaging_user -p'qzl8pMNV^gZ&c1!7ebVsXqQh' --default-character-set=utf8 staging_biuro > docker/mariadb/data-012.sql`
 
 ### DB restore
 - `C:\web\dev.biuro> docker exec -i dev-biuro-mysql mysql -udev_user -pY6V6bFkD6@GyD!wTShgFmWz! --default-character-set=utf8 dev_biuro < docker/mariadb/data-004.sql`

wp-content/themes/biuro/css/05-layout/_layout--aside.css

@@ -13,8 +13,16 @@
     }
 }
 
-.l-aside--divisions  { flex: 0 0 385px; margin: -315px 0 0 55px;  z-index: 50; }
+.l-aside--divisions  {   z-index: 50;
+    @media (--min--medium) {
+        flex: 0 0 385px; margin: -315px 0 0 55px;
+    }
+}
 
-.l-aside--regions  { flex: 0 0 385px; margin: -315px 0 0 55px;  z-index: 50; }
+.l-aside--regions  {   z-index: 50;
+    @media (--min--medium) {
+        flex: 0 0 385px; margin: -315px 0 0 55px;
+    }
+}
 
 /* critical:end */

wp-content/themes/biuro/css/05-layout/_layout--content.css

@@ -3,17 +3,24 @@
 /* critical:start */
 
 .l-content   { max-width: var(--layout-width--large); padding-right: 20px; padding-left: 20px; margin: 0 auto;
-    /*@media (--min--small) {*/
+    @media (--min--medium) {
         display: flex;
-    /*}*/
+    }
 }
 
 .l-content--position { position: relative; padding: 40px 20px;
     &:before { content: ''; position: absolute; top: 0; left: 0; height: 244px; width: 100%; background: linear-gradient(358.45deg, #3C7E9E 0%, #1FB299 100%);  }
 }
-.l-content--position-inner { position: relative; display: flex; max-width: 970px; margin: 0 auto 140px; border-radius: 3px;    background-color: #FFFFFF;  box-shadow: 0 1px 47px 0 #ECF5FF;
+.l-content--position-inner { position: relative; max-width: 970px; margin: 0 auto 140px; border-radius: 3px;    background-color: #FFFFFF;  box-shadow: 0 1px 47px 0 #ECF5FF;
+    @media (--min--medium) {
+        display: flex;
+    }
 
-    .l-main { padding: 70px 55px 40px 57px; }
+    .l-main { padding: 20px;
+        @media (--min--medium) {
+            padding: 70px 55px 40px 57px;
+        }
+    }
 
 }
 
@@ -30,6 +37,15 @@
 }
 
 
-.l-content--divisions   { width: 100%; max-width: 1040px; padding-right: 20px; padding-left: 20px; margin: 0 auto 200px; display: flex; }
+.l-content--divisions   { width: 100%; max-width: 1040px; padding-right: 20px; padding-left: 20px; margin: 0 auto 200px;
+    @media (--min--medium) {
+        display: flex;
+    }
+}
+
+.l-content--regions   { width: 100%; max-width: 1040px; padding-right: 20px; padding-left: 20px; margin: 0 auto 200px;
+    @media (--min--medium) {
+        display: flex;
+    }
+}
 
-.l-content--regions   { width: 100%; max-width: 1040px; padding-right: 20px; padding-left: 20px; margin: 0 auto 200px; display: flex; }

wp-content/themes/biuro/css/05-layout/_layout--footer.css

@@ -2,6 +2,10 @@
 
 /* critical:start */
 
-.l-footer   { background: var(--color--blue-dark); color: #fff; padding-top: 70px; }
+.l-footer   { background: var(--color--blue-dark); color: #fff; padding-top: 20px;
+    @media (--min--medium) {
+        padding-top: 70px;
+    }
+}
 
 /* critical:end */

wp-content/themes/biuro/css/05-layout/_layout--header.css

@@ -3,7 +3,9 @@
 /* critical:start */
 
 .l-header   { position: relative; height: 70px; margin-bottom: 47px; background: #fff;
-    &:before     { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 47px; background: var(--color--blue-dark); }
+    @media (--min--medium) {
+        &:before     { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 47px; background: var(--color--blue-dark); }
+    }
 }
 
 .l-header   { position: fixed; top: 0; left: 0; width: 100%; z-index: 300; }

wp-content/themes/biuro/css/05-layout/_layout--inner.css

@@ -8,4 +8,8 @@
 
 /* critical:end */
 
-.l-inner--header { display: flex; flex-direction: row; align-items: center; }
+.l-inner--header { display: flex; flex-direction: row; align-items: center;
+    @media (--max--medium) {
+        align-items: flex-start;
+    }
+}

wp-content/themes/biuro/css/05-layout/_layout--nav.css

@@ -2,10 +2,33 @@
 
 /* critical:start */
 
+.l-nav--wrap {
+    @media (--max--medium) {
+        display: none;
+        position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; opacity: 0.97; background-color: #1D2A3A; z-index: 500;
+        border: 1px solid #000; overflow: hidden; text-align: center; flex-direction: column; align-items: center;
+    }
+    @media (--min--medium) {
+        flex: 1 1 100%; display: flex; align-items: center;
+    }
+}
+
 .l-nav  {
     @media (--min--small) {
         flex: 1 1 auto;
     }
 }
 
+.l-nav--close { position: absolute; top: 10px; right: 10px; padding: 20px; cursor: pointer;
+    @media (--min--small) {
+        display: none;
+    }
+}
+
+.l-nav--open { position: absolute; top: 5px; right: 5px; padding: 25px; cursor: pointer; border: 1px solid red;
+    @media (--min--small) {
+        display: none;
+    }
+}
+
 /* critical:end */

wp-content/themes/biuro/css/05-layout/_layout--section.css

@@ -4,15 +4,21 @@
 
 .l-section { padding: 30px 0; background: #111d1e url(/wp-content/themes/biuro/i/search-page.png) no-repeat 50% 50%; background-size: cover; }
 
-.l-section--front-page { height: 380px; background: url(/wp-content/themes/biuro/i/front-page.png) no-repeat 50% 50%; background-size: cover; margin-bottom: 92px;
-    .l-section--inner { width: 870px; padding-right: 20px; padding-left: 20px; }
+.l-section--front-page { background: url(/wp-content/themes/biuro/i/front-page.png) no-repeat 50% 50%; background-size: cover; margin-bottom: 2px;
+    @media (--min--medium) {
+         height: 380px; margin-bottom: 92px;
+    }
+    .l-section--inner { max-width: 870px; padding-right: 20px; padding-left: 20px; }
 }
 
-.l-section--sales-page { height: 380px; background: url(/wp-content/themes/biuro/i/sales-page.png) no-repeat 50% 50%; background-size: cover;
-    .l-section--inner { width: 870px; padding-right: 20px; padding-left: 20px; }
+.l-section--sales-page { background: url(/wp-content/themes/biuro/i/sales-page.png) no-repeat 50% 50%; background-size: cover;
+    @media (--min--medium) {
+         height: 380px;
+    }
+    .l-section--inner { max-width: 870px; padding-right: 20px; padding-left: 20px; }
 }
 
-.l-section--inner { width: 1030px; margin: 0 auto;  }
+.l-section--inner { max-width: 1030px; margin: 0 auto;  }
 
 
 /* critical:end */

wp-content/themes/biuro/css/07-components/_component--btn.css

@@ -2,7 +2,11 @@
 
 /* critical:start */
 
-.c-btn--header { margin-right: 28px; font-size: 14px; font-weight: 500; }
+.c-btn--header { font-size: 14px; font-weight: 500;
+    @media (--min--medium) {
+        margin-right: 28px;
+    }
+}
 
 .c-btn--main { color: #fff; background: var(--color--green);
     &:hover { background: var(--color--green-darker); }
@@ -15,12 +19,16 @@
 
 .c-btn--fill { width: 100%; }
 
-.c-btn--search { min-width: 180px; border-radius: 0 3px 3px 0; text-align: center; }
+.c-btn--search { min-width: 180px; border-radius: 0 3px 3px 0; text-align: center;
+    @media (--max--medium) {
+        flex: 0 0 60px; border-radius: 0 0 3px 3px;
+    }
+}
 
 .c-btn--search-small { margin: 9px; min-width: 133px; text-align: center; }
 
 .c-btn--slim {  color: #14A28A; background: none; font-weight: 500; text-align: center; border: 2px solid #1FB299; border-radius: 3px;
-    &:hover { border-color: var(--color--green-darker); color: var(--color--green-darker);  }
+    &:hover { border-color: var(--color--green-darker); background-color: var(--color--green-darker); color: #fff; }
 }
 
 /* critical:end */

wp-content/themes/biuro/css/07-components/_component--contact.css

@@ -2,16 +2,32 @@
 
 /* critical:start */
 
-.c-contact { padding: 50px 0; }
+.c-contact { padding: 20px 0;
+    @media (--min--medium) {
+        padding: 50px 0;
+    }
+}
 
-.c-contact--inner { display: flex; justify-content: space-between; max-width: 980px; margin: 0 auto; }
+.c-contact--inner { max-width: 1000px; padding: 0 10px ;margin: 0 auto;
+    @media (--min--medium) {
+        display: flex; justify-content: space-between;
+    }
+}
 
-.c-contact--content {  flex: 1 1 40%;  max-width: 500px; color: #2A3644;  font-weight: 500; line-height: 29px; padding: 75px 0 0 90px;
+.c-contact--content { color: #2A3644; font-weight: 500; line-height: 29px; padding-bottom: 20px;
+    @media (--min--medium) {
+          flex: 1 1 40%;  max-width: 500px; padding: 75px 0 0 90px;
+    }
     h3  { margin: 0 0 15px; font-size: 25px; color: #2A3644; font-weight: 500; }
     p { margin: 0 0 20px; }
+    img { max-width: 100%; height: auto; }
 }
 
-.c-contact--form {  flex: 1 1 40%;  max-width: 420px; }
+.c-contact--form { max-width: 420px;
+    @media (--min--medium) {
+        flex: 1 1 40%;
+    }
+}
 
 /* critical:end */
 

wp-content/themes/biuro/css/07-components/_component--data-controller.css

@@ -2,7 +2,10 @@
 
 /* critical:start */
 
-.c-data-controller { margin-bottom: 35px; padding: 15px 0 10px; text-align: center; font-size: 13px; line-height: 1; font-weight: 300;
+.c-data-controller { margin-bottom: 20px; padding: 10px 0 10px; text-align: center; font-size: 13px; line-height: 1; font-weight: 300; line-height: 19px;
+    @media (--min--medium) {
+        margin-bottom: 35px; padding: 15px 0 10px;
+    }
     p   { margin: 0 0 10px; }
 }
 

wp-content/themes/biuro/css/07-components/_component--feedbacks.css

@@ -2,21 +2,41 @@
 
 /* critical:start */
 
-.c-feedbacks { padding: 50px 0 70px; background: linear-gradient(134.06deg, #FFFFFF 0%, #CBE2EC 100%); }
-
-.c-feedbacks--inner { position: relative; overflow: hidden; width: 640px; height: 300px; margin: 0 auto; }
-
-.c-feedbacks--heading { color: #2A3644; margin: 0 0 40px; padding: 0; font-size: 25px; font-weight: 500; line-height: 29px; text-align: center; }
-
-/*.c-feedbacks--sections   {  border: 1px solid #f00; }*/
-.c-feedbacks--section    {  padding-top: 40px;}
-.c-feedbacks--section-inner { position: relative; height: 140px; width: 574px; margin: 0 auto; padding: 68px 0 0; border-radius: 23px; background-color: #FFFFFF; }
+.c-feedbacks { padding: 30px 0 30px; background: linear-gradient(134.06deg, #FFFFFF 0%, #CBE2EC 100%);
+    @media (--min--medium) {
+        padding: 50px 0 70px;
+    }
+}
+
+.c-feedbacks--inner { position: relative; overflow: hidden; width: 320px; height: 250px; margin: 0 auto;
+    @media (--min--medium) {
+         width: 640px; height: 300px;
+    }
+}
+
+.c-feedbacks--heading { color: #2A3644; margin: 0 0 20px; padding: 0 30px; font-size: 18px; line-height: 26px; font-weight: 500; text-align: center;
+    @media (--min--medium) {
+        font-size: 25px; line-height: 29px; margin: 0 0 40px;
+    }
+}
+
+.c-feedbacks--section    { padding-top: 40px; }
+.c-feedbacks--section-inner { position: relative; height: 110px; width: 300px; margin: 0 auto; padding: 60px 0 0; border-radius: 23px; background-color: #FFFFFF;
+   @media (--min--medium) {
+        height: 140px; width: 574px;
+    }
+}
 
 /* critical:end */
 
 .c-feedbacks--img { position: absolute; top: -32px; left: 50%; margin-left: -42px; }
 
-.c-feedbacks--feedback { margin: 0 auto 17px;  max-width: 400px; height: 79px; color: #2A3644; font-family: Georgia; font-size: 21px; line-height: 40px; text-align: center; overflow: hidden;}
+.c-feedbacks--feedback { margin: 0 auto 10px; max-width: 260px; height: 58px; color: #2A3644; font-family: Georgia; font-size: 14px; line-height: 26px; text-align: center; overflow: hidden;
+   @media (--min--medium) {
+        margin: 0 auto 17px; height: 79px;  font-size: 21px; line-height: 40px; max-width: 400px;
+    }
+
+}
 
 .c-feedbacks--name { color: #919191; font-family: Georgia;  font-size: 15px;  line-height: 17px;  text-align: center; }
 

wp-content/themes/biuro/css/07-components/_component--footer-sections.css

@@ -4,9 +4,19 @@
 
 /* critical:end */
 
-.c-footer-sections { display: flex; flex-wrap: wrap; }
+.c-footer-sections {
+    @media (--min--medium) {
+        display: flex; flex-wrap: wrap;
+    }
+    @media (--max--medium) {
+        text-align: center; font-size: 13px;
+    }
+}
 
-.c-footer-section { flex: 10 0 15%; line-height: 25px; margin: 0 0 30px;
+.c-footer-section { line-height: 25px; margin: 0 0 18px;
+    @media (--min--medium) {
+        flex: 10 0 15%; line-height: 25px; margin: 0 0 30px;
+    }
     &:nth-child(1) { flex: 5 0 15%; }
     &:nth-child(4) { flex: 1 0 15%; }
     h4  { margin: 0; padding: 0;  }

wp-content/themes/biuro/css/07-components/_component--form.css

@@ -4,11 +4,20 @@
 
 .c-form {  }
 
-.c-form--employees { padding: 38px 35px 20px; border-radius: 3px; background-color: #ffffff; box-shadow: 0 1px 31px -23px #6A7481; }
+.c-form--employees,
+.c-form--employers { padding: 15px 15px 10px; border-radius: 3px; background-color: #ffffff; box-shadow: 0 1px 31px -23px #6A7481;
+    @media (--min--medium) {
+        padding: 38px 35px 20px;
+    }
+}
+
+.c-form--position { margin: -40px -15px 0;  padding: 38px 35px 20px; border-radius: 3px; background-color: #ffffff; box-shadow: 0 1px 31px -23px #6A7481;
+    @media (--min--medium) {
+        margin: -40px -15px 0;
+    }
+}
 
-.c-form--employers { padding: 38px 35px 20px; border-radius: 3px; background-color: #ffffff; box-shadow: 0 1px 31px -23px #6A7481; }
 
-.c-form--position { margin: -40px -15px 0;  padding: 38px 35px 20px; border-radius: 3px; background-color: #ffffff; box-shadow: 0 1px 31px -23px #6A7481; }
 
 .c-form--row { position: relative; margin-bottom: 20px; }
 

wp-content/themes/biuro/css/07-components/_component--heading.css

@@ -6,8 +6,16 @@
     h1  { margin: 0 0 18px; padding: 0; color: #2A3644; font-size: 34px; font-weight: bold; line-height: 51px;  }
 }
 
-.c-heading--front-page { height: 320px; }
+.c-heading--front-page {
+    @media (--min--medium) {
+        height: 320px;
+    }
+}
 
-.c-heading--sales-page { height: 320px; }
+.c-heading--sales-page {
+    @media (--min--medium) {
+        height: 320px;
+    }
+}
 
 /* critical:end */

wp-content/themes/biuro/css/07-components/_component--jobs.css

@@ -19,17 +19,53 @@
     }
 }
 
-.c-jobs--col { background: #fff; vertical-align: middle; border-bottom: 1px solid var(--color--gray-light); color: #868C93; padding-top: 10px; padding-bottom: 10px; }
+.c-jobs--col { background: #fff; vertical-align: middle; color: #868C93; padding: 10px 15px;
+    @media (--max--medium) {
+        float: left;
+    }
+    @media (--min--medium) {
+        border-bottom: 1px solid var(--color--gray-light);
+    }
+}
 
-.c-jobs--col-position { padding-left: 15px; padding-right: 5px; }
+.c-jobs--col-position {
+    @media (--max--medium) {
+        width: 100%;
+    }
+    @media (--min--medium) {
+        padding-right: 5px;
+    }
+}
 
-.c-jobs--col-city { white-space: nowrap; padding-right: 5px; padding-left: 5px; max-width: 140px; overflow: hidden; text-overflow: ellipsis; }
+.c-jobs--col-city { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+    @media (--max--medium) {
+        width: 50%;  border-bottom: 1px solid var(--color--gray-light); font-size: 13px; padding-top: 0;
+    }
+    @media (--min--medium) {
+        max-width: 140px; padding-right: 5px; padding-left: 5px;
+    }
+}
 
-.c-jobs--col-valid { color: #19C5A7; white-space: nowrap; padding-right: 15px; padding-left: 5px; width: 100px; }
+.c-jobs--col-valid { color: #19C5A7; white-space: nowrap; padding-right: 15px; padding-left: 5px; width: 100px;
+    @media (--max--medium) {
+        width: 50%; border-bottom: 1px solid var(--color--gray-light); font-size: 13px; padding-top: 0; text-align: right;
+    }
+}
 
-.c-jobs--anchor     { display: block; padding: 10px 0; color: #004ED4; font-weight: 500; line-height: 18px; text-decoration: none;
+.c-jobs--anchor     { display: block; padding: 4px 0; color: #004ED4; font-weight: 500; line-height: 18px; text-decoration: none;
+    @media (--min--medium) {
+        padding: 10px 0;
+    }
     &:hover               { text-decoration: underline; }
     &:visited               { color: #551B89;  }
 }
 
-.c-jobs--more { margin-bottom: 70px; }
+.c-jobs--more { margin-bottom: 20px;
+    @media (--min--medium) {
+        margin-bottom: 70px;
+    }
+}
+
+
+
+

wp-content/themes/biuro/css/07-components/_component--nav.css

@@ -4,17 +4,35 @@
 
 .c-nav          { }
 
-.c-nav--main { display: flex; font-size: 14px; }
+.c-nav--main { display: flex; font-size: 14px;
+    @media (--max--medium) {
+        padding: 115px 20px 0; justify-content: center;
+    }
+}
 
 .c-nav--sub                      { display: none; }
 /* critical:end */
 
-.c-nav--main-item        { position: relative; height: 70px; margin-right: 26px; padding: 23px 0 0; z-index: 500; }
-.c-nav--main-anchor    { display: block; padding: 5px 0 4px; text-transform: uppercase; border-bottom: 2px solid transparent; text-decoration: none; color: var(--color--blue-dark); font-weight: bold; letter-spacing: 1px; opacity: 0.6;
+.c-nav--main-item        { position: relative; /* height: 70px; margin-right: 26px; padding: 23px 0 0; */ z-index: 500;
+    @media (--max--medium) {
+        flex: 0 1 auto; border: 1px solid #fff;
+    }
+    @media (--min--medium) {
+        height: 70px; margin-right: 26px; padding: 23px 0 0;
+    }
+}
+.c-nav--main-anchor    { display: block; padding: 5px 0 4px; text-transform: uppercase; border-bottom: 2px solid transparent; text-decoration: none; color: #fff; font-weight: bold; letter-spacing: 1px; opacity: 0.6;
+    @media (--min--medium) {
+        color: var(--color--blue-dark);
+    }
     &:hover { opacity: 1; }
 }
 
-.c-nav--sub                    { position: absolute; top: 100%; }
+.c-nav--sub                    {
+    @media (--min--medium) {
+        position: absolute; top: 100%;
+    }
+}
 .c-nav--sub-item            { margin-right: 46px; }
 .c-nav--sub-anchor        { display: block; padding: 16px 0 17px; color: #fff; text-transform: uppercase; white-space: nowrap; text-decoration: none; font-weight: bold; letter-spacing: 1.08px; line-height: 1;
     &:hover { color: var(--color--green); }
@@ -27,7 +45,14 @@
 }
 .c-nav--region    {  }
 
-.c-nav--lang-wrap   { position: relative; width: 70px; height: 32px; }
+.c-nav--lang-wrap   { width: 70px; height: 32px;
+    @media (--max--medium) {
+        position: absolute; top: 20px; left: 20px;
+    }
+    @media (--min--medium) {
+        position: relative;
+    }
+}
 
 .c-nav--lang        { position: absolute; top: 0; left: 0; width: 100%; background: #fff; border-radius: 3px; z-index: 20; font-weight: 500;
     &:hover             {

wp-content/themes/biuro/css/07-components/_component--phone.css

@@ -2,7 +2,13 @@
 
 /* critical:start */
 
-.c-phone    { white-space: nowrap; margin-right: 35px; padding: 12px 0 10px; text-decoration: none; color: inherit;  font-weight: 500; font-size: 14px;
+.c-phone    { white-space: nowrap; padding: 12px 0 10px; text-decoration: none; color: inherit;  font-weight: 500; font-size: 14px;
+    @media (--max--medium) {
+        color: #fff; margin: 30px 0;
+    }
+    @media (--min--medium) {
+        margin-right: 35px;
+    }
     svg { float: left; margin: -6px 5px 0 0; }
 }
 

wp-content/themes/biuro/css/07-components/_component--search.css

@@ -2,9 +2,20 @@
 
 /* critical:start */
 
-.c-search   { display: flex; height: 60px; background-color: #FFFFFF; border-radius: 3px; }
+.c-search   { display: flex; background-color: #FFFFFF; border-radius: 3px;
+    @media (--max--medium) {
+        flex-direction: column; margin: 0 20px;
+    }
+    @media (--min--medium) {
+        height: 60px;
+     }
+}
 
 .c-search--col  { position: relative; flex: 1 1 auto; background-color: #FFFFFF;
+    @media (--max--medium) {
+        flex: 0 0 60px;
+    }
+
     .awesomplete { position: absolute; top: 0; right: 0; left: 0; height: 100%; display: flex; flex-direction: column; }
     ul { top: 60px; padding-top: 10px; }
     li  { padding: 10px 15px; margin-bottom: 10px; cursor: pointer;
@@ -12,9 +23,20 @@
     }
 }
 
-.c-search--col-location { border-right: 1px solid rgba(178, 182, 187, 0.46); border-radius: 3px 0 0 3px; }
+.c-search--col-location { border-radius: 3px 3px 0 0;
+    @media (--max--medium) {
+        border-bottom: 1px solid rgba(178, 182, 187, 0.46);
+    }
+    @media (--min--medium) {
+        border-right: 1px solid rgba(178, 182, 187, 0.46); border-radius: 3px 0 0 3px;
+    }
+}
 
-.c-search--col-keyword {  }
+.c-search--col-keyword {
+    @media (--max--medium) {
+        border-bottom: 1px solid rgba(178, 182, 187, 0.46);
+    }
+}
 
 .c-search--input { border: 0; padding: 0 10px 0 44px; margin: 0; height: 60px; line-height: 60px; background: none;
     &:focus { outline: none; }
@@ -25,8 +47,24 @@
 .c-search--keyword { }
 
 .l-section--front-page {
-    .c-search   { height: 70px; box-shadow: 6px 10px 48px 0 #D4DBE4; }
-    .c-search--input { height: 70px; line-height: 70px; }
+    .c-search   {  box-shadow: 6px 10px 48px 0 #D4DBE4;
+        @media (--max--medium) {
+            margin: 0;
+        }
+        @media (--min--medium) {
+            height: 70px;
+         }
+    }
+    .c-search--input {
+        @media (--max--medium) {
+            margin: 0;
+        }
+        @media (--min--medium) {
+            height: 70px; line-height: 70px;
+         }
+    }
 }
 
+/*.l-section--front-page .c-search*/
+
 /* critical:end */

wp-content/themes/biuro/css/07-components/_component--sections.css

@@ -5,13 +5,28 @@
 
 /* critical:end */
 
-.c-sections   { max-width: 1000px; margin-right: auto; margin-left: auto; align-items: center; padding: 50px 20px 135px; }
+.c-sections   { max-width: 1000px; margin-right: auto; margin-left: auto; align-items: center; padding: 20px 20px 20px;
+    @media (--min--medium) {
+        padding: 50px 20px 135px;
+    }
+}
 
 .c-sections--heading { color: #2A3644; margin: 0 0 40px; padding: 0; font-size: 25px; font-weight: 500; line-height: 29px; text-align: center; }
 
-.c-sections--inner  { display: flex; flex-wrap: wrap; justify-content: space-between; }
+.c-sections--inner  {
+    @media (--min--medium) {
+         display: flex; flex-wrap: wrap; justify-content: space-between;
+    }
+}
 
-.c-sections--item  { position: relative; flex: 0 0 300px; height: 211px; margin-bottom: 30px; }
+.c-sections--item  { position: relative; height: 211px; margin-bottom: 30px;
+    @media (--max--medium) {
+        width: 300px; margin: 0 auto 30px;
+    }
+    @media (--min--medium) {
+         flex: 0 0 300px;
+    }
+}
 
 .c-sections--item-inner  { position: absolute; top: 0; left: 0; width: 100%; height: 211px; padding: 27px 21px; border-radius: 3px; background: #FFFFFF;  box-shadow: 2px 2px 31px 0 rgba(238,238,238,0.5); overflow: hidden; }
 

wp-content/themes/biuro/css/07-components/_component--services.css

@@ -4,9 +4,20 @@
 
 /* critical:end */
 
-.c-services   { @extend .l-inner-small; display: flex; flex-wrap: wrap; align-items: center; padding-top: 64px; padding-bottom: 64px; justify-content: space-between; }
+.c-services   { @extend .l-inner-small; padding: 20px 0;
+   @media (--min--medium) {
+        display: flex; flex-wrap: wrap; align-items: center; padding-top: 64px; padding-bottom: 64px; justify-content: space-between;
+    }
+}
 
-.c-services--item  { position: relative; flex: 0 0 253px; height: 245px; }
+.c-services--item  { position: relative;  height: 245px;
+    @media (--max--medium) {
+        width: 253px; margin: 0 auto 20px;
+    }
+    @media (--min--medium) {
+        flex: 0 0 253px;
+    }
+}
 
 .c-services--item-inner  { position: absolute; top: 0; left: 0; width: 100%; height: 245px; border-radius: 3px; background-color: #FFFFFF;  box-shadow: 2px 2px 31px 0 rgba(238,238,238,0.5); }
 
@@ -14,7 +25,7 @@
 
 .c-services--toggle-up { display: none; }
 
-.c-services--is-open { height: 341px;
+.c-services--is-open { height: 341px; z-index: 200;
     .c-services--toggle-down { display: none;  }
     .c-services--toggle-up { display: inline; }
     .c-services--content { display: block; }

wp-content/themes/biuro/css/07-components/_component--trust.css

@@ -4,11 +4,47 @@
 
 .c-trust    { background: linear-gradient(134.06deg, #70B7D5 0%, #7BCBCF 100%); }
 
-.c-trust--inner { @extend .l-inner-small; display: flex; flex-wrap: wrap; align-items: center; padding-top: 64px; padding-bottom: 64px; }
+.c-trust--inner { @extend .l-inner-small; align-items: center; padding-top: 20px; padding-bottom: 20px;
+    @media (--min--medium) {
+        display: flex; flex-wrap: wrap; padding-top: 64px; padding-bottom: 64px;
+    }
+}
 
-.c-trust--heading   { flex: 1 1 auto; margin: 0; color: #fff; }
+.c-trust--heading   { flex: 1 1 auto; margin: 0 0 15px; color: #fff;
+    @media (--min--medium) {
+        margin: 0;
+    }
+    @media (--max--medium) {
+        text-align: center; font-size: 18px;
+    }
+}
 
-.c-trust--logos       { flex: 10 1 auto; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; }
+.c-trust--logos { flex: 10 1 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
+    @media (--min--medium) {
+        justify-content: space-around;
+    }
+}
 
 /* critical:end */
 
+
+.c-trust--img-svyturys {
+    @media (--max--medium) {
+        width: 76px; height: 23px;
+    }
+}
+.c-trust--img-dpd {
+    @media (--max--medium) {
+        width: 53px; height: 23px;
+    }
+}
+.c-trust--img-pergale {
+    @media (--max--medium) {
+        width: 72px; height: 16px;
+    }
+}
+.c-trust--img-maxima {
+    @media (--max--medium) {
+        width: 74px; height: 17px;
+    }
+}

wp-content/themes/biuro/css/07-components/_component--values.css

@@ -4,12 +4,28 @@
 
 .c-values { background: linear-gradient(138.69deg, #4EACD9 0%, #2FB8A1 100%); color: #fff; }
 
-.c-values--inner { @extend .l-inner-small; display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 60px; padding-bottom: 40px;  }
+.c-values--inner { @extend .l-inner-small; padding-top: 20px; padding-bottom: 20px;
+    @media (--min--medium) {
+         display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 60px; padding-bottom: 40px;
+    }
+}
 
 /* critical:end */
 
-.c-values--section  { flex: 0 0 40%; max-width: 280px; }
+.c-values--section  { max-width: 250px;
+    @media (--min--medium) {
+        flex: 0 0 40%; max-width: 280px;
+    }
+}
 
-.c-values--heading { display: inline-block; min-width: 139px; min-height: 66px; margin: 0 0 18px; padding: 0 10px 0 0; border-bottom: 4px solid #fff; font-size: 45px; line-height: 53px; font-weight: bold; }
+.c-values--heading { display: inline-block; min-width: 139px; margin: 0 0 18px; padding: 0 10px 0 0; border-bottom: 4px solid #fff; font-weight: bold;  min-height: 34px; color: #F8F8F8; font-size: 35px; line-height: 41px;
+    @media (--min--medium) {
+        min-height: 66px; font-size: 45px; line-height: 53px;
+    }
+}
 
-.c-values--content { display: block; min-height: 80px; margin: 0 0 20px; padding: 0; font-size: 15px; line-height: 30px; font-weight: 500; }
+.c-values--content { display: block; min-height: 67px; margin: 0 0 20px; padding: 0; font-size: 15px; line-height: 26px; font-weight: 500;
+    @media (--min--medium) {
+        min-height: 80px; line-height: 30px;
+    }
+}

wp-content/themes/biuro/css/08-states/_state--nav.css

@@ -15,8 +15,23 @@
 
 
 .is-nav--main-item-active   { position: relative;
-    .c-nav--sub { display: flex;  }
+    .c-nav--sub { display: block;
+        @media (--min--medium) {
+            display: flex;
+        }
+    }
  }
 
- .is-nav--main-anchor-active  { border-bottom-color: var(--color--blue-dark); opacity: 1;  }
+ .is-nav--main-anchor-active  {  opacity: 1;
+    @media (--min--medium) {
+        border-bottom-color: var(--color--blue-dark);
+    }
+ }
  .is-nav--sub-anchor-active     { color: #19C5A7; }
+
+
+.is-nav--open {
+    @media (--max--medium) {
+        .l-nav--wrap { display: flex; }
+    }
+}

wp-content/themes/biuro/footer.php

@@ -79,7 +79,7 @@
     '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
     })(window,document,'script','dataLayer','GTM-THF42F');</script>
 
-    <script src="/wp-content/themes/biuro/js/main-166a52d0.min.js" async></script>
+    <script src="/wp-content/themes/biuro/js/main-f20a1213.min.js" async></script>
     <?php wp_footer(); ?>
 </body>
 </html>

wp-content/themes/biuro/front-page.php

@@ -90,10 +90,10 @@
             <div class="c-trust--inner">
                 <h2 class="c-trust--heading"><?php _e('Trust in us', 'biuro'); ?></h2>
                 <div class="c-trust--logos">
-                    <img src="/wp-content/themes/biuro/i/trust/coca-cola.png" width="85" height="28" alt="">
-                    <img src="/wp-content/themes/biuro/i/trust/maxima.png" width="96" height="22" alt="">
-                    <img src="/wp-content/themes/biuro/i/trust/dpd.png" width="64" height="29" alt="">
-                    <img src="/wp-content/themes/biuro/i/trust/avon.png" width="71" height="15" alt="">
+                    <img src="/wp-content/themes/biuro/i/trust/svyturys.png" width="109" height="33" alt="Švyturys - Utenos alus" class="c-trust--img-svyturys">
+                    <img src="/wp-content/themes/biuro/i/trust/dpd.png" width="64" height="29" alt="DPD" class="c-trust--img-dpd">
+                    <img src="/wp-content/themes/biuro/i/trust/pergale.png" width="85" height="19" alt="Vilniaus pergalė" class="c-trust--img-pergale">
+                    <img src="/wp-content/themes/biuro/i/trust/maxima.png" width="96" height="22" alt="Maxima" class="c-trust--img-maxima">
                 </div>
             </div>
         </div>

wp-content/themes/biuro/header.php

@@ -32,16 +32,16 @@ define('cityID', $cityID);
 ?>
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
 
-    <style><?php include 'css/core-bde31b4cd1.min.css'; ?></style>
+    <style><?php include 'css/core-22c1837e7a.min.css'; ?></style>
 
-    <link rel="preload" href="/wp-content/themes/biuro/css/main-10660ecc9b.min.css" as="style" onload="this.rel='stylesheet'">
+    <link rel="preload" href="/wp-content/themes/biuro/css/main-e24afcf021.min.css" as="style" onload="this.rel='stylesheet'">
 
     <link rel="preload" href="/wp-content/themes/biuro/fonts/pt_sans_narrow.woff2" as="font" type="font/woff2" crossorigin>
     <link rel="preload" href="/wp-content/themes/biuro/fonts/pt_sans_narrow_bold.woff2" as="font" type="font/woff2" crossorigin>
     <link rel="preload" href="/wp-content/themes/biuro/fonts/bebas-neue.woff2" as="font" type="font/woff2" crossorigin>
 
     <noscript>
-        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-10660ecc9b.min.css">
+        <link rel="stylesheet" href="/wp-content/themes/biuro/css/main-e24afcf021.min.css">
     </noscript>
 
     <?php wp_head(); ?>
@@ -102,62 +102,81 @@ global $post;
                 </svg>
             </a>
 
-            <nav class="l-nav">
-<?php
-                get_template_part( 'template-parts/menus/menu', 'main' );
-?>
-            </nav>
-            <a href="tel:+37064902392" class="c-phone">
-                <svg xmlns="http://www.w3.org/2000/svg" width="21px" height="22px" viewBox="0 0 21 22">
-                    <path d="M20.0073662,1.61350199 C20.5897947,1.74475969 20.9999499,2.26157937 20.9999499,2.86039004 C20.9999499,13.2496151 12.5794702,21.6249937 2.23534623,21.6249937 C1.63653556,21.6249937 1.11971588,21.2148385 0.984372653,20.6283244 L0.0328044109,16.4980528 C-0.106624349,15.8951166 0.205077636,15.2798837 0.775209486,15.0337905 L5.2212686,13.1265685 C5.74217381,12.9009831 6.35740672,13.0527486 6.71833535,13.4916227 L8.52714413,15.7023356 C11.3695122,14.3078077 13.6786783,11.994556 15.0732063,9.15627347 L12.8624533,7.34750474 C12.4236192,6.98653606 12.2718538,6.37130315 12.4974392,5.850438 L14.4046612,1.4002533 C14.6507543,0.830121445 15.2700728,0.51841946 15.873009,0.65784822 L20.0073662,1.61350199 Z M2.25993953,20.3124969 C11.8780807,20.3002002 19.6751564,12.5072501 19.6833675,2.88910892 L15.598197,1.9457518 L13.7114827,6.35079539 L16.6974051,8.79121926 C14.7122776,13.0240297 12.4112825,15.3331958 8.16208992,17.3265745 L5.72166605,14.3406521 L1.3165824,16.2273664 L2.25993953,20.3124969 Z"></path>
-                </svg> +370 649 02392
-            </a>
-<?php
+            <span class="js-toggle--nav l-nav--open">
+
+            </span>
+
+            <div class="l-nav--wrap">
+                <nav class="l-nav">
+    <?php
+                    get_template_part( 'template-parts/menus/menu', 'main' );
+    ?>
+                </nav>
+                <a href="tel:+37064902392" class="c-phone">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="21px" height="22px" viewBox="0 0 21 22">
+                        <path class="u-fill--inherit" d="M20.0073662,1.61350199 C20.5897947,1.74475969 20.9999499,2.26157937 20.9999499,2.86039004 C20.9999499,13.2496151 12.5794702,21.6249937 2.23534623,21.6249937 C1.63653556,21.6249937 1.11971588,21.2148385 0.984372653,20.6283244 L0.0328044109,16.4980528 C-0.106624349,15.8951166 0.205077636,15.2798837 0.775209486,15.0337905 L5.2212686,13.1265685 C5.74217381,12.9009831 6.35740672,13.0527486 6.71833535,13.4916227 L8.52714413,15.7023356 C11.3695122,14.3078077 13.6786783,11.994556 15.0732063,9.15627347 L12.8624533,7.34750474 C12.4236192,6.98653606 12.2718538,6.37130315 12.4974392,5.850438 L14.4046612,1.4002533 C14.6507543,0.830121445 15.2700728,0.51841946 15.873009,0.65784822 L20.0073662,1.61350199 Z M2.25993953,20.3124969 C11.8780807,20.3002002 19.6751564,12.5072501 19.6833675,2.88910892 L15.598197,1.9457518 L13.7114827,6.35079539 L16.6974051,8.79121926 C14.7122776,13.0240297 12.4112825,15.3331958 8.16208992,17.3265745 L5.72166605,14.3406521 L1.3165824,16.2273664 L2.25993953,20.3124969 Z"></path>
+                    </svg> +370 649 02392
+                </a>
+    <?php
+
+            if ( get_post_meta( $post->ID, 'section', true) == 'employers'):
+                $contactsPage = new WP_Query( array(
+                    'numberposts'   => 1,
+                    'post_type'     => 'page',
+                    'meta_key'      => 'page',
+                    'meta_value'    => 'employers-contacts'
+                ) );
+
+                if ( $contactsPage->have_posts() ) :
+                    while( $contactsPage->have_posts() ) :
+                        $contactsPage->the_post();
+                ?>
+                        <a href="<?php echo get_the_permalink(); ?>" class="o-btn c-btn--main c-btn--header"><?php _e('Get an offer', 'biuro'); ?></a>
+                <?php
+                    endwhile;
+                    wp_reset_query();
+                endif;
+
+            else:
+                $contactsPage = new WP_Query( array(
+                    'numberposts'   => 1,
+                    'post_type'     => 'page',
+                    'meta_key'      => 'page',
+                    'meta_value'    => 'employees-contacts'
+                ) );
+
+                if ( $contactsPage->have_posts() ) :
+                    while( $contactsPage->have_posts() ) :
+                        $contactsPage->the_post();
+                ?>
+                        <a href="<?php echo get_the_permalink(); ?>" class="o-btn c-btn--main c-btn--header"><?php _e('Get a job offer', 'biuro'); ?></a>
+                <?php
+                    endwhile;
+                    wp_reset_query();
+                endif;
 
-// employees-contacts
-
-        if ( get_post_meta( $post->ID, 'section', true) == 'employers'):
-            $contactsPage = new WP_Query( array(
-                'numberposts'   => 1,
-                'post_type'     => 'page',
-                'meta_key'      => 'page',
-                'meta_value'    => 'employers-contacts'
-            ) );
-
-            if ( $contactsPage->have_posts() ) :
-                while( $contactsPage->have_posts() ) :
-                    $contactsPage->the_post();
-            ?>
-                    <a href="<?php echo get_the_permalink(); ?>" class="o-btn c-btn--main c-btn--header"><?php _e('Get an offer', 'biuro'); ?></a>
-            <?php
-                endwhile;
-                wp_reset_query();
             endif;
-
-        else:
-            $contactsPage = new WP_Query( array(
-                'numberposts'   => 1,
-                'post_type'     => 'page',
-                'meta_key'      => 'page',
-                'meta_value'    => 'employees-contacts'
-            ) );
-
-            if ( $contactsPage->have_posts() ) :
-                while( $contactsPage->have_posts() ) :
-                    $contactsPage->the_post();
-            ?>
-                    <a href="<?php echo get_the_permalink(); ?>" class="o-btn c-btn--main c-btn--header"><?php _e('Get a job offer', 'biuro'); ?></a>
-            <?php
-                endwhile;
-                wp_reset_query();
-            endif;
-
-        endif;
- ?>
-            <div class="c-nav--lang-wrap">
-<?php
-            get_template_part( 'template-parts/menus/menu', 'language' );
-?>
-            </div>
+     ?>
+                <div class="c-nav--lang-wrap">
+    <?php
+                get_template_part( 'template-parts/menus/menu', 'language' );
+    ?>
+                </div><!-- .c-nav--lang-wrap -->
+
+                <span class="js-toggle--nav l-nav--close">
+                    <svg width="13px" height="13px" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+                        <g id="FINAL@" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square">
+                            <g id="DUK" transform="translate(-233.000000, -657.000000)" fill-rule="nonzero" stroke="#ffffff" stroke-width="2">
+                                <g id="Group-" transform="translate(202.000000, 624.000000)">
+                                    <g id="Group" transform="translate(26.000000, 28.000000)">
+                                        <path  d="M11.5,11.5 L11.5,3.5 L11.5,11.5 L3.5,11.5 L11.5,11.5 Z M11.5,11.5 L11.5,19.5 L11.5,11.5 L19.5,11.5 L11.5,11.5 Z" id="Combined-Shape" transform="translate(11.500000, 11.500000) rotate(-45.000000) translate(-11.500000, -11.500000) "></path>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </svg>
+                </span>
+
+            </div><!-- .l-nav--wrap -->
         </div>
     </header>

wp-content/themes/biuro/js/main.js

@@ -64,6 +64,16 @@ if (module.hot) {
     initRegionsMap(node);
 })(window);
 
+(global => {
+    document.querySelectorAll('.js-toggle--nav').forEach((node) => {
+        node.addEventListener('click', (e) => {
+            e.preventDefault();
+            document.body.classList.toggle('is-nav--open');
+        });
+    });
+
+})(window);
+
 const mapStyles = [
     {
         featureType: 'all',

wp-content/themes/biuro/sales-page.php

@@ -56,10 +56,10 @@
             <div class="c-trust--inner">
                 <h2 class="c-trust--heading"><?php _e('Trust in us', 'biuro'); ?></h2>
                 <div class="c-trust--logos">
-                    <img src="/wp-content/themes/biuro/i/trust/coca-cola.png" width="85" height="28" alt="">
-                    <img src="/wp-content/themes/biuro/i/trust/maxima.png" width="96" height="22" alt="">
-                    <img src="/wp-content/themes/biuro/i/trust/dpd.png" width="64" height="29" alt="">
-                    <img src="/wp-content/themes/biuro/i/trust/avon.png" width="71" height="15" alt="">
+                    <img src="/wp-content/themes/biuro/i/trust/svyturys.png" width="109" height="33" alt="Švyturys - Utenos alus" class="c-trust--img-svyturys">
+                    <img src="/wp-content/themes/biuro/i/trust/dpd.png" width="64" height="29" alt="DPD" class="c-trust--img-dpd">
+                    <img src="/wp-content/themes/biuro/i/trust/pergale.png" width="85" height="19" alt="Vilniaus pergalė" class="c-trust--img-pergale">
+                    <img src="/wp-content/themes/biuro/i/trust/maxima.png" width="96" height="22" alt="Maxima" class="c-trust--img-maxima">
                 </div>
             </div>
         </div>