/* --- 1280px --------------------------------------------- */
@media only screen and (max-width: 1279px) and (min-height: 340px) {

}

/* -- iPad --------------------------------------------- */
@media only screen and (max-width: 1025px) and (min-height: 340px) {

}

/* --- 980px --------------------------------------------- */
@media only screen and (max-width: 979px) {
	h1, .h1 { font-size: 40px;}
	#headline_wrapper .h1 { font-size: 50px; }
}

/* --- widescreen laptop? --------------------------------------------- */
@media only screen and (max-height: 660px) and (orientation: landscape) {
	#intro_special_adv {
		width: 40%;
		max-width: 400px;
	}
}

/* --- 768px --------------------------------------------- */
@media only screen and (max-width: 767px) {
	#mobilemenu_trigger  {display: block; }
	#mobilemenu, #mobilemenu_container { display: block; }
	
	.primary_menu {
		display: block;
		position: absolute;
		top: 100%;
		background-color: white;
		margin-top: 5px;
		width: 100%;
		transition: 0.25s all;
		box-shadow: 2px 2px 5px 3px rgba(0,0,0, 0);
		max-height: 0px;
		overflow: hidden;
		transition: 0.25s all;
	}
	.mobilenav .primary_menu {
		box-shadow: 2px 2px 5px 3px rgba(0,0,0, 0.2);
		max-height: 100vh;
		overflow: auto;
	}
	#mainmenu { float: none;}
	#mainmenu li {
		float: none;
		display: block;
		padding: 10px 0px;
	}
	#mainmenu .sub-menu {
		opacity: 1 !important;
		display: block !important;
		height: auto !important;
		position: relative;
		left: auto;
		padding: 5px 0px 5px 25px;
	}
	
	#start_intro { padding-top: 5px;}
}

/* --- 680px --------------------------------------------- */
@media only screen and (max-width: 680px) {
	#intro .half_left {
		width: 100%;
		top: 0px;
		height: 50%;
		background-position: center center;		
	}
	#intro .half_right {
		width: 100%;
		top: auto;
		bottom: 0px;
		height: 50%;
		padding: 0px 8%;
		text-align: center;
		align-items: flex-start;
		padding-top: 25px;
	}
	#intro .half_right #intrologo {
		margin: 0px auto 20px auto;
	}
	
	#intro .half_right .freeDeliveryHint {
		top: auto;
		bottom: 50px;
		left: auto;
		right: 20px;
		text-align: right;
	}
	
	#page, #primary { padding-top: 100px;}
	#headerbar { display: none; }
	
	.home #primary,
	body.single-product #page	{ padding-top: 50px; }
	
	.has_sidebar {
		flex-wrap: wrap;
		gap: 0px;
	}
	#main_has_sidebar { width: 100%; }
	#sidebar { width: 100%; }
}


/* --- 580px --------------------------------------------- */
@media only screen and (max-width: 584px) {	
	body { font-size: 14px; }
	h1, .h1 { font-size: 30px;}
	#headline_wrapper .h1 { font-size: 30px; }
	.home .bloglink_wrapper h2,
	.home .bloglink_wrapper .h2	{ font-size: 30px; text-align: center; }
	
	h2, .h2 { font-size: 25px;}
	.posts_wrapper h2 { font-size: 25px; }
	
	#wrapper {
		max-width: 100%;
		overflow: hidden;
	}
	
	#start_intro li { padding-bottom: 10px; }
	#headline_wrapper .textbox { max-width: 75%; }
	
	.trenner, #order_review::before {
		background-size: auto 100%;
	}
	
	.home .bloglink_wrapper {
		min-height: 30vh;
	}
	
	#detail_scrolldown {display: block;}
	
	#footer {
		padding: 25px;
	}
	#footer_1 .wp-block-column .wp-block-buttons {
		justify-content: center;
	}
	#footer_1 .wp-block-column {
		text-align: center;
		padding-bottom: 50px;
	}
	#prefooter .wp-block-column {
		text-align: center;
		margin-bottom: 20px;
	}
	
	.single-product #custom_additional_info_box {
		flex-wrap: wrap;
		gap: 5px;
	}
	.single-product #custom_additional_info_box > * {
		flex-basis: 100%;
	}
	
	#product_header {
		flex-wrap: wrap;
		margin: -50px 0px 50px 0px;
	}
	#product_header .left, #product_header .right {
		flex-basis: 100%;
	}
	#product_header .h1 {
		left: 5%;
		max-width: 90%;
		width: auto;
	}
	
	.posts_wrapper .post {
		flex-wrap: wrap;
		gap: 0px;
	}
	.posts_wrapper .left,
	.posts_wrapper .right {
		flex-basis: 100%;
	}
	
	.woocommerce div.product div.images .woocommerce-product-gallery__image {
		min-height: 0px;
	}
	
	#place_order {
		white-space: normal !important;
	}
	
	.related ul.products[class*="columns-"] li.product {
		width: 100%;
	}
	
	.row_startproduct_second.wp-block-columns {
		flex-direction: column-reverse;
	}
	
	.woocommerce-gzd-legal-checkbox-text {
		white-space: normal !important;
	}
	
	#checkout_steps .item .title { display: none; }
	
	.wp-block-columns .advantages_section {
		margin-top: 50px;
		margin-bottom: 20px;
	}
	.advantages_section .container {
		flex-wrap: wrap;
		gap: 10px;
	}
	.advantages_section .container > div {
		text-align: center;
		width: 100%;
		justify-content: center;
		margin-bottom: 15px;
	}
	
	.tile_container .tile {
		width: calc(100% - 10px);
		padding-bottom: 120%;
	}
	.tile_container .tile .overlaycontainer {
		font-size: 13px;
		padding-top: 30px;
	}
	.tile_container .tile.full {
		padding-bottom: 70% !important;
		min-height: 0px;
	}
	
	.product-type-simple form.cart,
	.product-type-variable form .single_variation_wrap > div {
		padding-bottom: 35px;
		justify-content: space-between;
	}
	.sticky_tocart_addinfo {
		position: absolute;
		bottom: 5px;
		left: 5px;
	}
	
	.product-type-variable form .single_variation_wrap .quantity { display: none !important; }
	
	.product-template-default.woocommerce div.product p.price,
	.product-template-default .wc-block-grid__product-price.price {
		bottom: 42px;
	}
	
	.woocommerce div.product form.cart .button,
	.woocommerce div.product form.cart .button:hover {
		color: transparent;
		width: 100px;
		overflow: hidden;
		box-sizing: border-box;
		margin-top: 15px;
	}
	.woocommerce div.product form.cart .button:after {
		display: inline-block;
		content: '';
		/* content: 'fF291'; */
		font-family: 'fontello_mg';
		color: white;
		width: 60%;
		height: 60%;
		transform: translateX(-50%) translateY(-50%);
		position: absolute;
		background-image: url('/wp-content/themes/sleepflexxx/images/icon_tobasket.png');
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		left: 50%;
		top: 50%;
		text-shadow: none;
	}
	
	.woocommerce .sticky_price_placeholder .customvatinfo > * { font-size: 10px; }
	
	.row_productteaser.reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	
	[id^=trustbadge-container] main {
		bottom: 90px !important;
	}
	
	.woocommerce div.product div.images .woocommerce-product-gallery__image a {
		height: calc(60vh - 140px); /* minus header + sticky cart box */
	}
	
	.tile_container .tile .title {
		font-size: 35px;
	}
	.tile_container .tile .subtitle {
		font-size: 17px;
	}
	
	#custom_comparetable {
		overflow: auto;
		padding-right: 10px;
	}
	#custom_comparetable .table_flexcontainer .labels  > div { font-size: 13px; width: 220px; }
	#custom_comparetable .table_flexcontainer {
		width: 170vw;		
	}
	
	.customsection,
	.advantages_section,
	.woocommerce div.product .woocommerce-tabs {
		margin-top: 80px;
	}
	
	.woocommerce div.product form.cart {
		margin-bottom: 0px;
	}
	
	.woocommerce div.product .woocommerce-tabs ul.tabs {
		flex-wrap: wrap;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs > li {
		width: 100%;
	}
	
	#product_switch_placeholder { height: 0px; }
	
	#customer_details {
		border: 0px;
		padding: 0px;
		margin-bottom: 20px;
	}
	
	#product_switch_buytest {
		margin-top: -10px;
		margin-bottom: 35px;
	}
	
	.woocommerce div.product div.images .flex-control-thumbs li {
		width: 30px;
	}
	.woocommerce div.product form.cart .variations label {
		margin-top: 20px;
	}
	
	.woocommerce table.shop_table td:last-Child {	
	}
	
	#keyvisual .keyvisual_main {
		height: calc(78vh - 95px);
	}
	
	.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item),
	.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) {
		min-width: 47% !important;
	}
	.woo-variation-swatches .variable-items-wrapper .image-variable-item-funk > div:after,
	.woo-variation-swatches .variable-items-wrapper .button-variable-item-2er-pack > div:after {
		bottom: -38px;
		top: auto;
	}
	
	.product p.wc-gzd-additional-info.shipping-costs-info { display: none !important; }
	.woocommerce .sticky_tocart_addinfo > .info2 small {display: none; }
	
	.woocommerce div.product p.price del { display: none; }
}

/* --- 480px --------------------------------------------- */
@media only screen and (max-width: 479px) and (orientation: portrait) {
	.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {
		display: none;
	}
	
	.minibasket { margin-left: 0px; }
	
	.start_intro_products img {
		top: -5px;
	}
	#logo {
		position: relative;
		top: 2px;
	}
	
	#intro_special_adv {
		width: 75%;
		max-width: 75%;
	}
}


/* --- 380px --------------------------------------------- */
@media only screen and (max-width: 380px) and (orientation: portrait) {
	h1, .h1 { font-size: 25px; }
	h2, .h2 { font-size: 21px; }
		
	#logo {
		position: relative;
		top: 5px;		
	}	
}

/* mobile LANDSCAPE ---------------------------------------------*/
@media only screen and (max-height: 320px) and (orientation: landscape) {

}