/*
Theme Name: Divi Child
Template: Divi
*/

/* Disable fixed navigation */
/*#top-header, #main-header {*/
/*    position: absolute !important;*/
/*}*/
/*设置翻译*/

#main {
    max-width: 1920px !important;
}

.container {
    max-width: 1920px !important;
}

@media screen and (max-width: 590px) {
    .trp-language-switcher > div > a {
        margin-left: -30px;
    }

    #main {
        padding: 0 20px !important
    }
}

@media screen and (max-width: 590px) {
    .news .news-buttons {
        left: 45% !important
    }

    #page-container #breadcrumb {
        height: 90px !important
    }

    .product-short-description {
        height: auto !important
    }

    .thumbnail-info h1 {
        padding: 20px 0
    }

    .trp-language-switcher > div > a {
        margin-left: -10px !important
    }
}

@media screen and (max-width: 768px) {
    #news-list .news-image {
        width: 100% !important
    }

    #news-list .news h3 {
        text-align: left;
        margin-top: 10px !important;
        margin-bottom: -15px !important;
        font-size: 18px !important;
        font-weight: bold
    }

    #news-list .news {
        height: 125vw !important;
        margin-bottom: 0 !important
    }

    .product-buttons {
        margin: inherit;
        display: flex;
        justify-content: space-around;
        width: 100%;
        margin-bottom: 10px
    }

    #product-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around
    }

    #product-list .product {
        margin-bottom: 4% !important;
        width: 46% !important
    }

    #page-container #breadcrumb h1 {
        font-size: 30px !important;
        margin-bottom: 5px !important
    }

    .product-buttons button {
        margin-left: 0 !important;
        padding: 5px 8px !important
    }

    #footer-logo {
        margin: 0 !important
    }

    #custom-footer {
        height: auto !important
    }

    #product-list .product {
        height: 62vw !important;
        padding: 20px 0 !important
    }

    .product-details h3 {
        font-size: 14px !important
    }
}

@media screen and (min-width: 591px) {
    #news article .entry-featured-image-url {
        float: left;
        width: 19%;
        margin-right: 20px
    }

    #news .entry-title {
        float: left;
        width: 78%
    }

    #news .post-meta {
        float: left;
        width: 78%
    }

    #news .post-content {
        float: left;
        width: 78%
    }
}