html {
  overflow-x: hidden;
}

#toggleBox, #toggle-nav, #toggleBox2, #toggle-nav2 {
  display: none;
}

.content-middle-right #tblproducts {
  padding-top: 20px;
}
.content-middle-right #tblproducts thead {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,cfcfcf+100 */
  background: white !important;
  background: -moz-linear-gradient(top, white 0%, #cfcfcf 100%) !important;
  background: -webkit-linear-gradient(top, white 0%, #cfcfcf 100%) !important;
  background: linear-gradient(to bottom, white 0%, #cfcfcf 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf',GradientType=0 ) !important;
}


@media (max-width: 768px) {
  .header .top-bar {
    float: none;
    margin-top: 0px;
    margin: 0px 10px;
    padding-top: 10px;
  }
  .header .top-bar .top-bar-menu {
    width: auto;
  }
  .header .top-bar .language .dd .ddTitle {
    height: 2em;
  }
  .header .top-bar .language .dd .ddTitle span.arrow {
    margin-top: 3px;
  }
  .header .top-bar .language .dd .ddTitle span.textTitle {
    line-height: 2em;
  }
  .header .top-bar .language .dd .ddTitle span.textTitle img {
    padding-top: 5px;
  }
  .header .top-bar .language .dd .ddChild {
    height: auto !important;
  }
  .header .top-bar .language .dd .ddChild a {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .header .top-bar .search-box {
    width: 100%;
    margin-top: 10px;
  }
  .header .top-bar .search-box .search-field-wrap {
    margin-right: 10px;
  }
  .header .top-bar .search-box .search-btn {
    float: none;
  }
  .header .header-content {
    position: relative;
  }
  .header .header-content #toggle-nav {
    display: block;
    font-size: 4em;
    cursor: pointer;
    position: absolute;
    right: 15px;
    bottom: 5px;
  }
  .header .header-content #toggleBox:checked ~ ul {
    max-height: 1000px;
  }
  .header .header-content ul.top-menu {
    max-height: 0px;
    float: none;
    padding: 0px;
    margin-top: 110px;
    margin-bottom: 0px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
  }
  .header .header-content ul.top-menu li {
    float: none;
    margin-left: 40px;
    margin-right: 40px;
  }

  .sub-menu-wrap {
    position: relative;
    padding-top: 45px;
  }
  .sub-menu-wrap #toggle-nav2 {
    display: block;
    font-size: 4em;
    cursor: pointer;
    position: absolute;
    right: 15px;
    bottom: -3px;
  }
  .sub-menu-wrap #toggleBox2:checked ~ ul {
    max-height: 1000px;
  }
  .sub-menu-wrap ul.sub-menu {
    height: auto;
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
  }
  .sub-menu-wrap ul.sub-menu li {
    float: none;
    margin-left: 40px;
    margin-right: 40px;
    position: inherit;
  }
  .sub-menu-wrap ul.sub-menu li a {
    background: transparent;
  }
  .sub-menu-wrap ul.sub-menu li:hover ul, .sub-menu-wrap ul.sub-menu li:focus ul {
    display: block;
  }
  .sub-menu-wrap ul.sub-menu ul,
  .sub-menu-wrap ul.sub-menu li:hover ul {
    position: inherit;
    display: none;
    background: transparent;
    border: 0px;
    width: 100%;
  }
   
  .sub-menu-wrap ul.sub-menu .act > ul,
  .sub-menu-wrap ul.sub-menu li.act:hover ul {
      left: 0;
      top: 42px;
      z-index: 99;
      display: block !important;
  }  
  
  .sub-menu-wrap ul.sub-menu ul li.level2 {
    display: block;
    width: 100%;
    margin: 0px;
  }

  .content-wrap .content .content-top .intrologo, .content-wrap .content .content-top .intromap {
    width: 100% !important;
  }
  .content-wrap .content .content-top .intrologo {
    margin-top: 40px;
  }
  .content-wrap .content .content-top .intromap DIV.csc-textpic-right DIV.csc-textpic-imagewrap {
    float: none;
  }
  .content-wrap .content .content-top .intromap DIV.csc-textpic-right DIV.csc-textpic-imagewrap img {
    width: 100%;
    height: auto;
    max-width: 300px;
  }
  .content-wrap .content .content-top #c41830 .teaser {
    width: 100% !important;
  }
  .content-wrap .content .content-top .intro-language {
    right: auto;
  }
  .content-wrap .content .content-top .intro-language div {
    margin-bottom: 10px;
  }
  .content-wrap .content .content-middle .content-middle-left .rgtabs-container .csc-frame-frame1 {
    width: 100% !important;
    float: none !important;
  }
  .content-wrap .content .content-middle .content-middle-right .content-middle-right-cols {
    padding: 20px 0px;
  }
  .content-wrap .content .content-middle .content-middle-right .content-middle-right-cols #products #tblproducts {
    display: block;
    width: 100% !important;
  }
  .content-wrap .content .content-middle .content-middle-right .content-middle-right-cols #products #tblproducts colgroup {
    width: 100%;
  }
  
  .cimoSlideShowWrapper, .cimoSlideShow {
      height: 175px;
  }  

  
}
@media (max-width: 992px) {
  .header, .sub-menu, .content, .footer, .tickercontainer {
    width: 100% !important;
  }

  .hide-mobile {
    display: none;
  }

  .tx-wecmap-pi1 table tr td {
    width: 100%;
  }
  .tx-wecmap-pi1 table tr td #map31570 {
    width: 100% !important;
  }

  .content-wrap {
    padding: 0px 30px;
  }
  .content-wrap .content .content-top .intrologo {
    width: 30%;
  }
  .content-wrap .content .content-top .intromap {
    width: 70%;
  }
  .content-wrap .content .content-top .banner {
    margin-top: 40px;
  }
  .content-wrap .content .content-top .banner .csc-textpic-imagewrap.csc-textpic-single-image {
    width: 100% !important;
  }
  .content-wrap .content .content-top .banner .csc-textpic-imagewrap.csc-textpic-single-image img {
    width: 100% !important;
    height: auto;
  }
  .content-wrap .content .content-top #c41830 {
    text-align: center;
  }
  .content-wrap .content .content-top #c41830 .teaser {
    width: 30%;
    max-width: 300px;
    margin-bottom: 15px;
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }
  .content-wrap .content .content-top #c41830 .teaser div.csc-textpic div.csc-textpic-imagewrap {
    width: 100% !important;
  }
  .content-wrap .content .content-top #c41830 .teaser div.csc-textpic div.csc-textpic-imagewrap img {
    width: 100% !important;
    height: auto;
  }
  .content-wrap .content .content-top .banner .cimoSlideShowWrapper, .content-wrap .content .content-top .banner .cimoSlideShow {
    width: 100%;
    
  }
  .content-wrap .content .content-top .banner .cimoSlideShowWrapper .innerWrap, .content-wrap .content .content-top .banner .cimoSlideShow .innerWrap {
    width: 100%;
    margin: 0px;
    padding: 20px;
    box-sizing: border-box;
  }
  .content-wrap .content .content-top .banner .cimoSlideShowWrapper img, .content-wrap .content .content-top .banner .cimoSlideShow img {
    width: 100%;
    height: auto;
  }
  .content-wrap .content .content-top .banner .csc-textpic-text {
    position: inherit;
    width: auto;
    margin-bottom: 20px;
  }
  .content-wrap .content .content-middle {
    display: flex;
    flex-direction: column;
  }
  .content-wrap .content .content-middle .content-middle-left, .content-wrap .content .content-middle .content-middle-right {
    float: none;
    width: 100%;
  }
  .content-wrap .content .content-middle .content-middle-left {
    order: 2;
  }
  .content-wrap .content .content-middle .content-middle-left .rgtabs-container .csc-frame-frame1 {
    width: 50%;
    box-sizing: border-box;
    float: left;
  }
  .content-wrap .content .content-middle .content-middle-right {
    order: 1;
  }
  .content-wrap .content .content-middle .content-middle-right .breadcrumb {
    min-height: 20px;
    height: auto;
    display: block;
  }
  .content-wrap .content .content-middle .content-middle-right .breadcrumb .breadcrumb-list {
    height: auto;
    float: none;
    padding: 10px 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0072bb+0,015186+100 */
    background: #0072bb;
    background: -moz-linear-gradient(top, #0072bb 0%, #015186 100%);
    background: -webkit-linear-gradient(top, #0072bb 0%, #015186 100%);
    background: linear-gradient(to bottom, #0072bb 0%, #015186 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0072bb', endColorstr='#015186',GradientType=0 );
  }
  .content-wrap .content .content-middle .content-middle-right .content-middle-right-cols .csc-textpic-imagewrap {
    width: 100% !important;
    float: none;
  }
  .content-wrap .content .content-middle .content-middle-right .content-middle-right-cols .csc-textpic-imagewrap img {
    width: 100%;
    height: auto;
    max-width: 300px;
  }
  .content-wrap .content .content-middle .content-middle-right .content-middle-right-cols .csc-textpic-imagewrap ul {
    text-align: left;
  }
  .content-wrap .content .content-middle .content-middle-right .content-middle-right-cols .csc-textpic-imagewrap ul li {
    float: none;
    display: inline-block;
    margin-left: 0px;
    margin-right: 10px;
  }
  .content-wrap .content .content-middle .content-middle-right .content-middle-right-cols div {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px;
  }
  .content-wrap .content .content-middle .content-middle-right .content-middle-right-cols .teaser {
    padding-left: 25px !important;
  }

  .footer-wrap .footer .social-links {
    width: 100%;
    max-width: 580px;
  }
  .footer-wrap .footer .copyright a {
    display: inline-block;
  }
}

@media (max-width: 480px) {
  .cimoSlideShowWrapper, .cimoSlideShow {
      height: 100px; 
  }  
}