/****** STORE SKRÆME ******/

@media only screen and (min-width: 1920px) {}

@media only screen and (max-width: 1600px) {
    header .main-navigation a {
        font-size: 16px;
        padding: 5px 14px;
    }
    div#logo {
        width: 61px;
        overflow: hidden;
    }
}


/****** BÆRBAR / MINDRE SKÆRME ******/

@media only screen and (max-width: 1300px) {
    .header-wrapper,
    #content,
    .section,
    .section-wrap .section,
    footer.site-footer .site-info {
        width: 100%;
        max-width: 100%;
        padding: 0 30px;
    }
    #content,
    .section-wrap .section,
    .section-wrap.section-fullpage .section {
        padding: 50px 30px;
    }
    header .section-wrap .section {
        /* padding: 5px 30px; */
    }
    .section-wrap.stom-products-section .section {
        padding: 40px;
    }
    .maps-optimize .google-maps-canvas {
        max-width: 100%;
    }
    .maps-optimize .section,
    .small-maps .section {
        padding: 0;
    }
    .stom-billede-sektion .section {
        padding: 0;
    }
    .stom-billede-sektion .stom-cols-6 {
        width: 50%;
        margin: 0;
    }
    .stom-billede-sektion:not(.split-section-full) .stom-cols-6 {
        padding: 0 30px;
    }
    .archive #content.no-blog-images>header {
        width: 25%;
        margin-right: 20px;
    }
    .archive:not(.woocommerce) #content.no-blog-images #primary {
        width: calc(100% - 20px - 260px - 25% - 20px);
    }
    .archive .post-thumbnail {
        width: 46%;
    }
    .archive .post-thumbnail+.post-content-wrapper {
        width: 50%;
    }
    .woocommerce-button-setup-1 ul.products li .button {
        font-size: .9em;
        padding: .5em;
    }
    .page-slider-section .slider-text {
        padding-left: 30px;
        padding-right: 30px;
    }
    .section-wrap.stom-grid-section.section-fullpage .section .grid-element {
        margin: 0 0 20px 20px;
    }
    .section-wrap.stom-grid-section.section-fullpage .section .grid-elements {
        margin: 0 0 0 -20px;
    }
    .section-wrap.stom-grid-section.section-fullpage .section.columns-2 .grid-element {
        width: calc((100% - (20px * 2)) / 2);
    }
    .section-wrap.stom-grid-section.section-fullpage .section.columns-3 .grid-element {
        width: calc((100% - (20px * 3)) / 3);
    }
    .section-wrap.stom-grid-section.section-fullpage .section.columns-4 .grid-element {
        width: calc((100% - (20px * 4)) / 4);
    }
    .section-wrap.stom-grid-section.section-fullpage .section.columns-5 .grid-element {
        width: calc((100% - (20px * 5)) / 5);
    }
    .section-wrap.stom-grid-section.section-fullpage .section.columns-6 .grid-element {
        width: calc((100% - (20px * 6)) / 6);
    }
    .section-wrap.stom-grid-section.section-fullpage .section.columns-7 .grid-element {
        width: calc((100% - (20px * 7)) / 7);
    }
    .section-wrap.stom-grid-section.section-fullpage .section.columns-8 .grid-element {
        width: calc((100% - (20px * 8)) / 8);
    }
    .section-wrap.stom-grid-section.section-fullpage .section.columns-9 .grid-element {
        width: calc((100% - (20px * 9)) / 9);
    }
    .section-wrap.stom-grid-section.section-fullpage .section.columns-10 .grid-element {
        width: calc((100% - (20px * 10)) / 10);
    }
    .section-wrap.stom-grid-section.section-fullpage .section.columns-11 .grid-element {
        width: calc((100% - (20px * 11)) / 11);
    }
    .section-wrap.stom-grid-section.section-fullpage .section.columns-12 .grid-element {
        width: calc((100% - (20px * 12)) / 12);
    }
    .section-wrap.stom-grid-section .section.columns-4 .grid-element {
        width: calc((100% - (20px * 2)) / 2);
    }
    .section-wrap.stom-grid-section .section.columns-5 .grid-element,
    .section-wrap.stom-grid-section .section.columns-6 .grid-element,
    .section-wrap.stom-grid-section .section.columns-7 .grid-element,
    .section-wrap.stom-grid-section .section.columns-8 .grid-element,
    .section-wrap.stom-grid-section .section.columns-9 .grid-element,
    .section-wrap.stom-grid-section .section.columns-10 .grid-element,
    .section-wrap.stom-grid-section .section.columns-11 .grid-element,
    .section-wrap.stom-grid-section .section.columns-12 .grid-element {
        width: calc((100% - (20px * 3)) / 3);
    }
    .section-wrap.stom-grid-section .section.columns-5 .grid-element:nth-child(1n+4),
    .section-wrap.stom-grid-section .section.columns-6 .grid-element:nth-child(1n+4),
    .section-wrap.stom-grid-section .section.columns-7 .grid-element:nth-child(1n+4),
    .section-wrap.stom-grid-section .section.columns-8 .grid-element:nth-child(1n+4),
    .section-wrap.stom-grid-section .section.columns-9 .grid-element:nth-child(1n+4),
    .section-wrap.stom-grid-section .section.columns-10 .grid-element:nth-child(1n+4),
    .section-wrap.stom-grid-section .section.columns-11 .grid-element:nth-child(1n+4),
    .section-wrap.stom-grid-section .section.columns-12 .grid-element:nth-child(1n+4) {
        margin-top: 40px;
    }
    header .header-wrapper {
        padding-right: 30px;
        padding-left: 30px;
    }
    #colophon .footer-widget-area .section {
        padding-right: 30px;
        padding-left: 30px;
    }
    #colophon .site-info {
        padding: 0;
    }
    .page-slider-section:before,
    #page-below-slider-section:before {
        width: 300px;
    }
}

@media only screen and (max-width: 1200px) {
    .header-wrapper,
    section#header-top-section .section {
        max-width: 100%;
    }
    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled header .section-wrap .section {
        padding: 5px 30px;
        font-size: inherit;
        font-weight: inherit;
    }
    #page-below-slider-section table.aabningstider-list tr:not(:last-child):after {
        margin: 0 8px;
        font-size: .7rem;
    }
    #page-below-slider-section table.aabningstider-list td {
        font-size: 12px;
    }
}


/****** IPADS - VERTIKALT ******/

@media only screen and (max-width: 959px) {
    #page-below-slider-section table.aabningstider-list {
        display: none;
    }
    #main-content .section-wrap.stom-billede-sektion.split-section-full .section {
        max-width: 100%;
    }
    #main-content .section-wrap.stom-billede-sektion.split-section-full .stom-cols-6 {
        max-width: 100%;
        height: auto !important;
        float: none;
        margin: 0 !important;
        padding: 30px;
    }
    #main-content .section-wrap.stom-billede-sektion.split-section-full .stom-picture {
        position: relative;
        width: 100%;
        max-width: 100%;
        height: auto !important;
        float: left;
        background-position: center center;
        height: auto !important;
    }
    .footer-widget-area .stom-cols-3 {
        width: 48% !important;
        margin-right: 4% !important;
    }
    .footer-widget-area .stom-cols-3:nth-child(2n+2) {
        margin-right: 0 !important;
    }
    span.widget-title {
        font-size: 18px;
    }
    .grid-element.tlf-tider table tr td:last-child {
        text-align: left;
    }
    .grid-element.tlf-tider .bottom {
        flex-direction: column;
    }
    body:not(.home) .grid-element.tlf-tider table tr td:last-child {
        text-align: right;
    }
    /* Sidebar */
    #secondary {
        position: static;
        width: 100%;
    }
    #secondary .custom-overflow-wrapper {
        display: inline-block;
        padding-left: 0;
        padding-right: 0;
    }
    body:not(.home) #main-content {
        margin: 0;
    }
    #page .open-button,
    #secondary .close-button {
        display: none;
    }
}

@media only screen and (max-width: 810px) {
    #colophon .section-wrap .section .footer-widgets {
        width: 100%;
    }
    .page-slider-section .slider-text {
        padding: 14px 30px 4px;
    }
    .home-box .section .grid-elements {
        flex-direction: column;
        grid-gap: 30px;
    }
    .home-box .section .grid-elements .grid-element {
        width: 100%;
    }
    .home-box .section .grid-elements .grid-element.dk {
        height: 325px;
    }
    .grid-element table tr td {
        width: auto!important;
        /* display: inline-block; */
    }
    .grid-element.tlf-tider table tr td:last-child {
        text-align: right;
    }
    .grid-element.tlf-tider .bottom {
        flex-direction: row;
    }
    .footer-widgets.stom-cols-4.widgets-2 iframe.stom_maps_free {
        width: 100% !important;
    }
    .services .grid-elements {
        grid-gap: 30px;
    }
    .services .grid-element {
        width: 100% !important;
    }
    .home .page-slider-section {
        margin-bottom: 0;
    }
    .page-slider-section .slider-text-inner {
        flex-direction: column;
        align-items: flex-start;
    }
    .slider-text-inner .button-wrapper {
        flex-direction: row;
        grid-gap: 15px;
    }
    .contact-section .section .grid-elements {
        grid-gap: 40px;
    }
    .contact-section .section .grid-elements .grid-element {
        width: 100% !important;
    }
    .grid-element.contact-text .overlay {
        padding: 0 !important;
    }
    .grid-element.contact-text:after {
        display: none;
    }
    .grid-element.contact-form {
        /* min-height: auto; */
    }
    body:not(.home) .grid-element.tlf-tider .overlay {
        padding: 0 !important;
    }
}


/****** MINDRE END IPADS VERTIKALT ******/

@media only screen and (max-width: 782px) {}

@media only screen and (max-width: 767px) {
    header .top-bar ul#menu-top-menu {
        display: none;
    }
    header .header-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
    #btn-back-to-top .section {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 0;
    }
    body {
        padding-right: 0;
        padding-left: 0;
    }
    body:not(.home) .page-slider-section .slide-element {
        min-height: 250px;
        height: 250px;
    }
    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled header .section-wrap .section {
        padding: 5px 20px;
    }
    .page-slider-section {
        margin-bottom: 0;
    }
    html,
    body,
    input,
    select,
    optgroup,
    textarea {
        font-size: 15px!important;
    }
    html h2 {
        font-size: 22px;
    }
    #colophon,
    button,
    .stom-button a,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .gform_wrapper .gform_footer input[type=submit],
    button#gform_submit_button_1 {
        font-size: 14px;
        min-width: 167px;
    }
    #page h1,
    #page .page-slider-section h2 {
        font-size: 25px;
    }
    .cursive {
        font-size: 25px;
    }
    #main-content .section-wrap.stom-billede-sektion .stom-picture {
        max-width: 100%;
    }
    #main-content .section-wrap.stom-billede-sektion.split-section-full .section {
        max-width: 100%;
    }
    #main-content .section-wrap.stom-billede-sektion.split-section-full .stom-cols-6 {
        max-width: 100%;
        float: none;
        margin: 0 !important;
        padding: 30px;
    }
    #before-footer-icons p:not(:last-child) {
        margin-right: 50px;
    }
    #colophon .site-info {
        padding: 0 20px;
    }
    .stom-billede-sektion .stom-cols-6 {
        width: 100%;
    }
    .stom-billede-sektion .stom-picture {
        margin-top: 40px;
    }
    .stom-grid-section .section .grid-element.contact-form>img {
        display: none;
    }
    .stom-grid-section .section .grid-element.contact-form .overlay {
        min-height: auto;
        /* padding: initial; */
        position: inherit;
    }
    body.contact-page .container .map .stom_maps_free {
        width: 100% !important;
    }
    body.contact-page .personale .avatar>p img {
        width: 100%;
    }
}

@media only screen and (max-width: 639px) {}

@media only screen and (max-width: 545px) {
    .home-box .section .grid-elements .grid-element.materialer {
        height: 400px;
    }
    .home-box .section .grid-elements .grid-element.tlf-tider .overlay {
        padding: 40px 20px;
    }
    .site-branding #logo img {
        max-height: 50px;
        max-width: initial !important;
    }
    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled header .site-branding #logo img {
        max-height: 48px;
    }
    div#logo {
        width: 52px;
        overflow: hidden;
    }
}


/****** MOBILER ******/

@media only screen and (max-width: 479px) {
    #content,
    .section-wrap .section,
    .section-wrap.section-fullpage .section {
        padding: 20px;
    }
    html h3 {
        font-size: 20px;
    }
    html,
    body,
    input,
    select,
    optgroup,
    textarea {
        font-size: 14px!important;
    }
    html h2 {
        font-size: 20px;
    }
    #colophon,
    button,
    .stom-button a,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .gform_wrapper .gform_footer input[type=submit],
    button#gform_submit_button_1 {
        font-size: 14px;
        min-width: 167px;
    }
    #page h1,
    #page .page-slider-section h2 {
        font-size: 21px;
    }
    header .header-wrapper {
        padding-right: 20px;
        padding-left: 20px;
    }
    .site-branding #logo img {
        max-width: 140px;
    }
    .page-slider-section:before,
    #page-below-slider-section:before {
        width: 50vw;
        left: 0;
    }
    .section-wrap.stom-grid-section .section .grid-element,
    .section-wrap.stom-grid-section.section-fullpage .section .grid-element {
        margin: 0 0 40px;
    }
    .section-wrap.stom-grid-section .section.columns-5 .grid-element:nth-child(1n+4),
    .section-wrap.stom-grid-section .section.columns-6 .grid-element:nth-child(1n+4),
    .section-wrap.stom-grid-section .section.columns-7 .grid-element:nth-child(1n+4),
    .section-wrap.stom-grid-section .section.columns-8 .grid-element:nth-child(1n+4),
    .section-wrap.stom-grid-section .section.columns-9 .grid-element:nth-child(1n+4),
    .section-wrap.stom-grid-section .section.columns-10 .grid-element:nth-child(1n+4),
    .section-wrap.stom-grid-section .section.columns-11 .grid-element:nth-child(1n+4),
    .section-wrap.stom-grid-section .section.columns-12 .grid-element:nth-child(1n+4) {
        margin-top: 0;
    }
    .page-slider-section .slider-text-inner .stom-button,
    .page-slider-section .slider-text-inner .stom-button a {
        /* display: block; */
        width: 100%;
    }
    .stom-button.inline~.stom-button.inline {
        margin: 10px 0 0;
    }
    .footer-widget-area .stom-cols-3 {
        width: 100% !important;
        margin: 0 0 20px !important;
    }
    .home-box .grid-elements .grid-element {
        margin-bottom: 0 !important;
    }
    .slider-text-inner .button-wrapper {
        flex-direction: column;
        grid-gap: 0;
    }
    .services .grid-element {
        margin-bottom: 0 !important;
    }
    #secondary .custom-overflow-wrapper {
        width: auto;
    }
}

@media only screen and (max-width: 410px) {
    .grid-element.tlf-tider .bottom {
        flex-direction: column;
    }
    section.contact-person.widget img.alignnone {
        max-height: 90px;
        width: auto;
    }
}