@media only screen and (min-width: 1024px) {
	#mainmenu > li > a { line-height: 80px; }
	
}
/*@media only screen and (max-width: 1300px) {
	
}
@media only screen and (max-width: 1140px) {
	
}*/
@media only screen and (max-width: 1199px) {
	h3 { font-size: 1.8rem; }
	h1, h2 { font-size: 2.2rem; }
	.section-row { padding: 2rem 0; }
	.btn { font-size: 14px; }
}
@media only screen and (max-width: 1023px) {
	#header, #header.headerfix { padding:15px 0; }
	#logo { width:150px; }
}

@media only screen and (max-width: 991px) {
	h1, h2 { font-size: 1.6rem; }
	.section-row { padding: 2rem 0; }
	h5 { font-size: 1.025rem; }
	body { font-size: 14px; }
	h4 { font-size: 1.263rem; }
	.coockies-popup{ display: block; }
	.coockies-popup .content{ width: 100%; margin-bottom: 10px; }
}

@media only screen and (max-width: 767px) {
	body { font-size: 14px; }
	.section-row { padding: 2rem 0; }
	.btn { font-size: 14px; padding: 0.6rem 1.2rem; }
	h3 { font-size: 1.5rem; }
	h4 { font-size: 1rem; }
	#mainmenu li a img{ width: 125px; }
	.main-banner-text{ text-align: center; }
	.blog-thumb .title{ font-size: 20px; }
	.blog-list .data-bg{ margin-right: 0; min-width: 100%; max-width: 100%; text-align: center; margin-bottom: 15px; }
	.blog-thumb .blog-header{ text-align: center; justify-content: center; }
}

@media only screen and (max-width: 575px) {
	body, .btn, #footer { font-size: 13px; }
	#logo { width:130px; }
	#mainmenu li a img{ width: 110px; }
	.color-box img{ width: 300px; }
	.color-box p{ padding: 0 20px; }
	.download-button a img{ width: 160px; }
	.logo-box{ height: 210px; }
	.color-17-full{ padding: 80px 0; }
	.contact-mail a{ font-size: 22px; }
}

@media only screen and (max-width: 479px) {
	#mainmenu li a img{ width: 90px; }
	#mainmenu > li { margin-left: 10px; }
}