﻿@media (min-width:320px) {
    .col-25-5,
    .col-25-12,
    .col-25-16,
    .col-25-17,
    .col-25-23 {
        flex: 0 0 100%;
    }
}
@media (min-width:768px) {

        .col-25-0-75 {
            flex: 0 0 3%;
            max-width: 3%;
        }

        .col-25-1 {
            flex: 0 0 4%;
            max-width: 4%;
        }

        .col-25-1-5 {
            flex: 0 0 6%;
            max-width: 6%;
        }

        .col-25-2 {
            flex: 0 0 8%;
            max-width: 8%;
        }

        .col-25-3 {
            flex: 0 0 12%;
            max-width: 12%;
        }

        .col-25-4 {
            flex: 0 0 16%;
            max-width: 16%;
        }

        .col-25-5 {
            flex: 0 0 20%;
            max-width: 20%;
        }

        .col-25-6 {
            flex: 0 0 24%;
            max-width: 24%;
        }

        .col-25-7 {
            flex: 0 0 28%;
            max-width: 28%;
        }

        .col-25-8 {
            flex: 0 0 33%;
            max-width: 33%;
        }

        .col-25-9 {
            flex: 0 0 36%;
            max-width: 36%;
        }

        .col-25-10 {
            flex: 0 0 40%;
            max-width: 40%;
        }

        .col-25-11 {
            flex: 0 0 44%;
            max-width: 44%;
        }

        .col-25-12 {
            flex: 0 0 48%;
            max-width: 48%;
        }

        .col-25-13 {
            flex: 0 0 52%;
            max-width: 52%;
        }

        .col-25-14 {
            flex: 0 0 56%;
            max-width: 56%;
        }

        .col-25-15 {
            flex: 0 0 60%;
            max-width: 60%;
        }

        .col-25-16 {
            flex: 0 0 64%;
            max-width: 64%;
        }

        .col-25-17 {
            flex: 0 0 68%;
            max-width: 68%;
        }

        .col-25-17-5 {
            flex: 0 0 70%;
            max-width: 70%;
        }

        .col-25-17-75 {
            flex: 0 0 71%;
            max-width: 71%;
        }

        .col-25-23 {
            flex: 0 0 92%;
            max-width: 92%;
        }

        .col-25-24 {
            flex: 0 0 96%;
            max-width: 96%;
        }

        /*hide the buffer column if left col is hidden */
        .microsite-splitter .d-none + .buffer-column {
            display: none;
        }

        /* to preserve 1000px width */
        main > .container-lg {
            margin-left: 0;
            margin-right: 0;
            padding: 0;
        }
    }

@media (max-width:767px) {
    .nyserda-one-splitter .col-25-24 {
        padding:0 15px;
    }
}


@media (min-width: 992px) {
    .container-lg {
        max-width: 1002px;
    }
}

/* column reducer behavior*/
@media (min-width: 768px) and (max-width: 1001px) {
    .buffer-column{
        flex: 0 0 2%;
        max-width: 2%;
    }

    .col-25-5 {
        min-width:200px;
    }
}