@media screen and (max-width: 768px) {
        .header-area {
            padding: 0 !important;
        }

        #to_header_sec {
            padding-left: 15px;
            padding-right: 15px;
        }

        .header-area .logo {
            margin-left: 0;
        }

        .header-area .logo #main-logo {
            display: none;
        }

        .header-area .logo #responsive-logo {
            display: block !important;
            z-index: 1;
        }

        .header-area.header-sticky .nav {
            margin-top: 0 !important;
        }

        #header_last_col {
            text-align: center;
            background-color: #f7f7f7;
            padding-top: 10px;
            padding-bottom: 10px;
            margin-top: -10px;
        }

        .header-area.header-sticky .nav {
            justify-content: center !important;
        }

        .menu_area {
            padding: 0 !important;
        }

        .header-area .main-nav .menu-trigger {
            top: 25px !important;
        }

        .background-header #nav_menu .nav {
            padding-top: auto !important;
        }
        
        .header-area .main-nav .nav {
            margin-top: 0 !important;
        }
        
        #register_page {
            margin-top: 4rem !important;
        }
        
        #register_page .container {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        
        #register_page .card-body h4 {
            font-size: 1.5rem !important;
        }
        
        #social_flex {
            flex-direction: row !important;
        }
    }
    
    @media screen and (max-width: 468px) {
        #social_flex {
            flex-direction: column !important;
        }
        
        #social_flex a {
            margin-bottom: 12px;
            width: 50%;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            justify-content: center;
        }
        
        #social_flex a:nth-child(2) {
            margin-left: auto !important;
            margin-right: auto !important;
        }
    }

    .header-area .logo #responsive-logo {
        display: none;
    }

    #nav_menu {
        margin-top: -25px;
    }
    #header_last_col {
        margin-top: -15px;
    }

    .background-header .nav {
        margin-top: 0px !important;
    }

    .background-header #nav_menu .nav {
        padding-top: 15px;
    }

    .header-area .main-nav .nav {
        margin-top: 25px !important;
    }
    .background-header.header-area .main-nav .nav {
        margin-top: 0 !important;
    }


    /* products cards  */
    #products .item,
    #products#home-owl-carousel .item,
    #home-owl-carousel-item {
        border: 1px solid #dee2e6; 
        border-radius: .25rem; 
        padding: .25rem;
        margin-bottom: 30px;
    }

    #products .item .thumb .hover-content ul li a,
    #products .item .thumb .hover-content ul li button,
    #products#home-owl-carousel .item .thumb .hover-content ul li button,
    #home-owl-carousel-item .thumb .hover-content ul li a,
    .item .thumb .hover-content ul li button {
        border-radius: 4px !important;
    }

    #products .item .thumb .hover-content ul li a:hover,
    #products .item .thumb .hover-content ul li button.wish_list:hover,
    #products#home-owl-carousel .item .thumb .hover-content ul li button.wish_list:hover,
    #products #home-owl-carousel-item .thumb .hover-content ul li button.wish_list:hover,
    .item .thumb .hover-content ul li a:hover,
    .item .thumb .hover-content ul li button.wish_list:hover{
        background-color: #ffc107 !important;
        color: #fff !important;
    }

    #products .item .thumb,
    #products#home-owl-carousel .item .thumb,
    #home-owl-carousel-item .thumb{
        transition: all .5s ease-in-out;
    }

    #products .item .thumb:hover::after,
    #products#home-owl-carousel .item .thumb:hover::after,
    #home-owl-carousel-item .thumb:hover::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #85818147;
        content: '';
    }

    #products .item .thumb img,
    #products#home-owl-carousel .item .thumb img,
    #home-owl-carousel-item .thumb img {
        height: 250px; 
        object-fit: cover;
    }
    
    #products .item .thumb,
    #products#home-owl-carousel .item .thumb,
    #men .item .thumb,
    #men #products#home-owl-carousel .item .thumb{
        position: relative;
    }

    #products .item .thumb .sale-badge,
    #products#home-owl-carousel .item .thumb span.sale-badge {
        font-weight: 500;
        padding: auto 5px;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: 0;
    }

    #products .item .down-content,
    #products#home-owl-carousel .item .down-content,
    .item .down-content {
        padding: 1.25rem !important;
    }

    #products .item .down-content h6 a,
    #home-owl-carousel-item .down-content h6 a {
        color:#212529;
    }

    #products .item .down-content span,
    #products#home-owl-carousel .item .down-content span,
    #home-owl-carousel-item .down-content span {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #3c3c3c;
        margin-top: -2px !important;
    }

    .page-heading {
        background-image: linear-gradient(rgb(0 0 0 / 24%), rgb(0 0 0 / 37%)), url(../images/jewelry-sale-banner-1_cleanup.jpg) !important;
        background-size: cover;
        background-position: center;
    }

    .rating_reviews li {
        display: inline;
        font-size: 13px;
        margin-right: 2px;
    }
    .rating_reviews li i {
        color: #ffc107;
    }

    button.wish_list {
        width: 50px; 
        height: 50px; 
        text-align: center; 
        line-height: 40px; 
        display: inline-block; 
        color: #2a2a2a; 
        background-color: #fff; 
        border: none;
    }
    button.wish_list:active,
    button.wish_list:focus,
    button.wish_list.focus{
        border: none !important;
    }


    /* login */
    .or-seperator {
        border-top: 1px solid #e0e0e0;
    }
    .or-seperator span {
        color: #666; 
        padding: 0 8px; 
        width: 45px; 
        height: 45px; 
        font-size: 13px; 
        text-align: center; 
        line-height: 41px; 
        background: #fff; 
        display: inline-block; 
        border: 1px solid #e0e0e0; 
        border-radius: 50%; 
        position: relative; 
        top: -20px; 
        z-index: 1;
    }
    
    .login-social-btn {
        display: flex !important;
        align-items: center;
        background-color: #ffffff;
        color: #5f6368;
        border: 1px solid #00000038 !important;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 16px;
        font-family: 'Roboto', sans-serif;
        cursor: pointer;
        transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    }
    
    .login-social-icon {
        height: 18px;
        width: 18px;
        margin-right: 8px;
    }
    
    .google-btn {
        background-color: #ffffff;
        color: #5f6368;
        border: 1px solid #dadce0;
    }

    .login-social-btn:hover {
        background-color: #f8f9fa;
        box-shadow: 0 1px 3px rgba(60,64,67,0.3), 0 4px 8px rgba(60,64,67,0.15);
    }

    /* .facebook-btn {
      background-color: #1877f2;
    }

    .twitter-btn {
      background-color: #1da1f2;
    } */

    /* end login */

    /* order */
    .pay_failed {
        background-color: oklch(97.1% .013 17.38);
        color: oklch(44.4% .177 26.899);
    }
    
    .pay_pending {
        background-color: oklch(98.7% .026 102.212);
        color: oklch(55.4% .135 66.442);
    }

    .pay_success {
        background-color: oklch(98.2% .018 155.826);
        color: oklch(52.7% .154 150.069);
    }

    .pay_method {
        text-transform: capitalize;
    }
    /* end order */


    button#details_wishlist_btn {
        width: 42px;
        height: 38px;
        line-height: 1.5; 
        color: #007bff;
        border: 1px solid #007bff;
    }

    button#details_wishlist_btn:hover {
        color: #fff;
    }

    .main-border-button a {
        width: 100%;
        font-size: 15px;
    }

    #custom_breadcrumb .breadcrumb-item+.breadcrumb-item::before {
        content: '>';
    }
    
    
    /* home */
    #home_main_border_button a{
        width: auto !important;
    }
    
    #products .item,
    #products#home-owl-carousel .item,
    #home-owl-carousel-item,
    .item {
        transition: all .15s ease-in-out, box-shadow .15s ease-in-out !important;
    }
    
    #products .item:hover,
    #products#home-owl-carousel .item:hover,
    .item:hover {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    }
    
    
    
    #products .item .thumb .hover-content ul li a i, 
    #products .item .thumb .hover-content ul li button i {
        line-height: 45px !important;
    }
    
     #products#home-owl-carousel .item .thumb .hover-content ul li a i, 
     #products .item .thumb .hover-content ul li button i {
        line-height: 0 !important;
    }
    
    span.sale-badge {
        font-weight: 500;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: 0;
    }
    
    .login-btn,
    .reg-button {
        background-color: oklch(64.6% 0.222 41.116);
        color: #fff;
    }
    
    .new-account,
    .forgot-password,
    .new-account{
        color: oklch(0.62 0.21 41.02);
    }
    
    .new-account:hover,
    .forgot-password:hover,
    .new-account:hover {
        color: oklch(0.54 0.19 40.04);
    }
    
    .order_now,
    #stripe-pay-button,
    .pay_now,
    .paypal-btn {
        background-color: oklch(64.6% 0.222 41.116) !important;
        color: #fff !important;
    }
    
    .order_now:hover,
    #stripe-pay-button:hover,
    .pay_now:hover,
    .paypal-btn:hover {
        background-color: oklch(0.62 0.22 40.04) !important;
    }