@media (min-height: 700px) {
    .container {
        margin-top:100px;
    }
}

/* ==========================================================================
   ==========================================================================
   TABLET
   ==========================================================================
   ========================================================================== */

@media (max-width: 979px) {

  

    .creadit-card__form-item{
         margin: 0 2px 5px 0;
    }
    .credit-card__secure-info{
        width: 28%;
    }
    .credit-card__content{
        padding-left: 1%;
        width: 72%;
    }
    .credit-card__secure-logo img{
        width:80px;
    }
    #viewType{
        width:2px;
    }
    .btn-big {
        font-size: 18px;
        height: 52px;
        line-height: 48px;
    }
    .btn-contact {
        width: 120px;
    }
    .client-data__radio{
        margin: 0;
    }
    .reservation-summary{
        font-size: 13px;
        padding: 10px 8px;

    }
    .navigation > li {

      margin-left: 6px;

    }
    .reservation-summary .summary-label {
        width: 115px;
    }
    .container{
        width: 758px;
    }
    .l-row {
        padding: 0 10px;
    }
  
    .payment-methods__item {
      margin: 5px 0.5%;
      width: 15.5%;
    }
    .payment-methods__name {
      font-size: 11px;
      line-height: 1.1;
      padding: 5px 5px 0;
    }
    div.payment_description_box{
        margin: 0 1.5% 0 0.5%;
    }
    /*  .l-col6 {
          margin-left: 10px;
          width: 363px;
      } */
    .l-col8 {

        /* width: 417px;  */
    }
    .hotel-name, .longer-hotel-name {
        font-size: 18px;
        width: 200px;
    }
    .navigation {
        width: 535px;
        margin: 0;
    }
    .btn-account {
        width: 171px;
    }
    .popover {
        padding: 10px;
    }
    .l-content {
        height: auto;
    }
    /*
    .calendar-weekdays .day, .calendar-weekdays, .day_labels span {
        width: 45px;
    }
    .calendar-body .day, .days span{
        width: 45px;
    }
    .calendar-controls {
        width: 48px;
    }
    .calendar-body, .days {
        width: 315px;
    }

      .calendar-legend .day {
        width: 14px;
    }

    */
    .calendar-legend .definition {
        font-size: 11px;
        margin-right: 5px;
        margin-left: 5px;

    }
    .room-name {
        font-size: 1em;
        line-height: 1.4;
        padding: 5px 10px 0 0;

    }
   /* .room--one .room-icon, .room--one .room-icon a,*/ .room--two .room-icon, .room--two .room-icon a{
    /*    width: 130px;  */
    }
   /* .room--one .room-icon, .room--one .room-icon a img, */.room--two .room-icon, .room--two .room-icon a img{
        min-height: 178px;
    }
    .room--two .room-icon, .room--two .room-icon a img{
        min-height: 90px;
    }
    .quantity-control .decrease, .quantity-control .increase {
        width: 30px;
    }
    .quantity-control .quantity-control__prefix, .quantity-control .quantity-control__suffix{
        right: 10px;
    }
    .choice_summary{
        font-size: 13px;
    }
    .contact__map-wrapper{
        width: 360px;
    }
    .toplayer{
        padding: 10px;
    }
    .toplayer > .btn {
        right: 10px;
        top: 10px;
    }
    .contact__section, .contact__subheader, .contact__section--nodes {
        width: 325px;
    }
    .toplayer .login-section {
        margin: 0 85px 0 10px;
    }
    .toplayer .register-section {
        margin: 0 10px;
    }
    .login-label {
        width: 70px;
    }
    .login-fields .btn-primary {
        margin-left: 70px;
    }
    .login-external{
        padding: 0;
    }
    .client-data-form .field-wrapper > label {
      /*  font-size: 11px; */
        width: 85px;
    }
    input[type="text"], input[type="password"] {
        padding: 0 5px;
    }
    .client-data-form .field-wrapper input[type="text"], .client-data-form .field-wrapper input[type="password"] {
        width: 125px;
        font-size: 12px;
    }
    .client-data-form div.field-wrapper select {
        padding: 5px;
        width: 125px;
    }
    .client-data-form div.field-wrapper img.obligatory {
        left: 213px;
    }
    .client-data-form div.field-wrapper img.incorrect, .client-data-form div.field-wrapper img.correct {
        left: 212px;
    }
    .client-data-form.client-new {
      /*  font-size: 11px; */
    }
    #client_is_company > label {
        width: auto;
    }

    .cookie_container{
    
        font-size: 11px;
    }
   /* .cookie_container {
      margin-left: 219px;
    margin-right: 224px;
    }
    .cookie_content{
        font-size: 10px;
        min-height: 48px;
        line-height: 1.2;
        padding: 5px;
    }  */

    .powered_by {
        padding-top: 11px;
        width: 238px;
    }
    .powered_by:lang(pl) {
        width: 230px;
    }

    #time_choice div.days span.selected-first {
        background: #83DCFC; /* Old browsers */
        background: -moz-linear-gradient(-50deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(131,220,252,1) 50%, rgba(131,220,252,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(50%,rgba(131,220,252,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-50deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(131,220,252,1) 50%, rgba(131,220,252,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-50deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(131,220,252,1) 50%, rgba(131,220,252,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-50deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(131,220,252,1) 50%, rgba(131,220,252,1) 100%); /* IE10+ */
        background: linear-gradient(130deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(131,220,252,1) 50%, rgba(131,220,252,1) 100%); /* W3C */
        /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#83dcfc',GradientType=1 ); IE6-9 fallback on horizontal gradient */
    }

    #time_choice div.days span.selected-last {
        background: #83DCFC; /* Old browsers */
        background: -moz-linear-gradient(-50deg,  rgba(131,220,252,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,rgba(131,220,252,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-50deg,  rgba(131,220,252,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-50deg,  rgba(131,220,252,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-50deg,  rgba(131,220,252,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
        background: linear-gradient(130deg,  rgba(131,220,252,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
        /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83dcfc', endColorstr='#ffffff',GradientType=1 );  IE6-9 fallback on horizontal gradient */
    }

    #time_choice div.days span.blocked-first {
        background: #FFF; /* Old browsers */
        background: -moz-linear-gradient(-50deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(221, 221, 221,1) 50%, rgba(221, 221, 221,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(50%,rgba(221, 221, 221,1)), color-stop(100%,rgba(221, 221, 221,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-50deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(221, 221, 221,1) 50%,rgba(221, 221, 221,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-50deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(221, 221, 221,1) 50%,rgba(221, 221, 221,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-50deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(221, 221, 221,1) 50%,rgba(221, 221, 221,1) 100%); /* IE10+ */
        background: linear-gradient(130deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(221, 221, 221,1) 50%,rgba(221, 221, 221,1) 100%); /* W3C */
        /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=1 );  IE6-9 fallback on horizontal gradient */
    }

    #time_choice div.days span.blocked-last {
        background: #FFF; /* Old browsers */
        background: -moz-linear-gradient(-50deg,  rgba(221, 221, 221,1) 0%, rgba(221, 221, 221,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(221, 221, 221,1)), color-stop(50%,rgba(221, 221, 221,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-50deg,  rgba(221, 221, 221,1) 0%,rgba(221, 221, 221,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-50deg,  rgba(221, 221, 221,1) 0%,rgba(221, 221, 221,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-50deg,  rgba(221, 221, 221,1) 0%,rgba(221, 221, 221,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
        background: linear-gradient(130deg,  rgba(221, 221, 221,1) 0%,rgba(221, 221, 221,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
        /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=1 );IE6-9 fallback on horizontal gradient */
    }

    #time_choice div.days span.blocked-first.selected-last {
        background: #83DCFC; /* Old browsers */
        background: -moz-linear-gradient(-50deg,  rgba(131,220,252,1) 50%, rgba(221, 221, 221,1) 50%, rgba(221, 221, 221,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,rgba(131,220,252,1)), color-stop(50%,rgba(221, 221, 221,1)), color-stop(100%,rgba(221, 221, 221,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-50deg,  rgba(131,220,252,1) 50%,rgba(221, 221, 221,1) 50%,rgba(221, 221, 221,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-50deg,  rgba(131,220,252,1) 50%,rgba(221, 221, 221,1) 50%,rgba(221, 221, 221,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-50deg,  rgba(131,220,252,1) 50%,rgba(221, 221, 221,1) 50%,rgba(221, 221, 221,1) 100%); /* IE10+ */
        background: linear-gradient(130deg,  rgba(131,220,252,1) 50%,rgba(221, 221, 221,1) 50%,rgba(221, 221, 221,1) 100%); /* W3C */
        /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83dcfc', endColorstr='#f5f5f5',GradientType=1 ); IE6-9 fallback on horizontal gradient */

    }

    #time_choice div.days span.blocked-last.selected-first {
        background: #83DCFC; /* Old browsers */
        background: -moz-linear-gradient(-50deg,                                   rgba(221, 221, 221,1) 0%, rgba(221, 221, 221,1) 50%, rgba(131,220,252,1) 50%,rgba(131,220,252,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(221, 221, 221,1)), color-stop(50%,rgba(221, 221, 221,1)), color-stop(50%,rgba(131,220,252,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-50deg,  rgba(221, 221, 221,1) 0%,rgba(221, 221, 221,1) 50%,rgba(131,220,252,1) 50%,rgba(131,220,252,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-50deg,  rgba(221, 221, 221,1) 0%,rgba(221, 221, 221,1) 50%,rgba(131,220,252,1) 50%,rgba(131,220,252,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-50deg,  rgba(221, 221, 221,1) 0%,rgba(221, 221, 221,1) 50%,rgba(131,220,252,1) 50%,rgba(131,220,252,1) 100%); /* IE10+ */
        background: linear-gradient(130deg,  rgba(221, 221, 221,1) 0%,rgba(221, 221, 221,1) 50%,rgba(131,220,252,1) 50%,rgba(131,220,252,1) 100%); /* W3C */
        /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#83dcfc',GradientType=1 ); IE6-9 fallback on horizontal gradient */

    }
     .count-room-2 .room__addons-list{
        padding-bottom: 4px;

    }
    
  /*  #accept_terms {

        width: 480px;

    } 
    
    #accept_newsletter.client-data__terms {
        position: absolute; 
        width: 250px; 
        padding: 0px 40px 0px 0px; 
        top: 315px;
        line-height: 1.1;
    }
    */
    #client_account .field-wrapper .client-data__checkbox-label {
        text-align: left;
        line-height: inherit; 
        margin-top: 4px;
         line-height: 1.1;
    }
    
    .persons-prices {
        margin: 6px -0.5px 3px;
        width: 31px;
        height: 41px;
    }
    
    .person-price {
        margin-top: -9px;
    }
    
    .person-price-value {
        font-size: 8px;
    }
    
    .persons-prices-with-capacity {
        float: left;
        height: 40px;
        margin: 6px 0px 3px;
        text-align: center;
        width: 30px;
    }
    
    .dotted {
        font-size: 23px;
    }
    
    .dotted-container {
        margin: 3px -5px 0px;
    }
    
    .persons-prices-capacity {
        margin: 5px -1px 0px 1px;;
        width: 37px;
    }
    
    .img-capacity {
        margin-bottom: -5px;
        width: 21px;
    }
    
    .capacity-number-container {
        height: 22px;
        margin-bottom: -3px;
    }
    
    .capacity-number-value {
        font-size: 15px;
    }
    
    .persons-prices-with-capacity .person-price-value, .persons-prices-capacity .person-price-value {
        font-size: 8px;
    }
}


/* ==========================================================================
   ==========================================================================
   MOBILKA
   ==========================================================================
   ========================================================================== */
@media (max-width: 480px) {
    .payment-methods__item{
        height: 110px;
    }
}

@media (max-width: 757px) {


/* #accept_terms {
    width: 418px;
    top: 75.5%;
} */

.payment-methods__item{
    height: 86px;
}
    .credit-card__label{
        width: 100px;
        font-size: 12px;
        padding-right: 10px;
    }
    .credit-card__secure-logo img {
      width: 60px;
    }
    .credit-card__secure-text {
      padding: 4% 10px 0 0;
    }
    .creadit-card__form-item{
        width: 65px;
    }    
     .creadit-card__form-item img{
        max-width: 100%;
    }
    .powered_by{
        padding-top: 10px;
    }
    .cookie_container {

      margin-bottom: 10px;
      position: static;

    }

    .container > .footer {
        padding: 1em 0 0;
    }
    
    .cookie_content {
      line-height: 1.2;
      min-height: unset;
      padding: 10px;
    }

    .cookie_container {
        bottom: 0;
        left: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        opacity: 0.9;
        position: fixed;
        right: 0;
        font-size: 13px;
        border-top: 1px solid #aaa;
    }
    .cookie_content{
        padding: 10px;
    }
    .cookie_close {
        background: none repeat scroll 0 0 #00AEF0;
        color: #FFFFFF;
        padding: 4px 8px;
    }
    .container {
        border: medium none;
        width: 678px;
        padding: 10px 0px 0;
        margin-top:0;
        height: auto;
    }
    .l-row{
        padding: 0px
    }
    .hotel-name, .longer-hotel-name {
        margin-left: 10px;
    }

    .toplayer{
         bottom: 24px;
        left: 0;
        overflow: auto;
        right: 0;
        top:82px;
    }
    .contact__map{
        overflow: hidden;
    }
    .login-options h2{
        font-size: 1.2em;
    }
    .reservation-summary {
      font-size: 12px;
      padding: 5px;
    }
    .room-options {
      padding: 0 10px;
    }

    .navigation {
        margin: 0;
        width: 465px;
    }
   
    .persons-prices {
        width: 31px;
        margin: 6px -0.5px 3px;
    }
    
    .person-price-value {
        font-size: 8px;
    }
}


@media (max-width: 678px) {
    /* specyficzne css dla RWD */

    .hotel-name{
        margin-left: 0px;
    }
    .payment-methods__label {
  margin: 0 98px 18px 1%;
  text-align: left;
}
.credit-card__label {
  clear: both;
  font-size: 14px;
  height: auto;
  line-height: 1.2;
  margin: 0 0 4px;
  padding: 0;
  text-align: left;
  width: 100%;
}
    .credit-card__secure-info{
        width: 100%;
    }
    .credit-card__content{
        width: 100%;
    }
    .moblie-hide{
        display: none;
    }
    
    .mobile_visible{
        display: block;
    }
    #viewType{
        width:1px;
    }
    .contact__map {
        float: none;
    }
    .login-section, .register-section{
        margin: 0
    }
    .login-section:last-child, .register-section:last-child{
        float: none;
    }

    .reservation-summary .summary-label {
        width: 50%;
    }


div.payment_description_box {
    display: none !important;
}
.payment-methods__item {
    margin: 5px 0.5%;
    width: 32%;
}
.payment-methods__item--is-active{
    border-bottom: 2px solid #179ace;
}

    .container {
        border: medium none;
        max-width: 640px;
        min-width: 310px;
        width: auto;
        padding: 5px;
        margin-top:0;
        height: auto;
    }
    .navigation > li {
        float: none;
        margin-bottom: 5px;
        margin-left: 0px;
        text-align: right;
    }
    .navigation {
        clear: both;
        float: none;
        margin: 0;
        width: auto;
    }
    .hotel-name, .longer-hotel-name {
        height: auto;
        padding: 8px 10px 13px;
        width: 100%;
    }
    .btn-account {
        width: 100%;
        padding: 0;
    }
    .btn-contact {
        padding-right: 36px;
    }
    .btn{
        width: 100%;
    }
    .btn-big {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }
    .btn-settings {
        float: right !important;
        width: 170px;
    }
    .btn-language {
        width: 111px;
    }
    .btn.btn-currency {
        width: 60px;
    }
    .popover {
        width: 170px;
    }
    .l-row{
        padding: 0;
    }
    .l-col6{
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .container > .header{
        padding: 6px 5px 8px;
    }
    #btn-next-step{
        margin-bottom: 10px;
    }
    .calendar-body .day, .days span {
        font-size: 16px;
        height: 39px;
        line-height: 39px;
    }
    .calendar-controls .btn {
        font-size: 28px;
        height: 39px;
        width: 100%;
    }

    .toplayer .login-section, .toplayer .register-section {
        margin: 0;
    }
    .choice_summary {
        font-size: 13px;
        font-weight: normal;
        line-height: 1.1;
        margin-bottom: 6px;
        margin-top: 10px;
    }
    .container > .header{
        margin-bottom: 10px;
    }
    .room {
        min-height: 90px;
        border-right:none;
        border-left:none;
    }
    .quantity-control .quantity {
        text-align: center;
        width: 25px;
    }
    .quantity-control .decrease, .quantity-control .increase {
        width: 25px;
        padding: 0;
        
    }
    .container--booking-options ul.room-options-list .btn, .container--booking-options .quantity-control .quantity{
        height: 30px; 
    }
    .room .quantity-control {
        width: auto;
    }
    .quantity-control .quantity-control__prefix, .quantity-control .quantity-control__suffix {
        right: 0;
    }
    .room-name {
        line-height: 1.2;
        padding: 5px 0 0 0;
        height: auto;
    }
    .toplayer {
        left: 0;
        overflow: hidden;
        padding: 10px 0px;
        right: 0;
        border:none;
        border-top: 1px solid #666;
        box-shadow: none;
        min-height: 100%;
        bottom: auto;
        top: 46px;
    }
    .room-details__photo img {
        max-width: 100%;
    }
    .room-details__gallery {
        float: none;
        height: auto;
        margin-right: 0;
        overflow: hidden;
        text-align: center;
        width: auto;
    }
    .room-details__description {
        float: none;
        height: auto; 
        overflow-y: auto;
        width: auto;
    }
    .room-details__name {
        font-size: 1.3em;
        line-height: 1em;
        padding-right: 82px;
    }
    .contact__hotel-name {
        font-size: 1.2em;
        margin-bottom: 18px;
        padding-right: 100px;
        width: 100%;
    }
    .contact__map-wrapper {
        height: 200px;
        margin-bottom: 10px;
        margin-right: 37px;
        width: auto;
    }
    .contact__section, .contact__subheader, .contact__section--nodes{
        width: auto;
    }
    .login-options h2 {
        font-size: 1.2em;
        line-height: 1;
        text-align: left;
    }
    .login-external .method {
        display: block;
        margin: 0 0 5px;
        width: auto;
    }
    .login-options.login-options-external {
        padding-top: 24px;
    }
    .login-external-description {
        font-size: 11px;
        line-height: 1.1;
        text-align: center;
    }
    .login-native h2{
        display: none;
    }
    .login-field[name="login"], .login-field[name="password"] {
        float: none;
        width: 100%;
    }
    .login-label {
        display: block;
        float: none;
        height: auto;
        line-height: 1;
        margin-bottom: 5px;
        width: auto;
        color: #666666;
        font-size: 12px;
    }
    .login-fields .btn-primary {
        margin-left: 0;
    }
    .room-options-list{
        height: 296px;
    }
    .login-field {
        float: none;
        height: 36px;
        line-height: 36px;
        margin-bottom: 10px;
        width: 100%;
    }
    .login-section .btn-big, .register-section .btn-big {
        width: 100%;
    }
    .login-section, .register-section {
        width: auto;
        float: none;
    }
    .login-section__toggle {
        display: block;
        margin-bottom: 30px;
        padding-top: 9px;
        margin-right: 0px;
    }
    .login-section-description {
        color: #666666;
        font-size: 12px;
        line-height: 1.2;
        margin: 18px 0 20px;
        height: auto;
    }
    .login-fields .btn-primary {
        width: 100%;
    }
    .login-section__toggle-link {
        display: block;
        margin-bottom: 30px;
        margin-left: 0;
        margin-top: 10px;
        text-align: right;
    }
    .confirm-data-notes textarea {
        float: none;
        height: 60px;
        width: 100%;
    }
    .confirm-data-arrival label, .confirm-data-departure label, .confirm-data-notes label{
        width: auto;
        margin: 0 10px 5px 0;
    }
    .confirm-data-arrival fieldset, .confirm-data-departure fieldset{
        float: none;
        position: relative;
        white-space: nowrap;
        width: auto;
    }
    .popover{
        width: 100%;
        text-align: center;
    }
    #client-data{
        width: 310px;
        margin: 0 auto;
    }
    .client-data-section {
        border: medium none;
        float: none;
        width: 100%;
    }
    .container--booking-details .reservation-summary{
        margin:0;
    }
    .container--booking-confirm .reservation-summary{
        margin:0;
    }
    .client-data-form .field-wrapper > label {
        clear: both;
        color: #666666;
        display: block;
        float: none;
     /*   font-size: 11px; */
        height: auto;
        line-height: 1;
        margin-bottom: 2px;
        text-align: left;
        width: auto;
    }
    .client-data-form .field-wrapper input[type="text"], .client-data-form .field-wrapper input[type="password"], .client-data-form div.field-wrapper select {
        height: auto;
       padding: 3px;
        width: 285px;
    }
    .client-data-form div.field-wrapper img.incorrect, .client-data-form div.field-wrapper img.correct {
        left: 287px;
    }
    .client-data-form div.field-wrapper img.correct, .client-data-form div.field-wrapper img.incorrect {
        top: 16px;
    }
    .client-data-form div.field-wrapper img.obligatory {
        left: 290px;
        top: 22px;
    }
    .client-data-form .field-wrapper {
        height: auto;
        padding-bottom: 8px;
    }
    #client_is_company > label {
        display: none;
    }
    #topalert {
        left: 0 !important;
        position: fixed;
        right: 0 !important;
        top: 0 !important;
        width: auto;
    }
    .container--booking-options .room-icon, .container--booking-confirm .room-icon{
        /* display: none; */
    }
    .container--booking-options .room-icon{
        /* font-size: 11px;
         padding-left: 5px; */
    }
    .container--booking-confirm > *{
        padding-right: 0px;
    }
    .container--booking-confirm .room{
        line-height: 1.3;
        /*   font-size: 12px; */
    }
    .room-list--confirm, .container--booking-details .room-list--details, .container--booking-details .l-frame, .container--booking-details .l-col8{
        border-bottom: none;
        height: auto;
    }
    .container--booking-details .l-frame{
        padding: 0;
    }
    .reservation-client__additional .reservation-client__label{
        margin-right: 5px;
        width: auto;
    }
    .room-list--details{
        border-left: none;
    }
    .reservation-client__data{
        float: none;
        width: auto;
    }
    .l-col4 {
        float: none;
        width: 100%;
        clear: both;
    }
    .l-col8 {
        width: 100%;
        border: none;
        height: auto;
    }
    .container--booking-confirm .l-col8, .container--booking-details .l-col8{
       padding:0;
    }
    .container--booking-confirm .l-col4, .container--booking-details .l-col4{
       padding-bottom:15px;
    }
    .reservation-status__cancel{
        position: static;
    }
    .reservation-summary {
        font-size: 14px;
        height: auto;
        margin: 0 !important;
        padding: 5px;
        width: 100%;
    }
    .room-pagination, .room-options__section.offer_name{
        display: none !important;
    }
    .room-options__section{
        min-height: 0;
        padding: 10px 10px 15px 20px;
    }
    .room-options-list{
        height: 260px;
    }
    .client-data-form .field-wrapper-terms {
        height: 0;
        padding: 0;
        min-height: 0;
    }
    .conditions-link {
  padding-top: 0px;
}
.condition_of_reservation--booking-confirm{
    min-height: 0;
}
    .client-data__terms {
        margin-top: 0;
        float: none;
    }
    .client-data__legend {
        float: none;
        padding-top: 10px;
    }

    .container--booking-options .l-col4{
        display: none;
    }
    #client-data-back, .btn-prev{
        margin-bottom: 10px;
    }

    /* jeden pokĂłj */
    .room-list-four,.room-list-four--scrollable,.room--one {
        height:auto;
    }
    .room--one .room-icon, .room--one .room-icon a {
        height: auto;
       
    }
    .room--one .room-icon{
        
    }
    .room--two  .room-icon a, .room-icon a{
        /* width: 90px; */
    }
    .room--two  .room-icon a{
        width: 100%;
        height: 150px;
    }
    .room--two  .room-icon, .room-icon{
        width: 90px;
        margin: -1px 10px 0 0;
    }
    .room--two  .room-icon,.room--two{
        height: 150px;
        min-height:0;
    }
    .room--one .room__description, .count-room-1 .room__description{
        height: auto;
        max-height: 90px;
    }

    .room--one .room__show-description {
        display: block;
        width: auto;
    }
    .room--one .room__description {
        color: #666666;
        margin: 0 0 10px;
        max-height: none;
        overflow: hidden;
    }
    .room--one .quantity-control {
        float: right;
        line-height: normal;
        margin-top: 0;
        padding: 15px;
    }
    .tooltip {
        display: none;
        position: fixed;
        width: auto;
        z-index: 200;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
    }
    .powered_by {
        clear: both;
        padding-top: 10px;
    }
    .terms, .cookies, .container--terms .l-content{
        height: auto;
    }
    .login-options.login-options-external {
        padding-top: 0;
    }
    /* testowe */
    .room--is-active {
        left: 0;
        position: absolute;
        top: 0;
        border:none;
    }
    .room-window {
        height: auto;
        width: 100%;
    }
    .room__addons_wrapper {
        width: 53%;
    }
    .room-options {
        height: auto;
        padding: 0px;
        position: static;
        margin-bottom: 1px;
        width: auto;
        border-bottom: 2px solid #00AEF0;
        display: block !important;
        padding-bottom: 20px;
    }
    .room-options:last-child{
        border:none;
    }
    .mobile_room_options{
        background:  #EAEAEA;
        display: block;
        margin-bottom: 8px;

        padding: 10px;
        position: relative;
    }
    .mobile_room_options:before{
        border-left: 11px solid transparent;    
        border-right: 11px solid transparent;    
        border-top: 11px solid #EAEAEA;     
        content: '';     
        display: inline-block; 
        position: absolute;
        bottom: -10px;
        left: 44%;
    }
    .mobile_room_options:after{
        content: '';
        display: block;
        clear: both;
    }
    .room-tabs{
        position: static;
    }
    .confirm-data, .reservations{
        padding: 0;
        overflow-y: visible;
        height: auto;
    }
    .reservations-list__content {
        font-size: 12px;
        font-weight: 200;
        width: 100%;
    }
    .reservations-list__content th {
        padding: 3px;
        line-height: 1.2;
        font-weight: 500;
    }
    .reservations-list__content td {
        padding: 3px;
        line-height: 1.2;
    }
    .room--is-active .arrow {
        border-right-color: transparent;
        border-bottom-color: #fff;
        border-width: 11px 10px 10px 11px;
        bottom: -1px;
        right: 34%;
        top:auto;
    }
    .room-options-list {
        height: auto;
    }
    .container--booking-confirm .room-container, .container--booking-details .room-container{
        max-height: none;
    }

   /* .payment-methods__item{
        width: 23%;
    } */
    .payment-methods__list{
        height: auto;
    }
    .payment-methods__list:after{
        content: '';
        display: block;
        clear: both;
    }
    #payment-options-method-158{
        padding-top: 10px;
    }
    #payment-options-method-158 select{
        width: 100%;
    }
    #make-payment{
        margin-bottom: 20px;
    }



    #time_choice div.days span.selected-first {
        background: #83DCFC; /* Old browsers */
        background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(131,220,252,1) 50%, rgba(131,220,252,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(50%,rgba(131,220,252,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(131,220,252,1) 50%, rgba(131,220,252,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(131,220,252,1) 50%, rgba(131,220,252,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(131,220,252,1) 50%, rgba(131,220,252,1) 100%); /* IE10+ */
        background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(131,220,252,1) 50%, rgba(131,220,252,1) 100%); /* W3C */
        /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#83dcfc',GradientType=1 ); IE6-9 fallback on horizontal gradient */
    }

    #time_choice div.days span.selected-last {
        background: #83DCFC; /* Old browsers */
        background: -moz-linear-gradient(-45deg,  rgba(131,220,252,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,rgba(131,220,252,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg,  rgba(131,220,252,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg,  rgba(131,220,252,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg,  rgba(131,220,252,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
        background: linear-gradient(135deg,  rgba(131,220,252,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
        /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83dcfc', endColorstr='#ffffff',GradientType=1 );  IE6-9 fallback on horizontal gradient */
    }

    #time_choice div.days span.blocked-first {
        background: #FFF; /* Old browsers */
        background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(221, 221, 221,1) 50%, rgba(221, 221, 221,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(50%,rgba(221, 221, 221,1)), color-stop(100%,rgba(221, 221, 221,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(221, 221, 221,1) 50%,rgba(221, 221, 221,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(221, 221, 221,1) 50%,rgba(221, 221, 221,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(221, 221, 221,1) 50%,rgba(221, 221, 221,1) 100%); /* IE10+ */
        background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(221, 221, 221,1) 50%,rgba(221, 221, 221,1) 100%); /* W3C */
        /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=1 );  IE6-9 fallback on horizontal gradient */
    }

    #time_choice div.days span.blocked-last {
        background: #FFF; /* Old browsers */
        background: -moz-linear-gradient(-45deg,  rgba(221, 221, 221,1) 0%, rgba(221, 221, 221,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(221, 221, 221,1)), color-stop(50%,rgba(221, 221, 221,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg,  rgba(221, 221, 221,1) 0%,rgba(221, 221, 221,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg,  rgba(221, 221, 221,1) 0%,rgba(221, 221, 221,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg,  rgba(221, 221, 221,1) 0%,rgba(221, 221, 221,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
        background: linear-gradient(135deg,  rgba(221, 221, 221,1) 0%,rgba(221, 221, 221,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
        /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=1 );IE6-9 fallback on horizontal gradient */
    }

    #time_choice div.days span.blocked-first.selected-last {
        background: #83DCFC; /* Old browsers */
        background: -moz-linear-gradient(-45deg,  rgba(131,220,252,1) 50%, rgba(221, 221, 221,1) 50%, rgba(221, 221, 221,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,rgba(131,220,252,1)), color-stop(50%,rgba(221, 221, 221,1)), color-stop(100%,rgba(221, 221, 221,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg,  rgba(131,220,252,1) 50%,rgba(221, 221, 221,1) 50%,rgba(221, 221, 221,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg,  rgba(131,220,252,1) 50%,rgba(221, 221, 221,1) 50%,rgba(221, 221, 221,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg,  rgba(131,220,252,1) 50%,rgba(221, 221, 221,1) 50%,rgba(221, 221, 221,1) 100%); /* IE10+ */
        background: linear-gradient(135deg,  rgba(131,220,252,1) 50%,rgba(221, 221, 221,1) 50%,rgba(221, 221, 221,1) 100%); /* W3C */
        /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83dcfc', endColorstr='#f5f5f5',GradientType=1 ); IE6-9 fallback on horizontal gradient */

    }

    #time_choice div.days span.blocked-last.selected-first {
        background: #83DCFC; /* Old browsers */
        background: -moz-linear-gradient(-45deg,                                   rgba(221, 221, 221,1) 0%, rgba(221, 221, 221,1) 50%, rgba(131,220,252,1) 50%,rgba(131,220,252,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(221, 221, 221,1)), color-stop(50%,rgba(221, 221, 221,1)), color-stop(50%,rgba(131,220,252,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg,  rgba(221, 221, 221,1) 0%,rgba(221, 221, 221,1) 50%,rgba(131,220,252,1) 50%,rgba(131,220,252,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg,  rgba(221, 221, 221,1) 0%,rgba(221, 221, 221,1) 50%,rgba(131,220,252,1) 50%,rgba(131,220,252,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg,  rgba(221, 221, 221,1) 0%,rgba(221, 221, 221,1) 50%,rgba(131,220,252,1) 50%,rgba(131,220,252,1) 100%); /* IE10+ */
        background: linear-gradient(135deg,  rgba(221, 221, 221,1) 0%,rgba(221, 221, 221,1) 50%,rgba(131,220,252,1) 50%,rgba(131,220,252,1) 100%); /* W3C */
        /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#83dcfc',GradientType=1 ); IE6-9 fallback on horizontal gradient */

    }
    
    #toplayer-content-second .footer {
        position: static;
    }
    
  /*  #accept_terms {
        position: static;
        width: inherit; 
        height: inherit; 
        padding: 5px; 
        margin-right: inherit; 
        background-color: none;
    }  */
    
    #accept_newsletter.client-data__terms {
        position: static; 
        width: auto;
        margin-bottom: 10px;
    }
    
    #form_legend.client-data__legend {
        position: static; 
    }
   
    .persons-prices {
        margin: 6px 6px 3px;
        width: 40px;
        height: 48px;
    }
    
    .person-price {
        margin-top: -3px;
    }
    
    .person-price-value {
        font-size: 11px;
    }
    
    .persons-prices-with-capacity {
        float: left;
        height: 48px;
        margin: 6px 6px 3px;
        text-align: center;
        width: 40px;
    }
    
    .dotted-container {
        float: left;
        margin: 5px -4px 0px;
        text-align: center;
        width: 22px;
    }

    .dotted {
        clear: both;
        color: #505050;
        font-family: "Roboto Condensed";
        font-size: 30px;
        letter-spacing: -1.5px;
    }
    
    .persons-prices-capacity {
        float: left;
        height: 45px;
        margin: 5px 7px;
        text-align: center;
        width: 50px;
    }
    
    .img-capacity {
        float: left;
        width: auto;
        margin-bottom: 0px;
    }
    
    .capacity-number-value {
        vertical-align: middle;
        font-size: 18px;
        font-family: "Roboto Condensed";
        color: rgb(80,80,80);
        letter-spacing: -1.5px;
        display: table-cell;
    }
    
    .capacity-number-container {
        float: left;
        vertical-align: middle;
        display: table;
        height: 33px;
    }
    
    .persons-prices-with-capacity .person-price-value, .persons-prices-capacity .person-price-value {
        font-size: 11px;
    }
    
    .persons-prices-with-capacity .person-price {
        margin-top: -5px;
    }
}

@media (max-width: 480px) {
    .persons-prices {
        margin: 6px -0.5px 3px;
        width: 31px;
        height: 41px;
    }
    
    .person-price {
        margin-top: -9px;
    }
    
    .person-price-value {
        font-size: 8px;
    }
    
    .persons-prices-with-capacity {
        float: left;
        height: 40px;
        margin: 6px 0px 3px;
        text-align: center;
        width: 30px;
    }
    
    .dotted {
        font-size: 23px;
    }
    
    .dotted-container {
        margin: 3px -5px 0px;
    }
    
    .persons-prices-capacity {
        margin: 5px -1px 0px 1px;;
        width: 37px;
    }
    
    .img-capacity {
        margin-bottom: -5px;
        width: 21px;
    }
    
    .capacity-number-container {
        height: 22px;
        margin-bottom: -3px;
    }
    
    .capacity-number-value {
        font-size: 15px;
    }
    
    .persons-prices-with-capacity .person-price-value, .persons-prices-capacity .person-price-value {
        font-size: 8px;
    }
    
    .persons-prices-with-capacity .person-price {
        margin-top: -9px;
    }

    #choose_payment_type {
        margin: 15% auto auto auto;
        text-align: center;
    }
}