@media only screen and (max-device-width: 980px) {
  #center-content {
    padding-right: 5px;
  }

  .topbar_resource img {
    height: 16px;
    width: 16px;
  }

  .topbar_resource {
    line-height: 16px;
    padding-top: 6px;
    padding-right: 5px !important;
  }

  .centerpanel.col-md-9 {
    max-width: 80% !important;
  }

  .sidebar {
    position: relative !important;
  }

  .sidebar.col-md-3 {
    max-width: 20% !important;
  }

  .sidebar .col-md-1,
  .sidebar .col-md-2,
  .sidebar .col-md-3,
  .sidebar .col-md-4,
  .sidebar .col-md-5,
  .sidebar .col-md-6,
  .sidebar .col-md-8 {
    padding-left: 2px;
    padding-right: 0px;
  }

  .sidebar.card {
    padding-left: 5px;
  }

  .tt-sidebar-select-something {
    padding-top: 100px;
    text-align: center;
  }

  .techtree-sidebar-btn {
    min-width: 110%;
  }

  .tech-tree-btn-div {
    position: relative;
  }

  .nav-menu {
    position: relative;
    top: 0px;
    right: 0px;
  }

  .nav-menu-right {
    padding-left: 0px !important;
  }

  .nav-menu-button {
    background-size: 40px;
    height: 60px;
    width: 60px;
  }

  .nav-menu-button.nav-menu-button-player {
    background-size: 50px;
  }

  .nav-menu-button-label {
    width: 70px;
  }

  .buildingbutton,
  .sidebarbutton {
    width: 150px;
  }

  .event-menu-event {
    width: 65px;
  }

  .event-menu-event.btn-warning {
    width: 77px;
    padding-left: 2px !important;
  }

  .event-text-image-vertical {
    height: 362px;
  }

  .col-md-4 .canvas-img {
    width: 204px !important;
    height: 362px !important;
  }

  .image-canvas-vertical {
    height: 362px;
    width: 204px;
  }

  .image-canvas-horizontal {
    height: 204px;
    width: 362px;
  }
}