﻿@media (max-width: 768px) {
    .careersWrapper h1 { font-size: 18px;}
    #wrapper {
        height: 100%;
        min-height: 100%;
    }
    #header {
        border-bottom: 1px solid #ccc;
        padding-top: 10px;
    }
    #header .logo {
        width: 70%;
        padding-top: 0;
    }
    .row{ margin: 0;}
    .container,
    .navbar, 
    footer{
        width: auto; 
    }
    .container{ padding-left: 0; padding-right: 0;}
    .carouselBg.sub{ height: 45px!important;}
    .CareersMenuBar { 
        width: auto; 
        min-width: 300px;
        margin-top: 0;
    }
        .CareersMenuBar ul { margin: 10px 0;}
        .CareersMenuBar li {
            width: 100%;
            margin: 0;
            padding:0 0 10px  15px;
             text-align: left;
        }
        .CareersMenuBar li a {
            font-size: 12px;
        }
    .hidden-xs {
        display: none !important;
    }
     .JobsUl{   float: left;}
        .JobsUl li {
            padding: 0 0 5px 10px;
            width: 100%;
        }
            .JobsUl li .col-md-8 {
                width: 95%; float: none; background: url('../img/careers/green-square.png') no-repeat 0 5px;
            }
        .JobsUl li a {
                font-size: 14px; color: #003366; font-weight: normal;
            }
    #footer .col-lg-8, #footer .col-lg-4 {
        width: 100%;
    }
    .footer-links li {
        border-right: 0 none;
    }
   
    #footer p {
        margin-bottom: 0; 
    }
    /*Job Category Landing Page*/
    #divJobFamilies.col-md-3, .col-md-6.testimonial-container,.col-md-9.padTop {
        width: 100%;
    }
    .careerswhiteBg .carouselBg.sub {
        height: 45px;
    }
    .carouselBg, .carouselHomeBg{ 
        height: 100%;
    }
    .carouselBg .item img {
        margin-left: 0; 
    }
    .carousel-indicators {
        left: 50%;
        text-align: center;
    }
   .carousel-control.left{ left: 0;}
   .carousel-control.right{ left:auto;}
   .testimonial-container
   { height: 100%;}
   .cont{ overflow: visible; margin-bottom: .25em;}
   .tul li,.tulOther li{ margin: 0;}
   .tul .col-md-4,.tulOther .col-md-4{ padding: 0 5px; }
   .testimonial-container.even .testimonialText{border-right: 0 !important;padding-bottom: 10px;}
   .testimonial-container .testimonialText {min-height: 100%;}
   .visible-xs-block{ display: block !important;}
   .jobFamDDL select{padding: 3px;border: 1px solid #11579f; border-radius: 4px; margin: 10px 0 0 15px;}
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
  .JobsUl li{ width: 50% !important;}
  #navGlobal ul{ font-size: 12px;}
  .carousel-control.left{ left: 44.5%;}
   .careerswhiteBg .carouselBg.sub{height: 92px;}
   .visible-xs-block{ display: none !important;}

}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
  #navMain ul li a{ font-size: 13px; padding: 10px;}
  #navMain li#navMainLi1{ width: auto;}
  .carousel-control.left{ left: 32%;}
  .careerswhiteBg .carouselBg.sub{height: 120px;}
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
  #navGlobal ul{ font-size: 13px;}
    #navMain ul li a {
        font-size: 14px;
        padding: 10px 15px;
    }
     #navMain li#navMainLi1{ width: 165px;}
  .JobsUl li{ width: 33.33% !important;}
  .JobsUl{ width: 100%; float: left; list-style-type: none; margin: 0;}
.JobsUl li{ list-style: none outside none; width: 33%; display: inline-block; padding: 0;margin: 0;;}
.JobsUl li img{ padding: 20px 10px 0; vertical-align: middle;}
.JobsUl li .col-md-8{ padding-top: 45px;}
.JobsUl li a{ font-size: 16px; }
.carousel-control.left{ left: 25.5%;}

}
.navbar, footer, .CareersMenuBar {
    min-width: 100%;
}