/* Media Queries */

/* Media Queries Bootstrap Override*/

@media (min-width: 960px) {

    #navbar_mobile {
        margin-top: 47px;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background-color: #1b1613 !important;
        color: #FFFFFF;
    }

    .navbar-nav {
        float: right !important;
    }
}

@media (max-width: 960px) {
    
#header img {
    max-width: 100%;
}
    #siteHeadouter {
        background-color: #69605b;
    }

    #navbar_mobile {
        margin-top: 47px;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background-color: #1b1613 !important;
        color: #FFFFFF;
    }

    .navbar-nav {
        float: right !important;
    }
}

@media (max-width: 790px) {
    #topbar {
        font-size: .9em;
    }
}
@media (max-width: 767px) {
    #topbar {
        visibility: hidden !important;
        color: #FFFFFF !important;
        float: right !important;
        font-family: 'Lato',sans-serif !important;
        height: 0px !important;
        margin: 0 auto !important;
        padding: 0px !important;
        width: auto !important;
    }

    .container {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    #navbar_mobile {
        background-color: #539ACE;
        margin: 5px 0px 10px 0px;
        padding: 0px 10px 0px 10px;
        border-radius: 4px;
    }

    .navbar-inner {
        background-position: center top;
        background-image: url('Images/header_background.png');
        background-repeat: repeat-x;
        background-attachment: fixed;
        max-width: 1200px;
    }

    .navbar-nav {
        margin: 0px !important;
    }

    ul.navbar-nav {
        margin: 40px 5px 5px 5px !important;
        border-top: 1px solid #2c6d9b;
    }

    #siteHeadouter {
        background-color: #69605b;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none !important;
    }

    .navbar-collapse {
        border-top: 0px !important;
        box-shadow: 0 0px 0 rgba(255, 255, 255, 0.1) inset !important;
        max-height: 340px;
        overflow-x: visible!important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .navbar-toggle {
        margin: 8px 8px 8px 8px !important;
        background-color: #2c6d9b !important;
        background-image: none;
        border: thin solid #539ACE !important;
        border-radius: 4px;
        float: right;
        padding: 9px 9px 9px 9px !important;
        position: relative;
    }

    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > div > a, .navbar-default .navbar-nav > li > div > ul > li > a {
        color: #FFFFFF;
        margin: 5px 5px 0px 5px;
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus,
        .navbar-default .navbar-nav > li > div > a:hover,
        .navbar-default .navbar-nav > li > div > ul > li > a:hover,
        .navbar-default .navbar-nav > li > div > a:focus,
        .navbar-default .navbar-nav > li > div > ul > li > a:focus {
            background-color: #2c6d9b !important;
            color: #FFFFFF;
            border-radius: 4px !important;
            margin: 5px 5px 0px 5px;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background-color: #2c6d9b !important;
        color: #FFFFFF;
        border-radius: 4px !important;
        margin: 5px 5px 0px 5px;
    }
}



/* Large desktop */
@media (min-width: 1200px) {
    select.status-options {
        display: none;
    }

    .content_team ul {
        margin: 0 -19px;
    }

        .content_team ul li {
            margin: 0 19px 40px;
        }

    .ControlContainer {
        width: 1170px!important;
    }
}
@media (max-width: 991px) {
    img {
        max-width: 100%;
    }

    /* Portrait tablet to landscape and larger */
    @media (min-width:768px) {
        .carousel-control {
            top: inherit;
            bottom: 10px;
            height: 20px;
            width: 20px;
            border: none;
            border-radius: 0;
            z-index: 6;
            background-position: center center;
            background-repeat: no-repeat;
            background-color: transparent;
        }

        .carousel-indicators {
            background: rgba(34, 34, 34,0.7);
            top: auto;
            bottom: 0;
            padding: 15px 35px 15px 30px;
            right: 0;
            width: 63px;
        }

            .carousel-indicators li {
                margin-bottom: 0;
            }

        .carousel-control.right {
            background-image: url(images/right-arrow.png);
            text-indent: -9999px;
            right: 10px;
        }

        .carousel-control.left {
            background-image: url(images/left-arrow.png);
            text-indent: -9999px;
            right: 95px;
            left: auto;
        }
    }

    /* Portrait tablet to landscape and smaller */
    @media (max-width: 960px) {
        .nav-collapse, .nav {
            width: 100%;
        }

            .nav li {
                padding: 0!important;
                min-height: 30px!important;
                height: auto;
            }

            .nav-collapse .dropdown-menu {
                margin: 0 0 0 4%!important;
                width: 95%!important;
            }

                .nav-collapse .nav > li a,
                .nav-collapse .dropdown-menu a {
                    padding: 0 0 0 5px!important;
                    line-height: 30px!important;
                    height: 30px!important;
                    border: 1px solid #eee!important;
                    margin-bottom: 3px;
                }

            .nav-collapse .dropdown.open > a {
                background-color: #eee!important;
            }

            .nav > li > ul {
                position: relative!important;
                width: 100%!important;
            }

        .nav {
            width: 100%;
        }

        img {
            max-width: 100%;
        }
    }
    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 799px) {
        #Body {
            margin: 0;
            padding: 0;
        }

        #siteHeadouter > .container,
        #contentWrapper > .container {
            width: 94%;
            padding-left: 2%;
            padding-right: 2%;
        }

        .content_products ul li {
            width: 47.5%;
        }

        select.status-options {
            display: none;
        }

        .content_adstyleOne {
            width: 100%!important;
            max-width: 100%;
        }

            .content_adstyleOne img {
                width: 103%!important;
                max-width: 103%;
            }

            .content_adstyleOne .adContent {
                bottom: 0;
                right: -3%;
            }

        .content_adstyleOne,
        .content_adstyleTwo {
            margin-bottom: 15px;
        }
    }

    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {
        #Body {
            margin: 0;
            padding: 0;
        }

        #siteHeadouter > .container,
        #contentWrapper > .container {
            width: 90%;
            padding-left: 5%;
            padding-right: 5%;
        }

        .content_products ul {
            margin: 0 -2%;
        }

            .content_products ul li {
                width: 45.5%;
                margin: 0 2% 45px;
            }

        .adContent {
            padding-top: 5px;
        }

            .adContent h2 {
                font-size: 18px;
            }

        .carousel-control {
            top: auto !important;
            bottom: 20% !important;
        }

        .content_adstyleOne {
            width: 100%!important;
            max-width: 100%;
        }

            .content_adstyleOne img {
                width: 100%!important;
                max-width: 100%;
            }

            .content_adstyleOne .adContent {
                bottom: 0;
                right: 0%;
            }
    }

    /* Landscape phones and down */
    @media (max-width: 480px) {
        #Body {
            margin: 0;
            padding: 0;
        }

        .content_products ul li {
            width: 98%;
        }

        .LoginPanel {
            width: 90%!important;
        }

        #searchbox {

            float: none;
            position: relative;
            margin: 0px !important;
}


.footer_oulogo {background-image:none;);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding-left:0px;
    margin-bottom:0px;}
	background-color: #2e2e2e;
    }

/* Landscape phones and down */
    @media (max-width: 650px) {

#headerimage {
    max-width: 1024px;
    margin-left: auto;
    margin-top: 0px;
    margin-right: auto;
    padding-top: 35px;
}
    }
}

/* Landscape phones and down */
    @media (max-width: 375px) {

#toolbox {
    padding: 0px;
    margin: 0px 0px 0px 0px;
    max-width: 1024px;
}

    #toolbox ul {
        padding-bottom: 15px;
        margin: 0px;
        list-style-type: none;
        text-align: left !important;
    }

        #toolbox ul li {
        display: block !important;
        padding: 5px 0px 0px 20px !important;
        color: #FFFFFF;
    }

    }