@media screen and (min-width: 1170px) and (max-width: 5000px) {

.bg277 {
  float: left;
  width: 100%;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;

  background: url(../images/bg277.jpg) center bottom no-repeat;
  background-size: cover;
  background-attachment: fixed;

  z-index: 2;

  opacity: 0.15;
}
.header,
.middle .wrap,
.start-4,
.start-5
{
  z-index: 4;
}
.wallListLegends {
  margin: 0px 0px 40px 0px;
}
  .wallListLegend {
    margin: 0px 0px 5px 0px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  .wallListLegendName {
    margin: 0px 0px 10px 0px;
    color: #e40d2e;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
  }
  .wallListLegendColor {
    float: left;
    width: 30px;
    height: 30px;
    position: relative;
    margin: 0px 10px 0px 0px;
  }
    .wallListLegendColor--w { background: #26a34a;}
    .wallListLegendColor--r { background: #fdbf2a;}
    .wallListLegendColor--z { background: #dc3a47;}


      .wallList {
        margin: 40px 0px 0px 0px;
        font-family: 'Open Sans', sans-serif;
      }
      .wallListSection {
          margin: 0px 0px 80px 0px;
      }
    .wallListSection__name {
        color: #e40d2e;
        font-size: 30px;
        font-weight: 600;
        line-height: 40px;

        border-bottom: 1px solid rgba(0,0,0,0.3);
    }
    

    .wallList__list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 50px;
      grid-row-gap: 50px;
    }

    .wall {

    }
      .wallName {
        margin: 30px 0px 20px 0px;
        color: #e40d2e;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
      }
      .wallFoto {
          height: 670px;
      }
        .wallSlots {
          display: grid;
        }
          .wallSlot {
            float: left;

            color: #fff;
            font-size: 16px;
            font-weight: 700;
            line-height: 20px;

            position: relative;

            cursor: pointer;
          }
          .wallSlot:hover .wallSlotDate {
            opacity: 1;
          }
          .wallSlotDate {
            width: 200px;
            position: absolute;
            top: 0;
            left: 50%;
            opacity: 0;
            padding: 2px 0px;
            transform: translate(-50%,0);
            font-size: 12px;
            background: rgba(0,0,0,0.8);
              text-align: center;
              pointer-events: none !important;

            z-index: 10;
          }
          .wallSlotQuest {
            width: 100%;
            position: absolute;
            left: 0;
            top: 4px;
            text-align: center;
            z-index: 5;
          }
        .wall--status--w {
          background: #26a34a;
        }
        .wall--status--r {
          background: #fdbf2a;
        }
        .wall--status--z {
          background: #dc3a47;
        }
      
      /* Ściana D */
      .wallListSection--279 .wallFoto {
        height: 670px;
      }
          .wallListSection--279 .wallSlots {
              padding: 72px 58px 50px 66px;

              grid-template-columns: repeat(5, 1fr);
              grid-template-rows: repeat(5, 1fr);
              grid-column-gap: 10px;
              grid-row-gap: 19px;
          }
          .wallListSection--279 .wallSlot {
            width: 70px;
            height: 70px;
          }
      .wallListSection--283 .wallFoto {
        height: 670px;
      }
          .wallListSection--283 .wallSlots {
              padding: 72px 58px 50px 66px;

              grid-template-columns: repeat(5, 1fr);
              grid-template-rows: repeat(5, 1fr);
              grid-column-gap: 10px;
              grid-row-gap: 19px;
          }
          .wallListSection--283 .wallSlot {
            width: 70px;
            height: 70px;
          }

      /* Ściana E1 */
      .wallListSection--280 .wallFoto {
        height: 420px;
      }
          .wallListSection--280 .wallSlots {
              padding: 47px 35px 50px 37px;

              grid-template-columns: repeat(9, 1fr);
              grid-template-rows: repeat(5, 1fr);
              grid-column-gap: 10px;
              grid-row-gap: 11px;
          }
          .wallListSection--280 .wallSlot {
            width: 43px;
            height: 44px;
          }

         /* Ściana E2 */
      .wallListSection--282 .wallFoto {
        height: 420px;
      }
          .wallListSection--282 .wallSlots {
              padding: 47px 35px 50px 37px;

              grid-template-columns: repeat(9, 1fr);
              grid-template-rows: repeat(5, 1fr);
              grid-column-gap: 10px;
              grid-row-gap: 11px;
          }
          .wallListSection--282 .wallSlot {
            width: 43px;
            height: 44px;
          }

}

@media screen and (min-width: 0px) and (max-width: 1169px) {
.wallListLegends {
  margin: 0px 0px 40px 0px;
}
  .wallListLegend {
    margin: 0px 0px 5px 0px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  .wallListLegendName {
    margin: 0px 0px 10px 0px;
    color: #e40d2e;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
  }
  .wallListLegendColor {
    float: left;
    width: 30px;
    height: 30px;
    position: relative;
    margin: 0px 10px 0px 0px;
  }
    .wallListLegendColor--w { background: #26a34a;}
    .wallListLegendColor--r { background: #fdbf2a;}
    .wallListLegendColor--z { background: #dc3a47;}


      .wallList {
        margin: 40px 0px 0px 0px;
        font-family: 'Open Sans', sans-serif;
      }
      .wallListSection {
          margin: 0px 0px 80px 0px;
      }
    .wallListSection__name {
        color: #e40d2e;
        font-size: 25px;
        font-weight: 600;
        line-height: 40px;

        border-bottom: 1px solid rgba(0,0,0,0.3);
    }

    .wallList__list {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-column-gap: 0px;
      grid-row-gap: 0px;
    }

    .wall {

    }
      .wallName {
        margin: 30px 0px 20px 0px;
        color: #e40d2e;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
      }
      .wallFoto {
          height: 670px;
      }
        .wallSlots {
          display: grid;
        }
          .wallSlot {
            float: left;
            position: relative;
            color: #fff;
            font-size: 12px;
            font-weight: 400;
            line-height: 20px;
          }
          .wallSlot:hover .wallSlotDate {
            opacity: 1;
          }
          .wallSlotDate {
            width: 200px;
            position: absolute;
            top: 0;
            left: 50%;
            opacity: 0;
            padding: 2px 0px;
            transform: translate(-50%,0);
            font-size: 12px;
            background: rgba(0,0,0,0.8);
              text-align: center;
              pointer-events: none !important;

            z-index: 10;
          }
          .wallSlotQuest {
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 1px;
            text-align: center;
            z-index: 5;
          }
        .wall--status--w {
          background: #26a34a;
        }
        .wall--status--r {
          background: #fdbf2a;
        }
        .wall--status--z {
          background: #dc3a47;
        }
      
      /* Ściana D */
      .wallListSection--279 .wallFoto {
        height: 115vw;
      }
          .wallListSection--279 .wallSlots {
           
              padding: 12.5vw 11vw 0px 11.5vw;

              grid-template-columns: repeat(5, 1fr);
              grid-template-rows: repeat(5, 1fr);
              grid-column-gap: 2.5vw;
              grid-row-gap: 3.4vw;
          }
          .wallListSection--279 .wallSlot {
            width: 12vw;
            height: 12vw;
          }

        .wallListSection--283 .wallFoto {
        height: 115vw;
      }
          .wallListSection--283 .wallSlots {
           
              padding: 12.5vw 11vw 0px 11.5vw;

              grid-template-columns: repeat(5, 1fr);
              grid-template-rows: repeat(5, 1fr);
              grid-column-gap: 2.5vw;
              grid-row-gap: 3.4vw;
          }
          .wallListSection--283 .wallSlot {
            width: 12vw;
            height: 12vw;
          }

      /* Ściana E1 */
      .wallListSection--280 .wallFoto {
        height: 70vw;
      }
           .wallListSection--280 .wallSlots {
            
              padding: 7.2vw 4.7vw 0px 7.2vw;

              grid-template-columns: repeat(9, 1fr);
              grid-template-rows: repeat(5, 1fr);
              grid-column-gap: 0.1vw;
              grid-row-gap: 2vw;
          }
          .wallListSection--280 .wallSlot {
            width: 7vw;
            height: 7.4vw;
          }

        /* Ściana E2 */
      .wallListSection--282 .wallFoto {
        height: 70vw;
      }
           .wallListSection--282 .wallSlots {
            
              padding: 7.2vw 4.7vw 0px 7.2vw;

              grid-template-columns: repeat(9, 1fr);
              grid-template-rows: repeat(5, 1fr);
              grid-column-gap: 0.1vw;
              grid-row-gap: 2vw;
         }
          .wallListSection--282 .wallSlot {
            width: 7vw;
            height: 7.4vw;
          }
}

.bi {
  box-sizing: border-box;
}

.animate__100 {
  transition: all 0.1s ease-in-out;
}

.animate__200 {
  transition: all 0.2s ease-in-out;
}

.animate__300 {
  transition: all 0.3s ease-in-out;
}

.animate__400 {
  transition: all 0.4s ease-in-out;
}

.animate__500 {
  transition: all 0.5s ease-in-out;
}

.w-100 {
  width: 100% !important;
}

.w-95 {
  width: 95%;
}

.w-90 {
  width: 90%;
}

.w-85 {
  width: 85%;
}

.w-80 {
  width: 80%;
}

.w-75 {
  width: 75%;
}

.w-70 {
  width: 70%;
}

.w-65 {
  width: 65%;
}

.w-60 {
  width: 60%;
}

.w-55 {
  width: 55%;
}

.w-50 {
  width: 50%;
}

.w-45 {
  width: 45%;
}

.w-40 {
  width: 40%;
}

.w-35 {
  width: 35%;
}

.w-30 {
  width: 30%;
}

.w-25 {
  width: 25%;
}

.w-20 {
  width: 20%;
}

.w-15 {
  width: 15%;
}

.w-10 {
  width: 10%;
}

.w-0 {
  width: 0% !important;
}

.h-100 {
  height: 100% !important;
}

.h-95 {
  height: 95%;
}

.h-90 {
  height: 90%;
}

.h-85 {
  height: 85%;
}

.h-80 {
  height: 80%;
}

.h-75 {
  height: 75%;
}

.h-70 {
  height: 70%;
}

.h-65 {
  height: 65%;
}

.h-60 {
  height: 60%;
}

.h-55 {
  height: 55%;
}

.h-50 {
  height: 50%;
}

.h-45 {
  height: 45%;
}

.h-40 {
  height: 40%;
}

.h-35 {
  height: 35%;
}

.h-30 {
  height: 30%;
}

.h-25 {
  height: 25%;
}

.h-20 {
  height: 20%;
}

.h-15 {
  height: 15%;
}

.h-10 {
  height: 10%;
}

.h-0 {
  height: 0% !important;
}

.pointer {
  cursor: pointer !important;
}

.nopointer {
  pointer-events: none !important;
}

.m-0 {
  margin: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.text-white {
  color: #fff !important;
}

.text-black {
  color: #000 !important;
}

.f-l {
  float: left !important;
}

.f-r {
  float: right !important;
}

.default-color-1 {
  color: var(--default--color--1) !important;
}

.default-color-2 {
  color: var(--default--color--2) !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.position-relative {
  position: relative !important;
}

.p-r {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.p-a {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.p-f {
  position: fixed !important;
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}

.line-clamp-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
}

.line-clamp-6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
}

.line-clamp-7 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 7;
}

.line-clamp-8 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 8;
}

.line-clamp-9 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 9;
}

.d-c-c {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.d-c-b {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.d-c-s {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}

.d-c-e {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
}

.d-s-c {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
}

.d-s-s {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}

.d-s-b {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}

.d-s-e {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: flex-start;
}

.d-e-c {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  align-content: flex-end;
}

.d-e-s {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: flex-end;
}

.d-e-e {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: flex-end;
}