/* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: */ @media screen and (max-width: 1600px){ /*HEADER*/ #header nav ul li a { font-size: 18px; } .header-right .header-link { margin: 0 0 15px auto; } } @media screen and (max-width: 1400px){ /*HEADER*/ #header nav ul { gap: 0 15px; } #header nav ul li a, .header-right .header-link ul li { font-size: 16px; } .header-right .header-link { margin: 0 0 10px auto; } /*CONTENT*/ .content-text h5 { font-size: 18px; } } @media screen and (max-width: 1240px){ /*HEADER*/ #header nav ul { gap: 0 15px; } #header nav ul li a, .header-right .header-link ul li { font-size: 14px; } .header-right .header-link { max-width: 230px; } /*CONTENT*/ .content-text h1, .content-text h2 { font-size: 60px; } } @media screen and (max-width: 1080px){ p, ul li { font-size: 18px; } /*HEADER*/ #header nav ul { gap: 0 15px; } #header nav ul li a, .header-right .header-link ul li { font-size: 1.25vw; } /*CONTENT*/ .content-text h1, .content-text h2 { font-size: 50px; } /*INNER*/ /*WORKSHOPS*/ .inner.workshops #banner { padding: 190px 20px 80px; } .inner.workshops .podcasts-item .podcasts-content .content-text p, .inner.workshops .podcasts-item .podcasts-content .content-text a { font-size: 1.5vw!important; } /*INFO*/ .inner.information #banner { padding: 190px 20px 80px; } /*PRIVACY*/ .inner.privacy #banner { padding: 190px 20px 80px; } } @media screen and (max-width: 960px){ .btn { max-width: 160px; font-size: 16px; padding: 15px 10px; } /*HEADER*/ #header nav ul li a, .header-right .header-link ul li { font-size: 1.2vw; } .header-right .header-link { max-width: 180px; } /*BANNER*/ .banner-content .content-text p { margin: 30px 0; } /*CONTENT*/ .content-text h1, .content-text h2 { font-size: 50px; } /*ABOUT*/ .about-content .button { margin: 20px 0 0; } /*FOOTER*/ .footer-info .tel a, .footer-info .mail a, .footer-info .loc a { font-size: 16px; } .footer-info .tel a::before, .footer-info .mail a::before, .footer-info .loc a::before { font-size: 14px; width: 40px; height: 40px; } .footer-copy .content-text p { font-size: 16px; } } @media screen and (max-width: 800px){ body { min-width: 380px!important; } p, ul li { font-size: 18px; } p { margin: 15px 0!important; } .formLabel label { font-size: 14px!important; } .db { display: inline; } .inbM { display: block; } .flex, .flexs, .flexc, .flexe, .flexstr { flex-wrap: wrap; } .tl, .tr { text-align: center; } .lg-text { font-size: 16px!important; } .rr { flex-direction: unset; } /*SOCIALS*/ .socials ul, .socials ul li { margin: 0 auto!important; } /*FORM*/ .ctc-form input[type="text"] { height: 45px; margin: 0 auto 8px; padding: 10px; } .ctc-form textarea { padding: 10px; } .ctc-form input[type="text"], .ctc-form textarea { font-size: 14px; } .ctc-form .formLabel { width: 100%; } form [type="submit"], .ctc-form .g-recaptcha div { margin: 0 auto; } /*BUTTON*/ .btn { max-width: 140px; width: 100%; font-size: 14px!important; padding: 10px 20px; } .btn.lg { max-width: 250px; } /*.ctc-form .btn { max-width: 190px!important; padding: 10px 0; }*/ /*STICKY*/ .sticky .header-left .content-image img { max-width: 130px; width: 100%; } /*DROPDOWN*/ /* #menu_drop #dropdown { display: none!important; background: #FEFEFE!important; } #header nav ul #dropdown li a { color: #444444!important; background: #FEFEFE!important; } #dropdown li { padding: 0!important; } #menu_drop { position: relative; } #menu_drop::after { content: '\f0d7'; font-family: 'FontAwesome'; font-size: 14px; color: #86B0AF; position: absolute; top: 10px; right: 15px; } #menu_drop:hover > #dropdown { display: block!important; position: static; max-width: 100%!important; width: 100%!important; padding: 0!important; } #header nav ul #dropdown li.active-menu a, #header nav ul #dropdown li a:hover { color: #FFFFFF!important; background: #86B0AF!important; } #header nav ul #dropdown li a { padding: 10px 30px; } #header nav ul #menu_drop:hover::after { content: '\f0d8'; color: #86B0AF; }*/ /*HEADER*/ #header { top: 0; padding: 0; min-width: 320px; border-radius: 0; } #header, #header * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #header .row {width: 100%} #header nav {display:block; height: auto; width: 100%;} #header nav ul { max-width: 100%; width: 100%; display: none; height: auto; padding: 0; margin: 0!important; } #header nav ul li { width: 100%;position: relative; margin: 0!important; padding: 0!important; } #header nav ul li a { background: #FFFFFF; color: #111111; font-size: 18px; display: block; float:none; padding: 10px 15px!important; } #header nav ul li a::before { display: none; } #header nav a {text-align: left; width: 100%;} #header nav a strong {position: absolute; top: 50%; transform: translateY(-50%); left: 15px;} #header nav a#pull { display: block; color: #fff; background-color: transparent; height: 55px;padding: 10px 0; width: 100%; position: relative; opacity: 1;} #header nav a#pull:after { content:''; background: url('../images/nav-icon.png') no-repeat; width: 20px; height: 20px; display: inline-block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } /*#pull img { position: relative; width: 60px; padding-left: 15px; top: 0; }*/ #pull img { display: none; } #header nav ul li.active-menu { padding: 0; width: 100%; } #header nav ul li.active-menu a, #header nav ul li a:hover { width: 100%; background: #8B8C07; color: #FFFFFF!important; } .header-left { max-width: 130px; width: 100%; position: absolute; top: 11px; left: 10px; z-index: 2; } .header-right { width: 100%; } .header-right .header-link { display: none; } /*BANNER*/ #banner { padding: 80px 15px 30px; } #banner::after { display: none; } .banner-content, .banner-image { width: 100%; } .banner-image .content-image { max-width: 500px; width: 100%; margin: 0 auto; } .banner-content .content-text { max-width: 100%; width: 100%; } /*CONTENT*/ .content-text h1, .content-text h2 { font-size: 45px; } /*ABOUT*/ .about-section { padding: 15px 15px 30px; } .about-section::after { display: none; } .about-content .button { margin: 15px 0 0; } /*FOOTER*/ #footer { padding: 15px; } .footer-info { padding: 0 0 30px; } .footer-info .footer-col, .footer-info .footer-left, .footer-info .footer-left > div, .footer-info .footer-right .loc { max-width: 100%; width: 100%; } .footer-info .tel a, .footer-info .mail a, .footer-info .loc a { display: block; } .footer-info .tel a::before, .footer-info .mail a::before, .footer-info .loc a::before { margin: 0 auto 10px; } .footer-info .footer-wrap, .footer-info .footer-left { gap: 20px; } .footer-bot { padding: 30px 0 0; } .footer-bot .footer-wrap { gap: 20px; } .footer-logo, .footer-copy { width: 100%; } .footer-logo .content-image { max-width: 300px; width: 100%; margin: 0 auto; } .footer-copy .content-text p { margin: 0!important; } /*INNER*/ .inner #banner { padding: 0 20px 40px; min-height: 200px; } .inner #content { padding: 30px 15px; } /*WORKSHOPS*/ .inner.workshops #banner { padding: 90px 15px 30px; } .inner.workshops .banner-content .content-text h1 { margin: 0 0 15px; } .inner.workshops .podcasts-section { padding: 30px 15px; } .inner.workshops .podcasts-section::after { display: none; } .inner.workshops .podcasts-item { width: 100%; } .inner.workshops .podcasts-wrap { margin: 20px 0 0; gap: 15px; } .inner.workshops .podcasts-item .podcasts-content .content-text { max-width: 100%; width: 100%; text-align: left; } .inner.workshops .podcasts-item .podcasts-content .content-text p { font-size: 18px!important; } .inner.workshops .podcasts-item .podcasts-content .content-text a { font-size: 16px!important; } /*INFO*/ .inner.information #banner { padding: 90px 15px 30px; } .inner.information .banner-wrap { gap: 15px 0; margin: 15px 0; } .inner.information .banner-wrap::before { display: none; } .inner.information .banner-item { width: 49%; } .inner.information .banner-content .content-text h1 { margin: 0; } .inner.information .specializations-left, .inner.information .specializations-right { width: 100%; padding: 30px 15px; } .inner.information .specializations-content .content-text p { margin: 0!important; } .inner.information .specializations-content li { text-align: left; } .inner.information .specializations-content li a { display: block; } .inner.information .specializations-right::before { display: none; } .inner.information .specializations-box { padding: 15px; } .inner.information .specializations-box .content-text { max-width: 100%; width: 100%; } .inner.information .tag-section { padding: 30px 15px 15px; } /*MIND*/ .inner.mind #banner { padding: 90px 15px 30px; } .inner.mind .mind-section { padding: 30px 15px; } .inner.mind .mind-section::after { display: none; } .inner.mind .banner-content .content-text h1 { margin: 0; } .inner.mind .mind-box { padding: 15px; } .inner.mind .mind-box .content-text ul { column-count: 1; text-align: left; } /*INSURANCE*/ .inner.insurance #banner { display: flex; align-items: flex-end; padding: 0 15px 30px; } /*.inner.insurance .insurance-section { padding: 30px 15px; } .inner.insurance .insurance-section:after { display: none; } .inner.insurance .insurance-box { padding: 15px; }*/ .inner.insurance .specializations-left { width: 100%; padding: 15px; } .inner.insurance .specializations-content ul li { text-align: left!important; } .inner.insurance .specializations-right { width: 100%; padding: 30px 15px; } /*.inner.insurance .specializations-content .content-text p { margin: 0!important; }*/ .inner.insurance .specializations-content .content-text p { margin: 0 0 30px; } .inner.insurance .specializations-box .content-text p:last-of-type { margin: 0; } .inner.insurance .specializations-right::before { display: none; } .inner.insurance .specializations-box { padding: 15px; } .inner.insurance .specializations-box .content-text { max-width: 100%; width: 100%; } /*PRIVACY*/ .inner.privacy #banner { padding: 90px 15px 30px; } .inner.privacy .privacy-section { padding: 30px 15px; } .inner.privacy .privacy-section::after { display: none; } .inner.privacy .banner-content .content-text h1 { margin: 0; } .inner.privacy .privacy-box { padding: 15px; } /*MODAL*/ .modal-content { padding: 30px 15px; width: 95%; } } @media screen and (max-width: 580px){ /*INNER*/ /*WORKSHOPS*/ .inner.workshops .podcasts-item .podcasts-content .content-text p { font-size: 3vw!important; margin: 0 0 10px!important; } .inner.workshops .podcasts-item .podcasts-content .content-text a { font-size: 2.8vw!important; margin: 0!important; } /*INFO*/ .inner.information .banner-item { width: 100%; } }