@media only screen and (max-width: 620px) {
  body {
        min-width: 100%;
  }
  .container-holder {
    margin: 0;
    padding: 6px 6px 6px 6px;
  }
  #header .holder {
    float: none;
    width: 100%; 
    position: relative;
    padding: 103px 15px 0 0;
  }
  .mobile-menue {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    box-shadow: 0px 3px 10px #333;
    color: #107dc1;
    padding: 5px 11px 10px 6px;
    background: #eff0f0;
    font-size: 1.4em;
    position: absolute;
    top: 100px;
    border: solid 1px #a6a6a6;
    left: 44%;
  }
  #content .intro {
    margin-top: 190px;
    background: none;
    padding: 0px 5px 0px 6px;
    height: auto;
  }
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
    float: right;
  }
  .boxes.category .csc-textpic-image  {
    max-width: 140px!important;
  }
  .boxes.category .csc-textpic-imagewrap, .boxes.category .csc-textpic-imagerow {
    max-width: 140px!important;
    padding-left: 10px;
  }
  #content .intro.product {
    margin-top: 190px;
    background: #fff;
    padding: 0px 5px 0px 6px;
    height: auto;
  }
  #content .intro.product p{
    font-size: 14px;
    padding: 0 10px;
    line-height: 1.4;
  }
  .menu-menue-oben-container {
    display: none;
    transition: all 0.2s;
    opacity: 0;
  }
  .mobile-menue div {
    width: 24px;
    height: 4px;
    background-color: black;
    margin: 4px 0;
  }
  .menu-menue-oben-container.open {
    display: block;
    transition: all 0.2s;
    opacity: 1;
  }
  #nav {
    margin-top: 20px!important;
    border-radius: 4px;
    margin-left: 26%!important;
    width: 49%;
  }
  .tx-macinasearchbox-pi1 {
    display: none;
  }
  .logo {
    float: left;
    width: 137px;
    height: 143px;
    position: absolute;
  }

  #nav li a {
    text-decoration: none;
    color: #0e0d0e!important;
    font-size: 15px!important;
  }
  #nav li {
    float: none!important;
    padding: 0 0px;
    margin: 9px 4px 8px 1px!important;
    white-space: nowrap;
    width: auto;
    color: #161616;
    font-size: 11px;
  }
  #nav {
    margin-top: 20px;
    padding: 10px;
  }
  #nav-list {
    float: none;
    border-radius: 5px;
    background: #fff;
    padding: 7px!important;
    margin: 4px 8px 4px 6px!important;
    white-space: nowrap;
    border: 1px solid #A6A6A6;
    width: auto;
    font-size: 15px;
  }
  
  #nav li ul {
    position: absolute;
    line-height: 16px;
    width: auto!important;
    border-radius: 5px;
    height: auto;
    margin-left: 20px!important;
    padding-top: 5px;
    background: #999da0!important;
  }

  #nav li ul a {
    line-height: 16px;
    padding: 2px;
    width: 100%!important;
    height: 16px;
    color: #FFFFFF!important;
    margin-top: 3px;
    padding-left: 5px;
  }
  
  #content .intro .hbox {
    margin: 0px;
    padding: 0px!important;
    background: none;
    width: 100%;
    border:none;
  }

  .w2 {
    float: none;
    left: 0%;
    position: relative;
    width: 100%;
  }
  .w1 {
    float: none;
    left: 0;
  }
  .boxes {
    margin: 0 2px 0 2px;
    background: none;
  }
  #content .intro img {
    height: auto;
    width: 100%;
    float: none;
  }
  #MooFlow {
    width: 100%!important;
  }
  .boxes .box {
    float: none;
    background: #fff;
    width: 97%;
    border-right: 1px solid #afafaf;
    border-left: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
    padding: 4px 1px 0 7px;
  }
  .content-box .hbox, .content-r_box .hbox {
    border-right: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
  }
  .boxes .r_box {
    float: none;
    background: #fff;
    width: 97%;
    border-right: 1px solid #afafaf;
    border-left: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
    padding: 4px 1px 0 7px;
    margin-top: 40px;
  }
  .cframe {
    margin: 10px 6px 0 5px;
    width: 97%;
  }
  .csc-textpic-imagewrap, .csc-textpic-imagerow {
    width: 98%!important;
    padding-left: 10px;
  }
  .csc-textpic-image{
    background: none!important;
  }
  .boxes h1 {
    width: 94%;
    font-size: 14px;
    } 
  .boxes .frame {
    background: none;
  }
  .frame .hbox table {
    width: 97%!important;
  }
  .frame .hbox p {
    padding-right: 8px;
  }
  .intro ul {
    display: none;
  }
   .section .send .frame{
    display: none;
  }
  .placeholder {
    width: 100%;
  }
  #footer {
    padding: 7px 9px 7px 7px;
    margin: 0px;
  }
  #main {
    padding: 0;
  }
 .xframe {
  display: none;
  }
  #content .hbox {
    background-color: #FFFFFF;
    border: 1px solid #A6A6A6;
    height: auto;
    text-align: justify;
    width: 94%;
    padding: 5px 15px 5px 15px;
  }
  .container .t, .container .c {
    background: none; 
    overflow: hidden;
    height: auto;
  }
  .usa, .japan, .taiwan, .china {
    display: none!important;
  }
  .search {
    margin-right: 13%;
  }
  .lang {
    margin-top: 10px;
  }
  .lang li {
    padding: 0 7px 0 8px;
  }
  .slogan a {
    background-size: 170px;
    width: auto;
  }
  .slogan {
    width: 60%;
    height: 29px;
    top: 63px;
    left: 172px;
  }
  DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
    margin-top: -2px!important;
  }
  #content .side_bar .hbox {
   display: none;
  }
  .section {
    float: none;
    width: 94%;
  }
  .mf {
    background-color: transparent;
    position: relative;
    height: 151px;
  }
  .mf div {
    top: 50px;
  }
  .boxes p {
    padding-right: 15px;
    margin-left: 10px;
    font-size: 13px!important;
  }
  #footer .nav {
    overflow: hidden;
    height: auto;
    margin-left: 70px;
    font-size: 13px;
    padding-bottom: 6px;
  }
  .container .b {
    display: none;
  }
  .boxes .hbox{
  margin-top:10px;
  padding-bottom:5px;
  background:transparent url(../images/bg-boxes.gif) repeat-y scroll 0 0;
  overflow: hidden;
  width: 98%;
  }
  .cholder {
    width: 100%;
    display: block;
  }

}