/* mobile */

.inline {font-size: 0; box-sizing: border-box;}
.inline > * {font-size: initial; display: inline-block; vertical-align: top; box-sizing: border-box;}

[class*="fifth"] {width: 20%;}
[class*="fourth"] {width: 25%;}
[class*="third"] {width: 33.33%;}
[class*="half"] {width: 50%;}
@media (max-width:1279px){

    [class*="fifth"] {width: 25%;}
    [class*="fourth"] {width: 33.33%;}
}
@media (max-width:1023px) {
  .rs > li .slide_text h2 {font-size: 18px;}

  .droplets {padding: 0;}
  .droplets > div {padding: 20px; text-align: center; margin-top: 0; width: 50% !important;}
  .droplets .third:first-of-type {margin-left: auto;}
}
@media (max-width:979px) {
 footer {padding: 20px 0;}
 footer h3 {font-size: 16px; margin: 0 0 10px;}
 .top .top_nav .menu > li {margin: 0 2px;}
 .heading h1, .heading h2 {font-size: 38px;}

 .top_spacer {display: none;}

  .column_text2, .column_text3, .column_text4, .column_text5 {-moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap:20px;column-count:2;column-gap:20px; text-align: left; margin: 0;}

  .home_product_list li {width: 33.3%;}

  [class*="fifth"] {width: 33.33%;}
    [class*="third"] {width: 50%;}
    [class*="half"] {width: 100%;}

    .center, .center > * {display: block; width: 100%;}

    .values article .half {padding: 20px;}
}
@media (max-width: 767px) {
    
    .careersFigure .quoteWrap {display: none;}
  body {padding: 0 0 0; background-size: auto;}
  div[class*="grid"] {display: inline-block; float: none; margin: 0; margin-bottom: 20px; width: 100%;}

  .top_nav a.mobile_nav {display: inline-block;}
  .top .top_nav .menu {display: none; position: absolute; top: 62px; left: 0; width: 100%; box-shadow: 0 10px 20px -10px #000;}
  .top .top_nav.on .menu {display: block;}
  .top .top_nav .menu > li {margin: 0; display: block; text-align: center; font-size: 15px;}
  .top .top_nav .menu > li > a {margin: 0; display: block; padding: 12px 8px; background: #ddd; color: #111; border-bottom: 1px solid #eee; border-radius: 0;}
  .top .top_nav .menu > li > ul, .top .top_nav .menu > li:hover > ul {display: none;}

  footer {text-align: center; padding: 20px 0 0;}

  .entry .vertical_nav > ul {display: none;}
  .entry .vertical_nav form {display: block;}

  .entry .product_list li {width: 33.3%;}

  .home_list ul li {width: 50%;}

  .entry h1 {font-size: 32px;}
  .entry h2 {font-size: 26px;}
  .entry h3 {font-size: 18px;}
  .entry h4 {font-size: 16px;}
  .entry h5 {font-size: 14px;}
  .entry h5 {font-size: 14px;}

  .entry .alignleft, .entry .alignright, .entry .aligncenter {margin: 0 0 10px;}

  .entry .product_list li {width: 100%;}


  .tabs > ul {text-align: center; box-shadow: none;}
  .tabs > ul > li {left: 0 !important; padding: 0 2px; font-size: 14px; font-weight: bold;}
  .tabs > ul > li > a span {padding: 10px 4px;}
  .tabs > ul > li > a::after {display: none;}
  .tabs .tab_scroll {padding: 0; height: auto !important;}

  .cc_video .container {display: block; padding: 20px 0;}
  .cc_video .container > div {display: block; width: 100%; padding: 0 0 10px;}

  .cc_end > .container {display: block;}
  .cc_end > .container > div {display: block; width: 100%; padding: 10px 0;}
  .cc_slides .rs > li .slide_content {padding: 0;}
  .cc_slides .rs > li .slide_wrap > div.slide_content {width: 100%;}
  .cc_slides .rs > li .slide_wrap > div.slide_ghost {width: 0;}
  .cc_slides .rs > li .slide_text {width: 100%; max-width: 100%; text-align: center; display: block;}
  .cc_slides .rs > li .slide_text p {display: none;}
  .cc_slides .rs > li .slide_text h2 {padding: 4px; font-size: 16px; font-weight: bold;}

  .rs > li .slide_content {padding: 0;}
  .rs > li .slide_wrap > div {width: 70%;}
  .slideshow .rs > li .slide_wrap > div {vertical-align: middle;}

  .home_product_list li figure h3 {font-size: 14px;}
  .home_product_list li figure h3 {display: block;}
  .home_product_list li {width: 50%;}
  .home_product_list li a div.hp_overlay {opacity: .5; visibility: visible;}

  .container.is_page > div,
  .container.is_page > nav
  {display: block; width: 100%; padding: 0 0 20px;}

  .vertical_nav ul {display: none;}
  .vertical_nav form {display: block;}

  [class*="fifth"], [class*="fourth"] {width: 50%;}
    [class*="third"] {width: 100%;}
}
@media (max-width:480px) {

  .rs > li .slide_text h2 {font-size: 14px; padding: 10px 10px 10px 40px;}

  .entry aside {float: none; display: block; width: auto; max-width: 100%; margin: 0 0 10px;}
  .entry aside p {font-size: 13px;}

  .home_list ul li {width: 100%; padding: 0;}

  [class*="fifth"], [class*="fourth"] {width: 100%;}

}