@font-face {
    font-family: 'aktifo-bbold';
    src: url('../../fonts/degarism_studio_-_aktifo-b_bold-webfont.woff2') format('woff2'),
    url('../../fonts/degarism_studio_-_aktifo-b_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'aktifo-bbook';
    src: url('../../fonts/degarism_studio_-_aktifo-b_book-webfont.woff2') format('woff2'),
    url('../../fonts/degarism_studio_-_aktifo-b_book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'aktifo-blight';
    src: url('../../fonts/degarism_studio_-_aktifo-b_light-webfont.woff2') format('woff2'),
    url('../../fonts/degarism_studio_-_aktifo-b_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* default */
html, body { background-color: white; color: #000000; font-size: 20px; font-family: "aktifo-blight"; font-weight: normal; line-height: 150%;}
main { overflow-x: hidden;}
strong, .boldfont { font-family: "aktifo-bbold"; font-weight: normal;}
audio {	width: 50%; margin: 0 auto;min-width: 250px;}
.lightfont { font-family: "aktifo-blight"; font-weight: normal;}
.bookfont { font-family: "aktifo-bbook"; font-weight: normal;}

.relative { position: relative;}

.color-beige {color: #CAC3AD;}
.color-grey {color: #A3A3A2;}
.color-green {color: #7ABC85;}
.color-blue {color: #003b71;}
.color-black {color: black;}

.bg-beige {background-color: #CAC3AD;}
.bg-grey {background-color: #A3A3A2;}
.bg-green {background-color: #7ABC85;}
.bg-blue {color: #003b71;}
.bg-black {color: black;}

.h2 { font-size: 30px; font-weight: normal; font-family: "aktifo-bbold"; position: relative; margin-bottom: 3%;}

.beforeletter:before {}
.beforeletter.top:before {}
.beforeletter.color-beige:before {}
.beforeletter.color-green:before {}


.button {display: block; margin: 0 auto; width: 100%; line-height: 26px; padding: 12px 0; text-align: center; text-decoration: none; text-transform: uppercase; color: white; opacity: 0.9; transition: 0.1s; border-radius: 50px; border: 0; font-size: 18px;}
.button:hover {opacity: 1; color: white;}

.big-button {display: inline-block; vertical-align: top; margin: 0 auto; line-height: 34px; padding: 25px 30px 21px; border-radius: 40px; color: white; text-transform: uppercase; font-size: 24px; text-decoration: none; opacity: 0.9;}
span.big-button {opacity: 1;}
.big-button:hover {color: white; opacity: 1;}
	.big-button.beige {background-color: #CAC3AD;}
	.big-button.grey {background-color: #A3A3A2;}
	.big-button.green {background-color: #7ABC85;}
	.big-button.black {background-color: #000000;}
	.big-button.blue {background-color: #003b71;}
	
	.big-button.bigfont {font-size: 60px; border-radius: 16px; line-height: 84px; padding: 7px 30px 3px;}
	
.example_button {text-align: center; margin-bottom: 50px;}
	.example_button a {display: inline-block; vertical-align: top; width: 280px;}
		.example_button a img {display: block; width: 100%; height: auto;}
	
.color-bg {border-radius: 40px 110px 40px 110px; padding: 3% 5%; margin-bottom: 5%;}
	.color-bg img {display: block; float: left; width: 120px; margin-right: 20px;}
	.color-bg p {color: white; margin: 0; line-height: 130%; text-align: left;}
	.color-bg p small {display: block; text-align: right;}
	
	.color-bg.invert {}
		.color-bg.invert img {float: right; margin-right: 0; margin-left: 20px;}
		.color-bg.invert p {text-align: right;}
		/*.color-bg.invert p small {text-align: left;}*/
		
	.color-bg.bigpadding {padding: 5%;}
	
	.color-bg.beige {background-color: #CAC3AD;}
	.color-bg.grey {background-color: #A3A3A2;}
	.color-bg.green {background-color: #7ABC85;}
	.color-bg.blue {background-color: #003b71;}

a { text-decoration: underline; color: #003b71;}
a:hover { text-decoration: none;color: #003b71;}


.letterrow {height: 155px; margin: 10px 0; background-image: url('../../images/szerintemezazegesz/2022/row.png'); background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.letterrow.rotate {transform: rotate(180deg);}


/* fejlec */
header {height: 200px;}
	.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: 0;}
		.mobile_menu span {display: block; height: 3px; width: 100%; position: absolute; left: 0; background-color: black;}
		.mobile_menu span:nth-child(1) {top: 4px;}
		.mobile_menu span:nth-child(2) {top: 13px;}
		.mobile_menu span:nth-child(3) {top: 22px;}
	.mobile_cart {display: none; float: right; margin-right: 10px; position: relative; z-index: 100;}
	.mobile_cart:hover {text-decoration: none;}
		.mobile_cart img {width: 36px !important; margin-top: -2px !important; display: inline-block; vertical-align: top;}
		.mobile_cart small {display: inline-block; vertical-align: top; line-height: 10px; margin-top: -2px; font-size: 12px;}
	header .menu {position: fixed; top: 0; left: 0; width: 100%; height: 141px; padding: 20px 20px 0 20px; background-image: url('../../images/szerintemezazegesz/2022/menu.svg'); background-size: auto 100%; background-repeat: no-repeat; font-size: 16px; z-index: 100;}
		header .menu > a img {display: block; float: left; width: 470px; height: auto; margin-top: 1%; position: relative; z-index: 100;}
		header .menu nav {display: block; float: right; text-transform: uppercase;}
			header .menu nav ul {display: block; margin: 0; padding: 0;}
				header .menu nav ul li {display: inline-block; vertical-align: top; position: relative; padding-right: 15px;}
				header .menu nav ul li:after {position: absolute; top: 0; right: 2px; content: '|';}
				
				header .menu nav ul li.cart {padding-right: 0;}
					header .menu nav ul li.cart a {}
					header .menu nav ul li.cart a:hover {text-decoration: none;}
					header .menu nav ul li.cart img {width: 36px; margin-top: -6px; display: inline-block; vertical-align: top;}
					header .menu nav ul li.cart small {display: inline-block; vertical-align: top; line-height: 10px; margin-top: -6px; font-size: 12px;}
				header .menu nav ul li.cart:after {display: none;}
				
				header .menu nav ul li.lang {margin: 0 20px 0 10px; padding-right: 0;}
				header .menu nav ul li.lang:after {display: none;}
				
				header .menu nav ul li:nth-last-child(3):after {content: '';}
				
					header .menu nav ul li a {display: inline-block; vertical-align: top; color: #003b71; text-decoration: none;}
					header .menu nav ul li a:hover {text-decoration: underline;}
					header .menu nav ul li strong {color: white; cursor: pointer; position: relative;}
					header .menu nav ul li strong:after {top: 50%; right: -15px; transform: translateY(-50%); border: solid transparent; content: ""; height: 0; width: 0; position: absolute; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 6px; margin-left: -6px;}
					
					header .menu nav ul li .lang {display: none; background-color: rgba(0,0,0,0.5); position: absolute; top: 100%; right: -20px; padding: 10px;}
					header .menu nav ul li:hover .lang {display: block;}
						header .menu nav ul li .lang a {color: white; text-decoration: none;}
						header .menu nav ul li .lang a:hover {text-decoration: underline;}
						
header.white {height: auto;}
	header.white .menu {background-image: url('../../images/szerintemezazegesz/2022/menu_white.svg');}
	
header .slider {height: 100%; overflow: hidden; position: relative;}
	header .slider img {display: block; width: 100%;}
	header .slider .swiper-button-prev, header .slider .swiper-button-next {display: none !important;}





/* lablec */
footer {background-color: #5ec2d4; padding: 50px 0; color: white;}
	footer img {display: inline-block; vertical-align: top; width: auto; height: 40px;}
	footer p {margin: 25px 0 15px;}
	footer nav {}
		footer nav a {color: white; text-decoration: none; display: inline-block; vertical-align: top; text-transform: uppercase; font-size: 14px; position: relative; padding-right: 15px;}
		footer nav a:hover {text-decoration: underline; color: white;}
		footer nav a:after {position: absolute; top: 0; right: 2px; content: '|';}
		footer nav a:nth-last-child(1) {padding-right: 0;}
		footer nav a:nth-last-child(1):after {display: none;}
		
	
	
/* kezdőoldal */
#main-text-block {padding-top: 5%; position: relative; z-index: 2;}

#imgslide-1 {position: relative; z-index: 1;}

#main-book-block {margin-bottom: 100px; position: relative; z-index: 1;}

#main-scherer-block {margin-bottom: 50px;}
	#main-scherer-block .text {margin-top: 25%; transform: translateY(-50%);}

#main-audiobook-block {margin-bottom: 5%;}

#imgslide-2 {}

#main-green-block {margin-bottom: 100px;}

#main-youtube-block {margin-bottom: 100px;}

#main-jakabovics-block {}
	#main-jakabovics-block .text {margin-top: 25%; transform: translateY(-25%);}
	
#main-gyopar-block {}
	#main-gyopar-block .container .row .col-md-6:nth-child(1) {float: right;}
	#main-gyopar-block .container .row .col-md-6:nth-child(2) {float: left;}
	#main-gyopar-block img {position: relative; top: -100px;}
	
#main-bags-block {margin-bottom: 50px;}
	#main-bags-block img {max-width: 80%; margin: 0 auto;}
	
#main-tree-block {}


/* statikus oldalak */
.book_bg {background-image: url('../../images/szerintemezazegesz/2022/book_bg.jpg'); 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;}
.book_bg:after {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/szerintemezazegesz/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 {padding: 8%; transition: 0.2s;}
	.webshop_list .item:hover {box-shadow: 4px 4px 10px rgb(0 0 0 / 10%);}
	.webshop_list .swiper-slide .item:hover {box-shadow: 0 0 0 rgb(0 0 0 / 10%);}
		.webshop_list .item .img {margin-bottom: 5%;}
			.webshop_list .item .img a {display: block;}
				.webshop_list .item .img img {}
		.webshop_list .item h2 {margin-bottom: 8%; font-size: 24px; text-align: center;}
			.webshop_list .item h2 a {text-decoration: none;}
			.webshop_list .item h2 a:hover {color: #347232;}
		.webshop_list .item p {margin-bottom: 8%; text-align: center;}
		.webshop_list .item .preorder {display: block; margin: 0 auto; width: 80%; line-height: 26px; padding: 12px 0; text-align: center; text-transform: uppercase; color: white; border-radius: 50px; font-size: 18px;}
		.webshop_list .item .button {width: 80%;}



/* webshop adatlap */
.webshop_item {margin-bottom: 150px;}
	.webshop_item .images {margin-bottom: 60px;}
	.webshop_item .datas {}
		.webshop_item .datas h1 {margin-bottom: 8%;}
		.webshop_item .datas .text {margin-bottom: 10%;}
		.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 .price {margin-bottom: 10%; font-size: 36px;}
		.webshop_item .datas .basket_form {margin: 0 auto;}
			.webshop_item .datas .basket_form .count {display: inline-block; vertical-align: top; width: 90px; margin-right: 20px;}
				.webshop_item .datas .basket_form .count label {font-size: 14px; line-height: 24px; display: block; text-align: center;}
				.webshop_item .datas .basket_form .count input {height: 50px; text-align: center; font-size: 24px; background-color: #e6e6e6; width: 100%;}
			.webshop_item .datas .basket_form .submit {display: inline-block; vertical-align: top; padding-top: 29px; width: 160px;}
				.webshop_item .datas .basket_form .submit input {}
				
	.swiper-container {padding-bottom: 40px;}
	.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/szerintemezazegesz/2022/swiper_arrow.svg'); background-size: contain; background-repeat: no-repeat; background-position: center center;}
	.swiper-button-prev {transform: rotate(180deg);}




/* cart */
#formblock {}
#formblock img { display: block; width: 100%;}
#formblock .green { color: #1D5126;}
#formblock h1 { color: #1D5126; font-size: 40px; font-family: "aktifo-bbold"; margin-top: 5%;}
#formblock h2 { color: #1D5126; font-size: 14px; font-family: "aktifo-bbold"; margin-top: 5%; margin-bottom: 5%; padding-bottom: 1%; border-bottom: 1px solid #1D5126; 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 #84A279; border-radius: 100%; width: 20px; line-height: 18px; font-family: "aktifo-bbold"; font-size: 18px; color: #84A279;}
			.cart-table .row .col.count .minus:hover, .cart-table .row .col.count .plus:hover { color: #1D5126; border-color: #1D5126;}
			.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 #1D5126; 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: #84A279; font-family: "aktifo-bbold"; text-transform: uppercase; border-bottom: 2px solid #1D5126; margin-bottom: 10px; font-size: 11px;}
	
.summary-table {}
	.summary-table .header { border-bottom: 0; margin-bottom: 0;}
	.summary-table .row .col.bg { background-color: #84A279; 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: #84A279; color: white;}
.form-group .btn-success:hover { background-color: #1D5126; color: white;}
.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: #84A279; color: white; padding: 8px 15px; border: none; border-radius: 3px;}
#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: #5e92e5;}
#cookie-bar .cb-enable:hover { background: #4b85e2;}
#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: 1480px) {
    .container {width: 1380px;}
}
@media (max-width: 1479px) {
	.letterrow {height: 100px;}
}
@media (max-width: 1199px) {
	html, body {font-size: 18px;}
	h2, .h2 {font-size: 26px;}
	.aboutbooks h2 {font-size: 42px;}
	
	.button, .webshop_list .item .preorder {line-height: 22px; padding: 10px 0; font-size: 14px;}
	.big-button {line-height: 28px; padding: 20px 30px 16px; font-size: 20px;}
	.aboutbooks_list .item .big-button {padding-left: 40px; padding-right: 40px;}
	
	header .menu {height: 100px; padding-top: 15px;}
	header .menu > a img {width: 360px;}
	
	.book_bg {background-size: 130% auto;}
	
	#main-gyopar-block img {top: 0;} 
	
	.webshop_list .item h2 {font-size: 22px;}
	h1, .h1, .webshop_item .datas .price {font-size: 32px;}
	.webshop_item .datas .basket_form .count input {height: 44px;}
	
	#formblock h1 {font-size: 34px;}
}
@media (max-width: 991px) {
	html, body {font-size: 16px;}
	h2, .h2 {font-size: 22px;}
	.aboutbooks h2 {font-size: 38px;}
	
	header {height: 100px;}
	header .menu {height: 70px; padding-top: 5px;}
	header .menu > a img {width: 300px;}
	header .menu nav {display: none; position: absolute; top: 0; left: 0; width: 100%; background-color: #E4E2D8; padding-top: 70px; text-align: center;}
	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*/
	.mobile_menu {display: block;}
	.mobile_cart {display: block;}
	
	.letterrow {height: 50px;}
	
	
	#main-text-block {padding: 5% 40px 0;}
	.example_button a {width: 130px;}
	#main-scherer-block {padding: 0 40px;}
	#main-scherer-block .text {margin: 5% 0; transform: none;}
	#main-jakabovics-block {padding: 0 40px; margin-bottom: 20%;}
	#main-jakabovics-block .text {margin-top: 5%; transform: none;}
	#main-gyopar-block {padding: 0 40px; margin-bottom: 20%;}
		#main-gyopar-block .container .row .col-md-6:nth-child(1), #main-gyopar-block .container .row .col-md-6:nth-child(2) {float: none;}
	#main-bags-block, #main-tree-block {padding: 0 40px;}
	
	.webshop_list .item h2 {font-size: 20px;}
	h1, .h1, .webshop_item .datas .price {font-size: 28px;}
	
	footer img {height: 30px;}
	
	#formblock img {display: none;}
	#formblock h1 {font-size: 30px;}
}
@media (max-width: 767px) {
	.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;}
}
@media (max-width: 575px) {
	
	.example_button a {width: 100px;}
	
	.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;}
}
@media (max-width: 460px) {
	html, body {font-size: 14px;}
	h2, .h2 {font-size: 18px;}
	.aboutbooks h2 {font-size: 34px;}
	
	header .menu > a img {width: 250px;}
	
	.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;}
	
	
	.webshop_list .item h2 {font-size: 18px;}
	h1, .h1, .webshop_item .datas .price {font-size: 24px;}
	
}
@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%;}
}
@media (max-width: 375px) {
	
	footer img {height: 20px;}
	

	.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;}
}