.flare_magazine {
    div.section_tit.ctext_short {
        height: 4.5rem;
        font-size: 3rem;
        letter-spacing: calc(100vw / 1000);
        text-align: unset;
        line-height: normal;
        display: flex;
        align-items: end;
        justify-content: center;
    }

    div.ct_intro_subtitle {
        margin: unset;
        margin-inline: auto;
        max-width: 8rem;

        span {
            padding: unset;
        }
    }

    div.tabs.customjs.clearfix.homepage_hotels_filter.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
        margin-top: 1rem;

        div {
            padding: unset;

            #menu_hotel {
                display: flex;
                flex-wrap: wrap;

                div.col-md-4.col-sm-4 {
                    --width: calc(100% / 3);
                    margin-inline: calc(var(--width) / 100);
                    width: calc(var(--width) * 0.98);
                    clear: unset !important;
                    float: unset;
                    position: unset;
                    text-align: unset;

                    div.iportfolio {
                        --height: calc(400px + 7.8rem);
                        position: unset;
                        float: unset;
                        margin: unset;
                        width: 100%;
                        height: var(--height);
                        height: auto;

                        div.portfolio-image {
                            width: 100%;
                            /*height: 400px;*/
                            height: auto;

                            a {
                                text-align: unset;
                                padding: unset;
                                font-size: unset;
                                text-transform: unset;
                                height: inherit;
                                width: inherit;

                                img {
                                    display: unset;
                                    width: inherit;
                                    height: auto;
                                    aspect-ratio: 1;
                                }
                            }
                        }

                        div.portfolio-desc {
                            height: 7.8rem;

                            h3 {
                                min-height: 3rem;
                                max-height: 6rem;
                                height: auto;
                                font-size: 2rem;
                                display: flex;
                                margin: unset;
                                text-align: left;
                                align-items: center;
                                letter-spacing: calc(100vw / 1000);
                                text-transform: capitalize;
                            }

                            div.buttons {
                                height: 2.16rem;
                                width: inherit;
                                font-size: unset;
                                text-transform: unset;
                                letter-spacing: unset;
                                margin: unset;
                                text-align: unset;
                                display: flex;
                                justify-content: space-evenly;
                                align-items: center;

                                a {
                                    display: unset;
                                    font-size: 1.2rem;
                                    padding: 0.48rem 0.96rem;
                                    margin: unset;
                                    width: unset;
                                    text-align: unset;
                                    letter-spacing: calc(100vw / 2000);
                                }
                            }
                        }
                    }
                }

                div.col-md-4.col-sm-4:nth-child(3n + 1) {
                    margin-left: unset;
                }

                div.col-md-4.col-sm-4:nth-child(3n) {
                    margin-right: unset;
                }
            }
        }
    }
}

@media(max-width: 639px) {
    .flare_magazine {
        div.section_tit.ctext_short {
            font-size: 1.1rem;
            line-height: 1.15;
            letter-spacing: 0;
            height: auto;
        }

        div.ct_intro_subtitle {
            max-width: 2.8rem;
        }

        div.tabs.customjs.clearfix.homepage_hotels_filter.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
            div {
                #menu_hotel {
                    div.col-md-4.col-sm-4 {
                        --width: calc(100% / 1);

                        div.iportfolio {
                            div.portfolio-image {
                                a {
                                    display: block;
                                    overflow: hidden;

                                    img {
                                        width: inherit;
                                        height: auto;
                                    }
                                }
                            }

                            div.portfolio-desc {
                                h3 {
                                    font-size: 0.9rem;
                                }

                                div.buttons {
                                    a {
                                        font-size: 0.8rem;
                                        padding: 0.32rem 0.64rem;
                                    }
                                }
                            }
                        }
                    }

                    div.col-md-4.col-sm-4:nth-child(3n + 1) {
                        margin-left: unset;
                        margin-inline: calc(var(--width) / 100);
                    }
                }
            }
        }
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .flare_magazine {
        div.section_tit.ctext_short {
            font-size: 1.5rem;
            line-height: 1.15;
            letter-spacing: 0;
            height: auto;
        }

        div.ct_intro_subtitle {
            max-width: 3.9rem;
        }

        div.tabs.customjs.clearfix.homepage_hotels_filter.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
            div {
                #menu_hotel {
                    width: inherit !important;

                    div.col-md-4.col-sm-4 {
                        --width: calc(100% / 2);

                        div.iportfolio {
                            div.portfolio-image {
                                a {
                                    display: block;
                                    overflow: hidden;

                                    img {
                                        width: auto;
                                        height: 100%;
                                    }
                                }
                            }

                            div.portfolio-desc {
                                h3 {
                                    font-size: 1rem;
                                }

                                div.buttons {
                                    a {
                                        font-size: 0.9rem;
                                        padding: 0.36rem 0.72rem;
                                    }
                                }
                            }
                        }
                    }

                    div.col-md-4.col-sm-4:nth-child(3n + 1) {
                        margin-left: unset;
                        margin-inline: calc(var(--width) / 100);
                    }
                }
            }
        }
    }
}