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

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

}


/****** 1600 SKRÆME ******/

@media only screen and (max-width: 1600px) {
    body:not(.woocommerce-checkout) #page {
        padding-top: 180px;
    }
    .stom-grid-section .local-service {
        padding-right: 40px;
    }
    .style-header-3 .header-wrapper .nav-wrap {
        background-color: var(--color-2);
    }
    .style-header-3 .header-wrapper .nav-wrap {
        background-color: var(--color-2);
    }
    header .main-navigation #primary-menu.menu.nav-menu > li > a {
         color: white; 
    }
    body .header-usps {
        margin-top: 0;
    }
}

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

@media only screen and (max-width: 1200px) {
    body:not(.woocommerce-checkout) #page {
        padding-top: 170px;
    }
    .site-branding #logo img {
        max-width: 240px;
    }
    #local-service-weekly-sale.section-wrap.stom-grid-section.section-fullpage .section .grid-elements .local-service {
        margin-bottom: 20px;
        padding: 0;
    }
    .section-wrap.stom-grid-section.personale-wrapper .section .grid-elements .grid-element img{
        height: unset;
    }
    .header-usps .stom-cols-4 {
        padding: 15px 0px;
    }
    .st-button a, .stom-products-section .section-link a, .stom-products-section.stom-slick .section-link a, .product .button.add_to_cart_button, .single-product div.product form.cart .button.single_add_to_cart_button {
        padding: 9px 12px;
    }
    body.home .page-slider-section .slider-text {
        padding: 50px 25px;
        min-height: 300px;
    }
}



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

@media only screen and (max-width: 959px) {
	body.burger-menu #site-navigation ul ul a {
		color: #fff;
	}
	body.burger-menu #site-navigation #menu-back-one-level i {
		color: #fff;
	}
	body.burger-menu #site-navigation .menu-container #close-menu {
		color: #fff;
	}
	body.burger-menu #site-navigation li.menu-item-has-children:after {
		color: #fff;
	}
	body.burger-menu #site-navigation .menu-container {
		background-color: #006992;
	}
	body.burger-menu #site-navigation li {
		background: #006992;
	}
	body.burger-menu #site-navigation .menu-navigation {
		background-color: #006992;
	}
	body.burger-menu #woo-icons .menu-toggle {
		color: #fff;
	}
	.stom-woo-search .stom-woocommerce-product-search-placeholder button .sogefunktion {
		fill: #fff;
	}
	.stom-woo-search .stom-woocommerce-product-search-placeholder button .sogefunktion path, .stom-woo-search .stom-woocommerce-product-search-placeholder button .sogefunktion ellipse,
	.stom-woo-search .stom-woocommerce-product-search-placeholder button .sogefunktion line{
		stroke: #fff !important;
	}
    .section-wrap.forhandler-information .section {
        background-color: #2983B8;
    }
    .heading-shadow.grid-bg-images.section-wrap .section .grid-elements .grid-element {
        width: 70% !important;
        height: 300px;
        margin: 10px auto !important;
    }
    .heading-shadow.grid-bg-images.section-wrap .section .grid-elements .grid-element.last {
        margin-right: auto !important;
    }
    .heading-shadow.grid-bg-images.section-wrap .section .grid-elements .grid-element img{

        height: 100%;
    }
    .heading-shadow.grid-bg-images.section-wrap .section .grid-elements .grid-element.last img {
        height: auto;
    }
    .section-wrap.stom-grid-section.personale-wrapper .section .grid-elements .grid-element{
        width: calc((100% - (40px * 1)) / 2);
        margin: 0 0 20px 20px;
    }
    body:not(.woocommerce-checkout) #page {
        padding-top: 135px;
    }
    body #page section .section h1, body section .section h1, body section.page-slider-section h1 {
        font-size: 50px;
    }
    body #page section .section h2, body main article div h2 {
        font-size: 32px;
    }
    body #page section .section h3, body section .section h3, body main article div h3 {
        font-size: 20px ;
    }
    .faq-section .section .faqs .faq h3:after {
        padding-right: 25px;
    }
    .slick-slider {
        padding: 0;
    }
    .info-slider .info-slider-slide.slick-slide {
        max-height: unset;
        height: unset;
    }
    .info-slider .info-slider-slide.slick-slide .st-button {
        position: relative;
        bottom: unset;
        left: unset;
        transform: unset;
    }
    .section-wrap.stom-grid-section.billede-step .section .grid-elements .grid-element {
        width: 100%;
    }
    .billede-step .section .grid-elements .grid-element .overlay p:last-of-type {
        position: relative;
    }
    .header-section-contact {
        font-size: 14px;
    }
    /* Search bg */
    .stom-woo-search .stom-woocommerce-product-search-placeholder {
        background: transparent;
    }

}



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

}



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

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

    body section .section h1, body section.page-slider-section h1 {
        font-size: 40px;
    }
    .local-service svg {
        height: 150px;
    }
}



@media only screen and (max-width: 767px) {
    .header-usps {
        display: none;
    }
    .header-section-contact {
        font-size: 12px;
    }
    body.burger-menu #woo-icons .stom-woo-search .stom-woocommerce-product-search-placeholder button, header #woo-icons .stomWF-favourites-list-link svg, header #woo-icons .site-header-cart svg {
        width: 20px;
        height: 20px;
    }
    body.burger-menu #woo-icons .menu-toggle {
        font-size: 20px;
    }
	body .page-slider-section .slider-text .slider-text-inner .slider-main-wrapper img {
		max-width: 150px;
		max-height: 150px;
	}
	body.home .page-slider-section .slider-text {
		min-height: unset;
	}
	.page-slider-section .slick-dots {
        margin-left: calc(10% - 0px);
        transform: translateX(-50%);
    }
}



@media only screen and (max-width: 639px) {
    .heading-shadow.grid-bg-images.section-wrap .section .grid-elements .grid-element {
        width: 100% !important;
    }
    .header-section-contact {
        font-size: 12px;
    }
    body section .section h1, body section.page-slider-section h1 {
        font-size: 32px;
    }
    .header-section-contact .header-section-right {
        float: unset;
        padding-left: 5px;
    }
    .header-section-contact p:not(:first-child) {
        margin-left: 5px;
    }
    .site-branding #logo img {
        max-width: 150px;
    }
    .section-wrap.stom-grid-section.personale-wrapper .section .grid-elements .grid-element{
        width: 75%;
        margin: 0 0 20px 20px;
        margin: 10px auto;
        margin-right: auto !important;
    }
	
    body.home .page-slider-section {
        padding-left: 0;
        padding-right: 0;
    }
    
}


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

@media only screen and (max-width: 479px) {
    body .page-slider-section .slide-element img {
        height: 100% !important;
    }
    #local-service-weekly-sale.section-wrap.stom-grid-section.section-fullpage .grid-element .overlay {
        padding: 10px;
    }
    .site-branding #logo img {
        max-width: 110px;
    }
    #why-we-are-better p {
        font-size: 14px;
    }
    body section .section h1, body section.page-slider-section h1 {
        font-size: 28px;
    }
    body #page section .section h2 ,body section .section h2, body main article div h2 {
        font-size: 22px;
    }
    body #page section .section h3, body section .section h3, body main article div h3 {
        font-size: 19px;
    }
    body:not(.woocommerce-checkout) #page {
        padding-top: 116px;
    }
		body .page-slider-section .slider-text .slider-text-inner .slider-main-wrapper img {
		max-width: 120px;
		max-height: 120px;
	}
	body .page-slider-section .slider-text .slider-text-inner .slider-main-wrapper p {
		font-size: 14px
	}
	 
}



@media only screen and (max-width: 400px) {
    body:not(.woocommerce-checkout) #page {
        padding-top: 113px;
    }
    .header-section-contact {
        font-size: 10px;
    }
    .single-product .product-related-products ul.products {
        width: calc(100% - (20px * 2) - (10px * 4));

    }
	body.home .page-slider-section {
        margin-top: 20px;
    }
}