table { border-right: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; margin-bottom: 15px; } table tr td { border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding: 10px 20px; color: #555; } table tr:nth-child(odd) { background: #f4f5f6 } @media only screen and (max-width: 768px) { .swiper-button-next, .swiper-button-prev { background: rgba(0,0,0,0.5); width: 36px; height: 36px; color: #fff; border-radius: 30px; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 18px; } table { white-space: nowrap; } .tablebox { overflow-x:scroll; } } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 15px); padding: 0.375rem 0.8rem; line-height: 1.5; color: #495057; background-color: #fbfbfb; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; box-shadow: none !important; } .p_required, [class^=e_][required] .p_label::after { vertical-align: middle; font-size: 14px; line-height: 100%; top: 0; padding-left: 0px; position: relative; font-weight: 500; } .p_label .s_label{ color: rgb(0 0 0 / 50%); } .pl_service3 .service_item:hover { width: 240px; }