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

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

    /*.page-slider-section .slide-element img, .page-slider-section .slide-element video, .page-slider-section .slide-element iframe {
        left: -10100px !important;
    }*/

    /*.split-section-wide .stom-cols-6 .inner {
        width: 100%;
        position: static;
        padding-right: 60%;
        transform: translate(50%, 0%);
    }*/
    .split-section-wide .stom-cols-6 .inner {
        width: 100%;
        position: static;
        padding-right: 30%;
        transform: translate(20%, 0%);
    }
	
}

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

    .split-section-wide .stom-cols-6 .inner {
        position: absolute;
        bottom: 0;
        right: 50%;
        transform: translate(50%, 0%);
        width: 750px;
        padding-right: 0;
    }

}


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

    .page-slider-section .slide-element img, 
    .page-slider-section .slide-element video, 
    .page-slider-section .slide-element iframe {
    left: -9999px !important;
}



}


@media only screen and (max-width: 1780px) {
	.home .style-header-1 .header-wrapper {
		margin-left: 40px;
		padding: 0;
		width: auto;
	}
   
    header .section-wrap .section {
        padding: 5px 30px;
    }
	
	.home header .section-wrap .section {
        padding: 5px 100px;
    }


    .page-slider-section .slider-text {
        width: 785px;
        padding: 0;
    }
    .inner-slider-content {
        padding: 57px 30px 0 30px;
    }
    .inner-slider-content h1 {
        font-size: 50px;
        line-height: 55px;
    }


    .grid-section h3 {
        font-size: 70px;
    }

    .map-section .stom-cols-4 {
        width: 32%;
        margin: 0 2% 0 0;
    }
    .map-section .stom-center-box {
        font-size: 14px;
    }

    .split-section-wide .stom-cols-6 .inner {
        position: absolute;
        bottom: 0;
        right: unset;
        transform: unset;
        width: 100%;
        padding: 20px 20px 0 20px;
    }

    .split-section.picture-left .stom-center-box {
        padding-right: 0px;
    }


    footer.site-footer .section {
        padding: 50px 20px;
    }
}


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


    .grid-section h3 {
        font-size: 50px;
        padding: 0 30px 0 30px;
    }
    .grid-section .inner {
        font-size: 14px;
        padding: 0 90px 40px 30px;
    }


    .map-section.picture-left .stom-cols-6 {
        width: 100%;
        float: left;
    }
    .map-section .stom-picture {
        width: 100%;
        float: left;
        position: relative;
        margin-top: 50px;
    }
    .map-section .stom-cols-4 {
        width: 30%;
        margin: 0 5% 0 0;
    }
    .map-section .stom-center-box {
        font-size: 15px;
        padding: 0 40px;
    }


    .close-grid h3 {
        font-size: 40px
    }
	
	.page-slider-section .slide-element {
		min-height: 550px;
		height: 550px;
	}


}



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

@media only screen and (max-width: 1200px) {
	
	
	
	.home .style-header-1 .header-wrapper {
		margin-right: 90px;
	}

    .slick-dots {
        top: 30px;
        bottom: unset;
    }
    /*.slick-next {
        bottom: unset;
        top: 0;
    }*/

    #content, .section-wrap .section, .section-wrap.section-fullpage .section {
        padding: 0px;
    }

    .specs-section .section {
        padding: 150px 0 80px !important;
    }
    .specs-section .inner {
        padding-right: 50px;
    }
    .specs-list .specs {
        height: 200px;
    }


    .grid-section.section-wrap.stom-grid-section.section-fullpage .section .grid-element {
        margin: 0 0 20px 0;
    }
    .grid-section.section-wrap.stom-grid-section.section-fullpage .section .grid-elements {
        margin: 0;
    }
    .grid-section .section {
        padding-bottom: 160px !important;
    }
    .grid-section .grid-element {
        width: 100% !important;
    }
    .grid-section h3 {
        font-size: 90px;
        padding: 0 30px 0 58px;
    }
    .grid-section .inner {
        font-size: 18px;
        padding: 0 90px 40px 58px;
    }


    .split-section-wide .section {
        padding: 0px 0 100px !important;
    }

    .split-section-wide h2 {
        font-size: 60px;
        line-height: normal;
    }

    .split-section h2 {
        font-size: 60px;
        line-break: normal;
    }
    .split-section .stom-cols-6 {
        width: 47%;
    }


    .center-block .section {
        padding: 80px 0 !important;
    }


    .close-grid .section.columns-4 .grid-element {
        width: calc((100% - (0px * 3)) / 4) !important;
        margin: 0 !important;
    }
    .close-grid .section .grid-elements {
        margin: 0 !important;
    }


    .map-section .section {
        padding: 80px 0;
    }


    .footer-widget-area .stom-cols-3 {
        width: 48% !important;
        margin-right: 4% !important;
    }
    .footer-widget-area .stom-cols-3:nth-child(2n) {
        margin-right: 0% !important;
    }


    .regular-section .section {
        padding: 100px 0px 100px;
    }

    .regular-section.map-section .section {
        padding: 100px 30px 100px;
    }


    .card-grid .section {
        padding: 100px 30px 100px !important;
    }
    

    .seed-table .section {
        padding: 100px 30px 100px;
    }


    .contact-page.regular-section .section {
        padding: 100px 30px 100px;
    }


}



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

    /* body.burger-menu #site-navigation .menu-toggle { */
        /* padding-right: 0; */
    /* } */

}


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

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

    .page-slider-section .slick-slider {
        display: block;
    }
    .slick-next {
        display: none !important;
    }
    .slick-dots {
        right: 30px;
    }
    .home .page-slider-section .slick-slider {
        display: block;
    }


    .close-grid .section.columns-4 .grid-element {
        width: calc((100% - (0px * 2))  / 2) !important;
        margin: 0 !important;
    }
    .close-grid h3 {
        font-size: 60px;
        text-align: center;
        line-height: normal;
    }


    .card-grid h3 {
        font-size: 28px;
    }
    .card-grid .inner {
        font-size: 16px;
    }
	
	header .top-bar .section {
		padding: 5px 30px;
	}
	
	.home header .top-bar .section {
		padding: 5px 30px !important;
	}
	
	.home .style-header-1 .header-wrapper {
		margin-left: 30px;
		margin-right: 20px;
	}


}



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

}



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

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

    .specs-section .grid-element {
        width: 100% !important;
        margin: 0 0 50px 20px !important;
    }
    .specs-section .inner {
        padding-right: 0px;
    }
    .specs-list .specs {
        height: auto;
    }

    .grid-section h2 {
        font-size: 60px;
        line-height: normal;
    }

    .specs-section h2 {
        font-size: 60px;
        line-height: normal;
    }


    .split-section h2 {
        font-size: 60px;
        line-height: normal;
    }

    .split-section-wide {
        padding: 0;
    }
    .split-section-wide .stom-cols-6 .inner {
        position: relative;
        bottom: unset;
        padding: 30px 30px 0 30px;
    }


    .split-section.picture-left .stom-center-box {
        padding: 30px 30px 0 30px;
    }


    .service-grid h2 {
        font-size: 60px;
    }

    .center-block h2 {
        line-height: normal;
    }


    .inner-slider-content {
        padding: 57px 30px 0 30px;
    }


    .regular-section h2 {
        font-size: 40px;
        line-height: normal;
    }

    .block-quote h2 {
        font-size: 70px;
    }
    .block-quote .stom-center-small {
        width: 100%;
        padding: 0 20px;
    }


    .seed-table .inner {
        font-size: 16px;
        padding: 7px 0;
    }


    .regular-section.map-section .section {
        padding: 100px 20px 100px;
    }

}



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


    .style-header-1 .header-wrapper {
        padding: 0 30px;
    }


    .regular-section .stom-center-box {
        padding: 0 30px 50px 30px;
    }


    .card-grid .section.columns-3 .grid-element {
        width: calc((100% - (20px * 1)) / 2) !important;
    }
    .card-grid .inner {
        height: 180px;
    }


}



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

    header .section-wrap .section {
        padding: 15px 20px 10px;
    }
    header .top-bar ul {
        flex-flow: column wrap;
    }
    header .top-bar ul li:not(:last-child) a:after {
        display: none;
    }
    header .top-bar ul li a {
        padding: 0;
    }
    header .top-bar ul li {
        justify-content: flex-end;
        margin-bottom: 5px;
    }

    .grid-section h3 {
        font-size: 50px;
        padding: 0 30px 0 30px;
    }
    .grid-section .inner {
        /*font-size: 14px;*/
        padding: 0 90px 40px 30px;
    }


    .footer-widget-area .stom-cols-3 {
        width: 100% !important;
        margin-right: 0% !important;
    }


}



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

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

    .style-header-1 .header-wrapper {
        padding: 0 20px;
    }


    .site-branding #logo img {
        max-width: 260px;
        max-height: 80px;
    }
    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled header .site-branding #logo img {
        max-width: 260px;
        max-height: 80px;
    }
    body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled header .section-wrap .section {
        padding: 15px 20px 10px;
    }

    .inner-slider-content h1 {
        font-size: 30px;
        line-height: normal;
    }

    .grid-section h3 {
        font-size: 40px;
        padding: 0 20px 0 20px;
    }
    .grid-section .inner {
        font-size: 14px;
        padding: 0 20px 40px 20px;
    }


    .mere-tekst-wrapper > button {
        font-size: 20px;
    }


    .card-grid .section.columns-3 .grid-element {
        width: 100% !important;
        margin: 0 0 20px;
    }
    .card-grid .inner {
        height: auto;
    }


    .seed-table table, 
    .seed-table tbody {
        display: block !important;
    }
    .seed-table thead td strong {
        font-size: 20px;
    }
    .seed-table h4 {
        font-size: 18px;
    }
    .seed-table td, .seed-table td a {
        font-size: 13px;
    }
    .seed-table table thead {
        width: 100%;
        max-width: 100%;
        display: table;
    }


}



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