.st-nav-menu-module {
    font-family: inherit;
    margin-left: auto;
    margin-right: auto;
  
}

.row-flex-wrap {
    -webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex: 0;
}


.row-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 1 auto;
}

.col-md-menu {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    text-align: center
}

.st-icon-menu li {
    transition: .6s;
    position: relative;
    padding: 8px;
    box-sizing: border-box
}

.st-icon-menu li:first-child {
    padding-left: 0
}

.st-icon-menu li:last-child {
    padding-right: 0
}

.st-icon-menu {
    margin: 0;
    padding: 0;
    list-style: none
}

.st-icon-menu li a {
    display: block;
    padding: 15px 15px 20px;
    overflow: hidden;
    transition: .6s;
    line-height: 22px;
    height: 100%;
    font-family: inherit;
    box-sizing: border-box;
    text-decoration: none
}

.st-icon-menu li a::before {
    display: block;
    font-size: 40px;
    width: 80px;
    height: 80px;
    border: 3px solid #fff;
   
    line-height: 72px;
    margin: 10px auto 20px auto;
    transition: .6s;
    font-family: FontAwesome;
    box-sizing: border-box;
}

/*.st-icon-menu li a:hover::before{
	transform: rotate(15deg);
}*/
.st-icon-menu li a:hover,
.st-icon-menu li a:active,
.st-icon-menu li a:focus {
    text-decoration: none
}

.st-icon-menu li:after {
    position: absolute;
    bottom: 0;
    left: 40%;
    display: inline-block;
    content: "";
    margin-bottom: 20px;
    background-color: #fff;
    width: 20%;
    height: 3px;
    transition-duration: .4s;
}

.st-icon-menu li:hover:after,
.st-icon-menu .current:after {
    left: 10%;
    width: 80%;
    transition-duration: .4s;
}

.st-icon-menu .col-md-menu img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 14px auto
}

.clear {
    clear: both
}

@media (max-width: 991.98px) {
    .st-icon-menu li {
        width: 33.333333333%;
        flex-basis: auto;
        display: block
    }
    .st-icon-menu li:first-child {
    padding-left: 8px
}

.st-icon-menu li:last-child {
    padding-right: 8px
}
}

@media (max-width: 767.98px) {
    .st-icon-menu li {
        width: 50%;
        flex-basis: auto
    }
}

@media (max-width: 575.98px) {
    .st-icon-menu li {
        width: 100%;
        flex-basis: auto
    }
}