/* CSS Document */

@media (max-width: 1199px) {
}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
    .modal-full {
        width: 90vw;
    }
}

@media (max-width: 600px) {
    table.table-columns-wide,
    table.table-columns-wide > tbody,
    table.table-columns-wide > tbody > tr,
    table.table-columns-wide > tbody > tr > td,
    table.table-columns-wide > tbody > tr > th {
        display:block;
        width:100%;
        min-width:100%;
    }

    table.table-columns-wide > tbody > tr {
        margin-bottom:15px;
    }

}

@media (max-width: 450px) {

}

@media (max-width: 400px) {

    .cols-3 {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;

        -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
        -moz-column-gap: 20px; /* Firefox */
        column-gap: 20px;
    }

    .cols-2 {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;

        -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
        -moz-column-gap: 20px; /* Firefox */
        column-gap: 20px;
    }

    table.table-columns,
    table.table-columns > tbody,
    table.table-columns > tbody > tr,
    table.table-columns > tbody > tr > td,
    table.table-columns > tbody > tr > th {
        display:block;
        width:100%;
        min-width:100%;
    }

    table.table-columns > tbody > tr {
        margin-bottom:15px;
    }

}

@media (max-width: 320px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) and (max-width: 991px) {
    .modal-full {
        width: 700px;
    }
}


@media (min-width: 992px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
    .modal-full {
        width: 950px;
    }
}

@media (min-width: 1200px) {
    .modal-full {
        width: 1150px;
    }
}