/****** STORE SKRÆME ******/

@media only screen and (min-width: 1920px) {}


/****** BÆRBAR / MINDRE SKÆRME ******/

@media only screen and (max-width: 1500px) {
    #masthead {
        --p: 15px;
		font-size: var(--p);
    }
}


@media only screen and (max-width: 1400px) {
    .section-ship-categories .ship-categories,
	.ship-category-loop,
	.posts-archive-layout-2.posts-archive #primary {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}


@media only screen and (max-width: 1240px) {
	:root body {
        /* Font sizes */
        --h1: 43px;
        --h2: 28px;
        --h3: 22px;
        --h4: 19px;
        --h5: 15px;
        --h6: 13px;
        --p: 15px;
        /* Gaps */
        --gap-l: 60px;
        --gap-m: 25px;
        --gap-s: 20px;
        /* Sidebar */
        --sidebar-width: 280px;
    }


	body.tax-ships-for-sale h1 {
		font-size: var(--h1);
	}


	.site-branding #logo svg {
		width: 230px;
	}


	.section-staff-list .staff-list-container {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}


	.section-wrap.section-ship-categories,
	.single-ship #content {
		margin-inline: 0;
	}


	#content {
		margin-inline: 0;
	}


	.section-post-type-slider .section-inner-slider .slick-next {
		left: calc(100% + calc(.75 * var(--gap-s)));
	}
	.section-post-type-slider .section-inner-slider .slick-prev {
		right: calc(100% + calc(.75 * var(--gap-s)));
	}


	.section-quotas .quotas-loop {
		gap: var(--gap-m);
	}
}


/****** IPADS - VERTIKALT ******/

@media only screen and (max-width: 959px) {
	:root body {
        /* 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;
    }

	.page-slider-section.main-slider-section {
		--p: 14px;
		font-size: var(--p);
	}

	.page-slider-section .stom-button {
		font-size: 1.2em;
	}


	.section-ship-categories .ship-categories,
	.ship-category-loop,
	.posts-archive-layout-2.posts-archive #primary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}


	.choose-atlantic-shipping .we-offer .stom-cols-elm {
		flex-direction: column;
	}


	.section-quotas .quotas-loop {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}


	#page {
		overflow: hidden;
	}
}


@media only screen and (max-width: 810px) {
	.choose-atlantic-shipping .we-offer {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}


	.posts-archive-layout-2.posts-archive .post-thumbnail img {
		height: auto;
	}
}


/****** 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: 25px;
        --h3: 20px;
        --h4: 18px;
        --h5: 14px;
        --h6: 12px;
        --p: 14px;
        /* Gaps */
        --gap-l: 50px;
        --gap-m: 20px;
        --gap-s: 15px;
        /* Outer margin */
        --content-margin: 0;
    }


	.stom-billede-sektion.image-based .section,
	.stom-billede-sektion.image-based.picture-left .section {
		flex-direction: column;
	}

	.stom-billede-sektion.image-based .section .stom-cols-6,
	.stom-billede-sektion.image-based .section .stom-picture {
		width: 100%;
		padding-inline: var(--gap-m);
	}


	.single-ship article.ship .single-ship-header--reference {
		font-size: 1.2em;
	}

	.single-ship article.ship .single-ship-gallery {
		grid-template-columns: minmax(0, 1fr);
	}

	.single-ship article.ship .single-ship-content {
		grid-template-columns: minmax(0, 1fr);
	}

	.single-ship article.ship .single-ship-gallery--addiotionals {
		flex-direction: row;
	}
	
	#site-footer-extra .grid-elements {
		display: block;
		padding-block: 15px;
	}
	
	#site-footer-extra .overlay {
		word-break: inherit;
	}
	
	#site-footer-extra table tbody tr td {
		display: block;
		width: 100%;
		text-align: center;
		padding: 5px 10px !important;
	}
	
	#site-footer-extra .section a {
		line-height: 1.25;
		text-align: center;
	}
	
	#site-footer-extra .section td:not(:last-child) a {
		border-right: none;
	}


	.single-ship article.ship .single-ship-content--row--label {
		word-break: break-word;
		white-space: normal;
	}

}

@media only screen and (max-width: 639px) {
	:root body {
        /* 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;
    }


	.stom-button.btn-secondary .stom-custom-svg {
		width: calc(3 * var(--p));
    	height: calc(3 * var(--p));
		padding-right: 1.3em;
	}


	.section-staff-list .staff-list-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}


	.section-ship-categories .ship-categories,
	.ship-category-loop,
	.posts-archive-layout-2.posts-archive #primary {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	
	.slick-dots li {
		margin: 0 3px;
	}
	
	.slick-dots li button {
		width: 15px;
		height: 15px;
	}
	
	.single-staff .post-content-wrapper {
		display: block;
	}
	
	.single-staff .post-content-wrapper .staff-photo {
		margin-top: var(--gap-l);
	}
	
	.single-staff .post-content-wrapper .staff-photo .post-thumbnail,
	.single-staff .post-content-wrapper .staff-photo .post-thumbnail img {
		width: 100%;
		max-width: 100%;
	}
}


/****** MOBILER ******/

@media only screen and (min-width: 550px) {
	.show-on-mobile {
		display: none;
	}
}


@media only screen and (max-width: 549px) {
	.hide-on-mobile {
		display: none;
	}

	.section-quotas .quotas-loop {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}


@media only screen and (max-width: 479px) {
	.section-staff-list .staff-list-container {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}


@media only screen and (max-width: 400px) {}