.page-template-page-multifunctional-equipment .main-content .block-5{
padding: 4em 0;
}
.page-template-page-multifunctional-equipment .main-content .block-5 .categories .item{
width: 33.33%;
}
.page-template-page-multifunctional-equipment .main-content .block-5 .categories .item.first{
background-color: #171695;
color: #FFF;
font-size: xx-large;
font-weight: 300;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
height: 320px;
padding: 2em;
}
.page-template-page-multifunctional-equipment .main-content .block-5 .categories .item a{
position: relative;
width: 100%;
height: 320px;
display: block;
}
.page-template-page-multifunctional-equipment .main-content .block-5 .categories .item a .image{
width: 100%;
height: 320px;
overflow: hidden;
}
.page-template-page-multifunctional-equipment .main-content .block-5 .categories .item a .image::before{
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 69, 136, .64);
-webkit-transition: all .6s;
-moz-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
}
.page-template-page-multifunctional-equipment .main-content .block-5 .categories .item a:hover .image::before{
background-color: rgba(0, 69, 136, .48);   
}
.page-template-page-multifunctional-equipment .main-content .block-5 .categories .item a .image img{
display: block;
width: 100%;
height: 320px;
object-fit: cover;
-o-object-fit: cover;
object-position: center;
-o-object-position: center;
-webkit-transition: all .6s;
-moz-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
filter: grayscale(100);
transform: scale(1.00);
-ms-transform: scale(1.00);
-moz-transform: scale(1.00);
-webkit-transform: scale(1.00);
-o-transform: scale(1.00);
}
.page-template-page-multifunctional-equipment .main-content .block-5 .categories .item a:hover .image img{
filter: grayscale(0);
}
.page-template-page-multifunctional-equipment .main-content .block-5 .categories .item a .title,
.page-template-page-multifunctional-equipment .main-content .block-5 .categories .item a .title:link,
.page-template-page-multifunctional-equipment .main-content .block-5 .categories .item a .title:active,
.page-template-page-multifunctional-equipment .main-content .block-5 .categories .item a .title:focus,
.page-template-page-multifunctional-equipment .main-content .block-5 .categories .item a .title:visited{
position: absolute;
top: 0;
left: 0;
z-index: 5;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 2em;
color: #FFF;
font-size: x-large;
font-weight: 700;
text-transform: uppercase;
text-align: center;
} @media (max-width: 319.98px){
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories{
flex-direction: column;
}
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item{
width: 100%;
}
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item a,
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item a .image,
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item a .image img,
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item.first{
height: 150px;
}
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item.first{
font-size: x-large;
}
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item a .title{
font-size: large;
padding: 1em;
}}
@media (min-width: 320px) and (max-width: 575.98px){
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories{
flex-direction: column;
}
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item{
width: 100%;
}
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item a,
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item a .image,
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item a .image img,
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item.first{
height: 150px;
}
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item.first{
font-size: x-large;
}
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item a .title{
font-size: large;
padding: 1em;
}}
@media (min-width: 576px) and (max-width: 767.98px){
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories{
flex-direction: column;
}
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item{
width: 100%;
}
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item a,
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item a .image,
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item a .image img,
.page-template-page-multifunctional-equipment .main-content div.block-5 .categories .item.first{
height: 200px;
}}