.box_ciecie{
padding-bottom: 113px;
}
.topTniemy{

}
.menuCoTniemy{
width: 1400px;
margin: 0px auto;
box-sizing: border-box;
max-width: 100%;
}
.topTniemy .tytulH1{

}
.menuCoTniemy{

}
.menuCoTniemy ul{
list-style: none;
display: table;
width: 100%;
table-layout: fixed;
}
.menuCoTniemy ul li{
display: table-cell;
text-align: center;
padding: 0px 7px;
position: relative;
box-sizing: border-box;
vertical-align: bottom;
}
.menuCoTniemy ul li:after{
content: "";
width: 1px;
height: 20%;
position: absolute;
right: 0px;
top:0px;
bottom: 0px;
margin: auto;
background-color: #eeeff1;
display: block;
}
.menuCoTniemy ul li:last-child:after{
display: none;
}

.menuCoTniemy ul li .ciecieIn{
padding: 40px 0px;
display: block;
/*border-bottom: 3px solid #63cbdd;*/
box-sizing: border-box;
font-size: 21px;
font-weight: 300;
color: #343434;
position: relative;
transition: all 0.5s ease-out 0s;
}
.menuCoTniemy ul li .ciecieIn:after{
content: "";
display: block;
position: absolute;
width: 100%;
height: 3px;
bottom: 0px;
left: 0px;
background-color: #b60000;
transition: all 0.5s ease-out 0s;
z-index: -1;
}
.menuCoTniemy ul li .ciecieIn:hover{
color: #FFFFFF;
}
.menuCoTniemy ul li .ciecieIn:hover:after{
height: 100%;
}

@media screen and (max-width:1200px){
.menuCoTniemy{width: 100%;}
.menuCoTniemy ul {width: 100%;}
.box_ciecie {padding-bottom: 30px;}
}
@media screen and (max-width:1100px){
.box_ciecie {padding-bottom: 30px;}
}
@media screen and (max-width:840px){
.topTniemy {padding: 1% 0 3% 0}
}
@media screen and (max-width:740px){
.menuCoTniemy ul {display: flex;text-align: center;align-items: flex-end;flex-wrap: wrap;justify-content: center}
.menuCoTniemy ul li {display: inline-block;width: 33.333%;vertical-align: middle}
.menuCoTniemy ul li .ciecieIn {padding: 20px 0px;}
}
@media screen and (max-width:510px){
.menuCoTniemy ul li {width: 50%}
}