/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}
/* Desktops and laptops ----------- */

@media only screen and (min-width : 1224px) {
}

@media only screen and (min-width : 1260px) {
    .container {
        max-width: 1200px;
    }
}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (max-width : 991px) {
    .navbar.navbar-expand-md {
        height: auto;
    }

    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar.navbar-expand-md .navbar-brand {
        margin-bottom: 0;
        margin-left: 10px;
        padding: 27px 0;
    }

        .navbar.navbar-expand-md .navbar-brand img {
            max-width: 200px;
        }

    .navbar.navbar-expand-md .navbar-toggler {
        margin-right: 10px;
    }

    .navbar.navbar-expand-md .navbar-right {
        position: static;
        width: 100%;
    }

    .navbar.navbar-expand-md .main-navigation.show {
        position: fixed;
        top: 88px;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .navbar.navbar-expand-md .main-navigation {
        margin-top: -24px;
    }

        .navbar.navbar-expand-md .main-navigation .navbar-nav {
            margin: 0 10px;
            background: #dcdcdc;
        }

        .navbar.navbar-expand-md .main-navigation li {
            font-size: 1em;
        }

    .navbar.navbar-expand-md.navbar-light .navbar-nav .nav-link {
        color: #000;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .navbar.navbar-expand-md .main-navigation li .dropdown-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-top: 0;
        margin-top: 0;
        background: #dcdcdc;
    }

    .navbar.navbar-expand-md .main-navigation li li {
        font-size: 1em;
    }

        .navbar.navbar-expand-md .main-navigation li li a {
            color: #000;
            
        }

    .navbar.navbar-expand-md .main-navigation li.first > a {
        padding-top: 10px;
        padding-left: 0.5rem;
    }

    .navbar.navbar-expand-md .main-navigation li.last > a {
        padding-bottom: 10px;
        padding-right: 0.5rem;
    }

    .row-2 .two-column-content-text, .row-2 .two-column-image-text {
        height: auto;
    }

        .row-2 .two-column-content-text .col1, .row-2 .two-column-content-text .col2, .row-2 .two-column-image-text .col1, .row-2 .two-column-image-text .col2 {
            position: static;
        }

        .row-2 .two-column-content-text .background-image-holder, .row-2 .two-column-image-text .background-image-holder {
            position: static;
            background-image: none !important;
        }

            .row-2 .two-column-content-text .background-image-holder img, .row-2 .two-column-image-text .background-image-holder img {
                display: block;
                width: 100%;
                height: auto;
            }

    .row-2 .column + .column {
        margin-top: 20px;
    }
}

@media only screen and (max-width : 767px) {

    .background-image-holder {
        position: static;
        background-image: none !important;
    }

        .background-image-holder img {
            display: block;
            width: 100%;
            height: auto;
        }

    .carousel .controls-container {
        top: 0;
        bottom: auto;
    }

    .ce-textpic.ce-left .ce-gallery {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }

        .ce-textpic.ce-left .ce-gallery * {
            width: 100%;
        }

        .ce-textpic.ce-left .ce-gallery .ce-column {
            margin-right: 0;
            width: 100%;
        }

        .ce-textpic.ce-left .ce-gallery * img {
            margin: 0 auto;
        }

    .ce-textpic.ce-left .ce-bodytext {
        width: 100%;
        overflow: auto;
    }
}