/* Smartphones (portrait & landscape) ----------- */
@media only screen and (max-device-width: 823px) and (min-device-width: 320px) {
.datetime {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 14pt;
}

.wrapper .flex {
	display:block;
}

.form {
    display: block;
    width: 90%;
    margin: 0 auto 5%;
}

input[type=text], input[type=password],input[type=code], select {
    display: block;
    width: 100%;
}

.form-item {
    padding: 10px 0;
    margin-top: 15px;
}

button.form-item {
    display: inline-block;
    width: 100%;
    border: none;
}
.logo {
    width: 100%;
    text-align: center;
    padding: 15px 0;
}
.topnav {
    display: block;
}
.topnav a {
    float: left;
    width: 70%;
    font-size: 18pt;
    padding: 0;
    color: #000;
    text-shadow: #fff 0 0 1px;
}
 .topnav a:not(:first-child) {display: none;width: auto;}
  .topnav a.icon {
    float: right;
    width: 10%;
    display: block;
  }
  .topnav.responsive {z-index: 3;position: relative;}
  .topnav.responsive .icon {
    text-align: center;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    margin: 10px 0;
    float: none;
    display: block;
    text-align: left;
    padding: 0 0 0 10%;
  }

.menu {
  background: #b87900;
  background: -moz-linear-gradient(top, #b87900 0%, #fed100 50%, #b87900 100%);
  background: -webkit-linear-gradient(top, #b87900 0%,#fed100 50%,#b87900 100%);
  background: linear-gradient(to bottom, #b87900 0%,#fed100 50%,#b87900 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b87900', endColorstr='#b87900',GradientType=0 );
  box-shadow: #ffc500 0 0 15px inset;
  display: block;
  width: 100%;
  padding: 15px 0;
  overflow: hidden;
}

.menu-logo-block {
    padding: 0;
}
.scroll-text {
    margin: 0;
}

.frontpage-block {
    margin: 0;
}

.content {
    padding: 40px;
    width: auto;
}
.content-inside {
    margin-top: 0;
}
.scrolltext {
    width: 100% !important;
    font-size: 18pt;
}

.slider {
    width: 100%;
}

.kontak {
    width: 100%;
}

.kontak li {
    margin: 2%;
    width: 28.5%;
}

.list-game a {
    display: none;
}
}