.equipment{padding:15px 0 30px;overflow:hidden;}
.equipment h2{margin-bottom:30px;}
.equipment .item,
.equipment .advantages .item{position:relative;float:left;display:block;width:100%;max-width:190px;height:175px;margin:2.5px;box-sizing:border-box;overflow:hidden;font-size:18px;background:#efefef;color:#262626;cursor:pointer;}
.equipment .item:first-of-type{max-width:380px;min-height:355px;background:#005e9c;font-size:28px;color:#ffffff;}
.equipment .item:nth-of-type(2){background:#ddf1f4;}
.equipment .item:nth-of-type(6){background:#92d1e8;}
.equipment .item .name{display:block;line-height:19px;color:inherit;font-size:inherit;}
.equipment .item .info{display:inline-block;margin:20px 0 10px 20px;}
.equipment .item .text{display:block;height:0;opacity:0;margin:0;font-size:14px;}
.equipment .item:first-of-type .info{margin:20px 0 0 25px;}
.equipment .item:first-of-type .text{max-width: 90%;}
.equipment .item img{display:block;margin:0 auto;}
.equipment .item:first-of-type img{max-width:330px;max-height:none;margin:7% 0 0 20%;}
.equipment .item img.tablet,
.equipment .item img.projector{float:right;}
.equipment .item img.appliances{max-width: 80%;}
.equipment .item img.hob{position: absolute; bottom: 0;left: 0;right: 0;margin: auto;}
.equipment .item:hover::before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);transition:all 0.2s linear;}
.equipment .item:hover .info{position:relative;z-index:2;color:#ffffff;}
.equipment .item:hover .text{position:absolute;top:65px;left:20px;z-index:2;height:auto;opacity:1;color:#ffffff;transition:all 0.3s linear;}
.equipment .item.vertical {
    min-height: 355px;
}
.equipment .item.vertical img {
    margin: 20px auto 0;
}
.equipment .item.vertical .text {
    max-width: 80%;
}
.equipment .item.middle {
    max-width: 380px;
}

.advantages{float:left;width:100%;max-width:585px;overflow:hidden;}
.advantages h2{margin-top:0;}
.equipment .advantages .item{display:block;min-height:inherit;text-align:center;background:#fff;}
.equipment .advantages .item:first-of-type{max-width:190px;color:#262626;}
.equipment .advantages .item:hover::before{display:none;}
.advantages .item .image img{display:block;max-width:inherit;margin:15px auto 5px;}
.advantages .item .name{display:block;font-size:18px;line-height:20px;max-width:90%;margin:0 auto;}

@media (max-width: 1024px) and (min-width: 768px) {
    .equipment .item:first-of-type {
        max-width: 350px;
    }
    .equipment .item.middle {
        max-width: 385px;
    }
}

@media (min-width: 371px) and (max-width: 767px) {
    .equipment .item {
        max-width: 49.3%;
    }
    .equipment .item:first-of-type {
        max-width: 99.5%;
        margin: 2.5px 0;
        min-height: 170px;
    }
    .equipment .item img {
        max-height: 85px;
    }
    .equipment .item:first-of-type img {
        max-width: 150px;
        margin: 3% auto 0;
    }
    .equipment .item:nth-of-type(2),
    .equipment .item:nth-of-type(4) {
        margin-left: 0;
    }
    .equipment .item:nth-of-type(3),
    .equipment .item:nth-of-type(5),
    .equipment .item:nth-of-type(6) {
        margin-right: 0;
    }
    .equipment .item.vertical {
        min-height: 140px;
    }


}
@media (max-width: 370px) {
    .equipment .item,
    .equipment .item.vertical,
    .equipment .item:first-of-type {
        max-width: 100%;
        height: 140px;
        min-height: 140px;
    }
    .equipment .item img.tablet,
    .equipment .item img.projector{
        margin-top: 40px;
    }
    .equipment .item img {
        max-height: 85px;
    }
    .equipment .item:first-of-type img {
        max-width: 80px;
        margin: 3% auto 0;
    }
}