.pn-wrapper-title{position: relative}
.pn-wrapper-title + .pn-wrapper-slide{font-style: italic;margin: 30px 0}
.pn-wrapper-title .pn-title{padding-right: 320px;margin-bottom: 0;color: #082950}
.pn-wrapper-title .pn-title:before{width: 200px}
.pn-wrapper-title .pn-title span{display: inline-block;font-size: 14px;color: #0066a6;font-style: italic}
.pn-wrapper-title .pn-search-medicine{border-radius: 5px; border: 1px solid #ebebeb; background-color: #f5f5f5; height: 44px;width: 300px;padding: 0 15px 0 42px;position: absolute;right: 0;bottom: 10px}
.pn-wrapper-title .pn-search-medicine button{padding: 0; width: 42px; background-color: transparent; color: #999; display: flex; aspect-ratio: 1; justify-content: center; align-items: center;position: absolute;left: 1px;top: 1px}
.pn-wrapper-title .pn-search-medicine .form-control{background-color: transparent;border: none;width: 100%;height: 42px;padding: 0}
.pn-wrapper-title .pn-search-medicine .form-control::-webkit-input-placeholder {color: #999}
.pn-wrapper-title .pn-search-medicine .form-control:-ms-input-placeholder {color: #999}
.pn-wrapper-title .pn-search-medicine .form-control::placeholder {color: #999}
.pn-category-medicine{margin: 10px 0 20px 0;padding-left: 0;list-style: none}
.pn-category-medicine li{float: left;margin: 10px 15px 0 0}
.pn-category-medicine li a{display: block;font-weight: bold;border-bottom: 1px solid #ebebeb;color: #082950}
.pn-category-medicine li a:hover{color: #ec8c02}
.pn-wrapper-item-medicine{margin-top: 20px;}
.pn-wrapper-item-medicine .row{display: flex;flex-wrap: wrap}
.pn-wrapper-item-medicine .pn-item{padding: 10px 0;border-bottom: 1px solid #ebebeb;display: flex;margin-bottom: 0;height: 100%}
.pn-wrapper-item-medicine .pn-item .pn-image{width: 75px;min-width: 75px;margin: 0 10px 0 0}
.pn-wrapper-item-medicine .pn-item .pn-name{margin-bottom: 0;font-weight: bold;font-size: 15px;line-height: 20px}
.pn-pagination-medicine{text-align: center;margin: 30px 0}
.pn-pagination-medicine button{margin: 0 8px;border: 1px solid rgba(0,0,0,.1);color: #082950;border-radius: 5px;background-color: #fff;padding: 5px 10px;text-transform: initial}
.pn-pagination-medicine button .fa{margin: 0 5px}
.pn-pagination-medicine button:hover{background-color: #082950;color: #fff;opacity: 1}
.pn-list-medicine{padding-left: 0;list-style: none;margin-bottom: 30px}
.pn-list-medicine li:first-child a{padding-top: 0}
.pn-list-medicine li a,.pn-wrapper-group .pn-group > span{text-decoration: none;padding: 15px 0; border-bottom: 1px solid #e8e8e8; font-size: 14px; font-weight: 600; display: block;cursor: pointer}
.pn-list-medicine li a .fa,.pn-wrapper-group .pn-group > span .fa{margin: 0 10px 0 5px;font-size: 18px;color: #0876bf}
.pn-list-medicine li.active a,.pn-list-medicine li:hover a{color: #0066a6}
.pn-wrapper-group{margin-bottom: 30px}
.pn-wrapper-group .pn-group .pn-wrapper{margin: 10px 0}
.pn-wrapper-group .pn-group > p{margin-bottom: 0}
.pn-wrapper-group .pn-group > p strong{color: #0066a6; font-size: 14px;line-height: 19px;border-bottom: 1px solid #0876bf;padding-bottom: 5px;display: inline-block;margin-bottom: 0;font-weight: bold}
.pn-wrapper-slide .pn-wrapper{margin-bottom: 0;}
.pn-slide-medicine{width: 40%;float: left;margin: 0 20px 0 0;}
.pn-slide-medicine .owl-carousel{transform: initial; opacity: 1; visibility: visible; height: initial;margin-bottom: 10px;}
.pn-slide-medicine .owl-carousel .owl-nav > div{color: #082950;opacity: 1;}
.pn-slide-medicine .pn-slide-two .owl-carousel .owl-item:not(.current){opacity: 0.6;}
.pn-slide-medicine img{max-width: 100%;}
@media only screen and (min-width: 768px){ .pn-wrapper-group .pn-group > span{display: none} .pn-wrapper-group .pn-group:not(.active){display: none} }
@media only screen and (max-width: 767px){
    .pn-wrapper-title .pn-title{padding-right: 0}
    .pn-wrapper-title .pn-search-medicine{position: relative; width: 100%; margin: 10px 0; bottom: inherit}
    .pn-wrapper-group .pn-group > p,.pn-wrapper-group .pn-group:not(.active) .pn-wrapper{display: none}
    .pn-wrapper-group .pn-group > span{padding: 10px 15px 10px 0;position: relative}
    .pn-wrapper-group .pn-group > span:after{font-family: "FontAwesome"; content: "\f107"; right: 0; top: 50%; transform: translateY(-50%); position: absolute; color: #666}
    .pn-wrapper-group .pn-group.active > span:after{content: "\f106"}
    .pn-wrapper-group .pn-group .pn-wrapper{padding-bottom: 10px;border-bottom: 1px solid #e8e8e8;margin-bottom: 0}
}
@media only screen and (max-width: 570px){ .pn-wrapper-item-medicine .row [class*='col-']{width: 50%} .pn-slide-medicine{width: 100%;margin: 0;} }
@media only screen and (max-width: 480px){ .pn-wrapper-item-medicine .row [class*='col-']{width: 100%} }