.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}
/**/
.cartTable{background-color: #fff;border-radius: 10px;border: 1px solid #c2c2c2;margin-bottom: 30px}
.cartTable .table>thead>tr>th{background-color: #c2c2c2;font-weight: bold;font-size: 16px;line-height: 21px;border-radius: 10px 10px 0 0;border-bottom: none;padding:14px 20px}
.cartTable .table>tbody>tr>td{padding: 20px}
.cartTable .pn-item{display: flex;flex-wrap: nowrap;margin-bottom: 0}
.cartTable .pn-item .pn-image{width: 140px;margin-bottom: 0}
.cartTable .pn-item .pn-content{padding-left: 20px}
.cartTable .pn-item .pn-content h3{margin: 0 0 15px 0;font-size: 16px;line-height: 24px;font-weight: bold}
.cartTable .pn-item .pn-content > div{display: flex;flex-wrap: nowrap;align-items: center}
.cartTable .pn-item .pn-content > div .pn-remove-item{font-size: 20px}
.cartTable .table>tbody>tr>td .pn-price{font-size: 24px;line-height: 34px;font-weight: bold;color: #f20707}
.cartTable .table>tbody>tr>td:nth-child(2){text-align: right}
.cartTable .cartAction{display: flex;flex-wrap: wrap;align-items: center;border: 1px solid #dadada;margin: 0 20px 0 0}
.cartTable .cartAction span{width: 40px; height: 35px; border: none; box-shadow: none; text-align: center; font-size: 18px; display: flex ; align-items: center; justify-content: center; cursor: pointer}
.cartTable .cartAction span,.cartTable .cartAction input{width: 40px;height: 35px;border: none;box-shadow: none; text-align: center;font-size: 18px}
.cartTable .cartAction input{border-left: 1px solid #dadada;border-right: 1px solid #dadada;padding: 0}
/**/
.cart-summary{padding: 30px;color: #fff;border-radius: 10px;margin-bottom: 30px;background: linear-gradient(to bottom, rgba(5,4,230,1) 2%,rgba(20,162,252,1) 51%,rgba(0,0,150,1) 99%)}
.cart-summary .table-totals{margin-bottom: 50px}
.cart-summary .table-totals a{display: inline-block;color: #fff}
.cart-summary .table-totals a .fa{margin-right: 10px}
.cart-summary .table-totals tr:first-child td{padding: 0 0 15px 0}
.cart-summary .table-totals tr:not(:first-child) td{padding: 20px 0}
.cart-summary .table-totals tr:not(:first-child) td:first-child{padding-right: 5px}
.cart-summary .table-totals tr:not(:first-child) td:nth-child(2){padding-left: 5px}
.cart-summary .table-totals tr td{border-top: 0;border-bottom: 1px solid #dadada;font-size: 16px;line-height: 21px;vertical-align: middle}
.cart-summary .table-totals tr td #totalAmount{font-size: 24px;line-height: 34px;font-weight: bold}
.cart-summary .pn-button{padding-left: 60px;padding-right: 60px;color: var(--color-hover); background: linear-gradient(to bottom, rgba(12, 146, 253, 1) 0%, rgba(59, 250, 253, 1) 100%);border: 1px solid var(--background-main-hover)}
/**/
.pn-checkout > form > .container > .row{display: flex;flex-wrap: wrap}
.pn-group {margin-bottom: 40px}
.pn-group .pn-title{text-transform: initial;text-align: left;font-size: 24px;line-height: 34px;margin-bottom: 15px}
.pn-group .row{margin: 0 -4px}
.pn-group .row [class*='col-']{padding: 0 4px}
.pn-group .form-control{margin-bottom: 8px;border: 1px solid #bbbbbc;box-shadow: inherit;height: 50px}
.pn-group .form-control:focus{border-color: var(--background-main-hover)}
.pn-group textarea.form-control{height: auto}
.pn-group .pn-list-method{list-style: none;padding-left: 0}
.pn-group .pn-list-method li{margin-bottom: 20px}
.pn-group .pn-list-method li label{margin-bottom: 0;border: 1px solid #bbbbbc;background-color: #fff;border-radius: 4px;width: 100%;font-size: 16px;line-height: 21px;padding: 15px 10px 14px 10px;cursor: pointer;font-weight: normal}
.pn-group .pn-list-method li label input{display: none}
.pn-group .pn-list-method li label span{position: relative;padding-left: 25px}
.pn-group .pn-list-method li label span:before{content: "";width: 18px;height: 18px;border-radius: 100px;border: 3px solid #c2c2c2;position: absolute;left: 0;top: 2px}
.pn-group .pn-list-method li label input:checked + span:before{border-color: var(--background-main-hover)}
.pn-group .pn-list-method li label span:after{content: ""; position: absolute; width: 6px; height: 6px; border-radius: 100px; background-color: transparent; left: 6px; top: 8px}
.pn-group .pn-list-method li label input:checked + span:after{background-color: var(--background-main-hover)}
.pn-group .pn-info-transfer:not(.active){display: none}
.pn-group .pn-info-transfer > p{margin-bottom: 20px;font-size: 16px;line-height: 21px}
.pn-group .pn-info-transfer .pn-wrapper ul{list-style: none;padding-left: 0}
.pn-group .delivery-other{display: none}
.pn-group .pn-wrapper-invoice > span{display: inline-block;font-size: 16px;line-height: 21px;padding-left: 30px;cursor: pointer;position: relative;margin-bottom: 15px}
.pn-group .pn-wrapper-invoice > span input{display: none}
.pn-group .pn-wrapper-invoice > span:before{content: "\f00c";font-family: "FontAwesome";width: 20px;height: 20px;border-radius: 4px;border: 1px solid #adb0b1;display: flex;align-items: center;justify-content: center;color: transparent;left: 0;top: 0;position: absolute;font-size: 13px;background-color: #fff;}
.pn-group .pn-wrapper-invoice.active > span:before{background-color: var(--background-main-hover);color: var(--background-main-hover-color);border-color: var(--background-main-hover)}
.pn-group .pn-wrapper-invoice:not(.active) > div{display: none}
.pn-group .pn-wrapper-select{position: relative}
.pn-group .pn-wrapper-select .form-control{appearance: none;-webkit-appearance: none;-moz-appearance: none;padding-right: 30px;cursor: pointer;width: 100%;position: relative;z-index: 1}
.pn-group .pn-wrapper-select:after{font-family: "FontAwesome";content: "\f0dc";position: absolute;right: 10px;top: 50%;transform: translateY(-50%);z-index: 1}
.pn-code{display: flex ; align-items: center; margin-bottom: 35px}
.pn-code .pn-wrapper-input{background-color: #fff; width: calc(100% - 150px); margin-left: auto;border: 1px solid #bababb;border-radius: 4px;height: 50px;position: relative;padding-right:50px}
.pn-code .pn-wrapper-input input{box-shadow: inherit;height: 100%;padding-right: 0;}
.pn-code .pn-wrapper-input:after{font-family: "FontAwesome"; content: "\f0a3"; font-size: 30px; position: absolute; width: 40px; height: 40px; border-radius: 4px; background-color: var(--background-main-hover); color: var(--background-main-hover-color); display: flex ; align-items: center; justify-content: center; top: 4px; right: 4px; padding: 1px 2px 0 0}
.pn-code .pn-wrapper-input:before{font-family: "FontAwesome";content: "\f295";color: var(--color-hover);position: absolute;right: 19px;top: 14px;z-index: 1}
.pn-code .pn-wrapper-input span{display: none; margin-top: 5px; color: #f20707}
.pn-code .pn-title{font-size: 24px; line-height: 34px; margin-right: auto; margin-bottom: 0}
.cart-summary-pay{padding-bottom: 0}
.cart-summary-pay .pn-button{margin: 20px 0 -20px 0}
.cart-summary-pay .table-totals tr:not(:first-child) td{padding: 10px 0}
.cart-summary-pay .table-totals tr td{border: none}
.cart-summary-pay .table-totals tr td:nth-child(2){text-align: right}
.cart-summary-pay .pn-list-product{list-style: none;padding-left: 0;margin-left: -20px;margin-right: -20px}
.cart-summary-pay .pn-list-product li{display: flex;flex-wrap: wrap;padding: 10px;border-radius: 10px;background-color: rgba(255,255,225, 0.2)}
.cart-summary-pay .pn-list-product li{margin-bottom: 15px}
.cart-summary-pay .pn-list-product li .pn-content{width: calc(100% - 85px);padding-left: 10px}
.cart-summary-pay .pn-list-product li .pn-content .pn-name{font-size: 15px;line-height: 24px;color: #fff}
.cart-summary-pay .pn-list-product li .pn-content p{display: flex;flex-wrap: wrap;margin-bottom: 0;font-size: 15px;line-height: 21px}
.cart-summary-pay .pn-list-product li .pn-content p strong{display: inline-block;margin-left: auto}
.cart-summary-pay .pn-list-product li .pn-image{width: 85px;height: 85px;min-width: 85px;border-radius: 10px;margin-bottom: 0}
.cart-summary-pay .table-totals{margin-bottom: 20px}
.cart-summary-pay .table-totals:nth-child(2){margin-bottom: 60px}
.cart-summary-pay .table-totals:nth-child(2) tr td{padding-bottom: 0}
@media only screen and (max-width: 1499px){
    .cart-summary-pay .pn-list-product li .pn-content .pn-name,.cart-summary-pay .pn-list-product li .pn-content p{font-size: 14px;line-height: 22px}
}
@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}
    .pn-group .pn-title{font-size: 20px;line-height: 30px}
    .pn-group .pn-list-method li label,.pn-group .pn-wrapper-invoice > span{font-size: 14px}
    .pn-code .pn-title{display: none}
    .pn-code .pn-wrapper-input{width: 100%}
}
@media only screen and (max-width: 991px){
    .pn-wrapper-breacrumb .pn-breacrumb + div{display: none}
    .pn-group{margin-bottom: 30px}
    .pn-code .pn-title{display: block}
    .pn-code .pn-wrapper-input{width: 300px}
    .pn-sticky{margin-bottom: 60px}
}
@media only screen and (max-width: 767px){
    .pn-sticky{margin-bottom: 0;}
}
@media only screen and (max-width: 570px){
    .cartTable .table>tbody>tr>td:nth-child(2){display: none}
}
@media only screen and (max-width: 480px){
    .cartTable .pn-item .pn-image{width: 100px}
    .cartTable .pn-item .pn-content h3{font-size: 14px}
    .cart-summary .table-totals tr td #totalAmount{font-size: 20px;line-height: 30px}
    .pn-group .pn-title,.pn-code .pn-title{font-size: 20px;line-height: 30px}
    .pn-code .pn-wrapper-input{width: 200px}
}
@media only screen and (max-width: 370px){
    .pn-code{display: block}
    .pn-code .pn-title{display: none}
    .pn-code .pn-title{margin: 0 0 15px 0}
    .pn-code .pn-wrapper-input{width: 100%;margin: 0}
    .cart-summary-pay .pn-list-product{margin-left: -10px;margin-right: -10px}
    .cartTable .table>tbody>tr>td{padding: 10px}
    .cartTable .pn-item .pn-content{padding-left: 10px}
    .cartTable .pn-item .pn-content h3{margin-bottom: 5px}
    .cartTable .cartAction span, .cartTable .cartAction input{width: 30px;height: 30px}
    .cart-summary{padding: 20px;margin-bottom: 0}
    .cart-summary .pn-button{width: 100%;padding-left: 15px;padding-right: 15px}
    .cart-summary-pay .pn-button{margin: 0}
    .cart-summary .table-totals tr td{font-size: 14px;}
}