@media (max-width: 1900px) {
    .header-inner,.container .container-inner{
        max-width: 100%;
    }
    .header-left,.container .container-inner .container-left{
        max-width: 70%;
    }
    .header-right,.container .container-inner .container-right{
        max-width: 30%;
    }
    .header-left, .container .container-inner .container-left{
        max-width: calc(100% - 395px);
    }
    .container .container-inner .container-left .content{
        width: calc(100% - 350px);
    }
    .container .container-inner .container-left .menu{
        margin-left: 20px;
    }
}
@media (max-width: 1366px) {

    .header-right, .container .container-inner .container-right{
        max-width: 25%;
    }
    .header-left, .container .container-inner .container-left{
        max-width: calc(75% - 35px);
    }
    .compatibility_tab_list div{
        width: 18%;
    }
}
@media (max-width: 1279px) {
    .container .container-inner .container-right{
        display: none;
    }
    .container .container-inner .container-left{
        width: 100%;
    }
    .header-left, .container .container-inner .container-left{
        width: calc(100% - 20px);
        max-width: 100%;
    }
    .container .container-inner .container-left .content .home-page .natal-header{
        flex-direction: column-reverse;
    }
    .container .container-inner .container-left .content .home-page .natal-header .natal-user-info{

    }
    .container .container-inner .container-left .content .home-page .natal-header .natal-user-map{
        display: block;
        margin: 0 auto;
    }
    .compatibility_tab_list{
        width: 100%;
        gap: revert;
    }
    .compatibility_tab_list div{
        width: 20%;
    }
    .compatibility_user{
        width: 45%;
    }
    .header-right, .container .container-inner .container-right{
        padding-right: 25px;
    }
    .container .container-inner .container-left .content .home-page .natal-content .natal-content-tabs .natal-content-tabs-button{
        width: 200px
    }
    .lunar_calendar_tab_content .tab_content_div{
        width: calc(33% - 7px);
    }
    .school_tab_content .tab_content_div{
        width: calc(50% - 20px);
    }
    .forecastday-header{
        flex-direction: column !important;
    }
}