/* Bendecho: responsive legacy layout, desktop design retained. */
.bendecho-hosted{clear:both;padding:18px 12px;text-align:center;border-top:1px solid #e6e6e6;color:#666}
@media(max-width:1000px){
 html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
 body{font-size:14px;line-height:1.5}
 #header,#main{width:100%;max-width:990px;padding:0 12px}
 #headerinner{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;background:#fc6024}
 #headerinner .logo{width:auto;flex:1 1 210px;float:none}
 #headerinner .logo img{max-width:100%;height:auto}
 .headersearch{float:none;margin:0;flex:1 1 310px;min-width:0}
 .headersearch form{display:flex;gap:8px;width:100%}
 #search{flex:1;min-width:0;width:auto}
 #headerflag{float:none;padding:0;margin-left:auto}
 .navbar{background:#fff;display:flex;flex-wrap:wrap;gap:4px;padding:8px 0}
 .navigation{float:none;background:none;max-width:100%}
 .navigation ul{display:flex;flex-wrap:wrap;gap:4px}
 .navigation ul li a,.navigation ul li a.first,.navigation ul li a.last{float:none;padding:10px 12px;background:#f5f5f5;border-radius:8px}
 .navigation ul li a span{padding:0;background:none}
 .infobar{float:none;display:flex;flex-wrap:wrap;gap:10px}
 #innermain,#innerright,#profil{width:100%;float:none;min-width:0}
 #innerright{padding-top:16px!important}
 #innernav{float:none;text-align:left;margin:12px 0}
 .itembox{width:100%;display:flow-root}
 .item{width:calc(100% - 82px)}
 .items{width:calc(100% - 55px)}
 .uscontent,.upcontent{width:calc(100% - 105px)}
 .videodiv{width:100%;max-width:100%}
 #main img{max-width:100%;height:auto}
 #main iframe,#main video,#main object,#main embed{max-width:100%}
 .boxcontent{overflow-wrap:anywhere}
 .footerbox{display:flex;flex-wrap:wrap;gap:18px;padding:20px 12px}
 .footerlist{float:none;width:auto;flex:1 1 155px}
 .footerlist li{padding:4px 0}
 input:not([type=checkbox]):not([type=radio]),textarea,select{max-width:100%;font-size:16px}
 textarea{width:100%}
 table{max-width:100%}td{overflow-wrap:anywhere}
 .pagination{display:flex;flex-wrap:wrap;gap:5px}
 .pagination a{display:inline-block;min-width:36px;text-align:center}
}
@media(max-width:600px){
 #header,#main{padding:0 10px}
 #headerinner .logo{flex-basis:calc(100% - 100px);max-width:275px}
 .headersearch{order:3;flex-basis:100%}
 .headersearch input{min-height:44px}
 #headerflag{order:2}
 #headerinner .headeraction{padding:0}
 .navigation{width:100%}.navigation ul{gap:5px}.navigation ul li{flex:1 1 auto;text-align:center}
 .navigation ul li a{font-size:13px;padding:10px 8px}
 .subnavi{display:flex;flex-wrap:wrap;gap:8px}
 .item h1,.item h2{font-size:18px}
 #main form table,#main form table tbody,#main form table tr,#main form table td{display:block;width:100%!important}
 #main form table td{padding:6px 0}
 #main form input[type=text],#main form input[type=password],#main form input[type=email]{width:100%}
 #main .input.searchtop{width:auto}
 .footerlist{flex-basis:calc(50% - 18px)}
}
@media(max-width:1000px){
 #hlhint{text-align:left!important}#hlhint .doright{float:none;display:block;margin-bottom:10px}
 .bendecho-hosted{flex:1 0 100%}
 .itembody img,.itembodys img{object-fit:contain}
}
@media(max-width:600px){
 #main form table td{text-align:left!important}
 #main form table tr{margin-bottom:12px}
 #main form table td:empty{display:none}
 #main form input.input,#main form select,#main form textarea{padding:10px;border:1px solid #c9c9c9;border-radius:7px;min-height:44px}
 #main form input[type=submit],#main form button{min-height:44px;padding:10px 16px;border-radius:7px}
 .boxcontent .title{overflow-wrap:anywhere}
}
@media(max-width:600px){
 /* Put account access before the former sidebar advertisement on phones. */
 #innerright{display:flex;flex-direction:column;gap:12px}
 #innerright>.box{order:-1}
 #innerright>br{display:none}
}