/*** DYNAMIC WIDTH ELEMENTS ***/
/* one item */
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(1){width: 100%;}
/* two items */
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(2),
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(2) ~ .dynamic-width-element{width: 50%;}
/* three items */
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(3),
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(3) ~ .dynamic-width-element{width: 33.3333%;}
/* four items */
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(4),
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(4) ~ .dynamic-width-element{width: 25%;}
/* five items */
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(5),
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(5) ~ .dynamic-width-element{width: 20%;}
/* six items */
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(6),
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(6) ~ .dynamic-width-element{width: 16.6667%;}
/* seven items */
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(7),
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(7) ~ .dynamic-width-element{width: 14.2857%;}
/* eight items */
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(8),
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(8) ~ .dynamic-width-element{width: 12.5%;}
/* nine items */
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(9),
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(9) ~ .dynamic-width-element{width: 11.1%;}
/* ten items */
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(10),
.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(10) ~ .dynamic-width-element{width: 10%;}

@media (max-width: 1024px){
	/* one item */
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(1){width: 100%;}
	/* two items */
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(2),
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(2) ~ .dynamic-width-element{width: 50%;}
	/* three items */
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(3),
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(3) ~ .dynamic-width-element{width: 33.3333%;}
	/* four items */
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(4),
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(4) ~ .dynamic-width-element{width: 33.3333%;}
	/* five items */
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(5),
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(5) ~ .dynamic-width-element{width: 33.3333%;}
	/* six items */
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(6),
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(6) ~ .dynamic-width-element{width: 33.3333%;}
	/* seven items */
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(7),
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(7) ~ .dynamic-width-element{width: 33.3333%;}
	/* eight items */
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(8),
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(8) ~ .dynamic-width-element{width: 33.3333%;}
	/* nine items */
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(9),
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(9) ~ .dynamic-width-element{width: 33.3333%;}
	/* ten items */
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(10),
	.dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(10) ~ .dynamic-width-element{width: 33.3333%;}
}
@media (max-width: 768px){
    /* one item */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(1){width: 100%;}
    /* two items */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(2),
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(2) ~ .dynamic-width-element{width: 50%;}
    /* three items */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(3),
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(3) ~ .dynamic-width-element{width: 50%;}
    /* four items */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(4),
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(4) ~ .dynamic-width-element{width: 50%;}
    /* five items */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(5),
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(5) ~ .dynamic-width-element{width: 50%;}
    /* six items */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(6),
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(6) ~ .dynamic-width-element{width: 50%;}
    /* seven items */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(7),
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(7) ~ .dynamic-width-element{width: 50%;}
    /* eight items */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(8),
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(8) ~ .dynamic-width-element{width: 50%;}
    /* nine items */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(9),
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(9) ~ .dynamic-width-element{width: 50%;}
    /* ten items */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(10),
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(10) ~ .dynamic-width-element{width: 50%;}
}
@media (max-width: 480px){
    /* one item */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(1){width: 100%;}
    /* two items */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(2),
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(2) ~ .dynamic-width-element{width: 100%;}
    /* three items */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(3),
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(3) ~ .dynamic-width-element{width: 100%;}
    /* four items */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(4),
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(4) ~ .dynamic-width-element{width: 100%;}
    /* five items */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(5),
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(5) ~ .dynamic-width-element{width: 100%;}
    /* six items */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(6),
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(6) ~ .dynamic-width-element{width: 100%;}
    /* seven items */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(7),
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(7) ~ .dynamic-width-element{width: 100%;}
    /* eight items */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(8),
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(8) ~ .dynamic-width-element{width: 100%;}
    /* nine items */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(9),
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(9) ~ .dynamic-width-element{width: 100%;}
    /* ten items */
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(10),
    .dynamic-width-elements .dynamic-width-element:first-child:nth-last-child(10) ~ .dynamic-width-element{width: 100%;}
}
/*** DYNAMIC WIDTH ELEMENTS ***/