.tags {
    position: relative;
    display: block;
}
ul.tags--list {
    list-style: none;
}
.tags--list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    
    /*position: relative;
    display: block;
    margin: 5px 0px;
    overflow: hidden;
    width: 100%;
    max-width: 100%;*/
    
}


.tags--tag,
.tags--tag.active{
    /*display: inline-block;
    float: left;*/
    flex: none;
    width: -webkit-calc(50% - 8px);
    width: calc(50% - 8px);
    text-align: center;
    padding: 10px 0;
    margin: 10px 0px;
    font-size: 13px;
    border: 1px solid #555555;
    -webkit-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;

}
.tags--tag:nth-child(2) {
    margin-right:0;
}
.step2Btn.tags--tag {
    display: block;
}
@media screen and (min-width: 768px) {
    .tags--list {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start
    }
    .tags--tag,
    .tags--tag.active{
        width: -webkit-calc(33.333% - 15px);
        width: calc(33.333% - 15px);
        margin: 10px 15px 10px 0;
    }
    .tags--tag:nth-child(2) {
        margin: 10px 15px 10px 0;
    }
    .tags--tag:nth-child(3) {
        margin-right: 0;
    }
    .step2Btn.tags--tag {
        width: 100%;
    }
}
@media screen and (min-width: 992px) {
    .tags--tag,
    .tags--tag.active{
        width: auto;
        min-width: 160px;
    }
    .tags--tag:nth-child(3) {
        margin: 10px 15px 10px 0;
    }
}

.tags--tag .active {
    color: rgb(232, 88, 17);
}

.tags--tag:hover {
    background: #3EA130;
    border: 1px solid #3EA130;
    color: #fff!important;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.tags--tag:hover a{
    color: #fff;
}

.tags--tagActive {
    flex: none;
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 25px);
    text-align: center;
    padding: 10px 0;
    margin: 10px 15px 10px 0;
    font-size: 13px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.tags--tagActive,
.tags--tag.active{
    background: #33691E;
    border: 1px solid #33691E;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.tags--tagDelete {
    flex: none;
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 25px);
    text-align: center;
    padding: 10px 0;
    margin: 10px 15px 10px 0;
    font-size: 13px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.tags--tagDelete a {
    color: red;
}
#lipoFinderStep3 .tags--tagDelete {
    text-align: right;
}
.tags--tagDelete a:hover {
    color: darkred;
}
.tags--tagDelete span {
    position: relative;
    top: 3px;
}
@media screen and (min-width: 768px) {
    .tags--tagActive,
    .tags--tagDelete {
        width: -webkit-calc(33.333% - 25px);
        width: calc(33.333% - 15px);
    }
}
@media screen and (min-width: 992px) {
    .tags--tagActive,
    .tags--tagDelete {
        width: auto;
        min-width: 160px;
    }
}




.content_page ul.tags--list { list-style: none }
.content_page li.tags--tag { list-style: none }
.content_page ul.list-unstyled li {
    padding-left: 10px;

}