@media all and (max-width: 650px)
{

    .header .menu
    {
      display: none;
    }

    .header .menu-mini
    {
      display: block;
      margin: 0px;
      padding: 0px;
      height: 67px;
    }

      .header .menu-mini .logo
      {
        float: left;
        display: block;
        margin: 0px;
        padding: 0px;
        width: 180px;
        height: 66px;
        background-size: contain;
        background-position: left center;
        background-image: url(../images/menu/logo.png);
        background-repeat: no-repeat;
      }

      .header .menu-mini #button
      {
        float: right;
        display: block;
        background-image: url(../images/icons/menu.png);
        background-repeat: no-repeat;
        background-position: top right;
        margin: 11px 11px 0px 0px;
        padding: 0px;
        height: 45px;
        width: 45px;
        cursor: pointer;
      }

        .header .menu-mini #menu
        {
          display: none;
          position: fixed;
          top: 0px;
          right: 0px;
          margin: 0px;
          padding: 0px;
          width: 100%;
        }

          .header .menu-mini #menu:target
          {
            outline: none;
            display: block;
          }


          .header .menu-mini #menu #close-menu-button
          {
            float: right;
            display: block;
            background-image: url(../images/icons/menu_hover.png);
            background-repeat: no-repeat;
            background-position: top right;
            margin: 11px 11px 0px 0px;
            padding: 0px;
            height: 45px;
            width: 45px;
            cursor: pointer;
          }

          .header .menu-mini #menu ul
          {
            display: block;
            margin: 66px 0px 0px 0px;
            padding: 0px;
            width: 100%;
            height: auto;
            text-align: left;
            font-size: 22px;
          }

            .header .menu-mini #menu ul li
            {
              display: block;
              padding: 0px;
              width: 100%;
            }

              .header .menu-mini #menu ul li a
              {
                display: block;
                margin: 0px;
                padding: 15px;
                width: 100%;
                color: #ffffff;
                text-decoration: none;
              }

                .header .menu-mini #menu ul li:nth-child(1)
                {
                  background-color: rgba(15, 117, 188, 0.85);
                }

                .header .menu-mini #menu ul li:nth-child(2n+2)
                {
                  background-color: rgba(57, 181, 74, 0.85);
                }

                .header .menu-mini #menu ul li:nth-child(3)
                {
                  background-color: rgba(236, 0, 140, 0.85);
                }

                .header .menu-mini #menu ul li a:hover
                {
                  background-color: #7100ab !important;
                }

                .header .menu-mini #menu ul li .active-header
                {
                  background-color: #7100ab !important;
                }

                  .content .galery input[type=submit]+label input[type=radio]:checked+label img
                  {
                    max-height: 450px;
                  }


          .content .section00 .transition .services .form-title
          {
            padding: 30px 0px 0px 0px;
            width: 100%;
          }

          .content .section00 .transition .services .owner
          {
            width: 100%;
          }


      .content .section01 .box01
      {
        position: relative;
        display: block;
        margin: 30px 15px 0px 15px;
        padding: 30px;
        width: auto;
        background-color: #ffffff;
      }

        .content .section01 .box01 .item01
        {
          flex: 0;
          display: block;
          margin: 0px;
          padding: 0px;
          width: 100%;
        }

          .content .section01 .box01 .item01 .reviews01
          {
            position: absolute;
            top: 0px;
            left: 0px;
            display: block;
            margin: 0px;
            padding: 0px;
            width: 100%;
            height: 350px;
            overflow: auto;
          }

          .content .section01 .box01 .item01 .map01
          {
            position: absolute;
            top: 0px;
            left: 0px;
            display: block;
            margin: 0px;
            padding: 0px;
            width: 100%;
            height: 350px;
          }

          .content .section01 .box01 .item01 .description01
          {
            flex: 0;
            margin: 350px 0px 0px 0px;
            padding: 0px;
            width: 100%;
            color: #000000;
          }

          .content .section01 .box01 .item01 .photo01
          {
            flex: 0;
            position: absolute;
            top: 0px;
            left: 0px;
            background-repeat: no-repeat;
            background-position: center top;
            background-size: cover;
            margin: 0px;
            padding: 0px;
            width: 100%;
            height: 350px;
          }


        .content .section02 .box02 .item02
        {
          width: 100%;
        }


        .content .section03 .box03 .item03
        {
          padding: 0px;
          width: 100%;
        }


    .footer .box .split
    {
      display: block;
    }

      .footer .box .adress
      {
        flex: 0;
        margin: 0px;
        max-width: 100%;
        width: 100%;
      }

      .footer .box .map
      {
        flex: 0;
        margin: 30px 0px 0px 0px;
        padding: 0px;
        max-width: 100%;
        width: 100%;
      }

}


@media all and (max-width: 400px)
{

    .content .section00
    {
      padding: 30px 0px 0px 0px;
    }


            .content .section00 .transition .services .service .description
            {
              display: block;
              margin: 15px;
              border-radius: 40px 0px;
              padding: 30px;
              max-width: 270px;
              height: auto;
              color: #ffffff;
              text-decoration: none;
            }


          .content .section00 .transition .albums .service
          {
            width: 100%;
          }

          .content .galery input[type=submit]+label input[type=radio]:checked+label .galery-navigation .navigation-container .galery-description
          {
            display: none;
          }

                    .content .galery input[type=submit]+label input[type=radio]:checked+label #navigation-img
                    {
                      width: 155px;
                      height: 116px;
                    }


        .content .section01 .album-box01 .album01
        {
          width: 100%;
        }


          .content .section04 form .field
          {
            display: block;
            float: none;
            width: 100%;
          }

          .content .section04 form .delimiter
          {
            display: none;
          }

          .content .section04 form input[type=submit]
          {
            width: 50%;
          }

}


@media all and (max-width: 359px)
{

                    .content .galery input[type=submit]+label input[type=radio]:checked+label #navigation-img
                    {
                      width: 136px;
                      height: 102px;
                    }

}