/* XS - Extra Small (do 575px) */
@media (max-width: 575px) { 
.reservation_block{height: auto;max-width: 98%;padding: 40px 25px;width:auto;}
.footer-homepage {margin: auto 15px;}
.reservation_block .calendar-block {padding: 10px 5px;}
.modal{z-index:999999}
#calendar .modal-dialog .modal-content {padding:50px 0;overflow: hidden; min-width: 0;}   
#calendar .daterangepicker {width: auto;}
#calendar .daterangepicker .drp-calendar.right{padding:0}
#calendar .daterangepicker .drp-calendar.left{padding:0}
#calendar .daterangepicker .drp-calendar{max-width:99%;width:100%}
#calendar.modal{overflow-x:hidden}
.modal-open #calendar.modal{padding:0 5px!important}
#calendar .daterangepicker{max-width:100%;padding:0}
#calendar .daterangepicker .drp-buttons .btn{width:90%;margin:auto;text-align:center;padding:5px}
#calendar .modal-dialog{max-width:100%;margin:10px auto}
#calendar .daterangepicker .calendar-table td{padding:0}
#calendar .daterangepicker .right th.month #calendar .daterangepicker .left th.month{text-align:center}
#calendar .daterangepicker .calendar-table td, .daterangepicker .calendar-table th{line-height:25px; padding:0;font-size: 16px;}
#calendar .daterangepicker .drp-buttons{padding:15px 8px 0}
#calendar .daterangepicker .calendar-table table{border-spacing:1px;}
#calendar .modal-dialog{height: 100%;max-width:100%;}

.room-details-2 .date-block-small { padding: 12px 0; margin-top: 0;  height: auto;  align-items: center;   justify-content: center;}
.room-details-2 .date-block-small .arrow {  margin-top: 12px;}
.room-details-2.apartment-info {padding: 15px 30px;}
.room-details-2  .date-block-small .arrow {background-position: 19px center;width: 24%;} 
.room-details-2  .date-block-small .date-item { width: 38%;} 
.room-details-2  .date-block-small .cal {left: -19px;} 
.room-details-2  .date-block-small .nights {right: -21px;}

.page-apartment .reservation_block { padding: 20px 0 35px 0; }

#front-section-middle > .container, .container, .footer-std .container {padding-right: 5px;padding-left: 5px;}
.nothomepage .blog-section .container {padding-right: 20px;padding-left: 20px;}

.contact .contact-tel {font-size: 20px; }
.contact .contact-te3 {font-size: 18px; }
.contact .e-mail {font-size: 20px; font-weight:600}

.contact .fico-text a {font-size: 18px}
.contact a {font-size: 18px;}
 
#page-rooms-section-middle {padding-top: 5px;}
 
.reservation_block .nice-select.wide .current,
.reservation_block .nice-select.wide .option {font-size: 18px;}
 
.apartment-info .apart-icons .lozko2-ico{width: 52px;}
.apartment-info .apart-icons .szafka2-ico{width: 37px;margin:0 10px 0 9px !important;} 

#lw-app .tab-pane {font-size: 18px;}

.page-homepage #front-top-section {padding-top: 125px;}
.page-homepage #front-top-section .reservation_block {padding:25px 25px 40px;}
.page-homepage .apartment-info .apart-img {height: 230px;}
 
.page-homepage .capartment-short-desc .apart-icons .lozko2-ico{width: 52px;}
.page-homepage .capartment-short-desc .apart-icons .szafka2-ico {width: 37px;margin:0 11px 0 7px !important;} 
.page-homepage .capartment-short-desc .apart-icons .garaz-ico {margin:0 1px 0 0 !important;}
.page-homepage .capartment-short-desc .apart-icons div {background-position: center bottom;background-size: contain;height: 29px;}
.page-homepage .apartment-info .next-ico {margin:15px auto 25px;}

.page-homepage .apartment-booking-ico {display: none;}
#front-top-section {height: 819px}
 
#front-section-middle .ft-inc h3 {font-size: 35px;}
#front-section-middle .ft-inc .ficoo.ico-airport {height: 69px;}
#front-section-middle .ft-inc .ficoo.ico-info {height: 67px;}
#front-section-middle .ft-inc .col-r {margin-top: 15px;}
#front-section-middle .hm-img {height: 300px;}
.footer-stdd {padding:40px 0 30px;}
.footer .menu-items ul li {margin:20px auto;}
.footer .menu-items ul li a{text-decoration:underline}
.footer .fmenu {margin:55px 0 0;}

.aprtment-pbtn-r {top: 10px;}
.page-homepage .aprtment-pbtn-r {top: 1px;}
header.header-absolute { top: 17px;}
header .nav-container .site-logo img {max-height: 45px;}
.layout-homepage-page header.header-absolute {top: 0;}
.nothomepage #front-top-section {padding-top: 100px;}

.form .f-input {font-size: 18px;}

#calendar .daterangepicker .calendar-table th{font-size: 16px;}
#calendar .daterangepicker .calendar-table td{font-size: 18px;}
#calendar .daterangepicker .drp-buttons .btn {width: auto;padding:5px 38px;}

.rg-image-nav-prev, .rg-image-nav-next {display: none;} 
.contact .e-mail {font-size: 17px;}
.blog-section.contact-part h1{padding:6px 0;}
.nothomepage .page-content {padding:20px 5px;}
.page-homepage .apartment-info .apart-icons {margin:0;}
.custom-text-upper{text-transform: uppercase;}
.step1 #page-rooms-section-middle .apartment-info , .step2 #page-rooms-section-middle .apartment-info {margin-bottom: 15px}
.reservation-card , .reservation_block .rgspac-3{font-size: 17px;}
.reservation_total_cost {margin:20px auto 20px;}
.step3.page-apartment .reservation_block {padding:0 0 35px 0;} 

.page-apartment.step2 .rgspac {  margin:0;}
.page-apartment.step2 .reservation_block {  padding:0px 0 35px 0;}
.page-apartment.step3 .rgspac-1top {margin:0;}
.page-apartment.step3 .summary .rgspac-m-2 {margin: 5px 30px !important;}



}