/*   
Theme Name: Sodr
Version: 1.0
Author: webmaster
*/


* {
	margin: 0;
	padding: 0;
	outline: none;
}
:active, :hover, :focus {
    	outline: 0 !important;
    	outline-offset: 0;
}
html { 
	 margin: 0 auto; 
	 max-width: 1920px; 
	 position: relative; 
}
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	line-height: normal;
	color: #000;
}
.container {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
article {
	display: block;
	width: 100%;
}
section {
	width: 100%;
	display: block;
}
a {
	text-decoration: none;
}

/*  Header  */

.top {
	height: 95px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}
.logo a {
	display: flex;
	align-items: center;
}
.logo img {
	margin-right: 15px;
	width: 80px;
}
.text-logo {
	color: #000;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 14.2px;
	font-family: 'Roboto', sans-serif;
}
.text-logo b {
	/*color: #00a776;*/
	color: #0D55A5;
	font-size: 25px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 2px;
}
#top-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.menu_min {
	display: none;
}
.menu-item {
	list-style: none;
	text-align: center;
	position: relative;
	display: flex;
	align-items: center;
	/*width: 20%;*/
}
/*.menu-item::after {
	display: block;
	content: ' ';
	background: url(./images/top_menu_sep.gif);
	width: 2px;
	height: 100%;
	float: right;
	position: absolute;
	top: 0;
}*/
.menu-item:first-child::after {
	display: none;
}
.menu-item a {
	color: #000;
	text-decoration: none;
	padding: 8px 20px 10px;
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	transition: all 1s;
	font-weight: 400;
}
.menu-item a:hover, .current_page_item a {
	/*background: #006ACA;
	color: #0D55A5;*/
	color: #00a776;
}
.current_page_item a {
	font-weight: 500;
}
#top-nav .sub-menu, #top-nav ul ul  {
	display: none;
	position: absolute;
	z-index: 1000;
	background: #eee;
	margin-left: 2px;
	width: 100%;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
#top-nav ul ul {
	margin-left: 100% !important;
	margin-top: -43px;
}
#top-nav ul li {
	width: 100%;
}
#top-nav ul li, #top-nav ul ul li  {
	border-bottom: 1px solid #ccc;
}
#top-nav .menu-item-has-children ul li::after {
    display: none;
}
#top-nav ul li a, #top-nav ul ul li a {
	color: #000;
	/*background: url(./images/top_menu_sep.gif) no-repeat center right;*/
	padding: 11px 15px 10px;
	text-align: left;
	font-size: 16px;
}
#top-nav ul li a:hover, #top-nav ul ul li a:hover {
	background: #ccc;
}
#top-nav ul ul li {
	display: block;
	width: 100%;
}
#top-nav .menu-item-has-children:hover > .sub-menu {
	display: block;
}
#responsive-menu-button {
	display: none !important;
}
.tel {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: column;
	text-align: center;
}
.tel a {
	/*width: 50%;*/
	/*color: #006ACA;*/
	color: #0D55A5;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	line-height: 1.5;
	font-size: 20px;
}
/*.obr-zv {
	width: 130px;
	text-align: center;
	padding: 10px 10px;
	margin: 5px auto;
	color: #fff;
	background: #0B59AC;
	font-size: 14px;
	cursor: pointer;
}
.obr-zv:hover {
	background: #F15C00;
}*/

 /*  Sidebar  */

 /*#widget_container_curs {
 	padding: 0 !important;
 	border: none !important;
	background-color: transparent !important;

 }
.widgettitle {
 	background: url(images/sklad_left_bg.jpg) no-repeat center center;
 	-webkit-background-size: 100% auto;
 	background-size: 100% auto;
 	width: 100%;
 	display: block;
 	text-align: center;
 	color: #fff;
 	padding: 13px 0;
 	margin-top: 20px;
 	font-size: 18px;
}
.textwidget {
	background: #eee;
	text-align: center;
	padding: 15px 0; 
}
.textwidget table {
	 width: 90%;
	 margin: 0 auto;
}
#custom_html-2 .textwidget {
	padding: 0;
}
.widget_nav_menu {
	background: #eee;
}
#dc_jqaccordion_widget-2 .widgettitle {
    	margin-top: 0;
    	background: url(images/spec_left_bg.png) no-repeat center center;
    	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#dc_jqaccordion_widget-2-item .menu-item a {
    color: #000;
    text-align: left;
    font-size: 16px;
    border-bottom: 1px solid #dedede;
    padding-left: 15px;
}
#dc_jqaccordion_widget-2-item .menu-item::after {
    display: none;
}
#dc_jqaccordion_widget-2-item  {
    margin-left: 0 !important;
    background: #eee;
}
#dc_jqaccordion_widget-2-item .menu-item a:hover, 
#dc_jqaccordion_widget-2-item .current_page_item a {
    background: #ccc;
}
.dcjq-icon {
	background: url(images/arrow.png) no-repeat center center;
	width: 15px;
	height: 20px;
	display: block;
	float: right;
}
#menu-menyu-sleva {
	margin-left: 0;
}
#dc_jqaccordion_widget-2-item  li {
    width: auto;
}
#dc_jqaccordion_widget-2-item .sub-menu {
    margin-left: 15px !important;
}*/

/*  Слайдер   */
/*.flex-direction-nav {
	bottom: 56%;
	width: 96% !important;
	top: auto !important;
}
.metaslider .flex-direction-nav .flex-next::before {
	background: url(images/str-right.png) no-repeat center center !important;
}
.metaslider .flex-direction-nav .flex-prev::before {
	background: url(images/str-left.png) no-repeat center center !important;
}*/

/*Баннер*/

.banner {
	
}
.parallax {
    min-height: 460px;
    background: transparent;
}
.banner-standart {
	display: none;
}
.banner .slide {
	background-position: bottom center;
	background-repeat: no-repeat;
	width: 100%;
	height: 500px;
	background-attachment: fixed;
	background-size: cover;
}

/*  Страницы  */

h1 {
    text-align: center;
    margin: 30px 0 15px;
    font-size: 26px;
    color: #073B74;
    font-weight: 400;
}
p {
	margin-bottom: 10px;
}
.page ul {
	/*margin-left: 20px;*/
}
.page ul li p, .page ul li {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1.3;
}
h2 {
	text-align: center;
	color: #00a776;
	margin: 50px 0 30px;
	font-size: 28px;
	font-weight: 400;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
}
h3 {
	margin-bottom: 20px;
	font-weight: 400;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
}
#content-page {
	min-height: 500px;
}
#o-kompanii {
	margin-bottom: 20px;
}
#o-kompanii h2 {
	text-align: left;
}
#about {
	display: flex;
	justify-content: space-between;
}
.text-about {
	width: 65%;
	padding-right: 30px;
}
.image-about {
	width: 30%;
	margin-top: -57px;
}
.image-about img {
	max-width: 100%;
	border: 1px solid #ccc;
	box-shadow: 0 5px 10px #ccc;
}
.tovars {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.tovar {
	width: 31%;
	text-align: center;
	border: 1px solid #ccc;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	box-shadow: 0 5px 10px #ccc;
}
.image-tovar {
	height: 180px;
	line-height: 180px;
	padding: 20px 0;
	background-position: bottom center;
	background-repeat: no-repeat;
	width: 100%;
	background-size: cover;
	transition: all 1s;
}
.image-tovar a {
	display: block;
	width: 100%;
	height: 100%;
}
.image-tovar:hover {
	/*transform: scale(1.2);*/
}
/*.tovar img {
	width: auto;
	max-height: 110px;
	vertical-align: middle;
}*/
.title-tovar {
	width: 100%;
	padding: 10px 0;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
}
.title-tovar a {
	text-decoration: none;
	color: #fff;
}
.text-tovar {
	width: 90%;
	padding: 20px 0;
	color: #000;
	font-size: 16px;
}
.bottom-tov {
	width: 100%;
	background: linear-gradient(to bottom, #0C63C0, #06386D);
}
.podr {
	display: flex;
	justify-content: center;
}
.podr a {
	background: #0D55A5;
	padding: 15px 30px;
	color: #fff;
	font-weight: 600;
	transition: all 1s;
	text-transform: uppercase;
	font-size: 14px;
}
.podr a:hover {
	background: #0C63C0;
}
#preim {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
.preim-bl {
	width: 18%;
	text-align: center;
}
.icon-preim {
	height: 100px;
}
.icon-preim img {
	height: 100%;
	width: auto;
}
.text-preim {
	margin-top: 10px;
}
#post-2 {
	margin-bottom: 50px;
}

/*  Footer  */

footer {
   	height: 75px;
	background: #0D55A5;
	padding: 20px 0;
	margin-top: 80px;
	display: flex;
	align-items: center;
}
footer .container {
	align-items: center;
}
footer .logo {
}
footer .logo img {
    margin-top: 5px;
    border-radius: 6px;
}
footer .text-logo {
	color: #fff !important;
}
footer .text-logo b {
	color: #00c68c;
}
footer #bottom-nav {
	height: auto;
	margin-bottom: 0;
}
.bottom-menu .menu-item::after {
	display: none;
}
footer .text-sayt {
}
footer .contact {
}
footer .tel {
    text-align: right;
}
footer .menu-item {
	display: block;
	text-align: left;
}
footer ul {
    display: flex;
	flex-wrap: wrap;
}
footer ul li {
	list-style: none;
}
footer ul li a {
	color: #fff !important;
	text-decoration: none;
	line-height: 1.5;
	padding: 0 !important;
	font-weight: 400;
	padding: 8px 20px 10px !important;
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	transition: all 1s;
}
footer .current_page_item a {
    background: none;
	color: #fff;
}
footer .page_item a:hover {
  	text-decoration: underline;
}
footer .adress {
	color: #ccc;
}
footer .tel a {
    color: #00c68c;
}
.copy {
	padding: 10px;
	font-weight: 400;
	text-align: center;
	font-size: 14px;
	/*background: #eee;*/
}


/* Страницы */

.stran {
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
.single section .container {
	display: flex;
	flex-direction: column;
}
.single .stran {
	display: block;
}
.single h1 {
    margin: 45px 0 40px;
    font-size: 34px;
}
.single h3 {
    margin: 45px 0 40px;
    text-transform: none;
    color: #00a776;
    font-size: 24px;
}
.single strong {
	font-size: 18px;
}
.single #image_bl_page {
	float: left;
}
#image_bl_page {
	margin-right: 30px;
}
.page-template-page-about #image_bl_page {
	margin-right: 0;
	margin-left: 30px;
}
#image_bl_page img {
	border: 2px solid #ccc;
	height: 300px;
	width: auto;
}
#relate-post {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.post-r {
	width: 45%;
	display: flex;
	justify-content: space-between;
	border: 1px solid #ccc;
	box-shadow: 0 4px 10px #ccc;
}
.image-post-s {
	width: 45%;
	height: 200px;
	
}
.image-post-s a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	display: flex;
    justify-content: center;
    align-items: center;
}
.image-post-s img {
	width: auto;
	min-height: 100%;
	margin: 0 auto;
	display: block;
}
.info-post-s {
	width: 51%;
	margin: 20px;
	height: 158px;
	overflow: hidden;
}
.info-post-s h4 {
	font-size: 18px;
	margin: 0 0 10px;
}
.info-post-s h4 a {
	color: #0C63C0;
	font-weight: 400;
}
.info-post-s .text-post-s {
	font-size: 15px;
}
.single table {
	font-size: 14px;
	border-collapse: collapse;
	margin-top: 15px;
	width: 100%;
}
.single table tr:first-child {
	text-align: center;
	font-weight: 500;
	font-size: 16px;
}
.single table tr td:first-child {
	width: 40%;
	text-align: left;
}
.single table tr td {
	border: 1px solid #ccc;
	padding: 8px 15px;
	vertical-align: middle;
	text-align: center;
}
.single table tr td p {
	margin-bottom: 0;
}

/*Страница Продукция*/

#prod-bl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}
.product {
	width: 31%;
	margin-bottom: 35px;
}
.product-bl {
	border: 1px solid #ccc;
	box-shadow: 0 4px 10px #ccc;
}
.image-prod {
	width: 100%;
	height: 250px;
	
}
.image-prod a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	display: flex;
    justify-content: center;
    align-items: center;
}
.image-prod img {
	width: auto;
	min-height: 100%;
	margin: 0 auto;
	display: block;
}
.text-prod {
	padding: 20px;
	height: 158px;
	overflow: hidden;
	text-align: center;
}
.product h3 {
	font-size: 18px;
	margin: 0;
	text-transform: none;
	padding: 13px 0 11px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	background: linear-gradient(to bottom, #0C63C0, #06386D);
}
.product h3 a {
	color: #fff;
	font-weight: 600;
}
.text-prod .text {
	font-size: 15px;
}
.kn-zakaz {
	background: #00a776;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	width: 75%;
	padding: 10px 0 12px;
	margin: 20px auto;
	cursor: pointer;
}

/* Контакты */

.page-template-page-contact .parallax {
    background-size: cover;
    background-position: top center;
}
#content-page-cont article {
    width: 100%;
}
#content-page-cont .logo {
	margin-bottom: 25px;
}
#content-page-cont h3 {
	margin-bottom: 10px;
	text-transform: none;
}
#content-page-cont .stran {
	align-items: flex-start;
	justify-content: center;
	margin-top: 30px;
}
#content-page-cont .adres {
	margin-bottom: 20px;
}
#content-page-cont .tel {
	text-align: left;
}
#content-page-cont .tel a {
    font-size: 18px;
}
#form-z {
	width: 350px;
	margin-left: 100px;
}
#form-z form {
	border-radius: 10px;
	border: 2px solid #ccc;
	padding: 20px 25px;
	margin-top: 25px;
}
#form-z form label {
	display: flex;
	flex-direction: column;
	font-size: 14px;
}
#form-z form label input, #form-z form label textarea {
	border: 1px solid #ddd;
	padding: 5px 10px;
	display: block;
	margin: 5px 0 10px;
}
#form-z form button {
	background: #0D55A5;
	color: #fff;
	font-weight: bold;
	padding: 10px 25px 12px;
	border: none;
	font-size: 16px;
	cursor: pointer;
	display: block;
	margin: 10px auto 5px;
}
.error {
	color: red;
	font-size: 13px;
}

/* Всплывающая форма */

#kont-form h3 {
	text-align: center;
	color: #0D55A5;
	margin: 0;
	text-transform: uppercase;
}
#kont-form form {
	margin-top: 25px;
}
#kont-form form label {
	display: flex;
	flex-direction: column;
	font-size: 14px;
}
#kont-form form label input, #kont-form form textarea {
	border: 1px solid #ddd;
	padding: 13px 10px;
	display: block;
	margin: 7px 0 12px;
	text-align: left;
}
#kont-form form button {
	background: #0D55A5;
	color: #fff;
	font-weight: bold;
	padding: 10px 25px 12px;
	border: none;
	font-size: 16px;
	cursor: pointer;
	display: block;
	margin: 15px auto 0;
}


/* Адаптив */

@media screen and (max-width: 1200px) {
	.container {
		width: 960px;
	}
	article {
	    width: 100%;
	}
	.logo img {
	    width: 65px;
	    margin-right: 7px;
	}
	.text-logo {
	    font-size: 12.5px;
	}
	.text-logo b {
	    font-size: 22px;
	    margin-bottom: 0;
	}
	.menu-item a {
	    padding: 8px 15px 10px;
	    font-size: 16px;
	}
	.tel a {
	    font-size: 18px;
	}
	.icon-preim {
	    height: 80px;
	}
	.text-preim {
	    margin-top: 6px;
	    font-size: 15px;
	}
	#o-kompanii h2 {
		margin-bottom: 15px;
	}
	#o-kompanii .image-about {
	    margin-top: -6px;
	}
	#produkty .image-tovar {
	    height: 200px;
	    line-height: 200px;
	    padding: 0;
	}
	#produkty .text-tovar {
	    width: 90%;
	    padding: 13px 0 20px;
	    font-size: 15px;
	}
	#produkty .title-tovar {
	    font-size: 16px;
	}
	#produkty .podr a {
	    padding: 15px 24px;
	}
	footer ul li a {
	    padding: 8px 15px 10px !important;
	    font-size: 16px;
	}
	.image-prod {
	    height: 200px;
	}
	.product h3 {
	    font-size: 16px;
	}
	.text-prod {
	    padding: 15px 20px;
	    height: 143px;
	}
	.page-template-page-about #page-bl {
	    font-size: 15px;
	    margin-right: 25px;
	}
	.single .text {
		font-size: 15px;
	}
	.single strong {
	    font-size: 17px;
	}
	.single #image_bl_page {
	    float: left;
	    margin-bottom: 10px;
	}
	.single #image_bl_page img {
	    height: 250px;
	}
	#relate-post {
	    width: 100%;
	}
	#relate-post .post-r {
	    width: 49%;
	}
	#relate-post .image-post-s img {
	    width: auto;
	    height: 100%;
	}




}
@media screen and (max-width: 980px) {
	.container {
		width: 740px;
	}
	.parallax {
	    min-height: 400px;
	}
	.banner-komp {
		display: none;
	}
	.banner-standart {
		display: block;
		background-size: cover;
		background-position: center right !important;
	}
	.logo img {
	    width: 45px;
	}
	.text-logo {
	    font-size: 11.5px;
	}
	.text-logo b {
	    font-size: 20px;
	    margin-bottom: 0;
	}
	.menu-item a {
	    padding: 8px 10px;
	    font-size: 14px;
	}
	.tel a {
	    font-size: 16px;
	}
	h2 {
	    font-size: 24px;
	}
	.icon-preim {
	    height: 70px;
	}
	.text-preim {
	    font-size: 14px;
	}
	.text-about {
	    width: 56%;
	    padding-right: 4%;
	    font-size: 14px;
	}
	#o-kompanii .image-about {
	    margin-top: -3px;
	    width: 41%;
	}
	#produkty .image-tovar {
	    height: 165px;
	    line-height: 165px;
	}
	#produkty .title-tovar {
	    font-size: 14px;
	}
	#produkty .text-tovar {
	    font-size: 14px;
	}
	#produkty .podr a {
	    font-size: 13px;
	}
	.page-template-page-prod p {
	    margin-bottom: 7px;
	    font-size: 14px;
	}
	.page-template-page-prod .text-prod {
	    height: 176px;
	}
	.page-template-page-prod .image-prod {
	    height: 180px;
	}
	.page-template-page-about .stran {
	    flex-direction: column;
	}
	.page-template-page-about #page-bl {
	    font-size: 14px;
	    margin-right: 0;
	    text-align: center;
	    order: 2;
	    margin-top: 15px;
	}
	.page-template-page-about #image_bl_page {
	    margin-right: 0;
	    margin-left: 0;
	}
	.page-template-page-about #image_bl_page img {
	    height: 250px;
	}
	.page-template-page-about h3 {
		text-align: center;
	}
	.page-template-page-contact #form-z {
	    width: 330px;
	    margin-left: 40px;
	}
	.page-template-page-contact #page-bl {
	    width: 270px;
	}
	.single .stran {
	    display: flex;
	    flex-direction: column;
	}
	.single h1 {
	    margin: 25px 0 20px;
	    font-size: 30px;
	}
	.single #image_bl_page {
	    margin-bottom: 15px;
	    margin-right: 0;
	}
	.single #relate-post .image-post-s {
	    width: 45%;
	    height: 177px;
	}
	.single #relate-post .image-post-s {
	    height: 175px;
	}
	.single #relate-post .info-post-s {
	    margin: 12px 20px;
	    height: 145px;
	}
	.single #relate-post .info-post-s .text-post-s {
	    font-size: 14px;
	}
	.single #relate-post .info-post-s h4 {
	    margin: 0 0 5px;
	}
	#prod-bl .product h3 {
	    font-size: 14px;
	}
	.kn-zakaz {
	    font-size: 16px;
	}

}

@media screen and (max-width: 768px) {
	.container {
	    width: 94%;
	}
	.parallax {
	    min-height: 300px;
	}
	.text-sayt {
		display: none;
	}
	.top {
	    height: 80px;
	}
	.menu_min {
		display: block;
		position: relative;
		cursor: pointer;
	}
	.gamb {
		width: 26px;
		height: 23px;
		border: 2px solid #00a776;
		border-radius: 5px;
		display: flex;
		flex-direction: column;
		padding: 5px;
		align-items: center;
		justify-content: center;
	}
	.gamb:hover {
		opacity: 0.8;
	}
	.gamb:after {
		display: block;
		content: '';
		width: 20px;
		height: 2px;
		background: #00a776;
		margin-top: 4px;
	}
	.gamb:before {
		display: block;
		content: '';
		width: 20px;
		height: 2px;
		background: #00a776;
		margin-bottom: 4px;
	}
	.gamb span {
		width: 20px;
		height: 2px;
		background: #00a776;
	}
	.menu_min nav {
		display: none;
		position: absolute;
		top: 58px;
		right: 0;
		padding: 20px;
		width: 170px;
		background: #fff;
		box-shadow: 0 5px 10px #ccc;
	}
	.menu_min nav.active-menu {
		display: block;
	}
	.preim-bl {
	    width: 50%;
	    margin-bottom: 30px;
	}
	.text-preim {
	    width: 60%;
	    margin: 6px auto 0;
	}
	.tovars {
	    justify-content: center;
	}
	.tovar {
	    width: 47%;
	    margin: 0 1% 3%;
	}
	footer {
	    height: 80px;
	    padding: 20px 0 27px;
	    align-items: flex-start;
	}
	footer .container {
	    flex-wrap: nowrap;
	    position: relative;
	}
	footer #bottom-nav {
	    height: auto;
	    margin-bottom: 0;
	    bottom: -45px !important;
	    width: 100%;
	    position: absolute;
	    bottom: 33px;
	    display: flex;
	    justify-content: center;
	}
	#prod-bl {
	    justify-content: space-around;
	}
	#prod-bl .product {
	    width: 47%;
	    margin: 0 1% 3%;
	}
	.page-template-page-prod .text-prod {
	    height: 130px;
	}
	.single h3 {
	    margin: 45px 0 25px;
	    text-align: center;
	}
	#relate-post {
	    flex-direction: column;
	    align-items: center;
	}
	#relate-post .post-r {
	    width: 500px;
	    margin-bottom: 30px;
	}
	.post {
	    width: 100%;
	}
}
@media screen and (max-width: 620px) { 
	h2 {
	    margin: 35px 0 22px;
	}
	.text-logo {
	    font-size: 10.2px;
	}
	.text-logo b {
	    font-size: 18px;
	}
	#preim {
	    justify-content: space-around;
	}
	.preim-bl {
	    width: 40%;
	    margin-bottom: 20px;
	}
	.text-preim {
	    width: auto;
	}
	#o-kompanii h2 {
	    text-align: center;
	}
	#about {
	    flex-direction: column;
	}
	#about .image-about {
	    width: 290px;
	    margin: 0 auto;
	    order: 1;
	}
	#about .text-about {
	    width: auto;
	    padding-right: 0;
	    order: 2;
	    text-align: center;
	    margin-top: 20px;
	}
	.image-tovar {
	    height: 200px;
	    line-height: 200px;
	}
	.tovar {
	    width: 320px;
	    margin-bottom: 30px;
	}
	#produkty .podr a {
	    padding: 15px 24px;
	    width: 275px;
	    text-align: center;
	}
	footer ul li a {
	    padding: 8px 10px 10px !important;
	}
	#prod-bl .product {
	    width: 320px;
	    margin: 0 auto 3%;
	}
	#content-page-cont .stran {
	    align-items: center;
	    flex-direction: column;
	}
	.page-template-page-contact #page-bl {
	    width: 330px;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    margin-bottom: 40px;
	}
	.page-template-page-contact #form-z {
	    margin-left: 0;
	    text-align: center;
	}
	#relate-post .post-r {
	    width: 100%;
	}
	.single #image_bl_page img {
	    height: auto;
	    max-width: 100%;
	}
}
@media screen and (max-width: 500px) { 
	.single .text {
	    font-size: 14px;
	    width: 100%;
	}
	.single table {
	    font-size: 13px;
	    overflow-x: auto;
	    display: block;
	}
	.single table tr:first-child {
	    font-size: 14px;
	}
}
@media screen and (max-width: 400px) { 
	.logo img {
	    width: 32px;
	    margin-right: 5px;
	}
	.text-logo {
	    font-size: 8.2px;
	}
	.text-logo b {
	    font-size: 14.5px;
	}
	.gamb {
	    width: 20px;
	    height: 17px;
	}
	.tel a {
	    font-size: 12px;
	}
	h2 {
	    font-size: 20px;
	}
	footer {
	    padding: 20px 0 10px;
	}
	footer #bottom-nav {
	    justify-content: space-between;
	}
	footer ul li a {
	    padding: 8px 0px 10px !important;
	}
	footer #bottom-nav .menu-item a {
	    font-size: 13px;
	}
	.copy {
	    font-size: 12px;
	}
	#prod-bl .product {
	    width: 290px;
	}
	.fancybox-content {
	    padding: 35px 25px;
	}
	#kont-form form {
	    margin-top: 15px;
	}
	.page-template-page-about #image_bl_page img {
	    height: 230px;
	}
	.page-template-page-contact #page-bl, 
	.page-template-page-contact #form-z {
	    width: 100%;
	}
	#relate-post .post-r {
	    flex-direction: column;
	}
	.single #relate-post .image-post-s {
	    height: 220px;
	    width: 100%;
	}
	#relate-post .image-post-s img {
	    width: 100%;
	    height: auto;
	}
	.single #relate-post .info-post-s {
	    width: auto;
	}
	.menu_min nav {
	    top: 55px;
	}

}
@media screen and (max-width: 360px) { 
	.tovar {
	    width: 290px;
	}
}