#about-pre li {
    padding-left: 30px;
    margin-bottom: 40px
}
#about-pre ul.list-styled li:before {
    position: absolute;
    left: 0;
    top: 13px;
}
#quotes h3, #quotes-2 h5 {
    margin: 1.8em 0
}
#quotes .fa:before, #mail .fa:before {
    font-size: 26px
}
#quotes a.fa {
    margin: 0 8px
}
#faqs [role="tablist"] .card .card-header ol li {
    font-family: "Heebo", sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: normal;
    padding: 32px 60px 31px 0;
    color: #031521
}
#faqs ol > li::marker {
    font-weight: bold;
}
input[type=checkbox] {
    opacity: 0;
    margin-top: 8px;
    display: block
}
.ajax-response.error {color: tomato}
/*#chapter2.section-book, .section-about {background: none}*/
#author.section-about {background: url("../img/gggg.png") no-repeat right/cover;background-size: 50%}
#chapter2.section-book {background: url("../img/gg22.png") no-repeat right/cover;background-size: 50%}
.mob-hide {display: none}

@media all and (min-width: 992px){
    .tablet-visible{display: none}
}
@media all and (max-width: 1200px){
    #author{
        padding-top: 120px;
        padding-bottom: 120px
    }
}
@media all and (max-width: 991px){
    .desktop-visible{display: none}
    #author.s-overlay.ls:before{
        display: none
    }
    #author.s-overlay.ls{
        background: none
    }
}
@media all and (max-width: 767px) {
    #author > .container > .row,
    #about > .container > .row,
    #chapter2 > .container > .row {flex-direction: column-reverse}
    #author.section-about, #chapter2.section-book {background: none}
    .mob-hide {display: block}
}
@media (min-width: 1200px) {
    .s-py-xl-160 > [class*='container'] {
        padding-bottom: 100px;
        padding-top: 100px;
    }
}