.col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
@media (min-width:1368px) {
.d-xxl-block{
display: block !important;
}
.d-xxl-none{
display: none !important;
}
.col-xxl-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-xxl-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xxl-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-xxl-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-xxl-5 {
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-xxl-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-xxl-7 {
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-xxl-8 {
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-xxl-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-xxl-10 {
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-xxl-11 {
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-xxl-12 {
flex: 0 0 100%;
max-width: 100%
}
.offset-xxl-0 {
margin-left: 0
}
.offset-xxl-1 {
margin-left: 8.333333%
}
.offset-xxl-2 {
margin-left: 16.666667%
}
.offset-xxl-3 {
margin-left: 25%
}
.offset-xxl-4 {
margin-left: 33.333333%
}
.offset-xxl-5 {
margin-left: 41.666667%
}
.offset-xxl-6 {
margin-left: 50%
}
.offset-xxl-7 {
margin-left: 58.333333%
}
.offset-xxl-8 {
margin-left: 66.666667%
}
.offset-xxl-9 {
margin-left: 75%
}
.offset-xxl-10 {
margin-left: 83.333333%
}
.offset-xxl-11 {
margin-left: 91.666667%
}
}