body {
    padding-top: 0px;
    padding-bottom: 0px;
        font-family: 'Roboto', sans-serif;
}

textarea {
  resize: none;
}

h1,h2,h3,h4,h5,h6{
    font-weight:200;
}

.soc-nets { margin-top: 30px; width: 16%; }
.soc-nets a { 
    display: inline-block; 
    max-width: 36px; 
    max-height: 36px; 
    width: 100%; 
    height: 100%; 
    background: url('../img/soc-nets_white.png') no-repeat top left; 
    margin: 0 10px; 
}

.soc-nets a.fb { 
  background-position: top left;
  opacity: 0.7;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.soc-nets a.tw { 
  background-position: left -36px; 
  opacity: 0.7;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.soc-nets a.in { 
  background-position: bottom left; 
  opacity: 0.7;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.soc-nets a.fb:hover { 
  background-position: top left;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.soc-nets a.tw:hover { 
  background-position: left -36px; 
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.soc-nets a.in:hover { 
  background-position: bottom left; 
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

#startbtn a::before, /* Bracket FX start */
#startbtn a::after {
  display: inline-block;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s;
}

#startbtn a::before {
  margin-right: 10px;
  content: '[';
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  transform: translateX(20px);
}

#startbtn a::after {
  margin-left: 15px;
  content: ']';
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  transform: translateX(-10px);
}

#startbtn a:hover::before,
#startbtn a:hover::after,
#startbtn a:focus::before,
#startbtn a:focus::after {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px);
} /* Bracket FX end */

.no-bullet { list-style: none; }
.w-separators li { background: url('../img/gray-fading-sep.png') no-repeat bottom center; }
.w-r-border { border-right: 1px solid #ADADAD; }

.mini-contact { font: 300 24px "Open Sans"; }
.grey-banner-3 .mini-contact a { color: #FFF; line-height: 3em;}
.grey-banner-3 .mini-contact a:hover { text-decoration: none; }

.inner-page-listings li { font: 400 20px "Open Sans"; color: #393C3E; padding: 15px 0; }

.phone { background: url('../img/phone.png') no-repeat center left; padding-left: 25px; color: #E2E2E2; font: 300 22px "Open Sans"; text-transform: uppercase; margin-top: 30px; width: 15%; }
.col-centered { float: none; margin: 0 auto; }

.article-desc { width: 80%; margin-bottom: 30px; position: relative; left: 10%;}
.article-desc strong { font-weight: 700; }
.article-desc p { line-height: 1.5em; margin: 10px 0 5px; font-size: 14px; }
.article-desc a.more { color: #A0B859; letter-spacing: 0.03em; font: 500 14px 'Lato'; background: url('../img/green-arrow-left.png') no-repeat center right; padding-right: 15px; }
.article-desc a.more:hover { text-decoration: none; }


section#big-button { padding: 0 !important; min-height: 230px !important; height: 230px !important; }
.btn-lg.btn-green {
    background: url('../img/green-pattern.gif');
    max-height: 230px;
    height: 100%;
    display: block;
    color: #FFF;
    text-align: center;
    font: 16px "Open Sans";
    text-transform: none;
    padding-top: 55px;
    line-height: 5em;
}
.btn-lg.btn-green span {
    text-transform: uppercase;
    font: 700 48px "Oswald";
    background: url('../img/icon-resume.png') no-repeat left 20px;
    display: inline-block;
    padding-left: 60px;
}
.btn-lg.btn-green:hover { text-decoration: none; }

.form-control { height: 50px; font: 16px Lato; border: 0; border-radius: 2px; box-shadow: none; margin-bottom: 10px; }

.clearfix { clear: both; height: 1px; width: 100%; font-size: 1px }

.serv-thumb {
    max-width: 395px;
    max-height: 276px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.serv-title { 
    font: 300 36px 'Lato';
    line-height: 1.7em;
    color: #FFF;
    text-transform: uppercase;
    height: 66px;
    margin: 0 auto;
    max-width: 395px;
    width: 100%;
    position: relative;
}
.seeks-thumb { background: #E42328 url('../img/red-pattern1.gif') repeat; }
.emps-thumb { background: #9BB54A url('../img/green-pattern1.gif') repeat; }
a.emps-thumb, a.seeks-thumb { display: block; color: #FFF; }
a.emps-thumb:hover, a.seeks-thumb:hover { text-decoration: none; }
.emps-thumb span,
.seeks-thumb span {
    display: block;
    background: url('../img/green-arrow-bot.png') no-repeat top left;
    max-width: 32px;
    max-height: 14px;
    position: absolute;
    bottom: -14px;
    left: 46%;
    width: 100%;
    height: 100%;
}
.seeks-thumb span { background-image: url('../img/red-arrow-bot.png'); }

header#top-section{
    position: relative;
    overflow: hidden;
    padding-top: 0px;
    background: url('../img/homepage-banner.jpg') 50% 0% fixed no-repeat;
    background-size: cover;
    height: 725px;
    width: 100%;
    min-width: 100%;
    z-index:0;
}
header#top-section.career-seekers-page { background-image: url('../img/cseeks-banner.jpg'); }
header#top-section.employers-page { background-image: url('../img/emps-banner.jpg'); }
header#top-section.contact-page { background-image: url('../img/contact-banner.jpg'); }
.white-bg1 { position: absolute; bottom: 0px; left: 0; background: url('../img/white-bgs1.png') no-repeat bottom left; background-size: cover; height: 60px; width: 100%; }

.career-seekers-page .jumbotron li,
.employers-page .jumbotron li,
.contact-page .jumbotron li {
    list-style-image: url('../img/li-tick-red.png');
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #393C3E;
    font: 300 italic 22px "Open Sans";
    position: relative;
    left: 20%;
}

.jumbotron {
    background: none;
    text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px;
    top:0px;
    left:0px;
    right:0px;
    z-index:1;
    position: fixed;
    width:100%;
    text-align:center;
    padding-right:0px;
    padding-left:0px;
    padding-bottom: 0;
    margin-bottom: 0;
}


.jumbotron .cseeks-position-list {
    background: url('../img/white-transp-bg.png');
    margin-top: 260px;
    height: 417px;
    padding-bottom: 15px;
    text-shadow: none;
}
.contact-page .jumbotron .cseeks-position-list ul,
.employers-page .jumbotron .cseeks-position-list ul {
    padding: 0 !important;
    width: 75%;
}

.jumbotron h1{ color:#fff; font: 700 69px "Oswald"; text-transform: uppercase; padding: 0; margin: 0; }

.jumbotron p.lead {
    color:#fff;
    font: 300 36px "Oswald";
    text-transform: uppercase;
    max-width:60%;
    position:relative;
    padding: 370px 0 0;
    margin: 0 auto;
}

.jumbotron .btn { text-shadow: none; font: 300 22px "Open Sans"; margin: 5px 14px 0; color: #FFF; }
.btn-lg { border-radius: 0; text-transform: uppercase; padding: 0; padding: 15px 60px 20px; }
.btn-primary, .btn-default { background: #80A426 url('../img/green-pattern.gif') top left; color: #FFF; border: 0; }
.btn-red { background: #E42328 url('../img/red-pattern.gif') !important; }
.btn-default { padding: 15px 30px 20px; }


section {
      padding-top:50px;
      padding-bottom:100px;
      min-height:600px;
      width:100%;
      min-width:100%;
      position:relative;
      overflow:hidden;
}

#best-match{
    background: #FFF;
    min-height: 590px;
    padding: 0;
}
#best-match.contact-page { padding-top: 60px; }
#best-match.contact-page .page-header { margin-bottom: 25px; margin-top: 0; }
#best-match.contact-page .page-header-green h3 { font-size: 30px; }
#best-match.contact-page p .phone-big { font: 300 36px "Oswald" !important; color: #373737; display: block; }
#best-match.contact-page .contact-page-phone { border-right: 1px solid #7F7F7F; margin-top: 25px; }
#best-match.contact-page .btn { text-transform: uppercase; font: 16px "Open Sans"; border-radius: 0; margin-top: 25px; line-height: 2em; padding-bottom: 15px; margin-left: 10%; }
#best-match.contact-page .btn:hover { color: #FFF; }
#best-match.inner-page-listings { min-height: 400px !important; }

#testimonials { background: #FFF url('../img/white-bgs2.gif') no-repeat bottom left; background-size: 100%; min-height: 580px; padding-top: 0; }
#testimonials .page-header h3 { margin: 70px auto 50px; }

.contact-address { margin-top: 115px; }
.contact-address .col-lg-9 {
    font-size: 16px;
    line-height: 2.3em;
}
.contact-address .col-lg-9 a { text-decoration: underline; }
.page-title { font: 300 48px "Oswald"; color: #3E3E3E; text-transform: uppercase; }
.page-title-sml { font-size: 30px; }
.page-title.page-title-sml.soc-nets { width: 100%; }
.page-title.page-title-sml.soc-nets a { background-image: url('../img/soc-nets1.png'); margin: 20px 10px 0 0; }

 #cseeks-emps{
      background: url('../img/grey-banner-1.jpg') top center no-repeat;
      background-size: cover;
      min-height: 468px;
      color: #FFF;
      font: 300 22px "Open Sans";
      padding-top: 0;
}
.grey-banner-2 { 
    background: url('../img/grey-banner-2.gif') bottom center no-repeat !important;
    background-size: cover !important;
    max-height: 694px;
    height: 100%;
    font: 16px "Open Sans";
    padding-bottom: 0;
}
.grey-banner-2.grey-banner-3 {
    background-image: url('../img/grey-banner-3.gif') !important;
    max-height: 425px;
    height: 100%;
}
.grey-banner-2.grey-banner-3 p.desc { line-height: 1.7em; font: 300 16px 'Open Sans'; margin-top: 30px; width: 90%; }

#cseeks-emps.grey-banner-2 { font: 16px "Open Sans"; }
.grey-banner-2 .page-header { width: 80%; margin: 40px auto 30px; }
.grey-banner-2 .page-header h3, .grey-banner-2 .page-header p { color: #FFF; }
.grey-banner-2 .page-header p { font-style: italic; }
.grey-banner-2.grey-banner-3 .page-header { width: 100%; margin: 80px auto 60px; }
.grey-banner-2.grey-banner-3 .page-header h3 { color: #98AF4B; }

#cseeks-emps .cseeks-list,
#cseeks-emps .emps-list {
    font: 300 22px "Open Sans";
    max-width: 395px;
    width: 100%;
    margin: 20px auto 0;
    float: none;
    position: relative;
    top: 20px;
}
#cseeks-emps .emps-list { margin-top: 35px; }
#cseeks-emps .emps-list li,
#cseeks-emps .cseeks-list li {
    font-size: 19px;
    line-height: 2em !important;
    margin: 20px 0;
    background-image: url('../img/green-fading-sep.png') !important;
    padding-bottom: 10px;
}
#cseeks-emps .cseeks-list li,
#cseeks-emps .emps-list li {
    list-style-type: none;
    list-style-image: url('../img/li-tick.png');
    list-style-position: outside;
    position: relative;
    padding-left: 25px;
    left: 5%;
    background: url('../img/gray-fading-sep.png') no-repeat bottom center;
}

#what-we-do { background: #F4F4F4 url('../img/lightgray-banner-2.jpg'); background-size: cover; min-height: 695px; }
#what-we-do .page-header { margin: 60px auto 30px; }
#what-we-do .page-header h3 { color: #3E3E3E; }

footer {
      background: #DEDFDC url('../img/gray-pattern.gif') fixed repeat;
      width:100%;
      min-width:100%;
      padding: 0 !important;
      position:relative;
      padding-top: 30px !important;
}
footer ul.nav-footer li { display: inline-block; height: 50px; vertical-align: top; }
footer ul.nav-footer li a { color: #333333; font: 700 18px "Lato"; text-decoration: none; text-transform: uppercase; }
footer .btn-default { font: 900 20px Lato; letter-spacing: 1px; border-radius: 3px; float: right; }
footer .btn-default:hover { color: #FFF; }

footer .copyright { color: #6E6E6D; margin-top: -70px; }
footer .copyright a, footer .copyright span { text-decoration: none; display: inline-block; margin: 0 10px 10px; color: #6E6E6D; font: 300 12px 'Lato'; }
footer .copyright a:first-child, footer .copyright a:nth-child(2) { font-size: 16px; }

.page-header { margin: 80px auto 70px; padding: 0; border: 0; }
.page-header.page-header-red { margin: 35px auto 30px; }
.page-header h3 { font: 300 48px 'Oswald'; color: #71848F; text-transform: uppercase; margin: 0; }
.page-header-green h3 { font: 700 36px 'Oswald'; color: #98AF4B; }
.page-header-red  h3 { color: #EC2327; font-size: 36px; }
.page-header h4 { font: 400 20px "Open Sans"; color: #EC2327; text-transform: uppercase; }
.page-header p { color: #393C3E; font: 400 16px "Open Sans"; width: 100%; margin: 28px auto 0; }
.text-green { color: #87A234; }


/****************** NAVIGATION STYLES *************************/
.navbar {
      background: url('../img/nav-hdr-bg.png');
      border:0px;
      box-shadow: none;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { 
    border: 0;
    background: url('../img/nav-menu-bg.png');
}
navbar-fixed-top{
      z-index:1030;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #FFF;
    background: #000;
}
.navbar-brand {
    padding: 0; 
    margin: 0 auto !important; 
    width: 69%; 
    max-height: 108px; 
    height: 100%; 
    background: url('../img/lonestar-logo.png') no-repeat top center; 
}

.navbar-nav > li.logo { display: none; }

.navbar-header {
    float: none;
    height: 150px;
    padding-top: 25px;
}
.shrink .navbar-header { max-height: 50px; padding-top: 5px; }
.shrink .navbar-header .soc-nets,
.shrink .navbar-header .phone { display: none; }
.shrink .navbar-header .navbar-brand { background: url('../img/lonestar-logo-sml.png') no-repeat top center; max-height: 39px; height: 100%; width: 100% }
    
.navbar .nav > li > a {
    float: none;
    padding: 15px 20px 15px;
    color: #FFF;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    font: 300 16px "Open Sans";
}
.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus {
      color: #333;
      text-decoration: none;
      background-color: #000;
      -webkit-box-shadow:  none;
              -moz-box-shadow:   none;
                      box-shadow:  none;
}


.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
      color: #FFF;
      font-weight: 300;
      box-shadow: none;
      }

      /*************** @media ******************/
@media (max-width: 979px){
      body{
              padding:0px;
      }
      .navbar-fixed-top {
              margin-bottom: 0px;
      }

      .navbar-fixed-top, .navbar-fixed-bottom {
              position: fixed;
      }

      .navbar .container {
              width: auto;
              padding: 0px 20px;
      }

      .navbar .brand {
              padding-right: 10px;
              padding-left: 10px;
              margin: 0 0 0 15px;
      }
      .container{
              padding:0px 20px;
      }

      .jumbotron {
              padding: 0px;
              top:30px;
      }
      .jumbotron h1 {
              color: #fff;
              font-size:40px;
      }
      .jumbotron p.lead { font-size: 28px; padding-top: 390px; }
      footer .copyright { margin-top: 0 }
}

@media (min-width: 768px) {
    
    .navbar-right { float: none !important; width: 90%; margin: 0 auto !important; }
    .navbar-nav > li { float: left; width: 22%; text-align: center; }
    .navbar-nav.navbar-right:last-child { margin-right: 0px; }
    .jumbotron { padding-bottom: 0px !important; }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    
    .phone { width: 20%; }
    .navbar-brand { background-size: 90% !important; margin-top: 10px !important; }
    .navbar-right { width: 90%; }
    .jumbotron p.lead { padding-top: 230px; }
    header#top-section { height: 580px; }
    .add-margin1 { margin-top: 135px !important; }
    .jumbotron .cseeks-position-list { margin-top: 260px; height: 370px; width: 100% !important; }
    #best-match.contact-page .btn { margin-left: 0 !important; }
    .grey-banner-2 .page-header { margin: 20px auto 0px !important; }
    .grey-banner-2.cont-p-marg .page-header { margin-top: 130px !important; }
    #cseeks-emps.grey-banner-2 .container { padding: 0 !important; }
    .page-header h3 { font-size: 30px; }
    .page-header p { font-size: 12px; }
    
    .article-desc { margin-bottom: 20px !important; left: 5% !important; width: 95% !important; }
    .article-desc p { margin-top: 5px !important; }
    .article-desc a.more { font-size: 12px !important; line-height: 1.8em !important; }
    
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    
    .add-margin1 { margin-top: 100px !important; }
    
}

@media (max-width: 1024px) {
    
    .navbar .nav > li > a {
        float: none;
        padding: 15px 5px 15px;
    }   
    .soc-nets a { margin: 0 5px; }
    .phone { font-size: 18px; }
    
    header#top-section{ background: url('../img/homepage-banner.jpg') !important; height: 680px; }
    header#top-section.contact-page { background: url('../img/contact-banner.jpg') !important; }
    header#top-section.career-seekers-page { background-image: url('../img/cseeks-banner.jpg') !important; }
    header#top-section.employers-page { background-image: url('../img/emps-banner.jpg') !important; }
    .jumbotron .cseeks-position-list { margin-top: 180px; height: 450px; }
    
    .page-header p { margin: 0 auto 28px; }
    #best-match.inner-page-listings { padding-bottom: 50px !important; }
    
    .article-desc { width: 90%; margin-bottom: 25px; left: 5%;}
    
    .page-header h3 { font: 300 36px 'Oswald'; }
    .grey-banner-2 .page-header { margin: 40px auto 15px; }
    
    .navbar-header { height: 100px; padding-top: 15px; }
    .navbar-brand {
        max-height: 70px;
        background-size: 30%; 
    }
    .soc-nets { margin-top: 20px; }
    .jumbotron p.lead {
        font-size: 30px;
        padding-top: 300px;
    }
   
}

@media (max-width: 768px) {
    
    .navbar-brand {
        width: 30%;
        background-size: 100%;
        margin: 0 auto;
    }   
    .soc-nets { display: none; }
    .phone { margin-left: 10%; }
    .navbar-header { padding-top: 5px; height: 100px; }
    .shrink .navbar-header .navbar-brand {
        background: url('../img/lonestar-logo-sml.png') no-repeat center 5px;
        max-height: 44px;
        height: 100%;
        width: 111px;
        float: left;
    }
    
    .article-desc { width: 90%; margin-bottom: 30px; position: relative; left: 5%;}
}

/* iPhone 4s landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {
    
    section { padding-bottom: 50px !important; }
    .phone { margin-top: 10px !important; width: 32% !important; margin-left: 0 !important; margin-right: 50px !important; }
    .navbar-brand { max-height: 47px !important; }
    .navbar-header { height: 55px !important; }
    .white-bg1 { display: none !important; }
    .jumbotron { position: relative !important; }
    .jumbotron p.lead { padding-top: 70px !important; max-width: 100% !important; font-size: 16px !important; }
    .jumbotron h1 { font-size: 24px !important; }
    .jumbotron .btn { font-size: 16px !important; margin: 10px 5px 0  0 !important; padding: 20px !important; }
    .jumbotron .cseeks-position-list { margin-top: 0px; height: 270px !important; background: none !important; }
    
    #what-we-do .page-header, .page-header { margin: 30px auto !important; }
    .page-header.page-header-red { margin: 25px auto 10px !important; font-size: 16px; font-weight: 800; color: #FFF !important; }
    .page-header.page-header-red h3 { color: #FFF !important; }
    #myCarousel .thumbnail { margin: 20px auto 25px !important;}
    #myCarousel .thumbnail img { width: 25% !important; }
    
    .career-seekers-page .jumbotron li,
    .employers-page .jumbotron li,
    .contact-page .jumbotron li,
    .career-seekers-page li,
    .employers-page li {
        list-style-image: none !important;
        list-style-type: none !important;
        font-size: 14px !important;
        left: 10% !important;
        margin-bottom: 5px !important;
        padding-bottom: 5px !important;
        color: #FFF !important;
    }
    .career-seekers-page li, .employers-page li { font-size: 12px !important; margin-bottom: 2px !important; padding-bottom: 2px !important; }
    .career-seekers-page .page-header-red h3, .employers-page .page-header-red h3 { font-size: 18px !important; font-weight: 800 !important; }
    
    header#top-section,
    header#top-section.contact-page,
    header#top-section.career-seekers-page,
    header#top-section.employers-page { background: none !important; height: 270px !important; background-color: #304148 !important; }
    
    #best-match { min-height: 300px !important; }
    #best-match .col-xs-6.col-sm-6.col-md-6.col-lg-6 { display: none !important; }
    #best-match.contact-page .col-xs-6.col-sm-6.col-md-6.col-lg-6,
    #best-match.inner-page-listings .col-xs-6.col-sm-6.col-md-6.col-lg-6 { display: block !important; }
    
    #cseeks-emps.grey-banner-2 { font-size: 12px !important; background: #373737 !important; height: auto !important; max-height: 1150px !important; }
    #cseeks-emps { min-height: 100% !important; }
    
    #best-match.contact-page .btn { font-size: 12px !important; margin-top: 10px !important; margin-left: 0 !important; padding-bottom: 10px !important; text-transform: lowercase !important; }
    #best-match.contact-page .btn.btn-red { margin-top: 100px !important; }
    .btn-default { padding: 10px !important; }
    
    .contact-address { margin-top: 30px !important; }
    
    .contact-address .page-title { font-size: 24px !important; font-weight: 800 !important; }
    
    .seeks-thumb, .emps-thumb { background: none !important; }
    .serv-title span { display: none; }
    .serv-title { font-size: 24px; font-weight: 900; height: 30px; margin-top: 20px; }
    
    #cseeks-emps .cseeks-list, #cseeks-emps .emps-list { font-size: 14px !important; }
    #cseeks-emps .cseeks-list li, #cseeks-emps .emps-list li { list-style-image: none !important; padding-left: 10px !important; left: 0 !important; }
    
    #testimonials { display: none; }
    
}

/* iPhone 4s Portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {

    section { padding-bottom: 50px !important; }
    .phone { display: none !important; }
    .navbar-brand, .shrink .navbar-header .navbar-brand { max-height: 30px !important; margin-top: 10px !important; } 
    .shrink .navbar-header .navbar-brand { background-size: 60%;}
    .navbar-header { height: 40px !important; }
    .white-bg1 { display: none !important; }
    .jumbotron { position: relative !important; }
    .jumbotron p.lead { padding-top: 80px !important; max-width: 100% !important; font-size: 16px !important; }
    .jumbotron h1 { font-size: 24px !important; }
    .jumbotron .btn { font-size: 16px !important; margin: 10px 5px 0  0 !important; padding: 15px !important; }
    
    .jumbotron .cseeks-position-list { margin-top: 0px; height: 370px !important; background: none !important; }
    
    #what-we-do .page-header, .page-header { margin: 30px auto !important; }
    .page-header.page-header-red { margin: 35px auto 10px !important; font-size: 16px; font-weight: 800; color: #FFF !important; }
    .page-header.page-header-red h3 { color: #FFF !important; }
    .page-header-green h3 { font-size: 24px !important; font-weight: 800 !important; }
    #myCarousel .thumbnail { margin: 20px auto 25px !important;}
    #myCarousel .thumbnail img { width: 25% !important; }
    
    .career-seekers-page .jumbotron li,
    .employers-page .jumbotron li,
    .contact-page .jumbotron li,
    .career-seekers-page li,
    .employers-page li {
        list-style-image: none !important;
        list-style-type: none !important;
        font-size: 14px !important;
        left: 10% !important;
        margin-bottom: 5px !important;
        padding-bottom: 5px !important;
        color: #FFF !important;
    }
    .career-seekers-page li, .employers-page li { font-size: 12px !important; margin-bottom: 2px !important; padding-bottom: 2px !important; }
    .career-seekers-page .page-header-red h3, .employers-page .page-header-red h3 { font-size: 18px !important; font-weight: 800 !important; }
    
    header#top-section,
    header#top-section.contact-page,
    header#top-section.career-seekers-page,
    header#top-section.employers-page { background: none !important; height: 370px !important; background-color: #304148 !important; }
    
    #best-match { min-height: 300px !important; }
    #best-match .col-xs-6.col-sm-6.col-md-6.col-lg-6 { display: none !important; }
    #best-match.contact-page .col-xs-6.col-sm-6.col-md-6.col-lg-6,
    #best-match.inner-page-listings .col-xs-6.col-sm-6.col-md-6.col-lg-6 { display: block !important; }
    
    #cseeks-emps.grey-banner-2 { display: none !important; }
    #cseeks-emps { min-height: 100% !important; }
    .btn-lg.btn-green { font-size: 12px !important; line-height: 1.5em !important; }
    .btn-lg.btn-green span { font-size: 24px !important; padding-left: 40px !important; }
    
    #best-match.contact-page .btn { font-size: 10px !important; margin-top: 10px !important; margin-left: 0 !important; padding: 10px 2px !important; text-transform: lowercase !important; }
    #best-match.contact-page .btn.btn-red { margin-top: 100px !important; }
    .btn-default { padding: 10px !important; }
    
    .contact-address { margin-top: 30px !important; }
    
    .contact-address .page-title { font-size: 24px !important; font-weight: 800 !important; }
    
    .seeks-thumb, .emps-thumb { background: none !important; }
    .serv-title span { display: none; }
    .serv-title { font-size: 24px; font-weight: 900; height: 30px; margin-top: 20px; }
    
    #cseeks-emps .cseeks-list, #cseeks-emps .emps-list { font-size: 12px !important; line-height: 1em !important; }
    #cseeks-emps .cseeks-list li, #cseeks-emps .emps-list li { list-style-image: none !important; padding-left: 5px !important; left: 0 !important; }
    
    #testimonials { display: none; }
}