/*
 * Telefonai ir planšetės. Kompiuterio (daugiau nei 1040 px) vaizdas nesikeičia.
 */
img{max-width:100%;height:auto}

@media (max-width:1040px){
  html{-webkit-text-size-adjust:100%}
  .container,
  .navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{
    width:auto;max-width:1000px;padding-left:12px;padding-right:12px;
    -webkit-box-sizing:border-box;box-sizing:border-box}
  .span12,.span11{width:auto}
  .row-fluid [class*="span"]{float:none;width:auto;margin-left:0}

  /* Viršus: logotipas, statistika ir meniu – vienas po kito */
  /* Antraštės paveikslėlis (1777x230, tekstas jo viduryje): rodoma vidurinė dalis per visą plotį */
  .page>header{background-size:177.7vw auto;background-position:center top;margin-bottom:14px;padding-top:23vw;
    background-color:#111}
  .page>header .container{height:auto;padding-top:0;padding-bottom:0;display:flex;flex-direction:column;align-items:center}
  .page>header h1{position:absolute;left:0;top:-23vw;width:100%;height:23vw}
  .page>header h1 a{display:block;width:100%;height:100%;background:none}
  .game-stat{position:static;left:auto;right:auto;width:auto;max-height:none;margin:10px 0;
    text-align:center;font-size:14px;line-height:1.45;color:#ccc;padding:0 6px}
  .top-menu{position:static;width:100%;margin:0}
  .navbar-inner{padding:0;border-radius:0}
  .navbar .nav{float:none;display:flex;flex-wrap:wrap;justify-content:center;margin:0}
  .navbar .nav>li{float:none}
  .navbar .nav>li>a{padding:13px 14px;font-size:14px}

  /* TOP serveriai: tinklelis vietoj fiksuotų 196 px dėžučių */
  .top-servers .top-servers-slot{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
  .top-servers .top-servers-slot:before,.top-servers .top-servers-slot:after{display:none}
  .top-servers .top-servers-slot>li{float:none;width:auto;margin:0!important}

  .content-block{padding:12px}
  #after-top-servers p{font-size:14px;line-height:1.5}
  .alert{font-size:14px;line-height:1.5}

  /* Serverio puslapis */
  .content-block table{width:100%!important;max-width:100%}
  table.serverlist{width:100%!important}
}

@media (max-width:700px){
  body{font-size:14px;line-height:1.45}
  h2{font-size:22px;line-height:1.2}

  .top-servers .top-servers-slot{grid-template-columns:1fr 1fr;gap:6px}
  .top-servers .top-servers-slot>li{height:auto;min-height:150px}
  .top-servers .top-servers-slot article h1{font-size:14px}
  .top-servers .top-servers-slot article ul{margin-left:0;clear:both;height:auto;padding-top:6px}
  .top-servers .top-servers-slot article ul li span{display:inline;margin-right:4px}
  .top-servers .top-servers-slot article figure{float:none;width:100%;height:auto;aspect-ratio:16/9;margin:0;overflow:hidden}
  .top-servers .top-servers-slot article figure .maps{object-fit:cover}
  .top-servers .top-servers-slot article .address{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  /* BOOST lentelė -> kortelės */
  .servers-table,.servers-table tbody{display:block;width:100%}
  .servers-table thead{display:none}
  .servers-table tbody tr{display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;align-items:center;
    padding:10px 12px;border-bottom:1px solid #000}
  .servers-table tbody tr td{display:block;border:0;padding:0!important;white-space:normal!important}
  .servers-table tbody tr td:nth-child(1){grid-row:1 / span 3;color:#888;font-size:13px;min-width:22px;text-align:center}
  .servers-table tbody tr td:nth-child(2){grid-column:2 / 4;font-weight:bold;font-size:15px;word-break:break-word}
  .servers-table tbody tr td:nth-child(3){grid-column:2;font-size:13px;color:#ccc}
  .servers-table tbody tr td:nth-child(4){grid-column:2;font-size:13px;color:#aaa}
  .servers-table tbody tr td:nth-child(5){grid-column:3;grid-row:2 / span 2;font-weight:bold;font-size:15px;color:#f2b821;text-align:right}

  /* Serverio informacija: paveikslėlis virš teksto */
  .content-block > table > tbody > tr > td,
  .content-block > table > tr > td{display:block;width:auto!important;font-size:14px!important;height:auto!important}
  .content-block img.js-map-img{width:100%;max-width:320px;height:auto}
  #players-table{font-size:13px}
  table.serverlist td{padding:8px 6px}

  .btn-lg,.btn{white-space:normal}
  footer.footer{margin-top:24px!important}
}

@media (max-width:360px){
  .top-servers .top-servers-slot{grid-template-columns:1fr}
}