/* ----------- 0 - 450px ----------- */

@media screen and (max-width:450px) {
    .newsidebyside_container {
        width: 100%;
    }
    .newsidebyside_container .withlabel_container {
        width: 100%;
        margin: 0;
    }
    .split, .split.left {
        width: 100%;
    }
    #left, #right {
        display: "none";
    }
}

/* ----------- 450 - 650px ----------- */

@media screen and (min-width:451px) and (max-width:650px) {
    .newsidebyside_container {
        width: 100%;
    }
    .newsidebyside_container .withlabel_container {
        width: 100%;
        margin: 0;
    }
    .split, .split.left {
        width: 100%;
    }
    #left, #right {
        display: "none";
    }
}

/* ----------- 650px - 950px ----------- */

@media screen and (min-width:651px) and (max-width:950px) {
    .newsidebyside_container {
        width: 100%;
    }
    .newsidebyside_container .withlabel_container {
        width: 100%;
        margin: 0;
    }
    .split, .split.left {
        width: 100%;
    }
    #left, #right {
        display: "none";
    }

/* ----------- 950px - 1200px ----------- */

@media screen and (min-width:951px) and (max-width:1200px) {
    #imgmap {
        width: 1000px;
    }
    .newsidebyside_container {
        width: 100%;
    }
    .newsidebyside_container .withlabel_container {
        width: 100%;
        margin: 0;
    }
    #left {
        display: "block";
    }
    #right {
        display: "none";
    }
}

/* ----------- 1200px + ----------- */

@media screen and (min-width:1201px) and (max-width:1679px) {
    #imgmap {
        width: 1201px;
    }
    #left, #right {
        display: "";
    }
}

@media screen and (min-width:1680px) {
    .newsidebyside_container {
        display: flex;
    }
    #imgmap {
        width: 1350px;
    }
    #left, #right {
        display: "";
    }
}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {}

/* Portrait */

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {}

/* Landscape */

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) {
    .body {
        position: relative;
    }
    .row-box {
        float: left;
    }
    .row-box {
        margin: 0 0 4% 4%;
    }
    .newsidebyside_container .withlabel_container {
        width: 100%;
        margin: 0;
    }
    #left, #right {
        display: "none";
    }
}

/* Portrait */

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .menu_insideslider {
        min-width: 768px;
    }
    .container-fluid {
        min-width: 768px;
    }
    .row-box {
        min-width: 338px;
    }
    .div_main_footer_top_B, .div_main_footer_b_B {
        width: 180px;
    }
    .div_main_footer_top {
        width: 100%;
    }
    #center {
        width: 100%;
    }
    #left, #right {
        display: "none";
    }
}

/* Landscape */

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .menu_insideslider {
        min-width: 1024px;
    }
    .container-fluid {
        min-width: 1024px;
    }
    .row-box {
        min-width: 450px;
    }
    #left, #right {
        display: "none";
    }
    .map {
        width: 750px;
        margin: 0 auto;
    }
    #center {
        width: 100%;
    }
    #left, #right {
        display: "none";
    }
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width:834px) and (max-device-width:1112px) and (-webkit-min-device-pixel-ratio:2) {}

/* Portrait */

/* Declare the same value for min- and max-width to avoid colliding with desktops */

/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/

@media only screen and (min-device-width:834px) and (max-device-width:834px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {}

/* Landscape */

/* Declare the same value for min- and max-width to avoid colliding with desktops */

/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/

@media only screen and (min-device-width:1112px) and (max-device-width:1112px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .newsidebyside_container .withlabel_container {
        width: 640px;
    }
    #left, #right {
        display: "none";
    }
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) {}

/* Portrait */

/* Declare the same value for min- and max-width to avoid colliding with desktops */

/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/

@media only screen and (min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .row-box {
        min-width: 450px;
    }
    .newsidebyside_container .withlabel_container {
        width: 512px;
    }
    .newsidebyside_container .withlabel_container img {
        width: 240px;
    }
    .div_main_footer_top_B, .div_main_footer_b_B {
        width: 150px;
    }
    .div_main_footer_top {
        width: 650px;
    }
    #left, #right {
        display: "none";
    }
    .map {
        width: 750px;
        margin: 0 auto;
    }
}

/* Landscape */

/* Declare the same value for min- and max-width to avoid colliding with desktops */

/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/

@media only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .newsidebyside_container .withlabel_container {
        width: 640px;
    }
    .menu_insideslider {
        min-width: 1366px;
    }
    #left, #right {
        display: "";
    }
}