Avanti

.cms-page-view .std ul:not([class]) { margin: 0px; } li { margin-left: 10px; } .custom-section { –content-max-w: 1100px; padding-bottom: 45px; } .custom-content { max-width: 700px; margin: 0 auto 100px; padding-left: 15px; padding-right: 15px; text-align: center; } .custom-content .custom_item-text { font-size: 24px; margin: auto; font-weight: 800; color: #000; max-width: 540px; width: 100%; } .option-custom { max-width: var(–content-max-w); margin: 0 auto 100px; padding-left: 15px; padding-right: 15px; } .option-content, .measure-content, .time-content, .cost-content, .warranty-content, .bring-content { display: flex; margin: 0 auto; } .option-content { flex-flow: row-reverse; } .option_img { width: 50%; } .img-line { text-align: center } .option_img img { margin-right: 60px; } .option_img img:nth-child(-n+3) { margin-bottom: 10px; } .option_img img:nth-child(5n-2) { margin-right: 0; } .option_img img:last-child { margin-right: 0; } .option_text { width: 50%; display: flex; flex-flow: column; } .option_text span { font-size: 20px; font-weight: 600; color: #000; display: flex; justify-content: flex-start; } .option_text ul { padding-left: 15px; } .option_text ul li { line-height: 30px; } /* ================================= */ .measure-content { display: flex; margin-bottom: 50px; } .measure_img { width: 60%; } .measure_img img { width: 100%; max-width: 425px; } .measure_text { width: 40%; } .measure_text span { font-size: 20px; font-weight: 600; color: #000; margin-bottom: 20px; display: flex; } .measure_text p { line-height: 40px; } /* ================================= */ .time-content { display: flex; margin-bottom: 100px; } .time_text { width: 60%; margin-right: 15px; } .time_text span { font-size: 20px; font-weight: 600; color: #000; margin-top: 20px; display: flex; } .cms-page-view .std .time_text p { margin-right: 90px; } .time_img { width: 40%; display: flex; justify-content: space-around; } /* ================================= */ .cost-content { display: flex; margin-bottom: 100px; } .cost_img { display: flex; justify-content: space-around; flex-direction: column; width: 50%; } .cost_img img { max-width: 335px; width: 100%; } .cost_img img:first-child { margin-bottom: 20px; } .cost_text { width: 50%; padding-left: 55px; } .cost_text span { font-size: 20px; font-weight: 600; color: #000; margin-bottom: 55px; display: flex; } /* ================================= */ .warranty-content { display: flex; margin-bottom: 100px; } .warranty_img { width: 50%; display: flex; justify-content: end; align-items: center; } .warranty_text { width: 50%; display: flex; align-items: center; justify-content: center; } .cms-page-view .std .warranty_text h3 { margin-top: 45px; margin-bottom: 45px; } /* ================================= */ .bring_text { width: 60%; } .bring_text span { font-size: 20px; font-weight: 600; color: #000; margin-bottom: 20px; display: flex; } .cms-page-view .std .bring_text p { margin-right: 90px; } .bring_img { display: flex; flex-direction: column; justify-content: center; align-items: center; } .bring_img a { display: flex; height: 50px; font-size: 17px; line-height: 37px; padding: 0 15px; align-items: center; } .btn-sm { /* height: 50px; */ font-size: 17px; } .cms-page-view .std .bring_img p { margin: 0; } /* ================================= */ @media screen and (max-width: 750px) { .page__content span { display: flex; justify-content: flex-start; color: #000; } .measure-content, .time-content, .cost-content, .warranty-content { margin-bottom: 60px; } .custom-content { margin-bottom: 60px; } .cms-page-view .std .warranty_text h3 { margin-top: 0px; margin-bottom: 30px; } .cms-page-view .std ul:not([class]) { margin-top: 0px; } } /* ================================= */ @media screen and (max-width: 750px) { .option-custom { margin-bottom: 60px; } .option-content { flex-flow: column-reverse; } .option_text { margin-bottom: 20px; } .option_img, .option_text { width: 100%; } .option_img img { margin-right: 20px; } .option_text span { align-self: center; } } /* ================================= */ @media screen and (max-width: 750px) { .measure_img, .measure_text { width: 100%; } .measure-content { flex-direction: column-reverse; } } /* ================================= */ @media screen and (max-width: 750px) { .time-content { flex-direction: column; } .time_text, .time_img { width: 100%; } .cms-page-view .std .time_text p { margin-right: 0; } } /* ================================= */ @media screen and (max-width: 750px) { .cost-content { flex-direction: column-reverse; } .cost_img, .cost_text { width: 100%; } .cost_img { align-items: center; } .cost_text { padding-left: 0; } } /* ================================= */ @media screen and (max-width: 750px) { .warranty-content { flex-direction: column-reverse; align-items: center; } .warranty_img { width: 100%; justify-content: center; } .warranty_text { width: 100%; } } /* ================================= */ @media screen and (max-width: 750px) { .bring-content { flex-direction: column; } .bring_text { width: 100%; } .cms-page-view .std .bring_text p { margin-right: 0px; } .bring_img { display: flex; justify-content: center; flex-direction: initial; margin-top: 10px; } .cms-page-view .std .bring_img a { font-size: 14px; } .cms-page-view .std .bring_img p { margin: 0 10px; } }