.produkty{
display: flex;
grid-template-columns: 2fr 1fr;
grid-gap: 80px;
justify-content:center;
}
.content-text{
max-width: 940px;
}


.topDiv{
display: flex;
justify-content: space-between;
align-items: center;
}

.topDiv .dateAdd{
color: #8E8E8E;
font-size: 18px;
font-weight: 400;
}

.imgDiv {
margin: 0px 0px 20px 0px;
width: 100%;
text-align: center;
}
.dsc{
padding-bottom: 30px;
}
.dsc:after{
content: "";
display: block;
clear: both;
}
.divContent{
padding-bottom: 50px;
}
.contentCategory{
overflow: hidden;
}


.category3 ul,.content-text .category3 ul{
overflow: hidden;
list-style: none;
margin: 0px auto;
max-width: 100%;
padding: 0px;

}
.category3 ul li,.content-text .category3 ul li{
background: none;
line-height: normal;
padding: 0;
float: left;
position: relative;
overflow: hidden;
max-width: 100%;
box-sizing:border-box;
padding: 10px;
/*transition: all 0.5s ease-out 0s;*/

}
.category3 ul li.sep,.content-text .category3 ul li.sep{
clear: both;
}

.category3 ul li a,.content-text .category3 ul li a{
position: relative;
display: block;
width: 100%;
box-sizing:border-box;
}

.category3 ul li a .title,.content-text .category3 ul li a .title{
display: block;
box-sizing: border-box;
padding: 14px;
background-color: #FAFAFA;
font-size: 14px;
color: #000000;
font-weight: 400;
width: 100%;
}

.category3 ul li a:after{
content: "";
background-color: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
top:0px;
left: 0px;
position: absolute;
transition: all 0.5s ease-out 0s;
opacity:0;
}

/*
.category3 ul:hover li:not(:hover) a:after{
opacity:1;
transition: all 0.5s ease-out 0s;
}
*/

.category3 ul li img,.content-text .category3 ul li img{
background-color: transparent;
border: none;
padding: 0px;
margin: 0px 0px 0px 0px;
width: 100%;
max-width: 100%;
vertical-align: top;
transition: all 0.5s ease-out 0s;
}
.category3 ul li a:hover img{
transform: scale(1.1);
}

.category3 ul li .bottomTitleS,.content-text .category3 ul li .bottomTitleS{
position: absolute;
bottom: -10px;
text-align: center;
display: block;
width: 100%;
bottom: 0px;
width: calc(100% - 10px);
padding: 5px 5px;
color: #000000;
left: 0px;
}

.catDesc{
color: #333333;
font-size: 13px;
margin: 0px 0px 20px 0px;
}

.content-text .category3 .flexGal,.category3 .flexGal{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
}

.content-text .category3 .flexGal li a, .category3 .flexGal li a{
display: flex;
flex-wrap: wrap;
overflow: hidden;
height: 100%;
}

.flexGal li img{
align-self:stretch;
-webkit-align-self:stretch;
height: 100%;
}

.footVideo{padding: 50px 0px 0px 0px}
.powrot{display:inline-block;transition:all 0.5s ease;border:3px solid #000000;color:#000000;font-size:20px;padding:20px 30px 20px 30px;position:relative;font-weight:800;border-radius:50px;text-transform:uppercase;}
.powrot:hover{color:#FFFFFF;background-color:#000000;}
.powrot:before{content:"";width:16px;height:16px;box-sizing:border-box;transition:all 0.5s ease-out 0s;background-repeat:no-repeat;border-style:solid;border-color:#000000;border-width:0px 3px 3px 0px;display:inline-block;transform:rotate(135deg);margin-right:15px;}
.powrot:hover:before{border-color:#FFFFFF;}

@media screen and (max-width:1200px){
.powrot {
padding: 15px 30px;
font-size: 17px;
}
}
@media screen and (max-width:1550px){
.produkty{grid-gap: 40px;}
}


@media screen and (max-width:670px){
.content-text {
max-width: 100%;
}
.produkty{
flex-wrap: wrap;
}
}