@media (max-width: 768px) {
    .supplement-title {
        margin-top: 60px !important;
    }
}
@media (min-width: 2100px) {
    .more_details_title-sp1 {
        display: inline-block!important;
    }
    .product_detail .more_details_title , .hipoteq-page  .more_details_title{
        font-size: 20px;
    }
    .product_detail .more_detail_bottom li {
        font-size: 20px;
    }
    .supplement li{
        font-size: 18px;
    }
    .product_detail .contact_info * {
        font-size: 18px;
    }
}
@media (min-width: 1400px) {
    .product_detail .contact_info * {
        font-size: 18px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .product_detail .contact_info * {
        font-size: 12px;
    }
    .price_similar_h{
        font-size: 16px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1800px) {
    .product_detail .more_details_title, .hipoteq-page .more_details_title {
        font-size: 16px;
    }
    .product_detail .more_detail_bottom li {
        font-size: 16px;
    }
    .supplement li{
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    .nav-controls li.hide{
        display: none;
    }
    .more_details_title-sp1 {
        display: none;
    }

    .itemsPreview{
        top:91px!important;
    }

    .btn-text{
        font-size: 18px;
    }
    /*.product_detail .more_details_title , .hipoteq-page  .more_details_title{*/
    /*    font-size: 20px;*/
    /*}*/
    /*.product_detail .more_detail_bottom li {*/
    /*    font-size: 18px;*/
    /*}*/
}
@media (max-width: 1200px) {
    .mobile-only {
        display: list-item!important;
    }
    .itemsPreview{
        top:41px!important;
    }
    .fast_search{
        display: none;
    }
    .product_detail .more_details_title , .hipoteq-page  .more_details_title{
        font-size: 20px;
        margin-top: 10px;
        height: auto;
    }

    .address-title {
        flex-direction: column!important; /* stack vertically */
        align-items: flex-start!important; /* align left */
    }
    .calendar-address-title {
        text-align: left!important;
    }

    .address-title .map-title-address {
        margin-top: 8px!important; /* spacing below button */
        display: flex!important;   /* keep icon + text inline */
        align-items: center!important;
        gap: 5px!important;        /* spacing between icon and text */
    }

    .product_detail .more_detail_bottom li {
        font-size: 17px;
    }
    .verify-email-component-content{
        min-height: calc(100vh - 323px)!important;
    }
    .product_detail .contact_info * {
        font-size: 17px;
    }
    .product_detail span.profession {
        font-size: 14px;
    }
    .profile_controlls {
        bottom: -81px;
    }
    .detail-logo img{
        width: 20%;
    }
    .map-Filter{
        top: 50px;
    }
    .nav-tels {
        flex-grow: 1;
        display: flex;
        align-items: center;
        flex-direction: row;
    }

    .front-header-section-item {
        height: auto;
        font-size: 12px;
        /*margin-left: 15px;*/
    }

    .first-menu {
        padding-right: 40px;
    }

    .sweet_logo_wrapper_top {
        display: inline-block !important;
        line-height: 40px;
    }

    .second-menu ul li {
        font-size: 12px;
    }

    .sweet_logo_wrapper {
        display: none;
    }

    nav:not(.breadcrumb-single) {
        height: 0;
        overflow: hidden;
    }

    nav .nav-controls ul {
        padding-left: 0;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgb(4 24 27 / 94%);
        z-index: 1000;
        height: unset;
        transform: translateY(-100%);
        transition: .3s all cubic-bezier(.17, .67, .19, 1.21);
    }

    nav .nav-controls.openMenu ul {
        padding-top: 41px;
        flex-direction: column;
        transform: translateY(0);
    }
    nav .nav-controls.openMenu ul li{
        width: 100%;
    }

    nav .nav-controls ul li a {
        height: 46px;
        background: transparent;
        text-align: center !important;
        color: #fff !important;
        line-height: 46px;
        font-size: 16px;
    }
    nav .nav-controls ul li:hover a {
        letter-spacing: 5px;
    }

    .featured-slider-item{
        min-width: 230px !important;
    }
    .menu-btn {
        display: inline-block;
    }

    .marquee {
        /*display: none;*/
    }

    .front-header-section {
        padding-right: 40px;
        justify-content: space-between;
    }

    .more_detail_bottom.calculate{
        height: auto;
    }
    .Mainproducts .product_card_item{
        /*display: none;*/
    }
}

@media screen and (min-width: 576px) and (max-width: 1200px) {
    .suggested-items-block{
        display: none;
    }
}



@media (max-width: 760px){
    .detail-logo img{
        width: 50%;
    }
    .e-icon-card {
        width: 25px;
        padding: 2px;
    }
}
@media (max-width: 1024px) {
    .bg-sidebar-wrapper,.sidebar{
        display:none;
    }
    .map_search{
        /*display: none;*/
    }

}
@media (max-width: 991px) {
    .login-register a {
        min-width: 40px;
    }

    /* .map-Filter .inner-filter .area_wrapper,.inner-filter .area_wrapper{
        flex-grow: 1;
        width: 50% !important;
        border-bottom: 1px solid #e9e9e9;
    } */
    /* .inner-filter > div{
        flex-grow: 1!important;
    } */

    .left-regions-block {
        display: none;
    }


    .about-section .content-column .inner-column{
        padding-top: 0!important;
    }
    .about-section .collect_logo img{
        position: absolute;
        top: 0;
        left: 0;
    }
    .about-section .collect_logo{
        width: 250px;
        height: 342px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .info_hotel .info-top .hotels_map_top_buttons {
        width: 300px;
    }

    .map-Filter {
        position: unset;
        padding: 10px 5px !important;
        border-top: 1px solid #3e5f66;
    }

    .filter_information{
        position: unset!important;
        text-align: center;
        height: auto!important;
    }

    #slider.mapSection{
        border:none
    }

    .inner-filter .pay > div, .inner-filter .roomCount > div, .inner-filter .rooms > div, .inner-filter .category > div {
        /*width: 100%;*/
        box-shadow: 0 10px 8px gray;
    }

    /* .inner-filter {
        height: auto;
        flex-wrap: wrap;
        justify-content: flex-start;
    } */

    /* .inner-filter > div {
        flex-grow: 0;
        height: 45px;
        width: 50%;
    } */

    /* .inner-filter .dropdownGroup > button {
        text-align: left;
    } */

    /* .map-Filter .inner-filter .price_wrapper,.inner-filter .price_wrapper {
        border-bottom: 1px solid #e9e9e9;
        width: 50%;
    } */

    /* .inner-filter .dropdownGroup {
        border-bottom: 1px solid #e9e9e9;
        width: 50%;
        max-width: unset;
    }

    .profile_controlls_button i{
        display: inline;
    } */

    .addProd {
        width: 40px;
    }

    .add-prod-button i {
        display: inline-block;
    }

    .add-prod-button span {
        display: none;
    }

    .login-register {
        width: auto;
    }

    .blog {
        padding-top: 50px;
    }

    .blog .blog_content .blog_top {
        flex-direction: column;
    }

    .blog .blog_content .blog_top .blog_top_left {
        width: 100%;
    }

    .blog .blog_content .blog_top .blog_top_right {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .blog .blog_content .blog_top_right_item {
        width: 40%;
    }

    .blog .blog_bottom .blog_bottom_left .fashion_item {
        width: 100%;
    }

    .blog .featured {
        flex-direction: column;
    }

    .blog .featured .featured_left, .blog .featured .featured_right {
        width: 100%;
    }

    .blog .blog_bottom {
        flex-direction: column;
    }

    .blog .blog_bottom .blog_bottom_left {
        width: 100%;
    }

    .blog .blog_bottom .blog_bottom_right {
        width: 100%;
    }

    .blog .food_drink_item {
        flex-direction: row-reverse;
    }

    .blog .tv_item img, .blog .food_drink_item img {
        width: 300px;
        height: 150px;
    }

    .submit-listing {
        display: none;
    }


    .second-menu {
        margin-top: 0;
        position: fixed;
        width: 100%;
    }

    .inner-banner img {
        width: 100%;
    }

    .blog-detail .blog-detail-content {
        flex-direction: column;
    }

    .blog-detail .blog-detail-content .detail-right, .blog-detail .blog-detail-content .detail-left {
        width: 100%;
    }

    .blog-detail .banner img {
        width: 100%;
    }

    .blog-detail .blog-detail-content .detail-right {
        display: flex;
        flex-wrap: wrap;
    }

    .blog-detail .blog-detail-content .detail-right h4 {
        width: 100%;
    }

    .blog-detail .blog-detail-content .detail-right .news-item {
        width: 50%;
    }

    .blog-detail .banner3 img {
        width: 100%
    }

    .blog-category .blog-categories_latest {
        flex-direction: column;
    }

    .blog-category .blog-cats {
        width: 100%;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .blog-category .blog_latest {
        width: 100%;
    }

    .blog-category .catBlogItem {
        width: 45%;
        flex-direction: column;
        padding: 15px;
        flex-grow: 1;
    }

    .blog-category .catBlogItem .blog_image {
        width: 100%;
        height: 250px;
    }

    .blog-category .catBlogItem .blog_image img {
        height: 100%;
        object-fit: cover;
    }

    .blog-category .catBlogItem .blog_desc {
        width: 100%
    }
}
@media (min-width: 768px) {
    .modal-close-btn{
        display:none!important;
    }
    .subtitle-global-filter{
        display:none!important;
    }
}
@media (max-width: 768px) {
    .coll_logo{
        position: absolute;
        top: 220px;
        right: 190px;
        width: 100%;
        text-align: right;
    }
    .reginsBtn {
        display: inline-block;
        border-radius: 0 0 0 25px;
        cursor: pointer;
        transition: .3s all;
    }

    .main_section_title {
        font-size: 16px;
        padding: 0 10px;
    }

    .main_section_subtitle {
        font-size: 13px;
    }

    .home-main-product-grid {
        margin-bottom: 0 !important;
    }
    .reginsBtn:hover {
        background: #8EAFA8;
    }

    .info {
        display: none;
    }

    .info.regionsOpen {
        right: 0;
        opacity: 1;
    }

    .filter {
        padding: 0 5px;
    }

    .inner-filter .rooms > div ul:first-child, .inner-filter .category > div ul:first-child {
        display: block;
    }

    .blog .blog-container {
        flex-direction: column-reverse;
    }

    .blog .blog-container .blog_content, .blog .blog-container .latest_news {
        width: 100%;
    }

    .blog .latest_news_item {
        width: 50%;
        display: inline-block;
    }

    .blog .blog-container .latest_news {
        display: flex;
        flex-wrap: wrap;
    }

    .blog .blog-container .latest_news_title {
        width: 100%;
    }

    .stay_connected {
        height: unset !important;
    }

    .stay_connected, .banner1 {
        width: 50%;
        display: inline-block;
    }

    .blog .banner1 img, .blog .banner1 a {
        height: 100%;
        object-fit: cover;
    }

    .blog_bottom_right {
        display: flex;
        flex-wrap: wrap;
    }

    .blog_bottom_right h4 {
        width: 100%;
    }

    .blog .tv_item img, .blog .food_drink_item img {
        width: 50%;
    }

    .blog .featured .featured_left, .blog .featured .featured_right {
        flex-direction: column;
    }

    .blog .featured .featured_item {
        width: 100%;
        margin: 0 auto;
    }

    .blog .featured .featured_item img {
        height: 200px;
    }

    .blog .featured .featured_item label {
        top: 185px;
    }

    #gcw_siteFdEGhTDo8 {
        width: unset !important;
    }

    .youLike h2 {
        font-size: 30px !important;
    }

    .blog-detail .top h2 {
        font-size: 22px !important;
        padding: 0;
    }

    .blog-detail .blog-detail-content .detail-left .detailImg img, .blog-detail .blog-detail-content .detail-left .detailImg small {
        padding: 0;
    }

    .blog-detail .blog-detail-content .nextPrevArticles > div {
        padding: 22px 20px;
        width: 49%;
    }

    .blog-detail .blog-detail-content .nextPrevArticles > div a {
        font-size: 14px;
    }

    .blog-detail .blog-detail-content .user-information p {
        padding: 0;
    }

    .blog-detail .blog-detail-content .user-info, .blog-detail .blog-detail-content .comment-form {
        padding: 15px;
    }

    .youLike .youlinkeContent {
        flex-direction: column;
    }

    .youLike .youlinkeContent .youLikeItem {
        width: 100%;
        padding: 15px;
    }
}
@media (max-width: 600px) {
    .nav-tel-img{
        margin-left: 0;
    }
    .about-us .testimonial-carousel-two{
        padding-left: 0px;
    }
    .about-section .content-column .content-box,.about-us .testimonial-block-two .inner-box{
        padding: 10px!important;
    }
    .about-us .testimonial-carousel-two .owl-nav{
        transform: rotate(0);
        position: unset;
        width: 245px;
        margin: 15px auto;
    }
    .about-us .sec-title .float-text{
        font-size: 32px;
    }
    .about-section .image-column .title-box{
        bottom: unset!important;
        top: 0!important;
        left: 0!important;
    }
    .about-section .image-column{
        height: 160px;
    }
    .about-section .image-box{
        display: none!important;
    }
    .about-us .image-box{
        display: block;
    }
    .blog-category .catBlogItem {
        width: 100%;
    }

    .nav-tels {
        flex-direction: column;
    }

    .filter_bottom_btns {
        display: flex;
        flex-direction: column;
    }

    .filter_bottom_btns button {
        margin-bottom: 15px;
    }

    .address-title{
        font-size: 16px!important;
    }

    .calendar-filter-container{
        width:220px!important;
    }
    .left-filter .inner-filter-title{
        width:220px!important;
    }
}

@media (max-width: 575px) {
    .first-menu {
        flex-direction: column;
        height: auto;
    }
    .calendar-filter-container{
        width:180px!important;
    }
    .left-filter .inner-filter-title{
        width:180px!important;
    }
    .inner-filter{
        left: 30px;
    }
    .calendar-filter-container{
        margin-right:70px;
    }
    .first__menu-wrapper {
        height: 100%;
    }

    .front-header-section-item {
        width: calc(100% + 40px);
        margin: 0;
        /* margin-top: 14px; */
        padding: 0;
        justify-content: center;
        order: 3;
        max-width: 100vw;
        height: 100px !important;
    }

    .sweet_logo_top {
        height: 100%;
        width: auto;
        /*margin-left: 0px;*/
        border-radius: 0 0 10px 10px;
        margin-top: -4px;
    }

    .hotels_map_search {
        width: 100%;
        max-width: 100%;
    }

    .hotels_map_search > form {
        display: flex;
        flex-direction: row-reverse;
    }

    .hotels_map_search > form input {
        width: 100%;
    }

    .hotels_map_search > form button {
        width: 40px;
    }

    .account-info {
        position: absolute;
        right: 40px;
    }

    /* .inner-filter-title {
        margin-bottom: 15px!important;
    } */
    .inner-filter .dropdownGroup {
        margin-top: 10px!important;
    }
    #slider {
        /*flex-direction: column-reverse;*/
    }

    #slider > #map {
        width: 100%;
    }

    #slider > .left-filter-block {
        width: 100%;
    }

    #slider > .left-filter-block .filter {
        width: 100%;
        display: block;
    }

    #slider > .left-filter-block .filter .dropdownGroup {
        width: 100%;
    }
    .address-title{
        font-size: 14px!important;
    }
}

@media (max-width: 500px) {
    .profile_controlls{
        width: 100%;
    }
    .login-register span{
        display: none;
    }
    .login-register span.login{
        display: inline-block;
    }
    .login-register i{
        display: inline-block;
    }
    .login-register i.auth_circle_icon{
        display: none;
    }


    .policy-content h1{
        font-size: 25px;
        text-align: center;
    }
    .nav-tel-img{
        margin-left: 0;
    }
    .runline_item{
        width: 100%;
    }
    .product_detail .more_details_title, .hipoteq-page .more_details_title {
        font-size: 17px;
    }
    .product_detail .more_detail_bottom li {
        font-size: 17px;
    }

    .singl-product-title{
        font-size: 23px;
    }
}
@media (max-width: 460px){

.breadcrumb-item{
    font-size: 14px!important;
}

    .first-menu .add-prod-button{
        display:none!important;
    }
    .nav-tels {
         /*display: none;*/
        white-space: normal;
        padding-left: 7px;
    }
    .nav-tels > div{
        height: auto;
    }

    .profile_controlls,.profile_controlls_button{
        width: 48px;
        justify-content: center;
    }

    .profile_controlls,.profile_controlls_button img{
        margin: 0;
    }


    .profile_controlls_button i,.profile_controlls_button span{
        display: none;
    }

    .calendar-filter-container{
        width:160px!important;
    }
    .left-filter .inner-filter-title{
        width:160px!important;
    }
}
@media (max-width: 425px) {
    .map-Filter .inner-filter .price_wrapper,.inner-filter .price_wrapper {
        width: 100%;
    }
    .inner-filter .dropdownGroup > button.opened {
        position: relative;
    }
    .main_section_title {
        font-size: 16px;
    }
    /* Keep + toggle visible on small phones (was display:none — icon must show) */
    .left-filter .filter-toggle-btn,
    .calendar-filter-container .filter-toggle-btn {
        display: flex !important;
        flex-shrink: 0;
    }
    .left-filter .inner-filter-title,
    .calendar-filter-container .inner-filter-title {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        padding: 8px 10px !important;
        font-size: 12px !important;
        align-items: center;
    }
    .left-filter .inner-filter-title > span,
    .calendar-filter-container .inner-filter-title > span {
        min-width: 0;
        white-space: normal;
        line-height: 1.25;
        overflow-wrap: break-word;
        word-break: break-word;
    }

    .calendar-filter-container{
        margin-right: 30px!important;
    }
    .btn-text{
        font-size: 14px;
    }

    .inner-filter .dropdownGroup > button.opened::after {
        content: attr(data-text);
        background-color: #253b40;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        color: white;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .inner-filter .dropdownGroup > button i {
        z-index: 9;
    }

    .profile_controlls_button img {
        margin-left: 0;
    }

    .login-form form span {
        font-size: 12px;
    }

    .login-form form a {
        text-align: left;
    }

    .nav-tel-img {
        margin: 0;
        width: 30px;
        height: 30px;
    }

    ul.menu-flags {
        /*margin: 7px 0;*/
    }

    .info_hotel .info-top .hotels_map_top_buttons {
        width: 275px;
    }

    .info_hotel .info-top .hotels_map_top_buttons button {
        margin-bottom: 5px;
        width: 40%;
    }

    .inner-filter .dropdownGroup {
        width: 100%;
    }

    .blog_top_right {
        flex-direction: column;
    }

    .blog .blog_content .blog_top_right_item {
        width: 100%;
    }

    .blog .blog_content .blog_top_right_item img {
        height: 200px;
    }

    .blog .blog_content .blog_top_right_item label {
        top: 185px;
    }

    .blog .blog_bottom .blog_bottom_left {
        padding: 20px 0;
    }

    .blog .technology .technology_item {
        flex-direction: column;

    }

    .blog .technology .technology_item img {
        width: 100%;
        height: 200px;
    }

    .blog .technology .technology_item_desc {
        padding: 5px 0;
    }

    .blog .celebrities .celebrities_item {
        width: 100%;
    }

    .blog .celebrities .celebrities_item img {
        height: 200px;
    }

    .blog .celebrities .celebrities_item label {
        top: 185px;
    }

    .stay_connected, .banner1 {
        width: 100%;
        height: 300px !important;
    }

    .blog .food_drink_item, .blog .tv_item {
        flex-direction: column;
    }

    .blog .tv_item img, .blog .food_drink_item img {
        width: 100%;
        height: 200px;
    }

    .blog .latest_news_item {
        width: 100%;
    }

    .blog .latest_news_item img {
        height: 200px;
    }

    .second-footer .nav-link {
        padding: 5px;
    }

    .blog-detail .blog-detail-content .detail-right .news-item {
        width: 100%;
    }

    .youLike h2::before {
        right: -33px;
        top: -40px;
    }

    .youLike h2::after {
        right: 27px;
        top: -14px;
    }

    .blog-detail .top .information {
        padding: 0 20px;
    }

    .blog-detail .blog-detail-content .nextPrevArticles {
        flex-direction: column;
    }

    .blog-detail .blog-detail-content .nextPrevArticles > div {
        width: 100%;
    }

    .blog-detail .blog-detail-content .detail-left h2, .blog-detail .blog-detail-content .detail-left p {
        padding: 0;
    }

    .blog-detail .blog-detail-content .user-info, .blog-detail .blog-detail-content .comment-form {
        flex-direction: column;
        align-items: center;
    }

    .blog-detail .blog-detail-content .comment-form form > div {
        flex-direction: column;
    }

    .blog-detail .blog-detail-content .comment-form form > div input {
        width: 100%;
        margin-bottom: 5px;
    }

    .login-register span {
        display: none;
    }
    .login-register i.auth_circle_icon{
        display: none;
    }

}

/* Hide toggle buttons on large screens */
.filter-toggle-btn {
    display: none;
}

@media (max-width: 768px) {
    .row.section-main-title.justify-content-center {
        margin-top: 0 !important;
    }

    /* Home: featured slider after regions → show after product grid (category-tab) on mobile */
    section.hotels .custom-col.padding-right {
        display: flex;
        flex-direction: column;
    }

    section.hotels .custom-col.padding-right > .section-regions.regions-slider-container {
        order: 1;
    }

    section.hotels .custom-col.padding-right > .category-tab {
        order: 2;
    }

    section.hotels .custom-col.padding-right > .home-featured-slider-wrap {
        order: 3;
    }

    /*
     * Home index: map, then one row with global filter + calendar filter (50% / 50%).
     * Scoped with :has(.calendar-filter-container) so other #slider layouts are unchanged.
     * Explicit grid rows/columns so map never shares a row with the buttons (avoids RTL/auto-place quirks).
     */
    #slider:has(> .left-filter):has(> .colg.right.fast_search .calendar-filter-container) {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        column-gap: 10px;
        /* no horizontal padding — map row stays full viewport width */
        box-sizing: border-box;
        direction: ltr;
    }

    #slider:has(> .left-filter):has(> .colg.right.fast_search .calendar-filter-container) > .colg.right.map_search {
        display: none !important;
    }

    #slider:has(> .left-filter):has(> .colg.right.fast_search .calendar-filter-container) > .colg.middle {
        grid-column: 1 / -1;
        grid-row: 1;
        width: 100%;
        min-width: 0;
    }

    #slider:has(> .left-filter):has(> .colg.right.fast_search .calendar-filter-container) > .left-filter {
        grid-column: 1;
        grid-row: 2;
        width: 100% !important;
        min-width: 0;
        padding-left: 10px;
        padding-right: 0;
        box-sizing: border-box;
    }

    #slider:has(> .left-filter):has(> .colg.right.fast_search .calendar-filter-container) > .colg.right.fast_search {
        grid-column: 2;
        grid-row: 2;
        width: 100% !important;
        min-width: 0;
        padding-right: 10px;
        padding-left: 0;
        box-sizing: border-box;
    }

    #slider:has(> .left-filter):has(> .colg.right.fast_search .calendar-filter-container) > .left-filter .inner-filter {
        position: relative !important;
        float: none !important;
        left: auto !important;
        padding: 10px 0 !important;
    }

    #slider:has(> .left-filter):has(> .colg.right.fast_search .calendar-filter-container) .left-filter .inner-filter-title {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
        border-radius: 5px !important;
    }

    #slider:has(> .left-filter):has(> .colg.right.fast_search .calendar-filter-container) .calendar-filter-container {
        width: 100% !important;
        max-width: none !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 10px 0 !important;
        box-sizing: border-box;
    }

    #slider:has(> .left-filter):has(> .colg.right.fast_search .calendar-filter-container) .calendar-filter-container .inner-filter-title {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box;
        border-radius: 5px !important;
    }

    .left-filter-block {
        background-color: #fff;
    }
    .inner-filter {
        padding: 10px 50px;
        position: absolute;
        left: 0;
        float: left;

    }

    /* Show toggle buttons on mobile */
    .filter-toggle-btn {
        display: flex;
    }

    .left-filter .inner-filter-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        padding: 8px 15px;
        background-color: #2a6f7e;
        color: #fff;
        /*margin-bottom: 0!important;*/
        border-radius: 5px;
        /*padding: 10px 3px !important;*/
        /*width: 160px;*/
        width: 250px;
        margin: 0 auto;
        font-size: 13px;
    }

    /* Only the label span — not .filter-toggle-icon inside the button */
    .left-filter .inner-filter-title > span {
        flex: 1;
        min-width: 0;
        white-space: normal;
        line-height: 1.25;
        overflow-wrap: break-word;
        word-break: break-word;
        padding-right: 6px;
    }

    .left-filter .filter-toggle-btn {
        background: transparent;
        border: none;
        color: #fff;
        font-size: 32px;
        line-height: 1;
        padding: 0;
        width: 40px;
        height: 40px;
        min-width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: transform 0.3s ease;
        margin-left: 10px;
        flex-shrink: 0;
    }

    .left-filter .filter-toggle-icon {
        display: inline-block !important;
        font-weight: 300;
        transition: transform 0.3s ease;
    }

    .left-filter .filter-content {
        display: none;
    }

    .left-filter .filter-content.active {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        overflow-y: auto;
        padding: 20px;
    }

    .left-filter .filter-content.active .inner-filter {
        background-color: #fff;
        border: solid 1px #e3e2dca3;
        border-radius: 10px;
        padding: 20px;
        width: 90%;
        max-width: 600px;
        max-height: 90vh;
        margin: 40px auto;
        position: relative;
        z-index: 10000;
        overflow-y: auto;
    }

    .left-filter .filter-content.active .modal-close-btn {
        position: absolute;
        top: 8px;
        right: 8px;
        background: transparent;
        border: none;
        font-size: 24px;
        color: #333;
        cursor: pointer;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10001;
        transition: color 0.3s ease;
    }

    .subtitle-global-filter{
        font-size: 18px!important;
    }

    .left-filter .filter-content.active .modal-close-btn:hover {
        color: #2a6f7e;
    }

    .left-filter .inner-filter-title.active .filter-toggle-icon {
        transform: rotate(45deg);
    }

    /* Fix dropdown menu widths in mobile */
    .left-filter .inner-filter .dropdownGroup {
        width: 100% !important;
        max-width: 100%;
    }

    .left-filter .inner-filter .dropdownGroup > button {
        width: 100% !important;
        border: solid #6998a063 1px;
    }

    .left-filter .inner-filter input {
        border: solid #6998a063 1px;
    }
    .left-filter .inner-filter .currensies {
        border: solid #6998a063 1px;
    }
    /* Fix dropdown menu dropdown widths */
    .left-filter .inner-filter .dropdownGroup > div[data-dropdownMenu],
    .left-filter .inner-filter .owner_type > div,
    .left-filter .inner-filter .rooms > div,
    .left-filter .inner-filter .deal_type > div,
    .left-filter .inner-filter .region_type > div[data-dropdownMenu] {
        /*width: 100% !important;*/
        max-width: 100%;
        box-sizing: border-box;
    }

    .left-filter .inner-filter .region_type > div[data-dropdownMenu] {
        /*width: 100% !important;*/
        max-width: 100%;
        border: solid 1px #1d4c57bd;
    }

    /* Change label text color for area, floor, price, and currency */
    .left-filter .inner-filter .floor_wrapper label,
    .left-filter .inner-filter .area_wrapper label,
    .left-filter .inner-filter .price_wrapper label,
    .left-filter .inner-filter .currensy_wrapper label,
    .floors_count_wrapper label {
        color: rgb(28 100 112)!important;
    }

    /* Calendar filter tag options - one per row on mobile */
    .calendar-tag-options {
        flex-direction: column;
        align-items: flex-start;
    }

    .calendar-tag-options .calendar-option-label {
        width: 100%;
        max-width: 100%;
    }

    /* Calendar filter toggle styles - same as global filter */
    .calendar-filter-container{
        padding: 10px 3px !important;
        width: 250px;
        /*width: 160px;*/
        float: right;
        margin-right: 50px;
    }
    .calendar-filter-container .inner-filter-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        padding: 8px 15px;
        background-color: #2a6f7e;
        color: #fff;
        margin-bottom: 0!important;
        border-radius: 5px;
        font-size: 13px;
    }

    .calendar-filter-container .inner-filter-title > span {
        flex: 1;
        min-width: 0;
        white-space: normal;
        line-height: 1.25;
        overflow-wrap: break-word;
        word-break: break-word;
        padding-right: 6px;
    }

    .calendar-filter-container .filter-toggle-btn {
        background: transparent;
        border: none;
        color: #fff;
        font-size: 32px;
        line-height: 1;
        padding: 0;
        width: 40px;
        height: 40px;
        min-width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: transform 0.3s ease;
        margin-left: 10px;
        flex-shrink: 0;
    }

    .calendar-filter-container .filter-toggle-icon {
        display: inline-block !important;
        font-weight: 300;
        transition: transform 0.3s ease;
    }

    .calendar-filter-container .calendar-filter-content {
        display: none;
    }

    .calendar-filter-container .calendar-filter-content.active {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        overflow-y: auto;
        padding: 20px;
    }

    .calendar-filter-container .calendar-filter-content.active .calendar-filter-modal-content {
        background-color: #fff;
        border: solid 1px #e3e2dca3;
        border-radius: 10px;
        padding: 20px;
        width: 90%;
        max-width: 600px;
        max-height: 90vh;
        margin: 40px auto;
        position: relative;
        z-index: 10000;
        overflow-y: auto;
    }

    .calendar-filter-container .calendar-filter-content.active .modal-close-btn {
        position: absolute;
        top: 8px;
        right: 8px;
        background: transparent;
        border: none;
        font-size: 24px;
        color: #333;
        cursor: pointer;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10001;
        transition: color 0.3s ease;
    }

    .calendar-filter-container .calendar-filter-content.active .modal-close-btn:hover {
        color: #2a6f7e;
    }

    .calendar-option-text {
        color: #257284;
        font-size: 15px;
    }
    .calendar-filter-subtitle {
        font-size: 16px;
        font-weight: 600;
        margin-top: 14px;
        text-align: center;
        margin-bottom: 25px;
        color: #1d4c57;
    }

    .inner-filter-mob-modal{
        background: #fff;
        padding: 30px;
        border-radius: 10px;
        margin-top: 40px;
        position: relative;
    }

    .calendar-filter-container .inner-filter-title.active .filter-toggle-icon {
        transform: rotate(45deg);
    }

    /* Tags slider - make items 2 times smaller on mobile */
    .tags-slider-item {
        min-width: 75px !important;
        padding: 0 6.25px !important;
        margin:0px !important;
        width:7%!important;

        display: flex;
        flex-direction: column;  /* stack vertically */
        align-items: center;     /* center horizontally */
        text-align: center;
    }

    .tags-slider-item .tag-image-wrapper {
        height: 40px !important;
        margin-bottom: 5px !important;
        width: 60px !important;
    }

    .tags-slider-item .tag-title {
        font-size: 12px !important;
        margin-top: 4px !important;
    }

    /* Tags slider section: shorter vertical footprint on mobile */
    .section-tags.tags-slider-container,
    .tags-slider-container {
        padding: 6px 0 !important;
        margin: 0 0 4px 0 !important;
    }

    .section-tags.tags-slider-container {
        border-bottom: 1px solid #d5d5d5;
        padding-bottom: 10px !important;
        margin-bottom: 12px !important;
    }

    .tags-slider-track {
        padding: 0 30px !important;
    }

    .tags-slider-nav {
        width: 20px !important;
        height: 20px !important;
        font-size: 8px !important;
    }
}

@media (max-width: 380px){
    .left-filter .inner-filter-title,
    .calendar-filter-container .inner-filter-title {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        padding: 8px 10px !important;
        font-size: 12px !important;
        align-items: center;
    }
    .left-filter .inner-filter-title > span,
    .calendar-filter-container .inner-filter-title > span {
        min-width: 0;
        white-space: normal;
        line-height: 1.25;
        overflow-wrap: break-word;
    }
    #slider:has(> .left-filter):has(> .colg.right.fast_search .calendar-filter-container) .left-filter .inner-filter-title,
    #slider:has(> .left-filter):has(> .colg.right.fast_search .calendar-filter-container) .calendar-filter-container .inner-filter-title {
        width: 100% !important;
    }
    .calendar-filter-container {
        margin-right: 15px !important;
    }
    #slider:has(> .left-filter):has(> .colg.right.fast_search .calendar-filter-container) .calendar-filter-container {
        margin-right: 0 !important;
    }
}

@media (max-width: 350px){
    .nav-tel-img{
        display: none;
    }
    .calendar-filter-container {
        margin-right: 0px !important;
    }
    #slider:has(> .left-filter):has(> .colg.right.fast_search .calendar-filter-container) .calendar-filter-container {
        margin-right: 0 !important;
    }
}