﻿@media (max-width: 767px) {
    .Header { border-bottom: 2px solid #22689f; margin-bottom: 20px; }
    .Header:after { width: 0; height: 0; position: static; visibility: hidden; }
    .Logo img { margin: auto; }
    .Top-Header { z-index: 20; margin-top: 30px; padding-bottom: 20px; display: inline-block; float: right; vertical-align: top; }
    .Top-Header::after { display: none; }
    .Header-Right { padding: 0; }
    .Top-Links { display: none; }
    .modal-content input { width: 95%; }
    .modal-backdrop.in { z-index: 0; }
    .Header-Right { position: relative; }
    .Menu { position: absolute; left: 0px; bottom: 5px; width: 100%; }
    .navbar-header { float: left; margin: auto; text-align: center; }
    .navbar-default { float: none !important; margin: auto; text-align: center; }
    .navbar-toggle { border: 0 !important; float: none; margin: 11px auto 8px; text-align: center; }
    .navbar-toggle .icon-bar { background-color: #a3b2b7 !important; height: 3px; width: 35px; }
    .Menu .navbar-nav { height: 100%; margin: 0; width: 100%; }
    .Menu .navbar-collapse { border: 0; left: auto; margin-top: 0; padding: 0; position: absolute; right: auto; width: 100%; z-index: 200; top: 50px; }
    .Menu .navbar-nav li { margin: 0 auto; background: transparent; border-bottom: 1px solid #a3b2b7; }
    .Menu .navbar-nav li a, .Menu .navbar-nav li a:hover { color: #fff!important; padding: 7px; }
    .Menu .navbar-nav li:hover { background: #002c4e; }
    .Menu .navbar-nav { background: #21689f; }
    .Menu .navbar-nav li:last-child { border: none; }
    .Box { margin-bottom: 10px; }
    .Box-Txt { max-width: 500px; margin: auto; }
    .Box::after { display: none; }
    .Welcome { margin-top: 30px; padding-bottom: 50px; }
    .Welcom-Txt { margin-top: 10px; padding: 10px 0 0 5px; text-align: justify; }
    .Welcome h1 { font-size: 23px; }
    .News, .Careers { padding: 0; }
    .News-Content::before, .Careers-Content::before { display: none; }
    .News-Content, .Careers-Content { padding: 15px; height: 100%; margin-bottom: 20px; }
    .News-Content::after, .Careers-Content::after { display: none; }
    .CareerPic { display: none; }
    .right.carousel-control { right: 0; }
    .Footer { margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px; padding-bottom: 20px; }
    .Footer::before, .Footer::after { width: 0; height: 0; position: static; visibility: hidden; }
    .Map { top: auto; bottom: 0; }
    .Footer-Links { margin-top: 30px; }
    .Sign { text-align: left; }
    .Bottom-Footer { padding-bottom: 10px; }
    .Main-Internal { margin-top: 20px; }
    .Content-Internal { border-top: 2px solid #ccc; }
}

@media (min-width: 768px) and (max-width: 990px) {
    .Header-Right { padding: 0; }
    .Menu .navbar-nav li { margin-right: 3px; margin-left: 3px; font-size: 11px; }
    .Menu .navbar-nav li a { padding: 1px 3px; }
    .Banner-Txt { bottom: 50px; right: 50px; }
    .Box-Txt { padding-left: 30px; padding-right: 30px; }
    .Welcom-Txt { margin-top: 0; text-align: justify; padding-left: 5px; }
    .News { padding-right: 5px; }
    .Careers { padding-left: 5px; }
    .News-Content, .Careers-Content { padding: 15px; height: 100%; margin-bottom: 20px; min-height: 350px; }
    .News-Content::before, .Careers-Content::before { background-size: 50%; background-position: right; }
    .News-Content::after, .Careers-Content::after { display: none; }
    .CareerPic { display: none; }
    .right.carousel-control { right: 0; }
    .Footer-Links { margin-top: 30px; }
    .Footer { padding-right: 15px; padding-left: 15px; }
}

@media (min-width: 991px) and (max-width: 1200px) {
    .Header-Right { padding: 0; }
    .Menu .navbar-nav li { margin-right: 3px; margin-left: 3px; font-size: 11px; }
    .News-Content::before, .Careers-Content::before { background-size: 70%; background-position: right; }
    .News-Content::after, .Careers-Content::after { display: none; }
}

@media (min-width: 1201px) and (max-width: 1400px) {
    .container { padding: 0; }
    .News-Content::before, .Careers-Content::before { background-size: 70%; background-position: right; }
    .News-Content::after, .Careers-Content::after { width: 570px; }
}

@media (min-width: 1401px) and (max-width: 1500px) {
    .container { padding: 0; }
    .News-Content::after, .Careers-Content::after { width: 570px; }
}

@media (min-width: 1501px) {
    .container { width: 1500px; padding: 0; }
}
