.col-three-icon {
}

.col-three-icon .row-wrap {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.col-three-icon .row-wrap .col-three {
    flex:  0 0 33.33%;
    max-width: 33.33%;
}

.col-three-icon .row-wrap .col-three .icon-wrap {
    margin: 0 auto 17px;
    max-width: 105px;
}
.col-three-icon .row-wrap .col-three .icon-wrap img {
    width: 100%;
    /*height: 100%;*/
    object-fit: cover;
}
.col-three-icon .row-wrap .col-three .content {
    padding: 0 16px;
}
.col-three-icon .row-wrap .col-three .content h4 {
    max-width: 400px;
    margin: 0 auto 12px;
    line-height: 1.5;
    font-weight: 900;
    color: #414141;
    letter-spacing: 0.04em;
}
.col-three-icon .row-wrap .col-three .content p {
    text-align: center;
}

@media (max-width: 991px)  {

    .col-three-icon .row-wrap {
        text-align: left;
    }
    .col-three-icon .row-wrap .col-three {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 30px;
    }
    .col-three-icon .row-wrap .col-three .icon-wrap {
        margin-left: 0;
    }
    .col-three-icon .row-wrap .col-three .content {
        padding: 0 10px 0px 0;
    }
    .col-three-icon .row-wrap .col-three .content h4 {
        max-width: 100%;
    }
}

@media (max-width: 595px)  {
    .col-three-icon .row-wrap .col-three .content {
        padding: 0;
        margin-bottom: 15px;
    }
    .col-three-icon .row-wrap .col-three {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 14px;
    }
    .col-three-icon .row-wrap .col-three .icon-wrap {
        max-width: 51px;
        height: 51px;
        margin-bottom: 6px;
    }
    .col-three-icon .row-wrap .col-three .content h4 {
        font-size: 20px;
        margin-bottom: 14px;
    }
    .col-three-icon .row-wrap .col-three .content p {
        margin-bottom: 14px;
        line-height: 1.56;
    }
}

.ua-safari .col-three-icon .row-wrap .col-three .content h4 {
     max-width: 100%;
}

.ua-ie .col-three-icon .row-wrap .col-three .content h4 {
    max-width: 100%;
}
.ua-firefox .col-three-icon .row-wrap .col-three .content h4 {
    max-width: 100%;
}