﻿@media only screen and (min-width: 1200px) and (max-width: 1280px) {
    
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    

    .products .products-list .product-item .product-item-content .product-item-desc p {
        font-size: 12px !important;
    }
}

.products-container {
    min-height: 60vh;
    margin: 0 auto;
}

    .products-container .search-container {
        background: #006941;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        border-radius: 0.8vw;
        height: 6.6vw;
        padding: 0.84vw 1.24vw;
    }

        .products-container .search-container .search-input-container {
            position: relative;
            display: inline-flex;
            align-items: center;
            width: 100%;
            height: 1.6vw;
        }

        .products-container .search-container .search-input {
            border-radius: 0.8vw;
            border: 1px solid #fff;
            color: #fff;
            padding: 5px 35px 5px 15px;
            background: #006941;
            height: 100%;
            font-size: 0.64vw;
            width: 100%;
            flex: 1;
        }

        .products-container .search-container .search-icon {
            position: absolute;
            right: 10px;
            height: 20px;
            width: 20px;
            display: flex;
        }

        .products-container .search-container .search-title {
            height: 38px;
            display: flex;
            align-items: flex-end;
        }

            .products-container .search-container .search-title p {
                color: #d5d5d5;
                font-size: 0.64vw;
            }

        .products-container .search-container .search-keywords {
            height: 50px;
            overflow: hidden;
        }

            .products-container .search-container .search-keywords span {
                color: #fff;
                font-size: 0.64vw;
                margin-right: 2px;
            }

            .products-container .search-container .search-keywords a {
                color: #fff !important;
            }

            .products-container .search-container .search-keywords a:hover {
                color: #fff !important;
            }

    .products-container .product-left h2 {
        font-size: 1.36vw;
        margin: 1.33vw 0px;
        font-weight: bolder;
    }

    .products-container .img-bar {
        margin-top: 1.2vw;
        background-color: #f8f8f8;
        border-radius: 0.8vw;
        width: 100%;
        position: relative;
        padding-bottom: 63.33%;
    }

        .products-container .img-bar img {
            background-color: #f8f8f8;
            border-radius: 0.8vw;
            width: 100%;
            height: 100%;
            position: absolute;
        }

    .products-container .products-category {
    }

        .products-container .products-category .tab-menu {
            display: block;
            text-align: left;
        }

            .products-container .products-category .tab-menu .active {
                background-color: #006941 !important;
                transition: background-color ease-out .3s;
                color: white !important;
                font-weight: 600;
            }

            .products-container .products-category .tab-menu .tab-menu-item {
                display: inline-block;
                font-size: 0.96vw;
                font-weight: 400;
                padding: 0.64vw 1.76vw;
                text-align: center;
                border-radius: 2.52vw;
                color: #222;
                cursor: pointer;
                margin-right: 2.08vw;
                margin-bottom: 0.8vw;
                background-color: #ffffff;
            }

    .products-container .products-divider {
        height: 1px;
        background-color: #d8d8d8;
        margin-top: 0.8vw;
    }

     .products-container .products-poster {
         padding-top: 2.6vw;
         padding-bottom: 2.2vw;
     }

     .products-container .products-poster img {
         width: 100%;
     }

.products .products-list {
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
}

    .products .products-list .product-item {
        /*background: #f1f1f1;
        padding: 1.2vw 1vw 2vw;
        width: calc(33.33% - 2vw);
        float: left;
        margin: 0 1vw 3vw;
        display: inline-block;*/
        padding: 0 8px;
        margin-bottom: 20px;
    }

        .products .products-list .product-item a {
            height: 100%;
            width: 100%;
        }

            .products .products-list .product-item a:hover .product-item-content {
                background-color: #006941;
            }

            .products .products-list .product-item a:hover .product-item-title {
                color: #fff;
            }

            .products .products-list .product-item a:hover .product-arrow {
                background-image: url(/image/arrow-white.svg);
            }

        .products .products-list .product-item .product-item-img {
            width: 100%;
            padding-bottom: 124%;
            position: relative;
        }

            .products .products-list .product-item .product-item-img img {
                border-radius: 0.8vw 0.8vw 0px 0px;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                height: 100%;
                width: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }

        .products .products-list .product-item .product-item-content {
            height: 3.32vw;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0.8vw;
            background-color: #fff;
            border-radius: 0px 0px 0.8vw 0.8vw;
        }

            .products .products-list .product-item .product-item-content .product-arrow {
                background-image: url(/image/arrow-green.svg);
                background-size: 100%;
                width: 1.08vw;
                height: 1.08vw;
            }

            .products .products-list .product-item .product-item-content .product-item-title {
                color: #000;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 1.36vw;
                line-height: initial;
            }

            .products .products-list .product-item .product-item-content .product-item-desc {
                color: #666;
                max-width: 350px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                overflow: hidden;
                height: 5vw;
                text-align: center;
            }

                .products .products-list .product-item .product-item-content .product-item-desc p {
                    font-size: .73vw;
                }

            .products .products-list .product-item .product-item-content .product-item-info {
                padding: 0 40px;
                line-height: 46px;
                border-radius: 23px;
                background: #fff;
                border: 2px solid #fff;
                margin-top: 20px;
                color: #212121;
                cursor: pointer;
                font-size: 14px;
            }

                .products .products-list .product-item .product-item-content .product-item-info a {
                    color: #212121;
                }


.product-left-swiper .product-left-slide {
    width: 100%;
    position: relative;
    padding-bottom: 142%;
}

.product-left-swiper .swiper-link {
    position: absolute;
    width: 100%;
    height: 100%;
}

.product-left-swiper .product-left-slide img {
    width: 100%;
    height: 100%;
    border-radius: 0.8vw;
}

.channel-panel {
    width: 100%;
    border: 1px solid #006941;
    border-radius: 0.8vw;
    padding: 0.8vw 1.6vw 1.6vw;
    margin-left: 0px;
}

    .channel-panel .channel-item {
        margin-top: 0.8vw;
    }