/**
 * @package    Joomla Bamboo Zen Grid Framework
 * @Type        Core CSS
 * @version    v2
 * @author    Joomlabamboo http://www.joomlabamboo.com
 * @copyright   Copyright (C) 2007 - 2010 Joomla Bamboo
 * @license    http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */

/* Rules for Media queries. If you want to create your own media query file just create a file called mediaqueroes.css in your css file.
-----------------------------------------------------------------------------*/


/* Tablet Portrait size to standard 960 (devices and browsers) */
/*@media screen and (max-width: 960px) {
  .container{width: 760px !important}
  .allitems.container {width: 100% !important}
  #nav ul li {padding-left: 0 !important;font-size: 1.1em;line-height: 8;}
  #logo img { max-width: 90%; }
  #banner h2 { font-size: 2em; }
  #navwrap.sticky #nav li {line-height: 3.4em;padding-top: 9px}
}*/


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/*@media only screen and (min-width: 480px) and (max-width: 800px) {
  span.createDate,span.k2Author,.k2Category {margin-right: 8px}
}*/


@media only screen and (min-width: 769px) {
  .casestudies span.catItemImage img {
    width:319px !important;
  }

  iframe#sds-search {
    height: 520px;
  }

  .body-image {
    float: right;
    width: 50%;
    margin-left: 5px;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 900px) {
  .sub-banner.kkube .sub-banner-inner p {
    padding-left: 173px;
  }
}


@media screen and (min-width: 1040px) {
  iframe#sds-search {
    height: 620px;
  }
}


/*@media only screen and (min-width: 1440px) {
  .allitems {
    /*left:11.5% !important;
  }
}


@media only screen and (min-width: 1280px) and (max-width: 1365px) {
  .allitems {
    /*left:7% !important;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1439px) {
  .allitems {
    /*left:9.5% !important;
  }
}
*/

@media only screen and (max-width: 1100px) {

  .cc-modal-closebutton {
    float:none !important;
    display:inline-block;
  }

  .cc-content {
    float:none;
    display:block;
    margin-bottom:10px;
  }

  #cc-preference-element-analytics label {
    display:block;
  }


}




@media only screen and (max-width: 1040px) {

.case-study-intro-left.vodafone {
  margin-right:4% !important;
}


    .search .zenblock.noresults, .search .zenblock.noresults:last-child {
    float:left !important;
    width:auto !important;
  }

  #cc-tag {
    top:5px;
    right:15px;
  }

  .whychoose {
    margin-top:0;
    max-width:250px;
  }

  #logo {
    width:15%;
  }

  .careersoverlay {
    left:30%;
  }

  .careers-text li, .careers-text li a, .careers-text p {
    font-size:15px;
  }

  .careers-text {
    width:95%;
  }

/* .casestudies .allitems.container {
    width:100% !important;
    padding:0 !important;
 }

  .casestudies .zentext {
    width:40% !important;
    right:7% !important;
  }

  .casestudies .banner-title {
    font-size:30px;
  }*/

   .search .zenblock  {
    margin-top:20px;
   }

  .lang-active {
    min-width:110px;
    text-align:right;
  }

  .slicepage #background {
    height:auto !important;
  }

  #navwrap.sticky.shadow {
  height:500px !important;
  }
  #logo img {
    max-width:100%;
    height:85px;
    width:auto;
  }
  .navbar-navmega {
    margin: 10px 0 0 -20px !important;
  }
  #navwrap .container .container {
    width:100% !important;
  }
  #background {
    margin-top:0 !important;
  }
  #navwrap {
    top:0;
  }
  .nav-child {
    top:60px !important;
  }
  .dropdown-menu {
    width:100% !important;
  }
  .platform-logo {
    display:none;
  }

  #nav .item-129.parent{
    background:#b4002f !important;
    padding:5px !important;
  }

  #nav .item-131.parent {
    background:#2f9e9f !important;
    padding:5px !important;
  }

  #nav .item-133.parent{
    background:#0189b2 !important;
    padding:5px !important;
  }

  #nav .item-134.parent {
    background:#e27c00 !important;
    padding:5px !important;
  }

  #nav .item-136.parent {
    background:#0e4039 !important;
    padding:5px !important;
  }

  #nav .item-138.parent {
    background:#6d6b70 !important;
    padding:5px !important;
  }

  .item-128 .nav-child li.megacol-header {
    padding:5px !important;
    margin-bottom:5px;
  }
  .nav-child ul li {
    width:90% !important;
  }
  .lang-inline {
    right:15px;
  }
  #background {
    min-width:100%;
  }
  body.featured #background, body.frontpage #background, .bannerpage:not(.slicepage) #background {
    height:400px !important;
  }
  .zentext {
    width:90% !important;
  }
  #background img {
    min-width:1200px;
  }
  /*.allitems {
    top:20% !important;
  }*/
  #grid1wrap .container {
    padding-top:10px !important;
  }
  .featured #contentwrap {
    background-position:0 280px;
  }
  #grid9 .moduletable .moduleTitle, #grid9 .moduletable .jbmoduleBody {
    width:94% !important;
  }
  .case-study-intro-left {
    width:50% !important;
  }
  .case-study-intro-right {
    width:46% !important;
  }
  .casestudy .moduleItemTitle {
    float:none;
    margin:30px 0 0 0px;
  }


  .vacancy-right {
    width:70%;
    float:left;
    margin-left:40px;
  }

  .numbers {
    width:auto;
  }
  #bottom1 {
    width:100%;
  }
  #bottom2 {
    float:left;
    text-align:left;
    margin-top:10px;
  }

  /*#grid5, #grid6, #grid7 {
    width:30.3% !important;
  }
  #grid5, #grid6 {
    margin-right:3% !important;
  }*/

  .slide-controller {
    top:30% !important;
  }
}

@media only screen and (max-width: 1100px) {


 .careers-text li {
    width:50%;
    float:left;
  }


}



@media only screen and (max-width: 1024px) {

  .waste-water .grid-item.left {
    margin-left:1% !important;
  }

  .waste-water .grid-item {
    width:48%;
  }


  .waste-water .centered-text {
    height:115px;
  }


  .hor-cutout {
    float:none;
    padding:20px 0;
  }

  .left-img-block.history img  {
    width:auto;
  }

  .careers #background .slideshow img {
    /*opacity:0.5;*/
  }

  .left-img-block img {
    margin-bottom:10px !important;
    float:none;
  }

  .left-img-block {
    margin-bottom:20px;
  }


  .contact-left {
    width:35%;
  }

  #bfElemWrap5 .bfRequired {
    padding:0;
  }
div.left-img-block.compon ul ul {float: none;}

}






@media only screen and (max-width: 900px) {

    .grid-item {
    min-height:222px !important;
  }

  .product-slider-selector ul {
    border-bottom: 0;
  }

  .product-slider-selector ul li {
    display: inline-block;
    width: 32%;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .product-slider-selector ul li:first-child {
    padding-left: 30px;
  }


  #cc-notification-permissions, .cc-notification-buttons {
    float:none;
    display:block;
  }

  #cc-notification-permissions ul {
    margin-left:0;
    /*margin-bottom:30px;*/
  }

  .cc-notification-buttons li  {
    margin-bottom:15px;
    margin-top:0;
  }

  .cc-learnmore-link {
    margin-left:0;
  }

  #belowmain3 {
    width:100%;
  }

  .hosp9 .centered-text {
    height:145px;
  }

  .careerstile, .mediatile {
    min-height:289px;
    margin-top:0 !important;
  }

  .careers-tile-text, .media-tile-text {
    min-height:90px;
  }

  #grid21, #grid23 {
    width:49%;
    margin-right:2%;
  }

  #grid22, #grid24 {
    width:49%;
    margin-right:0;
  }

  .careers-text p {

  }


  .ja-k2filter .lb-checkbox {
    width:47% !important;
  }


  ul.ja-k2filter li input[type="radio"], ul.ja-k2filter li input[type="checkbox"] {
    margin-right:1% !important;
  }


  #belowmain1, #belowmain2 {
    width:100%;
  }

  .tile-content {
    min-height:140px;
  }

  .platform-tile {
    min-height:282px;
  }

  .visible-tile {
    height:262px !important;
  }

  #belowmain2 .platform-tile:first-child {
    margin-top:0;
  }


  /*.casestudies .zentext {
    width:30% !important;
    right:7% !important;
  }


  .casestudies .banner-title {
    font-size:26px;
  }*/

}





@media only screen and (max-width: 860px) {
  .cc-notification-buttons li {
    float:left;
    margin-top:20px;
}

#cc-notification {
  padding-top:0;
}

}




@media only screen and (min-width: 480px) and (max-width: 1024px) {

  /* Fix for advert positions with three modules published at low resolutions */
  #abovemain .grid_3,
  #abovemain .grid_4,
  #belowmain .grid_3,
  #belowmain .grid_4 {
    width: 100%;
  }

  #zenpanel {width: 90% !important}
}

/* Fix for tabs dropping onto two lines on small screens */
@media only screen and (min-width: 480px) and (max-width: 790px) {
    ul.jbtabs li a,ul.jbtabs li.active a {padding: 12px 20px;font-size: 0.9em;line-height: 1.9em}
    #bannerwrap .container {padding-bottom: 0}
}

@media screen and (max-width: 790px) {
  .fullWrap {
    padding-top: 50px;
  }
  #togglemenu {
    display: block;
    position: fixed;
    z-index: 90;
    width:100%;
    top:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    background: #f4f4f4;
    height: 50px;
  }
  #togglemenu ul li {font-size:15px; font-weight:700;}
  #togglemenu ul li li {padding-left: 15px;margin: 0}
  #togglemenutrigger {
    background: url(../images/menu-icon.png) no-repeat left center;
    background-size: contain;
    height: 20px;
    width: 20px;
    display: inline-block;
    top: 15px;
    left: 3%;
    position: relative;
  }
  #togglemenu .item-145, #togglemenu .item-146, #togglemenu .item-147 {
    width: 100% !important;
  }
  #togglemenu .nav .nav-child li {
    padding: 5px 0 !important;
  }
  #togglemenu img {
    display: none;
  }

  #topwrap {
    position: static;
  }

  .item-128 > ul, .item-141 > ul {
    display: block !important;
  }
  #top1 .nch-logo  {
    position: fixed;
    top: 3px;
    left: 50%;
    margin-left: -20px;
    z-index: 100;
    max-width: 40px;
    padding: 2px;
    background: #fff;
  }
  #top1 .nch-logo img {
    max-width: 100%;
  }
}





@media only screen and (max-width: 821px) {
  .waste-water .centered-text {
    height:135px !important;
  }

}




@media only screen and (max-width: 768px) {

  #midCol {
    width: 70%;
    left: 30%;
  }

  #leftCol.zen-pull12 {
    width: 30%;
    left: -70%;
  }

#jux-social-stream .stream li {
  width:100% !important;
  max-width:100% !important;
}

 .case-study-intro-left, .case-study-intro-right {
    width:100% !important;
    margin-right:0 !important;
  }

  div.k2ItemsBlock ul li div.moduleItemIntrotext, .case-study-intro-left, .case-study-intro-right {
    float:none !important;

  }

  .case-study-intro-right {
    margin-top:30px;
  }


  .case-study-intro-right {
    text-align:center;
  }

  .case-study-intro-right .itp-sharepoint {
    display:inline-block !important;
  }

  .case-study-body .col-1, .case-study-body .col-2, .case-study-body .col-3 {
    width:100%;
    margin-bottom:20px;
  }

  .case-study-body {
    padding-top:0;
  }



  .careersoverlay {
    top: 20px;
    left: 8%;
  }


  .casestudies .itemContainer {
    width:50% !important;
    /*min-height:302px;*/
    min-height:212px;
  }

   .casestudy .moduleItemTitle {
    float:none;
    margin:0 auto;
    display:block;
    text-align:center;
    width:120px;
  }

  .casestudies .clr {
    clear:none;
  }


  .bfQuickMode .bfLabelTop input, .bfQuickMode .bfLabelTop textarea, .bfQuickMode .bfLabelTop select, .bfQuickMode .bfLabelTop button {
    width:95% !important;
  }

  .itp-sharepoint {
    width:auto;
  }

  div.itemRatingBlock {
    float:none;
  }


  div.itemSocialSharing {
    float:none;
    display:block;
  }

  .sub-left-col, .sub-right-col {
    width:100%;
    margin-right:0;
  }

  /*--- PRESS RELEASE / TWEET MAKEOVER ------------*/

  #grid13 .pressmod {
    width: 100%;
    margin: 0;
  }

  #grid13 .tweets.single {
    width: 94% !important;
    padding-top: 0;
    margin:0 auto !important;
    background:none !important;
    float:none !important;

  }

  #grid13 .tweets.single .jbmoduleBody {
    /*width: 94% !important*/
    margin-bottom:20px !important;
  }


}


@media screen and (max-width: 1080px) {
  .slideshow.slideshowoverlay .slide-controller {
    display: none;
  }
}


@media only screen and (max-width: 1023px) {
  .twitter-right {
    display:none;
  }

  .why-choose-left {
    width:auto;
  }

}



@media screen and (max-width: 1020px) {
  #navwrap div#maximenuck305 li.level1.item128 > a > span.titreck:after, #navwrap div#maximenuck305 li.level1.item128 > span > span.titreck:after, #navwrap div#maximenuck305 li.level1.item141 > a > span.titreck:after, #navwrap div#maximenuck305 li.level1.item141 > span > span.titreck:after {
    top: 5px;
  }

  #navwrap div#maximenuck305 ul.maximenuck li.maximenuck.level1 > a, #navwrap div#maximenuck305 ul.maximenuck li.maximenuck.level1 > span {
    font-size: 15px;
    padding-right: 35px;
    line-height: 50px;
  }
}

@media screen and (max-width: 910px) {
  #belowcontent .moduletable {
    width: 100%;
    margin-right: 0;
  }
}


@media only screen and (max-width: 890px) {
.phtable td{font-size: 14px;}
}

@media screen and (max-width: 860px) {
  html:lang(fr-FR) #nav ul li {
    font-size: 15px !important;
  }
}



@media screen and (max-width: 790px) {
  #topwrap .container {
    padding: 15px 0;
  }

  /*#top1 .nch-logo.fixed {
    position: fixed;
    top: 5px;
    left: 50%;
    margin-left: -22px;
  }*/

  #top2 {
    width: 100%;
    text-align: center;
  }

  #top2 .contact-link-head {
    width: 100%;
  }

  #top2 .moduletable {
    margin: 10px;
  }

  #top2 .social-icons ul {
    margin: 0;
  }
  #top2 .social-icons ul li {
    margin: 0 2px;
  }
}





@media only screen and (max-width: 778px) {
  #nav ul li {
    font-size: 15px !important;
  }
  /*li.item-411 {
    padding: 0 3px !important;
  }*/

}

@media only screen and (max-width: 767px) {


  .waste-water .grid-item {
    width:100%;
    margin:0 0 20px 0 !important;
  }

  .waste-water .centered-text {
    height:110px !important;
  }

  .whychoose {
    float:left;
    max-height:150px;
    margin:0 20px 0 0;
  }

  .why-choose-left {
    padding:20px 20px 0 20px;
  }

  .bioamp-cutout {
    max-width:200px;
    height:auto;
  }

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

  .careers .person {
    max-width:170px;
    height:auto;
  }

  .cs-right-col {
    margin-top:30px;
  }

  .person {
    height:400px;
    width:auto;
  }

  .grid-item.left {
    margin-left:1% !important;
  }

  .grid-item {
    width:48%;
  }

  .grid-item .centered-text {
    height:120px;
  }

  .contact-right input[type="text"], .contact-right textarea, .contact-right select, .bfQuickMode p input[type="text"], .bfQuickMode p textarea, .bfQuickMode p select, #ff_elem32, #ff_elem130, #ff_elem197, #ff_elem316, #ff_elem863, #ff_elem737, #ff_elem615, #ff_elem683, #ff_elem794, #ff_elem373 {
      width:95% !important;
  }









  /*.casestudies .zentext {
    float:left !important;
    left:0 !important;
    width:40% !important;
  }*/

  .search .zenblock {
    width:100%;
    float:left;
  }

 /* .casestudies .banner-title {
    color:#fff;
  }*/

  .search .zenblock:last-child {
    width:60% !important;
    float:left;
     margin-bottom:10px;
  }



  .contact-left {
    display:block;
    width:60%;
  }

  .contact-right {
    float:left;
    margin-top:30px;
    width:80%;
  }



  #nav .item-128 .nav-child li.megacol-header {
    padding:25px 15px !important;
    margin-bottom:0;
    text-align:center;
  }

  .nav-child {
    top:80px !important;
  }

  .span2.unstyled {
    min-height:0 !important;
    width:46% !important;
    margin:2% !important;
  }

  #nav .item-128 .image-title {
    font-size:16px !important;
  }

  .megacol-header {
    display:block !important;
  }

  .nav-child li {
    display:none;
  }

  .featured #contentwrap {
    background:none;
  }

  .banner-title {
    font-size:28px;
  }

  a.banner-button {
    margin-bottom:10px;
  }

  .allitems {
    top:20% !important;
  }

  #nav ul li {
    font-size:16px;
    padding:0 15px;
  }


  #grid5, #grid6, #grid7 {
    width:100% !important;
    margin-right:0 !important;
    margin-bottom:20px;
  }

  .hospitalitytile, .industrialtile, .infrastructuretile {
    background-size:cover;
    min-height:252px;
  }

  .tile-text {
    min-height:108px;
  }

  #grid9 {
    margin-top:20px;
  }



  .footer-country {
    display:none;
  }

  .numbers {
    float:none;
    text-align:center;
    margin:0 0 30px 0;
  }

  .vacancy-right {
    float:none;
    text-align:center;
    margin:0 auto;
    width:80%;
  }

  .vacancy-copy {
    width:auto;
    padding-bottom:20px;
  }

  /*.container{width: 100% !important}
  .moduletable.mobilehide{display: none}
  .fullwrap.togglemenu #menuwrap,.fullwrap.selectmenu #menuwrap {display: none}
  #navwrap .row {width: 94%}
  .contentrow {margin-top: 0}
  #mainwrap .container {background: none}
  #mainwrap {margin-top: 10px}*/

  /* Togglemenu */

  .fullwrap.togglemenu #navwrap .inner,
  .fullwrap.togglemenu #navwrap .row,
  .fullwrap.togglemenu #navwrap .container {border: 0;padding: 0}

  /*#menuwrap.hide {display: none}*/


  /*#contentwrap {margin-top: 0px !important;background-position: left 0}
  #contentwrap .contentrow {margin-top:0}
  #background {display: none}
  #logo.grid_five {width: 94%}
  #tabwrap {margin: 0}

  #zenfilters.zentabs li {margin: 0 !important}
  ul.jbtabs { height: 60px; }
  ul.jbtabs li a,ul.jbtabs li.active a { display: block; height: 44px; padding: 0; text-align: center; width: 100%; }
  ul.jbtabs li {width: auto;padding: 14px 20px 0}
  ul.jbtabs li img {margin: 0}
  ul.jbtabs li span {width: 90%}
  ul.jbtabs li span.zenlast {display: none}
  ul.jbtabs li span.grid_three { margin-right: 0; }

  ul.jbtabs li.active{
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;height: 45px;
  }

  ul.jbtabs li.jbtab1.active {border-left: 0}*/

  /*  Resets widths set in the zentools module */
  .zentools.masonry li.grid_2,.zentools.masonry li.grid_six,.zentools.masonry li.grid_12,.zentools.masonry li.grid_one,.zentools.masonry li.grid_6,.zentools.masonry li.grid_two,.zentools.masonry li.grid_4,.zentools.masonry li.grid_three,.zentools.masonry li.grid_3,.isotope li.grid_3,.zentools.masonry li.grid_four,.isotope li.grid_four {
width:100%
}

  /*#togglemenu .item-128, #togglemenu .item-141 {
    display:none;
  }*/

  #zenpaneltrigger {height: 30px}
  #topwrap {}
  #togglemenucontent ul li a {color:#fff;}

  /* CSS for the mobile menu */
  #mobilemenu {display: inline;position: relative;z-index: 10;top: -30px;width: 100%;margin-left: 20%;}
  #mobilemenu select{width: 60%}
  .fullwrap.togglemenu #menuwrap,.fullwrap.selectmenu #menuwrap {display: none}
  #navwrap.sticky #mobilemenu select {margin-top: 10px;}
  body.sticky #zenpaneltrigger {position: fixed;height: 36px;}

  #togglemenu .megacol-header .dropdown-toggle span, #togglemenu .image-title {
    font-size:15px;
  }

.solvent-cutout {width: 40%;}
.phtable td{font-size: 11px;}
.nsf-right {width: 50% !important;}
}


@media screen and (max-width: 700px) {
  html:lang(fr-FR) #nav ul li {
    font-size: 13px !important;
    padding: 0 9px;
  }
}


@media only screen and (max-width: 650px) {

  .allitems {
    top:15% !important;
  }

  .newspressitem .itemImageCaption {
    font-size: 16px;
  }

}



@media only screen and (max-width: 600px) {
  #top2 div.search {
    float: none;
  }

  .bannerpage.media .blog {
    margin-bottom:0 !important;
  }

  .media .tweets {
    margin-bottom:80px !important;
  }

  .platformintro ul {
    list-style:none;
  }

  #cc-tag span {
    color:#fff;
  }

  #cc-tag {
    top:10px;
  }

  .careers-text p {
    color:#111;
    text-shadow:none !important;
  }

  .careers-heading h2, .careers-heading h1 {
    color:#0070bc !important;
    text-shadow:none !important;
  }

.careers-text li, .careers-text li a {
  text-shadow:none !important;
}


  .ver-cutout {
    max-height:350px;
    margin-left:50px;
  }

   .bioamp-cutout {
    max-width:300px;
    max-height:350px;
    height:auto;
  }

  .item-101 {
    display:block !important;
  }

    #topwrap {
      right:auto !important;
    }

  .careersoverlay img {
    display:none;
  }

  .joinus {
    margin-bottom:20px !important;
  }

  .careers #main.twoL {
    margin-top:0;
  }


  .careersoverlay.mobile {
  display:block !important;
  }

  .careersoverlay {
    position:relative;
    top:auto;
    left:auto;
    float:left;
    margin-bottom:30px;
  }

  .googlemap.mobile {
    display:block !important;
    margin-bottom:30px;
  }

  .itemRelated li {
    width:50%;
  }

  .casestudies .itemContainer {
    width:100% !important;
  }


  .ja-k2filter .lb-checkbox {
    width:46% !important;
  }

  .search .zenblock:last-child {
    width:100% !important;
  }

  .contact-left {
    width:100% !important;
    margin-right:0;
  }

  .contact-right {
    width:100% !important;
  }


  #contentwrap.nobg {
    margin-top:0 !important;
  }

  #below {
    padding-top:0;
  }

  .rep-tile {
    display:none;
  }

  .envelope-col img {
    display:none;
  }

  .envelope-right {
    width:100%;
  }

  #bottomrow {
    padding-top:0;
  }

  .platformtiles {
    display:block !important;
  }

  #grid1 {
    width:100%;
  }

  #langselector {
    margin-bottom:20px;
  }

  .lang-active {
    min-width:0;
    text-align:center !important;
  }

  #leftCol.zen-pull12 {
    width:100%;
    left: 0;
    margin-right:0;
  }

  #midCol {
    width:100%;
    padding-left: 0;
    left: 0;
  }

  

  /*#togglemenu ul ul ul, #togglemenu img {
    padding-left: 6%;
  }*/

  /*.item-128 ul, .item-141 ul {
    display:block !important;
  }

  .item-128 ul ul, .item-141 ul ul {
    display:none !important;
  }*/



  body.featured #background, body.frontpage #background {
    height:auto !important;
  }
  #background {
    margin-top:50px !important;
  }

  #navwrap {
    display:none !important;
    position:fixed !important;
  }

  .item-128 .nav-child {
    display:block;
    background:#fff;
  }


  .lang-inline {
    right:auto;
    text-align:left;
    width:140px;
    left:auto;
    margin-top:0 !important;
    height:190px;
    overflow-y:scroll;
    padding:10px 20px !important;
    margin-left:-15px !important;
  }

  .lang-inline a {
    font-size:13px !important;
  }

  #top2 .search .inputbox {
    margin-left:-8px;
  }

  /*div.mod-languages li {
    margin:0;
  }

  div.mod-languages ul.lang-inline li {
    width:100%;
  }*/

  /*.lang-active {
    float:none;
  }*/

  .mobilelogo {
    display:block;
    margin-bottom:20px;
  }

  #background {
    display:none;
  }

  .langselector {
    margin-bottom:10px;
  }

  #togglemenucontent {
    padding-top:10px;
  }

  .featured #grid1 {
    text-align:center;
  }

  .lifestream li {
    width:100%;
  }



  #grid9 {
    margin-top:0;
  }

  .tweets {
    padding:10px 0 !important;
  }

  #bottom2 {
    width:auto;
  }
}


@media only screen and (max-width: 568px) {

  .mobilelogo img {
    width:89px;
    height:auto;
  }

  #cc-modal {position:relative !important; z-index:9999999 !important;}

  .whychoose {
    display:none;
  }

  .staffquote {
    float:left;
    margin-bottom:20px;
  }

  .person-container, .person {
    display:none;
  }

  .grid-item, .grid-item.left {
    margin:0 0 20px 0 !important;
    width:100%;
    min-height:250px;
  }

  .grid-text {
    min-height:80px;
  }

  h3.opening {
    font-size:20px;
  }


  #top2 .search .inputbox, #topwrap a {
    font-size:15px;
  }



#xf_8_0 {
  clear:both !important;
}

.ja-k2filter label.group-label {
  display:block !important;
}


.exfield, .lb-checkbox, #jak2filter121 .btn {
  /*display:block !important;*/
}

.ja-k2filter label {
  width:auto !important;
  float:none !important;
 /* display:block !important;*/
}

.ja-k2filter .lb-checkbox {
  width:95% !important;
}

ul.ja-k2filter li label, ul.ja-k2filter li label.radio, ul.ja-k2filter li label.checkbox {
  line-height:1 !important;
}

.ja-k2filter label {
  font-size:15px;
}

input[type="radio"], input[type="checkbox"] {
  width:4% !important;
}

}

@media screen and (max-width: 540px) {
  .product-slider-selector ul li {
    width: 49%;

  }
}




@media only screen and (max-width: 480px) {

  #top2 {
    padding-top: 30px;
    position: relative;
  }
  #top2 .moduletable {
    display: block;
    float: left;
    margin: 5px 0;
  }
  #top2 .moduletable.search-head {
    width: 48%;
    margin-right: 4%;
  }
  #top2 .subscribe-head {
    width: 48%;
  }
  #top2 .social-icons {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
  }
  #top2 .social-icons ul {
    float: none;
  }
  #top2 .social-icons ul li {
    float: none;
    display: inline-block;
  }


  p.contactlink {
    background: transparent;
    padding: 0;
    line-height: 120%;
  }
  .envelope-right p.contactlink > a {
    color: #0070bc;
  }

  .google-p {
    padding:0 !important;
  }

  .bioamp-logo, .torrent-500-cutout {
    float:none;
    margin-left:0;
    display:block;
  }

 .bioamp-cutout, .bioamp-cutout-left {
    float:none;
    margin-left:0;
  }

  #grid21, #grid22, #grid23, #grid24 {
    width:100%;
    margin-right:0;
    margin-bottom:30px;
  }

  .careers-text li {
    width:100%;
    padding:0 15px;
  }

  .itemRelated li {
    width:100%;
    margin-bottom:30px;
  }



  .sub-inner-left {
    margin-bottom:5px;
  }

  .sub-banner {
    min-height:334px;
  }

  .platformtiles li {
    font-size:14px;
    padding:10px;
    height:62px;
  }

  .platform-heading {
    font-size: 16px !important
  }

  .moduletable h3, .sidebar h3, h1.componentheading, .contact h1 {
      font-size:20px;
  }



  .footer-phone, .footer-contact, .footer-careers, .footer-cookies, .footer-terms, .footer-sitemap, .footer-quicklinks {
    float:none;
    display:block;
    border:none;
    padding:0 !important;
  }

  .footer-contact {
    margin:15px 0;
  }

  .footer-careers {
    margin-bottom:15px;
  }

  .phtable td {
  font-size: 9px;
  }

  .intro-text {
    font-size: 16px;
  }

  .hide-480 {
    display: none !important;
  }
}


@media screen and (max-width: 420px) {
  #top2 .contact-link-head p {
    font-size: 12px;
    padding-left: 20px;
  }
  #top2 .subscribe-head span > span {
    display: none;
  }
}

@media only screen and (max-width: 400px) {

   img.ebola {
      float:none;
      display:block;
      clear:both;
    }
    .sub-banner.kkube .sub-banner-inner img {
      display: none
    }

}

@media only screen and (max-width: 320px) {
  .video-container iframe {
    max-height:171px;
  }

  @media only screen and (min-device-width: 320px) and (max-device-width : 568px) {
  body {
    background:none !important;
  }

  #cc-modal {
    max-height:169px !important;
  }
}






/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
  #cc-tag {right:30px !important;}
}




/*
@media only screen and (max-width: 100px) {
  body {overflow-x:hidden}

  .grid_one,
  .grid_two,
  .grid_three,
  .grid_four,
  .grid_five,
  .grid_six,
  .grid_seven,
  .grid_eight,
  .grid_nine,
  .grid_ten,
  .grid_eleven,
  .grid_twelve,
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .zentools.masonry .grid_3
  {width: 100%;margin-bottom: 10px}


  span.grid_three {margin: 0}

  img { max-width: 97%; }
  h2 { margin: 0; }
  #navwrap { height: 100px; }

  #mobilemenu {margin-top: 30px;}
  #mobilemenu {display: inline;position: relative;z-index: 10;top: -0px;width: 100%;margin-left: 18%;}


  .onecols_pull,
  .twocols_pull,
  .threecols_pull,
  .fourcols_pull,
  .fivecols_pull,
  .sixcols_pull,
  .sevencols_pull,
  .eightcols_pull,
  .ninecols_pull,
  .tencols_pull,
  .elevencols_pull,
  .twelvecols_pull,
  .onecols_push,
  .twocols_push,
  .threecols_push,
  .fourcols_push,
  .fivecols_push,
  .sixcols_push,
  .sevencols_push,
  .eightcols_push,
  .ninecols_push,
  .tencols_push,
  .elevencols_push,
  .twelvecols_push
  {left: 0}


  .mbWrap{width: 47% !important}
  .mbColImage {float: left;margin-right: 20px}
  .mbWrap.last {float: left}



  #tabwrap .container {padding: 0}
  #nav ul li a {padding-left: 0;padding-right: 0}



  #zenpanel {width: 90% !important;height: auto !important}
  .zenitem .grid_twelve{margin-bottom: 0}
  #bannerwrap .container {padding: 0}
  #nav {margin-bottom: 0}
  .jb_left45,.jb_right45 {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    padding: 0 !import */


/* Slider Align */


/* Dropdown Span */