.flex {
    display: flex;
    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;
}

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

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



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