@media screen and (max-width:768px){
  #bg3,#content,#main,#main_top,#main_bot{width:auto}
  #bg3{background-size:100% auto}
  #main_top{display:flex;flex-direction:column;padding-bottom:20px}
  #center{order:-1;float:none;width:auto;padding:0 10px;overflow:visible}
  #leftik{order:0;float:none;width:auto;margin:10px 10px 0}
  #leftik .leftik-top,#leftik .leftik-bot{width:auto}
  #leftik ul{margin:0}
  #leftik ul li a{width:auto;height:auto;padding:8px 12px}
  #lefft{order:1;float:none;width:auto;margin:20px auto;text-align:center}
  #right{float:none;width:auto;margin:0 10px}
  #center h1,#center H1{padding:15px 0 0 0}
  #center .tarif,#center .tarif p.und{width:auto;margin:10px 0}
  #center .tarif p,#center .tarif p.r{float:none;margin:0}
  .col_left,.col_right{float:none;width:auto;margin:0}
  .menu{padding:10px}
  .menu ul li{float:none;padding:6px 0}
  .item-item{float:none;margin:10px 0}
  ul.category-list li{float:none;margin:10px 0}
  .img,.img_r{max-width:45%}
  #center table{max-width:100%;width:auto!important;box-sizing:border-box}
  #center table[style*="width"]{display:block;overflow-x:auto}
  #center td[width],#center col[width]{width:auto!important}
  #center table[width="100%"]{width:100%!important}
  #table1 td[width="10%"],#table4 td[style*="width: 5%"],#table2 td[style*="width: 5%"]{display:none}
  img{max-width:100%;height:auto}
  #center img[style*="margin-left"]{margin-left:auto!important;margin-right:auto!important;display:block}
  textarea{width:100%;max-width:100%;box-sizing:border-box}
  input[type=text],input[type=email]{max-width:100%;box-sizing:border-box}
  #footer{height:auto;padding:13px 8px 20px;background-size:cover;box-sizing:border-box}
  #footer i{margin:0 6px}
  body{overflow-wrap:anywhere;word-wrap:break-word}
}