html {
    overflow-x: hidden;
    overflow-y: visible;
}

/* Grid system container */
.ddl-grid:after, .ddl-view:after, .float-clear:after {
    display: block;
    clear: both;
    content: ' ';
}

.ddl-grid {
    width: 100%;
    min-width: 320px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 !important;
}

@media (min-width: 1008px) {
    /* alias md */
    .ddl-grid {
        max-width: 1008px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 1260px) {
    /* alias lg */
    .ddl-grid {
        max-width: 1236px;
        margin-right: auto;
        margin-left: auto;
    }
}

/*@media (min-width: 1512px) { alias xl
	
	.ddl-grid {
		max-width: 1512px;
		margin-left: auto;
		margin-right: auto
	}
	
	.ddl-grid:after {
		content: " ";
		display: block;
		clear: both
	}
	
}
/* Grid system container end */

/* DDL Grid system columns basics */
.ddl-col {
    min-height: 1px;
}

/* DDL Grid system columns basics end */

/* DDL Grid system centered columns */
.ddl-col--centered {
    display: block;
    float: none !important;
    clear: both !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* DDL Grid system centered columns end */

/* DDL Grid system fluid columns end */
.ddl-col--half {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding-right: 4.34783%;
    padding-left: 4.34783%;
}

.ddl-col--1, .ddl-col--2, .ddl-col--3, .ddl-col--4, .ddl-col--5, .ddl-col--6 {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-right: 4.34783%;
    padding-left: 4.34783%;
}

@media (min-width: 320px) {
    /* alias xx */
    .ddl-col--xx--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        padding-right: 4.34783%;
        padding-left: 4.34783%;
    }

    .ddl-col--xx--1, .ddl-col--xx--2, .ddl-col--xx--3, .ddl-col--xx--4, .ddl-col--xx--5, .ddl-col--xx--6 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-right: 4.34783%;
        padding-left: 4.34783%;
    }

    .ddl-grid--24 .ddl-col--half {
        width: 12.5%;
    }

    .ddl-grid--24 .ddl-col--1, .ddl-grid--24 .ddl-col--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 1.08696%;
        padding-left: 1.08696%;
    }

    .ddl-grid--24 .ddl-col--1 {
        width: 25%;
    }

    .ddl-grid--24 .ddl-col--2 {
        width: 50%;
    }

    .ddl-grid--24 .ddl-col--2, .ddl-grid--24 .ddl-col--3 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 1.08696%;
        padding-left: 1.08696%;
    }

    .ddl-grid--24 .ddl-col--3 {
        width: 75%;
    }

    .ddl-grid--24 .ddl-col--4, .ddl-grid--24 .ddl-col--5, .ddl-grid--24 .ddl-col--6, .ddl-grid--24 .ddl-col--7, .ddl-grid--24 .ddl-col--8, .ddl-grid--24 .ddl-col--9, .ddl-grid--24 .ddl-col--10, .ddl-grid--24 .ddl-col--11, .ddl-grid--24 .ddl-col--12, .ddl-grid--24 .ddl-col--13, .ddl-grid--24 .ddl-col--14, .ddl-grid--24 .ddl-col--15, .ddl-grid--24 .ddl-col--16, .ddl-grid--24 .ddl-col--17, .ddl-grid--24 .ddl-col--18, .ddl-grid--24 .ddl-col--19, .ddl-grid--24 .ddl-col--20, .ddl-grid--24 .ddl-col--21, .ddl-grid--24 .ddl-col--22, .ddl-grid--24 .ddl-col--23, .ddl-grid--24 .ddl-col--24 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-right: 1.08696%;
        padding-left: 1.08696%;
    }

    .ddl-grid--24 .ddl-col--xx--half {
        width: 12.5%;
    }

    .ddl-grid--24 .ddl-col--xx--1, .ddl-grid--24 .ddl-col--xx--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 1.08696%;
        padding-left: 1.08696%;
    }

    .ddl-grid--24 .ddl-col--xx--1 {
        width: 25%;
    }

    .ddl-grid--24 .ddl-col--xx--2 {
        width: 50%;
    }

    .ddl-grid--24 .ddl-col--xx--2, .ddl-grid--24 .ddl-col--xx--3 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 1.08696%;
        padding-left: 1.08696%;
    }

    .ddl-grid--24 .ddl-col--xx--3 {
        width: 75%;
    }

    .ddl-grid--24 .ddl-col--xx--4, .ddl-grid--24 .ddl-col--xx--5, .ddl-grid--24 .ddl-col--xx--6, .ddl-grid--24 .ddl-col--xx--7, .ddl-grid--24 .ddl-col--xx--8, .ddl-grid--24 .ddl-col--xx--9, .ddl-grid--24 .ddl-col--xx--10, .ddl-grid--24 .ddl-col--xx--11, .ddl-grid--24 .ddl-col--xx--12, .ddl-grid--24 .ddl-col--xx--13, .ddl-grid--24 .ddl-col--xx--14, .ddl-grid--24 .ddl-col--xx--15, .ddl-grid--24 .ddl-col--xx--16, .ddl-grid--24 .ddl-col--xx--17, .ddl-grid--24 .ddl-col--xx--18, .ddl-grid--24 .ddl-col--xx--19, .ddl-grid--24 .ddl-col--xx--20, .ddl-grid--24 .ddl-col--xx--21, .ddl-grid--24 .ddl-col--xx--22, .ddl-grid--24 .ddl-col--xx--23, .ddl-grid--24 .ddl-col--xx--24 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-right: 1.08696%;
        padding-left: 1.08696%;
    }

}

@media (min-width: 504px) {
    /* alias xs */
    .ddl-col--half {
        width: 25%;
    }

    .ddl-col--1, .ddl-col--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 2.17391%;
        padding-left: 2.17391%;
    }

    .ddl-col--1 {
        width: 50%;
    }

    .ddl-col--2, .ddl-col--3, .ddl-col--4, .ddl-col--5, .ddl-col--6 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-right: 2.17391%;
        padding-left: 2.17391%;
    }

    .ddl-col--xs--half {
        width: 25%;
    }

    .ddl-col--xs--1, .ddl-col--xs--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 2.17391%;
        padding-left: 2.17391%;
    }

    .ddl-col--xs--1 {
        width: 50%;
    }

    .ddl-col--xs--2, .ddl-col--xs--3, .ddl-col--xs--4, .ddl-col--xs--5, .ddl-col--xs--6 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-right: 2.17391%;
        padding-left: 2.17391%;
    }

    .ddl-grid--24 .ddl-col--half {
        width: 6.25%;
    }

    .ddl-grid--24 .ddl-col--1, .ddl-grid--24 .ddl-col--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .54348%;
        padding-left: .54348%;
    }

    .ddl-grid--24 .ddl-col--1 {
        width: 12.5%;
    }

    .ddl-grid--24 .ddl-col--2 {
        width: 25%;
    }

    .ddl-grid--24 .ddl-col--2, .ddl-grid--24 .ddl-col--3 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .54348%;
        padding-left: .54348%;
    }

    .ddl-grid--24 .ddl-col--3 {
        width: 37.5%;
    }

    .ddl-grid--24 .ddl-col--4 {
        width: 50%;
    }

    .ddl-grid--24 .ddl-col--4, .ddl-grid--24 .ddl-col--5 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .54348%;
        padding-left: .54348%;
    }

    .ddl-grid--24 .ddl-col--5 {
        width: 62.5%;
    }

    .ddl-grid--24 .ddl-col--6 {
        width: 75%;
    }

    .ddl-grid--24 .ddl-col--6, .ddl-grid--24 .ddl-col--7 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .54348%;
        padding-left: .54348%;
    }

    .ddl-grid--24 .ddl-col--7 {
        width: 87.5%;
    }

    .ddl-grid--24 .ddl-col--8, .ddl-grid--24 .ddl-col--9, .ddl-grid--24 .ddl-col--10, .ddl-grid--24 .ddl-col--11, .ddl-grid--24 .ddl-col--12, .ddl-grid--24 .ddl-col--13, .ddl-grid--24 .ddl-col--14, .ddl-grid--24 .ddl-col--15, .ddl-grid--24 .ddl-col--16, .ddl-grid--24 .ddl-col--17, .ddl-grid--24 .ddl-col--18, .ddl-grid--24 .ddl-col--19, .ddl-grid--24 .ddl-col--20, .ddl-grid--24 .ddl-col--21, .ddl-grid--24 .ddl-col--22, .ddl-grid--24 .ddl-col--23, .ddl-grid--24 .ddl-col--24 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-right: .54348%;
        padding-left: .54348%;
    }

    .ddl-grid--24 .ddl-col--xs--half {
        width: 6.25%;
    }

    .ddl-grid--24 .ddl-col--xs--1, .ddl-grid--24 .ddl-col--xs--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .54348%;
        padding-left: .54348%;
    }

    .ddl-grid--24 .ddl-col--xs--1 {
        width: 12.5%;
    }

    .ddl-grid--24 .ddl-col--xs--2 {
        width: 25%;
    }

    .ddl-grid--24 .ddl-col--xs--2, .ddl-grid--24 .ddl-col--xs--3 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .54348%;
        padding-left: .54348%;
    }

    .ddl-grid--24 .ddl-col--xs--3 {
        width: 37.5%;
    }

    .ddl-grid--24 .ddl-col--xs--4 {
        width: 50%;
    }

    .ddl-grid--24 .ddl-col--xs--4, .ddl-grid--24 .ddl-col--xs--5 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .54348%;
        padding-left: .54348%;
    }

    .ddl-grid--24 .ddl-col--xs--5 {
        width: 62.5%;
    }

    .ddl-grid--24 .ddl-col--xs--6 {
        width: 75%;
    }

    .ddl-grid--24 .ddl-col--xs--6, .ddl-grid--24 .ddl-col--xs--7 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .54348%;
        padding-left: .54348%;
    }

    .ddl-grid--24 .ddl-col--xs--7 {
        width: 87.5%;
    }

    .ddl-grid--24 .ddl-col--xs--8, .ddl-grid--24 .ddl-col--xs--9, .ddl-grid--24 .ddl-col--xs--10, .ddl-grid--24 .ddl-col--xs--11, .ddl-grid--24 .ddl-col--xs--12, .ddl-grid--24 .ddl-col--xs--13, .ddl-grid--24 .ddl-col--xs--14, .ddl-grid--24 .ddl-col--xs--15, .ddl-grid--24 .ddl-col--xs--16, .ddl-grid--24 .ddl-col--xs--17, .ddl-grid--24 .ddl-col--xs--18, .ddl-grid--24 .ddl-col--xs--19, .ddl-grid--24 .ddl-col--xs--20, .ddl-grid--24 .ddl-col--xs--21, .ddl-grid--24 .ddl-col--xs--22, .ddl-grid--24 .ddl-col--xs--23, .ddl-grid--24 .ddl-col--xs--24 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-right: .54348%;
        padding-left: .54348%;
    }

}

@media (min-width: 756px) {
    /* alias sm */
    .ddl-col--half {
        width: 16.66667%;
    }

    .ddl-col--1, .ddl-col--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 1.44928%;
        padding-left: 1.44928%;
    }

    .ddl-col--1 {
        width: 33.33333%;
    }

    .ddl-col--2 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 66.66667%;
        padding-right: 1.44928%;
        padding-left: 1.44928%;
    }

    .ddl-col--3, .ddl-col--4, .ddl-col--5, .ddl-col--6 {
        width: 100%;
    }

    .ddl-col--3, .ddl-col--4, .ddl-col--5, .ddl-col--6, .ddl-col--sm--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 1.44928%;
        padding-left: 1.44928%;
    }

    .ddl-col--sm--half {
        width: 16.66667%;
    }

    .ddl-col--sm--1 {
        width: 33.33333%;
    }

    .ddl-col--sm--1, .ddl-col--sm--2 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 1.44928%;
        padding-left: 1.44928%;
    }

    .ddl-col--sm--2 {
        width: 66.66667%;
    }

    .ddl-col--sm--3, .ddl-col--sm--4, .ddl-col--sm--5, .ddl-col--sm--6 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-right: 1.44928%;
        padding-left: 1.44928%;
    }

    .ddl-grid--24 .ddl-col--half {
        width: 4.16667%;
    }

    .ddl-grid--24 .ddl-col--1, .ddl-grid--24 .ddl-col--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .36232%;
        padding-left: .36232%;
    }

    .ddl-grid--24 .ddl-col--1 {
        width: 8.33333%;
    }

    .ddl-grid--24 .ddl-col--2 {
        width: 16.66667%;
    }

    .ddl-grid--24 .ddl-col--2, .ddl-grid--24 .ddl-col--3 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .36232%;
        padding-left: .36232%;
    }

    .ddl-grid--24 .ddl-col--3 {
        width: 25%;
    }

    .ddl-grid--24 .ddl-col--4 {
        width: 33.33333%;
    }

    .ddl-grid--24 .ddl-col--4, .ddl-grid--24 .ddl-col--5 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .36232%;
        padding-left: .36232%;
    }

    .ddl-grid--24 .ddl-col--5 {
        width: 41.66667%;
    }

    .ddl-grid--24 .ddl-col--6 {
        width: 50%;
    }

    .ddl-grid--24 .ddl-col--6, .ddl-grid--24 .ddl-col--7 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .36232%;
        padding-left: .36232%;
    }

    .ddl-grid--24 .ddl-col--7 {
        width: 58.33333%;
    }

    .ddl-grid--24 .ddl-col--8 {
        width: 66.66667%;
    }

    .ddl-grid--24 .ddl-col--8, .ddl-grid--24 .ddl-col--9 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .36232%;
        padding-left: .36232%;
    }

    .ddl-grid--24 .ddl-col--9 {
        width: 75%;
    }

    .ddl-grid--24 .ddl-col--10 {
        width: 83.33333%;
    }

    .ddl-grid--24 .ddl-col--10, .ddl-grid--24 .ddl-col--11 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .36232%;
        padding-left: .36232%;
    }

    .ddl-grid--24 .ddl-col--11 {
        width: 91.66667%;
    }

    .ddl-grid--24 .ddl-col--12, .ddl-grid--24 .ddl-col--13, .ddl-grid--24 .ddl-col--14, .ddl-grid--24 .ddl-col--15, .ddl-grid--24 .ddl-col--16, .ddl-grid--24 .ddl-col--17, .ddl-grid--24 .ddl-col--18, .ddl-grid--24 .ddl-col--19, .ddl-grid--24 .ddl-col--20, .ddl-grid--24 .ddl-col--21, .ddl-grid--24 .ddl-col--22, .ddl-grid--24 .ddl-col--23, .ddl-grid--24 .ddl-col--24 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-right: .36232%;
        padding-left: .36232%;
    }

    .ddl-grid--24 .ddl-col--sm--half {
        width: 4.16667%;
    }

    .ddl-grid--24 .ddl-col--sm--1, .ddl-grid--24 .ddl-col--sm--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .36232%;
        padding-left: .36232%;
    }

    .ddl-grid--24 .ddl-col--sm--1 {
        width: 8.33333%;
    }

    .ddl-grid--24 .ddl-col--sm--2 {
        width: 16.66667%;
    }

    .ddl-grid--24 .ddl-col--sm--2, .ddl-grid--24 .ddl-col--sm--3 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .36232%;
        padding-left: .36232%;
    }

    .ddl-grid--24 .ddl-col--sm--3 {
        width: 25%;
    }

    .ddl-grid--24 .ddl-col--sm--4 {
        width: 33.33333%;
    }

    .ddl-grid--24 .ddl-col--sm--4, .ddl-grid--24 .ddl-col--sm--5 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .36232%;
        padding-left: .36232%;
    }

    .ddl-grid--24 .ddl-col--sm--5 {
        width: 41.66667%;
    }

    .ddl-grid--24 .ddl-col--sm--6 {
        width: 50%;
    }

    .ddl-grid--24 .ddl-col--sm--6, .ddl-grid--24 .ddl-col--sm--7 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .36232%;
        padding-left: .36232%;
    }

    .ddl-grid--24 .ddl-col--sm--7 {
        width: 58.33333%;
    }

    .ddl-grid--24 .ddl-col--sm--8 {
        width: 66.66667%;
    }

    .ddl-grid--24 .ddl-col--sm--8, .ddl-grid--24 .ddl-col--sm--9 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .36232%;
        padding-left: .36232%;
    }

    .ddl-grid--24 .ddl-col--sm--9 {
        width: 75%;
    }

    .ddl-grid--24 .ddl-col--sm--10 {
        width: 83.33333%;
    }

    .ddl-grid--24 .ddl-col--sm--10, .ddl-grid--24 .ddl-col--sm--11 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .36232%;
        padding-left: .36232%;
    }

    .ddl-grid--24 .ddl-col--sm--11 {
        width: 91.66667%;
    }

    .ddl-grid--24 .ddl-col--sm--12, .ddl-grid--24 .ddl-col--sm--13, .ddl-grid--24 .ddl-col--sm--14, .ddl-grid--24 .ddl-col--sm--15, .ddl-grid--24 .ddl-col--sm--16, .ddl-grid--24 .ddl-col--sm--17, .ddl-grid--24 .ddl-col--sm--18, .ddl-grid--24 .ddl-col--sm--19, .ddl-grid--24 .ddl-col--sm--20, .ddl-grid--24 .ddl-col--sm--21, .ddl-grid--24 .ddl-col--sm--22, .ddl-grid--24 .ddl-col--sm--23, .ddl-grid--24 .ddl-col--sm--24 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-right: .36232%;
        padding-left: .36232%;
    }

}

@media (min-width: 1008px) {
    /* alias md */
    .ddl-col--half {
        width: 12.5%;
    }

    .ddl-col--1, .ddl-col--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 1.08696%;
        padding-left: 1.08696%;
    }

    .ddl-col--1 {
        width: 25%;
    }

    .ddl-col--2 {
        width: 50%;
    }

    .ddl-col--2, .ddl-col--3 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 1.08696%;
        padding-left: 1.08696%;
    }

    .ddl-col--3 {
        width: 75%;
    }

    .ddl-col--4, .ddl-col--5, .ddl-col--6 {
        width: 100%;
    }

    .ddl-col--4, .ddl-col--5, .ddl-col--6, .ddl-col--md--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 1.08696%;
        padding-left: 1.08696%;
    }

    .ddl-col--md--half {
        width: 12.5%;
    }

    .ddl-col--md--1 {
        width: 25%;
    }

    .ddl-col--md--1, .ddl-col--md--2 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 1.08696%;
        padding-left: 1.08696%;
    }

    .ddl-col--md--2 {
        width: 50%;
    }

    .ddl-col--md--3 {
        width: 75%;
    }

    .ddl-col--md--3, .ddl-col--md--4, .ddl-col--md--5, .ddl-col--md--6 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 1.08696%;
        padding-left: 1.08696%;
    }

    .ddl-col--md--4, .ddl-col--md--5, .ddl-col--md--6 {
        width: 100%;
    }

    .ddl-grid--24 .ddl-col--half {
        width: 3.125%;
    }

    .ddl-grid--24 .ddl-col--1, .ddl-grid--24 .ddl-col--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .27174%;
        padding-left: .27174%;
    }

    .ddl-grid--24 .ddl-col--1 {
        width: 6.25%;
    }

    .ddl-grid--24 .ddl-col--2 {
        width: 12.5%;
    }

    .ddl-grid--24 .ddl-col--2, .ddl-grid--24 .ddl-col--3 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .27174%;
        padding-left: .27174%;
    }

    .ddl-grid--24 .ddl-col--3 {
        width: 18.75%;
    }

    .ddl-grid--24 .ddl-col--4 {
        width: 25%;
    }

    .ddl-grid--24 .ddl-col--4, .ddl-grid--24 .ddl-col--5 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .27174%;
        padding-left: .27174%;
    }

    .ddl-grid--24 .ddl-col--5 {
        width: 31.25%;
    }

    .ddl-grid--24 .ddl-col--6 {
        width: 37.5%;
    }

    .ddl-grid--24 .ddl-col--6, .ddl-grid--24 .ddl-col--7 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .27174%;
        padding-left: .27174%;
    }

    .ddl-grid--24 .ddl-col--7 {
        width: 43.75%;
    }

    .ddl-grid--24 .ddl-col--8 {
        width: 50%;
    }

    .ddl-grid--24 .ddl-col--8, .ddl-grid--24 .ddl-col--9 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .27174%;
        padding-left: .27174%;
    }

    .ddl-grid--24 .ddl-col--9 {
        width: 56.25%;
    }

    .ddl-grid--24 .ddl-col--10 {
        width: 62.5%;
    }

    .ddl-grid--24 .ddl-col--10, .ddl-grid--24 .ddl-col--11 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .27174%;
        padding-left: .27174%;
    }

    .ddl-grid--24 .ddl-col--11 {
        width: 68.75%;
    }

    .ddl-grid--24 .ddl-col--12 {
        width: 75%;
    }

    .ddl-grid--24 .ddl-col--12, .ddl-grid--24 .ddl-col--13 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .27174%;
        padding-left: .27174%;
    }

    .ddl-grid--24 .ddl-col--13 {
        width: 81.25%;
    }

    .ddl-grid--24 .ddl-col--14 {
        width: 87.5%;
    }

    .ddl-grid--24 .ddl-col--14, .ddl-grid--24 .ddl-col--15 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .27174%;
        padding-left: .27174%;
    }

    .ddl-grid--24 .ddl-col--15 {
        width: 93.75%;
    }

    .ddl-grid--24 .ddl-col--16, .ddl-grid--24 .ddl-col--17, .ddl-grid--24 .ddl-col--18, .ddl-grid--24 .ddl-col--19, .ddl-grid--24 .ddl-col--20, .ddl-grid--24 .ddl-col--21, .ddl-grid--24 .ddl-col--22, .ddl-grid--24 .ddl-col--23, .ddl-grid--24 .ddl-col--24 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-right: .27174%;
        padding-left: .27174%;
    }

    .ddl-grid--24 .ddl-col--md--half {
        width: 3.125%;
    }

    .ddl-grid--24 .ddl-col--md--1, .ddl-grid--24 .ddl-col--md--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .27174%;
        padding-left: .27174%;
    }

    .ddl-grid--24 .ddl-col--md--1 {
        width: 6.25%;
    }

    .ddl-grid--24 .ddl-col--md--2 {
        width: 12.5%;
    }

    .ddl-grid--24 .ddl-col--md--2, .ddl-grid--24 .ddl-col--md--3 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .27174%;
        padding-left: .27174%;
    }

    .ddl-grid--24 .ddl-col--md--3 {
        width: 18.75%;
    }

    .ddl-grid--24 .ddl-col--md--4 {
        width: 25%;
    }

    .ddl-grid--24 .ddl-col--md--4, .ddl-grid--24 .ddl-col--md--5 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .27174%;
        padding-left: .27174%;
    }

    .ddl-grid--24 .ddl-col--md--5 {
        width: 31.25%;
    }

    .ddl-grid--24 .ddl-col--md--6 {
        width: 37.5%;
    }

    .ddl-grid--24 .ddl-col--md--6, .ddl-grid--24 .ddl-col--md--7 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .27174%;
        padding-left: .27174%;
    }

    .ddl-grid--24 .ddl-col--md--7 {
        width: 43.75%;
    }

    .ddl-grid--24 .ddl-col--md--8 {
        width: 50%;
    }

    .ddl-grid--24 .ddl-col--md--8, .ddl-grid--24 .ddl-col--md--9 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .27174%;
        padding-left: .27174%;
    }

    .ddl-grid--24 .ddl-col--md--9 {
        width: 56.25%;
    }

    .ddl-grid--24 .ddl-col--md--10 {
        width: 62.5%;
    }

    .ddl-grid--24 .ddl-col--md--10, .ddl-grid--24 .ddl-col--md--11 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .27174%;
        padding-left: .27174%;
    }

    .ddl-grid--24 .ddl-col--md--11 {
        width: 68.75%;
    }

    .ddl-grid--24 .ddl-col--md--12 {
        width: 75%;
    }

    .ddl-grid--24 .ddl-col--md--12, .ddl-grid--24 .ddl-col--md--13 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .27174%;
        padding-left: .27174%;
    }

    .ddl-grid--24 .ddl-col--md--13 {
        width: 81.25%;
    }

    .ddl-grid--24 .ddl-col--md--14 {
        width: 87.5%;
    }

    .ddl-grid--24 .ddl-col--md--14, .ddl-grid--24 .ddl-col--md--15 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .27174%;
        padding-left: .27174%;
    }

    .ddl-grid--24 .ddl-col--md--15 {
        width: 93.75%;
    }

    .ddl-grid--24 .ddl-col--md--16, .ddl-grid--24 .ddl-col--md--17, .ddl-grid--24 .ddl-col--md--18, .ddl-grid--24 .ddl-col--md--19, .ddl-grid--24 .ddl-col--md--20, .ddl-grid--24 .ddl-col--md--21, .ddl-grid--24 .ddl-col--md--22, .ddl-grid--24 .ddl-col--md--23, .ddl-grid--24 .ddl-col--md--24 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-right: .27174%;
        padding-left: .27174%;
    }

}

@media (min-width: 1260px) {
    /* alias lg */
    .ddl-col--half {
        width: 10%;
    }

    .ddl-col--1, .ddl-col--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .86957%;
        padding-left: .86957%;
    }

    .ddl-col--1 {
        width: 20%;
    }

    .ddl-col--2 {
        width: 40%;
    }

    .ddl-col--2, .ddl-col--3 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .86957%;
        padding-left: .86957%;
    }

    .ddl-col--3 {
        width: 60%;
    }

    .ddl-col--4 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 80%;
        padding-right: .86957%;
        padding-left: .86957%;
    }

    .ddl-col--5, .ddl-col--6 {
        width: 100%;
    }

    .ddl-col--5, .ddl-col--6, .ddl-col--lg--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .86957%;
        padding-left: .86957%;
    }

    .ddl-col--lg--half {
        width: 10%;
    }

    .ddl-col--lg--1 {
        width: 20%;
    }

    .ddl-col--lg--1, .ddl-col--lg--2 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .86957%;
        padding-left: .86957%;
    }

    .ddl-col--lg--2 {
        width: 40%;
    }

    .ddl-col--lg--3 {
        width: 60%;
    }

    .ddl-col--lg--3, .ddl-col--lg--4 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .86957%;
        padding-left: .86957%;
    }

    .ddl-col--lg--4 {
        width: 80%;
    }

    .ddl-col--lg--5, .ddl-col--lg--6 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-right: .86957%;
        padding-left: .86957%;
    }

    .ddl-grid--24 .ddl-col--half {
        width: 2.5%;
    }

    .ddl-grid--24 .ddl-col--1, .ddl-grid--24 .ddl-col--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--1 {
        width: 5%;
    }

    .ddl-grid--24 .ddl-col--2 {
        width: 10%;
    }

    .ddl-grid--24 .ddl-col--2, .ddl-grid--24 .ddl-col--3 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--3 {
        width: 15%;
    }

    .ddl-grid--24 .ddl-col--4 {
        width: 20%;
    }

    .ddl-grid--24 .ddl-col--4, .ddl-grid--24 .ddl-col--5 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--5 {
        width: 25%;
    }

    .ddl-grid--24 .ddl-col--6 {
        width: 30%;
    }

    .ddl-grid--24 .ddl-col--6, .ddl-grid--24 .ddl-col--7 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--7 {
        width: 35%;
    }

    .ddl-grid--24 .ddl-col--8 {
        width: 40%;
    }

    .ddl-grid--24 .ddl-col--8, .ddl-grid--24 .ddl-col--9 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--9 {
        width: 45%;
    }

    .ddl-grid--24 .ddl-col--10 {
        width: 50%;
    }

    .ddl-grid--24 .ddl-col--10, .ddl-grid--24 .ddl-col--11 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--11 {
        width: 55%;
    }

    .ddl-grid--24 .ddl-col--12 {
        width: 60%;
    }

    .ddl-grid--24 .ddl-col--12, .ddl-grid--24 .ddl-col--13 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--13 {
        width: 65%;
    }

    .ddl-grid--24 .ddl-col--14 {
        width: 70%;
    }

    .ddl-grid--24 .ddl-col--14, .ddl-grid--24 .ddl-col--15 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--15 {
        width: 75%;
    }

    .ddl-grid--24 .ddl-col--16 {
        width: 80%;
    }

    .ddl-grid--24 .ddl-col--16, .ddl-grid--24 .ddl-col--17 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--17 {
        width: 85%;
    }

    .ddl-grid--24 .ddl-col--18 {
        width: 90%;
    }

    .ddl-grid--24 .ddl-col--18, .ddl-grid--24 .ddl-col--19 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--19 {
        width: 95%;
    }

    .ddl-grid--24 .ddl-col--20, .ddl-grid--24 .ddl-col--21, .ddl-grid--24 .ddl-col--22, .ddl-grid--24 .ddl-col--23, .ddl-grid--24 .ddl-col--24 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--lg--half {
        width: 2.5%;
    }

    .ddl-grid--24 .ddl-col--lg--1, .ddl-grid--24 .ddl-col--lg--half {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--lg--1 {
        width: 5%;
    }

    .ddl-grid--24 .ddl-col--lg--2 {
        width: 10%;
    }

    .ddl-grid--24 .ddl-col--lg--2, .ddl-grid--24 .ddl-col--lg--3 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--lg--3 {
        width: 15%;
    }

    .ddl-grid--24 .ddl-col--lg--4 {
        width: 20%;
    }

    .ddl-grid--24 .ddl-col--lg--4, .ddl-grid--24 .ddl-col--lg--5 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--lg--5 {
        width: 25%;
    }

    .ddl-grid--24 .ddl-col--lg--6 {
        width: 30%;
    }

    .ddl-grid--24 .ddl-col--lg--6, .ddl-grid--24 .ddl-col--lg--7 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--lg--7 {
        width: 35%;
    }

    .ddl-grid--24 .ddl-col--lg--8 {
        width: 40%;
    }

    .ddl-grid--24 .ddl-col--lg--8, .ddl-grid--24 .ddl-col--lg--9 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--lg--9 {
        width: 45%;
    }

    .ddl-grid--24 .ddl-col--lg--10 {
        width: 50%;
    }

    .ddl-grid--24 .ddl-col--lg--10, .ddl-grid--24 .ddl-col--lg--11 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--lg--11 {
        width: 55%;
    }

    .ddl-grid--24 .ddl-col--lg--12 {
        width: 60%;
    }

    .ddl-grid--24 .ddl-col--lg--12, .ddl-grid--24 .ddl-col--lg--13 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--lg--13 {
        width: 65%;
    }

    .ddl-grid--24 .ddl-col--lg--14 {
        width: 70%;
    }

    .ddl-grid--24 .ddl-col--lg--14, .ddl-grid--24 .ddl-col--lg--15 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--lg--15 {
        width: 75%;
    }

    .ddl-grid--24 .ddl-col--lg--16 {
        width: 80%;
    }

    .ddl-grid--24 .ddl-col--lg--16, .ddl-grid--24 .ddl-col--lg--17 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--lg--17 {
        width: 85%;
    }

    .ddl-grid--24 .ddl-col--lg--18 {
        width: 90%;
    }

    .ddl-grid--24 .ddl-col--lg--18, .ddl-grid--24 .ddl-col--lg--19 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: .21739%;
        padding-left: .21739%;
    }

    .ddl-grid--24 .ddl-col--lg--19 {
        width: 95%;
    }

    .ddl-grid--24 .ddl-col--lg--20, .ddl-grid--24 .ddl-col--lg--21, .ddl-grid--24 .ddl-col--lg--22, .ddl-grid--24 .ddl-col--lg--23, .ddl-grid--24 .ddl-col--lg--24 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-right: .21739%;
        padding-left: .21739%;
    }

}

/*@media (min-width: 1512px) { alias xl
	
	.ddl-col--half {
		width: 8.33333%;
	}
	
	.ddl-col--1, .ddl-col--half {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .72464%;
		padding-right: .72464%;
	}
	
	.ddl-col--1 {
		width: 16.66667%;
	}
	
	.ddl-col--2 {
		width: 33.33333%;
	}
	
	.ddl-col--2, .ddl-col--3 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .72464%;
		padding-right: .72464%;
	}
	
	.ddl-col--3 {
		width: 50%;
	}
	
	.ddl-col--4 {
		width: 66.66667%;
	}
	
	.ddl-col--4, .ddl-col--5 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .72464%;
		padding-right: .72464%;
	}
	
	.ddl-col--5 {
		width: 83.33333%;
	}
	
	.ddl-col--6 {
		width: 100%;
	}
	
	.ddl-col--6, .ddl-col--xl--half {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .72464%;
		padding-right: .72464%;
	}
	
	.ddl-col--xl--half {
		width: 8.33333%;
	}
	
	.ddl-col--xl--1 {
		width: 16.66667%;
	}
	
	.ddl-col--xl--1, .ddl-col--xl--2 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .72464%;
		padding-right: .72464%;
	}
	
	.ddl-col--xl--2 {
		width: 33.33333%;
	}
	
	.ddl-col--xl--3 {
		width: 50%;
	}
	
	.ddl-col--xl--3, .ddl-col--xl--4 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .72464%;
		padding-right: .72464%;
	}
	
	.ddl-col--xl--4 {
		width: 66.66667%;
	}
	
	.ddl-col--xl--5 {
		width: 83.33333%;
	}
	
	.ddl-col--xl--5, .ddl-col--xl--6 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .72464%;
		padding-right: .72464%;
	}
	
	.ddl-col--xl--6 {
		width: 100%;
	}
	
	.ddl-grid--24 .ddl-col--half {
		width: 2.08333%;
	}
	
	.ddl-grid--24 .ddl-col--1, .ddl-grid--24 .ddl-col--half {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--1 {
		width: 4.16667%;
	}
	
	.ddl-grid--24 .ddl-col--2 {
		width: 8.33333%;
	}
	
	.ddl-grid--24 .ddl-col--2, .ddl-grid--24 .ddl-col--3 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--3 {
		width: 12.5%;
	}
	
	.ddl-grid--24 .ddl-col--4 {
		width: 16.66667%;
	}
	
	.ddl-grid--24 .ddl-col--4, .ddl-grid--24 .ddl-col--5 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--5 {
		width: 20.83333%;
	}
	
	.ddl-grid--24 .ddl-col--6 {
		width: 25%;
	}
	
	.ddl-grid--24 .ddl-col--6, .ddl-grid--24 .ddl-col--7 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--7 {
		width: 29.16667%;
	}
	
	.ddl-grid--24 .ddl-col--8 {
		width: 33.33333%;
	}
	
	.ddl-grid--24 .ddl-col--8, .ddl-grid--24 .ddl-col--9 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--9 {
		width: 37.5%;
	}
	
	.ddl-grid--24 .ddl-col--10 {
		width: 41.66667%;
	}
	
	.ddl-grid--24 .ddl-col--10, .ddl-grid--24 .ddl-col--11 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--11 {
		width: 45.83333%;
	}
	
	.ddl-grid--24 .ddl-col--12 {
		width: 50%;
	}
	
	.ddl-grid--24 .ddl-col--12, .ddl-grid--24 .ddl-col--13 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--13 {
		width: 54.16667%;
	}
	
	.ddl-grid--24 .ddl-col--14 {
		width: 58.33333%;
	}
	
	.ddl-grid--24 .ddl-col--14, .ddl-grid--24 .ddl-col--15 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--15 {
		width: 62.5%;
	}
	
	.ddl-grid--24 .ddl-col--16 {
		width: 66.66667%;
	}
	
	.ddl-grid--24 .ddl-col--16, .ddl-grid--24 .ddl-col--17 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--17 {
		width: 70.83333%;
	}
	
	.ddl-grid--24 .ddl-col--18 {
		width: 75%;
	}
	
	.ddl-grid--24 .ddl-col--18, .ddl-grid--24 .ddl-col--19 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--19 {
		width: 79.16667%;
	}
	
	.ddl-grid--24 .ddl-col--20 {
		width: 83.33333%;
	}
	
	.ddl-grid--24 .ddl-col--20, .ddl-grid--24 .ddl-col--21 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--21 {
		width: 87.5%;
	}
	
	.ddl-grid--24 .ddl-col--22 {
		width: 91.66667%;
	}
	
	.ddl-grid--24 .ddl-col--22, .ddl-grid--24 .ddl-col--23 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--23 {
		width: 95.83333%;
	}
	
	.ddl-grid--24 .ddl-col--24 {
		width: 100%;
	}
	
	.ddl-grid--24 .ddl-col--24, .ddl-grid--24 .ddl-col--xl--half {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--xl--half {
		width: 2.08333%;
	}
	
	.ddl-grid--24 .ddl-col--xl--1 {
		width: 4.16667%;
	}
	
	.ddl-grid--24 .ddl-col--xl--1, .ddl-grid--24 .ddl-col--xl--2 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--xl--2 {
		width: 8.33333%;
	}
	
	.ddl-grid--24 .ddl-col--xl--3 {
		width: 12.5%;
	}
	
	.ddl-grid--24 .ddl-col--xl--3, .ddl-grid--24 .ddl-col--xl--4 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--xl--4 {
		width: 16.66667%;
	}
	
	.ddl-grid--24 .ddl-col--xl--5 {
		width: 20.83333%;
	}
	
	.ddl-grid--24 .ddl-col--xl--5, .ddl-grid--24 .ddl-col--xl--6 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--xl--6 {
		width: 25%;
	}
	
	.ddl-grid--24 .ddl-col--xl--7 {
		width: 29.16667%;
	}
	
	.ddl-grid--24 .ddl-col--xl--7, .ddl-grid--24 .ddl-col--xl--8 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--xl--8 {
		width: 33.33333%;
	}
	
	.ddl-grid--24 .ddl-col--xl--9 {
		width: 37.5%;
	}
	
	.ddl-grid--24 .ddl-col--xl--9, .ddl-grid--24 .ddl-col--xl--10 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--xl--10 {
		width: 41.66667%;
	}
	
	.ddl-grid--24 .ddl-col--xl--11 {
		width: 45.83333%;
	}
	
	.ddl-grid--24 .ddl-col--xl--11, .ddl-grid--24 .ddl-col--xl--12 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--xl--12 {
		width: 50%;
	}
	
	.ddl-grid--24 .ddl-col--xl--13 {
		width: 54.16667%;
	}
	
	.ddl-grid--24 .ddl-col--xl--13, .ddl-grid--24 .ddl-col--xl--14 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--xl--14 {
		width: 58.33333%;
	}
	
	.ddl-grid--24 .ddl-col--xl--15 {
		width: 62.5%;
	}
	
	.ddl-grid--24 .ddl-col--xl--15, .ddl-grid--24 .ddl-col--xl--16 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--xl--16 {
		width: 66.66667%;
	}
	
	.ddl-grid--24 .ddl-col--xl--17 {
		width: 70.83333%;
	}
	
	.ddl-grid--24 .ddl-col--xl--17, .ddl-grid--24 .ddl-col--xl--18 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--xl--18 {
		width: 75%;
	}
	
	.ddl-grid--24 .ddl-col--xl--19 {
		width: 79.16667%;
	}
	
	.ddl-grid--24 .ddl-col--xl--19, .ddl-grid--24 .ddl-col--xl--20 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--xl--20 {
		width: 83.33333%;
	}
	
	.ddl-grid--24 .ddl-col--xl--21 {
		width: 87.5%;
	}
	
	.ddl-grid--24 .ddl-col--xl--21, .ddl-grid--24 .ddl-col--xl--22 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--xl--22 {
		width: 91.66667%;
	}
	
	.ddl-grid--24 .ddl-col--xl--23 {
		width: 95.83333%;
	}
	
	.ddl-grid--24 .ddl-col--xl--23, .ddl-grid--24 .ddl-col--xl--24 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding-left: .18116%;
		padding-right: .18116%;
	}
	
	.ddl-grid--24 .ddl-col--xl--24 {
		width: 100%;
	}
	
}/*
/* DDL Grid system fluid columns end */

/* DDL Grid system fixed columns */
.ddl-col--fixed.ddl-col--half {
    width: 126px;
}

.ddl-col--fixed.ddl-col--1, .ddl-col--fixed.ddl-col--2, .ddl-col--fixed.ddl-col--3, .ddl-col--fixed.ddl-col--4, .ddl-col--fixed.ddl-col--5, .ddl-col--fixed.ddl-col--6 {
    width: 252px;
}

.ddl-col[class*='--fixed'] {
    float: left;
    padding-right: 12px;
    padding-left: 12px;
}

@media (min-width: 320px) {
    /* alias xx */
    .ddl-col--xx--fixed.ddl-col--xx--half {
        width: 126px;
    }

    .ddl-col--xx--fixed.ddl-col--xx--1, .ddl-col--xx--fixed.ddl-col--xx--2, .ddl-col--xx--fixed.ddl-col--xx--3, .ddl-col--xx--fixed.ddl-col--xx--4, .ddl-col--xx--fixed.ddl-col--xx--5, .ddl-col--xx--fixed.ddl-col--xx--6 {
        width: 252px;
    }

    .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--half {
        width: 31.5px;
    }

    .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--1 {
        width: 63px;
    }

    .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--2 {
        width: 126px;
    }

    .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--3 {
        width: 189px;
    }

    .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--4, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--5, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--6, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--7, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--8, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--9, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--10, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--11, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--12, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--13, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--14, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--15, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--16, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--17, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--18, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--19, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--20, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--21, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--22, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--23, .ddl-grid--24 .ddl-col--xx--fixed.ddl-col--xx--24 {
        width: 252px;
    }

}

@media (min-width: 504px) {
    /* alias xs */
    .ddl-col--fixed.ddl-col--half {
        width: 126px;
    }

    .ddl-col--fixed.ddl-col--1 {
        width: 252px;
    }

    .ddl-col--fixed.ddl-col--2, .ddl-col--fixed.ddl-col--3, .ddl-col--fixed.ddl-col--4, .ddl-col--fixed.ddl-col--5, .ddl-col--fixed.ddl-col--6 {
        width: 504px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--half {
        width: 31.5px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--1 {
        width: 63px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--2 {
        width: 126px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--3 {
        width: 189px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--4 {
        width: 252px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--5 {
        width: 315px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--6 {
        width: 378px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--7 {
        width: 441px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--8, .ddl-grid--24 .ddl-col--fixed.ddl-col--9, .ddl-grid--24 .ddl-col--fixed.ddl-col--10, .ddl-grid--24 .ddl-col--fixed.ddl-col--11, .ddl-grid--24 .ddl-col--fixed.ddl-col--12, .ddl-grid--24 .ddl-col--fixed.ddl-col--13, .ddl-grid--24 .ddl-col--fixed.ddl-col--14, .ddl-grid--24 .ddl-col--fixed.ddl-col--15, .ddl-grid--24 .ddl-col--fixed.ddl-col--16, .ddl-grid--24 .ddl-col--fixed.ddl-col--17, .ddl-grid--24 .ddl-col--fixed.ddl-col--18, .ddl-grid--24 .ddl-col--fixed.ddl-col--19, .ddl-grid--24 .ddl-col--fixed.ddl-col--20, .ddl-grid--24 .ddl-col--fixed.ddl-col--21, .ddl-grid--24 .ddl-col--fixed.ddl-col--22, .ddl-grid--24 .ddl-col--fixed.ddl-col--23, .ddl-grid--24 .ddl-col--fixed.ddl-col--24 {
        width: 504px;
    }

    .ddl-col--xs--fixed.ddl-col--xs--half {
        width: 126px;
    }

    .ddl-col--xs--fixed.ddl-col--xs--1 {
        width: 252px;
    }

    .ddl-col--xs--fixed.ddl-col--xs--2, .ddl-col--xs--fixed.ddl-col--xs--3, .ddl-col--xs--fixed.ddl-col--xs--4, .ddl-col--xs--fixed.ddl-col--xs--5, .ddl-col--xs--fixed.ddl-col--xs--6 {
        width: 504px;
    }

    .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--half {
        width: 31.5px;
    }

    .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--1 {
        width: 63px;
    }

    .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--2 {
        width: 126px;
    }

    .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--3 {
        width: 189px;
    }

    .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--4 {
        width: 252px;
    }

    .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--5 {
        width: 315px;
    }

    .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--6 {
        width: 378px;
    }

    .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--7 {
        width: 441px;
    }

    .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--8, .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--9, .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--10, .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--11, .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--12, .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--13, .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--14, .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--15, .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--16, .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--17, .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--18, .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--19, .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--20, .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--21, .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--22, .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--23, .ddl-grid--24 .ddl-col--xs--fixed.ddl-col--xs--24 {
        width: 504px;
    }

}

@media (min-width: 756px) {
    /* alias sm */
    .ddl-col--fixed.ddl-col--half {
        width: 126px;
    }

    .ddl-col--fixed.ddl-col--1 {
        width: 252px;
    }

    .ddl-col--fixed.ddl-col--2 {
        width: 504px;
    }

    .ddl-col--fixed.ddl-col--3, .ddl-col--fixed.ddl-col--4, .ddl-col--fixed.ddl-col--5, .ddl-col--fixed.ddl-col--6 {
        width: 756px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--half {
        width: 31.5px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--1 {
        width: 63px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--2 {
        width: 126px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--3 {
        width: 189px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--4 {
        width: 252px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--5 {
        width: 315px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--6 {
        width: 378px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--7 {
        width: 441px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--8 {
        width: 504px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--9 {
        width: 567px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--10 {
        width: 630px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--11 {
        width: 693px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--12, .ddl-grid--24 .ddl-col--fixed.ddl-col--13, .ddl-grid--24 .ddl-col--fixed.ddl-col--14, .ddl-grid--24 .ddl-col--fixed.ddl-col--15, .ddl-grid--24 .ddl-col--fixed.ddl-col--16, .ddl-grid--24 .ddl-col--fixed.ddl-col--17, .ddl-grid--24 .ddl-col--fixed.ddl-col--18, .ddl-grid--24 .ddl-col--fixed.ddl-col--19, .ddl-grid--24 .ddl-col--fixed.ddl-col--20, .ddl-grid--24 .ddl-col--fixed.ddl-col--21, .ddl-grid--24 .ddl-col--fixed.ddl-col--22, .ddl-grid--24 .ddl-col--fixed.ddl-col--23, .ddl-grid--24 .ddl-col--fixed.ddl-col--24 {
        width: 756px;
    }

    .ddl-col--sm--fixed.ddl-col--sm--half {
        width: 126px;
    }

    .ddl-col--sm--fixed.ddl-col--sm--1 {
        width: 252px;
    }

    .ddl-col--sm--fixed.ddl-col--sm--2 {
        width: 504px;
    }

    .ddl-col--sm--fixed.ddl-col--sm--3, .ddl-col--sm--fixed.ddl-col--sm--4, .ddl-col--sm--fixed.ddl-col--sm--5, .ddl-col--sm--fixed.ddl-col--sm--6 {
        width: 756px;
    }

    .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--half {
        width: 31.5px;
    }

    .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--1 {
        width: 63px;
    }

    .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--2 {
        width: 126px;
    }

    .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--3 {
        width: 189px;
    }

    .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--4 {
        width: 252px;
    }

    .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--5 {
        width: 315px;
    }

    .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--6 {
        width: 378px;
    }

    .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--7 {
        width: 441px;
    }

    .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--8 {
        width: 504px;
    }

    .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--9 {
        width: 567px;
    }

    .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--10 {
        width: 630px;
    }

    .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--11 {
        width: 693px;
    }

    .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--12, .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--13, .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--14, .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--15, .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--16, .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--17, .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--18, .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--19, .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--20, .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--21, .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--22, .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--23, .ddl-grid--24 .ddl-col--sm--fixed.ddl-col--sm--24 {
        width: 756px;
    }

}

@media (min-width: 1008px) {
    /* alias md */
    .ddl-col--fixed.ddl-col--half {
        width: 126px;
    }

    .ddl-col--fixed.ddl-col--1 {
        width: 252px;
    }

    .ddl-col--fixed.ddl-col--2 {
        width: 504px;
    }

    .ddl-col--fixed.ddl-col--3 {
        width: 756px;
    }

    .ddl-col--fixed.ddl-col--4, .ddl-col--fixed.ddl-col--5, .ddl-col--fixed.ddl-col--6 {
        width: 1008px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--half {
        width: 31.5px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--1 {
        width: 63px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--2 {
        width: 126px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--3 {
        width: 189px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--4 {
        width: 252px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--5 {
        width: 315px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--6 {
        width: 378px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--7 {
        width: 441px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--8 {
        width: 504px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--9 {
        width: 567px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--10 {
        width: 630px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--11 {
        width: 693px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--12 {
        width: 756px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--13 {
        width: 819px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--14 {
        width: 882px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--15 {
        width: 945px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--16, .ddl-grid--24 .ddl-col--fixed.ddl-col--17, .ddl-grid--24 .ddl-col--fixed.ddl-col--18, .ddl-grid--24 .ddl-col--fixed.ddl-col--19, .ddl-grid--24 .ddl-col--fixed.ddl-col--20, .ddl-grid--24 .ddl-col--fixed.ddl-col--21, .ddl-grid--24 .ddl-col--fixed.ddl-col--22, .ddl-grid--24 .ddl-col--fixed.ddl-col--23, .ddl-grid--24 .ddl-col--fixed.ddl-col--24 {
        width: 1008px;
    }

    .ddl-col--md--fixed.ddl-col--md--half {
        width: 126px;
    }

    .ddl-col--md--fixed.ddl-col--md--1 {
        width: 252px;
    }

    .ddl-col--md--fixed.ddl-col--md--2 {
        width: 504px;
    }

    .ddl-col--md--fixed.ddl-col--md--3 {
        width: 756px;
    }

    .ddl-col--md--fixed.ddl-col--md--4, .ddl-col--md--fixed.ddl-col--md--5, .ddl-col--md--fixed.ddl-col--md--6 {
        width: 1008px;
    }

    .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--half {
        width: 31.5px;
    }

    .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--1 {
        width: 63px;
    }

    .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--2 {
        width: 126px;
    }

    .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--3 {
        width: 189px;
    }

    .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--4 {
        width: 252px;
    }

    .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--5 {
        width: 315px;
    }

    .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--6 {
        width: 378px;
    }

    .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--7 {
        width: 441px;
    }

    .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--8 {
        width: 504px;
    }

    .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--9 {
        width: 567px;
    }

    .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--10 {
        width: 630px;
    }

    .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--11 {
        width: 693px;
    }

    .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--12 {
        width: 756px;
    }

    .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--13 {
        width: 819px;
    }

    .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--14 {
        width: 882px;
    }

    .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--15 {
        width: 945px;
    }

    .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--16, .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--17, .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--18, .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--19, .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--20, .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--21, .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--22, .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--23, .ddl-grid--24 .ddl-col--md--fixed.ddl-col--md--24 {
        width: 1008px;
    }

}

@media (min-width: 1260px) {
    /* alias lg */
    .ddl-col--fixed.ddl-col--half {
        width: 126px;
    }

    .ddl-col--fixed.ddl-col--1 {
        width: 252px;
    }

    .ddl-col--fixed.ddl-col--2 {
        width: 504px;
    }

    .ddl-col--fixed.ddl-col--3 {
        width: 756px;
    }

    .ddl-col--fixed.ddl-col--4 {
        width: 1008px;
    }

    .ddl-col--fixed.ddl-col--5, .ddl-col--fixed.ddl-col--6 {
        width: 1260px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--half {
        width: 31.5px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--1 {
        width: 63px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--2 {
        width: 126px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--3 {
        width: 189px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--4 {
        width: 252px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--5 {
        width: 315px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--6 {
        width: 378px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--7 {
        width: 441px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--8 {
        width: 504px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--9 {
        width: 567px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--10 {
        width: 630px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--11 {
        width: 693px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--12 {
        width: 756px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--13 {
        width: 819px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--14 {
        width: 882px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--15 {
        width: 945px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--16 {
        width: 1008px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--17 {
        width: 1071px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--18 {
        width: 1134px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--19 {
        width: 1197px;
    }

    .ddl-grid--24 .ddl-col--fixed.ddl-col--20, .ddl-grid--24 .ddl-col--fixed.ddl-col--21, .ddl-grid--24 .ddl-col--fixed.ddl-col--22, .ddl-grid--24 .ddl-col--fixed.ddl-col--23, .ddl-grid--24 .ddl-col--fixed.ddl-col--24 {
        width: 1260px;
    }

    .ddl-col--lg--fixed.ddl-col--lg--half {
        width: 126px;
    }

    .ddl-col--lg--fixed.ddl-col--lg--1 {
        width: 252px;
    }

    .ddl-col--lg--fixed.ddl-col--lg--2 {
        width: 504px;
    }

    .ddl-col--lg--fixed.ddl-col--lg--3 {
        width: 756px;
    }

    .ddl-col--lg--fixed.ddl-col--lg--4 {
        width: 1008px;
    }

    .ddl-col--lg--fixed.ddl-col--lg--5, .ddl-col--lg--fixed.ddl-col--lg--6 {
        width: 1260px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--half {
        width: 31.5px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--1 {
        width: 63px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--2 {
        width: 126px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--3 {
        width: 189px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--4 {
        width: 252px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--5 {
        width: 315px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--6 {
        width: 378px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--7 {
        width: 441px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--8 {
        width: 504px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--9 {
        width: 567px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--10 {
        width: 630px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--11 {
        width: 693px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--12 {
        width: 756px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--13 {
        width: 819px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--14 {
        width: 882px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--15 {
        width: 945px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--16 {
        width: 1008px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--17 {
        width: 1071px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--18 {
        width: 1134px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--19 {
        width: 1197px;
    }

    .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--20, .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--21, .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--22, .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--23, .ddl-grid--24 .ddl-col--lg--fixed.ddl-col--lg--24 {
        width: 1260px;
    }

}

/*@media (min-width: 1512px) { alias xl
	
	.ddl-col--fixed.ddl-col--half {
		width: 126px;
	}
	
	.ddl-col--fixed.ddl-col--1 {
		width: 252px;
	}
	
	.ddl-col--fixed.ddl-col--2 {
		width: 504px;
	}
	
	.ddl-col--fixed.ddl-col--3 {
		width: 756px;
	}
	
	.ddl-col--fixed.ddl-col--4 {
		width: 1008px;
	}
	
	.ddl-col--fixed.ddl-col--5 {
		width: 1260px;
	}
	
	.ddl-col--fixed.ddl-col--6 {
		width: 1512px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--half {
		width: 31.5px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--1 {
		width: 63px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--2 {
		width: 126px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--3 {
		width: 189px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--4 {
		width: 252px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--5 {
		width: 315px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--6 {
		width: 378px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--7 {
		width: 441px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--8 {
		width: 504px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--9 {
		width: 567px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--10 {
		width: 630px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--11 {
		width: 693px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--12 {
		width: 756px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--13 {
		width: 819px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--14 {
		width: 882px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--15 {
		width: 945px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--16 {
		width: 1008px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--17 {
		width: 1071px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--18 {
		width: 1134px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--19 {
		width: 1197px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--20 {
		width: 1260px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--21 {
		width: 1323px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--22 {
		width: 1386px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--23 {
		width: 1449px;
	}
	
	.ddl-grid--24 .ddl-col--fixed.ddl-col--24 {
		width: 1512px;
	}
	
	.ddl-col--xl--fixed.ddl-col--xl--half {
		width: 126px;
	}
	
	.ddl-col--xl--fixed.ddl-col--xl--1 {
		width: 252px;
	}
	
	.ddl-col--xl--fixed.ddl-col--xl--2 {
		width: 504px;
	}
	
	.ddl-col--xl--fixed.ddl-col--xl--3 {
		width: 756px;
	}
	
	.ddl-col--xl--fixed.ddl-col--xl--4 {
		width: 1008px;
	}
	
	.ddl-col--xl--fixed.ddl-col--xl--5 {
		width: 1260px;
	}
	
	.ddl-col--xl--fixed.ddl-col--xl--6 {
		width: 1512px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--half {
		width: 31.5px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--1 {
		width: 63px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--2 {
		width: 126px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--3 {
		width: 189px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--4 {
		width: 252px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--5 {
		width: 315px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--6 {
		width: 378px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--7 {
		width: 441px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--8 {
		width: 504px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--9 {
		width: 567px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--10 {
		width: 630px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--11 {
		width: 693px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--12 {
		width: 756px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--13 {
		width: 819px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--14 {
		width: 882px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--15 {
		width: 945px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--16 {
		width: 1008px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--17 {
		width: 1071px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--18 {
		width: 1134px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--19 {
		width: 1197px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--20 {
		width: 1260px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--21 {
		width: 1323px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--22 {
		width: 1386px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--23 {
		width: 1449px;
	}
	
	.ddl-grid--24 .ddl-col--xl--fixed.ddl-col--xl--24 {
		width: 1512px;
	}
	
}
/* DDL Grid system fixed columns */