@media (max-width: 1407px) {

}

@media (max-width: 1215px) {

}

@media (max-width: 1023px) {


}

@media (max-width: 768px) {
    .cols-3 {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;

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

    table.im-table {
        background: none;
    }

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

    table.im-table > tbody > tr,
    table.im-table > thead > tr {
        background: white;
        margin-bottom: 1em;
        box-shadow: 0.15rem 0.15rem 0.6rem rgba(0,0,0,0.3);
    }

    .pic-3-right, .pic-3-left {
        width:35%;
    }

    .pic-6-right, .pic-6-left, .pic-6-center, .pic-4-right, .pic-4-left {
        float:none;
        width:100%;
        margin:0 0 10px 0;
    }

    .flex {
        display: block;
        margin-bottom:20px;
    }

    .main-body {
        border-radius: 0;
        padding-left:5px;
        padding-right:5px;
    }

    .s-subhead i {
        display: none;
    }

    .s-banner-headlines > div > h2 {
        font-size: 2rem;
    }

    .container {
    }

    .s-logo img {
        width: 100%;
    }

    .s-fixed {
        position: relative;
        z-index: 2;
    }

    .tabs ul {
        flex-direction: column;
    }

    .tabs ul li {
        width: 100%;
    }

    .max-modal {
        flex-direction: column;
        width: calc(100vw - 20px);
        height: calc(100vh - 20px);
        overflow-y: scroll;
    }

    .s-item-images {
        width: calc(100vw - 20px);
        min-height: 40vh;
    }

    .s-item-images img {
        width: 100%;
        height: auto;
    }

    .max-modal h3 {
        display: none;

    }

    .s-item-descr {
        margin-left:0;
    }

    .s-header {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.6+80,0+100 */
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0.8) 90%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .s-topmenu .column {
        padding-top:0;
        padding-bottom:0;
    }

}


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


@media (max-width: 500px) {
    html {
        font-size: 13px;
    }

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

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

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

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

    h1 {
        font-size:24px;
    }

    h2 {
        font-size:22px;
    }

    h3 {
        font-size:20px;
    }

    h4 {
        font-size:18px;
    }

    blockquote {
        font-size:13px;
    }

    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;
    }

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

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

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

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


}

@media (max-width: 320px) {
    html {
        font-size: 12px;
    }
}