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

    /*.site-branding, #content, footer.site-footer .site-info, .section { width: 96% !important; padding: 0 2% !important; }*/
    .header-wrapper,
    #content,
    footer.site-footer .site-info,
    .section {
        width: 100% !important;
        padding: 0 2% !important;
    }

    .section {
        padding: 25px 2% !important;
    }

    #interactive-map .section-fullpage {
        padding: 0 !important;
    }

    header .section-wrap .section {
        padding: 2px 2% !important;
    }

    .stom-billede-sektion .section {
        padding: 0 !important;
    }

    #primary {
        width: 70% !important;
    }

    .stom-billede-sektion .stom-cols-6 {
        width: 50%;
        margin: 0;
        padding: 0 4%;
    }

    .stom-slider-tekst, .stom-slider-image-content .royalSlider .slider-tekst {
        right: var(--gap-s);
        left: var(--gap-s);
    }

    .item-two,
    .item {
        width: 320px;
    }

    .home #content {
        margin: 0 auto;
    }

    .stom-billede-sektion {
        padding: 0;
    }

    .section-wrap {
        padding: 25px 0;
    }

    footer.site-footer {
        /*margin-top: 50px;*/
    }

    .main-navigation a {
        padding: 16px 0 13px 0;
    }

    .staff.stom-cols-4 {
        max-height: none;
        margin-right: 2%;
    }

    span.staff-name {
        width: 100%;
        bottom: 8px;
        font-size: 14px;
    }

    .third h3 {
        font-size: 12px !important;
    }

    .second h3 {
        font-size: 13px !important;
    }

    .organisation .stom-cols-4 h3 {
        font-size: 16px;
    }

    .header-left h2 {
        padding-right: 0px;
    }

    div#allan {
        background-position: 29% !important;
    }

    .quote h2 {
        font-size: 32px;
        line-height: 1.2;
    }

    .quote {
        width: 467px;
        right: 2%;
    }

    #dart .image.pusle img {
        max-width: 300px;
        /*	    display:  block;
	    margin:  auto;
	    left: 0;
	    right: 0;*/
    }

    .image.stom-cols-6 {
        /* position:  relative; */
    }

    .quote-finn h2 {
        font-size: 28px;
        padding-right: 38px;
    }

    #finn h3 {
        font-size: 20px;
    }

    #dart .image img {
        position: absolute;
        max-width: 387px;
    }

    div#diagram .section {
        padding: 0 !important;
    }

    .firstfooter {
        margin-top: 50px;
    }

    iframe.stom_maps_free {
        margin-bottom: -19px;
    }
    :root {
        --gap-s: 25px;
        --gap-m: 25px;
        --gap-l: 50px;
        --grid-4-cols: 3;
}
.overskift-size-large h1,
.overskift-size-large h2,
.overskift-size-large h3,
.overskift-size-large h4 {
    font-size: 40px !important;
}

.overskift-size-medium h1,
.overskift-size-medium h2,
.overskift-size-medium h3,
.overskift-size-medium h4 {
    font-size: 32px !important;
}

.overskift-size-small h1,
.overskift-size-small h2,
.overskift-size-small h3,
.overskift-size-small h4 {
    font-size: 22px !important;
}

}

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

    /****** IPADS - VERTIKALT ******/
    .item-two,
    .item {
        width: 310px;
    }

    .item-two h3 {
        font-size: 25px;
    }

    .tabel-firstletter table h2 {
        font-size: 85px;
    }

    .tabel-firstletter table h3 {
        margin: 0;
        font-size: 26px;
    }

    .time-title:after {
        display: none;
    }

    #interactive-map .box-legend {
        top: 30px;
        left: 30px;
    }

    #interactive-map .map-china {
        bottom: 30px;
        right: 30px;
    }
}

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

    .page-template-page-blog div#primary article {
        width: calc((100% - (10px * 3)) / 2);
    }



    .distinctive-brands .stom-post-slide .new-stom-post-thumb .brand-logo img {
        max-width: 144px;
    }

    .distinctive-brands .stom-post-slide {
        width: calc((100% - (20px * 2)) / 2);
        display: inline-block;
        margin: 0 5px;
    }

    #primary,
    .main-navigation {
        width: 100% !important;
    }

    .home-cateory.stom-cols-4 {
        width: 100%;
    }

    .item-two,
    .item {
        width: 350px;
        max-width: 95%;
    }

    .product-gallery-grid-item {
        width: 48%;
    }

    .organisation .stom-cols-4 .info p {
        font-size: 14px;
    }

    div#new-royalslider-1 {
        height: 500px !important;
    }

    div#vaekst img {
        max-width: 340px;
        margin-left: 0;
        bottom: 0;
    }

    .center-text div {
        max-width: 97%;
    }

    .d-brands.stom-cols-9 {
        width: 68%;
        margin: 0 4% 0 0;
        margin-top: 0;
    }

    .sidebar-brands.stom-cols-3 {
        width: 28%;
    }

    .quote h3 {
        font-size: 1.6em;
    }

    .quote-finn {
        max-width: 65%;
    }

    .quote-finn h2 {
        font-size: 21px !important;
        padding-right: 38px;
    }

    #finn h3 {
        font-size: 17px !important;
    }

    .item-two span.link a {
        position: relative;
        bottom: 0;
    }

    .vkr.second h3 {
        font-size: 12px !important;
        border-bottom: 1px solid !important;
    }

    #dart h3 {
        font-size: 20px;
    }


    .interesseret .staff.stom-cols-4 {
        width: 100%;
        float: none;
        display: block;
        margin: auto !important;
        margin-bottom: 40px !important;
    }

    .page-id-29 div#new-royalslider-2,
    .page-id-1524 div#new-royalslider-2 {

        height: 300px !important;
    }

    iframe.stom_maps_free {
        height: 300px !important;
        margin-bottom: -13px;
    }

    #interactive-map .map-china {
        position: relative;
        right: auto;
        bottom: auto;
        width: 60%;
        margin: 35px auto;
        box-shadow: none;
    }

    #interactive-map .box-legend {
        position: static;
        margin-bottom: 25px;
        box-shadow: none;
        overflow: hidden;
    }

    #interactive-map .box-legend .legend {
        width: 50%;
        float: left;
        margin: 0 !important;
    }

    #interactive-map .box-legend .legend:nth-of-type(-n+2) {
        margin-bottom: 15px !important;
    }
    .button-blue a {
        font-size: 20px;
    }
}

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


@media only screen and (max-width: 767px) {
	.stom-billede-sektion.policies-page .section {
		display: flex;
		flex-wrap: wrap;
	}

    :root {
        --grid-2-cols: 1;
        --grid-3-cols: 2;
        --grid-4-cols: 2;
}

	.stom-billede-sektion.policies-page .section .stom-picture {
		order: 1;
		padding: 0 4%;
		max-width: calc(100% - 8%);
		margin-left: 4%;
		margin-bottom: 22px;
	}

	.stom-billede-sektion.policies-page .section .stom-cols-6 {
		order: 2;
	}

	.policies-page.stom-billede-sektion .stom-center-box a {
		display: block;
		margin-top: 30px;
	}

	.section-wrap.stom-billede-sektion.policies-page {
		padding: 20px 0 0;
	}

    .d-brands strong {
        font-weight: 400;
        color: #004680;
        font-size: 16px;
    }

    .home-about-boxes .section {
        padding-bottom: 0px !important;
    }

    .text.col-two {
        padding-top: 0;
    }

    .organisation .vkr.first.seo.stom-cols-4 {
        margin-bottom: 33px !important;
    }

    .organisation .stom-cols-4 {
        margin-bottom: 10px !important;
    }

    .ownership {
        padding-top: 0;
    }

    .page-id-400 #primary {
        margin-top: 5px;
    }
    .button-blue a {
        font-size: 18px;
    }

    div#finn .section {
        padding: 50px 0 !important;
    }

    .quote-finn h2 {
        font-size: 18px !important;
        /* padding-right: 38px; */
        padding-right: 0;
    }

    #finn h3 {
        font-size: 15px !important;
    }

    div#finn {
        background-position: 12% !important;
        background-size: cover;
        height: 300px;
    }

    .quote h3 {
        font-size: 16px !important;
        /*padding-left: 72px;*/
    }

    .stom-billede-sektion .stom-cols-6 {
        padding: 0 4%;
    }

    .hover-style-spaced ul.menu a:before {
        content: none !important;
    }

    /*.site-branding, #content, footer.site-footer .site-info, .section {width: 96% !important;padding: 0 2% !important;}*/
    .header-wrapper,
    #content,
    footer.site-footer .site-info,
    .section {
        width: 100% !important;
        padding: 0 4% !important;
    }

    .section {
        padding: 50px 4% !important;
    }

    header .section-wrap .section {
        padding: 2px 4% !important;
    }

    footer.site-footer .site-info,
    footer.site-footer .site-info .copyright {
        text-align: center;
    }

    .stom-cols-11,
    .stom-cols-10,
    .stom-cols-9,
    .stom-cols-8,
    .stom-cols-7,
    .stom-cols-6,
    .stom-cols-5,
    .stom-cols-4,
    .stom-cols-3,
    .stom-cols-2,
    .stom-cols-1 {
        width: 100% !important;
        margin: 0 0 10px !important;
    }

    /*aside section{
		width: 100%;
		margin: 4% 0 !important;
		float: none;
	}*/

    .last {
        margin-bottom: 0 !important;
    }

    h1 {
        font-size: 2em !important;
    }

    h2 {
        font-size: 1.7em !important;
    }

    h3 {
        font-size: 1.5em !important;
    }

    h4 {
        font-size: 1.3em !important;
    }

    h5 {
        font-size: 1.2em !important;
    }

    h6 {
        font-size: 1.1em !important;
    }

    .section-wrap.footer-widget-area {
        padding: 0px 0 !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;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 1em !important;
    }

    footer.site-footer,
    .push {
        height: auto !important;
    }

    #page {
        min-height: none !important;
        margin: 0 auto !important;
    }

    footer.site-footer .site-info div>span>span:after {
        content: " ";
    }

    footer.site-footer .site-info div>span>span {
        display: block;
    }

    .rapport.stom-cols-3 {
        max-width: 264px;
        float: none;
        display: block;
        margin: auto !important;
        margin-top: 32px !important;
        margin-bottom: 70px !important;
    }

    .brandgrid .stom-cols-4 img {
        display: block;
        margin: auto;
    }

    .staff.stom-cols-4 {
        display: block;
        float: none;
        margin: auto !important;
        margin-bottom: 25px !important;
    }

    .organisation .stom-cols-4 {
        width: 400px !important;
        float: none;
        clear: both;
        display: block;
        margin: auto !important;
        max-width: 95%;
    }

    .left.stom-cols-4:before,
    .right.stom-cols-4:before,
    .middle.stom-cols-4:before,
    .vkr.middle.stom-cols-4:after,
    .vkr.second.right.last.stom-cols-4:before,
    .vkr.second.left.stom-cols-4:before,
    .vkr.middle.stom-cols-4:before {
        display: none;
    }

    .middle.stom-cols-4:after {
        background: transparent;
    }

    .second h3 {
        font-size: 15px !important;
    }

    .third h3 {
        font-size: 13px !important;
    }

    .organisation .stom-cols-4 .info {
        min-height: 50px;
    }

    .slider-inner p {
        font-size: 15px;
        padding-bottom: 10px;
        max-width: 300px;
    }

    .slider-inner h1 {
        font-size: 26px !important;
    }

    span.more a {
        font-size: 16px;
        padding: 4px 45px;
    }

    div#new-royalslider-1 {
        height: 350px !important;
    }

    .firstfooter .image img {
        top: auto;
        bottom: 0;
        max-height: 250px;
        width: auto;
        left: 0;
        right: 0;
        margin: auto !important;
        display: block;
        text-align: center;
		max-width: initial;
    }

    .firstfooter .section {
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 0 !important;
    }

    .image.stom-cols-6 {
        order: 2;
        position: relative;
        height: 325px;
        margin-bottom: 0 !important;
        text-align: center;
    }

    .image.stom-cols-6 p {
        margin: 0;
    }

    .firstfooter p {
        max-width: 80%;
        margin: 10px auto;
    }

    .contact.stom-cols-4:after {
        background: transparent;
    }

    .contact.stom-cols-4 {
        margin-bottom: -16px !important;
    }

    .stom-center-box h2,
    h1.entry-title {
        padding-right: 0;
    }

    .home footer.site-footer {
        margin-top: -26px;
    }

    .site-info {
        font-size: 11px;
    }

    .product-gallery-grid-item {
        width: 100%;
    }

    #allan .section {
        height: 330px;
    }

    .quote h2 {
        font-size: 20px !important;
    }

    .quote p {
        font-size: 17px;
    }

    .quote {
        width: 390px;
    }

    .tabel-firstletter table h2 {
        font-size: 40px !important;
    }

    .tabel-firstletter table tr td:first-child {
        padding-left: 0;
    }

    .timeline-year p {
        font-size: 18px;
        background-size: 99%;
        background-image: none;
        background: #004680;
        padding: 6px 0;
        margin-top: 23px;
    }

    .time-cell--left {
        width: 100%;
        display: block;
    }

    .timeline-thumb-wrapper {
        /*display:  none;*/
    }

    .time-row {
        display: block;
        text-align: center;
    }

    .time-table:after {
        display: none;
    }

    .time-table.time-line-desktop {
        display: block;
        border-left: none;
    }

    .time-cell--right {
        width: 100%;
        padding-left: 12px;
    }

    .time-cell--center {
        /* display: none; */
        width: 100%;
        display: block;
    }

    .time-cell {
        display: block;
        padding: 5px 0;
    }

    .timeline-content {
        max-width: none;
    }

    .time-title {
        padding-right: 0;
    }

    .centertext h2,
    .text-box h2 {
        padding: 0;
    }

    .funds img {
        max-width: 150px;
    }

    .holding .section {
        padding: 0 !important;
    }

    .organisation .vkr.stom-cols-4 h3 {
        font-size: 17px !important;
    }

    div#bluefooter {
        background-position: 80% !important;
    }

    .blue-footer.tabel-firstletter {
        float: none;
        display: block;
        margin: auto;
        width: auto;
        padding-top: 54px;
    }

    .blue-footer.tabel-firstletter table h2 {
        top: 0;
    }

    div#bluefooter p {
        max-width: none;
    }

    #dart .image img {
        top: auto;
        padding: 0 2%;
        max-height: 90%;
    }

    .darttekst {
        margin-top: 0 !important;
    }

    #dart h3 {
        text-transform: none;
        font-size: 16px;
        text-align: center;
    }

    #dart h4 {
        font-style: italic;
        text-transform: none;
        text-align: center;
    }

    .darttekst div {
        padding-bottom: 10px;
    }

    #dart .image.stom-cols-6 {
        height: 200px;
    }

    div#dart .section {
        padding: 40px 8px 0 !important;
    }

    .image.pusle img {
        top: 0px !important;
    }

    #dart .image img {
        margin: initial;

    }

    #interactive-map .box-legend .legend {
        width: 100%;
        float: none;
        margin: 0 !important;
    }

    #interactive-map .box-legend .legend:not(:last-of-type) {
        margin-bottom: 15px !important;
    }

    #interactive-map .map-china {
        width: 100%;
    }
    .section-wrap.stom-billede-sektion-ny .section {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .section-wrap.stom-billede-sektion-ny .stom-picture img {
        max-width: 500px;
        margin: auto;
    }
    .section-wrap.stom-billede-sektion-ny.not-fullwidth .section .stom-center-box {
    max-width: 100%;
    }
    body .stom-billede-sektion-ny.picture-left .stom-picture, body .stom-billede-sektion-ny.picture-right .stom-picture {
        grid-row-start: 1;
        background-image: unset !important;
    }
    .section-wrap.stom-billede-sektion-ny .stom-picture img {
        display: block;
    }

}


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

:root {
    --grid-2-cols: 1;
    --grid-3-cols: 1;
    --grid-4-cols: 1;
}

}

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

@media only screen and (max-width: 479px) {
    .page-template-page-blog div#primary article {
        width: 100%;
    }

    :root {
        --gap-l: 25px;
    }

    #logo img {
        max-height: 30px;
    }

    header .section-wrap .section {
        padding: 0 !important;
    }

    .slider-inner h1 {
        font-size: 21px !important;
    }

    .distinctive-brands .stom-post-slide .new-stom-post-thumb .brand-logo img {
        max-width: 100px;
        max-height: 50px;
    }

    .quote-finn {
        width: 90%;
        max-width: 100%;
        text-align: center;
        display: block;
        margin: auto;
        padding-top: 27px;
    }

    .stom-center-box h2:after,
    .centertext h2:after,
    h1.entry-title:after,
    .center-text h2:after,
    .text-box h2:after,
    #primary h1:after,
    .stom-center-box h1:after,
    .header-left h2:after {
        right: -22px;
        height: 4px;
        bottom: -1px;
        width: 22px;
    }

    #site-navigation .menu-navigation img {
        position: absolute;
        top: 9px;
        left: 50%;
        width: auto;
        max-height: 37px;
        transform: translateX(-50%);
    }
    .button-blue a {
        font-size: 14px;
    } 
    p {
        line-height: 1.3;
        font-size: 15px;
    }

    h1 {
        font-size: 1.3em !important;
    }

    h2 {
        font-size: 1.3em !important;
    }

    h3 {
        font-size: 1.2em !important;
    }

    h4 {
        font-size: 1.1em !important;
    }

    h5 {
        font-size: 1em !important;
    }

    h6 {
        font-size: 1em !important;
    }

    .main-navigation ul {
        width: 100%;
    }

    #kontaktside form#kontakt {
        width: auto;
    }

    div#allan {
        background-position: 100% !important;
    }

    .quote {
        text-align: center;
        right: 0;
        left: 0;
        display: block;
        margin: auto;
    }


    .time-title:after {
        display: none;
    }

    #interactive-map .map-china .map-pin .description:before {
        left: 88.6%;
    }

    #interactive-map .map-china .map-pin .description {
        width: 130px;
        height: 58px;
    }

}

/****** BURGER MENU ******/
@media screen and (max-width: 1085px) {

    .royalSlider {
        margin-top: 76px;
    }

    #logo img {
        max-height: 37px;
    }

    .site-header.header-menu-fixet-only #logo img {
        max-width: 171px;
    }

    .site-branding #logo {
        padding: 20px 0;
    }

    #site-navigation .menu-toggle .fa {
        font-size: 1em;
    }

    .nav-wrap {
        margin-top: -28px;
    }

    #site-navigation .menu-toggle {
        /* padding-bottom: 0; */
        /* padding-top: 0; */
    }

    /*
	.extra-header-text .wpml-ls {
        top: 15px;
        right: 43px;
    }
	*/

    .woocommerce-checkout #site-navigation {
        display: none;
    }

    .woo-search-input {
        position: static;
        float: left;
        width: 100%;
        margin-bottom: 15px;
        padding: 5px;
        border: none;
    }

    .woo-search-input input[type="search"] {
        box-shadow: 0px 0px 2px #666;
        padding-left: 5px;
    }

    #site-navigation.main-navigation {
        width: 100%;
        top: 0;
        margin-top: 0;
        float: none;
        z-index: 1000;
    }

    /*#site-navigation.main-navigation ul {
		background:#fff;
		width:100%;
	}*/

    .main-navigation ul ul {
        position: static;
        display: none;
        box-shadow: none !important;
    }

    #site-navigation.main-navigation ul ul a {
        /* width:auto; */
        /* padding-left: 40px; */
    }

    /*#site-navigation.main-navigation ul li {
		background:#fff;
		clear:both;
		float:left;
		width:100%;
		display:block;
		border-bottom:1px solid #f2f2f2;
	}*/

    #site-navigation.main-navigation .current_page_item>a,
    #site-navigation.main-navigation .current-menu-item>a {
        background: #f5f5f5 !important;
        color: #2C3F46;
    }

    #site-navigation.main-navigation .current_page_ancestor>a,
    #site-navigation.main-navigation .current-menu-ancestor>a {
        background: #004680 !important;
        color: #fff;
    }

    #site-navigation.main-navigation ul li.current-menu-parent.menu-item-has-children>a:after {
        color: #fff;
    }

    /*#site-navigation.main-navigation ul li.menu-item-has-children {
		position:relative;
	}*/

    #site-navigation.main-navigation ul li.menu-item-has-children.focus>a:after {
        display: none;
    }

    .main-navigation a {
        padding: 27px 14px;
    }

    .main-navigation li {
        padding: 0;
    }

    #site-navigation.main-navigation .menu-toggle.fa {
        font-size: 1.2em;
        height: auto;
        width: auto;
    }

    .main-navigation .current_page_item>a:after,
    .main-navigation li:hover>a:after,
    .main-navigation li.focus>a:after,
    .main-navigation .current-menu-ancestor>a:after,
    .main-navigation .current_page_ancestor>a:after {
        background: transparent;
    }

    .main-navigation .current_page_item>a,
    .main-navigation .current-menu-item>a,
    .main-navigation .current_page_ancestor>a,
    .main-navigation .current-menu-ancestor>a {
        border-bottom: none;
    }
}


@media only screen and (max-width: 959px) {
    .fixed {
        display: none !important;
    }

    .popup-content {
        margin: 100px 5% !important;
        width: auto !important;
    }

    /* ---------- Responsive tables ---------- */
    body:not(.woocommerce-checkout) table:not(.variations) {
        width: 100% !important;
        height: auto !important;
        /*display: block;*/
        overflow-x: scroll;
    }

    body:not(.woocommerce-checkout) table:not(.variations)::-webkit-scrollbar {
        -webkit-appearance: none;
        height: 5px;
    }

    body:not(.woocommerce-checkout) table:not(.variations)::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .2);
    }

    body:not(.woocommerce-checkout) table:not(.variations) tbody {
        /*display: block;
		width: 750px;*/
    }

    body:not(.woocommerce-checkout) td {
        padding: 4px;
    }
}


@media only screen and (max-width: 1132px) {
    #dart h3 {
        font-size: 25px;
    }
}