body, div.in-box{
  min-width: auto;
}

div.in-box{
  width: 90%;
}

/*---------------- client -----------------*/

@media screen and (max-width: 1150px) {
  #header{
    padding-top: 25px;
    padding-bottom: 25px;
  }

  #header .in-box{
    padding-top: 0px;
  }

  .header-logo img{
    width: 120px;
  }

  .show_menu {
    display: block;
  }

  #menu {
    display: none;
  }

  .menu {
    border-radius: 7px;
    animation: item_show;
    animation-duration: 0.4s;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    position: absolute;
    background-color: #F5F5FA;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, .20);
    top: 49px;
    right: 0px;
    z-index: 1000000;
    padding: 10px 20px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .menu li {
    display: block;
    margin: 0px;
    border-right: none;
  }

  .menu a {
    color: #7C7990 !important;
    padding: 10px 0px;
    display: block;
  }

  .menu li.for_respons{
    display: block;
  }

  .menu li.for_respons:nth-last-of-type(3){
    border-top: 1px solid #b0afbc;
    margin-top: 16px;
    padding-top: 19px;
  }

  #user_icon{
    display: none;
  }

  #content{
    min-height: calc(100vh - 80.8px - 98.453px);
  }
}

@media screen and (max-width: 930px) {
  .card{
    display: block;
    width: calc(100% - 2px);
    padding: 20px 0px;
    line-height: 54px;
  }

  .card h2{
    color: white !important;
    margin: 0px !important;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
  }
}

@media screen and (max-width: 800px) {
  .left, .right{
    margin-right: 0px;
    width: 100%;
  }

  .dnes-je br{
    display: none;
  }

  .dnes-je{
    padding-top: 8px;
  }

  .client-home .left .box, .client-home .right .box{
    padding: 20px;
  }

  .module-block{
    width: calc(50% - 11px) !important;
    display: inline-block;
  }

  .module-block:nth-of-type(2n+1){
    margin-right: 20px;
  }
}

@media screen and (max-width: 600px) {
  p, li{
    text-align: left;
  }
}

@media screen and (max-width: 400px) {
  .module-block{
    width: 100% !important;
  }

  .module-block:nth-of-type(2n+1){
    margin-right: 0px;
  }
}

/*---------------- login ------------------*/

@media screen and (max-width: 700px) {
  .img-login:nth-of-type(2){
    display: none;
  }

  .img-login:first-of-type{
    width: 170px;
    padding-bottom: 0px;
  }

  #content.login-form form, #login-left {
    width: 100%;
  }

  #content.login-form .in-box{
    padding-top: 50px;
    padding-bottom: 30px;
  }
}