.rdo-1x28 {
    font-family: "Montserrat", sans-serif;
    max-width: 1500px;
    min-width: 270px;
    width: 100%;
    margin: 0 auto;
    overflow-x: unset;
}
.product-container {
    overflow-x: visible;
}
/* product==================================================================== */
.product-rdo-1x28 {
    display: flex;
    padding: 210px 130px 40px 115px;
    background-image: url(/image/catalog/landings/rdo-1x28/product-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    align-items: end;
}
.product-rdo-1x28__info {
    display: flex;
    flex-direction: column;
    padding: 0 0 90px 0;
    position: relative;
}
.product-rdo-1x28__info img {
    max-width: 288px;
    width: 100%;
}
.product-rdo-1x28__info h2 {
    color: #FFF;
    font-size: 128px;
    font-weight: 500;
    line-height: 75%;
    margin: 0;
}
.product-rdo-1x28__info h3 {
    color: #FFF;
    font-size: 26px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 3.9px;
    text-transform: uppercase;
    margin: 0;
    padding: 15px 0 0 11px;
}
.product-rdo-1x28__img {
    max-width: 660px;
    width: 100%;
    margin: 0 0 0 -70px;
}
@media screen and (max-width: 1599px) {
    .product-rdo-1x28 {
        padding: 184px 88px 35px 85px;
    }
    .product-rdo-1x28__info {
        padding: 0 0 80px 0;
    }
    .product-rdo-1x28__info img {
        max-width: 248px;
    }
    .product-rdo-1x28__info h2 {
        font-size: 110px;
    }
    .product-rdo-1x28__info h3 {
        font-size: 22px;
        letter-spacing: 3.3px;
        padding: 14px 0 0 10px;
    }
    .product-rdo-1x28__img {
        max-width: 576px;
        margin: 0 0 0 -30px;
    }
}
@media screen and (max-width: 1344px) {
    .product-rdo-1x28 {
        padding: 208px 50px 30px 65px;
    }
    .product-rdo-1x28__info {
        padding: 0 0 85px 0;
    }
    .product-rdo-1x28__img {
        max-width: 552px;
        margin: 0 0 0 -77px;
    }
}
@media screen and (max-width: 1199px) {
    .product-rdo-1x28 {
        padding: 165px 50px 40px 50px;
    }
    .product-rdo-1x28__info {
        padding: 0 0 37px 0;
    }
    .product-rdo-1x28__info img {
        max-width: 213px;
    }
    .product-rdo-1x28__info h2 {
        font-size: 90px;
    }
    .product-rdo-1x28__info h3 {
        font-size: 20px;
        letter-spacing: 3px;
        padding: 15px 0 0 8px;
    }
    .product-rdo-1x28__img {
        max-width: 420px;
        margin: 0 0 0 -35px;
    }
}
@media screen and (max-width: 991px) {
    .product-rdo-1x28 {
        padding: 217px 80px 70px 80px;
        flex-direction: column-reverse;
        align-items: center;
        background-image: url(/image/catalog/landings/rdo-1x28/product-bg-m.webp);
    }
    .product-rdo-1x28__info {
        padding: 0;
    }
    .product-rdo-1x28__img {
        max-width: 530px;
        margin: 0 0 -110px 0;
    }
}
@media screen and (max-width: 767px){
    .product-rdo-1x28 {
        padding: 23vw 40px 50px 40px;
    }
    .product-rdo-1x28__img {
        max-width: 67vw;
        margin: 0 0 -14vw 0;
    }
}
@media screen and (max-width: 567px) {
    .product-rdo-1x28 {
        padding: 38vw 15px 40px 15px;
        gap: 10px;
        background-image: url(/image/catalog/landings/rdo-1x28/product-bg-s.webp);
    }
    .product-rdo-1x28__img {
        max-width: 75vw;
        margin: 0;
    }
    .product-rdo-1x28__info img {
        max-width: 157px;
    }
    .product-rdo-1x28__info h2 {
        font-size: 50px;
    }
    .product-rdo-1x28__info h3 {
        font-size: 18px;
        letter-spacing: 2.7px;
        padding: 10px 0 0 3px;
    }
}
/* quality----------------------------------------------------------------------------- */
.quality-rdo-1x28 {
    display: flex;
    gap: 35px;
    margin: 200px 0;
    padding: 0 0 0 90px;
}
.quality-rdo-1x28__picture {
    display: flex;
    align-items: end;
}
.quality-rdo-1x28__picture img {
    width: 100%;
}
.quality-rdo-1x28__picture img:first-child {
    max-width: 503px;
    padding: 0 0 126px 0;
}
.quality-rdo-1x28__picture img:last-child {
    max-width: 371px;
    margin: 0 0 0 -250px;
}
.quality-rdo-1x28__info {
    display: flex;
    flex-direction: column;
    gap: 50px;
    max-width: 707px;
    width: 100%;
    padding: 95px 0 0 0;
}
.quality-rdo-1x28__info h3 {
    color: #266141;
    font-size: 45px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0.9px;
    margin: 0;
}
.quality-rdo-1x28__info p {
    color: #020A0A;
    font-size: 22px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
}
@media screen and (max-width: 1599px) {
    .quality-rdo-1x28 {
        margin: 150px 0;
        padding: 0;
        gap: 20px;
    }
    .quality-rdo-1x28__info {
        gap: 40px;
        max-width: 612px;
        padding: 105px 0 0 0;
    }
    .quality-rdo-1x28__info h3 {
        font-size: 40px;
        letter-spacing: 0.8px;
    }
    .quality-rdo-1x28__info p {
        font-size: 20px;
    }
}
@media screen and (max-width: 1344px) {
    .quality-rdo-1x28 {
        gap: 55px;
    }
    .quality-rdo-1x28__picture img:first-child {
        max-width: 399px;
        padding: 0 0 95px 0;
    }
    .quality-rdo-1x28__picture img:last-child {
        max-width: 294px;
        margin: 0 0 0 -200px;
    }
    .quality-rdo-1x28__info {
        max-width: 575px;
        padding: 118px 0 0 0;
    }
}
@media screen and (max-width: 1199px) {
    .quality-rdo-1x28 {
        gap: 25px;
    }
    .quality-rdo-1x28__picture img:first-child {
        max-width: 364px;
        padding: 0 0 86px 0;
    }
    .quality-rdo-1x28__picture img:last-child {
        max-width: 268px;
        margin: 0 0 0 -183px;
    }
    .quality-rdo-1x28__info {
        max-width: 447px;
        padding: 43px 0 0 0;
        gap: 30px;
    }
    .quality-rdo-1x28__info h3 {
        font-size: 34px;
        letter-spacing: 0.6px;
    }
    .quality-rdo-1x28__info p {
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) {
    .quality-rdo-1x28 {
        gap: 50px;
        flex-direction: column-reverse;
        align-items: center;
        margin: 125px 0;
    }
    .quality-rdo-1x28__info {
        max-width: 100%;
        padding: 0;
    }
    .quality-rdo-1x28__picture {
        position: relative;
    }
    .quality-rdo-1x28__picture img:first-child {
        max-width: 399px;
        padding: 0 0 95px 0;
    }
    .quality-rdo-1x28__picture img:last-child {
        max-width: 294px;
        margin: 0 0 0 -200px;
        position: absolute;
        bottom: 0;
        right: -95px;
    }
}
@media screen and (max-width: 767px){
    .quality-rdo-1x28__info h3 {
        font-size: 28px;
        letter-spacing: 0.5px;
    }
    .quality-rdo-1x28__info p {
        font-size: 16px;
    }
    .quality-rdo-1x28__picture img:first-child {
        max-width: 355px;
        padding: 0 0 84px 0;
    }
    .quality-rdo-1x28__picture img:last-child {
        max-width: 261px;
        margin: 0 0 0 -200px;
        right: -80px;
    }
}
@media screen and (max-width: 567px) {
    .quality-rdo-1x28 {
        margin: 100px 0;
    }
    .quality-rdo-1x28__info {
        text-align: center;
        gap: 15px;
    }
    .quality-rdo-1x28__info h3 {
        font-size: 25px;
    }
    .quality-rdo-1x28__info p {
        font-size: 14px;
    }
    .quality-rdo-1x28__picture img:first-child {
        max-width: 270px;
        padding: 0 0 55px 0;
    }
    .quality-rdo-1x28__picture img:last-child {
        max-width: 171px;
        margin: 0;
        right: 0;
    }
}
/* sight--------------------------------------------------------------------------------- */
.sight-rdo-1x28 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 200px 0;
}
.sight-rdo-1x28__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 25px;
    max-width: 1024px;
    width: 100%;
}
.sight-rdo-1x28__info h3 {
    color: #266141;
    font-size: 45px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0.9px;
    margin: 0;
}
.sight-rdo-1x28__info p {
    color: #020A0A;
    font-size: 22px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
}
.sight-rdo-1x28__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 500px;
    margin: 50px 0 0 0;
}
.sight-rdo-1x28__inner {
    background-image: url(/image/catalog/landings/rdo-1x28/sight-bg.webp);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 500px;
}
.sight-rdo-1x28__inner img {
    width: 1450px;
    align-self: start;
    flex-shrink: 0;
}
.sight-rdo-1x28__img {
    max-width: 351px;
    width: 100%;
    position: relative;
    margin: -340px 0 0 0;
}
@media screen and (max-width: 1599px) {
    .sight-rdo-1x28 {
        margin: 150px 0;
    }
    .sight-rdo-1x28__info h3 {
        font-size: 40px;
        letter-spacing: 0.8px;
    }
    .sight-rdo-1x28__info p {
        font-size: 20px;
    }
    .sight-rdo-1x28__wrap {
        height: 430px;
    }
    .sight-rdo-1x28__inner {
        height: 430px;
    }
    .sight-rdo-1x28__inner img {
        width: 1250px;
    }
    .sight-rdo-1x28__img {
        max-width: 303px;
        margin: -290px 0 0 0;
    }
}
@media screen and (max-width: 1344px) {
    .sight-rdo-1x28__info {
        max-width: 932px;
    }
    .sight-rdo-1x28__wrap {
        height: 386px;
    }
    .sight-rdo-1x28__inner {
        height: 386px;
    }
    .sight-rdo-1x28__inner img {
        width: 1120px;
    }
    .sight-rdo-1x28__img {
        max-width: 271px;
        margin: -260px 0 0 0;
    }
}
@media screen and (max-width: 1199px) {
    .sight-rdo-1x28__info {
        max-width: 733px;
    }
    .sight-rdo-1x28__info h3 {
        font-size: 34px;
        letter-spacing: 0.6px;
    }
    .sight-rdo-1x28__info p {
        font-size: 18px;
    }
    .sight-rdo-1x28__wrap {
        height: 317px;
        margin: 38px 0 0 0;
    }
    .sight-rdo-1x28__inner {
        height: 317px;
    }
    .sight-rdo-1x28__inner img {
        width: 920px;
    }
    .sight-rdo-1x28__img {
        max-width: 223px;
        margin: -215px 0 0 0;
    }
}
@media screen and (max-width: 991px) {
    .sight-rdo-1x28 {
        margin: 125px 0;
    }
    .sight-rdo-1x28__info {
        max-width: 700px;
    }
    .sight-rdo-1x28__wrap {
        height: 241px;
        margin: 40px 0 0 0;
    }
    .sight-rdo-1x28__inner {
        height: 241px;
    }
    .sight-rdo-1x28__inner img {
        width: 700px;
    }
    .sight-rdo-1x28__img {
        max-width: 169px;
        margin: -163px 0 0 0;
    }
}
@media screen and (max-width: 767px){
    .sight-rdo-1x28__info h3 {
        font-size: 28px;
        letter-spacing: 0.5px;
    }
    .sight-rdo-1x28__info p {
        font-size: 16px;
    }
    .sight-rdo-1x28__wrap {
        margin: 25px 0 0 0;
    }
    .sight-rdo-1x28__inner img {
        width: 87vw;
    }
}
@media screen and (max-width: 567px) {
    .sight-rdo-1x28 {
        margin: 100px 0;
    }
    .sight-rdo-1x28__info {
        gap: 15px;
    }
    .sight-rdo-1x28__info h3 {
        font-size: 25px;
    }
    .sight-rdo-1x28__info p {
        font-size: 14px;
    }
    .sight-rdo-1x28__wrap {
        height: 209px;
        margin: 30px 0 0 0;
    }
    .sight-rdo-1x28__inner {
        height: 209px;
    }
    .sight-rdo-1x28__img {
        max-width: 169px;
        margin: -140px 0 0 0;
    }
}
/* coating----------------------------------------------------------------------- */
.scroll-coating {
    position: relative;
    height: 1600px;
    margin: 200px 0;
    display: flex;
    flex-direction: column;
}
.coating-rdo-1x28 {
    display: flex;
    justify-content: space-between;
    position: sticky;
    top: 100px;
    padding: 0 50px 0 90px;
}
.coating-rdo-1x28__wrap {
    display: flex;
    flex-direction: column;
    gap: 50px;
    max-width: 638px;
    width: 100%;
}
.coating-rdo-1x28__wrap h3 {
    color: #22372C;
    font-size: 45px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0.9px;
    margin: 0;
}
.coating-rdo-1x28__picture {
    position: relative;
}
.coating-rdo-1x28__img {
    max-width: 422px;
    width: 100%;
}
.coating-rdo-1x28__lenses {
    position: absolute;
    top: 20px;
    left: 210px;
    scale: 0.8;
}
.coating-rdo-1x28__lens_1 {
    max-width: 205px;
    width: 100%;
}
.coating-rdo-1x28__lens_2 {
    max-width: 205px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.coating-rdo-1x28__info {
    display: flex;
    flex-direction: column;
    gap: 100px;
    max-width: 530px;
    width: 100%;
}
.coating-rdo-1x28__inner {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.coating-rdo-1x28__inner h4 {
    color: #266141;
    font-size: 32px;
    font-weight: 600;
    line-height: 100%;
    margin: 0;
}
.coating-rdo-1x28__inner p {
    color: #020A0A;
    font-size: 22px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
}
@media screen and (max-width: 1599px) {
    .scroll-coating {
        margin: 150px 0;
    }
    .coating-rdo-1x28 {
        padding: 0;
    }
    .coating-rdo-1x28__wrap h3 {
        font-size: 40px;
        letter-spacing: 0.8px;
    }
    .coating-rdo-1x28__info {
        max-width: 485px;
    }
    .coating-rdo-1x28__inner h4 {
        font-size: 28px;
    }
    .coating-rdo-1x28__inner p {
        font-size: 20px;
    }
}
@media screen and (max-width: 1344px) {
    .scroll-coating {
        height: 1400px;
    }
    .coating-rdo-1x28__wrap {
        gap: 60px;
        max-width: 545px;
    }
    .coating-rdo-1x28__img {
        max-width: 377px;
    }
    .coating-rdo-1x28__lenses {
        top: 10px;
        left: 185px;
    }
    .coating-rdo-1x28__lens_1 {
        max-width: 180px;
    }
    .coating-rdo-1x28__lens_2 {
        max-width: 180px;
    }
    .coating-rdo-1x28__info {
        gap: 80px;
    }
    .coating-rdo-1x28__inner h4 {
        font-size: 25px;
    }
}
@media screen and (max-width: 1199px) {
    .scroll-coating {
        height: 1200px;
    }
    .coating-rdo-1x28__wrap {
        gap: 70px;
        max-width: 448px;
    }
    .coating-rdo-1x28__wrap h3 {
        font-size: 34px;
    }
    .coating-rdo-1x28__img {
        max-width: 316px;
    }
    .coating-rdo-1x28__lenses {
        top: 10px;
        left: 155px;
    }
    .coating-rdo-1x28__lens_1 {
        max-width: 154px;
    }
    .coating-rdo-1x28__lens_2 {
        max-width: 154px;
    }
    .coating-rdo-1x28__info {
        gap: 50px;
        max-width: 447px;
    }
    .coating-rdo-1x28__inner {
        gap: 20px;
    }
    .coating-rdo-1x28__inner h4 {
        font-size: 22px;
    }
    .coating-rdo-1x28__inner p {
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) {
    .scroll-coating {
        height: 1400px;
        margin: 125px 0;
    }
    .coating-rdo-1x28 {
        flex-direction: column;
        align-items: center;
        gap: 60px;
        top: 70px;
    }
    .coating-rdo-1x28__wrap {
        gap: 50px;
        max-width: 560px;
        align-items: center;
    }
    .coating-rdo-1x28__wrap h3 {
        text-align: center;
    }
    .coating-rdo-1x28__img {
        max-width: 377px;
    }
    .coating-rdo-1x28__lenses {
        top: 10px;
        left: 185px;
    }
    .coating-rdo-1x28__lens_1 {
        max-width: 180px;
    }
    .coating-rdo-1x28__lens_2 {
        max-width: 180px;
    }
    .coating-rdo-1x28__info {
        gap: 60px;
        max-width: 560px;
    }
}
@media screen and (max-width: 767px){
    .coating-rdo-1x28 {
        gap: 50px;
        top: 40px;
    }
    .coating-rdo-1x28__wrap h3 {
        font-size: 28px;
    }
    .coating-rdo-1x28__img {
        max-width: 316px;
    }
    .coating-rdo-1x28__lenses {
        top: 10px;
        left: 155px;
    }
    .coating-rdo-1x28__lens_1 {
        max-width: 154px;
    }
    .coating-rdo-1x28__lens_2 {
        max-width: 154px;
    }
    .coating-rdo-1x28__inner p {
        font-size: 16px;
    }
    .coating-rdo-1x28__info {
        gap: 40px;
    }
}
@media screen and (max-width: 567px) {
    .scroll-coating {
        height: 1300px;
        margin: 100px 0;
    }
    .coating-rdo-1x28 {
        gap: 35px;
        top: 40px;
    }
    .coating-rdo-1x28__wrap {
        gap: 30px;
    }
    .coating-rdo-1x28__wrap h3 {
        font-size: 25px;
    }
    .coating-rdo-1x28__picture {
        margin: 0 0 0 -30px;
    }
    .coating-rdo-1x28__img {
        max-width: 209px;
    }
    .coating-rdo-1x28__lenses {
        top: 5px;
        left: 103px;
    }
    .coating-rdo-1x28__lens_1 {
        width: 98px;
    }
    .coating-rdo-1x28__lens_2 {
        width: 98px;
    }
    .coating-rdo-1x28__inner {
        gap: 15px;
    }
    .coating-rdo-1x28__inner h4 {
        font-size: 18px;
    }
    .coating-rdo-1x28__inner p {
        font-size: 14px;
    }
    .coating-rdo-1x28__info {
        gap: 30px;
    }
}
/* reticle------------------------------------------------------------------- */
.reticle-rdo-1x28 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 100px 185px 100px 100px;
    gap: 10px;
    background-image: url(/image/catalog/landings/rdo-1x28/reticle-bg.webp);
    background-size: cover;
    margin: 200px 0;
}
.reticle-rdo-1x28__info {
    display: flex;
    flex-direction: column;
    max-width: 650px;
    width: 100%;
    gap: 100px;
}
.reticle-rdo-1x28__inner {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.reticle-rdo-1x28__inner h3 {
    color: #FFF;
    font-size: 45px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0.9px;
    margin: 0;
}
.reticle-rdo-1x28__inner p {
    color: #FFF;
    font-size: 22px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
    max-width: 607px;
    width: 100%;
}
.reticle-rdo-1x28__picture {
    position: relative;
}
.reticle-rdo-1x28__img {
    max-width: 503px;
    width: 100%;
}
.reticle-rdo-1x28__dot {
    width: 9px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: shadowAnim 2s ease-in-out 0s infinite alternate;
}
@keyframes shadowAnim {
    0% {
        filter: drop-shadow(0px) ;
    }
    100% {
        filter: drop-shadow(0px 0px 1.08px #F00) drop-shadow(0px 0px 2.16px #F00) drop-shadow(0px 0px 7.56px #F00) drop-shadow(0px 0px 15.12px #F00) drop-shadow(0px 0px 25.92px #F00) drop-shadow(0px 0px 45.36px #F00) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    }
}
@media screen and (max-width: 1599px) {
    .reticle-rdo-1x28 {
        padding: 80px 160px 80px 80px;
        gap: 0;
        margin: 150px 0;
    }
    .reticle-rdo-1x28__info {
        max-width: 585px;
    }
    .reticle-rdo-1x28__inner {
        gap: 35px;
    }
    .reticle-rdo-1x28__inner h3 {
        font-size: 40px;
        letter-spacing: 0.8px;
    }
    .reticle-rdo-1x28__inner p {
        font-size: 20px;
        max-width: 532px;
    }
    .reticle-rdo-1x28__picture {
        margin: 0 0 0 -50px;
    }
    .reticle-rdo-1x28__img {
        max-width: 434px;
    }
    .reticle-rdo-1x28__dot {
        width: 8px;
    }
}
@media screen and (max-width: 1344px) {
    .reticle-rdo-1x28 {
        padding: 65px 157px 65px 65px;
        background-position: center right 15%;
    }
    .reticle-rdo-1x28__info {
        gap: 80px;
    }
    .reticle-rdo-1x28__picture {
        margin: 0 0 0 -80px;
    }
    .reticle-rdo-1x28__img {
        max-width: 366px;
    }
    .reticle-rdo-1x28__dot {
        width: 6px;
    }
}
@media screen and (max-width: 1199px) {
    .reticle-rdo-1x28 {
        padding: 50px 130px 50px 50px;
        background-position: center right 37%;
    }
    .reticle-rdo-1x28__info {
        max-width: 516px;
        gap: 70px;
    }
    .reticle-rdo-1x28__inner {
        gap: 30px;
    }
    .reticle-rdo-1x28__inner h3 {
        font-size: 34px;
        letter-spacing: 0.6px;
    }
    .reticle-rdo-1x28__inner p {
        font-size: 18px;
        max-width: 475px;
    }
    .reticle-rdo-1x28__img {
        max-width: 272px;
    }
    .reticle-rdo-1x28__dot {
        width: 4px;
    }
}
@media screen and (max-width: 991px) {
    .reticle-rdo-1x28 {
        padding: 70px 90px;
        background-position: center top;
        background-image: url(/image/catalog/landings/rdo-1x28/reticle-bg-m.webp);
        flex-direction: column-reverse;
        gap: 70px;
        margin: 125px 0;
    }
    .reticle-rdo-1x28__picture {
        margin: 0;
    }
    .reticle-rdo-1x28__img {
        max-width: 366px;
    }
    .reticle-rdo-1x28__dot {
        width: 6px;
    }
    .reticle-rdo-1x28__info {
        max-width: 520px;
    }
    .reticle-rdo-1x28__inner p {
        max-width: 100%;
    }
}
@media screen and (max-width: 767px){
    .reticle-rdo-1x28 {
        padding: 50px;
        gap: 50px;
        background-image: url(/image/catalog/landings/rdo-1x28/reticle-bg-s.webp);
    }
    .reticle-rdo-1x28__info {
        gap: 50px;
    }
    .reticle-rdo-1x28__inner {
        gap: 20px;
    }
    .reticle-rdo-1x28__inner h3 {
        font-size: 28px;
        letter-spacing: 0.5px;
    }
    .reticle-rdo-1x28__inner p {
        font-size: 16px;
    }
}
@media screen and (max-width: 567px) {
    .reticle-rdo-1x28 {
        padding: 40px 15px;
        margin: 100px 0;
    }
    .reticle-rdo-1x28__img {
        max-width: 230px;
    }
    .reticle-rdo-1x28__dot {
        width: 4px;
    }
    .reticle-rdo-1x28__info {
        gap: 35px;
    }
    .reticle-rdo-1x28__inner {
        text-align: center;
        gap: 15px;
    }
    .reticle-rdo-1x28__inner h3 {
        font-size: 25px;
    }
    .reticle-rdo-1x28__inner p {
        font-size: 14px;
    }
}
/* calibration------------------------------------------------------------------------ */
.calibration-rdo-1x28 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0 35px;
    margin: 200px 0;
}
.calibration-rdo-1x28 img {
    max-width: 584px;
    width: 100%;
}
.calibration-rdo-1x28__info {
    display: flex;
    flex-direction: column;
    gap: 25px;
    max-width: 707px;
    width: 100%;
}
.calibration-rdo-1x28__info h3 {
    color: #266141;
    font-size: 45px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0.9px;
    margin: 0 0 25px 0;
}
.calibration-rdo-1x28__info p {
    color: #020A0A;
    font-size: 22px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
}
@media screen and (max-width: 1599px) {
    .calibration-rdo-1x28 {
        padding: 0;
        margin: 150px 0;
    }
    .calibration-rdo-1x28 img {
        max-width: 510px;
    }
    .calibration-rdo-1x28__info {
        max-width: 613px;
    }
    .calibration-rdo-1x28__info h3 {
        font-size: 40px;
        letter-spacing: 0.8px;
    }
    .calibration-rdo-1x28__info p {
        font-size: 20px;
    }
}
@media screen and (max-width: 1344px) {
    .calibration-rdo-1x28 img {
        max-width: 490px;
    }
    .calibration-rdo-1x28__info {
        max-width: 575px;
        gap: 20px;
    }
    .calibration-rdo-1x28__info h3 {
        margin: 0 0 15px 0;
    }
}
@media screen and (max-width: 1199px) {
    .calibration-rdo-1x28 img {
        max-width: 448px;
    }
    .calibration-rdo-1x28__info {
        max-width: 447px;
        gap: 15px;
    }
    .calibration-rdo-1x28__info h3 {
        font-size: 34px;
        letter-spacing: 0.6px;
    }
    .calibration-rdo-1x28__info p {
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) {
    .calibration-rdo-1x28 {
        flex-direction: column-reverse;
        grid-gap: 50px;
        margin: 125px 0;
    }
    .calibration-rdo-1x28 img {
        max-width: 520px;
    }
    .calibration-rdo-1x28__info {
        max-width: 100%;
    }
    .calibration-rdo-1x28__info h3 {
        max-width: 447px;
    }
}
@media screen and (max-width: 767px){
    .calibration-rdo-1x28 img {
        max-width: 467px;
    }
    .calibration-rdo-1x28__info h3 {
        font-size: 28px;
        letter-spacing: 0.5px;
    }
    .calibration-rdo-1x28__info p {
        font-size: 16px;
    }
}
@media screen and (max-width: 567px) {
    .calibration-rdo-1x28 {
        gap: 35px;
        margin: 100px 0;
    }
    .calibration-rdo-1x28 img {
        max-width: 270px;
    }
    .calibration-rdo-1x28__info {
        text-align: center;
        align-items: center;
    }
    .calibration-rdo-1x28__info h3 {
        font-size: 25px;
        margin: 0 0 10px 0;
    }
    .calibration-rdo-1x28__info p {
        font-size: 14px;
    }
}
/* solution========================================================================= */
.solution-rdo-1x28 {
    display: flex;
    justify-content: center;
    background-image: url(/image/catalog/landings/rdo-1x28/solution-bg.webp);
    background-size: cover;
    background-position: top center;
    padding: 145px 50px 380px;
}
.solution-rdo-1x28__info {
    display: flex;
    flex-direction: column;
    gap: 50px;
    max-width: 1025px;
    width: 100%;
    align-items: center;
    text-align: center;
    position: relative;
}
.solution-rdo-1x28__info h2 {
    color: #FFF;
    font-size: 45px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0.9px;
    margin: 0;
    max-width: 706px;
    width: 100%;
}
.solution-rdo-1x28__info p {
    color: #FFF;
    font-size: 22px;
    font-weight: 500;
    line-height: 130%;
    margin: 0;
}
@media screen and (max-width: 1599px) {
    .solution-rdo-1x28 {
        padding: 130px 50px 327px;
    }
    .solution-rdo-1x28__info {
        gap: 35px;
        max-width: 936px;
    }
    .solution-rdo-1x28__info h2 {
        font-size: 40px;
        letter-spacing: 0.8px;
    }
    .solution-rdo-1x28__info p {
        font-size: 20px;
    }
}
@media screen and (max-width: 1344px) {
    .solution-rdo-1x28 {
        padding: 125px 50px 257px;
    }
    .solution-rdo-1x28__info {
        max-width: 890px;
    }
}
@media screen and (max-width: 1199px) {
    .solution-rdo-1x28 {
        padding: 125px 50px 240px;
    }
    .solution-rdo-1x28__info {
        gap: 30px;
        max-width: 681px;
    }
    .solution-rdo-1x28__info h2 {
        font-size: 34px;
        letter-spacing: 0.6px;
    }
    .solution-rdo-1x28__info p {
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) {
    .solution-rdo-1x28 {
        padding: 125px 50px 215px;
        background-position: top left;
    }
    .solution-rdo-1x28__info {
        max-width: 574px;
    }
}
@media screen and (max-width: 767px){
    .solution-rdo-1x28 {
        padding: 80px 10px 230px;
        background-position: top left;
    }
    .solution-rdo-1x28__info {
        max-width: 503px;
        gap: 15px;
    }
    .solution-rdo-1x28__info h2 {
        font-size: 28px;
        letter-spacing: 0.5px;
    }
    .solution-rdo-1x28__info p {
        font-size: 16px;
    }
}
@media screen and (max-width: 567px) {
    .solution-rdo-1x28 {
        padding: 70px 5px 200px;
        background-position: top left 10%;
    }
    .solution-rdo-1x28__info {
        gap: 5px;
    }
    .solution-rdo-1x28__info h2 {
        font-size: 25px;
    }
    .solution-rdo-1x28__info p {
        font-size: 14px;
    }
}
/* advantage------------------------------------------------------------------------------------------ */
.goats-rdo-1x28 {
    display: flex;
    max-width: 1450px;
    width: 100%;
    margin: -500px 0 0 0;
}
.goats-rdo-1x28 img {
    width: 100%;
}
.advantage-rdo-1x28 {
    margin: -350px 0 0 0;
    padding: 397px 50px 50px 50px;
    background-image: url(/image/catalog/landings/rdo-1x28/advantage-bg.webp);
    background-size: cover;
    background-position: center top;
    position: relative;
}
.advantage-rdo-1x28 ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 50px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.advantage-rdo-1x28__item {
    display: flex;
    flex-direction: column;
    padding: 40px;
    box-sizing: border-box;
    gap: 40px;
    border: 2px solid #FFF;
    width: 100%;
}
.advantage-rdo-1x28__item_1 {
    grid-area: 1 / 1 / 2 / 2;
}
.advantage-rdo-1x28__item_2 {
    grid-area: 2 / 1 / 3 / 2;
}
.advantage-rdo-1x28__item_3 {
    grid-area: 2 / 2 / 3 / 3;
}
.advantage-rdo-1x28__item_4 {
    grid-area: 3 / 2 / 4 / 3;
}
.advantage-rdo-1x28 ul li:nth-child(odd) {
    background-color: #22372C;
}
.advantage-rdo-1x28 ul li div {
    display: flex;
    align-items: center;
    gap: 40px;
}
.advantage-rdo-1x28 ul li div img {
    max-width: 85px;
    width: 100%;
}
.advantage-rdo-1x28 ul li div h4 {
    color: #FFF;
    font-size: 32px;
    font-weight: 600;
    line-height: 100%;
    margin: 0;
}
.advantage-rdo-1x28 ul li p {
    color: #FFF;
    font-size: 22px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
}
@media screen and (max-width: 1599px) {
    .goats-rdo-1x28 {
        margin: -460px 0 0 0;
    }
    .advantage-rdo-1x28 {
        margin: -300px 0 0 0;
        padding: 345px 45px 45px 45px;
    }
    .advantage-rdo-1x28 ul {
        gap: 40px;
    }
    .advantage-rdo-1x28 ul li div img {
        max-width: 73px;
    }
    .advantage-rdo-1x28 ul li div h4 {
        font-size: 28px;
    }
    .advantage-rdo-1x28 ul li p {
        font-size: 20px;
    }
}
@media screen and (max-width: 1344px) {
    .goats-rdo-1x28 {
        margin: -375px 0 0 0;
    }
    .advantage-rdo-1x28 {
        margin: -275px 0 0 0;
        padding: 340px 40px 40px 40px;
    }
    .advantage-rdo-1x28 ul {
        gap: 30px;
    }
    .advantage-rdo-1x28__item {
        padding: 30px;
        gap: 30px;
    }
    .advantage-rdo-1x28 ul li div {
        gap: 30px;
    }
    .advantage-rdo-1x28 ul li div h4 {
        font-size: 25px;
    }
}
@media screen and (max-width: 1199px) {
    .goats-rdo-1x28 {
        margin: -350px 0 0 0;
    }
    .advantage-rdo-1x28 {
        margin: -265px 0 0 0;
        padding: 280px 30px 30px 30px;
    }
    .advantage-rdo-1x28__item {
        padding: 25px;
        gap: 25px;
    }
    .advantage-rdo-1x28 ul li div {
        gap: 25px;
    }
    .advantage-rdo-1x28 ul li div img {
        max-width: 65px;
    }
    .advantage-rdo-1x28 ul li div h4 {
        font-size: 22px;
    }
    .advantage-rdo-1x28 ul li p {
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) {
    .goats-rdo-1x28 {
        margin: -350px 0 0 0;
    }
    .advantage-rdo-1x28 {
        margin: -280px 0 0 0;
        padding: 285px 70px 70px 70px;
        background-image: url(/image/catalog/landings/rdo-1x28/advantage-bg-m.webp);
    }
    .advantage-rdo-1x28 ul {
        display: flex;
        flex-direction: column;
        gap: 50px;
    }
    .advantage-rdo-1x28__item {
        padding: 40px;
        gap: 40px;
    }
    .advantage-rdo-1x28 ul li div {
        gap: 30px;
    }
}
@media screen and (max-width: 767px){
    .goats-rdo-1x28 {
        margin: -350px 0 0 0;
    }
    .advantage-rdo-1x28 {
        margin: -240px 0 0 0;
        padding: 300px 50px 50px 50px;
    }
    .advantage-rdo-1x28__item {
        padding: 30px;
        gap: 30px;
    }
    .advantage-rdo-1x28 ul li p {
        font-size: 16px;
    }
}
@media screen and (max-width: 567px) {
    .goats-rdo-1x28 {
        margin: -275px 0 0 0;
    }
    .advantage-rdo-1x28 {
        margin: -36vw 0 0 0;
        padding: 200px 15px 30px 15px;
    }
    .advantage-rdo-1x28 ul {
        gap: 35px;
    }
    .advantage-rdo-1x28__item {
        padding: 15px;
        gap: 15px;
    }
    .advantage-rdo-1x28 ul li div {
        gap: 15px;
        flex-direction: column;
        align-items: start;
    }
    .advantage-rdo-1x28 ul li div img {
        max-width: 50px;
    }
    .advantage-rdo-1x28 ul li div h4 {
        font-size: 18px;
    }
    .advantage-rdo-1x28 ul li p {
        font-size: 14px;
    }
}
/* guarantee--------------------------------------------------------------- */
.guarantee-rdo-1x28 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 35px;
    margin: 200px 0 50px;
}
.guarantee-rdo-1x28__info {
    grid-area: 1 / 1 / 3 / 5;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.guarantee-rdo-1x28__info h3 {
    color: #22372C;
    font-size: 43px;
    font-weight: 600;
    line-height: 100%;
    margin: 0;
}
.guarantee-rdo-1x28__info p {
    color: #000;
    font-size: 22px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
}
.guarantee-rdo-1x28__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.guarantee-rdo-1x28__img_1 {
    grid-area: 3 / 1 / 5 / 5;
}
.guarantee-rdo-1x28__img_2 {
    grid-area: 5 / 1 / 7 / 3;
}
.guarantee-rdo-1x28__img_3 {
    grid-area: 5 / 3 / 7 / 5;
}
.guarantee-rdo-1x28__img_4 {
    grid-area: 1 / 5 / 7 / 8;
}
.guarantee-rdo-1x28__img_5 {
    grid-area: 1 / 8 / 4 / 11;
}
.guarantee-rdo-1x28__img_6 {
    grid-area: 4 / 8 / 7 / 11;
}

@media screen and (max-width: 1599px) {
    .guarantee-rdo-1x28 {
        gap: 30px;
        margin: 150px 0 50px;
    }
    .guarantee-rdo-1x28__info {
        gap: 30px;
    }
    .guarantee-rdo-1x28__info h3 {
        font-size: 38px;
    }
    .guarantee-rdo-1x28__info p {
        font-size: 20px;
    }
}
@media screen and (max-width: 1344px) {
    .guarantee-rdo-1x28 {
        gap: 25px;
    }
    .guarantee-rdo-1x28__info {
        gap: 25px;
    }
    .guarantee-rdo-1x28__info h3 {
        font-size: 34px;
    }
    .guarantee-rdo-1x28__info p {
        font-size: 18px;
    }
}
@media screen and (max-width: 1199px) {
    .guarantee-rdo-1x28 {
        grid-template-columns: repeat(10, 1fr);
        gap: 30px;
    }
    .guarantee-rdo-1x28__info {
        grid-area: 1 / 1 / 3 / 7;
    }
    .guarantee-rdo-1x28__img_1 {
        grid-area: 3 / 1 / 5 / 7;
    }
    .guarantee-rdo-1x28__img_2 {
        grid-area: 5 / 1 / 7 / 4;
    }
    .guarantee-rdo-1x28__img_3 {
        grid-area: 5 / 4 / 7 / 7;
    }
    .guarantee-rdo-1x28__img_4 {
        grid-area: 1 / 7 / 7 / 11;
    }
    .guarantee-rdo-1x28__img_5 {
        grid-area: 7 / 7 / 9 / 11;
    }
    .guarantee-rdo-1x28__img_6 {
        grid-area: 7 / 1 / 9 / 7;
    }
}
@media screen and (max-width: 991px) {
    .guarantee-rdo-1x28 {
        gap: 20px;
        margin: 125px 0 30px;
    }
    .guarantee-rdo-1x28__info {
        grid-area: 1 / 1 / 3 / 11;
        text-align: center;
        padding: 0 0 15px 0;
    }
    .guarantee-rdo-1x28__img_1 {
        grid-area: 3 / 1 / 5 / 7;
    }
    .guarantee-rdo-1x28__img_2 {
        grid-area: 5 / 1 / 7 / 4;
    }
    .guarantee-rdo-1x28__img_3 {
        grid-area: 5 / 4 / 7 / 7;
    }
    .guarantee-rdo-1x28__img_4 {
        grid-area: 3 / 7 / 7 / 11;
    }
    .guarantee-rdo-1x28__img_5 {
        grid-area: 7 / 7 / 9 / 11;
    }
    .guarantee-rdo-1x28__img_6 {
        grid-area: 7 / 1 / 9 / 7;
    }
}
@media screen and (max-width: 767px){
    .guarantee-rdo-1x28 {
        gap: 15px;
    }
    .guarantee-rdo-1x28__info h3 {
        font-size: 28px;
    }
    .guarantee-rdo-1x28__info p {
        font-size: 16px;
    }
}
@media screen and (max-width: 567px) {
    .guarantee-rdo-1x28 {
        margin: 100px 0 20px;
        grid-template-columns: repeat(2, 1fr);
    }
    .guarantee-rdo-1x28__img {
        height: 40vw;
    }
    .guarantee-rdo-1x28__info {
        grid-area: 1 / 1 / 2 / 3;
        padding: 0 0 10px 0;
    }
    .guarantee-rdo-1x28__img_1 {
        grid-area: 2 / 1 / 3 / 3;
    }
    .guarantee-rdo-1x28__img_2 {
        grid-area: 3 / 1 / 4 / 2;
    }
    .guarantee-rdo-1x28__img_3 {
        grid-area: 3 / 2 / 4 / 3;
    }
    .guarantee-rdo-1x28__img_4 {
        grid-area: 4 / 1 / 5 / 3;
    }
    .guarantee-rdo-1x28__img_5 {
        grid-area: 5 / 2 / 6 / 3;
    }
    .guarantee-rdo-1x28__img_6 {
        grid-area: 5 / 1 / 6 / 2;
    }
    .guarantee-rdo-1x28__info h3 {
        font-size: 25px;
    }
    .guarantee-rdo-1x28__info p {
        font-size: 14px;
    }
}