.ruhi-collection video,
.ruhi-collection img {
    height: 776.8px;
}

@media only screen and (max-width: 1600px) {

    .ruhi-collection video,
    .ruhi-collection img {
        height: 590.8px;
    }
}


@media only screen and (max-width: 1360px) {

    .ruhi-collection .headpera h1 {
        font-size: 40px;
    }

    .ruhi-collection .items .headpera {
        padding: 40px 32px;
    }
}


@media only screen and (min-width: 1899px) {
    section .container-fluid {
        max-width: 1900px;
        margin: auto;
    }
}

@media only screen and (max-width: 1199px) {
    header .logo img {
        max-width: 350px;
        width: 100%;
    }

    .ruhi-collection .headpera h1 {
        font-size: 34px;
    }

    .ruhi-collection .headpera p {
        font-size: 14px;
    }

    .ruhi-collection .headpera .btn {
        font-size: 16px;
    }

    .ruhi-collection .items .headpera {
        padding: 50px 20px;
    }

    .product-view .modal-xl {
        max-width: 580px;
    }

    .product-view .btn-close {
        width: 48px;
        height: 48px;
    }

    .product-view .btn-close svg {
        width: 30px;
        height: 30px;
    }
}

@media only screen and (max-width: 992px) {
    header .logo img {
        max-width: 300px;
        width: 100%;
    }

    /* header .navbar-toggler {
        margin-right: 64px;
    } */

    .ruhi-collection .items {
        display: flex;
        flex-direction: column;
    }

    .ruhi-collection .items .headpera {
        order: 2;
        background: #fff !important;
    }

    .ruhi-collection .items .headpera h1 {
        color: #8D7249 !important;
    }

    .ruhi-collection .items .headpera p {
        color: #8D7249 !important;
    }

    .ruhi-collection .items .headpera .btn {
        color: #8D7249 !important;
        border-color: #8D7249 !important;
    }

    .ruhi-collection .items .headpera .btn:hover {
        color: #fff !important;
    }

    .product-view .btn-close {
        transform: unset;
        top: 5px;
        right: 5px;
        width: 40px;
        height: 40px;
    }

    .product-view .btn-close svg {
        width: 24px;
        height: 24px;
    }
}

@media only screen and (max-width:767px) {
    .searchbox {
        position: fixed;
        left: 0;
        top: 86px;
        padding: 20px 10px;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        transition: all 0.4s ease-in-out;
        z-index: 1;
        width: 100%;
    }

    .searchbox .form-control {
        padding-right: 40px;
    }

    html[dir="rtl"] .searchbox .form-control {
        padding-right: 0.75rem;
        padding-left: 40px;
    }

    .closee html[dir="rtl"] .searchbox .form-control {
        padding-right: 0.75rem;
        padding-left: 40px;
    }

    .searchbox .form-control:focus {
        box-shadow: none;
        border-color: #8C734B;
    }

    html[dir="rtl"] .searchbox .app-search-form {}

    html[dir="rtl"] .searchbox .app-search-form .form-control {}

    .searchbox .search-list {
        max-height: calc(100dvh - 208px);
        overflow: auto;
    }

    html[dir="rtl"] .searchbox .closee {
        left: 0 !important;
        right: unset !important;
    }

    .searchbox .form-control {
        padding-right: 40px;
    }

    .closee html[dir="rtl"] .searchbox .form-control {
        padding-right: 0.75rem;
        padding-left: 40px;
    }


    .searchbox .search-item .search-item-name {
        font-size: 14px;
        color: #050505;
        font-family: Optima-bold;
    }

    .searchbox .search-item .search-item-price {
        font-size: 12px;
    }

    .allwebsite {
        display: block;
    }

    .desktop-message {
        display: none;
    }

    .collection-unavailable {
        display: block;
        padding: 20px;
        text-align: center;
        font-size: 18px;
        background-color: #8C734B;
        color: #fff;
        border: 1px solid #8C734B;
        margin: 50px auto;
        max-width: 500px;
        border-radius: 8px;
    }

    section {
        padding: 40px 20px;
    }

    header .logo img {
        max-width: 212px;
        width: 100%;
    }

    header {
        padding: 28px 15px;
        background: #F4F4F4;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 111111;
    }

    header .navbar-toggler-icon {

        height: 20px;
        width: 20px;
    }

    .ruhi-collection video,
    .ruhi-collection img {
        height: calc(100dvh - 85px);
    }

    .ruhi-collection .banner-slider .discover {
        width: 129px;
        height: 40px;
        position: absolute;
        transition: 1s all;
        bottom: 0;
        right: 50%;
        transform: translateX(50%);
        border-radius: 6px;
        background: rgba(255, 255, 255, 0.21);
        color: #F4F4F4;
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.14px;
        text-transform: uppercase;
        display: inline-flex;
        padding: 12px 30px;
        border: 0;
        text-align: center;
        -webkit-transition: 1s all;
        -moz-transition: 1s all;
        -ms-transition: 1s all;
        -o-transition: 1s all;
    }

    section.ruhi-collection .headpera {
        padding: 40px 28px;
    }

    .ruhi-collection .headpera h1 {
        font-size: 22px;
        text-align: center;
        margin-bottom: 15px;
    }

    .ruhi-collection .headpera p {
        font-size: 13px;
        line-height: 21.4px;
        text-align: center;
        max-width: 384px;
        margin: auto;
        margin-bottom: 50px;
    }

    section.ruhi-gestures .heading h2 {
        color: #8D7249;
        font-family: Optima;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.48px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    section.ruhi-gestures {
        padding: 40px 20px;
    }

    .ruhi-gestures .img-box {
        position: relative;
    }

    .ruhi-gestures .img-box .wishlist-btn {
        height: 37px;
        width: 37px;
        border-radius: 100px;
        background: rgba(5, 5, 5, 0.04);
        z-index: 1;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 15px;
        bottom: 15px;
    }

    .ruhi-collection .headpera .shop-now {
        border-radius: 6px;
        background: rgba(141, 114, 73, 0.13) !important;
        display: flex;
        padding: 12px 30px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        color: #8D7249 !important;
        font-family: Optima;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.14px;
        text-transform: uppercase;
    }

    .footer .nav-links li a {
        width: 30px;
        height: 30px;
    }

    .footer .nav-links li a svg {
        width: 13px;
        height: 13px;
    }

    .marquee__inner {
        font-size: 80px;
    }

    .ruhi-collection .items .headpera {
        text-align: center;
    }

    .ruhi-collection .items .headpera {
        padding: 60px 20px;
    }

    .product-detail-view h3 {
        font-size: 22px;
    }

    .product-detail-view p {
        font-size: 18px;
    }

    .product-detail-view li {
        font-size: 18px;
    }

    .ruhi-gestures .box .product-box {
        padding: 30px;
    }

    .ruhi-gestures .items {
        grid-template-columns: 1fr;
        gap: 40px;
        margin-bottom: 40px;
    }

    .ruhi-gestures .code {
        min-width: auto;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px;
        text-transform: uppercase;
        margin-top: 7px;
    }

    .ruhi-gestures .view-more {
        font-size: 18px;
        min-width: auto;
        padding: 3px 20px;
    }

    .btn-new {
        border-radius: 6px;
        background: rgba(141, 114, 73, 0.13);
        display: flex;
        padding: 12px 30px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        color: #8D7249;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.14px;
        text-transform: uppercase;
        text-decoration: none;
    }

    section.ruhi-gestures .btn-new {
        min-width: 246px;
    }

    .ruhi-gestures .title {
        color: rgba(5, 5, 5, 0.59);
        text-align: center;
        font-family: Optima;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 21.4px;
        /* 133.75% */
        max-width: 290px;
        margin: auto;
    }

    section.ruhi-collection h1,
    section.ruhi-gestures .heading h2 {

        color: #8D7249;
        font-family: Optima;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.48px;
        text-transform: uppercase;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    section.ruhi-luxury .heading h2 {
        color: #8D7249;
        font-family: Optima;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.48px;
        text-transform: uppercase;
        margin-bottom: 40px;
        text-transform: uppercase;
    }

    section.ruhi-luxury {
        padding-bottom: 13px;
    }

    .ruhi-luxury .slick-slide .ruhicategory {
        color: #8D7249;
        font-family: Optima;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.36px;
        text-align: center;
        padding: 24px;
        text-transform: uppercase;
    }

    .ruhi-luxury .slick-slide img {
        object-fit: cover;
        object-position: top;
        padding: 4px;
        border-radius: 10px;
        height: calc(100dvh - 186px);
    }

    .ruhi-luxury .slick-dots li button:before {
        display: none;
    }

    .ruhi-luxury .slick-dots li {
        padding: 0;
        height: 3px;
        width: 19px;
        background: #D5D5D5;
        transition: .3s all;
        border-radius: 10px;
    }

    .ruhi-luxury .slick-dots li.slick-active {
        width: 42px;
        background: #8D7249;
    }


    .ruhi-gestures .carat {
        font-size: 18px;
    }

    .heading h2 {
        font-size: 30px;
        line-height: 130%;
    }

    .ruhi-collection .items .headpera h1 {
        font-size: 30px;
    }

    .footer .footer-logo img {
        width: 343px;
        height: 68px;
        object-fit: contain;
    }

    .footer .follow {
        color: #8D7249;
        font-family: Optima;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        /* 157.143% */
        font-variant: all-small-caps;
        margin-bottom: 15px;
    }

    .footer .follow-us .nav-links {
        gap: 15px;
    }

    .modal.product-view .modal-body {
        padding: 20px;
    }

    .modal.product-view .btn-close {
        transform: unset;
        top: -5px;
        right: -5px;
        width: 36px;
        height: 36px;
        background: #000;
    }

    .modal.product-view .btn-close svg {
        width: 12px;
        height: 12px;
        color: #8D7249;
    }

    .modal.product-view .btn-close svg path {
        fill: #8D7249;
    }

    .modal.product-view .wishlistblock {
        margin: 13px 0;
    }

    .modal.product-view .wishlistblock .wishlist-btn {
        border-radius: 100px;
        background: rgba(5, 5, 5, 0.04);
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modal.product-view .productmodaldata h3 {
        color: #050505;
        font-family: Optima-bold;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 25.6px;
        /* 160% */
        text-transform: uppercase;
        max-width: 90%;
        margin-bottom: 10px;
    }

    .modal.product-view .productmodaldata .code {
        min-width: auto;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
        margin-bottom: 12px;
    }

    .modal.product-view .productmodaldata p {
        color: rgba(5, 5, 5, 0.59);
        font-family: Optima;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 21.4px;
        /* 164.615% */
        margin-bottom: 10px;
    }

    .modal.product-view .productmodaldata .produclist {
        color: rgba(5, 5, 5, 0.59);
        font-family: Optima;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 21.4px;
        /* 164.615% */
    }

    .modal.product-view .productmodaldata .product-listview {
        padding-left: 20px;
        position: relative;
    }

    .modal.product-view .productmodaldata .product-listview::after {
        content: '';
        position: absolute;
        height: 4px;
        width: 4px;
        background: rgba(5, 5, 5, 0.59);
        left: 8px;
        top: 8px;
        border-radius: 15px;
    }

    html[dir="rtl"] .modal.product-view .productmodaldata .product-listview {
        padding-left: 0;
        padding-right: 20px;
    }

    html[dir="rtl"] .modal.product-view .productmodaldata .product-listview::after {
        left: unset;
        right: 8px;
    }

    html[dir="rtl"] .play-pause-btn {
        left: 0;
        right: unset !important;
        padding-left: 12px;
    }

    section.products-new-sec {
        padding: 30px 20px;
    }

    section.products-new-sec .items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    section.products-new-sec .items .box .img-box {
        border-radius: 6px;
        border: 1px solid rgba(141, 114, 73, 0.25);
        background: #d3d3d380;
        margin-bottom: 15px;
        position: relative;
        overflow: hidden;
    }

    section.products-new-sec .items .box .img-box .wishlist-btn {
        border-radius: 100px;
        background: rgba(5, 5, 5, 0.04);
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    html[dir="rtl"] section.products-new-sec .items .box .img-box .wishlist-btn {
        left: 0;
        right: unset;
    }

    section.products-new-sec .items .box .img-box .wishlist-close-icon {
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 6px;
        bottom: 6px;
        border-radius: 100px;
        height: 25px;
        width: 25px;
        background: rgba(5, 5, 5, 0.04);
    }

    html[dir="rtl"] section.products-new-sec .items .box .img-box .wishlist-close-icon {
        left: 6px;
        right: unset;
    }

    section.products-new-sec .items .box .product-detail .category {
        color: #050505;
        font-family: Optima-bold;
        font-size: 13px;
        text-transform: uppercase;
        font-style: normal;
        font-weight: 700;
        line-height: 24.2px;
        margin-bottom: 6px;
    }

    section.products-new-sec .items .box .product-detail {
        margin-bottom: 21px;
    }

    section.products-new-sec .items .box .product-detail .title {
        color: rgba(5, 5, 5, 0.59);
        font-family: Optima;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 21.4px;
        /* 164.615% */
        margin: -4.8px 0;

    }

    section.products-new-sec .items .box .product-detail .code {
        font-family: Optima;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 11.2px;
        text-transform: uppercase;
        margin-top: 11px;
    }

    .search-bar {
        padding: 30px 20px 0;

    }

    .search-bar .form-label .search-icon {
        position: absolute;
        left: 15px;
        top: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    html[dir="rtl"] .search-bar .form-label .search-icon {
        left: unset;
        right: 15px;
    }

    .search-bar .form-label .close-icon {
        position: absolute;
        right: 15px;
        top: 17px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    html[dir="rtl"] .search-bar .form-label .close-icon {
        right: unset;
        left: 15px;
    }

    .search-bar .form-label {
        position: relative;
        margin-bottom: 0;
        display: block;
        width: 100%;
    }

    .search-bar .form-control {
        border-radius: 6px;
        border: 1px solid rgba(140, 115, 75, 0.25);
        background: #F4F4F4;
        display: flex;
        width: 401px;
        padding: 9px 35px;
        align-items: center;
        gap: 2.4px;
        width: 100%;
    }

    .search-bar .form-control::placeholder {
        color: rgba(0, 0, 0, 0.20);
        font-family: Optima;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .search-bar .form-control:focus {
        box-shadow: none;
    }





    /*  */
    .pagination-block {
        padding: 40px 20px 0;
    }

    .pagination {
        justify-content: center;
        gap: 39px;
        align-items: center;
    }

    .pagination .page-item .page-link {
        border: none;
        color: #000;
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.28px;
        text-transform: uppercase;
    }

    .pagination .page-item.active .page-link {
        background: transparent;
        color: #8C734B;
    }

    .page-item:first-child .page-link,
    .page-item:last-child .page-link {
        border: none;
        border-radius: 50%;
        background: rgba(5, 5, 5, 0.04);
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .wishlist-qty {
        font-size: 8px;
        min-width: 13px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 13px;
    }

    /*  */
    .wishlist-head {
        padding: 30px 20px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .wishlist-head .wishlist-heading {
        color: #8D7249;
        font-family: Optima;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.36px;
        text-transform: uppercase;
    }

    .wishlist-head .itembox {
        color: rgba(5, 5, 5, 0.50);
        font-family: Optima;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.26px;
        text-transform: uppercase;
    }

    .modal.product-view {
        z-index: 111111111 !important;
    }
}

/* 
@media only screen and (max-width:467px) {
    header .logo img {
        max-width: 148px;
    }
} */