.flexible_content {
width : 80%;
max-width : 1366px;
margin : 0 auto 0 auto;
}

.flexible_content > div, .flexible_content > div > div, .flexible_content > div > div > div {
position : relative;

overflow : hidden;

background-position : center;
background-repeat : no-repeat;
background-size : cover;
}

.fullwidth {
width : 100%; 
}
.fullwidth > div {
padding : 0 7.5% 0 7.5%;
}

.cflex-2, .cflex-3, .cflex-4, .onebytwo, .twobyone {
width : 100%;

display : flex !important;
flex-wrap : nowrap;
}

.onebytwo > div {
width : 25%;

padding : 0 2.5% 0 7.5%;
}
div.onebytwo > div:nth-of-type(2) {
width : 55%;

padding : 0 7.5% 0 2.5%;
}

.twobyone > div {
width : 55%;

padding : 0 2.5% 0 7.5%;
}
div.twobyone > div:nth-of-type(2) {
width : 25%;

padding : 0 7.5% 0 2.5%;
}

.cflex-2 > div {
width : 40%;

padding : 0 2.5% 0 7.5%;
}
div.cflex-2 > div:nth-of-type(2) {
padding : 0 7.5% 0 2.5%;
}


.cflex-3 > div {
width : 25%;

padding : 0 2.5% 0 7.5%;
}
div.cflex-3 > div:nth-of-type(2) {
padding : 0 2.5% 0 2.5%;
}
div.cflex-3 > div:nth-of-type(3) {
padding : 0 7.5% 0 2.5%;
}


.cflex-4 > div {
width : 17.5%;

padding : 0 2.5% 0 7.5%;
}
div.cflex-4 > div:nth-of-type(2) {
padding : 0 2.5% 0 2.5%;
}
div.cflex-4 > div:nth-of-type(3) {
padding : 0 2.5% 0 2.5%;
}
div.cflex-4 > div:nth-of-type(4) {
padding : 0 7.5% 0 2.5%;
}


@media screen and (max-width: 960px) {
.cflex-2, .cflex-3, .cflex-4, .fullwidth, .onebytwo, .twobyone {
flex-direction : column;
}

.onebytwo > div {
width : calc(100% - 15vw) !important;

padding : 0 7.5% 0 7.5% !important;
}
.twobyone > div {
width : calc(100% - 15vw) !important;

padding : 0 7.5% 0 7.5% !important;
}

.cflex-2 > div {
width : calc(100% - 15vw) !important;

padding : 0 7.5% 0 7.5% !important;
}

.cflex-4 > div {
width : calc(100% - 15vw) !important;

padding : 0 7.5% 0 7.5% !important;
}
.cflex-3 > div {
width : calc(100% - 15vw) !important;

padding : 0 7.5% 0 7.5% !important;
}

.cflex-4 > div {
width : calc(100% - 15vw) !important;

padding : 0 7.5% 0 7.5% !important;
}
}