/* default */
html, body {background-color: white; color: #000000; font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: normal; line-height: 160%;}
main {overflow-x: hidden;}
strong, .boldfont {font-weight: bold;}
audio {width: 50%; margin: 0 auto;min-width: 250px;}
input, select, textarea {font-size: 16px;}

.relative { position: relative;}

.color-purple {color: #9B6474;}
.color-beige {color: #F0ECE3;}
.color-red {color: #B90000;}
.color-white {color: #fff;}

.bg-purple {background-color: #9B6474;}
.bg-beige {background-color: #F0ECE3;}
.bg-red {background-color: #B90000;}

.text-center {text-align: center;}

.button {display: inline-block; vertical-align: top; line-height: 24px; padding: 4px 30px; text-align: center; text-decoration: none; text-transform: uppercase; color: white; transition: 0.1s; border-radius: 8px; border: 0; font-size: 14px;}
.button:hover, .button:focus {color: white; background-color: black;}

.big-button {display: inline-block; vertical-align: top; margin: 0 auto; line-height: 50px; padding: 0 30px; border-radius: 8px; color: white; text-transform: uppercase; font-size: 24px; text-decoration: none; border: 0;}
span.big-button {opacity: 1;}
.big-button:hover {color: white; background-color: black;}
	.big-button.purple {background-color: #9B6474;}
	.big-button.red {background-color: #B90000;}
	.big-button.black {background-color: #000000;}
	
.example_button {text-align: center;}
	.example_button a {display: inline-block; vertical-align: top; width: 180px;}
		.example_button a img {display: block; width: 100%; height: auto;}
	
a {}
a:hover {text-decoration: none;}

::placeholder {color: #B0B0B0;}

h1, .h1 {font-size: 26px;}
h2, .h2 {font-size: 22px;}


/* fejlec */
header {margin-bottom: 50px;}
	header .logo_block {height: 200px; overflow: hidden; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 4px; background-image: url('../../images/equibrilyum/header_bg.jpg'); background-position: center center; background-size: cover;}
		header .logo_block video {object-fit: cover; height: 100%; width: 100%; position: absolute; top: 0; left: 0;}
		header .logo_block a {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 350px;}
			header .logo_block a img {display: block; width: 100%; height: auto;}
			
	header .slider {height: 100%; position: relative; margin-bottom: 4px; overflow-x: hidden;}
		header .slider img {display: block; width: 100%;}
		header .slider .swiper-slide {opacity: 0.3;}
		header .slider .swiper-slide-active {opacity: 1;}
		header .slider .swiper-container {overflow: unset;}
		header .slider .swiper-button-prev, header .slider .swiper-button-next {display: none !important;}
		header .slider .swiper-container-horizontal > .swiper-pagination-bullets {}
		header .slider .swiper-pagination-bullet {border-color: white; background: white; width: 12px; height: 12px; opacity: 1; margin: 0 10px !important;}
		header .slider .swiper-pagination-bullet:hover {border-color: #9B6474;}
		header .slider .swiper-pagination-bullet-active {border-color: #9B6474; background-color: #9B6474;}
		
	header .menu_upper {margin-bottom: 4px; padding: 15px 0;}
		header .menu_upper .search {float: left; width: 32%;}
			header .search input {display: block; width: 100%; padding: 0 20px 0 50px; height: 44px; background-color: white; border: 0; border-radius: 8px; color: #B0B0B0; text-transform: uppercase; background-image: url('../../images/equibrilyum/icon_search.svg'); background-repeat: no-repeat; background-position: 10px center; background-size: 30px auto; font-weight: bold;}
			
		header .menu_upper .lang, header .menu .lang {float: right; line-height: 44px;}
			header .menu_upper .lang a, header .menu .lang a {display: inline-block; vertical-align: top; margin: 0 2px; padding: 0 2px; font-weight: bold; text-transform: uppercase; color: black; text-decoration: none;}
			header .menu_upper .lang a:hover, header .menu .lang a:hover {color: #9B6474;}
			header .menu_upper .lang a.active, header .menu .lang a.active {color: #9B6474; text-decoration: underline;}
			
		header .menu_upper .cart, header .menu .cart {float: right; text-transform: uppercase; font-weight: bold; padding: 0 10px; line-height: 50px;}
			header .menu_upper .cart:after, header .menu .cart:after {content: '/'; display: inline-block; vertical-align: top; font-weight: bold; margin: 0 10px;}
			header .menu_upper .cart a, header .menu .cart a {display: inline-block; vertical-align: top; color: black;}
				header .menu_upper .cart span, header .menu .cart span {}
		

	header .menu {padding: 15px 0; margin-bottom: 4px; position: relative;}
		header .menu .mobile_menu {display: none; float: right; width: 30px; height: 30px; cursor: pointer; position: relative; z-index: 100; background-color: transparent; border: 0; padding: 0; margin: 7px 0 0 20px;}
			header .menu .mobile_menu span {display: block; height: 3px; width: 100%; position: absolute; left: 0; background-color: black;}
			header .menu .mobile_menu span:nth-child(1) {top: 4px;}
			header .menu .mobile_menu span:nth-child(2) {top: 13px;}
			header .menu .mobile_menu span:nth-child(3) {top: 22px;}
		
		header .menu .lang {display: none;}
			header .menu .lang a:hover, header .menu .lang a.active {color: white;}
		header .menu .cart {display: none;}
			
		header .menu nav {display: block; text-transform: uppercase; text-align: center;}
			header .menu nav .search {display: none; width: 80%; margin: 0 auto;}
			header .menu nav ul {display: block; margin: 0; padding: 0; line-height: 44px;}
				header .menu nav ul li {display: inline-block; vertical-align: top; position: relative; padding-right: 25px; padding-left: 10px;}
				header .menu nav ul li:after {position: absolute; top: 0; right: 2px; content: '/'; font-weight: bold; color: white;}
					header .menu nav ul li a {display: inline-block; vertical-align: top; color: white; text-decoration: none; font-weight: bold;}
					header .menu nav ul li a:hover {color: black;}
					header .menu nav ul li a.active {color: black; text-decoration: underline;}						
				header .menu nav ul li:nth-last-child(1):after {display: none;}
						


#header_img {height: 420px; position: relative; background-position: center center; background-size: cover;}
	#header_img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 60%; width: auto;}


/* lablec */
footer {background-color: black; padding: 80px 0 30px; color: white;}
	footer p {margin: 25px 0 15px;}
	footer nav {font-weight: bold;}
		footer nav a {color: white; text-decoration: none; display: inline-block; vertical-align: top; position: relative; padding-right: 25px; padding-left: 10px;}
		footer nav a:hover, footer nav a:focus {color: black;}
		footer nav a:after {position: absolute; top: 0; right: 2px; content: '/'; color: white;}
		footer nav a:nth-last-child(1) {padding-right: 0;}
		footer nav a:nth-last-child(1):after {display: none;}
		
	
	
/* kezdőoldal */
.main-block {padding: 0 0 80px; border-bottom: 2px solid black; margin-bottom: 30px;}
.main-block.noborder {border-bottom: 0; margin-bottom: 0;}
	.main-title {text-transform: uppercase; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
		



/* statikus oldalak */
html[lang=hu] .book_bg {}
html[lang=en] .book_bg {}
html[lang=de] .book_bg {}
.book_bg {background-position: center 200px; background-repeat: no-repeat; background-attachment: fixed; background-size: 100% auto; min-height: calc(100vh - 450px); padding-bottom: 100px; position: relative; min-height: calc(100vh - 160px - 198px);}
.book_bg:after {display: none; content: ''; position: absolute; bottom: 0; left: 0; height: 100px; width: 100%; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);}


/* a konyvrol irtak*/
.aboutbooks {}
	.aboutbooks h2 {font-size: 48px; margin-bottom: 10%;}
	.aboutbooks_list {}
		.aboutbooks_list .item {margin-bottom: 10%;}
			.aboutbooks_list .item .h2 {margin-bottom: 2%;}
			.aboutbooks_list .item p {margin-bottom: 3%;}
			.aboutbooks_list .item .big-button {padding-left: 60px; padding-right: 60px;}


/* webshop listazas */
.webshop_list {padding: 5px 0;}
	.webshop_list .header {margin-bottom: 2%;}
		.webshop_list .header h2 {}
		.webshop_list .header a {display: inline-block; vertical-align: top; text-decoration: none; color: black; padding-right: 40px; position: relative;}
		.webshop_list .header a:after {content: ''; position: absolute; top: 0; right: 0; background-image: url('../../images/2022/all_arrow.svg'); background-size: contain; background-repeat: no-repeat; background-position: right center; height: 100%; width: 30px;}
		.webshop_list .header a:hover {color: #284b27;}
	.webshop_list .item {transition: 0.2s; border-radius: 8px; border: 2px solid rgba(0,0,0,0); overflow: hidden;}
	.webshop_list .item:hover {border-color: black;}
	.webshop_list .swiper-slide .item {margin: 0 20px;}
	.webshop_list .item .text {padding: 0 6% 8%;}
		.webshop_list .item .img {margin-bottom: 5%; border-radius: 8px; overflow: hidden;}
			.webshop_list .item .img a {display: block;}
				.webshop_list .item .img img {margin: 0 auto;}
		.webshop_list .item h2 {margin-bottom: 10%; text-align: center; font-size: 18px;}
			.webshop_list .item h2 a {text-decoration: none; font-size: 18px; color: black;}
			.webshop_list .item h2 a:hover {}
		.webshop_list .item p {margin-bottom: 8%; text-align: center; display: none;}
		.webshop_list .item .preorder {display: block; margin: 0 auto; min-width: 50%; line-height: 32px; text-align: center; text-transform: uppercase; color: #9B6474; border-radius: 8px; font-weight: bold; font-size: 14px; opacity: 0;}
		.webshop_list .item:hover .preorder {opacity: 1;}
		.webshop_list .item .button {min-width: 50%; opacity: 0;}
		.webshop_list .item:hover .button {opacity: 1;}



/* webshop adatlap */
.webshop_item {margin-bottom: 150px; padding-top: 50px;}
	.webshop_item .images {margin-bottom: 60px;}
		.webshop_item .images img {display: block; width: 100%; border-radius: 8px; overflow: hidden;}
	.webshop_item .datas {margin: 0 20px 60px;}
		.webshop_item .datas h1 {font-size: 26px; margin-top: 0; margin-bottom: 20px; font-weight: bold;}
		.webshop_item .datas h2 {font-size: 18px; margin-top: 0; margin-bottom: 40px;}
		.webshop_item .datas .text {margin-bottom: 40px;}
		.webshop_item .datas .subs {margin-bottom: 8%;}
			.webshop_item .datas .subs .item {margin-left: 40px; cursor: pointer; position: relative; margin-bottom: 5px;}
			.webshop_item .datas .subs .item:before {content: ''; position: absolute; left: -40px; top: 4px; display: block; width: 20px; height: 20px; border: 2px solid #7ABC85; background-color: white; border-radius: 20px;}
			.webshop_item .datas .subs .item.checked {font-weight: bold;}
			.webshop_item .datas .subs .item.checked:before {background-color: #7ABC85;}
			
		.webshop_item .datas .pricebox {margin-bottom: 60px; max-width: 500px;}
		.webshop_item .datas .pricebox-full {max-width: 800px;}
			.webshop_item .datas .color-red {display: inline-block; vertical-align: top; margin-right: 5px; font-size: 22px; padding-top: 10px;}
			.webshop_item .datas .color-grey {color: #8A8A8A;}
			.webshop_item .datas strike {display: inline-block; vertical-align: top; color: #B0B0B0; text-transform: uppercase; font-size: 22px; font-weight: normal; padding-top: 10px;}
			.webshop_item .datas .price {font-size: 26px; text-transform: uppercase; padding-top: 10px;}
			.webshop_item .datas .pricebox.center {text-align: center;}
				.webshop_item .datas .instock {color: #B0B0B0; font-weight: bold; margin-top: 10px;}
			
			
		.webshop_item .details {}
			.webshop_item .details ul {padding: 0; margin: 0; list-style-type: none;}
				.webshop_item .details li {display: block;}
					.webshop_item .details li strong {text-transform: uppercase;}
		
		
		.webshop_item .tab-header {border-bottom: 2px solid black; margin-bottom: 50px;}
		.webshop_item .tab-header .nav-tabs {border-bottom: 0;}
		.webshop_item .tab-header .nav-tabs > li {margin-bottom: -2px;}
		.webshop_item .tab-header .nav-tabs > li > a {border-radius: 8px 8px 0 0; font-weight: bold; text-transform: uppercase; color: black; padding: 20px 15px 10px; border: 2px solid transparent;}
		.webshop_item .tab-header .nav-tabs > li.active > a, .webshop_item .tab-header .nav-tabs > li > a:hover, .webshop_item .tab-header .nav-tabs > li > a:focus {border: 2px solid black; border-bottom-color: transparent; color: black;}
				
	.swiper-container {}
	.webshop_list .swiper-container {padding: 0 20px 40px;}
	.webshop_item .swiper-button-prev, .webshop_item  .swiper-button-next {display: none !important;}
	.swiper-container-horizontal > .swiper-pagination-bullets {bottom: 0px;}
	.swiper-pagination-bullet {width: 12px; height: 12px; border: 1px solid #b4b4b4; background-color: white; opacity: 1; margin: 0 6px !important;}
	.swiper-pagination-bullet:hover {background: #b4b4b4;}
	.swiper-pagination-bullet-active {background: #b4b4b4;}
	
	:root { --swiper-navigation-size: 60px; }
	.swiper-button-prev:after, .swiper-button-next:after {display: none;}
	.swiper-button-prev, .swiper-button-next {background-image: url('../../images/2022/swiper_arrow.svg'); background-size: contain; background-repeat: no-repeat; background-position: center center;}
	.swiper-button-prev {transform: rotate(180deg);}
	
	.swiper-scrollbar {margin-top: 20px; height: 4px; background-color: #B0B0B0;}
		.swiper-scrollbar-drag {cursor: grab; background-color: black;}



/* cikkek listazas */
.news-list {}
	.news-list .item {margin-bottom: 60px; border: 2px solid transparent; border-radius: 8px; transition: 0.2s;}
	.news-list .item:hover {border-color: black;}
		.news-list .item .img {height: 100%; border-radius: 8px; overflow: hidden;}
			.news-list .item .img a {display: block; height: 100%; background-position: center center; background-size: cover; background-color: rgba(0,0,0,0.1);}
				.news-list .item .img a img {display: none;}
		.news-list .item .text {padding: 30px;}
			.news-list .item .text h2 {font-size: 26px; margin-top: 0; margin-bottom: 10px; font-weight: bold;}
				.news-list .item .text h2 a {color: black;}
			.news-list .item .text .date {margin-bottom: 20px; font-style: italic; font-size: 80%;}
			.news-list .item .text p {margin-bottom: 40px;}
			.news-list .item .text .button {opacity: 0;}
			.news-list .item:hover .text .button {opacity: 1;}
			
			
/* cikkek adatlap */
.news-item {}
	.news-item .main-img {border-radius: 8px; width: 100%; display: block; overflow: hidden; margin-bottom: 60px;}
	.news-item .content {padding: 20px 0 60px 20px;}
		.news-item .content h1 {font-size: 26px; margin-top: 0; margin-bottom: 10px; font-weight: bold;}
			.news-item .content h1 a {color: black;}
		.news-item .content .date {font-weight: bold; margin-bottom: 40px;}
		.news-item .content .short_text {margin-bottom: 40px;}
		.news-item .content .text {margin-bottom: 60px;}
		
		.news-item .content .connected {margin-bottom: 60px;}
		.news-item .content .connected a {color: black; text-decoration: underline;}
		.news-item .content .connected a:hover {text-decoration: none;}
	
	.news-item .youtube {}
		.news-item .youtube iframe {display: block; width: 100%; border-radius: 8px; overflow: hidden; margin-bottom: 20px;}
	
	.news-item .gallery {margin: 0 40px 80px; position: relative;}
	.news-item .gallery .swiper-container .swiper-button-prev {display: none;}
	.news-item .gallery .swiper-container .swiper-button-next {display: none;}
	.news-item .gallery .swiper-button-prev {left: -40px;}
	.news-item .gallery .swiper-button-next {right: -40px;}
	.news-item .gallery .swiper-slide img {border-radius: 8px; overflow: hidden;}



/* cart */
#formblock {}
#formblock img { display: block; width: 100%;}
#formblock .green { color: #000000;}
#formblock h1 { color: #000000; font-size: 40px; font-weight: bold; margin-top: 5%;}
#formblock h2 { color: #000000; font-size: 14px; font-weight: bold; margin-top: 5%; margin-bottom: 5%; padding-bottom: 1%; border-bottom: 1px solid #000000; text-align: right; padding-right: 70%;}

.cart-table { margin-bottom: 30px;}
	.cart-table .row { padding: 5px 10px; font-size: 12px; line-height: 120%; margin: 0; position: relative;}
		.cart-table .row .col { float: left; width: 20%; text-align: center;}
		.cart-table .row .col.name { text-align: left; font-weight: bold;}
		.cart-table .row .col.count {}
			.cart-table .row .col.count .minus, .cart-table .row .col.count .plus { cursor: pointer; display: inline-block; vertical-align: top; border: 1px solid #9B6474; border-radius: 100%; width: 20px; line-height: 18px; font-weight: bold; font-size: 18px; color: #9B6474;}
			.cart-table .row .col.count .minus:hover, .cart-table .row .col.count .plus:hover { color: #000000; border-color: #000000;}
			.cart-table .row .col.count .minus {}
			.cart-table .row .col.count .form-group { margin-bottom: 0; display: inline-block; vertical-align: top; width: calc(100% - 80px); margin: 0 5px;}
			.cart-table .row .col.count label { display: none;}
			.cart-table .row .col.count input { display: block; background-color: white; border: 1px solid #000000; width: 100%; padding: 0; border-radius: 0; height: 24px; text-align: center; cursor: default;}
			.cart-table .row .col.count input::-webkit-inner-spin-button, .cart-table .row .col.count input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
			.cart-table .row .col.count .plus { line-height: 16px; padding-top: 2px;}
		.cart-table .row .col.net {}
		.cart-table .row .col.vat {}
		.cart-table .row .col.gross {}
		.cart-table .row .col.shipping { width: 40%; text-align: left; font-weight: bold;}
		.cart-table .row.shipping-row .col.net, .cart-table .row.shipping-row .col.vat {visibility: hidden;	opacity: 0;}
			.cart-table .row .col.shipping .form-group { margin-bottom: 0; text-align: left;}
			.cart-table .row .col.shipping label { margin-bottom: 0;}
			.cart-table .row .col.shipping label input { margin: 0; vertical-align: top; margin-right: 3px;}
			.cart-table .row .col.shipping .help-block { margin-top: 0px; margin-bottom: 5px;}
		.cart-table .row .col.empty { width: 80%;}
		.cart-table .row .del {	position: absolute;	top: 3px; right: 0; font-size: 12px; color: red; text-decoration: none;	font-weight: bold;}
	.cart-table .header { color: #9B6474; font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #000000; margin-bottom: 10px; font-size: 11px;}
	
.summary-table {}
	.summary-table .header { border-bottom: 0; margin-bottom: 0;}
	.summary-table .row .col.bg { background-color: #9B6474; border-radius: 3px; color: white; padding: 5px 0;}

/* field fix */
.form-group { text-align: center;}
.form-group:not(.field-bookform-verifycode) .control-label { display: block; float: left; width: 28%; margin-right: 2%; text-align: right; padding-top: 8px; font-size: 16px;}
.form-group:not(.field-bookform-verifycode) .form-control { display: block; width: 70%; background-color: #EEEEEE;}
.form-group.field-bookform-phone_pre { width: 60%; float: left;}
.form-group.field-bookform-phone_pre .control-label { width: 47% !important;}
.form-group .select2-container, #bookform-phone_pre { width: 50% !important;}
.form-group .select2-container .select2-selection--single { background-color: #EEEEEE; height: 34px;}
.form-group.field-bookform-phone { width: 40%; float: left;}
.form-group.field-bookform-phone .control-label { display: none !important;}
.form-group.field-bookform-phone .form-control { width: 100% !important; color: #888;}
.field-bookform-newsletter, .field-bookform-privacy { text-align: left; margin-left: 10%;}
.field-downloadcodes-newsletter, .field-downloadcodes-privacy { text-align: left; margin-left: 10%;}
.form-group .checkbox-group { font-size: 12px; line-height: 16px; text-align: left;}
.help-block {font-size: 14px;}
.iCheck-margin { display: block; float: left;}
.icheckbox_square-green, .iradio_square-green { background-image: url("") !important; border: 1px solid #ddd; border-radius: 3px;}
.icheckbox_square-green.checked { border: 0px; background-image: url("/images/green.jpg") !important;}
.form-group.field-bookform-verifycode {}
.form-group.field-bookform-verifycode .form-control { background-color: #EEEEEE;}
.form-group .btn-success { background-color: #9B6474; color: white; border-color: #9B6474;}
.form-group .btn-success:hover { background-color: #000000; color: white; border-color: #000000;}
.field-bookform-vatnumber { display: none;}
.field-bookform-vatnumber.active { display: block;}
.form-group.field-bookform-payment_type > label.control-label { display: none;}

#bookform-payment_type label { display: block; font-size: 16px; text-align: left; margin-left: 10%;}
#product-row-discount .havecoupon { width: 30%; font-weight: 700; line-height: 34px; text-transform: uppercase;}
#product-row-discount .couponinput { width: 30%;}
#product-row-discount .vat button { background-color: #9B6474; color: white; padding: 8px 15px; border: none; border-radius: 3px;}
#product-row-discount .vat button:hover {background-color: black;}
#product-row-discount .couponinput input { height: 30px; width: 100%;}
#product-row-discount .gross { line-height: 34px;}




/* cookiebar */
#cookie-bar {background-color: rgba(0, 0, 0, 0.8); padding: 10px 0; text-align: center;}
#cookie-bar.fixed {position: fixed; bottom: 0; left: 0; width: 100%;}
#cookie-bar p {margin: 0; padding: 0; color: white; line-height: 22px;font-size: 14px;}
#cookie-bar p a { color: white; font-weight: bold;}
#cookie-bar p a:hover { text-decoration: underline;}
#cookie-bar a.button { color: #ffffff; display: inline-block; text-decoration: none; padding: 0 20px; line-height: 26px; margin: -2px 0 -2px 10px; font-weight: normal; transition: 0.2s; text-transform: uppercase; font-weight: bold; font-size: 12px; letter-spacing: 1px; vertical-align: top;width: auto;}
#cookie-bar .cb-enable { background: #9B6474;}
#cookie-bar .cb-enable:hover { color: black;}
#cookie-bar .cb-disable { background: #990000;}
#cookie-bar .cb-disable:hover { background: #bb0000;}
#cookie-bar .cb-policy { background: #0033bb;}
#cookie-bar .cb-policy:hover { background: #0055dd;}




/* responsive */
@media (min-width: 1200px) {
    .container {width: 98%;}
}
@media (min-width: 1480px) {
    .container {width: 1380px;}
}
@media (min-width: 1680px) {
    .container {width: 1600px;}
}
@media (max-width: 1479px) {
	html, body {font-size: 16px;}
	h1, .h1, .webshop_item .datas h1, .news-list .item .text h2, .news-item .content h1, .webshop_item .datas .price {font-size: 24px;}
	h2, .h2 {font-size: 20px;}
	.webshop_list .item h2 a, .webshop_item .datas h2 {font-size: 16px;}
	#formblock h1 {font-size: 34px;}
	.aboutbooks h2 {font-size: 40px;}
	
	.webshop_item .datas .basket_form .count input {height: 44px;}
	
	header .logo_block {height: 150px;}
}
@media (max-width: 1199px) {
	.container {width: 98%;}
	header .logo_block {height: 100px;}
	header .menu_upper .search {width: 40%;}
	header .logo_block a {width: 250px;}
	.main-block {padding-bottom: 50px;}
	
}
@media (max-width: 991px) {
	html, body {font-size: 14px;}
	h1, .h1, .webshop_item .datas h1, .news-list .item .text h2, .news-item .content h1, .webshop_item .datas .price {font-size: 20px;}
	h2, .h2 {font-size: 16px;}
	.webshop_list .item h2 a, .webshop_item .datas h2 {font-size: 14px;}
	#formblock h1 {font-size: 28px;}
	.aboutbooks h2 {font-size: 34px;}
	
	header.white {height: calc(100vw * 0.5625);}
	.letterrow {height: 34px;}

	
	#formblock img {display: none;}
	#formblock h1 {font-size: 30px;}
	
	.webshop_item .datas .pricebox {text-align: center; max-width: unset;}
	.webshop_item .datas .pricebox .text-center {margin-top: 10px;}
	
	.webshop_list .item, .news-list .item {border-radius: 0; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 10px;}
	.webshop_list .item:hover, .news-list .item:hover {border: 0; border-bottom: 1px solid rgba(0,0,0,0.1);}
	.webshop_list .item h2 {margin-bottom: 6%; height: auto !important;}
	.webshop_list .item .button, .news-list .item .text .button {opacity: 1;}
	.webshop_list .item .text {height: auto !important;}
	.news-list .item .text {padding: 30px 10px;}
	
	
}
@media (max-width: 767px) {
	header {}
	header .menu_upper {display: none;}
	header .menu {padding: 5px 0 0;}
	header .menu nav {display: none; position: absolute; top: 48px; left: 0; width: 100%; text-align: center; z-index: 100; padding-top: 5px;}
	header.white .menu nav {background-color: rgba(255,255,255,0.9);}
		header .menu nav ul li {display: block; padding: 5px 0;}
		header .menu nav ul li:after {display: none;}
		header .menu nav ul li.cart {display: none;}
		header .menu nav ul li.lang {display: none;} /* TODO: ha bekapcsoljuk a nyelvváltást, akkor ezt a részt meg kell csinálni*/
	header .menu .mobile_menu, header .menu .lang, header .menu .cart, header .menu nav .search {display: block !important;}
	header .search input {text-transform: none;}
	.mobile_cart {display: block;}
	
	.book_bg {background-image: none !important; padding: 0 40px;}
	.color-bg {padding: 5% 8%; border-radius: 20px 60px 20px 60px;}
	
	#formblock .container {padding-left: 15px; padding-right: 15px;}
	
	footer nav a {display: block; padding: 6px 0 !important;}
	footer nav a:after {display: none;}
}
@media (max-width: 575px) {
	
	header .logo_block {height: 60px;}
	header .logo_block a {width: 160px;}
	
	header .search input {height: 34px; background-size: 24px auto;}
	
	.swiper-container-horizontal > .swiper-pagination-bullets {bottom: 0 !important;}
	
	.big-button.bigfont {font-size: 40px; line-height: 60px;}
	
	.product-table .row .col {width: 33.33334%;}
    .cart-table .row .col.name {width: 60%;}
    .cart-table .row .col.count {width: 40%;}
	
	#formblock h1 {font-size: 24px;}
	
	.news-list .item .col {height: auto !important;}
	.news-list .item .img a {height: auto;}
	.news-list .item .img a img {display: block; width: 100%;}
}
@media (max-width: 460px) {
	
	.big-button {line-height: 22px; padding: 15px 30px 11px; font-size: 16px;}
	.aboutbooks_list .item .big-button {padding-left: 30px; padding-right: 30px;}
	
	.letterrow {height: 28px;}
	
	.book_bg {padding: 0 20px;}
	.beforeletter:before {width: 26px; height: 11px; left: -28px;}
	.aboutbooks_list .item {margin-bottom: 30%;}
	
	
	#main-text-block {padding: 5% 0 0 20px;}
	
}
@media (max-width: 420px) {
    .cart-table .row .col {width: 33.33334%;}
    .cart-table .row .col.name {width: 60%;}
    .cart-table .row .col.count {width: 40%;}
    .cart-table .row .col.shipping {width: 100%;}
    .cart-table .row .col.empty {width: 66.66667%;}
	
	header .menu nav .search {width: 90%;}
}
@media (max-width: 375px) {
	
	#main-book-block {margin-top: -50px;}

	.big-button {line-height: 20px; padding: 13px 20px 9px; font-size: 14px;}
	.aboutbooks_list .item .big-button {padding-left: 20px; padding-right: 20px;}
	.big-button.bigfont {font-size: 30px; line-height: 50px;}
	
	.field-bookform-newsletter, .field-bookform-privacy {margin-left: 0;}
    .form-group:not(.field-bookform-verifycode) .control-label {font-size: 12px;}
    .form-group .checkbox-group {font-size: 11px;}
    .control-label {white-space: nowrap;}
	
	#formblock h1 {font-size: 22px;}
}