/*
Theme Name: Acnode 
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: Dynamix/Alaa
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 3.0
Tested up to: 6.0
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,footer,header,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}
figcaption,figure,main{display:block}
figure{margin:1em 0}
hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:1px #767676 dotted;text-decoration:none}
b,strong{font-weight:inherit}
b,strong{font-weight:700}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#eee;}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
fieldset{border:1px solid #bbb;margin:0 2px;padding:.35em .625em .75em}
legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}
.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background-color:#f1f1f1;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.alignleft{display:inline;float:left;margin-right:1.5em}
.alignright{display:inline;float:right;margin-left:1.5em}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
.clear:after,.clear:before,.comment-author:after,.comment-author:before,.comment-content:after,.comment-content:before,.comment-meta:after,.comment-meta:before,.entry-content:after,.entry-content:before,.entry-footer:after,.entry-footer:before,.nav-links:after,.nav-links:before,.pagination:after,.pagination:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before,.widget-area:after,.widget-area:before,.widget:after,.widget:before{content:"";display:table;table-layout:fixed}
.clear:after,.comment-author:after,.comment-content:after,.comment-meta:after,.entry-content:after,.entry-footer:after,.nav-links:after,.pagination:after,.site-content:after,.site-footer:after,.site-header:after,.widget-area:after,.widget:after{clear:both}
body,button,input,select,textarea{color:#000;font-family:"Libre Franklin","Helvetica Neue",helvetica,arial,sans-serif;font-size:15px;font-size:.9375rem;font-weight:400;line-height:1.66}
h1,h2,h3,h4,h5,h6{clear:both;line-height:1.4;margin:0 0 .75em;padding:1.5em 0 0}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{padding-top:0}
h1{font-size:24px;font-size:1.5rem;font-weight:300}
.home.blog .entry-title,h2{color:#666;font-size:20px;font-size:1.25rem;font-weight:300}
h3{color:#333;font-size:18px;font-size:1.125rem;font-weight:300}
h4{color:#333;font-size:16px;font-size:1rem;font-weight:800}
h5{color:#767676;font-size:13px;font-size:.8125rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
h6{color:#333;font-size:15px;font-size:.9375rem;font-weight:800}
cite,dfn,em,i{font-style:italic}
blockquote{color:#666;font-size:18px;font-size:1.125rem;font-style:italic;line-height:1.7;margin:0;overflow:hidden;padding:0}
blockquote cite{display:block;font-style:normal;font-weight:600;margin-top:.5em}
address{margin:0 0 1.5em}
pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;font-size:15px;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}
code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:15px;font-size:.9375rem}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
ins,mark{background:#eee;text-decoration:none}
big{font-size:125%}
blockquote:after,blockquote:before{content:""}
:focus{outline:0}
html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] select,html[lang=ar] textarea,html[lang=ary] body,html[lang=ary] button,html[lang=ary] input,html[lang=ary] select,html[lang=ary] textarea,html[lang=azb] body,html[lang=azb] button,html[lang=azb] input,html[lang=azb] select,html[lang=azb] textarea,html[lang=fa-IR] body,html[lang=fa-IR] button,html[lang=fa-IR] input,html[lang=fa-IR] select,html[lang=fa-IR] textarea,html[lang=haz] body,html[lang=haz] button,html[lang=haz] input,html[lang=haz] select,html[lang=haz] textarea,html[lang=ps] body,html[lang=ps] button,html[lang=ps] input,html[lang=ps] select,html[lang=ps] textarea,html[lang=ur] body,html[lang=ur] button,html[lang=ur] input,html[lang=ur] select,html[lang=ur] textarea{font-family:Tahoma,Arial,sans-serif}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] h5,html[lang=ar] h6,html[lang=ary] h1,html[lang=ary] h2,html[lang=ary] h3,html[lang=ary] h4,html[lang=ary] h5,html[lang=ary] h6,html[lang=azb] h1,html[lang=azb] h2,html[lang=azb] h3,html[lang=azb] h4,html[lang=azb] h5,html[lang=azb] h6,html[lang=fa-IR] h1,html[lang=fa-IR] h2,html[lang=fa-IR] h3,html[lang=fa-IR] h4,html[lang=fa-IR] h5,html[lang=fa-IR] h6,html[lang=haz] h1,html[lang=haz] h2,html[lang=haz] h3,html[lang=haz] h4,html[lang=haz] h5,html[lang=haz] h6,html[lang=ps] h1,html[lang=ps] h2,html[lang=ps] h3,html[lang=ps] h4,html[lang=ps] h5,html[lang=ps] h6,html[lang=ur] h1,html[lang=ur] h2,html[lang=ur] h3,html[lang=ur] h4,html[lang=ur] h5,html[lang=ur] h6{font-weight:700}
html[lang^=zh-] body,html[lang^=zh-] button,html[lang^=zh-] input,html[lang^=zh-] select,html[lang^=zh-] textarea{font-family:"PingFang TC","Helvetica Neue",Helvetica,STHeitiTC-Light,Arial,sans-serif}
html[lang=zh-CN] body,html[lang=zh-CN] button,html[lang=zh-CN] input,html[lang=zh-CN] select,html[lang=zh-CN] textarea{font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeitiSC-Light,Arial,sans-serif}
html[lang^=zh-] h1,html[lang^=zh-] h2,html[lang^=zh-] h3,html[lang^=zh-] h4,html[lang^=zh-] h5,html[lang^=zh-] h6{font-weight:700}
html[lang=bg-BG] body,html[lang=bg-BG] button,html[lang=bg-BG] input,html[lang=bg-BG] select,html[lang=bg-BG] textarea,html[lang=ru-RU] body,html[lang=ru-RU] button,html[lang=ru-RU] input,html[lang=ru-RU] select,html[lang=ru-RU] textarea,html[lang=uk] body,html[lang=uk] button,html[lang=uk] input,html[lang=uk] select,html[lang=uk] textarea{font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,sans-serif}
html[lang=bg-BG] h1,html[lang=bg-BG] h2,html[lang=bg-BG] h3,html[lang=bg-BG] h4,html[lang=bg-BG] h5,html[lang=bg-BG] h6,html[lang=ru-RU] h1,html[lang=ru-RU] h2,html[lang=ru-RU] h3,html[lang=ru-RU] h4,html[lang=ru-RU] h5,html[lang=ru-RU] h6,html[lang=uk] h1,html[lang=uk] h2,html[lang=uk] h3,html[lang=uk] h4,html[lang=uk] h5,html[lang=uk] h6{font-weight:700;line-height:1.2}
html[lang=bn-BD] body,html[lang=bn-BD] button,html[lang=bn-BD] input,html[lang=bn-BD] select,html[lang=bn-BD] textarea,html[lang=hi-IN] body,html[lang=hi-IN] button,html[lang=hi-IN] input,html[lang=hi-IN] select,html[lang=hi-IN] textarea,html[lang=mr-IN] body,html[lang=mr-IN] button,html[lang=mr-IN] input,html[lang=mr-IN] select,html[lang=mr-IN] textarea{font-family:Arial,sans-serif}
html[lang=bn-BD] h1,html[lang=bn-BD] h2,html[lang=bn-BD] h3,html[lang=bn-BD] h4,html[lang=bn-BD] h5,html[lang=bn-BD] h6,html[lang=hi-IN] h1,html[lang=hi-IN] h2,html[lang=hi-IN] h3,html[lang=hi-IN] h4,html[lang=hi-IN] h5,html[lang=hi-IN] h6,html[lang=mr-IN] h1,html[lang=mr-IN] h2,html[lang=mr-IN] h3,html[lang=mr-IN] h4,html[lang=mr-IN] h5,html[lang=mr-IN] h6{font-weight:700}
html[lang=el] body,html[lang=el] button,html[lang=el] input,html[lang=el] select,html[lang=el] textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
html[lang=el] h1,html[lang=el] h2,html[lang=el] h3,html[lang=el] h4,html[lang=el] h5,html[lang=el] h6{font-weight:700;line-height:1.3}
html[lang=gu-IN] body,html[lang=gu-IN] button,html[lang=gu-IN] input,html[lang=gu-IN] select,html[lang=gu-IN] textarea{font-family:Arial,sans-serif}
html[lang=gu-IN] h1,html[lang=gu-IN] h2,html[lang=gu-IN] h3,html[lang=gu-IN] h4,html[lang=gu-IN] h5,html[lang=gu-IN] h6{font-weight:700}
html[lang=he-IL] body,html[lang=he-IL] button,html[lang=he-IL] input,html[lang=he-IL] select,html[lang=he-IL] textarea{font-family:"Arial Hebrew",Arial,sans-serif}
html[lang=he-IL] h1,html[lang=he-IL] h2,html[lang=he-IL] h3,html[lang=he-IL] h4,html[lang=he-IL] h5,html[lang=he-IL] h6{font-weight:700}
html[lang=ja] body,html[lang=ja] button,html[lang=ja] input,html[lang=ja] select,html[lang=ja] textarea{font-family:"Hiragino Kaku Gothic Pro",Meiryo,sans-serif}
html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3,html[lang=ja] h4,html[lang=ja] h5,html[lang=ja] h6{font-weight:700}
html[lang=ko-KR] body,html[lang=ko-KR] button,html[lang=ko-KR] input,html[lang=ko-KR] select,html[lang=ko-KR] textarea{font-family:"Apple SD Gothic Neo","Malgun Gothic","Nanum Gothic",Dotum,sans-serif}
html[lang=ko-KR] h1,html[lang=ko-KR] h2,html[lang=ko-KR] h3,html[lang=ko-KR] h4,html[lang=ko-KR] h5,html[lang=ko-KR] h6{font-weight:600}
html[lang=th] h1,html[lang=th] h2,html[lang=th] h3,html[lang=th] h4,html[lang=th] h5,html[lang=th] h6{line-height:1.65;font-family:"Sukhumvit Set","Helvetica Neue",Helvetica,Arial,sans-serif}
html[lang=th] body,html[lang=th] button,html[lang=th] input,html[lang=th] select,html[lang=th] textarea{line-height:1.8;font-family:"Sukhumvit Set","Helvetica Neue",Helvetica,Arial,sans-serif}
html[lang=ar] *,html[lang=ary] *,html[lang=azb] *,html[lang=bg-BG] *,html[lang=bn-BD] *,html[lang=el] *,html[lang=gu-IN] *,html[lang=haz] *,html[lang=he-IL] *,html[lang=hi-IN] *,html[lang=ja] *,html[lang=ko-KR] *,html[lang=mr-IN] *,html[lang=ps] *,html[lang=ru-RU] *,html[lang=th] *,html[lang=uk] *,html[lang^=zh-] *{letter-spacing:0!important}
label{color:#333;display:block;font-weight:800;margin-bottom:.5em}
fieldset{margin-bottom:1em}
input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{color:#666;background:#fff;background-image:-webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0));border:1px solid #bbb;-webkit-border-radius:3px;border-radius:3px;display:block;padding:.7em;width:100%}
input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{color:#222}
select{border:1px solid #bbb;-webkit-border-radius:3px;border-radius:3px;height:3em;max-width:100%}
input[type=checkbox]:focus,input[type=radio]:focus{outline:thin dotted #333}
input[type=checkbox],input[type=radio]{margin-right:.5em}
input[type=checkbox]+label,input[type=radio]+label{font-weight:400}
button,input[type=button],input[type=submit]{border:0;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:none;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-size:.875rem;font-weight:800;line-height:1;padding:1em 2em;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}
input+button,input+input[type=button],input+input[type=submit]{padding:.75em 2em}
button.secondary,input[type=button].secondary,input[type=reset],input[type=reset].secondary,input[type=submit].secondary{background-color:#ddd;color:#222}
::-webkit-input-placeholder{color:#333;font-family:"Libre Franklin","Helvetica Neue",helvetica,arial,sans-serif}
:-moz-placeholder{color:#333;font-family:"Libre Franklin","Helvetica Neue",helvetica,arial,sans-serif}
::-moz-placeholder{color:#333;font-family:"Libre Franklin","Helvetica Neue",helvetica,arial,sans-serif;opacity:1}
:-ms-input-placeholder{color:#333;font-family:"Libre Franklin","Helvetica Neue",helvetica,arial,sans-serif}
hr{background-color:#bbb;border:0;height:1px;margin-bottom:1.5em}
ol,ul{margin:0 0 1.5em;padding:0}
ul{list-style:disc}
ol{list-style:decimal}
li>ol,li>ul{margin-bottom:0;margin-left:1.5em}
dt{font-weight:700}
dd{margin:0 1.5em 1.5em}
table{border-collapse:collapse;margin:0 0 1.5em;width:100%}
thead th{border-bottom:1px solid #010103;padding-bottom:.5em}
th{padding:.4em;text-align:left}
tr{border-bottom:1px solid #eee}
td{padding:.4em}
td,td:first-child,th,th:first-child{padding-left:0}
td:last-child,th:last-child{padding-right:0}
a{color: var(--grey);text-decoration:none}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}

body{font-family: roboto, sans-serif; color: var(--grey); font-size: 22px; overflow: hidden;}
.white{color: white;}
.container{width:1420px;max-width:90%;margin:0 auto}
.flex{display:flex}
.flex-row{flex-direction:row;flex-basis:auto}
.flex-row.reverse{flex-direction:row-reverse}
.flex-col{flex-direction:column}
.flex-col.reverse{flex-direction:column-reverse}
.flex-nowrap{flex-wrap:nowrap}
.flex-wrap{flex-wrap:wrap}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.justify-evenly{justify-content:space-evenly}
.justify-around{justify-content:space-around}
.align-i-center{align-items:center}
.align-i-start{align-items:flex-start}
.align-i-end{align-items:flex-end}
.align-i-baseline{align-items:baseline}
.align-s-center{align-self:center}
.align-s-start{align-self:flex-start}
.align-s-end{align-self:flex-end}
.flex-row-2>*{flex-basis:48%;max-width:48%}
.flex-row.flex-row-3>*{flex-basis:31%}
.flex-row.flex-row-4>*{flex-basis:23%}
.flex-row.flex-row-5>*{flex-basis:18%}
.light{font-weight:300}
.regular{font-weight:400}
.bold{font-weight:700}
.line-1{line-height:1}
.fs-60{font-size:60px}
.fs-48{font-size:48px}
.fs-32{font-size:32px}
.fs-22{font-size:22px}
.fs-18{font-size:18px}
.uppercase{text-transform:uppercase}
.center{text-align:center}
.mb-5{margin-bottom:5%}
.mt-5{margin-top:5%}
.mt-3{margin-top:3%}
.mt-1{margin-top:1%}
.pad-20{padding:20px 0}
.pad-50{padding:50px 0}
.pad-100{padding:100px 0}
.relative{position: relative;}
:root{
   --blue: #5785C4;
   --grey: #464749
}
html{overflow-x: hidden;}
.blue{color: var(--blue);}
.grey-back{background-color: #EFEFEF;}
.w-65{width: 65%;}
.w-35{width: 35%;}
/* Header  */
#masthead{position: absolute; z-index: 9999; width: 100%; margin: 20px 0 0;}
#menu-main-menu{display: flex; list-style: none; margin-bottom: 0;}
#menu-main-menu li{margin: 0 40px; position: relative;}
#menu-main-menu li:last-child{margin-right: 0;}
#menu-main-menu li a{color: white; font-weight: 400; text-transform: uppercase; font-size: 18px;}
#menu-main-menu .sub-menu{display: none;  position: absolute; width: 100%;}
#menu-main-menu .sub-menu li{margin: 0;}
#menu-main-menu .sub-menu li a{font-size: 16px;}
#menu-main-menu .menu-item:hover .sub-menu{display: block;}


/* Footer */

footer{background-color: var(--grey);}

/* General  */

.page .banner{position: relative;}
.page .banner .attachment-post-thumbnail {width: 100%; height: 100%; object-fit: cover;}
.home .banner .attachment-post-thumbnail {max-height: 100vh;}
.page .banner .content{position: absolute; line-height: 1; bottom: 25%}
.home .banner .content{max-width: 520px; bottom: 15%;}
.wpcf7-not-valid-tip{height: 0; font-size: 14px ;}
li::marker{color: var(--blue);}
input[type="email"], input[type="text"]{height: 70px; box-sizing: border-box; border: 1px solid #46474994 !important; font-size: 18px; border-radius: 5px !important; padding: 0 !important; padding-left: 20px !important;}
input::placeholder, textarea::placeholder{font-size: 18px;}
textarea{font-size: 18px; padding: 20px; box-sizing: border-box; border: 1px solid #46474994 !important;  border-radius: 5px !important;}
input[type="submit"]{padding: 15px 30px !important; background-color: var(--blue); text-transform: uppercase; font-size: 18px; font-weight: bold; border: 0; border-radius: 5px; display: flex; margin-left: auto;}
.wpcf7-form-control-wrap{display: block; height: 50px;}
.wpcf7-form-control-wrap:nth-of-type(4){height: unset;}

/* Media Query */

@media only screen and (max-width: 1440px) {
   .fs-60{font-size:50px}
   .fs-48{font-size:40px}
   .fs-32{font-size:28px}
   body, .fs-22{font-size:20px}
   .fs-18{font-size:16px}
   #masthead img{width: 250px;}
   #menu-main-menu li a{font-size: 16px;}
   #menu-main-menu .sub-menu li a{font-size: 14px;}
   .pad-50{padding: 30px 0;}
   input[type="email"], input[type="text"], textarea, input[type="email"]::placeholder, input[type="text"]::placeholder, textarea::placeholder, input[type="submit"]{font-size: 16px;}
   input[type="email"], input[type="text"]{height: 55px;}
   .wpcf7-form-control-wrap{height: 40px;}
}

@media only screen and (max-width: 1200px) {
   #path{width: 500px !important}
}

@media only screen and (max-width: 1023px) {
   body, .fs-22{font-size: 18px;}
   .pad-100{padding: 50px 0;}
   #menu-main-menu li a{font-size: 14px;}
   #menu-main-menu .sub-menu li a{font-size: 13px;}   
   #menu-main-menu li{margin: 0 20px}
   .fs-60{font-size:36px}
   .fs-48{font-size:32px}
   .fs-32{font-size:22px}
   .fs-18{font-size: 14px;}
   #path{width: 400px !important}
   #masthead img{width: 200px;}
}

@media only screen and (max-width: 767px) {
   .flex-row.responsive{flex-direction: column;}
   .flex-row.responsive>*{flex-basis: 100%; width: 100%; max-width: 100%}
   #masthead .menu-main-menu-container{display: none;}
   .page .banner{height: 500px;}
   body, .fs-22{font-size: 16px;}
}

@media only screen and (max-width: 425px) {
   footer .fs-18{font-size: 11px;}
   footer .pad-50{padding: 20px 0;}
   .home .banner .content{max-width: 90%;}
   input[type="email"], input[type="text"], textarea, input[type="email"]::placeholder, input[type="text"]::placeholder, textarea::placeholder, input[type="submit"]{font-size: 14px;}
   input[type="email"], input[type="text"]{height: 45px; padding-left: 10px !important;}
   textarea{padding: 10px;}
   .wpcf7-form-control-wrap{height: 40px;}
   #masthead img{width: 150px;}
}