/* NAVIGATION MENU */
.slicknav_menu {
  display: none;
  background-color: transparent;
  color: black;
}

#mobile-menu {
  display: none;
}

@media screen and (max-width: 1337px) {
  section.header nav li {
    padding: 0 1% !important;
  }
}

@media screen and (max-width: 1230px) {
  section.header header.center-margin {
    width: 80%;
  }
}

@media screen and (max-width: 1080px) {
  section.header header.center-margin {
    width: 95%;
  }
}

@media screen and (max-width: 900px) {
  section.header header.center-margin div.header-logo {
    width: 50%;
  }
  nav.navigation {
    display: none;
  }
  .slicknav_menu:last-child,
  #mobile-menu {
    display: block;
  }
}

/* 1366x768 */
@media screen and (max-width: 1366px) {
  html, body, root {
    font-size: 14px;
  }
  section.first div.text-block {
    margin-top: 11rem;
    margin-bottom: 6.75rem;
  }
  section.first div.text-block h1 {
    font-size: 2rem;
  }
  section.first div.text-block p {
    font-size: 1.2rem;
  }
  section.second div.content div p span {
    font-size: 3.25rem;
    margin-left: -3.5rem;
  }
  section.third {
    height: 900px;
  }
  section.third img {
    max-width: 476px;
  }
  section.third div.white-block {
    width: 18.3645rem;
    margin-top: 8.875rem;
  }
  section.third div.text-block {
    top: -18.125rem;
    width: 29.87%;
    max-width: 406px;
  }
  section.seventh-references div.ref-content h1 {
    font-size: 3rem;
  }
}

/* 1024x576 */
@media screen and (max-width: 1024px) {
  html, body, root {
    font-size: 12px;
  }
  section.second div.content div {
    margin-right: 3.375rem;
  }
}

/* 800x450 */
@media screen and (max-width: 800px) {
  html, body, root {
    font-size: 10px;
  }
  div.white-block {
    display: none;
  }
}

@media screen and (max-width: 610px) {
  html, body, root {
    font-size: 8px;
  }
  section.blog-article {
    width: 66%;
  }
}

/* CALC */
@media screen and (max-width: 1389px) {
  section.calculator div.gray-container div.margin-container {
    width: 95%;
  }
}

@media screen and (max-width: 832px) {
  section.calculator div.gray-container div.margin-container div#slider-box1, section.calculator div.gray-container div.margin-container div#slider-box2 {
    width: 80%;
  }
}

/* GLOBAL */
/* CHANING TO ONE-COLUMNT LAYOUT */
@media screen and (max-width: 510px) {
  html, body, root {
    font-size: 12px;
  }
  section.first {
    background-position: top !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
  }
  section.first div.text-block {
    max-width: 100%;
    margin-top: 21rem;
    margin-bottom: 0;
    padding: 2rem;
  }
  section.first div.text-block p {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  section.second div.content div {
    width: 100%;
  }
  section.third {
    padding-top: 0;
    height: unset;
    padding-bottom: 4rem;
  }
  section.third img {
    float: none;
    width: 100%;
    max-width: unset;
    margin: 0 !important;
  }
  section.third div.text-block {
    top: 0;
    margin: 0;
    padding-right: 2rem;
    width: calc(85% - 2rem);
  }
  section.fourth {
    height: unset;
  }
  section.fourth div.image {
    float: none;
    width: 100%;
    height: 25rem;
  }
  section.fourth div.text-right {
    position: static;
    width: calc(100% - 46px);
    margin-top: 3rem;
  }
  section.fifth {
    height: unset;
  }
  section.fifth div.text-left {
    position: static;
    width: calc(100% - 46px);
    height: unset;
    margin-top: 5rem;
  }
  section.fifth div.image {
    float: none;
    width: 100%;
    height: 25rem;
    margin-top: 6rem;
    position: static;
  }
  section.sixth-slider {
    padding-top: 4.125rem;
  }
  section.sixth-slider div.slider-wrap h2 {
    margin: 0;
    text-align: center;
  }
  section.sixth-slider div.slider-wrap div.slider-container {
    margin-bottom: 0;
  }
  section.seventh-references div.ref-content h1 {
    margin: 0;
    text-align: center;
  }
  section.seventh-references div.ref-content div.ref-logos {
    float: left;
  }
  section.seventh-references div.ref-content div.ref-logos div {
    width: 45%;
  }
  section.footer {
    padding-bottom: 5rem;
  }
  section.footer footer.center-margin {
    width: 85%;
  }
  section.footer footer.center-margin div.col-logo {
    float: none;
    width: 66%;
    margin: 0 auto;
  }
  section.footer footer.center-margin div.col-logo p {
    display: none;
  }
  section.footer footer.center-margin div.col-logo img {
    margin-bottom: 4rem;
  }
  section.footer footer.center-margin div.contact {
    float: none;
    width: 100%;
  }
  section.footer footer.center-margin div.contact p:nth-child(4) {
    background-position-y: 0;
  }
  section.footer footer.center-margin div.col-menu {
    float: none;
    width: 100%;
    margin-top: 3rem;
  }
  section.section-content div.container div.gray-block {
    display: none;
  }
  section.section-content div.container div.moved-text-block {
    margin: 0;
    margin-top: 6rem;
    padding: 6rem 0;
  }
  section.company div.container div.moved-text-block {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  section.persons {
    margin-bottom: 4rem;
  }
  section.persons div.container div.gray-block {
    display: none;
  }
  section.persons div.container div.person-1 {
    width: 100%;
    margin: 0;
    margin-bottom: 4rem;
  }
  section.persons div.container div.person-2 {
    width: 100%;
    margin: 0;
  }
  section.calculator div.header-underlined {
    margin-top: 4rem;
  }
  section.calculator div.header-underlined h2 {
    width: 100%;
    text-align: center;
  }
  section.calculator div.header-underlined h2 p {
    display: block;
  }
  section.calculator div.gray-container div.margin-container {
    width: 75%;
  }
  section.calculator div.gray-container div.margin-container div#slider-box1, section.calculator div.gray-container div.margin-container div#slider-box2 {
    width: 50%;
  }
  section.calculator div.gray-container div.margin-container div#slider-box1 input, section.calculator div.gray-container div.margin-container div#slider-box2 input {
    margin-left: 20%;
    margin-bottom: 1rem;
  }
  section.calculator div.gray-container div.margin-container div#slider-box1 span, section.calculator div.gray-container div.margin-container div#slider-box2 span {
    font-size: 1.25rem;
  }
  section.calculator div.gray-container div.margin-container div#btn-kalculate {
    clear: both;
    float: none;
    text-align: center;
    margin: 8rem auto;
    width: 66%;
  }
}

/* FIRST */
@media screen and (max-width: 1290px) {
  section.first {
    background-size: cover;
    background-position: center;
  }
}

@media screen and (max-width: 868px) {
  div.owl-nav {
    display: none;
  }
}

@media screen and (max-width: 720px) {
  section.third img {
    margin-right: 16%;
  }
}

/* CONTACT.HTML */
/* FORM */
@media screen and (max-width: 1129px) {
  section.section-form div.contact-data p {
    width: 50%;
  }
  section.section-form div.contact-data p:nth-child(2), section.section-form div.contact-data p:nth-child(5) {
    float: right;
    text-align: right;
  }
  section.section-form div.contact-data p:nth-child(3), section.section-form div.contact-data p:nth-child(6) {
    clear: both;
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 554px) {
  section.section-form div.contact-data p {
    width: 100%;
    clear: both !important;
    text-align: center !important;
  }
}

@media screen and (max-width: 506px) {
  section.section-form div.container {
    width: 80%;
  }
  section.section-form div.container form.form-box div {
    width: 100%;
    float: none;
  }
}

/* MAP */
@media screen and (max-width: 1800px) {
  section.section-map div.container {
    width: 70%;
  }
}

@media screen and (max-width: 1632px) {
  section.section-map div.container {
    width: 80%;
  }
}

@media screen and (max-width: 1434px) {
  section.section-map div.container {
    width: 90%;
  }
}

@media screen and (max-width: 1274px) {
  section.section-map div.container div.gray-block {
    display: none;
  }
  section.section-map div.container div.map {
    margin: 0;
    width: 100%;
    float: none;
  }
  section.section-map div.container div.address {
    margin: 3rem auto;
    width: 230px;
    float: none;
  }
}

@media screen and (max-width: 1125px) {
  section.section-map div.container div.address {
    background-position-y: 4em;
    padding-left: 3.5rem;
  }
}

/* COOKIES */
@media screen and (max-width: 340px) {
  section.cookies-bar div#cookieWarning div {
    float: none !important;
  }
}