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

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

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

body.archive #main-content #content {
	margin-inline: var(--gap-m);
	margin-top: var(--gap-s);
}
	body.single #main-content #content {
	margin-inline: var(--gap-m);
	margin-top: var(--gap-s);
}
}
/****** BÆRBAR / MINDRE SKÆRME ******/
@media only screen and (max-width: 1590px) {
    :root body {
       /* Font sizes */
       --h3: 30px;
   }
   header.site-header .section-wrap .section .top-bar-grid span {
    font-size: calc(var(--p) - 2px);
}
body header.site-header .section-wrap .section {
    padding: 10px 0;
}

body.archive #main-content #content {
	margin-inline: var(--gap-m);
}
}
@media only screen and (max-width: 1500px) {
    /*======================================================================//
    // top-slider-section                                                   //
    //======================================================================*/
    .section-wrap.stom-grid-section.top-slider-section .section .grid-elements {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        gap: var(--gap-s); /* Adjust gap as needed */
    }
    header .main-navigation ul.menu li ul.sub-menu li a {
        padding: .4em 1.25em;
    }
    .section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element {
        position: relative;
        background-color: #F5F5F5;
        border-radius: 20px;
    }
    .section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element.item-1 {
        grid-column: 1 / 3;
        grid-row: 2 / 4;
    }
    .section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element.item-2 {
        grid-column: 1 / 5;
        grid-row: 1 / 1;
    }
    .section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element.item-3 {
        grid-column: 3 / 5;
        grid-row: 2 / 2;
    }
    .section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element.item-4 {
        grid-column: 3 / 5;
        grid-row: 3 / 3;
    }
    .section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element.item-3 p,
    .section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element.item-4 p {
        margin-bottom: 3px;
        font-size: 22px;
        max-width: 400px;
    }
    .section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element .stom-button.bestilling-btn.bestilling-btn-col-1,
    .section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element .stom-button.bestilling-btn.bestilling-btn-col-2 {
        margin-top: auto;
    }
}

@media only screen and (max-width: 1400px) {
   header.site-header .section-wrap .section .top-bar-grid span {
    font-size: calc(var(--p) - 4px);
}
body.home .page-slider-section .slider-text {
    padding-left: calc(var(--gap-l)* 1);
}
header .main-navigation ul.menu li ul.sub-menu li a {
    width: 275px;
}
	header .main-navigation ul.menu a {
    font-size: 18px;
	padding: .7em 0.6em;
}
}

@media only screen and (max-width: 1240px) {
 :root body {
    /* Font sizes */
    --h1: 43px;
    --h2: 35px;
    --h3: 26px;
    --h4: 19px;
    --h5: 15px;
    --h6: 13px;
    --p: 18px;
    /* Gaps */
    --gap-l: 60px;
    --gap-m: 25px;
    --gap-s: 20px;
    /* Sidebar */
    --sidebar-width: 280px;
}
body.woocommerce-account main#main-content {
    padding-inline: 0;
} 
header.site-header .section-wrap .section .top-bar-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
}
header .main-navigation ul.menu li ul.sub-menu li a {
    width: 265px;
}
/* Bestilling-section */
.section-wrap.stom-grid-section.bestilling-section .grid-element .overlay h2 {
    font-size: 50px;
}
/* split-section */
body .section-wrap.stom-billede-sektion.split-section.has-background.picture-left .section .stom-cols-6 {
    padding: var(--gap-l);
    border-radius: 20px 0 0 20px;
    width: 80%;
    margin-block: var(--gap-l);
}
/* om-nem-section */
.section-wrap.stom-billede-sektion.picture-left.not-fullwidth.om-nem-section .section .stom-cols-6 {
    align-items: center;
    padding-bottom: 0;
    padding-left: var(--gap-m);
}
/* citation-section */
	.section-wrap.stom-grid-section.citation-section .section .grid-elements {
		    grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	/* single-product */
	body .section-wrap.single-product-looked  {
        margin-top: calc(var(--gap-l) * 2);
    }
    
    .stom-products-section .section-link {
        padding-top: 60px;
    }
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
        justify-content: start;
        padding-top: var(--gap-l);
    }
}


@media only screen and (max-width: 1100px) {
body.woocommerce-account .account_wrapper .create_accout_wrapper .gform_wrapper.gravity-theme .ginput_complex {
        display: block;
}
body.woocommerce-account .account_wrapper .create_accout_wrapper .gform_wrapper.gravity-theme .ginput_complex .gform-grid-col{
        padding: 0;
}

}

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

@media only screen and (max-width: 959px) {
	 :root body {
		/* Font sizes */
		--h3: 30px;
		/* Grid columns */
		--grid-2-cols: 1;
		--grid-3-cols: 2;
		--grid-4-cols: 2;
		--grid-5-cols: 3;
		--grid-6-cols: 3;
		--grid-7-cols: 4;
		--grid-8-cols: 4;
		--grid-9-cols: 5;
		--grid-10-cols: 5;
		--grid-11-cols: 6;
		--grid-12-cols: 6;
	}
	/* Move this rule if you change the the grid columns */
	.last-on-mobile {
		order: 66;
	}

	.section-wrap.stom-billede-sektion.picture-left.not-fullwidth.om-nem-section .section {
		display: grid;
		grid-template-rows: 400px 1fr;
		height: unset;
	}
	.section-wrap.stom-billede-sektion.picture-left.not-fullwidth.om-nem-section .section .stom-cols-6 {
		align-items: unset;
		padding-bottom: 0;
		padding-right: unset; 
		padding-inline: var(--gap-m);
		width: 100%;
	}
	.section-wrap.stom-billede-sektion.picture-left.not-fullwidth.om-nem-section .section .stom-picture {
		position: unset;
		width: 100%;
	}
		body #colophon.site-footer.footer-setting-03 .footer-widget-area-extra .textwidget>ul {
		flex-direction: column;
	}
	body #colophon.site-footer.footer-setting-03 .footer-widget-area-extra .textwidget>ul li:not(:last-of-type):after {
		display: none;
	}
	body .section-wrap.single-product-looked  {
        margin-top: var(--gap-l);
    }
    body .section-wrap.single-product-bought  {
        margin-top: var(--gap-l);
    }
    .woocommerce div.product {
        margin-bottom: 0;
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .woocommerce div.product div.images a img {
		width: auto;
		margin: var(--gap-l) auto;
		max-height: 500px;
	}
	body .section-wrap.single-product-looked .section h2 {
        font-size: 25px;
    }
    body .section-wrap.single-product-bought .section h2 {
        font-size: 25px;
    }
	
	#secondary .close-button {
		font-size: 1em;
		padding: 12px;
	}
	
	#secondary:not(.sidebar-setup-after-content) {
		width: 350px;
		background-color: #f3f3f3;
	}
	
	.bapf_sfilter {
		border-radius: 10px;
	}
	
	.bapf_sfilter .bapf_body li > label {
		font-size: 14px;
	}
}

@media only screen and (max-width: 810px) {
body.home .page-slider-section .slider-text {
        padding-left: var(--gap-m);
}
body.home .page-slider-section .image-aligner img {
        object-position: center left;
}
}


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

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

@media only screen and (max-width: 767px) {
 :root body {
    /* Font sizes */
    --h1: 30px;
    --h2: 40px;
    --h3: 32px;
    --h4: 18px;
    --h5: 14px;
    --h6: 12px;
    --p: 16px;
    /* Gaps */
    --gap-l: 50px;
    --gap-m: 20px;
    --gap-s: 15px;
    /* Outer margin */
    --content-margin: 0;
}
header.site-header .section-wrap .section {
    margin-bottom: 10px;
}
header.site-header .section-wrap .section .top-bar-grid {
    text-align: start;
	margin-inline: var(--gap-m);
}
header.site-header .section-wrap .section .top-bar-grid span {
    font-size: 12px;
}
body .section-wrap.stom-billede-sektion.split-section.has-background.picture-left .section .stom-cols-6 {
    padding: var(--gap-l);
    border-radius: 20px 0 0 20px;
    width: 100%;
    margin-block: var(--gap-l);
}
body .section-wrap.stom-billede-sektion.split-section.has-background.picture-left {
    margin-top: calc(2* var(--gap-l));
    background-size: cover;
    padding-right: 0;
    border-radius: 0;
    padding-left: var(--gap-l);
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 100%;
    margin-bottom: 0;
    background-color: #F5F5F5;
    border-radius: 20px;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
    padding:  calc( 20px + var(--gap-m));
    background-color: #F5F5F5;
    border-radius: 20px;
}
	
	/* woo-header-icons */
	#woo-icons .woo-header-icon.site-header-cart span.stom-custom-svg {
    padding: 13px;
    font-size: 18px;
}
	#woo-icons .my-account a .stom-custom-svg {
    padding: 13px 13px 13px 13px;
    font-size: 18px;
    color: white;
}
	#woo-icons .woo-header-icon.woo-search span.stom-custom-svg {
    padding: 13px;
    font-size: 18px;
    color: white;
}
}

@media only screen and (max-width: 639px) {
	:root .home {
	/* Font sizes */
    --h1: 30px;
	}
 :root body {
	/* Font sizes */
    --h1: 22px;
    /* Grid columns */
    --grid-2-cols: 1;
    --grid-3-cols: 1;
    --grid-4-cols: 1;
    --grid-5-cols: 1;
    --grid-6-cols: 1;
    --grid-7-cols: 1;
    --grid-8-cols: 1;
    --grid-9-cols: 1;
    --grid-10-cols: 1;
    --grid-11-cols: 1;
    --grid-12-cols: 1;
}
header.site-header .section-wrap .section {
    display: none;
}
.style-header-02 .header-wrapper {
    margin-block: 20px;
}
/* top slider-responsive-section */

.section-wrap.stom-grid-section.top-slider-section .section .grid-elements {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 0.5fr 0.5fr;
    gap: var(--gap-s); /* Adjust gap as needed */
}
.section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element {
    position: relative;
    background-color: #f5f5f569;
    border-radius: 20px;
}
.section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element.item-1 {
    grid-column: 1 / 5;
    grid-row: 1 / 2;
}
.section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element.item-2 {
    grid-column: 1 / 5;
    grid-row: 1 / 1;
}
.section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element.item-3 {
    grid-column: 1 / 5;
    grid-row: 2 / 2;
}
.section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element.item-4 {
    grid-column: 1 / 5;
    grid-row: 3 / 3;
}
.section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element.item-2 .overlay p {
    margin-top: unset;
}
.section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element .overlay .stom-button {
    margin-top: auto;
}
/* first h2 */
.section-wrap.stom-grid-section.bestilling-section .grid-element .overlay h2 {
    font-size: 35px;
}
.woocommerce div.product {
    margin-bottom: 0;
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
	.style-header-02 .header-wrapper {
    display: grid;
    grid-template-columns: 1.5fr 2.2fr;
}
	/* citation-section */
	.section-wrap.stom-grid-section.citation-section .section .grid-elements {
		    grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	html .woocommerce ul.products[class*=columns-] li.product:not(.slick-slide), html .woocommerce-page ul.products[class*=columns-] li.product:not(.slick-slide), html .woocommerce ul.products[class*=columns-] li.product:not(.slick-slide):nth-child(2n), html .woocommerce-page ul.products[class*=columns-] li.product:not(.slick-slide):nth-child(2n) {
        width: calc((100% - (15px* 1)) / 1) !important;
    }
	
	.woocommerce ul.products li.product .stom-product-loop-image-wrap .aligner {
        position: relative;
        padding-top: 70%;
        text-align: center;
    }
}


/****** MOBILER ******/
/* Pop UP 18+ */
@media only screen and (max-width: 600px) { 
    
    #age-confirm-popup--content {
        flex-direction: column;
    }
    #age-confirm-popup--content-left, #age-confirm-popup--content-right {
        width: 100%;
    }
}
@media only screen and (max-width: 479px) {
    :root body {
        /* Font sizes */
        --h1: 30px;
        --h2: 40px;
        --h3: 25px;
        --h4: 18px;
        --h5: 14px;
        --h6: 12px;
        --p: 16px;
        /* Gaps */
        --gap-l: 50px;
        --gap-m: 20px;
        --gap-s: 15px;
        /* Outer margin */
        --content-margin: 0;
    }
    .section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element.item-3 p, .section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element.item-4 p {
        margin-bottom: 3px;
        font-size: 18px;
        max-width: 265px;
    }
    .section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element.item-3 p,
    .section-wrap.stom-grid-section.top-slider-section .section .grid-elements .grid-element.item-4 p {
        margin-bottom: 3px;
        font-size: 18px;
        max-width: 265px;
    }
    .section-wrap.stom-grid-section.bestilling-section .grid-element .overlay h2 {
        font-size: 30px;
    }
    .section-wrap.stom-billede-sektion.picture-left.not-fullwidth.om-nem-section .section {
        display: grid;
        grid-template-rows: 1fr 1fr;
        gap: 20px;
    }
	.section-wrap.stom-grid-section.nyhedsbrev-section .section .grid-elements .grid-element .overlay p {
		font-size: 15px;
	}
	.style-header-02 .header-wrapper {
        grid-template-columns: 1fr;
    }
    .site-branding #logo img {
        width: 250px;
        height: auto;
		max-width: 180px;
        max-height: 50px;
        /*
		max-width: unset;
        max-height: unset;
		*/
        margin-bottom: 20px;
    }
	
	body:not(.woocommerce-cart):not(.woocommerce-checkout) .header-sticky-active.scrolled header .site-branding #logo img {
		max-height: 50px;
	}
    #woo-icons {
    
        margin-left: 0px;
    
    }
    #age-confirm-popup--content {
        flex-direction: column;
    }
    #age-confirm-popup--content-left, #age-confirm-popup--content-right {
        width: 100%;
    }
	
	#secondary:not(.sidebar-setup-after-content) .custom-overflow-wrapper {
		width: 100%;
	}
	
	
}

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