@media screen and (max-width: 1920px){}

@media screen and (max-width: 1711px)
{
    
}

@media screen and (max-width: 1669px)
{
    
}
@media screen and (max-width: 1537px)
{
    
}

@media screen and (max-width: 1440px)
{
    
}

@media screen and (max-width: 1366px)
{
    
}

@media screen and (max-width: 1199px)
{

    .filter-box {
        width: 75%;
    }

    .macaroni{
        position: relative;
    }

    .macaroni li:first-child{
        position: unset;
    }
}

@media screen and (max-width: 1017px)
{
    
}


@media screen and (max-width: 991px)
{
    .menu-header-menu-container{
        position: absolute;
        width: 100%;
        top: 40px;
    }
    
    
    .t-datepicker-day {
    	top: 50px;
    	width: 90%;
    }
    
    .t-check-out .t-datepicker-day {
        left:0%; 
    }
    
    .loading-block{
        height: 90%;
    }
    
    .appartment-location-sec .apl-block hr{
      margin:0 auto 8px
    }
    
    .appartment-location-sec .apl-block .img-blc {
    	height: 150px;
    }
    .appartment-location-sec .apl-block .img-blc img {
    	height: 150px;
    }
    
    .appartment-location-sec .apl-block {
    	padding: 6px;
        margin-bottom: 5px;
    }
    
    .appartment-location-sec .apl-block h3.comm-header-small {
        min-height: 60px;
        max-height: 60px;
        font-size: 13px;
        font-weight: 600;
    }
    
    .appartment-location-sec .col-6{
        padding: 5px;
    }
    
    .hotel-list .owl-dots {
    	bottom: 30px;
    }
    
    .appartment-location-sec .show-half, .appartment-location-sec .viewil{
       display:none;
    }
    
    .property-listing-sec .comm-link {
    	margin: 0px auto 0;
    }
   
    .fixed-side-button {
        position: relative;
        z-index: 998;
        right: 0px;
        left: 0;
        margin: 0px auto;
        top: 0px;
    }
    
    .fixed-side-button a {
        width: 100%;
        display: block;
        background: #f3f3f3;
        color: #000000;
        padding: 10px 20px;
        border-radius: 40px;
        text-align: center;
        font-weight: 500;
        border: none;
        margin-top: 10px;
   }

    .set-small-height{
        height: 400px;
        overflow: hidden;
        margin-bottom: 50px;
        position: relative;
    }

    .set-small-height::after{
        content: "";
        position: absolute;
        top:70%;
        left: 0;
        width:100%;
        height: 65%;
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 100%);
    }

    .open-faq{
        display:block;
    }

    .go-back{
        z-index: -100!important;
    }

    .locked{
        z-index: -100!important;
        position: fixed;
    }

    .room-book-search{
        display: none;
    }

    .detail-booking .search-box {
        box-shadow: none!important;
        height: 100vh!important;
        background: transparent;
    }

    .detail-booking .s-item {
        margin-bottom: 20px;
    }

    .loady-btn {
        bottom: 33px;
    }

    .search-mobi-btn{
        display: block;
        z-index: 999;
    }
    
    .single-product .service-facilities ul {
        margin: 0;
        justify-content: space-between;
    }

    .single-product .service-facilities ul li{
        width: 100%;
        margin: 0 0 6px 0;
    }
    
    .lolty p {
        font-size: 9px;
        line-height: 10px;
        text-align: left;
        top: 25px;
        left: 62px;
    }

    .service-open, .amenities-open{
        position: relative;
        background: whitesmoke;
        border-radius: 5px;
        padding: 13px 5px;
    }

    .service-open::after, .amenities-open::after {
        content: "\203A";
        position: absolute;
        top: 45%;
        right: 10px;
        color: black;
        line-height: 0;
        font-size: 25px;
    }

    .rotate-angly::after{
        transform: rotate(90deg)!important;
    }

    .single-product .service-facilities, .detail-booking {
        background: transparent!important;
    }

    .service-facilities{
        padding: 0px 0 0px 0!important;
        margin-top: -22px;
    }

    .amenities-open{
        margin-top: -20px!important;
    }

    .macaroni, .amenities-listy{
        height: 0;
        overflow: hidden;
    }

    .side-navigation ul li {
        margin: 0px 0;
        padding: 10px 0px 10px 15px;
        text-align: left;
    }

    .side-navigation ul li a {
        font-size: 20px;
        font-weight: 550;
    }

	.linky {
        height: 50px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .banner-text {
        display: block;
    }

    .page-template-front-page footer{
        padding-bottom: 80px!important;
      }

    .why-book-us-sec .why-block img {
        width: 40px;
    }

    .banner-text h1 {
        font-size: 45px;
        line-height: 42px;
    }

    .banner-text {
        top: unset;
        transform: translateY(0%);
        width: 95%;
        bottom: 50px;
        margin: 0 auto;
        left: 0;
        right: 0;
        z-index: 100;
    }
    
    .sticky-menu {
        padding: 10px 0 !important;
    }
    
    footer .text-start{
      	text-align:center!important;
    }
    
    .audrey{
       margin:25px 0;
    }
    
    .audrey h4{
        margin-bottom:20px!important;
    }
    
    .room-not-available .header{
  		flex-direction: row!important;
	} 
    
    .room-not-available .header img{
  		margin-left:5px;
    }

    .banner-sec img.banner-img {
    	height: 35vh;
    }

    .detail-booking .s-item {
        margin-right: 0;
    }
    
    .adjust-height{
       margin-top: 101px;
       height: auto!important;
    }
    
    .hide-mob{
        display: none!important;
    }
    
    .filter-box {
        display: none;
    }

    .whilee-blc {
        margin-bottom: 20px;
    }
    
    .detail-booking button {
      margin-top:5px;
    }

	.prop-fr-btn{
      position:unset;
      margin-top:10px;
    }

    .loady-btn {
        padding: 14px 0;
    }
    

    .pb-carousel-block img{
        height: 400px;
        object-fit: cover;
    }


    footer img.site-logo {
       margin: 0 auto;
       display: block;
	}

    .side-navigation {
        width: 100%;
        box-shadow: none;
    }

    .room-available .is-available, .room-not-available .is-available {
        margin-bottom: 0;
    }

    .btn_back_to_search{
        margin-bottom: 0px;
    }
    
   

    .hotel-list {
        height: 490px;
        min-height: auto;
    }

    .pb-banner .banner-img {
        height: 250px !important;
    }

    .show-appart-mobile{
        display: block;
      }

    .why-sec .col-lg-4{
        display: flex;
        align-items: center;
    }

    .why-sec .hi-mo{
        display: none;
    }

    .desk-hide, .hide-desk{
        display: block!important;
        height: auto!important;
    }

    .show-appart-mobile{display: block;}

    .property-listing-sec .property-block .pb-carousel-block, .property-listing-sec .property-block .pb-content-block 
    {
        width: 100%;
        margin-right: 0px;
    }

    .property-listing-sec .property-block{
        flex-direction: column;
    }

    .property-listing-sec .property-block .rating-price .d-flex
    {
        flex-direction: row;
        align-items: flex-start !important;
    }

    .property-listing-sec .property-block .rating-price{
        position: unset;
    }

    .property-listing-sec .property-block .rating-price .d-flex .text-center{
        text-align: left!important;
    }

    .property-listing-sec .property-block .rating-price ul li small {
        text-align: left;
        line-height: 18px;
    }

    .property-listing-sec .property-block .rating-price .d-block{
        text-align: end;
    }

    .property-listing-sec .filter-me {
        right: 13px;
        top: -5px;
        left: unset;
        bottom: unset;
    }

    .open-filter {
        width: 100%;
    }

    .set-reverse{
        flex-direction: column-reverse;
    }

    .page-template-property-details main {
        background: #fff;
    }

    .detail-booking .s-item:first-child {
        border: none;
        margin-right: 0;
    }

    .margin-neg{
        position: relative;
        z-index: 1;
    }

    .margin-neg .search-box {
        width: 90%;
        margin: 18px auto 20px;
        height:auto;
    }
    
    .single-product .margin-neg .search-box{
      width: 100%;
    }

    .select2-container {
        width: 100% !important;
    }

    .detail-booking .s-item:first-child {
        padding-right: 0px;
    }

    .h-rules{
        height: 0;
        overflow: hidden;
    }

    .toggle-rules{
        height: auto!important;
        overflow: visible!important;
    }

    .expand-rules{
        position: relative;
        background: whitesmoke;
        border-radius: 5px;
        padding: 15px 5px;
    }

    .expand-rules::after{
        content:"\203A";
        position: absolute;
        top:50%;
        transform: translateY(-50%);
        right: 10px;
        color:black;
        line-height: 0;
        font-size: 22px;
    }

    .page-template-property-listing .map_container{display: none!important;}
    .page-template-property-listing .detail-booking .search-box {height: auto!important;}
    .page-template-property-listing .listing-searchil-block{margin-top: -21px!important; border:1px solid gainsboro!important;}

    .base-footer .col-lg-4{
        margin-bottom: 5px;
    }

    .homepage-property-search {
        top: 0;
        left: 0;
        right: unset;
        margin: unset;
        width: 100%;
        height: 100%;
        z-index: 999;
        border-radius: 0;
    }

    .close-search-box{
        position: absolute;
        right:0;
        top:0;
    }
}

@media screen and (max-width: 767px)
{
    .banner-sec{
        padding-top: 0!important;
    }
    
    .property-listing-sec .comm-link{
      width:100%;
      text-transform: capitalize;
      font-weight: 500;
      position: relative;
      z-index: 100;
    }

    .detail-booking .share-like {
        display: none;
    }
   
    .accordion-body p {
        font-weight: 500;
        hyphenate-character: auto;
        text-align: justify;
        font-size: 12px;
        line-height: 12px;
    }

    .highlight li img {
        margin-right: 0;
        width: 40px;
    }

    .highlight li p{
        font-size: 12px;
    }

    .woocommerce-checkout .woocommerce ul.order_details li {
        float: none!important;
        margin-bottom: 10px!important;
        border: none!important;
        padding-right: 0!important;
    }

    .woocommerce-checkout .woocommerce .woocommerce-customer-details{
        margin-bottom: 0!important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation{
        width: 100% !important;
    }

    .woocommerce-account .woocommerce-MyAccount-content{
        padding: 15px;
        width: 100% !important;
    }

    .wc-block-cart-item__remove-link {
        width: 100%;
        position: unset;
        top:unset;
        bottom: unset;
    }

    .detail-booking .highlight{
        justify-content: space-between;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1* var(--bs-gutter-y));
    }

    .detail-booking .highlight li {
        flex-direction: column;
        flex: 0 0 auto;
        margin-right: 0;
        width: 32.33333333%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .service-facilities ul li {
        text-align: center;
        margin-bottom: 20px;
        flex: 0 0 auto;
        width: 24%;
        max-width: 100%;
        border: 1px solid #D4DBE8;
        padding: 2px 2px;
        background: #fff;
        border-radius: 10px;
        margin: 5px;
        display: flex;
        align-items: center;
    }

    .service-facilities ul li strong {
        display: block;
        text-align: center;
        margin-left: 14px;
        font-size: 14px;
        line-height: 17px;
    }

    .service-facilities .show-more-link{display: none;}
    
    
    /*07-02-2025*/
    
    .single-product .descriptive-text-box p {
        font-size: 13px;
        line-height: 26px;
        text-align: left;
        hyphenate-character: auto;
        font-weight:500;
    }
    
    .h-rules li {
        margin-bottom: 10px;
        position: relative;
        padding-left: 22px;
        font-size: 13px;
        line-height: 16px;
        font-weight:500;
    }
}

@media screen and (max-width: 575px)
{
    .comm-padd {
        padding: 25px 0;
    }

    .comm-header-large {
        font-size: 22px;
        line-height: 28px;
    }

    footer img.logo {
        width: 30%;
        margin-bottom: 20px;
    }

    .make-center{
        justify-content: center!important;
    }

    .margin-neg .search-box .d-flex {
        flex-direction: column;
    }
}

@media screen and (max-width: 500px)
{
    .home .detail-booking .search-box .d-flex{
        flex-wrap:wrap;
    }

    .detail-booking .s-item input, .detail-booking .s-item select {
        font-family: "helvetica";
        font-size: 16px;
        line-height: 16px;
    }

    .home .detail-booking .search-box .d-flex .w-50 {width: 100%!important;margin-bottom: 20px;}

    .detail-booking .s-item input, .detail-booking .s-item:first-child{
        border: none;
    }

    .banner-text h1 {
        font-size: 35px;
        line-height: 32px;
    }

    .banner-text p {
        font-size: 15px;
    }

    .banner-text {
        bottom: 25px;
    }
}

@media screen and (max-width: 480px)
{
    
}

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


@media screen and (max-height: 720px)
{
   .t-datepicker-day {top: 150px;}
}