@media screen and (max-width: 1100px){
	header { position: fixed; z-index: 999; width: calc(100% - 42px); padding: 20px 20px 21px 22px; max-height: 400px; min-height: 40px;}
	#logotip { position: fixed; top: 10px; transform: translateY(0); -webkit-transform: translateY(0); left: 10px;}
	#logotip h1 { padding-top: 15px; }
	#logotip img { max-height: 60px;}
	#cookie_law{ width: calc(100% - 40px); padding: 10px 20px;}
	section { width: 100%;}
	.container { width: calc(100% - 50px); padding: 0 25px;}
	#menu-icon { display: table; position: absolute; right: 20px; top: 10px; width: 60px; height: 60px; border-radius: 50%;}
	#menu-icon i { color: #fff; font-size: 4em; display: table-cell; vertical-align: middle; text-align: center;}
	nav { display: none; width: 100%; text-align: center; padding-top: 40px;}
	nav ul { display: block; padding-top: 20px;}
	nav ul li { display: block; margin: 0;}
	section#slider { max-height: 300px; margin-top: 75px; position: relative;}
	section#slider .bxslider { height: 300px; overflow: hidden;}
	section#slider .bxslider > li { height: 300px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; overflow: hidden; }
	section#slider .bxslider li .slider-caption { position: relative; z-index: 99; top: 50%; left: 10px; display: inline-block; transform: translateY(-50%); max-width: 35%}
	section#slider .bxslider li .slider-caption h1 { font-size: 2.3em; font-weight: bold; display: inline-block; margin-bottom: 3px;}
	section#slider .bxslider li .slider-caption h2 { font-size: 1.5em; display: inline-block; line-height: 1.2em; letter-spacing: 0;}
	section#slider .bxslider li .slider-caption h3 { font-size: 1.3em; display: inline-block;}
	section#categ-header {margin-top: 75px; }
	.ads .box-ads { float: none; margin: 0 auto; vertical-align: top;}
	.ad { padding: 20px;}
	.box .box13 { border-bottom: 1px solid #D3D3D3;}
	.box .box13:last-child { border-bottom: 0;}
	.box13 { float: none; width: 100%;}
	.social { left: 20px; bottom: 20px;}
	.manage { right: 20px; bottom: 20px;}
	section.posts .posts-bg-image { width: 200px; height: 200px;}
	.article-text { padding-right: 0 !important;}
	.order-item .box .box13 { border-bottom: 0px;}
	/*section#klub .klub-noslider .klub-post {display: block; margin: 10px 0px; width: 200px; height: 200px; }
	section#klub .klub-post .klub-type { position: absolute; right: 0; bottom: 0; border-radius: 50%; width: 40px; height: 40px; background-color: #6B8B00; color: #fff; text-align: center;}
	section#klub .klub-post .klub-type i { font-size: 2.5em; padding-top: 8px; color: #fff !important;}
	section#klub .klub-post .image-number { font-size: 8em; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; z-index: -2; margin-top: 60px; color: #7F9F00 !important; }
	section#klub .klub-slider .klub-post .klub-container { z-index: -4; border-radius: 50%; width: 100px; height: 100px; padding: 20px; text-align: left; position: relative; display: table;}*/
	section#klub .klub-bg-image { width: 200px; height: 200px;}
	section#klub .klub-bg-image .klub-logo { width: 100px; height: 50px; margin-top: 80px;}
	section#egap .egap-bg-image { width: 200px; height: 200px;}
	section#egap .egap-bg-image .egap-logo { width: 100px; height: 55px;margin-top: 80px;}
	section.foto-video .photos a { display: inline-block; max-width: 140px; padding: 1px 0;}
	section.foto-video .photos a img { height: 150px;}
	section.documents .document-container .doc-box { float: none; margin: 0 auto; width: auto;}
	section.documents .document-container .doc-box a { display: inline-block;}
	.no-responsive { display: none !important;}
	.copyright {width: calc(100% - 42px); padding: 20px 20px 200px 22px; }
	footer .box13 { width: 32.71489362%; float: left; }
	.photos { display: inline !important;}

}
@media screen and (max-width: 840px){
	section#egap .my-egap-info { text-align: center; display: table;}
	section#egap .my-egap-info .info-chart { float: none; padding-bottom: 0px; display: table-cell;}
	section#egap .my-egap-info .info-text { padding-right: 0px; margin-left: -3px; display: table-cell; min-height: 140px;  }
	section#egap .my-egap-info .slide-text { display: none; }
	footer { padding: 30px 0 50px 0; }
	footer .box13 { padding-bottom: 20px; width: 95%; margin: 0 auto;}
	footer .contact-us { width: 100%; margin: 0 auto;}
	footer .contact-us form { margin: 10px 0 0 0;}
	footer .contact-us input { width: calc(100% - 10px);}
	footer .contact-us textarea { width: calc(100% - 25px);}
	footer .info-box { text-align: center; max-width: 100%; padding-bottom: 10px;}
	footer .info-box h1 {text-align: left;}
	footer .info-box * { color: #fff;}
	footer .agrobox-container { padding-left: 0px; text-align: center;}
	section#slider .bxslider li .slider-caption { display: none !important;}
	.copyright { padding-top: 60px;}
	.copyright .box13 { text-align: center; }
	.copyright .aweb-logo { float: none; margin-bottom: 30px;}
	.copyright p { text-align: center; }
	section.posts .container { width: calc(100% - 100px); padding: 0 50px; }
	section.location iframe { pointer-events: none;}
}
@media screen and (max-width: 580px){
	section.posts .box article .article-text { display: inline;}
	.modalDialog > div{ width: 300px; }
	header {  width: calc(100% - 21px); padding: 20px 10px 21px 11px;}
	#logotip h1 { color: #fff; letter-spacing: -1px; font-size: 2em;}
	#menu-icon { right: 10px; top: 10px;}
	section#slider { max-height: 300px; margin-top: 65px; position: relative;}
	section#categ-header {margin-top: 60px; }
	section#egap .my-egap-info { text-align: center; margin: 0 auto;}
	section#egap .my-egap-info .info-chart { float: none; margin: 0 auto; padding-bottom: 20px; display: block; width: 200px;}
	section#egap .my-egap-info .info-text { padding-right: 0px; margin-left: -3px; display: block; min-height: 140px;  }
	section#egap .my-egap-info .slide-text { display: none; padding-top: 180px; vertical-align: middle; padding-left: 0px;}
	section.posts .box article { text-align: center;}
	section.posts .box article .image-box { margin: 0 0 10px 0; float: none;}
	section#klub .klub-bg-image { display: none;}
	section.posts .posts-bg-image { display: none;}
	.contact-us input { font-size: 1.4em; padding: 10px 5px; margin-bottom: 10px; width: calc(90% - 10px); text-indent: 10px; color: #fff !important;}
	.contact-us input[type='submit'] { width: auto; padding: 20px 30px 20px 20px; cursor: pointer; transition: .5s all ease-in-out; -webkit-appearance: none;}
	.contact-us textarea { font-size: 1.4em; padding: 10px 10px 10px 15px; width: calc(90% - 25px); height: 110px; margin-bottom: 10px; }
}

@media screen and (max-width: 400px){
	.modalDialog > div{ width: 200px; }
}