/*----------------------------------------------------------------------- mobile first -----------------------------------------------------------------------*/

/*----------------------------------------------------------------------- Variables -----------------------------------------------------------------------*/
.CustomWebsiteCSS
{ 
    --root-font-size: 14px;
    --map-items-font-size: 1rem;
    --map-search-width: 150px;
    --main-margin-size: 5px;
    
    --prop-filters-font-size: 1rem;
    --sub-heading-font-size: 1rem;
    --label-font-size:1rem;
}

/*----------------------------------------------------------------------- Font Size -----------------------------------------------------------------------*/
.CustomWebsiteCSS .product-detail-container .bd-product-description p { line-height: calc(100% + 10px); }

/*----------------------------------------------------------------------- Common -----------------------------------------------------------------------*/
.CustomWebsiteCSS #popup_close_container { left: calc(100% + (5% - 30px)); }
.CustomWebsiteCSS #popup_close { width: 15px; height: 15px; }
.CustomWebsiteCSS .back-close .bdk-back, .CustomWebsiteCSS .back-bottom-close .bdk-back { width: 15px; height: 15px; }
.CustomWebsiteCSS .canvas-tools { display: none !important; }

.product-detail-footer, .menu-logo-wrapper { display: none; }

/*------------------------ Product Detail & Popup Gallery ------------------------*/
.CustomWebsiteCSS .unite-gallery-popup .gallery-footer, .CustomWebsiteCSS .product-detail-container .product-detail-footer { display: none; }
.CustomWebsiteCSS .unite-gallery-popup .gallery_details_popup, .CustomWebsiteCSS .product-detail-container .details_popup { width: 90%; margin: 30px 5% 20px; height: calc(100% - 50px); }
.CustomWebsiteCSS .unite-gallery-popup #interactiveGallery, .CustomWebsiteCSS .product-detail-container #ProductdetailGallery { min-width: auto !important; }

/*----------------------------------------------------------------------- tab-realestate Normal -----------------------------------------------------------------------*/
.CustomWebsiteCSS .product-detail-container .attr-name { width: auto; }
.CustomWebsiteCSS .product-detail-container .bd-product-title { margin: 0; }

/*----------------------------------------------------------------------- tab-map -----------------------------------------------------------------------*/
.CustomWebsiteCSS .ui-slider { height: 10px; }
.CustomWebsiteCSS .ui-slider .ui-slider-handle { width: 15px; height: 15px; top: -3px; }

.CustomWebsiteCSS .MapControllerFullDiv .bdk-mapControllerDrag { height: 10px; -webkit-mask-size: 70px; }
.CustomWebsiteCSS .MapControllerFullDiv .MapController_Items { width: auto; padding: 5px; }
.CustomWebsiteCSS .MapControllerFullDiv .MapController_Items .bdk-mapOptions, .CustomWebsiteCSS .MapControllerFullDiv .MapController_Items .bdk-mapReset { width: 20px; height: 20px; }
.CustomWebsiteCSS .MapControllerFullDiv .MapController_Items .item-text { margin: 2px 0 0; }
.CustomWebsiteCSS .MapControllerFullDiv .filter-left-arrow, .CustomWebsiteCSS .MapControllerFullDiv .search_back { width: 10px; height: 12px; }
.CustomWebsiteCSS .MapControllerFullDiv .search_reset, .CustomWebsiteCSS .MapControllerFullDiv .search_close { width: 10px; height: 10px; }
.CustomWebsiteCSS .MapControllerFullDiv .MapController_Pallette_MainDiv { height: 300px; }

.CustomWebsiteCSS .MapControllerFullDiv .filter-slider-range, .CustomWebsiteCSS .MapControllerFullDiv .filter-slider { width: calc(100% - 20px); margin: 0 10px 0 10px; }
.CustomWebsiteCSS .MapControllerFullDiv .bd-prod-filter-main-div-other .bd-prod-filter-label { padding-left: 10px; }

.CustomWebsiteCSS .SearchControllerFullDiv .me-select input[type="checkbox"], .CustomWebsiteCSS .SearchControllerFullDiv .me-select label::before,
.CustomWebsiteCSS .SearchControllerFullDiv .me-select input[type="checkbox"]:checked + label::after, .CustomWebsiteCSS .MapControllerFullDiv .me-select input[type="checkbox"],
.CustomWebsiteCSS .MapControllerFullDiv .me-select label::before, .CustomWebsiteCSS .MapControllerFullDiv .me-select input[type="checkbox"]:checked + label::after { width: 10px; height: 10px; left: 5px; margin-top: -5px; }
.CustomWebsiteCSS .MapControllerFullDiv .me-select label { width: calc(100% - 15px); margin-left: 15px; }

/*----------------------------------------------------------------------- Popup Unite Gallery -----------------------------------------------------------------------*/
.CustomWebsiteCSS .unite-gallery-popup .gallery-header { margin: 0 0 10px 0; }

.tab-folder .bd-kiosk-tab-description{height: 100%;} /*Jira Case 791 */

/*Phone Portrait*/
@media (max-width: 575.98px) {

    .CustomWebsiteCSS { --root-font-size: 10px; }
    .CustomWebsiteCSS .product-detail-container .bd-product-description p { line-height: calc(100% + 5px); }
    /*----------------------------------------------------------------------- tab-realestate Normal -----------------------------------------------------------------------*/
    .CustomWebsiteCSS .product-detail-container .product-detail-content { flex-direction: column; }
    .CustomWebsiteCSS .product-detail-container .gallery-container { width: 100%; clear: both; height: 50%; }
    .CustomWebsiteCSS .product-detail-container .bd-product-preview-details { width: 100%; padding: 0; height: calc(50% - 20px); margin-top: 20px; }
    .CustomWebsiteCSS .product-detail-container .bd-product-preview-details .bd-product-description { margin-top: 5px; padding-top: 5px; border-top: none !important; }

    /*----------------------------------------------------------------------- Popup Unite Gallery -----------------------------------------------------------------------*/
    .CustomWebsiteCSS #popup.unite-gallery-popup { height: 50%; top: 25%; }
}
/*Phone landscape*/
@media (min-width: 576px) and (max-width: 767.98px) and (orientation : landscape) {

    .CustomWebsiteCSS { --root-font-size: 10px; }
    .CustomWebsiteCSS .product-detail-container .bd-product-description p { line-height: calc(100% + 5px); }
    /*----------------------------------------------------------------------- tab-realestate Normal -----------------------------------------------------------------------*/
    .CustomWebsiteCSS .product-detail-container .gallery-container { width: 50%; }
    .CustomWebsiteCSS .product-detail-container .gallery-container-amenity { width: 100%; }
    .CustomWebsiteCSS .product-detail-container .bd-product-preview-details { width: calc(50% - 15px); padding-left: 15px; }

    /*----------------------------------------------------------------------- Popup Unite Gallery -----------------------------------------------------------------------*/
    .CustomWebsiteCSS #popup.unite-gallery-popup { width: 90%; left: 5%; }
}

/*Ipad default Portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /*----------------------------------------------------------------------- Variables -----------------------------------------------------------------------*/
    .CustomWebsiteCSS 
    { 
        --root-font-size: 14px;
        --map-search-width: 150px;
        --main-margin-size: 8px;        
    }

    /*----------------------------------------------------------------------- Common -----------------------------------------------------------------------*/
    .CustomWebsiteCSS .MapControllerFullDiv .search_reset, .CustomWebsiteCSS .MapControllerFullDiv .search_close { width: 15px; height: 15px; }
    
    /*----------------------------------------------------------------------- tab-realestate Normal -----------------------------------------------------------------------*/
    .CustomWebsiteCSS .product-detail-container .product-detail-content { flex-direction: column; }
    .CustomWebsiteCSS .product-detail-container .gallery-container { width: 100%; clear: both; height: 50%; }
    .CustomWebsiteCSS .product-detail-container .bd-product-preview-details { width: 100%; padding: 0; height: calc(50% - 20px); margin-top: 20px; }
    .CustomWebsiteCSS .product-detail-container .bd-product-preview-details .bd-product-description { margin-top: 5px; padding-top: 5px; border-top: none !important; }

    /*----------------------------------------------------------------------- Popup Unite Gallery -----------------------------------------------------------------------*/
    .CustomWebsiteCSS #popup.unite-gallery-popup { height: 50%; top: 25%; }
}

/*Ipad landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /*----------------------------------------------------------------------- tab-realestate Normal -----------------------------------------------------------------------*/
    .CustomWebsiteCSS .product-detail-container .product-detail-content { flex-direction: row; }
    .CustomWebsiteCSS .product-detail-container .gallery-container { width: 50%; height: 100%; }
    .CustomWebsiteCSS .product-detail-container .gallery-container-amenity { width: 100%; height: 100%; }
    .CustomWebsiteCSS .product-detail-container .bd-product-preview-details { width: calc(50% - 15px); padding-left: 15px; height: 100%; }

    /*----------------------------------------------------------------------- Popup Unite Gallery -----------------------------------------------------------------------*/
    .CustomWebsiteCSS #popup.unite-gallery-popup { width: 90%; left: 5%; height: 100%; top: 0; }
}

/*------------------------ IE Edge 12+ ------------------------*/
@supports (-ms-ime-align:auto) or (-ms-accelerator:auto) {
    .CustomWebsiteCSS .MapControllerFullDiv .bdk-mapControllerDrag, .CustomWebsiteCSS .MapControllerFullDiv .bdk-reset, .CustomWebsiteCSS .MapControllerFullDiv .bdk-close, .CustomWebsiteCSS .MapControllerFullDiv .search_back { background-color: #565657 !important; }
}