a, button, h1, h2, h3, h4, h5, h6, input, #outer-header-wrap.nav-up, #outer-header-wrap.nav-down, .overlay {
  webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.contextual-links-wrapper a, .contextual-links a { text-shadow: none !important; }

.contextual-links-wrapper a:hover, .contextual-links a:hover { background: none !important; }

.join-the-battle #name, .join-the-battle #email { height: 26px; }

.webform-client-form input, .webform-client-form select, .webform-client-form textarea,  #user-login input {
  padding:12px 7px;
  width: 100%;
  margin-top: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.webform-client-form textarea {resize: none;}
.webform-client-form  .grippie {display:none;}


@Media screen and (max-width:860px){
  #logo {margin: 5px 0 0 5px;}
  #logo img {max-width:65px; height:auto;}
  #logo-menu-country {height:80px;}
  #menu-wrapper a {padding: 11px 10px;font-weight:normal;font-size:0.85em;}
  #header-right-side {width:auto;}
  ul.menu {padding-left:0;}


  .header-content h1 {
    font-size: 32px;
    margin-bottom: 10px;
  }

  .header-content .btn {padding: 7px 10px;}

}

@media screen and (max-width: 767px) {
  .product-list .product-item {
    width:50%;
  }
  blockquote {
    border-left: 6px solid #d30d1c;
    padding:8px 20px;
    margin-bottom: 20px;
    font-size: 16px;
  }


  #main-content-area {width:100%; margin:0;}
  #outer-content-wrap {padding:100px 15px 0 15px;}
  #right-content-sidebar {width:100%;}

  #right-content-sidebar .block-menu-block {margin-bottom:20px;}
  #right-content-sidebar .block-menu-block h2 {
    display: block;
    margin-bottom: 10px;
    border-top: none;
    padding: 10px;
    color: #fff;
  }

  /*=========Footer================*/
  #block-block-5 { overflow: hidden;}
  #inner-footer-wrapper {}
  #inner-footer-wrapper .col-1,
  #inner-footer-wrapper .col-2,
  #inner-footer-wrapper .col-3,
  #inner-footer-wrapper .col-4 {width:100%; margin:10px 0;padding:15px;}
  #inner-footer-wrapper .col-1 h3,
  #inner-footer-wrapper .col-2 h3,
  #inner-footer-wrapper .col-3 h3,
  #inner-footer-wrapper .col-4 h3,
  #inner-footer-wrapper .col-1 p,
  #inner-footer-wrapper .col-2 p,
  #inner-footer-wrapper .col-3 p,
  #inner-footer-wrapper .col-4 p {text-align:center;}
  #inner-footer-wrapper .col-2 img {margin: 0 auto; display:block;}
  #block-locale-language {float:none; width:100%; display:block;}
  #block-locale-language h2 {text-align:center;}
  #block-locale-language ul {width:160px; margin:0 auto;}

    /*------------------------------------------
      Menu
  --------------------------------------------*/
    #header-right-side {display:none;}
    .overlay.active { display: block; position: fixed; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.51); z-index: 1; }
    .menu-link { color: #ffffff !important; background: #c7060e; position: fixed; right: 3px; top: 33px; font-size: 15px; z-index: 9; padding: 12px;display:block; border-radius:3px;}
    .menu-link.active { right: 250px; top:3px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .menu-link .fa { position:relative; top:-1px;margin-right:5px; }
    .menu-link .fa-times { display: none; }
    .menu-link.active .fa-times { display: inline-block; }
    .menu-link.active .fa-bars { display: none; }
    .phone-link {     color: #FFFFFF !important;background: #1A1E2D;position: fixed;right: 88px;top: 33px;text-transform: uppercase;z-index: 9;padding: 11px 6px 10px;display: block;border-radius: 4px;border: 1px solid #555D79; }
    .phone-link .fa { font-size: 1.5em; margin-left: 4px; }
    .phone-link.active { right: 250px; top: 50px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    #mobile-menu { position: fixed; width: 240px; height: 100%; z-index: 9999; right: -250px; overflow-x: hidden; overflow-y: scroll;
      background: #1a1e2d; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;display:block; }
    .active#mobile-menu { right: 0; }
    #mobile-menu ul.menu { display: block; width: 100%; float: left; padding-left: 0; }
    #mobile-menu ul.menu li { display: block; clear: both; width: 100%; float: left; margin: 0; padding: 0; }
    #mobile-menu .menu-block-3.menu-name-menu-consumer-menu .expanded { padding: 0 !important; }
    #mobile-menu ul.menu li a { font-weight: normal; font-size: 14px; color: #fff;padding: 15px 10px; width: 100%; float: left; border-bottom: 1px solid #40465D;  border-radius: 0 !important; }
    #mobile-menu ul.menu li.active-trail a { background-color: #C7060E; background-position: right center; background-repeat: no-repeat;color: #ffffff; border-bottom: none; border-bottom: 1px solid #b0343a; }
    #mobile-menu ul.menu li.expanded .menu,
    #mobile-menu ul.menu li.expanded:hover .menu { display: none !important; }
    #mobile-menu ul.menu li.active-trail ul.menu,
    #mobile-menu ul.menu li.active-trail:hover ul.menu { background: #d00404 !important; display: block !important; position: relative !important; width: 100% !important; float: left !important; top: 0 !important; padding-top: 0 !important; border-radius: 0;}
    #mobile-menu ul.menu li ul.menu li a { padding: 10px 10px 10px 25px !important; border: none; font-weight: normal; text-transform: none; border-bottom: 1px solid #b0343a; border-radius: 0 !important; white-space: normal; word-wrap: break-word !important; height: auto;width: 100%; }




  .front .homepage-two-signposts .copy-cont h2,
  .two-signposts .copy-cont h2
  {font-size:22px;}



  .header-social {width:30%;}
  /*.header-language #block-locale-language { float: left;}*/
  .header-language {width: 70%;}
  .header-language .language-switcher-locale-url li {margin-right:4px;}
  .header-language #block-locale-language ul {width: 100%;text-align:right;}
  .header-language .content {float:right;}

  }


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


    .header-home-image p {margin-bottom:0;}
    .header-content {position: relative; margin-bottom: 20px;}
    .header-content h1 {
      color: #000;
      text-shadow: none;}



    .page-public-get-involved-bitrex-taste-test-share-your-image .content-left,
    .page-public-get-involved-bitrex-taste-test-share-your-image .content-right
    {width:100%; padding: 0;}

  }

  @media screen and (max-width: 500px) {
    .webform-client-form [type="submit"] {
      width: 100%;
      background: #d3181f;
      border: 1px solid #ffffff;
      color: #ffffff;
      padding: 6px 15px;
      height: auto;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background-image: none;
    }

    /*------------ News ------------*/
    #block-views-news-block {
      width: 100% !important;
      float: left;
    }

    #block-views-news-block .spacer {
      display: block
    }

    #block-news-country-filter-newscountryfilter-block, #block-views-archives-block {
      width: 50% !important;
      float: left;
    }

    body.page-news #left-sidebar .block, body.page-public-news #left-sidebar .block, body.page-consumers-news #left-sidebar .block, body.node-type-news #left-sidebar .block, body.node-type-consumer-news #left-sidebar .block {
      width: 100%;
      text-align: center;
    }

    .news-story-entry { margin-bottom: 8px; }

    #block-views-consumer-archives-block ul { margin-top: 10px; }

    #block-views-consumer-archives-block ul li a { width: 100%; float: left; display: block; padding: 4px 0px; }

    .man-button {
      max-width: 95%;
      margin-left: 5px;
    }


    /*------------ Product List ------------*/
    .product-list-image {
      width: 50%;
      float: none;
      margin: 10px auto;
    }

    .product-list-heading-description { width: 100%; padding-left: 0px; text-align: center; }

    .product-list-heading-description{width:100%;}
    .product-list-heading-description a {
      width: 100%;
      margin-bottom: 10px;
      float: left;
      display: block;
      text-align:center;
    }

    /*------------ Contact ------------*/
    #block-country-filter-countryfilter-block select#application-dropdown-sort {
      width: 100%;
    }

    #block-country-filter-countryfilter-block .black-right-arrow-button {
      width: 94%;
      float: left;
      margin: 5px 0px 10px 0px;
    }

    #rotator-overlay-ctas {
      top: 130px;
    }

    #landing-page-slogan p {
      padding: 0.3em;
      font-size: 26px;
    }

    #landing-text-bg h1 {
      font-size: 22px;
    }

    #homepage-left-section-text h2, #homepage-right-section-text h2 {
      font-size: 16px;
      line-height: 18px;
    }

    .i18n-en #landing-page-slogan p {
      font-size: 26px;
      padding: 20px 8px 10px 8px;
    }

    #holding-page-grey-strip-text h1 {
      font-size: 22px;
      padding-top: 5px;
    }

    #holding-page-grey-strip-text p {
      font-size: 12px;
      line-height: 1.5em;
    }

    .main-banner .main-banner-title {
      width: 100%;
      position: relative;
      left: 0;
      top: 0;
    }

    [id='2-col-content-wrapper'] .main-banner {
      margin-bottom: 1%;
    }

    .main-banner .main-banner-title h1 {
      font-size: 23px;
      line-height: 28px;
      text-align: center;
    }

    #request-a-quote-grey input[type="text"] {
      margin-right: 0px;
      width: 98%;
    }

    #request-a-quote-grey [type="submit"] {
      width: 100%;
    }

    .rsDefault .rsThumbsVer {
      width: 100px !important;
    }

    .rsDefault .rsTmb span {
      display: none;
    }

    .rsDefault .rsTmb h5 {
      font-size: 13px;
      width: 100%;
      word-break: break-all;
    }

    .videoGallery .rsTmb {
      padding: 10px 8px;
    }

    .videoGallery .rsThumbs .rsThumb {
      height: 57px;
      width: 100%;
    }

    #homepage-left-section-image { float: left; margin-left: 0; width: 30%; }

    #homepage-right-section-image { width: 30%; }

    #homepage-right-section-text, #homepage-left-section-text { width: 60%; padding-right: 2% }

    .masonry .item {
      width: 94%;
      margin-left: 3%;
      margin-bottom: 3%;
    }


    .news-image-container {width:100%; float:left;margin-top:5px;}
    .news-content {width:100%; padding:0;}

  }


@media screen and (max-width: 560px) {
  .front .homepage-two-signposts .signpost.right,
  .front .homepage-two-signposts .signpost.left,
  .two-signposts .signpost.right,
  .two-signposts .signpost.left
  {width:100%; float:none;}


  .slider-circle {
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
    height:auto;
  }
  #slider {background-size: 100%;}
}

@media screen and (min-width: 500px){

  .region-content ul.flippy {padding:20px 0 0 0;}
  .flippy .prev {
    width:50%;
    float:left;
    text-align:left;
    padding-left:0;
    border-right:1px solid #e1e1e1;
  }
  .flippy .next {
    width:50%;
    float:right;
    text-align: right;
    padding-right:0;
  }




}



  @media screen and (max-width: 380px) {
    .product-list .product-item {
      width:100%;
      clear:both;
    }
    .menu-link.active { padding: 5px; }

    /*.product-list-image { width: 50%; float: none; margin: 10px auto; }*/

    .product-list-image img { width: 100% !important; margin-bottom: 10px; }

    .product-list-image a { width: 100%; }

    .product-list-heading-description { width: 100%; padding-left: 0px; text-align: center; }

    /*.product-list-heading-description a { width: 94%; }*/

    #main-content-area #node-234 img { width: 95%; padding: 0 10px; }

    #right-rotator-cta, #left-rotator-cta { width: 100%; }

    #rotator-overlay-ctas { top: 95px; }

    .red-border-text { padding: 5px 10px; }

    .red-border-text p { font-size: 11px; padding-top: 0; }

    #header-right-side #menu-wrapper ul li a { font-size: 13px; }

    .page-node-324 #main-content-area img {
      width: 95%; padding: 0 10px;
      float: left;
    }

  }











@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 960px;
  }
}