/* Column Devide areas */

.field_items {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.column_one {
    width: 100%;
    margin: 6px 15px;
    text-align: left;
    font-family: "popins_regular";
}
.column_two {
    text-align: left;
    margin: 6px 15px;
    width: calc((100% - 60px)/2);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.column_two.mr_0 {
    margin: 6px 0 6px 15px;
}
.column_three {
    text-align: left;
    margin: 6px 15px;
    width: calc((100% - 90px)/3);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.column_four {
    text-align: left;
    margin: 6px 15px;
    width: calc((100% - 120px)/4);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.column_five {
    text-align: left;
    margin: 6px 15px;
    width: calc((100% - 150px)/5);
    position: relative;
    display: flex;
    flex-direction: column;
}
.column_six {
    text-align: left;
    margin: 6px 15px;
    width: calc((100% - 180px)/6);
    position: relative;
    display: flex;
    flex-direction: column;
}
.column_seven {
    text-align: left;
    margin: 6px 15px;
    width: calc((100% - 210px)/7);
    position: relative;
    display: flex;
    flex-direction: column;
}
.column_eight {
    text-align: left;
    margin: 6px 15px;
    width: calc((100% - 240px)/8);
    position: relative;
    display: flex;
    flex-direction: column;
}
.column_nine {
    text-align: left;
    margin: 6px 15px;
    width: calc((100% - 270px)/9);
    position: relative;
    display: flex;
    flex-direction: column;
}
.column_ten {
    text-align: left;
    margin: 6px 15px;
    width: calc((100% - 300px)/10);
    position: relative;
    display: flex;
    flex-direction: column;
}
.column_eleven {
    text-align: left;
    margin: 6px 15px;
    width: calc((100% - 330px)/11);
    position: relative;
    display: flex;
    flex-direction: column;
}
.column_twelve {
    text-align: left;
    margin: 6px 15px;
    width: calc((100% - 360px)/12);
    position: relative;
    display: flex;
    flex-direction: column;
}

.d-flex{
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}

.column_6 {
    width: calc((100% - 60px)/2);
    margin: 0 15px;
}
.column_12 {
    width: 100%;
    max-width: 100%;
    margin: 0 15px;
}


.col-md-4 {
    width: 33.33333333%;
    margin: 0 15px;
}
.col-md-8 {
    width: 66.33333333%;
    margin: 0 15px;
}