/* Base styles for .def-page */
.def-page { padding: 0 0 35px;}
.def-page h2 { font-family: "Greenwich"; font-size: 30px; line-height:38px; font-weight:700; color:#000; padding-bottom:18px; }
.def-page h3 { font-family: "Greenwich"; font-size:28px; line-height:34px; font-weight:600; color:#000; padding-bottom:18px; }
.def-page h4 { font-family: "Greenwich"; font-size:26px; line-height:32px; font-weight:500; color:#000; padding-bottom:18px; }
.def-page h5 { font-family: "Greenwich"; font-size:24px; line-height:30px; font-weight:500; color:#000; padding-bottom:18px; }
.def-page h6 { font-family: "Greenwich"; font-size:22px; line-height:28px; font-weight:400; color:#000; padding-bottom:18px; }

.def-page p { padding-bottom:14px; }
.def-page p, .def-page ul li, .def-page ol li { font-size:17px; line-height:26px; color:#000; font-weight:400; }

.def-page ul { list-style-type: square; }
.def-page ul,.def-page ol,.tips-main{border:1px solid transparent;border-image:linear-gradient(90deg,#fc3d3d,#FFD09A) 1;padding:20px;margin-bottom:14px;position:relative;}
.def-page ul:before,.def-page ol:before,.tips-main:before{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background-color:#fc3d3d;display:block;}
.def-page ul li::marker { color:#FC3D3D; }

/* Responsive CSS */

/* 1400px and below */
@media only screen and (max-width: 1400px) {
    .def-page h2 { font-size:28px; line-height:36px; }
    .def-page h3 { font-size:26px; line-height:32px; }
    .def-page h4 { font-size:24px; line-height:30px; }
    .def-page h5 { font-size:22px; line-height:28px; }
    .def-page h6 { font-size:20px; line-height:26px; }

    .def-page p, .def-page ul li, .def-page ol li { font-size:16px; line-height:24px; }
    .def-page ul, .def-page ol, .tips-main { padding:18px; margin-bottom:12px; }
}

/* 1200px and below */
@media only screen and (max-width: 1200px) {
    .def-page h2 { font-size:26px; line-height:34px; }
    .def-page h3 { font-size:24px; line-height:30px; }
    .def-page h4 { font-size:22px; line-height:28px; }
    .def-page h5 { font-size:20px; line-height:26px; }
    .def-page h6 { font-size:18px; line-height:24px; }

    .def-page p, .def-page ul li, .def-page ol li { font-size:15px; line-height:24px; }
    .def-page ul, .def-page ol, .tips-main { padding:16px; margin-bottom:12px; }
}

/* 991px and below */
@media only screen and (max-width: 991px) {
    .def-page h2 { font-size:24px; line-height:32px; }
    .def-page h3 { font-size:22px; line-height:28px; }
    .def-page h4 { font-size:20px; line-height:26px; }
    .def-page h5 { font-size:18px; line-height:24px; }
    .def-page h6 { font-size:16px; line-height:22px; }

    .def-page p, .def-page ul li, .def-page ol li { font-size:14px; line-height:24px; }
    .def-page ul, .def-page ol, .tips-main { padding:14px; margin-bottom:10px; }
}

/* 767px and below */
@media only screen and (max-width: 767px) {
    .def-page h2 { font-size:22px; line-height:30px; }
    .def-page h3 { font-size:20px; line-height:26px; }
    .def-page h4 { font-size:18px; line-height:24px; }
    .def-page h5 { font-size:16px; line-height:22px; }
    .def-page h6 { font-size:14px; line-height:20px; }

    .def-page ul, .def-page ol, .tips-main { padding:12px; margin-bottom:8px; }
}

/* 576px and below */
@media only screen and (max-width: 576px) {
    .def-page h2 { font-size:20px; line-height:28px; }
    .def-page h3 { font-size:18px; line-height:24px; }
    .def-page h4 { font-size:16px; line-height:22px; }
    .def-page h5 { font-size:15px; line-height:20px; }
    .def-page h6 { font-size:14px; line-height:18px; }

    .def-page ul, .def-page ol, .tips-main { padding:10px; margin-bottom:6px; }
}
