/* <= xs */
@media screen and (max-width: 767px) {
  
  .container {padding: 0 5px;}
  #main-container {margin-top: 5px;}
  /*
  div.filters {margin: 5px;}
  div.filters .panel-body {padding: 5px}
  div.filters .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width: auto;}
  div.filters .bootstrap-select>.dropdown-toggle {padding: 4px; margin-right: 5px;}
  div.filters .btn-default {padding: 4px;}
  div.filters form div.well-sm {padding: 4px;}
  div.filters form  span.bs-caret span {right: 3px !important;}
  */
  table.table-sniffer tbody tr td:nth-child(2) div {text-align: center;}
  
  #abcdefg{/*background-image: url('./img/abcdefg.png'); height: 50px;*/ margin: 0 auto 5px auto;}
  
  #options {
    -moz-transition: initial;
    -webkit-transition: initial;
    transition: initial;
  }
  #options.open {width: 100%;}
  #options.open #options_toggler {display: none;}
  #options_toggler > i {
    -moz-transition: initial;
    -webkit-transition: initial;
    transition: initial;
  }
  #options_container {width: 100%}
  
  div.extra_options {text-align: center;}
}

/* >= sm */
@media screen and (min-width: 768px) {
}

/* == sm */
@media screen and (min-width: 768px) and (max-width: 991px) {
  #logo{background-image: url('./img/logo.png'); background-size: contain; height: 101px; width: 718px; margin: 5px 0;}
  #abcdefg{/*background-image: url('./img/abcdefg.png'); height: 90px;*/ width: 728px; margin: 0 auto 5px auto; margin-left: -3px;}
}

/* < md */
@media screen and (max-width: 991px) {
  table.table-sniffer>thead>tr>th, table.table-sniffer>tbody>tr>td {padding: 2px 5px;}
  .game-icon {background-position-y: 2px;}
  table.table-sniffer thead tr th:nth-child(1){width: 90px;}
  table.table-sniffer thead tr th:nth-child(2) {width: 24px;}
  table.table-sniffer thead tr th:nth-child(3) {width: 24px;}
}

/* >= md */
@media screen and (min-width: 992px) {
}

/* == md */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  #logo{background-image: url('./img/logo.png'); background-size: contain; height: 132px; width: 938px; margin: 5px 0;}
  #abcdefg{/*background-image: url('./img/abcdefg.png'); height: 90px;*/ width: 728px; margin: 0 auto 5px auto;}
}

/* < lg */
@media screen and (max-width: 1199pxpx) {
}

 /* >= lg */
@media screen and (min-width: 1200px) {
  #logo{background-image: url('./img/logo.png'); height: 160px; width: 1138px; margin: 5px 0;}
  #abcdefg{/*background-image: url('./img/abcdefg.png'); height: 90px;*/ width: 728px; margin: 0 auto 5px auto;}
}