@media(max-width: 1500px) {
    body p,
    li {
        font-size: 14px;
    }

    .display-none {
        display: none !important;
    }
}


@media(max-width: 1200px) {
    /* .section_door_categories .col-lg-6 .module-image {
        display: flex;
        align-self: center;
    }
    .section_door_categories .col-lg-6 .module-image img {
        max-height: 400px;
    } */


}

@media(max-width: 990px) {

    /* Grid Lines */
    .k-line.-m-m,
    .k-line.-m-b {
        display: none !important;
    }

    .cookie-consent-popup {
        max-height: calc(var(--dynamic-height) - 5rem);
        overflow: auto;
        transition: var(--transition);
    }

    .loader_motto {
        grid-row: 3/4;
        grid-column: 1/4;
    }

    .loader_motto p {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 0;
    }

    .loader_motto p span:first-child {
        margin-right: 8px;
    }

    .menu-toggler {
        display: block;
        position: relative;
        top: auto;
        right: auto;
        padding: 7px;
        background: transparent;
        border: none;
        width: 40px;
    }

    .menu-toggler:focus {
        outline: none;
    }

    .menu-toggler .icon-bar {
        display: block;
        width: 100%;
        height: 2px;
        background-color: #fff;
        transform: rotate(0deg) translate(0px, 0px);
        transition: var(--transition);
        margin-bottom: 5px;
    }

    .menu-toggler .icon-bar:last-child {
        margin-bottom: 0;
    }

    header.fixed .menu-toggler .icon-bar,
    .menu-opened .menu-toggler .icon-bar {
        background-color: #000;
    }

    .menu-opened .header_right_contact path {
        fill: #000;
    }

    .menu-opened .header_right_contact a {
        color: #000;
    }

    body.menu-opened .nav-link {
        color: #fff !important;
    }


    header.fixed .nav-link {
        color: #fff;
    }

    header .nav-item {
        margin-right: 0 !important;
    }

    .menu-toggler .icon-bar.middle-bar {
        width: 50%;
        margin-left: auto;
    }

    .menu-toggler .icon-bar.bottom-bar {
        margin-bottom: 0;
    }

    .menu-opened .icon-bar.top-bar {
        transform: rotate(45deg);
        margin: 0;
        transform-origin: bottom;
    }

    .menu-opened .icon-bar.middle-bar {
        display: none;
    }

    .menu-opened .icon-bar.bottom-bar {
        transform: rotate(-45deg);
        margin: 0;
        transform-origin: top;
    }

    #main_menu {
        position: fixed;
        top: 5rem;
        left: 0;
        width: 100%;
        padding: 20px;
        pointer-events: none;
    }

    .menu-slices {
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .menu-slice {
        height: 0;
        background-color: var(--dark-color);
    }

    .menu-slice.slice-left {
        flex-basis: 10rem;
    }

    .menu-slice.slice-center {
        align-self: flex-end;
        flex-basis: calc(100% - 20rem);
    }

    .menu-slice.slice-right {
        flex-basis: 10rem;
    }

    .menu-opened #main_menu {
        opacity: 1;
        pointer-events: all;
    }

    header .container {
        display: grid !important;
        grid-template-columns: 10rem 1fr 1fr 10rem;
    }

    header .navbar-brand {
        width: 100%;
        grid-column: 1/2;
    }

    header .header_right {
        display: grid;
        grid-column: 3/5;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 10rem;
    }

    header .header_right_menu {
        display: flex;
        align-items: center;
        justify-content: center;
        grid-column: 2/3;
        grid-row: 1/2;
        height: 100%;
        margin-right: 0;
    }

    .header_right_contact {
        width: 100%;
        grid-column: 1/2;
        grid-row: 1/2;
    }


    .header_slider .slick-slide .module-text {
        left: 10rem;
        right: 10rem;
        text-align: center;
    }

    .header_slider .slick-slide .module-text h2 {
        font-weight: 300;
        font-size: calc(2vw + 2vh);
    }

    .header_slider .slick-slide .module-button {
        height: 5rem;
        width: calc(100% - 20rem);
        overflow: hidden;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background: var(--base-color);
    }

    .header_slider .slick-slide .module-button .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        padding: 10px;
        font-size: 15px;
        letter-spacing: 0;
        background: transparent;
    }

    .header_slider .slick-slide .module-button .btn:before {
        display: none;
    }

    .header_slider .slick-slide .module-button .btn:after {
        position: relative;
        transform: scale(.6,.6);
    }

    .header_slider .slick-arrow {
        top: auto;
        bottom: 0;
        transform: none;
        width: 10rem;
    }

    .header_slider .slick-arrow:before {
        max-width: 50px;
        max-height: 50px;
    }

    .header_slider .slick-arrow-left {
        left: 0;
    }

    .header_slider .slick-arrow-right {
        left: auto;
        right: 0;
    }

    .header_slider:before {
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .section_a_desc_col {
        margin-top: 5vh;
    }

    .gallery_section {
        /* grid-template-rows: 7rem 1fr 5rem; */
        display: flex;
    }

    .header_slider .slick-arrow:before {
        max-width: initial;
        max-height: initial;
        background-color: #ffffffb8;
        border-radius: 0;
    }

    .doors-slider {
        max-width: 100%;
    }

    .reviews_section .col-lg-3 {
        margin-bottom: 30px;
    }

    .reviews_section .col-lg-3:last-child {
        margin-bottom: 0;
    }

    .contact_form .form-group {
        margin-bottom: 20px;
    }

    /* Footer */
    .bg-dark .links_row {
        flex-direction: column;
        z-index: 9;
    }

    .info_col .contact_details {
        margin-top: 20px !important;
    }

    .info_col .socials {
        margin-top: 10px !important;
    }

    .socials ul li {
        margin-right: 15px;
    }

    .socials ul li:last-child {
        margin-right: 0;
    }

    .socials ul li a {
        margin-bottom: 0 !important;
        letter-spacing: 0;
    }

    .info_col h3 {
        font-size: 20px;
    }

    .bg-dark p,
    .bg-dark a {
        font-size: 12px;
    }

    .bg-dark a svg {
        max-height: 18px;
        width: auto;
    }

    .info_col {
        padding-top: 15px;
    }

    .map_col {
        flex-grow: 1;
    }

    .bg-dark {
        min-height: calc(var(--dynamic-height));
        height: auto;
    }

    .bg-dark .copyright_row {
        justify-content: space-between;
    }

    .bg-dark .copyright_row .col-lg-6,
    .bg-dark .copyright_row .col-lg-3 {
        width: auto;
    }

    .bg-dark .copyright_row p {
        text-align: left !important;
        font-size: 10px;
    }

    .bg-dark .copyright_row a {
        font-size: 10px;
    }

    .map_col {
        min-height: 300px;
    }



    .section_door_categories {
        height: auto;
    }


    .category_col {
        margin-bottom: 10vh;
        padding: 0;
        /* height: calc(var(--dynamic-height) - 15em) !important; */
        height: calc(80vh - 15rem) !important;
        transition: var(--transition);
    }

    .category_col .module-text {
        width: 35% !important;
    }

    .subhead_accent {
        font-size: 20px;
    }

    .category_col .module-image {
        width: 65% !important;
        height: 100% !important;
    }

    .category_col .module-image img {
        width: 100% !important;
        height: 100% !important;
        max-height: calc(var(--dynamic-height) - 9em);
        transition: var(--transition);
        box-shadow: none !important;
    }

    #left_category_col {
        margin-bottom: 5vh !important;
    }

    .parquet_config {
        flex-wrap: wrap;
        height: auto;
        /* margin-top: 5rem; */
    }

    .parquet_config p {
        min-width: 100%;
        text-align: center;
        margin-bottom: 10px;
        background-color: #fff;
    }

    .parquet_config p:last-child {
        margin-bottom: 0;
    }

    .floating_section {
        position: relative;
        z-index: 2;
        margin-top: 10vh;
        margin-bottom: 10vh;
    }

    .category_row.reverse {
        flex-direction: column-reverse;
    }

    #supertherm {
        flex-direction: column-reverse;
    }

    .door_image_col {
        justify-content: flex-end;
        height: auto;
        margin-bottom: 15px;
    }

    .door_image_col .module-image {
        transform: translateY(-38px);
        max-width: 50%;
    }

    .door_image_col .module-image img {
        width: 100% !important;
        height: auto !important;
    }

    .floating_section.reverse .module-text {
        text-align: left;
    }

    .floating_section .description ul li {
        padding-left: 25px !important;
    }

    .floating_section.reverse .description ul li:after {
        display: none;
    }

    .floating_section.reverse .description ul li:before,
    .floating_section .description ul li:before {
        position: absolute;
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        top: 0;
        left: 0;
        background: url(/uploads/icons/checkmark.svg);
        background-size: 20px 20px;
        background-position: center;
        background-repeat: no-repeat;
        vertical-align: middle;
    }

    .intro_door_section-secondary-image {
        height: auto;
        margin: auto !important;
        flex-direction: column-reverse;
    }

    .intro_door_section-secondary-image .secondary_image_col {
        margin-bottom: 20px;
        padding-left: 0;
    }

    .intro_door_section-secondary-image .col-lg-6 {
        padding: 0;
    }

    .intro_door_section-secondary-image .col-lg-6 .module-text {
        padding: 0 !important;
    }

    .contact_section .contact_form {
        background: #fff;
    }

    .intro_door_section-secondary-image .secondary_image_col .secondary_image img {
        max-height: 300px;
    }

    .review_item .fickle-text-content {
        max-height: initial;
    }

}


@media(max-width: 700px) {
    h1 {
        font-size: 30px;
    }

    header {
        height: 4rem;
    }

    .k-line.mobile {
        position: fixed;
        width: 1px;
        background-color: #b6b8b9;
        opacity: .5;
        display: block;
    }

    .k-line.desktop {
      display: none;
    }

    .k-line.-v.-l-t.mobile {
        top: 0;
        left: 33.33%;
        height: 4rem;
        z-index: 999;
    }

    .k-line.-v.-l-m.mobile {
        height: 100%;
        left: 33.33%;
        bottom: 3rem;
        z-index: 1;
    }

    .k-line.-v.-l-b.mobile {
        height: 3rem;
        left: 33.33%;
        bottom: 0;
    }

    .k-line.-v.-r-t.mobile {
        right: 33.33%;
        top: 0;
        height: 4rem;
        z-index: 999;
    }

    .k-line.-v.-r-m.mobile {
        right: 33.33%;
        bottom: 3rem;
        z-index: 1;
    }

    .k-line.-v.-r-b.mobile {
        right: 33.33%;
        bottom: 0;
        height: 3rem;
    }

    .k-line.-b {
        position: fixed;
        bottom: 3rem;
    }

    .cookie-consent-top-wrapper {
        display: grid;
        grid-template-rows: 1fr 40px;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 10px;
    }

    .cookie-consent-message {
        grid-column: 1/4;
        grid-row: 1/2;
        margin-bottom: 5px;
    }

    .cookie-consent-popup .btn {
        min-width: 85px;
        margin-right: 0;
        min-height: 40px;
        padding: 5px;
    }

    .cookie-consent-details .col-cookie-consent {
        width: 100%;
        margin-bottom: 5px;
    }

    .cookie-consent-details .col-cookie-consent:last-child {
        margin-bottom: 0;
    }

    .grid-lines-overlay {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 4rem 1fr 3rem;
    }

    .loader_wrapper {
        display: flex;
        align-items: center;
        justify-content: center; 
    }

    .loader_line.h_line.top {
      top: 4rem;
    }
    .loader_line.h_line.bottom {
      bottom: 3rem;
    }

    .loader_line.v_line.left {
      left: 33.33%;
    }
    .loader_line.v_line.right {
      right: 33.33%;
    }

    .loader_logo {
        grid-column: 1/2;
        padding: 10px;
    }

    .loader_motto {
        grid-row: 3/4;
        grid-column: 1/2;
    }

    .loader_motto p {
        font-size: 10px;
    }

    .left-slice,
    .right-slice {
        width: 33.33%;
    }

    .center-slice {
        width: 33.33%;
        grid-template-columns: 1fr;
        grid-template-rows: 5rem 1fr 3rem;
    }

    .aside-link {
        grid-column: 3/4;
        display: none;
    }

    .aside-link a {
        position: absolute;
    }

    .k-line.-r {
        grid-column: 3/4;
    }

    .k-line.-m-m,
    .k-line.-m-b {
        display: none !important;
    }

    #main_menu {
        top: 4rem;
    }

    header .container {
        grid-template-columns: 1fr 1fr 1fr;
    }

    header .header_right {
        grid-column: 2/4;
        grid-template-columns: 1fr 1fr;
    }

    .header_right_contact a {
        font-size: 0;
    }

    .header_right_contact a svg {
        margin-right: 0;
    }

    .menu-slice.slice-left,
    .menu-slice.slice-center,
    .menu-slice.slice-right {
        flex-basis: 33.33%;
    }

    .dark-btn a {
        font-size: 11px;
    }

    .header_slider:before,
    .loader-circle:before,
    .bg-dark:before {
        width: calc(100vh - 7rem);
        height: calc(100% - 7rem);
        top: 4rem;
        left: 50%;
        bottom: 3rem;
        transform: translate(-50%, 0);
    }

    .header_slider:before {
        /* width: calc(var(--dynamic-height) - 7rem - 30vh); */
        width: calc(65vh - 7rem);
    }

    .header_slider {
        /* height: calc(var(--dynamic-height) - 30vh); */
        height: 65vh;
    }

    .header_slider .slick-slide .module-text {
        left: 0;
        right: 0;
    }

    .header_slider .slick-slide .module-button {
        width: 33.33%;
        height: 3rem;
    }

    .header_slider .slick-slide .module-button .btn {
        font-size: 13px;
        padding: 10px 5px;
    }

    .header_slider .slick-slide .module-button .btn:after,
    .header_slider .slick-slide .module-button .btn:after {
        display: none;
    }

    .header_slider .slick-arrow {
        width: 33.33%;
        height: 3rem;
    }

    .header_slider .slick-arrow svg {
        width: 25px;
    }

    .container {
        max-width: 100%;
    }

    .section_a {
        padding-top: 10vh;
    }

    .section h2 {
        font-size: 25px;
    }

    .headline-accent {
        font-size: 12px;
        margin-bottom: 10px;
    }

    body p {
        font-size: 12px;
    }

    .section_a_desc_col {
        padding-left: calc(33.33% + 10px);
    }

    .section_door_categories {
        height: auto;
    }

    .section_door_categories h3 {
        font-size: 15px;
    }

    .category_col .module-text {
        width: 35% !important;
    }

    .header_slider .slick-slide .module-image img {
        object-position: initial;
    }

    .category_col .module-image {
        width: 65% !important;
        height: 100% !important;
    }

    .category_col .module-image img {
        width: 100% !important;
        height: 100% !important;
        /* max-height: calc(var(--dynamic-height) - 9em); */
        max-height: calc(100vh - 9rem);
        box-shadow: none !important;
        transition: var(--transition);
    }

    .floating_section {
        position: relative;
        z-index: 2;
        margin-top: 5vh;
        padding-top: 50px;
        margin-bottom: 0;
    }

    /* #proline {
        margin-top: 12px;
    }

    #supertherm {
        flex-direction: column-reverse;
    } */

    .door_image_col {
        justify-content: flex-end;
        height: auto;
        margin-bottom: 15px;
    }

    .sisteme_headings {
        margin-bottom: 10px;
    }

    .description ul {
        margin-bottom: 0;
    }

    .floating_section .dark-btn a {
        background: var(--base-color);
        border-color: var(--base-color);
        color: black;
        font-size: 13px;
    }

    .door_image_col .module-image {
        transform: translateY(-38px);
        max-width: 50%;
    }

    .door_image_col .module-image img {
        width: 100% !important;
        height: auto !important;
    }

    .intro_door_section-secondary-image {
        height: auto;
        margin: auto !important;
        margin-top: calc(5vh + 12px) !important;
    }

    .intro_door_section-secondary-image .secondary_image_col {
        height: 50vh;
        padding: 0;
        margin-bottom: 50px;
        margin-top: 20px;
    }

    .intro_door_section-secondary-image .col-lg-6,
    .intro_door_section-secondary-image .col-lg-6 .module-text {
        padding: 0 !important;
    }

    .floating_section.reverse .module-text {
        text-align: left;
    }

    .floating_section .description ul li {
        padding-left: 25px !important;
    }

    .floating_section.reverse .description ul li:after {
        display: none;
    }

    .floating_section .description ul li:before {
        position: absolute;
        top: 0;
        left: 0;
    }

    .floating_section.reverse .description ul li:before {
        position: absolute;
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        bottom: 1px;
        background: url(/uploads/icons/checkmark.svg);
        background-size: 20px 20px;
        background-position: center;
        background-repeat: no-repeat;
        vertical-align: middle;
    }

    .gallery_section {
        display: grid;
        grid-template-rows: 7rem 1fr 3rem;
        height: auto;
        margin-top: 10vh;
        margin-bottom: 15vh;
        padding-top: calc(5vh - 50px) !important;
    }

    .doors-slider .slick-slide .title,
    .doors-slider .slick-slide.slick-center .slide-slick-content {
        background: transparent;
    }

    .lb-prev {
        margin-left: -50px;
        opacity: 1 !important;
    }

    .lb-prev:after {
        left: calc(-50px + 13px);
    }

    .lb-next {
        margin-right: -50px;
        opacity: 1 !important;
    }

    .lb-next:after {
        right: calc(-50px + 13px);
    }

    .doors-slider {
        max-width: calc(100vw - 10rem);
    }

    .doors-slider .slick-slide img {
        /* height: calc(var(--dynamic-height) - 22rem); */
        height: calc(100vh - 22rem);
        min-height: 400px;
        transition: var(--transition);
    }

    .gallery_section:before {
        height: 100vh;
        width: 100vh;
    }

    .gallery_section .base-btn {
        width: 33.33vw;
        margin-top: 40px;
    }

    .gallery_section .base-btn a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 3rem;
        font-size: 11px;
    }

    .review_item .fickle-text-content p,
    input[type="checkbox"] + .checkbox-text {
        font-size: 12px;
    }

    .contact_section,
    .reviews_section {
        margin-bottom: calc(5vh + 50px);
        position: relative;
        z-index: 2;
    }

    .reviews_section {
        margin-top: 10vh;
    }

    .contact_section {
        padding-top: 0;
    }

    .contact_section .contact_form {
        background-color: #fff;
    }

    .contact_form .form-group:not(.item-acceptance) input,
    .contact_form .form-group:not(.item-acceptance) textarea {
        padding-right: 70px;
    }

    /* Footer */
    .bg-dark {
        grid-template-rows: 5rem 1fr 3rem;
    }

    .bg-dark .copyright_row p,
    .bg-dark .copyright_row a {
        font-size: 9px;
    }

    .thank-you-row {
        margin-bottom: 50px;
    }

    .thank-you-row h2 {
        font-size: 25px;
    }

    .contact_form button[type="submit"] {
        padding: 10px 25px;
    }
}


@media(max-height: 400px) {
    header,
    .header_slider .slick-slide .module-button,
    .header_slider .slick-arrow  {
        height: 3rem;
    }

    #main_menu {
        top: 3rem;
    }

    .center-slice,
    .bg-dark {
        grid-template-rows: 3rem 1fr 3rem;
    }

    .bg-dark:before {
        display: none;
    }

    .grid-lines-overlay {
        grid-template-rows: 3rem 1fr 3rem;
    }

    .header_slider .slick-slide .module-button .btn:after {
        height: 5rem;
        background-position: -622px -72px;
    }

    .header_slider:before,
    .loader-circle:before {
        height: calc(100% - 6rem);
        width: calc(var(--dynamic-height) - 6rem) !important;
    }

    .loader-circle:before {
        left: calc((var(--dynamic-height) - 25rem)/-2);
    }

    .category_col {
        min-height: 300px;
    }

    .gallery_section {
        height: auto;
    }

    .doors-slider .slick-slide img {
        min-height: 200px;
    }

}