@media (max-width: 1199px) {
section#hero .hero-text{
margin-left: 0px;
}
section#hero{
background-position: 100% center;
}
section#hero .shape7{
right: -200px;
top: 0px;
}
section#testimonial .testimonial-box{
padding: 0px 60px;
}
section#testimonial .testimonial-box--desc{
max-width: 600px;
width: 100%;
padding: 50px 40px;
}
section#testimonial .testimonial-slider .next-arrow{
right: 5px;
}
section#testimonial .testimonial-slider .prev-arrow{
left: 5px;
}
section#portfolio .shape11{
right: -200px;
z-index: -1;
width: 400px;
}
section#portfolio .shape10 {
top: 114px;
left: 10px;
max-width: 130px;
}
footer p.download--brief{
font-size: 20px;
}
.hero-image-header p{
font-size: 35px;
}
.site-header .site-header-row {
position: relative;
align-items: center;
margin: 0;
}
.site-header .main-navigation ul li a {
font-size: 13px;
padding: 50px 10px 10px;
}
}
@media (max-width: 992px) {
.site-header .main-navigation ul{
flex-direction: column;
}
.site-header .main-navigation ul li a {
padding: 20px;
}
.social-lang-wrapper {
margin-right: 60px;
padding-bottom: 0;
flex-direction: row-reverse;
}
.lang-wrapper-header {
margin-left: 20px;
padding-bottom: 3px;
}
header .social-wrapper {
margin-top: 0px;
}
#hamburger {
position: absolute;
right: 10px;
top: 50%;
z-index: 999;
width: 32px;
height: 32px;
cursor: pointer;
transition: all 0.3s ease-out;
visibility: hidden;
opacity: 0;
transform: translateY(-50%);
}
#hamburger .line {
height: 4px;
background: #444;
margin: 5px auto;
backface-visibility: hidden;
border-radius: 4px;
}
#hamburger.active #one {
transform: rotate(45deg) translateX(5px) translateY(4px);
}
#hamburger.active #two {
opacity: 0;
}
#hamburger.active #three {
transform: rotate(-45deg) translateX(8px) translateY(-8px)
}
#hamburger {
visibility: visible;
opacity: 1;
}
.menu-header-menu-container {
display: flex;
justify-content: center;
align-items: center;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-out;
position: fixed;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: var(--white);
}
.menu-header-menu-container.active {
visibility: visible;
opacity: 1;
}
.menu-header-menu-container.active + .hidden-desktop {
display: block;
position: absolute;
top: 70px;
right: 7px;
z-index: 26;
}
.menu-header-menu-container.active + .hidden-desktop a {
margin: 0;
padding: 10px 4px;
}
.hidden-mobile {
display: none;
}
body.open-nav {
overflow-y: hidden;
}
section#hero .shape4, .portfolio-list .shape9-5, section .services .shape9-2, .about-us .about-us--bkg{
display: none;
}
section#hero .shape1{
left: -70px;
}
.site-header .site-header-row .site-branding img {
max-width: 100px;
}
section#hero .shape9{
width: 200px;
}
.single h1, .page-template h1{
font-size: 23px;
}
h2{
font-size: 32px;
}
h3{
font-size: 22px;
letter-spacing: 25px;
}
section .services .services-list{
margin: 30px 0px;
}
section#portfolio .portfolio-slider .slick-list{
margin: 0px;
}
footer .site-footer--grid{
text-align: center;
}
footer .site-footer--col{
margin: 15px 0px;
}
.about-us .about-us--img{
width: 100%;
position: static;
height: 400px;
}
.about-us .about-us--bkg-mobile{
width: 100%;
position: static;
background: var(--bkg-dark-green);
}
.portfolio-box--title{
font-size: 20px;
}
.hero-image-header{
margin-left: 100px;
}
section#testimonial .testimonial-slider .next-arrow::before, section#testimonial .testimonial-slider .prev-arrow::before{
background-size: 15px 30px;
display: inline-block;
width: 15px;
height: 30px;
}
}
@media (max-width: 768px) {
section#hero .shape7 {
right: -200px;
width: 200px;
}
section#hero .hero-text {
top: -90px;
}
section#hero {
height: 350px;
}
section#hero .shape1 {
width: 100px;
}
section#hero .shape3{
width: 100px;
}
section .services .services-list .services-list--header{
max-width: 90%;
}
section#portfolio .shape10, section#portfolio .shape11, .portfolio-list .shape1-1{
display: none; 
}
.contact-form{
padding: 30px;
}
.hero-image-header p{
font-size: 20px;
}
.hero-image-header {
margin-left: 0px;
}
.single-services .single-services--bkg{
bottom: 0px;
width: 100%;
height: 50%;
}
.single-portfolio .single-portfolio--right{
padding: 50px;
}
.single-services--left img{
margin: 50px 0px;
width: 100%;
display: block;
padding: 0px;
position: static;
}
.single-services .single-services--bkg{
display: none;
}
.single-services .single-services--right{
padding: 50px;
background: var(--blue);
}
.single-services .container{
max-width: 100%;
}
}
@media (max-width: 575px) {
footer {
padding: 40px 0px 0px 0px;
}
}