/* Wersja Mnini laptop poziomo 1440px */
 @media (min-width: 1430px) and (max-width: 1450px)  {
    .slide-logo {
        bottom: 84px;
    }

    body .fotorama__stage__frame.fotorama__loaded.fotorama__loaded--img.fotorama__active img {
        object-fit: cover!important;
        height: 380px!important;
    }

    .price-page .lisc4554 {
        TOP: 443PX;
    }

    .price-page div#lisc-pod {
        right: 11px;
        background-position: 119px -68px;
        z-index: 1!important;
        width: 24%;
        top: 373px;
    }

    .atr-box-center {
        width: 1210px;
        margin: auto;
    }

    .contact-page {
        width: 1298px;
        position: relative;
        height: 112px;
        left: 13px;
        margin: auto;
        padding-top: 39px;
        margin-bottom: -52px;
    }

    .price-page {
        width: 100%;
        margin: auto;
        padding-top: 81px;
    }

    .rooms-page {
        width: 100%;
        margin: auto;
       
    padding-top: 26px;
        height: 2317px;
    }

    .spa-page {
        width: 1307px;
        margin: auto;
        padding-top: 236px;
        padding-bottom: 86px;
        height: 1396px;
    }

    .lisckontakt {
        z-index: 1;
        background-image: url(/images/lisc2.png);
        width: 312px!important;
        background-size: contain;
        position: absolute;
        background-position: 1px -115px;
        right: 66px!important;
        height: 491px;
        background-repeat: no-repeat;
        top: 420px!important;
    }

    .section-1 {
        FLOAT: LEFT;
        position: relative;
        padding-bottom: 32px!important;
        padding: 124px 64px;
        WIDTH: 100%;
        /* color: white; */
    }

    .rooms-page .lisc22 {
        background-image: url(/images/lisc2.png);
        width: 422px;
        position: absolute;
        background-repeat: no-repeat;
        background-position: 1px -131px;
        top: 115px;
        left: 213px;
        height: 707px;
        background-size: contain;
    }

    .lisc11 {
        background-image: url(/images/lisc.png);
        width: 46%;
        background-size: cover;
        height: 639px;
        position: absolute;
        top: 50px;
        right: 0;
        z-index: 0;
    }
    
    

    .room-container {
        margin-top: 0px;
        background-color: rgb(255, 255, 255);
        height: 606px;
        padding: 7px 119px;
        position: relative;
        padding-top: 20px;
        color: black;
    }
    
    .modal-button {
        width: 27%;
        text-align: center;
        border-bottom: 1px solid;
        padding: 8px;
        background: #ff464e00;
        margin: auto;
        margin-top: 23px!important;
    }

    div#lisc-kontakt {
        background-image: url(/images/lisc.png);
        width: 534px!important;
        background-size: 100%;
        z-index: 0;
        height: 453px;
        float: left;
        background-position: center;
        left: -70px!important;
        margin-top: 239px!important;
    }

    .footer-center {
        padding: 93px 9px 167px 133px;
    }

    .boxes-center {
        width: 1276px;
        display: flex;
        left: -28px;
        height: 100%;
        margin: auto;
        z-index: 1;
        position: relative;
    }

    .rezerwacja-modal {
        WIDTH: 50%;
        FLOAT: LEFT;
        BACKGROUND: #38714a;
        TEXT-ALIGN: CENTER;
        FONT-FAMILY: futura;
        COLOR: WHITE;
        FONT-WEIGHT: 100;
        FONT-SIZE: 14PX;
        POSITION: relative;
        BORDER: 0;
        CURSOR: -webkit-grab;
        PADDING: 9PX;
        transition: 500ms;

    }

    .ikony-srodek h2 {
        font-size: 38px!important;
        color: #707070;
        font-weight: 100;
    }

    .arrow-bussines-position {
        width: 84px;
        position: absolute;
        bottom: -9px;
        left: 100px;
        z-index: 1;
    }
    
    .likeus {
        font-family: futura;
        margin-left: 0px!important;
        position: relative;
        width: 47%;
        left: 12px!important;
        float: left;
        margin-top: 56px;
        position: relative;
        margin-left: 0px!important;
        left: 19px;
    }
    
    .caption-header h1 {
        text-align: left!important;
    }

    .box-h2 {
        TEXT-ALIGN: CENTER;
        font-family: gilda;
        font-weight: 100;
        font-size: 36px;
        position: absolute;
        top: -42px;
        z-index: 1;
        right: 50px;
        color: #4D4D4D;
    }

    hr.naterenieosrodka {
        /* position: relative; */
        width: 100%;
        margin-top: 29px!important;
        background: white;
    }
    
    .room-container h1 {
        font-size: 38px!important;
        font-family: nova;
        color: #38714a;
        font-weight: 100;
        margin-bottom: 8px;
    }

    .zygzak {
        background-image: url(/images/zygzak.svg);
        width: 63px;
        height: 37px;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .rightsidemenu {
        float: left;
        width: 540px;
        border-bottom: 1px solid #fff;
        margin-left: 30px;
        position: relative;
        top: 34px;
    }

    .socialmedia {
        float: right;
        position: absolute;
        right: 9px;
        top: 9px;
        margin-top: 5px;
    }

    .bar {
        height: 95px;
        background: #fff0;
        position: absolute;
        right: 16px;
        top: 101px;
        left: 0;
        z-index: 99;
        border-bottom: 0px solid #f0f0f0;
        width: 1297px;
        margin: auto;
    }

    html body .rightsidemenu a {
        font-size: 14px!important;
        margin: 1px 32px!important;
    }

    .rightsidemenu a.lef-menu {
        margin-right: -3px;
        position: relative;
        left: -32px;
        top: -10px;
        font-size: 20px!important;
    }

    .leftsidemenu a.lef-menu {
        position: relative;
        right: -39px;
        top: -10px;
        font-size: 20px;
    }

    .leftsidemenu {
        float: left;
        margin-right: 44px;
        width: 556px;
        justify-content: right;
        border-bottom: 1px solid #fff;
        position: relative;
        top: 34px;
    }

.pokojecenter2 {
    width: 771px;
    margin: auto;
}

.center-pokoj {
    width: 937px;
    margin: auto;
}


box-a {
    margin-left: 4px;
}

.atrakcje-odleglosc {
    position: absolute;
    bottom: 9px;
    margin: auto;
    width: auto;
    right: 0;
    padding-right: 17px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 16px;
    color: black;
    background: 
    rgba(255, 255, 255, 0.8);
}
  
.header-bg {
    background-image: url(/images/header-bg.jpg);
    background-size: 112%;
    height: 205px;
    background-position: left;
}

#flip-card-back p {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: inherit;
    height: fit-content;
    padding: 0px 21px 0px 21px;
    margin: auto;
    font-size: 17px;
    top: 50%;
    transform: translateY(-50%);

  }
  
#flip-card {
background-color: transparent;
width: 403px;
height: 239px;
border: 6px solid transparent;
float: left;
perspective: 1000px;
}

/* This container is needed to position the front and back side */
#flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
#flip-card:hover #flip-card-inner {
transform: rotateY(180deg);
}

/* Position the front and back side */
#flip-card-front, #flip-card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
#flip-card-front {
background-color: #bbb;
color: black;
}

/* Style the back side */
#flip-card-back {
background-color: #232323;
color: white;
transform: rotateY(180deg);
}
    #atraction-center {
        margin: auto;
        display: flex;
        flex-flow: wrap;
        width: 100%;
    }

    #atraction-page-html {
        width: 100%;
        margin: auto;
        padding-top: 50px;
    }

    .ATRAKCJE- {
        width: 100%;
        position: relative;
        float: left;
        background-image: url(/images/atrakcje-tlo.jpg);
        background-size: 101%;
        background-repeat: no-repeat;
        padding: 42px 0px;
        padding: 115px 106px;
    }

    div#atakcje-end-box {
        padding-bottom: 149px;
        background-image: url(/images/atrakcje-tlo.jpg);
        background-size: 127%;
    }

    .lisc-atrakcje {
        background-image: url(/images/lisc2.png);
        background-repeat: no-repeat;
        background-size: 99%;
        background-position: 25px -101px!important;
        position: absolute;
        width: 19%!important;
        right: 0px!important;
        top: -482px!important;
        height: 64%!important;
    }

    .lisc-atrakcje2 {
        background-image: url(/images/lisc.png);
        background-size: 100%;
        position: absolute;
        width: 40%;
        z-index: 1!important;
        left: -56px!important;
        bottom: -125px!important;
        height: 287px!important;
    }

.atraction-container {
    position: relative;
    height: 694px;
    width: 100%;
    padding: 1px 127px;
    margin: auto;
    margin-top: 84px;
}

.atraction-container .numbertext {
    font-size: 39px;
    position: absolute;
    left: 0;
    top: 0;
    font-family: nova;
    bottom: 0;
    letter-spacing: -5px;
    color: #707070;
    height: 84px;
    left: -105px;
    margin: auto;
}

.footer-box {
    width: 51%!important;
    margin-left: -119px;
    float: left;
    position: relative;
    left: 113px;
}

.logo img {
    width: 100px;
    position: relative;
    left: 3px;
    margin-top: 3px;
}

.copyrights {
    padding: 0px 122px;
    font-family: futura;
    padding-bottom: 27px;
}

.copyrights hr {
    width: 100%;
    margin-bottom: 20px!important;
}

.text-bussines p {
    font-family: lato;
    font-size: 17px;
    margin-top: 5px;
}

.atrakcje-bottom {
    position: absolute;
    bottom: 25px;
    color: white;
    width: 295px;
    left: 0;
    font-size: 19px;
    margin: auto;
    text-align: center;
    right: 0;
    border-radius: 17px;
    padding: 12px;
    background: #ff464e;
}


#atraction-page {
    width: 20.33%;
    flex: auto;
    background: black;
    float: left;
    position: relative;
    height: 240px;
    margin: 7px;
    transition: 500ms;
}

.h1-atrakcje-srodek {
    position: absolute;
    top: 9px;
    font-family: lato;
    font-weight: bolder;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    height: 28px;
    text-align: center;
    color: black;
    font-size: 20px;
    margin: auto;
    padding-left: 14px;
    padding-right: 14px;
}





.caption-box.slider {
    margin-left: 40px;
    width: 45%;
    margin-top: 23px;
}

.mySlides {
    display: none;
    width: 50%;
    height: 404px;
    float: left;
    overflow: hidden;
}

.lisc4554 {
    background-image: url(/images/lisc.png);
    background-size: 35%;
    background-repeat: no-repeat;
    width: 97%;
    z-index: 1;
    left: -77px;
    bottom: 392px;
    position: absolute;
    height: 400px;
}

.fbfixed {
    display: block!important;
    float: right;
    right: -39px;
    margin-top: 360px;
    z-index: 9;
    position: fixed;
    font-size: 31px;
}

.ceny-tekst {
    float: left;
    width: 100%;
    font-family: lato;
    padding: 1px 78px;
    margin-bottom: 48px;
    text-align: center;
    margin-top: 28px;
}

.sezony:last-child h4 {
    margin-top: -40px;
}

.sc {
    position: relative;
    left: 26px;
}

.sezony {
    float: left;
    width: 29.44%;
    text-align: center;
    padding: 62px 28px;
    box-shadow: 2px 2px 14px;
    margin: 17px;
    height: 300px;
}

.sc {
    margin: auto;
    height: 0px;
    margin-top: -46px;
    width: 94%;
}


h3.left-modal {
    padding-left: 34px;
    margin-bottom: -8px;
}




.column-bg {
    overflow-x: scroll;
    height: 139px;
    display: -webkit-box;
    width: 44%;
    position: fixed;
    margin-top: 333px;
    touch-action: manipulation;
}

.slide {
    background-image: url(/images/header.png);
    background-repeat: no-repeat;
    background-position: top;
    width: 100%;
    position: relative;
    height: 682px;
    top: -52px;
    overflow: hidden;
    z-index: 0;
    background-size: 100%;
    margin-bottom: 0px;
}

.info {
    float: left;
    top: 3px;
    left: -68px;
    letter-spacing: 0px;
    font-size: 16px;
    font-family: futura!important;
    padding: 13px;
    font-weight: 100!important;
    position: relative;
    font-weight: 400;
    text-transform: none;
    font-family: inherit;
}

.line {
    width: 100%;
    font-size: 49px;
    text-align: center;
    flex-basis: 50%;
    font-size: 40px;
    color: #fcfcfc;
    letter-spacing: 6px;
    position: absolute;
    font-family: book;
    opacity: 0;
    margin: auto;
    }

    .slide-header {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        margin: auto;
        width: 100%;
        height: 55px;
    

}

.ikonki-srodek {
    width: 1233px;
    margin: auto;
    height: 200px;
    margin-top: 56px;
}

div#ikonki-srodek-eng {
    width: 1239px;
    margin: auto;
    margin-top: 10px;
}

.boxes-center .box-h2 {
    top: -42px;
}

.ikony-srodek {
    background-image: url(/images/atrakcje-tlo.jpg);
    background-size: 133%;
    padding-top: 86px;
    padding: 47px 104px;
    font-family: nova;
    padding-bottom: 106px;
    color: #707070;
}

.ikona {
    float: left;
    width: 184px;
    margin: 2px 31px;
    text-align: center;
}

.bussines-section {
    background-image: url(/images/lisc.png);
    background-size: 39%;
    background-repeat: no-repeat;
    background-position: 43% 46%;
    height: 552px;
    margin-top: 19px;
    padding-bottom: 285px;
    padding-top: 0px
}

.text-bussines {
    width: 50%;
    padding: 26px 101px;
    float: left;
    margin: auto;
    letter-spacing: 2px;
    line-height: 24px;
    left: 0;
    right: 0;
    position: relative;
    bottom: -26px;
    font-family: inherit;
    text-align: left;
    height: 187px;
    font-size: 20px;
}


.column {
    float: inherit;
    width: 200px;
    padding-top: 80px;
    height: initial;
}

/* width */
.column-bg::-webkit-scrollbar {
width: 10px;
}

/* Track */
.column-bg::-webkit-scrollbar-track {
background: #f1f1f1; 
}

/* Handle */
.column-bg::-webkit-scrollbar-thumb {
background: #ff464e;
}

/* Handle on hover */
.column-bg::-webkit-scrollbar-thumb:hover {
background: #555; 
}

/* width */
.caption-text::-webkit-scrollbar {
width: 10px;
}

/* Track */
.caption-text::-webkit-scrollbar-track {
background: #f1f1f1; 
}

/* Handle */
.caption-text::-webkit-scrollbar-thumb {
background: #ff464e;
}

#close {
    position: absolute;
    top: 35px;
    right: 157px;
    z-index: 9;
    font-size: 19px;
    cursor: pointer;
    color: #000;
}

/* Handle on hover */
.caption-text::-webkit-scrollbar-thumb:hover {
background: #555; 
}

div#wyslij {
    margin-top: 85px!Important;
}

.nav-logo {
    width: 71px;
    height: 55px;
    margin-left: 50px;
    margin-top: -8px;
    margin-bottom: 7px!important;
    margin-bottom: 2px;
    float: left;
    z-index: 999999999999;
}

.strona-rezerwacji form#booking-form {
    box-shadow: none!important;
     margin-top: -68px;
    margin-bottom: 44px;
}



.strona-rezerwacji {
    margin-bottom: 390px;
    width: 100%;
    margin: auto;
    padding-top: 141px;
    padding-bottom: 36px;
}

.booking-form .h1 {
    font-size: 28px!important;
    color: #38714a!important;
    font-family: nova;
    position: relative;
    top: -11px;
}

div#rezerw {
    margin-top: 0px!important;
    padding-top: 142px;
}

div#rezerw div#lisc-pod {
    z-index: 1!important;
    right: -1px;
    width: 30%!important;
    top: 392px!important;
    background-size: 72%;
    background-repeat: no-repeat;
    background-position: 64px -113px!important;
    height: 504px!important;
}

.lisc2222 {
    background-repeat: no-repeat;
    background-image: url(/images/lisc.png);
    background-size: cover;
    width: 27%;
    position: absolute;
    height: 576px;
    left: -80px;
}

div#rezerw .lisc2222 {
    background-repeat: no-repeat;
    background-image: url(/images/lisc.png);
    background-size: cover;
    width: 34%;
    position: absolute;
    height: 576px;
    left: -98px;
    z-index: 0;
    bottom: -342px;
}


.modal {
    display: none;
    position: absolute;
    z-index: 999;
    padding-top: 55px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(255, 255, 255);
}

#popup {
    z-index: 999999999999;
    max-width: 100%;
    width: 84%;
    max-height: 583px;
    height: 89%;
    margin: auto;
    bottom: 0;
    top: 0;
    padding: 19px;
    position: absolute;
    background: transparent;
}





 /* Wersja Mnini laptop poziomo 1440px */
 }