.flex {
    display: flex !important;
    justify-content: space-between;
    position: relative;
}
.flex-center{
    align-items: center !important; 
}
.flex-start{
    align-items: flex-start !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-start{
    justify-content:flex-start!important;
}

.flex-column{
	flex-direction:column !important;
}


.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}

.fl{
	float: left !important;
}
.fr{
	float: right !important;
}
.nopadding{
	padding:0 !important;
}

.one-line{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.two-line{
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.three-line{
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.visible{
	overflow:visible !important;
}


@media (max-width: 767px){
	.flex{
		display:block !important;
	}
	.flex > .item,
	.flex > div{
		width:100% !important;
	}
}