@media (max-width: 1679px){
	.listBlock .row .outerBox.col-sm-2 price {display: block; width: 100%}
}
@media (max-width: 1440px){
	#hbefore, #hafter, .reasonsblock, #brand-logo-list, .nletter.miniBox .wrapper, #three-list-display > .wrapper, #footer {padding-right: 18px; padding-left: 18px}
	#header .top-text {padding: 10px 18px 6px}
	#header .top-text::after {margin-right: -18px; margin-left: -18px}
	#content {padding: 0 18px}
	.ws-category-selector-list li {width: calc((100% / 6) - 16px); font-size: 1rem}
	.ws-category-selector-list:not(.slick-initialized) li:nth-child(n+7) {display: none}
	.reasonsblock .wrapper {padding-bottom: 35px}
		.reasonsblock .wrapper .grid-content {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0}
			.reasonsblock .wrapper .grid-content .text {width: 100%; padding-top: 8px; text-align: center}
	.slick-arrow {box-shadow: 0 0 0 2px var(--default-color-8)}
	.slick-prev, #brand-logo-list .brand-logo-list-content .slick-prev {left: 0}
	.slick-next, #brand-logo-list .brand-logo-list-content .slick-next {right: 0}
	#topSlider .slick-prev {left: 18px}
	#topSlider .slick-next {right: 18px}
	.ws-category-selector-list li {width: calc((100% / 6) - 16px)}
	.ws-category-selector-list:not(.slick-initialized) li:nth-child(n+7) {display: none}
	.ws-category-selector-list .slick-prev {left: -15px}
	.ws-category-selector-list .slick-next {right: -15px}
	.user.passw form .row .formGroup {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%}
	.listBlock .row:not(.slick-slider) .outerBox.col-sm-5, .listBlock .row:not(.slick-slider) .outerBox.col-m-2 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%}
	.productFull .listBlock .row .outerBox.col-sm-2, .menuFull.shopping .listBlock .row .outerBox {-ms-flex: 0 0 20%!important; flex: 0 0 20%!important; max-width: 20%!important}

}
@media (max-width: 1380px){
	#hbefore .navigation-selector {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; padding: 10px 0; border-top: 1px solid rgba(255,255,255,0.1)}
	.information-time {padding: 5px 0}
	.information-time .sep:first-child {display: none}
	#hbefore .language-selector {margin-top: 5px; margin-bottom: 5px}
	.nletter.miniBox {background-position: -300px 0}
	#three-list-display .topblokk .sectionHeader h2 {font-size: 1.377vw}
	#three-list-display .topblokk .outerBox .innerBox .header h3 {font-size: 1.232vw}
	#three-list-display .topblokk .allData a {padding-top: 8.5px; font-size: 1rem}
	#footer .wrapper .left-side .text, #footer .wrapper .left-side .navigation li, #footer .wrapper .left-side .copyright,
	#footer .wrapper .center-side ul li, #footer .wrapper .right-side .bank-cards .title, #footer .wrapper .right-side .developed {
		font-size: 0.813rem
	}
	.listBlock .row .outerBox .innerBox .arakBlokk price {display: block}
	/* bal sav */
	#rSide .listBlock.legujabbList .row .outerBox {width: 50%}
	#rSide .prodSubCat .sectionHeader {max-width: calc(90% - 10px)}
	/* vasarlas */
	.menuFull.shopping .form .right-side {width: calc(30% - 30px)}
		div.cartTable .img {width: 80px}
		div.cartTable .img + .tr-box-content {width: calc(100% - 80px)}
			div.cartTable .itemName, div.cartTable .pay01, div.cartTable .sum {font-size: 1rem}
	.menuFull.shopping .form .left-side {width: 70%}
}
@media (max-width: 1280px){
	#content .sectionHeader h1, #content .sectionHeader .h1, #rSide .sectionHeader .h1, #content .sectionHeader .h3, .listBlock header.header h5,
	.nletter.miniBox .wrapper .nletter-content .mTitle, .reasonsblock .wrapper .mTitle h3, #content .question .sectionHeader .h1 {
		width: 100%; font-size: 2.969vw!important
	}
	#content .sectionHeader.mainh1 h1 {font-size: 2.344vw!important}
	#hafter .logo {width: 230px; height: 42px}
	#hafter .funcBlock .icon, #hafter .funcBlock .icon::before, #hafter .favoritesBtn, #hafter .favoritesBtn::before, #hafter .favoritesBtn::after {width: 42px; height: 42px}
	#hafter .funcBlock #searchBox .icon::before, #hafter .funcBlock #cartBox .icon::before, #hafter .funcBlock #userBox .icon::before, #hafter .favoritesBtn::before, #hafter .favoritesBtn::after {
		background-size: 27px
	}
	#navigation .topNav li {margin-right: 4px; margin-left: 4px}
	#header .top-text {font-size: 1.125rem}
	#footer .wrapper .right-side .share-links a, #footer .wrapper .right-side .share-links a::before {width: 42px; height: 42px}
	#footer .wrapper .right-side .share-links a::before {background-size: 20px}
	#three-list-display > .wrapper {background-position: left -340px bottom}
		#three-list-display > .wrapper > .row {grid-template-columns: 21.25vw var(--tld-gtc, repeat(3, 1fr))}
			#three-list-display .wrapper .tld-slogen-text strong {font-size: 2.969vw}
			#three-list-display .wrapper .tld-slogen-text p {font-size: 1.328vw}
	.ws-category-selector-list li {width: calc((100% / 5) - 16px)}
	.ws-category-selector-list:not(.slick-initialized) li:nth-child(n+6) {display: none}
	/* listBlock */
	.listBlock .slick-list {padding-bottom: 22.5px}
	.listBlock .ws-category-selector .slick-list {padding-bottom: 0}
	.listBlock .row .outerBox .innerBox .arakBlokk {width: 100%; padding-bottom: 7px}
		.listBlock .row .outerBox .innerBox .arakBlokk price {display: unset}
	.listBlock .row .outerBox .innerBox .btnBox {width: 100%; margin-top: auto; margin-bottom: -42.5px}
		.listBlock .row .outerBox .innerBox .btnBox .btn.cartBtn {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 80%; height: 45px; margin: 0 auto; font-size: 1rem}
			.listBlock .row .outerBox .innerBox .btnBox .btn.cartBtn .icon {width: 38px; height: 45px; position: relative}
	#lSide .listBlock .row .outerBox .innerBox .btnBox .btn.cartBtn {width: 90%}
	.listBlock.sliderList .productList:not(.slick-initialized) .outerBox:nth-child(n+5) {display: none}
	.listBlock.sliderList .productList:not(.slick-initialized) .outerBox {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%}
	/* kapcsolat */
	.company-info-list li {width: 100%}
}
@media (max-width: 1180px){
	.nletter.miniBox {background-position: -400px 0}
	/* vasarlas */
	.menuFull.shopping .form .right-side {width: calc(40% - 30px)}
	.menuFull.shopping .form .left-side {width: 60%}
		.menuFull.shopping .form .unique-select .opt {-ms-flex: 0 0 calc(33.33334% - 8px); flex: 0 0 calc(33.33334% - 8px); max-width: calc(33.33334% - 8px); margin: 0 4px 10px; font-size: 1.068rem; position: relative}
		.menuFull.shopping .form .form-group-list .form-group.radio {-ms-flex: 0 0 33.33334%; flex: 0 0 33.33334%; max-width: 33.33334%; margin-bottom: 10px; padding: 0 4px}
			.menuFull.shopping .form .form-group-list .form-group.radio label {font-size: 1.068rem}
		.menuFull.shopping .form .shippingData .inputsor, .menuFull.shopping .form .taxData .inputsor {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%}
	.menuFull.shopping .listBlock .row .outerBox {-ms-flex: 0 0 25%!important; flex: 0 0 25%!important; max-width: 25%!important}
	#brand-logo-list .brand-logo-list-content:not(.slick-initialized) .brand-logo-list-box {width: calc(100% / 5); margin: 7px 0}
}
@media (max-width: 1080px){
	/* h1 font size */
	#content .sectionHeader h1, #content .sectionHeader .h1, #rSide .sectionHeader .h1, #content .sectionHeader .h3, .listBlock header.header h5,
	.nletter.miniBox .wrapper .nletter-content .mTitle, .reasonsblock .wrapper .mTitle h3, #content .question .sectionHeader .h1 {
		font-size: 1.875rem!important
	}
	#content .sectionHeader.mainh1 h1 {font-size: 1.75rem!important}
	#hafter .logo {width: 220px; height: 40px}
	#navigation .topNav {margin: 0 0 0 18px; font-size: 1rem}
		#navigation .topNav li {margin-right: 2px; margin-left: 2px}
	#three-list-display .topblokk .sectionHeader h2 {margin-bottom: 0; font-size: 1.625rem}
	#three-list-display .topblokk .outerBox .innerBox .header h3 {font-size: 1rem}
	#footer .wrapper {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start}
		#footer .wrapper .left-side .information-time, #footer .wrapper .left-side .navigation, #footer .wrapper .left-side .copyright, #footer .wrapper .right-side .share-links,
		#footer .wrapper .right-side .credit-card-payment, #footer .wrapper .right-side .bank-cards, #footer .wrapper .right-side .szep-kartya, #footer .wrapper .right-side .developed {
			-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center
		}
		#footer .wrapper .left-side .text, #footer .wrapper .left-side .navigation li, #footer .wrapper .left-side .copyright,
		#footer .wrapper .center-side ul li, #footer .wrapper .right-side .bank-cards .title, #footer .wrapper .right-side .developed {
			font-size: 0.938rem
		}
		#footer .wrapper .left-side {width: 100%; padding-bottom: 0; text-align: center}
			#footer .wrapper .left-side .logo {width: 300px; height: 50px; margin: 0 auto 23px}
		#footer .wrapper .center-side, #footer .wrapper .right-side {width: 100%; margin-top: 38px; padding-top: 38.2px; padding-bottom: 0; border-top: 1px solid rgba(255,255,255,0.2)}
			#footer .wrapper .center-side ul {width: 100%}
				#footer .wrapper .center-side ul li {text-align: center}
		#footer .wrapper .right-side {padding-bottom: 80px}
			#footer .wrapper .right-side .szep-kartya .title {text-align: center}
			#footer .wrapper .right-side .developed {padding-top: 30px; position: relative; bottom: 0}
}

/* layout-mobil.css-ben van ami itt volt */

@media (max-width: 992px){

/* layout-mobil.css-ben van ami itt volt */

	.search-modal {max-width: calc(100% - 40px); padding: 15px 15px 4px}
		.searchOpened .search-modal .close-func {top: -60px; right: calc(50% - 25px)}

/* layout-mobil.css-ben van ami itt volt */

	.ws-category-selector {margin-right: -18px; margin-left: -18px; padding-right: 35px; padding-left: 35px; clip-path: none}
		.ws-category-selector-list li {width: calc((100% / 4) - 16px)}
		.ws-category-selector-list:not(.slick-initialized) li:nth-child(n+5) {display: none}
		.ws-category-selector-list .slick-prev {left: -18px}
		.ws-category-selector-list .slick-next {right: -18px}
		.ws-category-selector .progress {left: 0}
	.slick-arrow {width: 40px; height: 40px; opacity: 1}
	.listBlock .row {margin-right: -4px; margin-left: -4px}
		.listBlock .row .outerBox {padding-right: 4px; padding-left: 4px}
	.listBlock.sliderList .row {max-width: calc(100% - 80px); margin-right: auto; margin-left: auto}
		.listBlock.sliderList .row .slick-prev {left: -40px}
		.listBlock.sliderList .row .slick-next {right: -40px}
	.listBlock .row:not(.slick-slider) .outerBox, .listBlock .row:not(.slick-slider) .outerBox.col-sm-5, .listBlock .row:not(.slick-slider) .outerBox.col-m-2,
	.listBlock .row:not(.slick-slider) .outerBox.col-sm-3 {-ms-flex: 0 0 33.33334%; flex: 0 0 33.33334%; max-width: 33.33334%}
	#rSide .listBlock.legujabbList .row .outerBox {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%}
	#rSide .listBlock.titleTextLink .row .outerBox {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
	.menuFull.shopping .listBlock .row .outerBox {-ms-flex: 0 0 33.33334%!important; flex: 0 0 33.33334%!important; max-width: 33.33334%!important}
	.listBlock.sliderList .productList:not(.slick-initialized) .outerBox:nth-child(n+4) {display: none}
	.listBlock.sliderList .productList:not(.slick-initialized) .outerBox {-ms-flex: 0 0 33.33334%; flex: 0 0 33.33334%; max-width: 33.33334%}
	.listBlock.edzesbodypower .row:not(.slick-slider) .outerBox {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
	.listBlock.edzesbodypower .row:not(.slick-slider) > hr {display: none}
	#content .listBlock .alkategoriak ul {margin-right: -8px; margin-left: -8px}
	#content .listBlock .alkategoriak ul li {-ms-flex: 0 0 33.33334%; flex: 0 0 33.33334%; max-width: 33.33334%; margin-bottom: 16px; padding: 0 8px}
	#content .question {max-width: 100%}
	#brand-logo-list {padding-right: 58px; padding-left: 58px}
		#brand-logo-list .brand-logo-list-content .slick-prev {left: -40px}
		#brand-logo-list .brand-logo-list-content .slick-next {right: -40px}
		#brand-logo-list .brand-logo-list-content.slick-initialized .slick-list {margin-right: 0; margin-left: 0}
			#brand-logo-list .brand-logo-list-content .brand-logo-list-box {padding: 0 4px}
	.nletter.miniBox {background-image: image-set(url('../art/bg-nletter-992.webp') type('image/webp'), url('../art/bg-nletter-992.jpg') type('image/jpeg')); background-position: 37.298vw 0; mask-size: cover}
		.nletter.miniBox .wrapper {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start}
			.nletter.miniBox .wrapper .nletter-content {max-width: 55%; padding: 0}
				.nletter.miniBox .wrapper .nletter-content .mTitle {padding: 12px 30px 8px; font-size: 1.5rem}
				.nletter.miniBox .inputBox {width: 94%; margin: 0 auto}
					.nletter.miniBox .inputBox .form-group {width: 50%}
						.nletter.miniBox .inputBox .form-group .input {min-height: 48px}
					.nletter.miniBox .inputBox .form-group.btnBox {width: 100%; padding-top: 15px; padding-bottom: 15px; text-align: center}
						.nletter.miniBox .inputBox .form-group.btnBox .btn {max-width: 220px; margin: 0 auto; height: 48px}
	.reasonsblock {padding-top: 90px; padding-bottom: 65px}
	#three-list-display > .wrapper {background: transparent}
		#three-list-display > .wrapper > .row {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0}
			#three-list-display .topblokk {width: 100%; text-align: center}
				#three-list-display .topblokk .wrapper {padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.2)}
				#three-list-display .topblokk:last-child .wrapper {padding-bottom: 40px; border-bottom: none}
					#three-list-display .topblokk .sectionHeader {padding-top: 32px}
					#three-list-display .topblokk .outerBox .innerBox .header {padding-top: 28px}
						#three-list-display .topblokk .outerBox .innerBox .header h3 {text-align: center}
						#three-list-display .topblokk .outerBox .innerBox .descBox {text-align: center}
			#three-list-display .wrapper .tld-slogen-text strong {font-size: 30px}
			#three-list-display .wrapper .tld-slogen-text p {font-size: 0.938rem}
	#footer {background-repeat: repeat; background-size: 100%}
		#footer .wrapper a {padding: 5px 0}
		#footer .wrapper .right-side .share-links a, #footer .wrapper .developed a {padding: 0}
		#footer .wrapper .left-side .navigation li::after, #footer .wrapper .left-side .copyright .sep::before {margin-top: 5px}
		#footer .wrapper .center-side ul {grid-template-columns: repeat(3, 1fr); gap: 0.5rem 0.5rem}
	#content.twoColumn > .wrapper #lSide {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0}
	#content.twoColumn > .wrapper #rSide {-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-top: 0; padding-right: 0}
		.menuFull {padding-bottom: 20px}
		#content .newsFull .sectionHeader .datum {font-size: 1rem}
	.menuFull.shopping .form {margin: 0}
		.menuFull.shopping .form .right-side {width: 100%; margin: 0}
		.menuFull.shopping .form .left-side {width: 100%; padding: 0}
			.menuFull.shopping .form .left-side .formGroup.btnBox {background-color: var(--default-color-2); margin: 0; padding: 10px 18px; position: fixed; bottom: 0; left: 0; z-index: 1}
	.commentData .header .questionLink {width: 100%; margin-top: 3px; padding: 3px 0 0; border-top: 1px solid rgba(255,255,255,0.4)}
	.commentData .header .questionLink::before {display: none!important}
	.miniGallery a {width: calc((100% / 8) - 8px)}
	.listBlockFilter {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
	#content #lSide #prodSubCat {display: block!important}

#content .sectionHeader .btn.pcNone {display: none!important}

	@media (-moz-touch-enabled: 0), (hover: hover){
		#navigation ul:not(.submenu) li:not(.active):hover {background-color: var(--default-color-1); top: 0}
	}
}
@media (max-width: 834px){
	h6, .h6 {font-size: 1.025rem}
	#content .sectionHeader, .listBlock header.header, .reasonsblock .wrapper .mTitle {min-height: 60px; height: auto}
		#content .sectionHeader h1, #content .sectionHeader .h1, #rSide .sectionHeader .h1, #content .sectionHeader .h3, .listBlock header.header h5,
		.nletter.miniBox .wrapper .nletter-content .mTitle, .reasonsblock .wrapper .mTitle h3, #content .question .sectionHeader .h1 {
			font-size: 1.5rem!important
		}
		#content .sectionHeader.mainh1 h1 {font-size: 1.375rem!important}
		#content .legujabbList .sectionHeader {}
			#content .legujabbList .sectionHeader .h1 {-webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; padding-right: 30px; padding-left: 30px}
	.input, .capcsa_input, select, textarea {min-height: 48px}
	.alertBox.information {font-size: 1.025rem}
	.miniGallery a {width: calc((100% / 6) - 8px)}
}
@media (max-width: 768px){
	.nletter.miniBox .wrapper .nletter-content {max-width: 60%}
		.nletter.miniBox .inputBox .form-group {width: 100%; margin-bottom: 15px}
		.nletter.miniBox .inputBox .form-group.btnBox {padding-top: 0; padding-bottom: 0}
		.nletter.miniBox .graphDesign label, .nletter.miniBox .graphDesign.adatvedelem label {text-align: left}
		.nletter.miniBox .form-group.btnBox.unsubscribe p {padding-top: 15px; line-height: 1.2}
			.nletter.miniBox .form-group.btnBox.unsubscribe p .btn {min-height: inherit}
	.reasonsblock .wrapper .grid {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0}
		.reasonsblock .wrapper .grid-content {width: 33.33334%; padding: 0.5rem}
	#content .listBlock.sliderList.legujabbList .sectionHeader .h1 {text-align: left}
	.user.passw form .row .formGroup {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
	.regisztracio form fieldset, .regisztracio form fieldset:first-of-type table tbody tr {width: calc(100% - 16px)}
	.listBlock .row .outerBox .innerBox .arakBlokk .kedvezmeny, .listBlock .row .outerBox .innerBox .arakBlokk .nagyonmegeri {min-width: 50px; height: 25px; padding: 5px 7px 0; font-size: 0.875rem; top: 5px; left: 5px}
	.listBlock .row .outerBox .innerBox .arakBlokk .kedvezmeny + .nagyonmegeri {top: 32px; left: 5px}
	.contactBlock form .row .formGroup {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
}
@media (max-width: 640px){
	.listBlock.sliderList .row {max-width: calc(100% - 50px)}
		.listBlock.sliderList .productList:not(.slick-initialized) .outerBox:nth-child(n+3) {display: none}
		.listBlock.sliderList .productList:not(.slick-initialized) .outerBox {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%}
	.listBlock .row:not(.slick-slider) .outerBox, .listBlock .row:not(.slick-slider) .outerBox.col-sm-5, .listBlock .row:not(.slick-slider) .outerBox.col-m-2,
	.listBlock .row:not(.slick-slider) .outerBox.col-sm-3, #content .listBlock .alkategoriak ul li {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%}
	.menuFull.shopping .listBlock .row .outerBox {-ms-flex: 0 0 50%!important; flex: 0 0 50%!important; max-width: 50%!important}
	.ws-category-selector-list li {width: calc((100% / 3) - 16px)}
	.ws-category-selector-list:not(.slick-initialized) li:nth-child(n+4) {display: none}
	.main-page-blocks {padding-bottom: 60px}
		.main-page-blocks .flex .col-sm-4 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
		.main-page-blocks .flex .col-sm-4 + div {margin-top: 18px}
			.main-page-blocks .outerBox a {display: block; width: 100%}
			.main-page-blocks .outerBox img {margin: 0 auto}
	#content .question {max-width: 100%}
		#content .question .sectionHeader {max-width: 90%}
		#content .question .form .row .formGroup {width: 100%}
		#content .question .form .formGroup.captchaBox {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start}
			#content .question .form .formGroup.captchaBox label {width: 100%; padding-right: 0}
	#rSide .listBlock.legujabbList .row .outerBox {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%}

	.menuFull.shopping .form select, .menuFull.shopping .form .userData .inputsor, .menuFull.shopping .form .shippingData .inputsor, .menuFull.shopping .form .taxData .inputsor {-ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%}
	.menuFull.shopping .form .unique-select .opt {-ms-flex: 0 0 calc(50% - 8px); flex: 0 0 calc(50% - 8px); max-width: calc(50% - 8px)}
	.menuFull.shopping .form .form-group-list .form-group.radio {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%}

	.commentData .header .userName {width: 100%; padding-right: 0!important; padding-left: 0!important}
	.commentData .header .questionLink {padding-right: 0!important; padding-left: 0!important}
	.commentData .header .userName::after {display: none!important}
	.miniGallery a {width: calc((100% / 4) - 8px)}

	#brand-logo-list {padding-right: 28px; padding-left: 28px}
	#brand-logo-list .brand-logo-list-content:not(.slick-initialized) .brand-logo-list-box {width: calc(100% / 4)}
}
@media (max-width: 592px){

/* layout-mobil.css-ben van ami itt volt */

	#breadcrumb {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 10px 10px; font-size: 0.938rem; line-height: 1.2}
	.nletter.miniBox {background-image: image-set(url('../art/bg-nletter-592.webp') type('image/webp'), url('../art/bg-nletter-592.jpg') type('image/jpeg')); background-position: center bottom -70px; background-size: auto}
		.nletter.miniBox .wrapper {padding-top: 60px; padding-bottom: 240px}
			.nletter.miniBox .wrapper .nletter-content {max-width: 100%}
	.reasonsblock {padding-right: 0; padding-bottom: 0; padding-left: 0}
		.reasonsblock .wrapper::after {-webkit-clip-path: none; clip-path: none}
			.reasonsblock .wrapper .grid-content {-webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%}
				.reasonsblock .wrapper .grid-content .picto {width: 40px; height: 40px}
				.reasonsblock .wrapper .grid-content .picto::before {background-size: 20px; width: 40px; height: 40px; position: absolute; top: calc(50% - 20px); left: calc(50% - 20px)}
				.reasonsblock .wrapper .grid-content .picto::after {width: 34px; height: 34px; top: calc(50% - 17px); left: calc(50% - 17px)}
				.reasonsblock .wrapper .grid-content .picto img {width: 20px; height: 20px; margin: 10px}
				.reasonsblock .wrapper .grid-content .text {width: calc(100% - 60px); padding-top: 0; text-align: left; padding-left: 15px}
	#three-list-display .wrapper {padding-bottom: 0}
		#three-list-display .wrapper .tld-slogen-text {-ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: 90%; margin: -30px auto 0; padding: 10px 40px; text-align: center; position: relative; bottom: -30px; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none}
			#three-list-display .wrapper .tld-slogen-text strong {width: 100%; text-align: center}
			#three-list-display .wrapper .tld-slogen-text p {width: 100%; padding: 10px 0 0}
	#footer .wrapper .center-side ul {grid-template-columns: repeat(2, 1fr); word-break: break-word}
	.listBlock.sliderList .row {max-width: 100%}
		.listBlock.sliderList .row .slick-prev {left: -8px}
		.listBlock.sliderList .row .slick-next {right: -8px}
		.listBlock .row .outerBox .innerBox .btnBox .btn.cartBtn {width: 100%}
/*
	#content .listBlock.sliderList.legujabbList .sectionHeader {background-color: transparent; min-height: inherit; padding: 0; clip-path: none}
		#content .listBlock.sliderList.legujabbList .sectionHeader .h1 {background-color: var(--default-color-1); min-height: 60px; padding: 15px 30px 30px; text-align: center; clip-path: polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%)}
		#content .sectionHeader .btn {margin: -25px auto 0; position: relative; top: auto; right: auto}
*/
	#content .listBlock.sliderList.legujabbList .sectionHeader .h1 {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 40px; padding-top: 30px}
		#content .sectionHeader .btn {display: none!important}
	#content .sectionHeader .btn.pcNone {display: block!important; white-space: nowrap; top: auto; bottom: -20px; right: auto; left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%)}

	#left-canvas {width: 100%; max-height: 230px}
	#right-canvas {width: 100%; max-height: 320px}

	#brand-logo-list .brand-logo-list-content:not(.slick-initialized) .brand-logo-list-box {width: calc(100% / 3)}
}
@media (max-width: 434px){

/* layout-mobil.css-ben van ami itt volt */

	.searchOpened .search-modal form > div:not(.formGroup) .input {width: 100%; margin-bottom: 15px}
	.searchOpened .search-modal form > div:not(.formGroup) .btn {width: 100%; margin: 0}
	.ws-category-selector-list li {width: calc((100% / 2) - 16px)}
	.ws-category-selector-list:not(.slick-initialized) li:nth-child(n+3) {display: none}
	#rSide .listBlock.legujabbList .row .outerBox {-ms-flex: 0 0 33.33334%; flex: 0 0 33.33334%; max-width: 33.33334%}
	.listBlock .row .outerBox .innerBox .header h3 {font-size: 1rem}
	.listBlock .row .outerBox .innerBox .arakBlokk {font-size: 0.938rem!important; line-height: 18px!important}
	.listBlock .row .outerBox .innerBox .btnBox .btn.cartBtn {width: 100%!important; font-size: 0.875rem!important}
		.listBlock .row .outerBox .innerBox .btnBox .btn.cartBtn .icon {width: 26px!important; margin-left: 7px}
	#cartInformation > div {text-align: center}
	#cartInformation a {width: 100%; margin: 0 auto 10px}
	#cartInformation a.shopping {-webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin-bottom: 0}
	.reasonsblock {padding-right: 0; padding-left: 0}
		.reasonsblock .wrapper {padding-right: 18px; padding-left: 18px}
	.miniGallery a {width: calc((100% / 3) - 8px)}
}
@media (max-width: 433px){
	#footer .wrapper .center-side ul {grid-template-columns: repeat(1, 1fr)}

/* layout-mobil.css-ben van ami itt volt */

	.menuFull.shopping .form .unique-select .opt {-ms-flex: 0 0 calc(100% - 8px); flex: 0 0 calc(100% - 8px); max-width: calc(100% - 8px)}
	.menuFull.shopping .form .form-group-list .form-group.radio {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
}