/*.size ul li .size_item { width: 35px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #6B6B6B; display: inline-block; color: var(--black_one); font-weight: 500; font-size: 18px; margin-bottom: 8px;}

.size ul li .size_item:hover { background-color: var(--main); border: 1px solid var(--main); color: var(--white); }
.size_item.active { background-color: var(--main); border: 1px solid var(--main); color: var(--white) !important; }*/

.left-slider-tooltip { left: 0; }
.right-slider-tooltip { right: 0; }

/* loader */

#loader-wrapper {background: rgba(255, 255, 255, 0.6);height: 100%; position: fixed; display: flex; align-items: center; justify-content: center; width: 100%; z-index: 99999;;}
#loader-wrapper img {left: 50%;  position: absolute; top: 50%; width: 100px; transform: translate(-50%, -50%); height: auto;}
#loader {-moz-border-bottom-colors: none;  -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 2s linear 0s normal none infinite running spin; border-color: var(--main) transparent transparent; border-image: none; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; display: block; height: 200px;  position: relative; width: 200px;}
#loader::before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 3s linear 0s normal none infinite running spin; border-color: var(--main) transparent transparent; border-image: none; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; bottom: 5px; content: ""; left: 5px; position: absolute; right: 5px; top: 5px;}
#loader::after {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 1.5s linear 0s normal none infinite running spin; border-color: var(--main) transparent transparent; border-image: none; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border-style: solid; border-width: 3px; bottom: 15px; content: ""; left: 15px; position: absolute; right: 15px; top: 15px;}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.megamenu-part h4 , .megamenu-part h4 a { color: #545454; line-height: 22px;}
.megamenu-card-img { width: fit-content; }
.megamenu-card-img img { max-height: 200px; object-fit: contain; }
.categories_main .nav-pills li + li { border-left: none; }

.customer_order_list_tbl tr td { vertical-align: middle; }
.main_btn.view_order_btn { min-width: 120px; line-height: 32px; }

.order-dtl-head .view_invoice_btn { color: var(--white); font-size: 18px; background-color: var(--main); padding: 10px 25px; border-radius: 5px; }

.purchase_billing_info { border: 1px solid #EDEDED; border-radius: 0.5rem; padding: 1rem 1rem 0; }

.whats-app { position: fixed; width: 50px; height: 50px; bottom: 50px; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; font-size: 30px; box-shadow: 3px 4px 3px #999; right: 25px; z-index: 100; }
.my-float { margin-top: 10px; }

.whatsapp { position: fixed; bottom: 30px; right: 30px; z-index: 10; }
.whatsapp-ico { fill: white; width: 50px; height: 50px; padding: 3px; background-color: #4dc247; border-radius: 50%; box-shadow: 2px 2px 6px rgba(0,0,0,0.4); }

.profile_review { margin-top: 0; }
.profile_review_box { margin: 1rem 0; border: 1px solid #CBCBCB; border-radius: 0.5rem; padding: 0.5rem 1rem; }
.review_btm p { font-size: 16px; }

/*.wishlist_heart_btn { transition: color 0.3s ease-in-out; }*/
.wishlist_heart_btn.text-danger { transform: scale(1.1); }

/*.wishlist_btn_div:hover .add_to_wishlist { transform: scale(1.1); } 
.like_btn:hover .product_share_btn { transform: scale(1.1); }*/

/*** Start Menu CSS ***/
/*.header .menu>ul>li { margin-left: 26px; }

@media screen and (min-width: 1025px) and (max-width: 1240px) {
    .menu-section { padding-right: 0.75rem; }
}
@media (max-width: 1199px) {
  .header .menu > ul > li { margin-left: 12px; }
} */
@media screen and (min-width: 992px) and (max-width: 1024px) { 
    /*.header .menu > ul > li { margin-left: 12px; }*/
    .header .menu .menu-section { padding-right: 0.5rem; }
}

/*@media (max-width: 991px) {
    .header .menu > ul > li { margin-left: 0px; }
}*/
/*** End Menu CSS ***/