.logbook_list li {display: flex;flex-wrap: wrap;padding-bottom: 28px;margin-bottom: 32px;border-bottom: 1px solid rgb(112 112 112 / 10%);}
.logbook_icon {width: 65px;}
.logbook_box {width: calc(100% - 65px);padding-left: 48px;}
.logbook_list li:last-of-type{border-bottom: 0;margin-bottom: 0;padding-bottom: 0}
.logbook_detail {display: flex;flex-wrap: wrap;align-items: flex-start;padding-bottom: 110px;}
.logbook_left {width: 710px;    position: sticky;top: 110px;}
.logbook_right {width: calc(100% - 710px);padding-left: 99px;padding-right: 55px;}

.roadwrth-bookpg .logbook_right {padding-right: 55px;}
.mercedespg .logbook_right {padding-right: 61px;}
.logbook_detailflex{flex-direction: row-reverse}
.logbook_detailflex .logbook_right{padding-left: 0;padding-right: 140px;}
.logbook_detail.logbook_detailflex:last-of-type { padding-bottom: 0;}
.inner-banner .bnr_button { width: 945px;margin-top: 18px;}
.inservices-contain.logbook-inner { padding-top: 40px;}
.page-template-brand-detail .inner-banner.srvin-banner .pagehead{margin-top: 230px;}
/*----- MEDIA QUERIES  -----*/  
@media(max-width:1650px){ 

}
@media(max-width:1550px){

}
@media(max-width:1439px){
    .logbook_right {width: 50%;padding-left: 50px;padding-right: 0px;}
    .logbook_left {width: 50%;}
    .logbook_detailflex .logbook_right {padding-right: 50px;}
}
@media(max-width:1199.99px){ 
    .logbook_detail {padding-bottom: 40px;}
	.inservices-contain.logbook-inner { padding-top: 0px;}
}
@media(max-width:991px){
    .logbook_right {width: 100%;padding-left: 0px;padding-right: 0px;}
    .roadwrth-bookpg .logbook_right {padding-right: 0px;}
    .logbook_left {width: 100%;padding-bottom: 40px;position: relative; top: auto;}
    .logbook_list li {padding-bottom: 20px;margin-bottom: 20px;}
    .logbook_box {padding-left: 20px;}
    .logbook_detailflex .logbook_right {padding-right: 0px;}
    .mercedespg .logbook_right {padding-right: 0px;}
    .inner-banner .bnr_button {
        width: 100%;}
        .bnr_button:after, .bnr_button:before{    width: 10%;}
}
@media(max-width:769px){
    .inner-banner .bnr_button { display: none;}
    .page-template-brand-detail .inner-banner.srvin-banner .pagehead {
        margin-top: 0;margin-bottom: 40px;}
        .page-template-brand-detail .inner-banner.srvin-banner{    justify-content: flex-end;    align-items: flex-end;}
}
@media(max-width:575px){
    .logbook_icon {width: 42px;}
    .logbook_box {width: calc(100% - 42px);}
    .page-template-brand-detail .inner-banner.srvin-banner .pagehead {
        font-size: 25px;  line-height: 1.2;  margin-bottom: 30px;}
}
@media(max-width:420px){
}
@media(max-width:350px){ 
}
