.pn-wrapper-breacrumb{margin-bottom: 30px;display: flex;align-items: center}
.pn-wrapper-breacrumb .pn-breacrumb{width: 50%;margin-bottom: 0}
.pn-wrapper-breacrumb .pn-breacrumb + div{display: flex;width: 50%;justify-content: right;padding-left: 30px}
.pn-wrapper-breacrumb .pn-search-product{padding: 4px 60px 4px 15px;background-color: #fff;border: 1px solid #babbbc;border-radius: 5px;position: relative;width: 300px}
.pn-wrapper-breacrumb .pn-search-product .form-control{background-color: transparent; padding: 0; box-shadow: none; outline: none;width: 100%}
.pn-wrapper-breacrumb .pn-search-product button{width: 40px;height: 40px;background-color: var(--background-main-hover);color: var(--background-main-hover-color);font-size: 20px;border-radius: 5px;display: flex;justify-content: center;align-items: center;border: none;position: absolute;right: 4px;top: 4px;transform: rotate(90deg)}
.pn-wrapper-breacrumb .pn-cart{margin-left: 30px}
.pn-wrapper-breacrumb .pn-cart a{background-color: #fff;display: flex;flex-wrap: nowrap;align-items: center;padding: 4px 15px 4px 4px;border: 1px solid var(--background-main-hover);border-radius: 5px;font-weight: bold} 
.pn-wrapper-breacrumb .pn-cart a .fa{width: 40px;min-width: 40px;height: 40px;background-color: var(--background-main-hover);color: var(--background-main-hover-color);font-size: 20px;border-radius: 5px;margin-right: 20px;display: flex;justify-content: center;align-items: center}
/**/
.pn-wrapper-title{display: flex;align-items: center}
.pn-wrapper-title .pn-title{font-size: 24px;line-height: 34px;max-width: 40%;text-align: left}
/**/
.pn-category{background-color: #fff;margin-bottom: 30px}
.pn-category .pn-title{background-color: var(--background-main-hover);color: var(--background-main-hover-color);font-size: 16px;line-height: 21px;margin-bottom: 0;text-align: left;padding: 15px 20px 14px 20px}
.pn-category ul{margin-bottom: 0;list-style: none;padding-left: 0;border: 1px solid #dadada}
.pn-category ul li:not(:last-child){border-bottom: 1px solid #dadada}
.pn-category ul li a{display: block;font-size: 16px;line-height: 26px;padding: 15px 20px 14px 20px}
.pn-category ul li.active a{color: var(--color-hover);font-weight: bold}
/**/
.pn-filter{margin-bottom: 30px}
.pn-filter .pn-button{margin-top: 20px;border-radius: 0}
.pn-filter .pn-title{text-align: left;font-size: 16px;line-height: 21px;color: var(--color);padding-bottom: 5px}
.pn-filter .pn-title:before{content: "";position: absolute;bottom: 0;left: 0;width: 60px;height: 2px;background-color: var(--background-main-hover)}
/**/
.pn-wrapper-sort{display: flex;flex-wrap: wrap;justify-content: right;margin-bottom: 30px;margin-left: auto;}
.pn-wrapper-sort .pn-wrapper-select{background-color: #fff;border: 1px solid #6b6c6e;margin-left: 30px;border-radius: 5px;position: relative;cursor: pointer;width: 70px}
.pn-wrapper-sort .pn-wrapper-select:nth-child(2){width: 180px}
.pn-wrapper-sort .pn-wrapper-select .form-control{height: 40px;background-color: #fff;border: none;width: auto;appearance: none;-webkit-appearance: none;-moz-appearance: none;padding-right: 30px;cursor: pointer;width: 100%;position: relative;z-index: 1;background-color: transparent}
.pn-wrapper-sort .pn-wrapper-select:after{font-family: "FontAwesome";content: "\f0dc";position: absolute;right: 10px;top: 50%;transform: translateY(-50%)}
.pn-wrapper-sort .pn-show-filter{background-color: #fff; border: 1px solid #6b6c6e; margin-left: 30px; border-radius: 5px; position: relative; cursor: pointer; padding: 10px}
.pn-wrapper-sort .pn-show-filter .fa{margin-right: 10px}
/**/
.pn-wrapper-product .row{display: flex;flex-wrap: wrap}
.pn-wrapper-product .row [class*='col-']{margin-bottom: 30px}
.pn-wrapper-product .pn-item{height: 100%;overflow: hidden;margin-bottom: 0}
.pn-wrapper-product .pn-item .pn-content .pn-name{font-size: 15px;line-height: 20px}
.pn-wrapper-product .pn-item .pn-content .pn-rating{background-image: url('../images/rating.png');background-repeat: no-repeat;width: 95px;height: 15px;margin-bottom: 10px;background-position: 0 -15px}
.pn-wrapper-product .pn-item .pn-content .pn-rating span{display: block;background-image: url('../images/rating.png');height: 15px}
.pn-wrapper-product .pn-item .pn-content .pn-price{display: block}
.pn-wrapper-product .pn-item .pn-content .pn-price del{margin-right: 10px;color: #c4c4c4;font-size: 14px;line-height: 21px}
.pn-wrapper-product .pn-item .pn-content strong{display: inline-block;vertical-align: top;color: #f20707;font-size: 16px;line-height: 21px}
.pn-wrapper-pagination{margin-top: 30px}
/**/
.pn-detail{margin-bottom: 20px}
.pn-detail .row [class*='col-']{margin-bottom: 30px}
.pn-detail .pn-image-big{margin-bottom: 10px;overflow: hidden}
.pn-detail .pn-image-big .owl-nav button,.pn-detail .pn-image-thumbnail .owl-nav button{width: 20px;height: 20px;min-width: 20px;border-radius: 0;background-color: rgba(0,0,0,.5);color: #fff}
.pn-detail .pn-image-big .owl-nav .owl-prev,.pn-detail .pn-image-thumbnail .owl-nav .owl-prev{left: 2px}
.pn-detail .pn-image-big .owl-nav .owl-next,.pn-detail .pn-image-thumbnail .owl-nav .owl-next{right: 2px}
.pn-detail .pn-image-thumbnail .owl-carousel .owl-item{cursor: pointer}
.pn-detail .pn-image-thumbnail .owl-carousel .owl-item.current{border: 1px solid var(--background-main-hover)}
.pn-detail .pn-name-product{font-size: 26px;line-height: 36px;margin: 0 0 10px 0;font-weight: bold}
.pn-detail .pn-button{border-radius: 0}
.pn-detail .pn-rating{background-image: url('../images/rating.png');background-repeat: no-repeat;width: 95px;height: 15px;margin-bottom: 20px;background-position: 0 -15px}
.pn-detail .pn-rating span{display: block;background-image: url('../images/rating.png');height: 15px}
.pn-detail .pn-code-product{margin-bottom: 25px;font-size: 16px}
.pn-detail .pn-description{padding-bottom: 10px;border-bottom: 1px solid #dadada;margin-bottom: 20px}
.pn-detail .pn-description strong{display: block;margin-bottom: 5px}
.pn-detail .pn-price{display: flex;flex-wrap: wrap;align-items: end;margin-bottom: 20px}
.pn-detail .pn-price del{margin-right: 10px;color: #c4c4c4;font-size: 16px;line-height: 21px}
.pn-detail .pn-price strong{display: inline-block;vertical-align: top;color: #f20707;font-size: 24px;line-height: 29px}
.pn-detail .pn-quantity{margin-bottom: 30px;display: flex;flex-wrap: wrap;align-items: center}
.pn-detail .pn-quantity > span:nth-child(2){display: flex;flex-wrap: wrap;align-items: center;border: 1px solid #dadada;margin: 0 30px 0 10px}
.pn-detail .pn-quantity > span:nth-child(2) button,.pn-detail .pn-quantity > span:nth-child(2) input{width: 40px;height: 35px;border: none;box-shadow: none; text-align: center;font-size: 18px}
.pn-detail .pn-quantity > span:nth-child(2) button:hover,.pn-detail .pn-quantity > span:nth-child(2) button:focus{outline: none;background-color: transparent}
.pn-detail .pn-quantity > span:nth-child(2) input{border-left: 1px solid #dadada;border-right: 1px solid #dadada;padding: 0}
.pn-detail .pn-status{font-size: 16px;line-height: 21px;font-weight: bold}
.pn-detail .pn-status.in-stock{color: #0db20d;position: relative}
.pn-detail .pn-status.in-stock:before{font-family: "FontAwesome";content: "\f0a3";float: left;margin-right: 10px;font-size: 30px}
.pn-detail .pn-status.in-stock:after{font-family: "FontAwesome";content: "\f00c";color: #fff;position: absolute;left: 6px; top: 0; font-weight: normal; font-size: 12px}
.pn-detail .pn-status.out-of-stock{color: #f20707}
.pn-content-product{margin-bottom: 30px}
.pn-content-product .pn-title-tab{list-style: none;padding-left: 0;display: flex;flex-wrap: wrap;margin-bottom: 30px}
.pn-content-product .pn-title-tab li:first-child{margin-right: 40px}
.pn-content-product .pn-title-tab li span{font-size: 16px;line-height: 21px;font-weight: bold;position: relative;border-bottom: 2px solid transparent;cursor: pointer}
.pn-content-product .pn-title-tab li.active span{color: var(--color-hover);border-bottom-color: var(--background-main-hover)}
.pn-content-product .pn-wrapper-tab .pn-tab:not(.active){display: none}
/**/
.pn-product-result .pn-title{margin-bottom: 20px}
.pn-product-result .pn-title + p{text-align: center;margin-bottom: 30px;font-size: 16px;line-height: 21px}
.pn-product-result .pn-title + p strong{display: inline-block;color: var(--color-hover)}
/**/
.pn-wrapper-product .row{display: flex;flex-wrap: wrap}
.pn-wrapper-product .row [class*='col-']{margin-bottom: 30px}
.pn-related{margin-bottom: 30px}
.pn-related .pn-title{text-align: left;font-size: 24px;line-height: 34px}
.pn-related .pn-item{height: 100%;overflow: hidden;margin-bottom: 0}
.pn-related .pn-item .pn-content .pn-name{font-size: 15px;line-height: 20px}
.pn-related .pn-item .pn-content .pn-rating{background-image: url('../images/rating.png');background-repeat: no-repeat;width: 95px;height: 15px;margin-bottom: 10px;background-position: 0 -15px}
.pn-related .pn-item .pn-content .pn-rating span{display: block;background-image: url('../images/rating.png');height: 15px}
.pn-related .pn-item .pn-content .pn-price{display: block}
.pn-related .pn-item .pn-content .pn-price del{margin-right: 10px;color: #c4c4c4;font-size: 12px;line-height: 21px}
.pn-related .pn-item .pn-content strong{display: inline-block;vertical-align: top;color: #f20707;font-size: 16px;line-height: 21px}
.pn-related .owl-carousel .owl-nav button{position: initial;transform: none;width: 30px;height: 30px;min-width: 30px;margin-left: 10px}
.pn-related .owl-carousel .owl-nav{position: absolute;right: 0;top: -62px;display: flex}
.pn-wrapper-pagination{margin-top: 30px}
@media only screen and (min-width: 1500px){
    .pn-wrapper-breacrumb .pn-search-product{width: 470px}
}
@media only screen and (max-width: 1199px){
    .pn-wrapper-breacrumb{display: block}
    .pn-wrapper-breacrumb .pn-breacrumb{width: 100%;margin-bottom: 30px}
    .pn-wrapper-breacrumb .pn-breacrumb + div{width: 100%;padding-left: 0}
}
@media only screen and (min-width: 992px){
    .pn-wrapper-sort .pn-show-filter{display: none}
}
@media only screen and (max-width: 991px){
    .pn-filter:not(.active){display: none}
    .pn-wrapper-breacrumb{margin-bottom: 0}
    .pn-filter{position: absolute; z-index: 10; background-color: #fff; right: 15px; width: 375px; top: calc(100% + 50px);padding: 30px;border-radius: 10px;border: 1px solid var(--background-main-hover)}
    .pn-wrapper-breacrumb .pn-search-product,.pn-wrapper-breacrumb .pn-cart{display: none}
}
@media only screen and (max-width: 767px){
    .pn-detail .pn-name-product{font-size: 20px;line-height: 30px}
    .pn-related{margin-bottom: 0}
    .pn-wrapper-title .pn-title{font-size: 20px;line-height: 30px}
    .pn-wrapper-sort .pn-show-filter,.pn-wrapper-sort .pn-wrapper-select{margin-left: 10px}
}
@media only screen and (max-width: 680px){
    .pn-wrapper-title{display: block}
    .pn-wrapper-title .pn-title{max-width: inherit;margin-bottom: 20px}
    .pn-wrapper-sort{justify-content: left}
    .pn-wrapper-sort .pn-show-filter{display: none}
    .pn-wrapper-sort .pn-wrapper-select{margin: 0 10px 0 0}
    .pn-wrapper-sort .pn-wrapper-select .form-control{height: 36px}
}
@media only screen and (max-width: 570px){
    .pn-wrapper-product .row [class*='col-']{width: 50%}
    .pn-wrapper-breacrumb .pn-cart{display: none}
    .pn-wrapper-breacrumb .pn-search-product{width: 100%}
    .pn-wrapper-product .row{margin: 0 -8px}
    .pn-wrapper-product .row [class*='col-']{padding: 0 8px}
}
@media only screen and (max-width: 480px){
    .pn-wrapper-product .row{margin: 0 -8px}
    .pn-wrapper-product .row [class*='col-']{padding: 0 8px}
    .pn-related .pn-title{font-size: 20px;line-height: 30px}
    .pn-related .owl-carousel .owl-nav{top: -60px}
    .pn-quantity > span:first-child{display: none}
    .pn-detail .pn-quantity > span:nth-child(2){margin-left: 0;margin-right: 10px}
    .pn-detail{margin-bottom: 0}
}
@media only screen and (max-width: 370px){
    .pn-wrapper-product .row [class*='col-']{width: 100%}
    .pn-related .owl-carousel .owl-nav{position: initial;top: initial;display: flex;justify-content: center;margin-top: 30px}
    .pn-wrapper-sort .pn-wrapper-select:nth-child(2){width: 150px}
    .pn-content-product .pn-title-tab li:first-child{margin-right: 20px}
    .pn-content-product .pn-title-tab li span{font-size: 14px}
}