:root {
    --d: 700ms;
    --e: cubic-bezier(0.19, 1, 0.22, 1);
}

/*================================== Product Details Body Start ==================================*/
.product-details-top { background-color: #EFF5F5; margin: 0; padding: 86px 0 25px 0; width: 100%; }
.product-details-top .container { max-width: 1440px; }
/*.left-top-detsils img { height: auto; width: 100%; }*/
.right-top-detsils { padding-right: 19.0%; }
.right-top-detsils h3 { color: #002855; font-size: 42px; font-weight: 400; margin: 0 0 12px 0; text-transform: uppercase; }
.right-top-detsils h4 { color: #002855; font-size: 16px; font-weight: 400; margin: 0 0 25px 0; }
.right-top-detsils h5 { color: #002855; font-size: 18px; font-weight: 600; margin: 0 0 17px 0; }
.right-top-detsils h5 span { font-size: 14px; font-weight: 500; }
.right-top-detsils h5 .old-price { font-size: 18px; font-weight: 600; text-decoration: line-through; }
.right-top-detsils h5 .web-price { font-size: 18px; font-weight: 600; color:#002855;}
.right-top-detsils h6 { color: #002855; font-size: 14px; font-weight: 400; margin: 0 0 25px 0; }
.right-top-detsils .add-to-basket-btn { background: #002855; border: 2px solid #002855; border-radius: 30px; color: #FFF; display: block; font-size: 13px; font-weight: 400; height: 56px; margin-bottom: 14px; letter-spacing: 0.065px; line-height: 52px; text-align: center; text-transform: uppercase; }
.right-top-detsils .add-to-basket-btn img { margin-right: 4px; margin-top: -2px; }
.right-top-detsils .add-to-basket-btn .fa { margin-right: 4px; }
.right-top-detsils .add-to-basket-btn:hover { background-color: #fff; color: #002855; text-decoration: none; }
.right-top-detsils .add-loves-btn { border: 2px solid #002855; border-radius: 30px; color: #002855; display: inline-block; font-size: 14px; font-weight: 400; height: 56px; letter-spacing: 0.07px; line-height: 54px; margin-right: 11px; padding: 0 48px; text-transform: uppercase; }
.right-top-detsils .add-loves-btn img { margin-right: 4px; margin-top: -3px; }
.right-top-detsils .add-loves-btn .fa { margin-right: 4px; }
.right-top-detsils .add-loves-btn:hover { background-color: #002855; color: #fff; text-decoration: none; }
.right-top-detsils .share-btn { border: 2px solid #002855; border-radius: 30px; color: #002855; display: inline-block; font-size: 14px; font-weight: 400; height: 56px; letter-spacing: 0.07px; line-height: 54px; padding: 0 55px; text-transform: uppercase; }
.right-top-detsils .share-btn img { margin-right: 4px; margin-top: -3px; }
.right-top-detsils .share-btn .fa { margin-right: 4px; }
.right-top-detsils .share-btn:hover { background-color: #002855; color: #fff; text-decoration: none; }
.right-top-detsils .size-list { float: left; list-style: none; margin: 0 0 20px 0; padding: 0; width: 100%; }
.right-top-detsils .size-list li { float: left; margin-right: 16px; position: relative; }
.right-top-detsils .size-list li .radioInput { appearance: none; cursor: pointer; height: 100%; opacity: 0; position: absolute; width: 100%; }
.right-top-detsils .size-list li .quantity-text { border: 1px solid #002855; border-radius: 30px; color: #002855; display: block; font-size: 12px; font-weight: 400; letter-spacing: 0.06px; line-height: 37px; padding: 0 24px; text-transform: uppercase; }
.right-top-detsils .size-list li .radioInput:checked ~ .quantity-text { background-color: #002855; color: #fff; }
.right-top-detsils .color-list { float: left; list-style: none; padding-left: 0; }
.right-top-detsils .color-list li { float: left; margin-right: 8px; }
.right-top-detsils .color-list li .colour-box { cursor: pointer; display: block; height: 32px; margin-bottom: 0; padding-left: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 32px; }
.right-top-detsils .color-list li .colour-box input { cursor: pointer; height: 100%; opacity: 0; position: absolute; width: 100%; z-index: 1; }
.right-top-detsils .color-list li .colour-box .checkmark { border: 1px solid #D4D4D4; border-radius: 100%; height: 32px; left: 0; position: absolute; top: 0; width: 32px; overflow: hidden;}
.right-top-detsils .color-list li .colour-box .checkmark img { width: 100%; }
.right-top-detsils .color-list li .colour-box input:checked ~ .checkmark { border-color: #D4D4D4 !important; }
.right-top-detsils .color-list li .colour-box .checkmark:after { content: ""; display: none; position: absolute; }
.right-top-detsils .color-list li .colour-box input:checked ~ .checkmark:after { display: block; }
.right-top-detsils .color-list li .colour-box .checkmark:after { border: solid white; border-width: 0 2px 2px 0; height: 14px; left: 10px; top: 5px; width: 8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.right-top-detsils .qnty-list { float: left; list-style: none; margin: 0 0 20px 0; padding: 0; width: 100%; }
.right-top-detsils .qnty-list li { float: left; }
.right-top-detsils .qnty-list li label { color: #002855; float: left; font-size: 16px; font-weight: 400; margin-right: 8px; }
.right-top-detsils .rating-span { display: block; margin-bottom: 15px; }
.right-top-detsils .rating-span img { display: inline-block; }
.right-top-detsils .rating-span .text-span { color: #002855; display: inline-block; font-size: 14px; }
.product-details-bottom-sec { background-color: #fff; padding-top: 72px; }
.product-details-bottom-sec .container { max-width: 1440px; }
.product-details-bottom-sec .nav-tabs { border-bottom: none; margin-bottom: 50px; }
.product-details-bottom-sec .nav-tabs .nav-item { position: relative; }
.product-details-bottom-sec .nav-tabs .nav-item:after { background-color: #D5D5D5; bottom: -1px; content: ""; height: 1px; left: 0; position: absolute; width: 100%; z-index: 0; }
.product-details-bottom-sec .nav-tabs .nav-item .nav-link { border: none; border-radius: 0; color: #002855; font-size: 18px; padding: 0 24px 20px 24px; position: relative; text-transform: uppercase; z-index: 1; }
.product-details-bottom-sec .nav-tabs .nav-item.show .nav-link, .product-details-bottom-sec .nav-tabs .nav-link.active { background: none; border-bottom: 2px solid #002855; }
.product-details-bottom-sec .tab-content .tab-pane { padding-bottom: 60px; }
.product-details-bottom-sec .tab-content .tab-pane h3 { color: #002855; font-size: 24px; font-weight: 400; margin: 0 0 16px 0; text-transform: uppercase; }
.product-details-bottom-sec .tab-content .tab-pane p { color: #002855; font-size: 16px; margin: 0 0 20px 0; }
.product-details-bottom-sec .tab-content .tab-pane ul { padding-left: 25px; }
.product-details-bottom-sec .tab-content .tab-pane ul li { color: #002855; font-size: 16px; font-weight: 400; line-height: 24px; }
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .sort-list { float: right; list-style: none; margin: -43px 0 0 0; padding: 0; width: auto; }
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .sort-list li label { color: #002855; float: left; font-size: 18px; font-weight: 600; margin-right: 5px; }
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .sort-list li .sort-select { appearance: none; background: url(../img/select-sort-arrow-icon.png) no-repeat right 5px; border: none; color: #002855; font-size: 18px; font-weight: 400; padding: 0 18px 0 0; }
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .rate-list { list-style: none; margin: 0; padding: 0; width: 100%; }
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .rate-list li { float: left; margin-bottom: 15px; width: 100%; }
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .rate-list li h4 { color: #002855; font-size: 22px; font-weight: 600; margin: 0 0 15px 0; }
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .rate-list li p { color: #002855; font-size: 16px; margin: 0 0 20px 0; }
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .rate-list li .rating-span { display: block; margin-bottom: 15px; }
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .rate-list li .rating-span img { display: inline-block; }
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .rate-list li strong { color: #002855; display: inline-block; font-size: 16px; font-weight: 600;}
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .rate-list li .rating-span .text-span { color: #002855; display: inline-block; font-size: 14px; margin-left: 8px; }
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .read-more-para { margin: 0; }
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .read-more-link { border: 2px solid #002855; border-radius: 30px; color: #002855; display: inline-block; font-size: 14px; letter-spacing: 0.07px; line-height: 54px; padding: 0 48px; text-transform: uppercase; }
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .read-more-link:hover { text-decoration: none; }
.product-details-bottom-sec .tab-content .tab-pane .right-rate-sec .rating-box { background-color: #fff; border: 1px solid #D5D5D5; float: left; margin-top: 7px; padding: 30px 27px 30px 27px; width: 100%; }
.product-details-bottom-sec .tab-content .tab-pane .right-rate-sec .rating-box h4 { color: #000; font-size: 18px; font-weight: 600; margin: 0 0 25px 0; }
.product-details-bottom-sec .tab-content .tab-pane .right-rate-sec .rating-box .rating-list { float: left; list-style: none; margin: 0 0 20px 0; padding: 0; width: 100%; }
.product-details-bottom-sec .tab-content .tab-pane .right-rate-sec .rating-box .rating-list li { color: #002855; float: left; font-size: 16px; font-weight: 400; margin: 0 0 10px 0; padding: 0; width: 100%; }
.product-details-bottom-sec .tab-content .tab-pane .right-rate-sec .rating-box .rating-list li .num-span { float: left; margin-right: 5px; }
.product-details-bottom-sec .tab-content .tab-pane .right-rate-sec .rating-box .rating-list li img { float: left; margin-right: 8px; margin-top: 3px; }
.product-details-bottom-sec .tab-content .tab-pane .right-rate-sec .rating-box .rating-list li .customer-span { color: #002855; float: right; font-size: 16px; font-weight: 400; }
.product-details-bottom-sec .tab-content .tab-pane .right-rate-sec .rating-box .rating-list li .prog-div { float: left; margin-top: 7px; width: 300px; }
.product-details-bottom-sec .tab-content .tab-pane .right-rate-sec .rating-box .rating-list li .prog-div .progress { background: #D9D9D9; border-radius: 0; height: 10px; width: 100%; }
.product-details-bottom-sec .tab-content .tab-pane .right-rate-sec .rating-box .rating-list li .prog-div .progress .progress-bar { background: #002855; }
.product-details-bottom-sec .tab-content .tab-pane .right-rate-sec .rating-box .review-btn { border: 2px solid #002855; border-radius: 30px; color: #002855; display: block; font-size: 14px; font-weight: 400; height: 56px; letter-spacing: 0.07px; line-height: 52px; text-align: center; text-transform: uppercase; }
.product-details-bottom-sec .tab-content .tab-pane .right-rate-sec .rating-box .review-btn:hover { background-color: #002855; color: #fff; text-decoration: none; }

.details-bottom-banner { background-image: url(../img/details-bottom-banner.png); }

.related-products-sec .related-carousel .item .card { background-color: #fff; border: none; border-radius: 0; min-height: 385px; overflow: hidden;  padding: 30px 15px; transition: all .1s ease; width: 100%; }
.related-products-sec .related-carousel .item .card .img-sec { align-items: center; display: flex; justify-content: center; margin-bottom: 18px; min-height: 210px; text-align: center; width: 100%; }
.related-products-sec .related-carousel .item .card .img-sec img { display:inline-block; height: auto; max-height: 210px; max-width: 100%; width: auto; }
.related-products-sec .related-carousel .item .card .text-sec { min-height: 120px; text-align: center; }
.related-products-sec .related-carousel .item .card .text-sec h3 { color: #002855; font-size: 18px; font-weight: 400; line-height: normal; margin: 0 0 8px; }
.related-products-sec .related-carousel .item .card .text-sec h4 { color: #002855; font-size: 13px; font-weight: 400; line-height: normal; margin: 0 0 8px; }
.related-products-sec .related-carousel .item .card .text-sec h5 { color: #002855; font-size: 16px; font-weight: 600; line-height: normal; margin: 0 0 8px; text-transform: uppercase; }
.related-products-sec .related-carousel .item .card .img-overlay { align-items: center; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; bottom: 0; border-radius: 0; display: flex; left: 0; justify-content: center; position: absolute; right: 0; top: 0; text-align: center; transition: all .3s ease; visibility: hidden; width: 100%; }
.related-products-sec .related-carousel .item .card .overlay-link { border-radius: 0; display: flex; height: 56px; justify-content: center; left: 50%; margin-left: -91px; margin-top: -50px; position: absolute; text-align: center; top: 50%; transition: all .3s ease; visibility: hidden; width: 182px; }
.related-products-sec .related-carousel .item .card .overlay-link .quick-view-link { background: rgba(0, 40, 85, 0.80); border-radius: 30px; color: #FFF; display:  inline-block; font-size: 13px; font-weight: 500; letter-spacing: 0.065px; line-height: 56px; opacity: 0; padding: 0; text-transform: uppercase; transform: translateY(1rem); transition: transform var(--d) var(--e), opacity var(--d) var(--e); width: 182px; }
.related-products-sec .related-carousel .item .card .overlay-link .quick-view-link:hover { background-color: #002855; text-decoration: none; }
.related-products-sec .related-carousel .item .card:hover .img-overlay { border-radius: 300px 300px 0px 0px; visibility: visible; }
.related-products-sec .related-carousel .item .card:hover .overlay-link { visibility: visible; }
.related-products-sec .related-carousel .item .card:hover .overlay-link .quick-view-link { opacity: 1; transform: translateY(0); transition-delay: calc(var(--d) / 8); }
.related-products-sec .related-carousel .owl-prev { left: 0; padding: 10px; position: absolute; top: 40%; }
.related-products-sec .related-carousel .owl-next { padding: 10px; position: absolute; right: 0; top: 40%; }
/*================================== Product Details Body End ==================================*/

/* RESPONSIVE CSS
-------------------------------------------------- */
@media screen and (max-width: 991px) {
.product-details-top {  padding-bottom: 80px; padding-top: 0; }
.right-top-detsils { padding-right: 15px; padding-top: 39px; }    
.right-top-detsils .add-to-basket-btn { margin-bottom: 14px; width: 100%; }   
.right-top-detsils .add-loves-btn { margin-bottom: 14px; margin-right: 0; padding: 0; text-align: center; width: 100%; } 
.right-top-detsils .share-btn { text-align: center; padding: 0; width: 100%; }

.right-top-detsils h3 { font-size: 34px; margin-bottom: 5px; }
.right-top-detsils h4 { margin-bottom: 15px; }
.right-top-detsils h5 { font-size: 28px; }
.right-top-detsils h5 span { font-size: 16px; }
.right-top-detsils .rating-span { display: none; }

.product-details-bottom-sec { background: none; padding-top: 0; }
.product-details-bottom-sec .nav-tabs { margin-bottom: 40px; }
.product-details-bottom-sec .nav-tabs .nav-item:nth-child(1) { width: 60%; }
.product-details-bottom-sec .nav-tabs .nav-item:nth-child(2) { width: 40%; }
.product-details-bottom-sec .nav-tabs .nav-item .nav-link { font-size: 16px; padding-left: 10px; padding-right: 10px; text-transform: capitalize; } 
.product-details-bottom-sec .tab-content .tab-pane { padding-bottom: 30px; }
.product-details-bottom-sec .tab-content .tab-pane h3 { font-size: 20px; }
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .short-rate-filter { background: #FFF; border: 1px solid #002855; border-radius: 20px; color: #002855; display: inline-block !important; font-weight: 600; line-height: 36px; margin-bottom: 20px; padding: 0 44px; } 
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .short-rate-filter img { position: relative; top: -1px; }
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .rate-list li h4 { font-size: 18px; }
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .rate-list li p { font-size: 14px; }
.product-details-bottom-sec .tab-content .tab-pane .left-rate-sec .read-more-para { margin-bottom: 40px; text-align: center; }
.product-details-bottom-sec .tab-content .tab-pane .right-rate-sec .rating-box { margin-bottom: 65px; padding-left: 10px; padding-right: 10px; text-align: center; }
.product-details-bottom-sec .tab-content .tab-pane .right-rate-sec .rating-box .rating-list li { display: flex; }
.product-details-bottom-sec .tab-content .tab-pane .right-rate-sec .rating-box .rating-list li .customer-span { margin-left: 10px; }
.product-details-bottom-sec .tab-content .tab-pane .right-rate-sec .rating-box .review-btn { display: inline-block; height: 39px; line-height: 37px; padding: 0 33.769px; }

.arrivalMain { padding-bottom: 0; }

.details-bottom-banner { background-image: url(../img/details-banner-bottom-mobile-bg-min.png) !important; }

.relatedDiv { margin-top: 50px; }
.relatedDiv .hdn { font-size: 22px; margin-bottom: 0; }
.related-products-sec { margin-top: 30px; padding-left: 0; padding-right: 0; }
/*.related-products-sec .owl-nav button { border-radius: 0; height: 24px; margin: 0; position: absolute; top: 40%; width: 24px; }*/
/*.related-products-sec .owl-nav button span { display: none; }*/
/*.related-products-sec .owl-nav .owl-prev { background: url(../img/left-slider-arrow.svg) no-repeat 0 0 !important; left: 10px; }*/
/*.related-products-sec .owl-nav .owl-next { background: url(../img/right-slider-arrow.svg) no-repeat 0 0 !important; right: 10px; }*/

.related-products-sec .related-carousel .item .card { min-height: 378px; }
.related-products-sec .related-carousel.item .card .listing-text-content { min-height: 140px; }
.related-products-sec .related-carousel .item .card h3 { font-size: 14px; }
.related-products-sec .related-carousel .item .card h4 { font-size: 12px; }
.related-products-sec .related-carousel .item .card h5 { font-size: 14px; }
.related-products-sec .related-carousel .item .card .text-sec h3 { font-size: 14px; }
.related-products-sec .related-carousel .item .card .text-sec h4 { font-size: 12px; }
.related-products-sec .related-carousel .item .card .text-sec h5 { font-size: 14px; }
.related-products-sec .related-carousel .item .card .overlay-link { bottom: 20px; height: auto; left: 0; margin-left: 0; margin-top: 0; padding-left: 15px; padding-right: 15px; position: absolute; top: auto; width: 100%; }
.related-products-sec .related-carousel .item .card .overlay-link .quick-view-link { font-size: 10px; line-height: 31px; opacity: 1; padding: 0; transform: translateY(0); visibility: visible; width: 100%; }
}

@media screen and (max-width: 767px) {
    /*~~~~~~~~~~~~~~ Home Body Start ~~~~~~~~~~~~~~*/
    .related-products-sec .related-carousel .item .card { min-height: 451px; }

    .related-products-sec .related-carousel .item .card .listing-text-content { min-height: 164px; }
}