﻿body {
}

/* ------------
Oncology landing page top gray full width
------------ */

.some-major-points {
    box-shadow: 0 3px 6px 0 rgba(112, 112, 112, 0.16);
    background-color: #f8f8f8;
    padding: 20px 45px;
    margin-top: 5px;
}

    .some-major-points ul {
        padding-left: 0;
        display: flex;
        flex-wrap: wrap;
        max-width: 90%;
        margin: 0 auto;
    }

        .some-major-points ul li {
            font-size: 22px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: normal;
            text-align: left;
            color: #002f6d;
            list-style: none;
            /* flex: 0 0 33.33%; */
            border-right: solid 2px #00a0c8;
            margin-bottom: 20px;
            padding: 0 70px;
        }

            .some-major-points ul li:nth-child(3) {
                border-right: 0;
            }

            .some-major-points ul li:first-child,
            .some-major-points ul li:nth-last-child(2) {
                min-width: 375px;
            }

            .some-major-points ul li:nth-last-child(-n+2) {
                margin-bottom: 0;
            }

            .some-major-points ul li:last-child {
                border-right: none;
            }


        /* CHINEESE UL */

        .some-major-points ul.chineese-ul li {
            min-width: 0 !important;
            margin-bottom: 0;
        }

            .some-major-points ul.chineese-ul li:nth-child(3) {
                border-right: solid 2px #00a0c8;
            }

            .some-major-points ul.chineese-ul li:nth-last-child(-n+2) {
                margin-bottom: 0;
            }

@media (max-width:1865px) {
    .some-major-points ul {
        max-width: 95%;
    }
}

@media (max-width:1775px) {
    .some-major-points ul {
        max-width: 100%;
    }
}

@media (max-width:1735px) {
    .some-major-points ul {
        max-width: 90%;
    }
}

@media (max-width:1679px) {
    .some-major-points ul {
        max-width: 100%;
    }

        .some-major-points ul li {
            font-size: 20px;
        }
}

@media (min-width: 1680px) and (max-width: 1735px) {
    .some-major-points ul li {
        padding: 0 40px;
    }

        .some-major-points ul li:first-child,
        .some-major-points ul li:nth-last-child(2) {
            min-width: 312px;
        }
}

@media (max-width:1600px) {
    .some-major-points ul li:first-child,
    .some-major-points ul li:nth-last-child(2) {
        min-width: 335px;
    }

    .some-major-points ul li {
        padding: 0 60px;
    }
    /* CHINEESE UL */
    .some-major-points ul.chineese-ul li {
        padding: 0 45px;
    }
}

@media (max-width:1536px) {
    .some-major-points ul {
        max-width: 95%;
    }

        .some-major-points ul li {
            font-size: 18px;
            padding: 0 60px;
        }

            .some-major-points ul li:first-child,
            .some-major-points ul li:nth-last-child(2) {
                min-width: 310px;
            }
        /* CHINEESE UL */
        .some-major-points ul.chineese-ul li {
            padding: 0 65px;
        }
}

@media (max-width:1440px) {
    .some-major-points ul li {
        padding: 0px 45px;
    }

        .some-major-points ul li:first-child,
        .some-major-points ul li:nth-last-child(2) {
            min-width: 285px;
        }
}

@media (max-width:1366px) {
    .some-major-points ul {
        max-width: 95%;
    }

        .some-major-points ul li:first-child,
        .some-major-points ul li:nth-last-child(2) {
            min-width: 270px;
        }

        .some-major-points ul li {
            font-size: 16px;
            padding: 0px 50px;
        }
        /* CHINEESE UL */
        .some-major-points ul.chineese-ul li {
            padding: 0 55px;
        }
}

@media (max-width:1280px) {
    .some-major-points ul li:first-child,
    .some-major-points ul li:nth-last-child(2) {
        min-width: 240px;
    }

    .some-major-points ul li {
        font-size: 15px;
        padding: 0px 40px;
    }
}

@media (max-width:1253px) {
    .some-major-points {
        padding: 20px 25px;
    }

        .some-major-points ul li {
            padding: 0 45px;
        }
}

@media (max-width:1199.98px) {
    .some-major-points ul li:first-child,
    .some-major-points ul li:nth-last-child(2) {
        min-width: 230px;
    }

    .some-major-points ul li {
        font-size: 15px;
        padding: 0px 30px;
    }
    /* CHINEESE UL */
    .some-major-points ul.chineese-ul li {
        padding: 0 45px;
    }
}

@media (max-width:1024px) {
    .some-major-points ul li {
        flex: 0 0 50%;
        flex-grow: 1;
    }

        .some-major-points ul li:nth-child(3) {
            border-right: solid 2px #00a0c8;
        }

        .some-major-points ul li:nth-child(odd) {
            flex: 0 0 45%;
        }

        .some-major-points ul li:nth-last-child(2) {
            margin-bottom: 20px;
        }
    /* CHINEESE UL */
    .some-major-points ul.chineese-ul li {
        margin-bottom: 20px;
    }

        .some-major-points ul.chineese-ul li:nth-last-child(-n+2) {
            margin-bottom: 20px;
        }

        .some-major-points ul.chineese-ul li:last-child {
            margin-bottom: 0;
        }
}

@media (max-width:768px) {
    .some-major-points ul {
        max-width: 100%;
    }

    .some-major-points {
        padding: 30px 25px;
    }
}

@media (max-width:767.98px) {
    .some-major-points ul li {
        margin-bottom: 15px;
        min-height: 45px;
        display: flex;
        align-items: center;
    }

        .some-major-points ul li:nth-last-child(2) {
            margin-bottom: 15px;
        }
}

@media (max-width:580px) {
    .some-major-points {
        padding: 30px 2rem;
    }

        .some-major-points ul li:nth-child(odd) {
            flex-grow: 1;
        }

        .some-major-points ul li {
            flex: 0 0 100%;
            min-height: 0;
            border-right: none;
            padding: 0 0 0 20px;
            font-size: 14px;
            /* border-left: solid 2px #00a0c8; */
            position: relative;
        }

            .some-major-points ul li:nth-child(3) {
                border-right: none
            }

            .some-major-points ul li:before {
                width: 10px;
                height: 10px;
                background: #00a0c8;
                content: "";
                position: absolute;
                left: 0;
                top: 6px;
                border-radius: 50%;
            }
        /* CHINEESE UL */
        .some-major-points ul.chineese-ul li:nth-child(3) {
            border-right: none;
        }
}
