@media only screen and (min-width: 992px) {
    .property-content{
        margin: 0px auto;
        height: auto;
        overflow: clip;
    }
    .image-content{
        min-height: 630px;
        max-width:100%;
        height:auto;
        max-height: 630px;
        overflow: hidden;
         background-repeat: no-repeat;
        background-position: 50%!important;
        background-size: cover!important;
        
    }

    .image{
        max-width:100%;
        min-height: 630px;
/*        height: 841px;*/
    }
    .header-section{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width:100%;
        height:97px;
/*        margin-top:-841px;*/
        opacity: 0.8;
        background-color:#000000;
        z-index: 2;
        display: flex;
        align-items: center;
    }

    .property-section{
        height:100%;
/*        width:496px;*/
        margin-left:83px;
    }
    .header-property-name{
        font-family: Segoe UI;
        font-style:normal;
        font-weight:700;
        font-size:30px;
        color:#fff;
        display:flex;
        align-items: center;
        height: 94%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
/*        padding-top: 38px;*/

    }
    .media-section{
        align-self: flex-start;
        margin-left: auto;
/*        height:133px;*/
/*        width:300px;*/
/*        margin-top:133px;*/
    }
    
/*
    .book-now-div{
        text-align: -moz-right;
    }
*/
    .book-button{
        /* width: 165px;
        height: 40px; */
        /* margin-top:18px; */
/*        margin-right:100px;*/
        border: 1px solid #fff;
        box-sizing: border-box;
        font-family:Segoe UI;
        font-style:normal;
        font-weight:400;
        font-size:14px;
        color:#000;
        /* margin-right:70px; */
        background: #41645C;
        letter-spacing: 3px;
        display: flex;
        align-items: center;
        padding: 10px;
        
    }
    
    /* .book-button:hover{
        background-color:#fff;
        color: #000;
    } */
    
    .social-media{
        width: 161px;
        height:30px;
        float: right;
        margin-right: 54px;
    }
    .media-button{
        height: 35px;
        border: 0;
        background-color: #000000;
        padding: 3px 22px 0px 12px;
    }
    .icon{
        width: 17px;
    }
    .media-section1{
        cursor: pointer;
        z-index: 1;
        position: absolute;
        top: 145px;
        right: 70px;
    }
    
    .share-icon{
        width: 23px;
        margin: 0px 0px 9px 8px;
        cursor: pointer;
    }
    .fa.fa-camera{
        width: 34px; 
        background-color: #000;
        line-height: 23px;
        width: 50px;
        height: 40px;
        border-radius: 3px;
        font-size: 22px;
        opacity: 0.8;
        outline: none;
/*        height: 28px;*/
    }
   
    .property-overview{
        margin-top: 755px;
        /* width:819px; */
    }
    .content-property-name{
        font-family: Segoe UI;
        font-weight:700;
        font-size: 30px;
        text-align: left;
        line-height: 40px;
        color:#000;
    }
    .content{
        font-family: Segoe UI;
        font-weight: 400;
        font-size:16px;
        line-height:21px;
        color:#000;
        text-align: justify;
/*        height: 85px;*/
        overflow: hidden;
        /*transition: height 5s;*/
    }
    .read-more{
          font-family: 'Segoe UI';
        font-weight: 400;
        font-size:15px;
        line-height:50px;
        color:#008489;
        text-align: left;
        align-items: center;
        cursor: pointer;
        
    }
    
    .read-more i{
        pointer-events: none;
    }
    .fa.fa-chevron-down{
        width: 15px;
        height: 7.44px;
        color:  #008489;
        font-size: 17px;
        cursor: pointer;
    }
    .fa.fa-chevron-up{
        width: 15px;
        height: 7.44px;
        color:  #008489;
        font-size: 17px;
    }
    
    .fa.fa-angle-double-down{
        width: 20px;
        height: 21px;
        color:  #008489;
        font-weight: 600;
        font-size: 29px;
    }
    .fa.fa-chevron-left{
        width: 10px;
        height: 18px;
        color:  #000000;
    }
    
    li{
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 50px;
        color: #000000;
/*        white-space: nowrap;*/
    }
    .image1{
        height:576px;
        border: 1px white;
    }
    .image2{
        float: right;
        margin-top: -576px;
        height: 287px;
        margin-bottom: 317px;
    }
    .image3{
        float: right;
        margin-top: -314px;
        height: 286px;
        opacity: 0.9;
    }
    .location-image{
        height: 649px;
    }
    .location-name{
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 27px;
        color: #000000;
    }
    .message{
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 21px;
        color: #000000;
    }
    .sub-head{
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 500;
        font-size: 30px;
        line-height: 45px;
        color: #000000;
    }
    p{
       font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 21px;
        color: #000000; 
        text-align: left;
        white-space: break-spaces;
        padding-right: 200px;
    }
    .line{
        margin-left:0px;
        margin-right:0px;
        border: 1px solid #fff;
        height: 0px;
        border: 1px solid rgba(255, 255, 255, 0.85);
        background-color: rgba(255, 255, 255, 0.85);
    }
    .footer-social-media{
        height:30px;
        margin-left: -5px;
        display: flex;
        align-items: center;

    }
/*
    button{
        pointer-events: none;
    }
*/
    .copyright{
        text-align: right;
        white-space: nowrap;
        color: #fff;
        font-family: Segoe UI;
        font-weight: 400;
        font-size: 14px;
    }
    .underline{
        width: 244px;
        height: 0px;
        border:  1px solid #008489;
    }
    footer{
        background-color: #444;
        height: 53px;
    }
    .footer-media-button{
        height: 35px;
        border: 0;
        background-color: #444;
    }
    .footer-head{
        color: #000;
        font-family: 'Segoe UI';
        font-weight: 400;
        font-size: 24px;
        line-height: 32px;
    }
    .footer-address{
        font-family: 'Segoe UI';
        font-weight: 400;
        font-size: 14px;
        line-height: 232.7%;
        color: #000000;
    }
    .review{
        background: rgba(32, 201, 151, 0.2);
        border-radius: 10px;
        width: 432px;
        height: 160px;
        color: #000;
        margin-left: 150px;
        margin-top: -164px;
    }
    .pagination a.active {
      background-color: dodgerblue;
      color: white;
    }
    .pagination a {
      color: black;
      float: left;
      padding: 8px 16px;
      text-decoration: none;
      transition: background-color .3s;
    }
    .pagination a:hover:not(.active) {background-color: #ddd;}

    .pagination{
        margin-left: auto;
        margin-right: auto;
        width: fit-content;
        display: flex
    }
    .modal-image{
        margin-top: 25px;
/*        width: 1024px;*/
    }
    button{
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 400;
        font-size: 25px;
        line-height: 38px;
        color: #000000;
        background-color: #fff;
        border: 0;
        cursor: pointer;
    }
    .modal-icon{
        width: 10px;
        height: 15px;
        margin-top: auto;
        margin-bottom: 7px;
    }
    .fa {
/*          padding: 3px 0px 0 12px;*/
          font-size: 22px;
/*          width: 23px;*/
          text-align: center;
          text-decoration: none;
/*          margin: 5px 2px;*/
/*          height: 21px;*/
          color: #fff;
    }
    
    .fa:hover {
        opacity: 0.7; 
    }
    .fa-instagram,.fa-whatsapp,.fa-phone,.fa-envelope{
          color: white;
/*          background: #444;*/
        }    
    .fa-facebook {
        background: #fff;
        color: #444;
    }
    .fa-youtube-play:before{
        font-size: 24px;
    }

    
/*    feature-modal       */
    .feature-head-div{
        display: flex;
        align-items: center;
        border: 0;
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        background-color: white;
        padding: 15px 5px;
    }
    .modal2-main-head{
        font-family: Segoe UI;
        font-weight: 700;
        font-size: 18px;
        color: #000;
        line-height: 40px;
    }
    
    .modal2-sub-head{
        font-family: Segoe UI;
        font-weight: 600;
        font-size: 20px;
        line-height: 26.6px;
    }
    .modal2-sub-head1{
        font-family: Segoe UI;
        font-weight: 400;
        font-size: 16px;
        color:#000;
        text-align: left;
        line-height: 21.28px;
    }
    .add-charge{
        font-family: Segoe UI;
        font-weight: 400;
        font-size: 12px;
        color: #4E4E4E;
        line-height: 15.96px;
    }
    
/*    gallery    */
    .gallery-back{
        font-family: Segoe UI;
        font-size: 18px;
        font-weight: 700;
        line-height: 37.5px;
        padding:10px 4px; 
        margin-bottom:4px;
    }
    .fa.fa-chevron-left.desk{
        width: 12px;
        height: 20px;
        color:  #000000;
        font-size: 18px;
    }
    #text{
        display: none;
    }
    
/*          share-popup              */
    
    .share-container{
        background-color: rgba(0, 0, 0, 0.3);
        position: fixed;
        top: 0;
        bottom: 0;
/*        height: 100vh;*/
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
        z-index: 2;
    }
    .share-container.show{
        opacity: 1;
        pointer-events: auto;
    }
    
    .share-modal{
        background-color: #fff;
        width: 28%;
        position: absolute;
        max-height: 100%;  
        padding: 20px;
        border-radius: 2px;
        top: 97px;
        right: 0;
        
    }
    
    .share-modal .row{
        padding: 10px;
    }
    
    .fa.fa-close{
        color:#000;
    }
    
    .fa.fa-files-o{
        color: #000;
        font-size: 20px;
    }
    
    .share-modal .row div{
        border:1px solid #e0dad9;
        border-radius: 8px;
        font-family: Segoe UI;
        margin-right: auto;
        margin-left: auto;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
    }
    
    .share-modal .row .col-5 .fa-whatsapp{
        background-color: #fff;
        color: #000;
        font-size: 20px;
        padding: 5px;
        border-radius: 5px;
    }
    .share-modal .row .col-5 .fa-facebook{
        background-color: #fff;
        color: #000;
        font-size: 20px;
        padding: 5px;
        border-radius: 5px;
    }
    .share-modal .row .col-5 .fa-envelope{
        background-color: #fff;
        color: #000;
        font-size: 20px;
        padding: 5px;
        border-radius: 5px;
    }
    
    a{
        text-decoration: none;
    }
    
    .btn-back{
        padding:5px 10px; 
        font-size:18px; 
        color:#000;
    }
    .feature-btn-back{
        padding:5px 10px; 
        font-size:21px; 
        color:#000;
    }
    .sticky-modal-header{
        border: 0;
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        background-color: white;
        padding: 15px 5px;
    }
    
    .gallery-modal-header{
        padding:30px 60px; 
        border:0;
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        background-color: white;
        z-index: 100;
    }

    .map-div iframe {
        margin-left: auto;
        margin-right: auto;
        height: 486px;
    }
    .sticky-bottom{
        position: sticky;
        bottom: 0;
        background-color:#fff;
        color: #000;
        height: 83px;
        width:100%;
        margin: 0;
        display: flex;
        align-items: center;
        box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
        z-index: 1000;
    }
    
    .book-button h2{
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 600;
        font-size: 17px;
        line-height: 22.61px;
        color: #FFFFFF;
        margin:0 auto;
        padding: 0;
        letter-spacing: normal;
    }
    .book-box .book-div {
        margin-left: auto;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .book-box {
        display: flex;
        align-items: baseline;
        /* padding: 12px; */
    }
    .right-space {
        padding-right: 5px;
        padding-left: 15px;
    }
    .price1 {
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 26.6px;
        text-align: right;
        color: #383838;
        margin-top: 7px;
      }
      .gallery-image{
        height: auto;
        max-height: 600px;
        max-width: 700px;
    }
      
    
}
@media only screen and (max-width: 991px) {
    .property-content{
        margin: 0px auto;
        height: auto;
        
    }
    .image-content{
        max-width:100%;
        max-height:300px;
        overflow: hidden;
    }
    .image{
        width:100%;
        height: 493px;
    }
    .header-section{
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width:100%;
        height:62px;
/*        margin-top:-493px;*/
        opacity: 0.86;
        background-color:#131313;
        z-index:2;
    }
    .property-section{
        height:41px;
/*        width:96px;*/
    }
    .header-property-name{
        font-family:Segoe UI;
        font-style:normal;
        font-weight:500;
        font-size:17px;
        color:#fff;
/*        display:block ruby;*/
        line-height:46px; 
        align-items: center;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .media-section{
        margin-top:-27px;
        cursor: pointer;
        width: 100px;
        height: 30px;
    }
    .media-section1{
        cursor: pointer;
        margin-right: 35px;
        margin-top: -287px;
        position: relative;
        z-index: 1;
    }
    .header-media-button{
        height: 35px;
        border: 0;
        background-color: #111;
        color: #fff;
    }
    .camera-section{
        width: 33px;
        height: 27px;
        background-color: rgba(0, 0, 0, 0.69);
        text-align: center;
        border-radius: 3px;
    }
    .property-overview{
        margin-top: 465px;
    }
    .content-property-name{
        font-family: Segoe UI;
        font-weight:400;
        font-size: 30px;
        text-align: center;
        line-height: 40px;
        color:#000;
    }
    .content{
        font-family: Segoe UI;
        font-weight: 400;
        font-size:14px;
        line-height:20px;
        color:#000;
        text-align: left;
        height: 110px;
        overflow: hidden;
    }
    .read-more1{
        font-family: Segoe UI;
        font-weight: 400;
        font-size:13px;
        line-height:50px;
        color:#008489;
        text-align: left;
        align-items: center;
        height: 22px;
/*        margin-top:120px;*/
        display: flex;
        outline: none;
        cursor: pointer;
        margin-left: 2px;
        white-space: nowrap;
    }
    #more{
        display: none;
    }
    .read-more{
        font-family: Segoe UI;
        font-weight: 400;
        font-size:13px;
        line-height:50px;
        color:#008489;
        text-align: left;
        align-items: center;
        height: 22px;
/*        margin-top:120px;*/
        display: flex;
        cursor: pointer;
    }
    
    .fa.fa-chevron-down{
        width: 12px;
        height: 7px;
        color:  #008489;
        display: flex;
        align-items: center;
    }
    
    .fa.fa-angle-double-down{
        width: 16px;
        height: 18px;
        color:  #008489;
        font-weight: 600;
        font-size: 29px;
    }
    .fa.fa-camera{
        width: 13px; 
        color: #fff;
        height: 11px;
        display: inline;
        color: #fff;
        opacity: 0.7;
        background-color: rgba(0, 0, 0, 0.69);
        width: 33px;
        height: 27px;
        border-radius: 3px;
    }
    .fa-envelope{
        margin-left: 4px;
    }
    
    li{
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 23px;
        color: #000000;
        white-space: nowrap;
    }
    .images{
        width: 20px;
        height: 15px;
    }
    .images-1{
        height: 30px;
    }
    .image1{
        height:250px;
        border: 1px white;
    }
    .location-image{
        height: 218px;
        filter: drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.25));
    }
    .location-name{
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 20px;
        color: #000000;
    }
    .message{
        font-family: Segoe UI;
        font-weight: 300;
        font-size: 11px;
        line-height: 14.63px;
    }
    .modal2-head{
        font-family: Segoe UI;
        font-size: 18px;
        font-weight: 600;
        line-height: 23.94px;
    }
    .sub-head{
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 21.28px;
        color: #000000;
    }
    .text{
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        color: #000000; 
        line-height: 19.95px;
    }
    .poi-text{
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        color: #000000; 
        line-height: 15.96px;
    }
    p{
       font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        color: #000000; 
        line-height: 19.95px;
        white-space: break-spaces;
        text-align: left;
    }
    .button{
        cursor: pointer;
        background-color: #fff;
        border: 0;
    }
    
    .images-1{
        height: 30px;
    }
    .feature1{
        font-family: Segoe UI;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: #383838;
        align-items: center;
    }
    .price{
        font-family:Segoe UI;
        font-size:14px;
        font-weight: 400;
        line-height: 21.28px;
    }
    .book-button{
        width: 136px;
        height: 42px;
        background: #008489;;
        border: 0px;
        cursor: pointer;
    }
    .book-text{
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        align-items: center;
        text-align: center;
        color: #FFFFFF;
    }
    footer{
        background-color: #444;
    }
    .footer-property{
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #fff;
    }
    .footer-address{
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 18.62px;
        text-align: center;
        color: #fff;
    }
    .line{
        height: 0px;
        margin-left:0px;
        margin-right:0px;
        border: 1px solid #FFFFFF;
        background-color: #fff;
    }
    .footer-social-media{
        height:32px;
        line-height: 20.7px;
        font-size: 18px;
        margin-top: -1px;
        padding-left: 8px;
    }
    .media-button{
        border: 0;
        background-color: #444;
        cursor: pointer;
        color: #fff;
    }
    
    .fa-facebook{
          color: #444;
          background: white;
        }
    .icon{
        width: 17px;
    }
    .icon-mail{
        width: 20px;
    }
    .copyright{
        font-family: 'Segoe UI';
        white-space: nowrap;
        font-weight: 400;
        font-size: 12px;
        color: #fff;
        line-height: 16px;
    }
    .modal-icon{
        width: 12px;
        height: 21px;
        margin-top:-5px;
    }
    button{
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 400;
        font-size: 19px;
        line-height: 28px;
        color: #000000;
        background-color: #fff;
        border: 0;
        cursor: pointer;
    }
    .gallery-back-icon{
        width: 10px;
        height: 15.63px;
    }
    .gallery-back{
        font-family: Segoe UI;
        font-size: 18px;
        font-weight: 700;
        line-height: 28.5px;
        padding:10px 4px; 
        margin-bottom:0;
    }
    
    .fa.fa-chevron-left.mob{
        width: 10.09px;
        height: 15.63px;
        color:  #000000;
        font-size: 18px;
    }

    .modal-image{
        width: 100%;
        height: 186px;
        margin-bottom: 10px;
    }
    .location-title{
        font-family: 'Segoe UI';
        font-style: normal;
        font-weight: 400;
        font-size:18px; 
    }
    .location-underline{
        width: 66px;
        height: 0;
        border: 1px solid #008489;
    }
/*             modal2            */
    .fa.fa-chevron-left{
        width: 12.94px;
        height: 21.32px;
        color:  #444444;
        font-size: 18px;
        padding-left: 7px;
    }
    
    .modal2-main-head{
        font-family: Segoe UI;
        font-weight: 700;
        font-size: 18px;
        color: #000;
        line-height: 32px;
    }
    
    .modal2-sub-head{
        font-family: Segoe UI;
        font-weight: 600;
        font-size: 16px;
        line-height: 21.28px;
    }
    .modal2-sub-head1{
        font-family: Segoe UI;
        font-weight: 400;
        font-size: 14px;
        color:#000;
        text-align: left;
        line-height: 18.62px;
    }
    .add-charge{
        font-family: Segoe UI;
        font-weight: 400;
        font-size: 12px;
        color: #4E4E4E;
        line-height: 15.96px;
    }

    .sticky-bottom{
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        background-color:#ffffff;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
        height: 63px;
        width: 100%;
        /* margin: 0; */
        left:0;
        right:0;
  }

    
/*    image  swipper             */
    
    .wrapper{
        position: relative;
        max-width: 100%;
        min-height: 100%;
/*        padding: 40px;*/
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .swiper-container{
        width: 100%;
        height: 300px;
    }
    .item_slide{
        padding: 40px 0px 60px 0px;
    }

    .item_img{
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
    }
    .item_img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .swiper-pagination-bullet{
        width: 6px;
        height: 6px;
        border: 4px solid #fff;
        background: #fff;
        line-height: 15px;
        opacity: 0.8;
    }
    
    .swiper-slider-duplicate{
        display: none;
    }

/*          share popup            */
    .popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 200px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
  height:100px;
}

/* Popup arrow */
    .popup .popuptext::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #555 transparent transparent transparent;
    }

    /* Toggle this class - hide and show the popup */
    .popup .show {
      visibility: visible;
      -webkit-animation: fadeIn 1s;
      animation: fadeIn 0s;
    }

    /* Add animation (fade in the popup) */
    @-webkit-keyframes fadeIn {
      from {opacity: 0;} 
      to {opacity: 0.5;}
    }

    @keyframes fadeIn {
      from {opacity: 0;}
      to {opacity:0.5 ;}
    }
    
/*    share popup   */
    
    .share-container{
        background-color: rgba(0, 0, 0, 0.3);
        position: fixed;
        top: 0;
        bottom: 0;
/*        height: 100vh;*/
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
    }
    .share-container.show{
        opacity: 1;
        pointer-events: auto;
    }
    
    .share-modal{
        background-color: #fff;
        width: 100%;
        max-width: 100%;
        position: absolute;
        bottom: 0;
        height: 200px;  
        padding: 20px;
        border-radius: 2px;
    }
    
    .share-modal .row{
        padding: 10px;
    }
    
    .share-modal .row div{
        border:1px solid #e0dad9;
        border-radius: 8px;
        font-family: Segoe UI;
        margin-right: auto;
        margin-left: auto;
        font-size: 16px;
        font-weight: 600;
        display: flex;
        cursor: pointer;
    }
    
    .share-modal .row .col-5 .fa-whatsapp{
        background-color: #fff;
        color: #000;
        padding: 5px;
        border-radius: 5px;
        width: 25px;
        height: 25px;
        font-size: 20px;
    }
    .share-modal .row .col-5 .fa-facebook{
        background-color: #fff;
        color: #000;
        padding: 5px;
        border-radius: 5px;
/*        width: 25px;*/
        height: 25px;
        font-size: 20px;
    }
    .share-modal .row .col-5 .fa-envelope{
        background-color: #fff;
        color: #000;
        padding: 4px 5px;
        border-radius: 5px;
        width: 25px;
        height: 25px;
        font-size: 20px;
    }
    .share-modal .row .col-5 .fa-files-o{
        background-color: #fff;
        color: #000;
        padding: 2px 5px;
        border-radius: 5px;
        width: 25px;
        height: 25px;
        font-size: 20px;
    }

    .slideshow-container .mySlides:first-child {
        display: block;
    }
    
    .btn-back{
        padding:5px 10px; 
        font-size:18px; 
        color:#000;
    }
    
    .book-box{
        height: 100%; 
        display: flex; 
        align-items: center;
    }
    
    .poi-line{
        border: 1px solid #c2ccc6; 
        background-color: #c2ccc6;
    }
    
    .feature-line{
        border: 1px solid #c2ccc6;
        height: 0px;
        margin-left:0px;
        margin-right:0px;
        background-color: #c2ccc6;
    }
    
     .share-icon{
        outline: none;
        width: 22px;
        margin-bottom: 4px;
        height: 18px;
    }
    
    .sticky-modal-header{
        border: 0;
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        background-color: white;
        padding: 20px 5px;
        padding-left: 0;
    }
    
    .gallery-modal-header{
        padding:15px 7px; 
        border:0;
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        background-color: white;
        z-index: 100;
    }
    
    .read-more i{
        pointer-events: none;
    }
    .amount {
        font-family: Segoe UI;
        font-size: 14px;
        font-weight: 400;
        line-height: 21.28px;
    }
    .gallery-image{
        /* max-width: 100%; */
        max-width: 300px;
        max-height: 400px;
        height:auto;
    }

    .price {
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 26.6px;
        text-align: right;
        color: #383838;
        margin: 0;
    }


}

#mob_features_list hr:last-child{
    display: none;
}

.share-container a {
    color: #000;
    text-decoration: none;
/*    display: contents;*/
}

#close {
    cursor: pointer;
}

.title-wrap{
    display:flex; 
    align-items:center; 
    cursor:pointer;
}
.gallery-modal-content{
/*
    max-height:100%; 
    height:100%; 
*/
    border:0; 
    border-radius:0;
/*    position: absolute;*/
}

.amenities-title{
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 21px;
    color: #000000;
}

    
.text-trim.hide .overflow-content {
  display: none;
}
.text-trim:not(.hide) .dots {
  display: none;
}
.text-trim .read-more {
  color: lightskyblue;
  cursor: pointer;
}
.mini-div {
    width: 137px;
    /* height: 104px; */
    position: absolute;
    top: 0;
    left: 90px;
    display: flex;
    align-items: center;
    z-index: 1;
}

.iframe-style {
    margin-top: -1px;
    margin-left: -1px;
    width: 101%;
    height: 101%;
    border-bottom-left-radius: 20px;
    border-color: transparent;
}
.refresh-icon {
    right: 12%;
    position: absolute;
    top: 18px;
    font-size: 18px;
    color: #000;
}

.modal.fade .modal-dialog {
    transform: translate3d(0, 100vh, 0);
}

.modal.show .modal-dialog {
    transform: translate3d(0, 0, 0);
}

@media only screen and (max-width: 767px){
    .map-div iframe {
        margin-left: auto;
        margin-right: auto;
        height: 324.5px;
    }
    #availabityModal{
        background-color:#fff;
    }
    .availability-content {
        position: absolute;
        top: 0;
        height: 100%;
        right: 0px;
        border-radius: 0px;
        bottom: 0;
    }
}
@media only screen and (min-width: 767px){
    .availability-content {
        position: absolute;
        top: 0;
        height: 100%;
        width: 400px;
        right: 0px;
        border-radius: 10px;
    }
}