/* RESPONSIVE */
/**********************************************************************************/
/**********************************************************************************/
@media only screen and (max-width: 970px) {
  .nav-primary {
    padding: 0;
    width: 100%;
    text-align: center; }
    .nav-primary ul {
      float: none;
      width: 100%;
      display: block; }

  .footer-left {
    width: 100%; }

  footer .footer-right {
    width: 560px;
    margin: 0 auto;
    display: block;
    float: none; }

  footer .footer-left .social-media {
    width: 220px;
    margin: 0 auto 40px;
    display: block;
    float: none; }

  .nav-footer {
    width: 100%; }
    .nav-footer ul {
      width: 100%;
      text-align: center; }
      .nav-footer ul li {
        display: inline-block; } }
/**********************************************************************************/
@media only screen and (max-width: 920px) {
  #ajax-container.company .logo-products,
  #product-entry.company .logo-products {
    width: 100%; }
  #ajax-container.company .details,
  #product-entry.company .details {
    width: 100%;
    margin: 0; }
  #ajax-container.company .company-logo,
  #product-entry.company .company-logo {
    margin: 0 auto;
    max-width: 200px; }
  #ajax-container.product .product-main,
  #product-entry.product .product-main {
    padding-right: 240px; }
  #ajax-container.product .additional,
  #product-entry.product .additional {
    margin-left: -220px;
    width: 200px; } }
/**********************************************************************************/
@media only screen and (max-width: 870px) {
  .navtoggle {
    display: block; }

  header.site .nav-primary,
  header.site .header-right-misc {
    display: none; }
  header.site .header-right-misc .language {
    margin-right: 20px; }

  .section-info .section-descriptions .col {
    margin: 0 0 40px 0;
    width: 100%; }

  .three-col li {
    display: block;
    clear: both;
    width: 360px;
    margin: 20px auto; }

  .three-col li:nth-child(3n+1) {
    margin: 0 auto 20px; }

  .home-content .main-content-callout {
    font-size: .7em; }

  .subpage-content .content {
    margin-right: 0;
    width: 100%; } }
/**********************************************************************************/
@media only screen and (max-width: 700px) {
  #ajax-container,
  #product-entry {
    padding: 10px; }
    #ajax-container.product .product-main,
    #product-entry.product .product-main {
      padding-right: 0px; }
    #ajax-container.product .additional,
    #product-entry.product .additional {
      margin-left: 0;
      width: 100%; }
    #ajax-container .ajax-close,
    #product-entry .ajax-close {
      right: 12px;
      top: 20px; } }
/**********************************************************************************/
@media only screen and (max-width: 630px) {
  footer .footer-left .social-media {
    margin-bottom: 20px; }

  footer .footer-right {
    width: 100%;
    float: left; }

  footer .footer-right form {
    width: 100%; }

  footer .footer-right form #enews {
    width: calc(100% - 65px); }

  footer .footer-right form label {
    margin: 0 0 15px;
    text-align: center;
    width: 100%; }

  .nav-footer ul li {
    width: 100%;
    margin-left: 0; }

  #ajax-container.company .details .list-info ul,
  #product-entry.company .details .list-info ul {
    margin-right: 0;
    width: 100%; } }
/**********************************************************************************/
@media only screen and (max-width: 480px) {
  .logo {
    background-size: 55px 45px;
    height: 45px;
    width: 55px; }

  .utility-bar .headersearch {
    width: 100%; }
    .utility-bar .headersearch input {
      max-widtH: 100%; }
      .utility-bar .headersearch input:focus {
        max-widtH: 100%; }

  header .navtoggle {
    font-size: 30px;
    margin-top: 6px; }

  .section-info header h1 {
    font-size: 3em;
    margin: 40px 0 20px; }

  .keyword-filter {
    width: 100%; }
    .keyword-filter input {
      width: 100%; }

  .filter-form h3, .filter-form .checkbox {
    widtH: 100%; }

  .home-content .main-content-callout {
    font-size: .4em; }

  .home-content .main-content-callout p {
    font-size: 1.1rem; }

  .three-col li {
    width: 280px; } }