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

  /* header footer css*/
  .zr-header-max-width {
    max-width: 100%;
  }

  .zr-bottom-border {
    border-bottom: none
  }


}

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

  /* header footer css*/
  .zr-bottom-border {
    border-bottom: none;
  }
}


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

  .zr-img-product:last-child {
    display: none !importatn;
  }

}



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

  /* product list */
  .zr-Honeycomb:nth-child(9n-3) {
    margin-right: 0%;
  }

  .zr-Honeycomb:nth-child(9n) {
    margin-left: 0%;
  }
}

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

  /* index css */
  .zr-jewellery-size {
    /* width: 23.5rem;
    height: 12.75rem;*/
  }
}

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

  /* header footer */
  .zr-container {
    max-width: 1535px;
  }

  .zr-first-ul {
    width: 590px;
  }

  .zr-head-info {
    max-width: 1507px;
  }

  .zr-bottom-border {
    border-bottom: none;
  }

  /* index css */
  .zr-banner-experience {
    width: 1354.4px;
  }


  .zr-question-form {
    max-width: 1310px;
    width : 100%;
  }

  .zr-form-banner {
    width: 735px;
    height: 100%;
  }

  .zr-forth-section-banner {
    width: 1106px;
  }

  .zr-question-form-detail {
    width: 520px;
    padding-top: 20px;
    padding-bottom: 23px;
  }

  .zr-question-form-detail-layout {
    max-width: 491px;
    width: 100%;
  }

  .zr-section-sixth {
    justify-content: center;
    /* height: 1054px; */

  }

  /*  .zr-special-products {
  gap: 12px;
  width: 100%;
  max-width: 1150px;
}*/

  /* .zr-special-products-container {
  gap: 68px;
} */

  .zr-three-imgs {
    padding-right: 0;
  }

  .zr-main-special-products-slider {
    display: none;
  }

  .zr-shape-category-responsive {
    display: none;
  }

  /* .custom-dots {
  display: none;
} */

  .zr-banner-experience-responsive {
    display: none;
  }

  /* contact us */

  .zr-question-form {
    max-width: 1310px;
  }

  .zr-form-banner {
    width: 735px;
    height: 100%;
  }

  .zr-forth-section-banner {
    width: 1106px;
  }

  .zr-question-form-detail {
    width: 520px;
    padding-top: 20px;
    padding-bottom: 23px;
  }

  .zr-question-form-detail-layout {
    max-width: 491px;
    width: 100%;
  }
}

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

  /* blog detail */
  .zr-blog-custom-arrows .slick-prev {
    left: -804px !important;
  }

  .zr-blog-custom-arrows .slick-next {
    left: 804px !important;
  }
}

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

  /* blog list */

  .zr-blog-banner-slider .slick-dots {
    bottom: 76px !important;
    left: -406px !important; 
  }

  .zr-blog-head-title {
    top: 866px;
  }

  .zr-banner-container {
    max-width: 1462px !important;
    max-height: 718px;
  }

  .zr-blog-banner-slider {
    max-width: 979px;
  }

  .zr-banner-text-container {
    max-width: 483px;
  }



}




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

  /* contact us */
  .zr-first-section-contact-us {
    width: 100%;
    max-width: calc(100% - 3rem);
  }

  .zr-bg-sec-1 {
    width: 562.5px;
  }

  .zr-bg-sec-3 {
    width: 562.5px;
  }

  .zr-img-overlay-1 {
    padding-left: 745px;
  }

  .zr-img-overlay-2 {
    padding-left: 747px;
  }

}

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

  /* header footer css */
  .zr-container-mega {
    max-width: 1565px;
  }
}

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

  /* contact us */
  .zr-forth-section-contact-us {
    width: 1310px;
  }
}

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

  /* about us */
  .zr-slider-container {
    width: 972px;
  }
}

@media screen and (max-width:1673px) {
  .zr-blog-custom-arrows .slick-prev {
    left: -754px !important;
  }

  .zr-blog-custom-arrows .slick-next {
    left: 754px !important;
  }
}

@media screen and (max-width:1630px) {
  .zr-blog-detail-slider {
    max-width: 1230px;
  }
}

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

  /* header footer */
  .zr-container-mega {
    max-width: 1485px;
    /* gap: 12px; */
    justify-content: center;
  }

  .zr-pic-mega-menu {
    display: none;
  }

  .zr-container {
    max-width: 1384px;
  }

  .zr-head-info {
    max-width: 1367px;
  }
}

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

  /* index css */
  .zr-main-slider {
    max-width: 1086px;
  }

  .zr-main-slider:has(.slick-slide:hover) {
    max-width: 1163px;
  }

  /*.zr-main-slider .zr-category-container {
  margin-left: 0px;
}*/


}

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


  .zr-blog-banner-slider .slick-dots {
    bottom: 104px !important;
  }

  /* blog list */
  .zr-blog-head-title {
    top: 815px;
  }

  .zr-banner-container {
    max-width: 1341px !important;
    max-height: 660px;
  }

  .zr-blog-banner-slider {
    max-width: 859px;
  }





}

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

  /* index css */
  .zr-special-products {
    /*  width: 1376px;*/
  }

  .zr-container-pro-none {
    display: none;
  }
}

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

  /* index css */
  .zr-jewellery-size {
    /*  width: 19.5rem;
    height: 10.75rem;*/
  }
}

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

  /* about us */
  .zr-container-sec-1 {
    gap: 59px;
    padding-right: 113px;
  }
}

@media screen and (max-width:1530px) {
  .zr-three-imgs {
    padding-inline: 1rem;
  }
}



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

  .zr-main-slider {
    /*    max-width: 1024px;*/
  }
}

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

  /* about us */
  .zr-container-sec-1 {
    gap: 29px;
    padding-right: 75px;
  }

  .zr-sec-1 {
    width: 414px;
  }

  .zr-container-sec-1 {
    gap: 59px;
    padding-right: 95px;
  }
}



@media screen and (max-width:1450px) {
  .zr-details-product-container {
    max-width : calc(100% - 2rem);
  }
}


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


  .zr-step-small.active {
    font-size: 14px !important;
  }

  /* .zr-main-special-products-slider .zr-container-products {
  max-width: 267px !important;
  max-height: 355px !important;
  width: 267px !important;
}*/

  .zr-blog-banner-slider .slick-dots {
    bottom: 120px !important;
    left: -346px !important;
  }


  .zr-container {
    max-width: 1255px;
  }

  .zr-first-ul {
    width: 500px;
    gap: 1px;
  }

  .zr-third-ul {
    width: 470px;
  }

  .zr-header-max-width {
    max-width: 100%;
  }

  .zr-head-info {
    max-width: 1290px;
    padding: 0 16px;
  }

  /*------- footer----- */
  .zr-footer {
    align-items: center;
  }

  .zr-footer-section-one {
    width: 1260px;
  }

  .zr-footer-sec-1 {
    width: 400px;
  }

  .zr-footer-sec-2 {
    width: 440px;
  }

  .zr-footer-sec-3 {
    width: 440px;
  }

  .zr-footer-section-two {
    width: 100%;
  }

  .zr-bottom-border {
    border-bottom: none;
  }

  /* index css */
  .zr-sigle-slide-title-1 {
    padding-right: 100px;
  }

  .zr-Rectangle2 {
    padding-right: 100px;
  }

  .zr-blog-title {
    top: 6339.86px;
  }

  /* .zr-main-slider {
  width: 1135px !important;
} */

  .zr-special-products {
    /* width: 1181px;*/
    gap: 11px;
  }



  .zr-forth-section-banner {
    width: 915px;
  }

  .zr-section-sixth {
    justify-content: flex-start;
    padding-top: 26px;
    /* height: 1284px; */

  }

  /* .zr-special-products-container {
  gap: 405px !important;
} */

  .zr-banner-experience {
    width: 1189.4px;
  }



  .zr-main-special-products-slider {
    display: none;
  }

  .zr-shape-category-responsive {
    display: none;
  }

  /* .custom-dots {
  display: none;
} */

  .zr-banner-experience-responsive {
    display: none;
  }

  .zr-question-form {
    max-width: 1260px;
  }

  .zr-question-form-detail-layout {
    width: 412px;
  }

  .zr-blog-title {
    top: 6059.86px !important;
  }

  /*.zr-last-btn {
  display: none;
}*/


  .zr-forth-section {
    height: 616px;
  }

  .zr-forth-banner-title-1 {
    font-size: var(--icon-head-info);
  }

  /* product detail */
  .zr-special-products-slider {
    margin-inline: -24px;
  }

  /* .zr-container-products {
  margin-left: 32px !important;
}*/

  .zr-Honeycomb {
    margin-inline: 0px !important;
  }

  .zr-Honeycomb {
    margin-inline: 0px !important;
  }

  .zr-special-products-slider {
    max-width: 1280px !important;
  }

  .zr-price-layout {
    width: 215px;
  }

  /* contact us */


  .zr-question-form {
    max-width: 1260px;
  }

  .zr-question-form-detail-layout {
    max-width: 412px;
    width: 100%;
  }

  .zr-forth-section-contact-us {
    width: 1264px;
  }

  /* social media */


  .zr-social-media-logo img {
    width: 70px;
    height: 70px;
  }



  .zr-social-media-desc {
    font-size: var(--text-detail-3);
  }

  .zr-title-diamond {
    width: 398.769531px;
  }

  .zr-logo-label-container {
    width: 746px;
    left: -83px;
    gap: 0px;
    height: 81px;
  }

  .zr-v-2-sec-1 {
    left: -102px !important;
  }

  .zr-logo-label-container span {
    font-size: var(--text-detail-3);

  }

  .zr-social-media-container {
    bottom: 263px;
  }

  .zr-social-media-section {
    /* bottom: -58px; */

  }

  /* blog list */
  .zr-blog-head-title {
    top: 785px;
  }

  .zr-banner-container {
    max-width: 1261px !important;
    max-height: 631px;
  }

  .zr-blog-banner-slider {
    max-width: 829px;
  }

  .zr-banner-text-container {
    max-width: 433px;
  }




  /* blog list */
  .zr-blog-detail-title-container {
    width: 880px;
  }

  .zr-blog-detail-text-container {
    width: 880px;
  }

  .zr-blog-detail-text {
    width: 697px;
  }



}

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

  /* contact us */
  .zr-bg-sec-1 {
    width: 562.5px;
  }

  .zr-bg-sec-3 {
    width: 562.5px;
  }

  .zr-img-overlay-1 {
    padding-left: 680px;
  }

  .zr-img-overlay-2 {
    padding-left: 687px;
  }

  .font-size-small.zr-address-text {
    font-size: var(--text-detail-2);
  }
}



@media screen and (max-width:1370px) {
  .zr-img-list-parent.horizontal-scroll {
    max-width : 418px;
  }

  .product-l-img {
    max-width : 418px;
    max-height : 418px;
  }

}

@media screen and (max-width:1130px) {
  .zr-main-slider {
    max-width: 816px;
  }
  .zr-main-slider:has(.slick-slide:hover) {
    max-width: 889px;
  }


}

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

  /* about us */
  .zr-img-position-1 {
    width: 449px;
  }

  .zr-img-position-2 {
    right: 337px;
    top: 55px;
    width: 279px;
  }
}

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


  .zr-head-info-icons {
    gap : 0.25rem;
  }


  /* blog detail */
  .zr-blog-card {
    gap : 0px; 
    padding-bottom: 2rem;
  }

  .zr-blog-detail-slider {
    gap: 2rem; 
  }

  .zr-blog-detail-slider .slick-prev,
  .zr-blog-detail-slider .slick-prev:focus {
    position: unset;
    order: 1;
    margin-top: 5px;
    background-size: contain !important;
  }

  .zr-blog-detail-slider .slick-next,
  .zr-blog-detail-slider .slick-next:focus {
    position: unset;
    order: 3;
    margin-top: 5px;
    background-size: contain !important;
  }

  .zr-blog-detail-slider .slick-dots {
    position: unset;
    order: 2;
    /*margin-left: 70px;*/
  }


  .zr-bg-sec-1 {
    clip-path: polygon(88% 0, 100% 50%, 88% 100%, 0 100%, 0 0);
  }

  .zr-bg-sec-3 {
    clip-path: polygon(9% 0, 0% 50%, 9% 100%, 100% 100%, 100% 0);
  }

  .font-size-body-1.zr-title-info-style {
    font-size: var(--text-detail-4);
  }

  .font-size-small.zr-desc-info-style {
    font-size: var(--text-detail-2);
  }

  .zr-img-overlay-2 {
    padding-left: 637px;
  }

  .zr-img-overlay-1 {
    padding-left: 630px;
  }

  .zr-items {
    width: 260px;
  }

}

@media screen and (max-width:990px) {
  .zr-three-imgs {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    gap : 0.5rem;

  }
}


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

  .zr-main-bloglist {
    margin-top: calc(60px + 55px);
  }


  .zr-first-section-aboutus {
    height: fit-content !important;
  }


  .zr-container-sec-1  {
    gap : 64px !important;
    padding-block : 2rem;
  }

  .zr-container-sec-1 .zr-sec-2 {
    display: flex;
    flex-direction: column;
    align-items: center;

  }

  .zr-container-sec-1 .zr-sec-2 img {
    position : unset;  
  }

  .zr-img-position-2 {
    margin-top: -11rem;
  }

  .zr-fav-none-1 {
    margin-right: 0px !important; 
  }

  .zr-hamber-ul {
    padding-bottom: 16rem !important; 
  }


  .zr-sort-filter-container {
    top: 120px; 
  }

  .zr-sort-filter-container::before {
    content: '';
    width: 100%;
    height: 30px;
    background: var(--custom-color-primary);
    position: absolute;
    left: 0;
    bottom: 95%;
  }

  .zr-sort-filter-layout {
    padding-top: 1rem; 
  }

  .zr-label-filter {
    top: 226px; 
    padding-bottom: 1.5rem;
  }

  .zr-price-today {
    flex: 1;
    text-align: center;
    width: 24px;
    height: 24px;
  }

  .zr-head-info-icons {
    display : none !important;  
  }

  .zr-call-info {
    display: none !important;
  }

  .zr-welcome-text {
    display: none;
  }

  .zr-golde-price {
    display: flex;
    align-items: center;
    width: 100%;
  }


  .zw-address-main {
    /* margin-top: 62px !important;*/
  }



  .main-box.main-box-active
  {
    margin-top: 121px !important;

  }


  .zw-cart-contaner-finall {
    margin-top: 13rem !important;
  }
  .zw-cart-group
  {
    margin-top: 8rem !important; 
  }

  .zw-cart-product-div  {
    margin-top: 2rem !important; 
  }

  .zr-blog-banner-slider {
    max-height: 352px !important;
    height: 100% !important;
  }

  .zr-banner-img {
    height: 352px !important; 
  }



  .zr-pre-btn,
  .zr-pre-btn:focus,
  .zr-pre-btn::before,
  .zr-next-btn, 
  .zr-next-btn:focus,
  .zr-next-btn:focus
  {
    top: auto !important;
    bottom: 0 !important;
    margin-bottom: -90px;
    left : auto !important;
    right : auto;
  }

  .zr-pre-btn,
  .zr-pre-btn:focus,
  .zr-pre-btn::before {
    margin-left: -112px;
  }

  .zr-next-btn, 
  .zr-next-btn:focus,
  .zr-next-btn:focus {
    margin-left: 80px;
  }

  .zr-res-sub-2-arrow::before {
    content : unset; 
  }


  .zr-slider-desc {
    -webkit-line-clamp: 1 !important;
  }


  /* header footer */
  .zr-logo-img {
    /* width: 130px; */
    height: auto;
    /* padding-top: 4px; */
    object-fit: contain;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }

  .zr-add-to-cart-container {
    width: 45px;
  }

  .zr-social-media-footer-container,
  .rewrite-social-container {
    gap: 16px;
  }

  .zr-no-scroll {
    overflow: hidden;
    height: 100vh;
  }

  .zr-easy-links ,
  .zr-footer-sec-1  > div 
  {
    width: fit-content;
    gap : 1rem ;
    column-gap : 0.5rem;
  }


  .zr-container {
    /* padding: 0 16px; */
    max-width: none;
  }

  .zr-hamburger {
    display: flex;
  }

  li {
    list-style: none;
  }

  .zr-hamburger .zr-ham {
    padding: 0px;
    margin: 0px;
    width: 130px;
    display: flex;
    justify-content: flex-start;
  }

  .zr-hamburger .zr-basket {

    padding: 0px;
    margin: 0px;
    width: 130px;
    display: flex;
    justify-content: flex-end;
  }

  .zr-nav {
    display: none;
  }

  .zr-header-max-width {
    max-width: 100%;
  }


  .zr-basket-icon {
    padding-bottom: 0;
    width: 40px;
    height: 40px;
  }

  .hamburger-icon {
    margin-right: 16px;
    min-width : 32px;
    min-height : 32px;
  }

  .zr-child-hamburger {
    display: none;
    position: absolute;
    border-top: 1px solid var(--custom-color-teritary);
    border-radius: 4px;
    top: 110px;
    left: 0;
    width: 100vw;
    height: calc(88vh - 108px);
    z-index: 997;
    background-color: var(--text-secondary);
    overflow: hidden;
    height: 100svh;
    flex-direction: column;

  }


  .zr-show-menu {
    display : flex ; 
    overflow : auto ;
  }

  .zr-login-hemburger {
    background-color: var(--main-blue);
    width: 100%;
    height: 64px;
    position: fixed;
    bottom: 0;
    font-family: var(--main-font);
    color: var(--text-secondary);
    font-weight: 700;
    font-size: var(--text-detail-4);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 8px;
    z-index: 9999 !important;


  }

  .zr-login-hemburger img {
    width: 32px;
    height: 32px;
  }

  .zr-hamburger-max-width {
    padding: 30px 0px;
    height: 100%;
    position: relative;
    /* height: 89svh;*/
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    background-attachment: fixed;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;

  }

  .zr-product-drop-down {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 0;
  }

  .zr-product-drop-down {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 0;
  }

  .zr-hamburger-max-width::-webkit-scrollbar {
    display: none;
  }

  .zr-hamburger-input {
    border-radius: 4px;
    border: 1px solid var(--text-secondary-1);
    height: 40px;
    width: 90%;
    display: flex;
    flex-direction: row-reverse;
    padding: 8px;
    align-items: center;
    margin-block: 0.5rem;
    margin-inline: auto;
  }

  .zr-hamburger-input input {
    font-family: var(--main-font);
    border: none;
    height: 100%;
    width: 100%;
    margin-right: 10px;
  }

  .zr-hamburger-input input:focus {
    border: none;
    outline: none;
  }

  .zr-hamburger-input img {
    width: 24px;
    height: 24px;
  }

  .zr-hamber-ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .zr-hamber-li {
    color: var(--text-secondary-1);
    height: 57px;
    display: flex;
    align-items: center;
    cursor: pointer;
    width : 100%;
    padding-inline : 1rem;
  }
  .zr-product-drop-down  {
    padding-inline : 1rem; 
  }

  .zr-res-sub-2-arrow-active > a {
    width : 100%;
  }


  .zr-drop-down-inner-link-2 {
    background : #FFF; 
    border-radius : 0px !important;
    width : 97%;
  }



  .zr-check-box-childern-menu

  .zr-check-box-childern-menu {
    gap: 0.5rem;
    flex-direction: column;
    padding-inline: 1rem;
  }        


  .zr-hamber-li > a,
  .zr-product-drop-down > a,
  .zr-child-products-drop-down-menu > a
  {
    font-size : 16px !important; 
  }


  .zr-hamber-li.active a {
    color: var(--text-secondary-2);
  }

  /* PRODUCT ITEMS */
  .zr-title-filter {
    display: flex;

    align-items: center;
    justify-content: center;

  }



  .rotate-reverse {
    transform: rotate(180deg);
  }

  .icon-filter {
    transition: 0.5s;
  }

  /* ------------- */
  .zr-products-hamburger {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* max-height: 200px;
    overflow-y: auto;*/
    overflow-x: hidden;
    /* border-top: 1px solid var(--custom-color-teritary) */
  }

  .zr-child-products-drop-down-menu {
    display: none;
    width: 100%;
    /* padding: 32px 0;*/
    justify-content: center;
    flex-direction: column;
    align-items: center;
    min-height : 56px;
  }

  .zr-child-products-drop-down-menu:first-child > a {
    min-height : 56px;
  }

  .zr-products-hamburger span {
    display: flex;
    align-items: center;
    height: 54px;
  }



  .zr-child-detail-filter {
    height: auto;
    display: none;
  }



  .zr-layout-child-menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    background-attachment: fixed;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    position: relative;
    z-index: 1;
    overflow: visible;
  }

  .zr-layout-child-menu::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: transparent;
    z-index: -1;
    transition: background-color 0.1s ease;
    margin-inline: -100vw;
    width: 200vw;
  }

  .zr-layout-child-menu:hover::before {
    background-color: var(--custom-color-primary) !important;
  }

  .zr-layout-child-menu ::-webkit-scrollbar {
    display: none;
  }

  /* ------------checkbox-layout------------------ */
  .zr-checkbox-layout-responsive-submenu {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* gap: 12px; */
    padding-inline: 2rem;
  }




  .zr-check-box-childern-menu {
    display: none;
    width: 100%;
    /* border-right: 1px solid var(--text-secondary-1); */
    justify-content: center;
    padding-right: 10px;
    /* display: flex !important; */
  }

  .zr-sub-checkbox-layout-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* width: 92px; 
    width: 100%;*/
    margin-bottom: 0.5rem;
    padding-inline: 0rem;
  }

  .zr-res-sub-2-arrow-active {
    padding-inline : 0rem;  
    background-color : #fff;
    border : none !important; 
    width: 97%;
    margin-inline: auto;
  }

  .zr-res-sub-2-arrow-active > a  {
    border : none !important; 
  }

  .opened-third-stage {
    background: #F7F7F7;
    width: 92%;
    margin-inline: auto;
    margin-bottom: 12px !important;
    gap : 10px;
  }


  .zr-third-stage-item {
    min-height: 38px;
    padding-block: 4px;
    padding-inline : 1.25rem;
  }


  .zr-sub-checkbox-menu:hover {
    background-color: var(--text-secondary);
  }

  .zr-sub-checkbox-menu {
    width: 100%;
    border-radius: 4px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;

  }

  .zr-div-layout-menu {
    display: flex;
    align-items: center;
  }




  .zr-5-gap {
    gap: 5px;
  }

  .zr-10-gap {
    gap: 10px;
  }



  /*----- FOOTER -----*/
  .zr-footer-section-one {
    width: 98.25%;
  }



  .zr-footer-sec-3 p {
    width: 276px;
    font-size: var(--text-detail-2) !important;
    font-weight: 400;

  }

  .zr-footer-sec-3 img {
    width: 144px;
  }

  .zr-footer-sec-3 {
    width: 320px;
  }

  .zr-footer-sec-2 {
    width: 320px;
  }

  .zr-footer-sec-1 {
    width: 320px;
    font-size: var(--text-detail-3) !important;
  }

  .zr-footer-sec-2 div {
    width: 266px;
    font-size: var(--text-detail-2) !important;

  }

  .zr-symbol-logo {
    width: 88px;
  }

  /* index css */
  .zr-sigle-slide-title-1 {
    padding-right: 20px;
  }

  .zr-Rectangle2 {
    padding-right: 14px;
    gap: 1px;
  }

  .zr-second-section {
    /* margin: 233px 0;*/
    padding-top: 22px;
    height: auto;
  }

  .zr-three-imgs {
    width: 100%;
    /*flex-wrap: wrap;
    margin-inline: 16px;*/
  }

  .zr-jewellery-size {
    /* width: 34.5rem;
    height: 18.75rem;*/
  }


  .zr-main-slider .slick-prev,
  .zr-main-slider .slick-prev:focus {
    position: unset !important;
    order: 1 !important;
    margin-top: 32px !important;
    margin-right: 16px !important;
    height: 32px !important;
  }

  .zr-main-slider .slick-dots,
  .zr-main-slider .slick-dots:focus {
    position: unset !important;
    order: 2 !important;
    width: auto !important;
    min-width: 200px !important;

  }

  .zr-main-slider .slick-next,
  .zr-main-slider .slick-next:focus {
    position: unset !important;
    order: 3 !important;
    margin-top: 32px !important;
    margin-left: 16px !important;
    background: url('../IMAGES/icon/pre-arrow.svg') no-repeat center !important;
    height: 32px !important;
  }

  /* .zr-label-product {
  justify-content: flex-start;
} */

  .zr-discount-label-1 {
    /*flex-direction: row-reverse;*/
  }

  .zr-container-products .zr-blog-title {
    top: 5609.86px !important;
  }

  .zr-category-1-title {
    top: 1225px !important;
  }


  .zr-first-section .slick-dots {
    width: 8% !important;
  }

  .zr-spliter-two {
    top: 2628px;
  }



  /* .zr-jewellery-size {
  width: 23.67rem;
  height: 14.5rem;
} */

  .zr-forth-section-banner {
    width: 780px;
  }

  .zr-poly-img {
    width: 457px;
  }

  /* .polygon-container {
  width: 432px;
} */

  .zr-forth-banner-title-1 {
    font-size: var(--icon-head-info);
  }

  .zr-forth-banner-title-2 {
    font-size: var(--text-detail-3);
  }

  .zr-banner-btn {
    width: 146px;
    height: 40px;
  }

  .zr-spliter-one {
    top: 1105px;
  }



  /*zr-special-products {
  display: none;
}*/


  .zr-special-products-container {
    gap: 1px !important;
    /*margin-top: 108px !important;*/
  }

  .zr-container-products {
    /* width: 285px !important; */
    display: flex !important;
  }


  /* //-------CUSTOM-DOTS----------- */
  .custom-dots {
    display: block;
    justify-content: center;
    list-style: none;
    padding: 0;
  }

  .custom-dots li {
    cursor: pointer;
    padding: 5px 10px;
    margin: 0 5px;
    background: #ccc;
    border-radius: 50%;
  }

  .custom-dots li.active {
    background: #333;
    color: white;
  }

  .zr-main-special-products-slider .slick-dotted.slick-slider {
    height: 432px !important;
  }

  .zr-special-products-container .slick-dots {
    bottom: 30px !important;

  }


  .zr-special-title {
    width: 295px !important;
    margin-bottom: -59px;
  }

  .zr-main-special-products-slider .slick-dots,
  .zr-main-special-products-slider .slick-dots:focus {
    width: auto;
    min-width: 200px;
    display: flex !important;
    gap: 8px !important;
    margin-top: 32px;
    order: 2 !important;
    position: unset !important;

  }

  .zr-main-special-products-slider .slick-dots li,
  .zr-main-special-products-slider .slick-dots li:focus {
    margin: 0 !important;
    padding: 0 !important;
    width: 8px !important;
    height: 8px !important;
    background: var(--text-secondary-1) !important;
    border-radius: 50% !important;

  }

  .zr-main-special-products-slider .slick-dots li:last-child {
    margin-right: 0;
  }

  .zr-main-special-products-slider .slick-dots li button,
  .zr-main-special-products-slider .slick-dots li button:focus {
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: none !important;
  }

  .zr-main-special-products-slider .slick-dots li.slick-active,
  .zr-main-special-products-slider .slick-dots li.slick-active:focus {
    width: 47px !important;
    height: 8px !important;
    border-radius: 4px !important;
    background: var(--main-blue) !important;

  }


  .zr-main-special-products-slider .slick-dotted.slick-slider {
    margin-bottom: 1px !important;
  }

  .zr-main-special-products-slider .slick-dots {
    /* bottom: 17px; */
    /* left: 76px; */
    width: 14%;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .zr-btn-show-all-2 {
    /* position: absolute; */
    display: block;
    /* top: 3534px; */
  }

  .zr-btn-show-all-1 {
    /*  display: none;*/
  }

  .zr-banner-experience-responsive {
    display: none;
  }

  /* EXPERIENCE BANNER */
  .zr-banner-experience {
    height: 628px;
    align-items: center;
    width: 100%;
    height: 528px;
  }

  .font-size-heading.zr-title-style {
    font-size: var(--icon-head-info);
  }

  .font-size-body.zr-desc-experience-style {
    font-size: var(--text-detail-3);
  }

  .zr-options-container-item {
    font-size: var(--text-detail-3);
  }

  .zr-options-container-item {
    flex-direction: row;
    width: 185px;
  }

  .zr-options-container-item-image {
    width: 24px !important;
    height: 24px !important;
  }

  .zr-banner-experience-sec-2 {
    padding-right: 105px;
    width: 782px;
  }

  .zr-banner-experience-sec-1 {
    width: 100%;
    background-position: center;
  }


  /* ---------------------------------- */


  .zr-container-special-products {
    /* width: 100%; 
    max-width: 1140px;*/
    margin-top : 30px;
  }

  .zr-main-special-products-slider .slick-prev,
  .zr-main-special-products-slider .slick-prev:focus {
    background: url('../IMAGES/icon/next-arrow.svg') no-repeat !important;
    width: 14px !important;
    height: 32px !important;
    position: unset !important;
    order: 1 !important;
    margin-top: 41px !important;
    margin-left: 4px !important;
    transition: none !important;
    transform: none !important;
  }

  .zr-main-special-products-slider .slick-prev::before {
    content: '' !important;
  }

  .zr-main-special-products-slider .slick-next,
  .zr-main-special-products-slider .slick-next:focus {
    background: url('../IMAGES/icon/pre-arrow.svg') no-repeat !important;
    width: 14px !important;
    height: 32px !important;
    position: unset !important;
    order: 3 !important;
    margin-top: 41px !important;
    transition: none !important;
    transform: none !important;
  }

  .zr-main-special-products-slider .slick-next::before {
    content: '' !important;
  }

  /* .zr-blog-image-wrapper {
  margin-top: -36px;
} */

  .zr-question-form {
    width: 100%;
  }

  .zr-form-banner {
    background-position: right;
  }

  .zr-question-form-detail-layout {
    width: 100%;
  }

  /* social media */

  .zr-social-media-logo img {
    height: 80px;
    width: 80px;
  }

  .zr-logo-label-container {
    left: -151px;
    width: 890px;
    gap: 4px;
  }

  .zr-v-2-sec-1 {
    height: 110px !important;
    left: -152px !important;
  }


  .zr-main-body-contact-us .zr-v-2-sec-1 {
    height: 36px !important; 
  }

  .zr-social-meddile-text-style {
    font-size: var(--text-detail-3);
    font-weight: 400;
  }

  .zr-diamond {
    width: 659px;
  }

  .zr-first-section {
    height: 356px !important;
  }


  .zr-Rectangle1 {
    width: 469px;
    height: 84px;
    bottom: 276px;
  }

  .zr-Rectangle2 {
    bottom: 173px;
    width: 558px;
    height: 106px;
  }

  .zr-title-1-desc {
    font-size: var(--text-detail-5) !important;
  }

  .zr-title-2-desc {
    font-size: var(--text-detail-3) !important;
  }

  .zr-experience-title {
    margin-bottom: 35px;
  }

  .zr-experience-desc {
    margin-bottom: 41px;
  }

  /* .zr-details-product {
  flex-direction: row-reverse;
} */

  .zr-section-seventh {
    height: 539px;
  }

  /* product detail */
  .zr-ring-text {
    font-size: var(--icon-head-info);
  }

  .zr-img-product-light-box {
    width: 448px;
    height: unset;
  }

  .zr-img-product-container {
    width: 448px;
  }

  .zr-thumbnail-layout {
    width: 448px;
  }

  .zr-add-to-card {
    width: 223px;
  }

  .zr-special-products-slider {
    margin-inline: -34px;
  }

  /*.zr-container-products {
  margin-inline: 34px;
}*/

  .zr-Honeycomb {
    margin-inline: 0px !important;
  }

  .zr-special-products-slider {
    max-width: 1024px !important;
  }

  /* contact us  */
  .zr-main {
    background: linear-gradient(to bottom, var(--custom-color-primary) 0%, var(--custom-color-primary) 16%, var(--bg-octonary-2) 11%, var(--bg-octonary-2) 89%, var(--custom-color-primary) 80%, var(--custom-color-primary) 100%);
  }




  .zr-social-media-desc {
    /* width: 241px; */
  }

  .zr-desc-size {
    font-size: var(--text-detail-2);
    font-weight: 400;
  }

  .zr-social-media-container {
    bottom: 325px !important;
  }

  .zr-social-media-section {
    bottom: -126px !important;
    height: 331px !important;

  }

  /* FORM */
  .zr-question-form {
    max-width: 1000px;
    width : 100%;
  }

  .zr-form-banner {
    background-position: right;
  }

  .zr-question-form-detail-layout {
    width: 351px;
  }

  .zr-send-btn {
    width: 168px;
    font-size: var(--text-detail-3);
  }

  .zr-question-form-detail h3 {
    font-size: var(--text-detail-5);
  }

  .font-size-small.zr-sub-title-style {
    font-size: var(--text-detail-2);
  }

  .zr-question-form-detail-layout {
    width: 371px;
  }

  /* MAP */
  .zr-forth-section-contact-us {
    width: 1004px;
  }

  /* blog list */
  .zr-banner-text-container .zr-banner-text {
    padding : 0.5rem 1rem;
  }

  .zr-banner-text-container {
    clip-path: none !important;
    position: static !important;
    width: 100% !important;
    max-width : 100% !important;
    padding-right: 0px;
  }

  .zr-banner-container {
    flex-direction: column-reverse;
    max-width: 829px !important;
    max-height: unset !important;
    margin-top: 0;
    position: relative !important;
    overflow: unset;

  }





  .zr-banner-text-container .zr-banner-text {
    align-items: center;
  }

  .zr-blog-head-title {
    top: 1116px;
  }

  /* prev btn */



  /* next btn */


  /* dots */
  .zr-blog-banner-slider .slick-dots {
    max-height: 50px;
    top: auto !important;
    bottom: 3px !important;
    margin-bottom: -263px;
    left: 50% !important;
    transform: translate(-50px);
    width: 100%;
    max-width: 120px;
  }

  /* blog list  */
  .zr-head-banner {
    display: flex;
    justify-content: center;
  }

  .zr-blog-detail-slider {
    max-width: 815px;
    /* margin-left: -68px; */
  }

  .zr-blog-detail-slider .slick-slide {

    margin-inline: 8px;
  }

  .zr-blog-detail-slider .slick-track {
    margin-inline: -8px;
  }

  /* about us */
  .zr-container-sec-1 {
    display: flex;
    flex-direction: column-reverse;
    width: auto;
    padding-right: 0;
    gap: 667px;
  }

  .zr-img-position-1 {
    position: absolute;
    top: 32px;
    /* right: -83px; */
  }

  .zr-img-position-2 {
    right: 68px;
    top: 235px;
    width: 279px;
  }

  .zr-sec-1 {
    align-items: center;
  }

  .zr-first-section-aboutus {
    height: 1192px;
    background-position: left;
  }

}

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

  /* about us */
  .zr-slider-container {
    width: 712px;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
  }

  .zr-slider-container .slick-prev,
  .zr-slider-container .slick-prev::before,
  .zr-slider-container .slick-prev:focus {
    position: unset;
    order: 1;
    margin-top: 30px;
  }




  .zr-slider-container .slick-next,
  .zr-slider-container .slick-next ::before,
  .zr-slider-container .slick-next:focus {
    position: unset;
    order: 3;
    margin-top: 30px;
  }


  .zr-slider-aboutus .slick-dots {
    order: 2;
    position: unset;
    width: auto;
    min-width: 110px;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .zr-slider-aboutus .slick-dots li {
    margin: 0;
    padding: 0;
    width: 8px;
    height: 8px;
    background: var(--text-secondary-1);
    border-radius: 50%;
    transition: all 0.3s ease;
  }

  .zr-slider-aboutus .slick-dots li.slick-active {
    width: 24px !important;
    height: 8px !important;
    border-radius: 4px !important;
    background: var(--main-blue) !important;
  }

  .zr-slider-aboutus .slick-dots li button {
    display: none;
  }


  .zr-slider-aboutus .slick-dots {
    /* bottom: 17px;
    left: 76px; */
    /* width: 14%; */
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  /* ---------- */
  .zr-slider-aboutus .slick-slide {
    width: 288px !important;
    height: 347px !important;
  }

  .zr-forth-section-aboutus {
    height: 687px;
  }
}

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

  .zw-cart-main {
    margin-top: 10rem !important;
  }


  .zr-slider-aboutus {
    margin-top : 0px !important;
  }


  .zr-slider-aboutus .slick-dots {
    margin-bottom: -7px; 
  }


  .zw-cart-group {
    margin-top: 7rem !important;
  }


  .zr-spliter-two {
    top: 2687px;
  }

  .zr-forth-section {
    height: 516px;
  }

  .zr-polygon-banner {
    width: 411px;
    height: 288px;
  }

  .polygon-container {
    width: 385px;
  }

  .zr-forth-banner-title-1 {
    font-size: var(--text-detail-5);
  }

  .zr-forth-banner-title-2 {
    font-size: var(--text-detail-2);
  }

  .zr-banner-btn {
    width: 7.875rem;
    font-size: var(--text-detail-2);
  }

}

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

  /* index css */
  .zr-social-media-desc-size {
    font-size: var(--text-detail-2);

    direction: rtl;
  }


}

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

  /* index css */
  .zr-jewellery-size {
    /* width: 31.5rem;
    height: 16.75rem;*/
  }
}

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

  /* index css */
  .zr-head-info {
    padding: 0 16px;
  }
}

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

  /* contact us */
  .zr-first-section-contact-us {
    margin-top: 32px;
  }

  /* .zr-diamond {
  width: 447px !important;
  height: 430px !important;
} */

  .zr-title-diamond {
    width: 378px !important;
    height: 64px !important;
  }


  .zr-desc-size {
    font-size: var(--text-detail-2);
    font-weight: 400;
  }

  .zr-social-media-container {
    bottom: 325px !important;
  }



}


@media screen and (max-width:1110px) {
  .zr-bg-sec-2::before {
    width: 360px;
    margin-right: -320px;
  }

  .zr-bg-sec-2::after {
    width: 360px;
    margin-left: -320px;
  }

}

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

  /* index css */
  .zr-social-media-desc-size {
    /* width: 241px; */
  }
}

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

  /* index css */
  .zr-polygon-banner {
    width: 371px;
    height: 248px;
  }

  .polygon-container {
    width: 345px;
  }

  .zr-banner-btn {
    width: 6.875rem;
  }

  .zr-forth-banner-title-2 {
    font-size: var(--text-detail-1);
  }

  .zr-forth-banner-title-1 {
    font-size: var(--text-detail-4);
  }
}

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

  /* index css */
  .zr-jewellery-size {
    /* width: 27.5rem;
    height: 13.75rem;*/
  }
}

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


}



@media screen and (max-width:1024px) {
  .sp-drop-parent-res {
    display: flex;
    width: 210px;

    min-width: 210px;
  }
  .zr-key-overlay {
    position: fixed;
    width: 100%;
    height: 100vh;
    bottom: 0;
    z-index: 27;
  }
  .sp-drop-parent {
    display: none !important;
  }

  .zr-res-select-overlay {
    position: absolute;
    top: 0;
    background: #FFFFFF33;
    backdrop-filter: blur(2px);
    z-index: 998;
    width: 100%;
    height: 100%;
  }

  .zr-res-select-main {
    margin-top: auto;
    background: var(--white);
    width: 100%;
    position: relative;
    z-index: 999;
    overflow: hidden;
    max-height: 80svh;
    border-top: 1px solid var(--line);
  }




  .zr-select-res-item {
    height: 40px;  
    border-radius: 4px !important;
  }
  .zr-filter-btn-res {
    min-height: 52px;
    border-radius: 4px !important;
    background:  var(--text-secondary-1);
  }

  .zr-container-products .zr-title-product-card {
    height: 68px !important;
    gap: 10px !important;
  }

  .zr-container-products .zr-see-detail {
    height: 25px !important;
    opacity: 1 !important;
    width: 99px !important;
  }

  .responsive-hidden {
    height : 46px !important;
    background-color: var(--text-secondary) !important;
    border: 1px solid var(--text-secondary-2) !important;
    max-width: 280px !important;
    border-radius: 4px !important;
  }


  .sp-drop-parent-res  {
    border: none !important;
    height: 100% !important; 
  }

  .zr-container-products:hover .zr-title-product-card {
    height: 68px;
    gap: 10px;
  }

  .zr-container-products:hover .zr-see-detail {
    height: 25px;
    opacity: 1;
    width: 99px;
  }




  /* header footer */
  .zr-header-max-width {
    max-width: 100%;
  }

  /* index css */


  .zr-logo-label-container {
    left: -111px;
    width: 810px;
    gap: 16px;
  }

  .zr-v-2-sec-1 {
    left: -112px !important;
  }

  .zr-logo-label-container span {

  }


  .zr-section-nineth {
    height: auto;
  }


  .polygon-container {
    padding-right: 25px !important;
  }

  /*  .zr-shape-category {
  display: none;
}*/

  /*  .zr-fifth-section {
  padding-top: 135px !important;
}*/

  .zr-shape-category-responsive {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    gap: 15px;
    position: relative !important;
  }

  .zr-each-category-shape-responsive {
    /* width: 96px !important; */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    height: 124px !important;
    gap: 8px;
  }

  .zr-each-category-shape-responsive:hover {
    background-color: var(--third-blue);
  }

  /* ---zr-shape-category-responsive---- */

  .zr-shape-category-responsive .slick-prev {
    order: 1;
    position: unset;
    margin-top: 40px !important;
    margin-left: 4px;
    width: 32px !important;
    height: 32px !important;
    background: url('../IMAGES/icon/next-arrow.svg') no-repeat !important;

  }

  .zr-shape-category-responsive .slick-prev:before {
    content: '' !important;
    /* order: 1; */
    position: unset;
    width: 32px !important;
    height: 32px !important;

  }

  .zr-shape-category-responsive .slick-prev:focus {
    /* order: 1; */
    position: unset;
    background-image: url('../IMAGES/icon/next-arrow.svg') !important;
  }

  .zr-shape-category-responsive .slick-next {
    margin-top: 40px !important;
    order: 3;
    position: unset;
    width: 32px !important;
    height: 32px !important;
    background: url('../IMAGES/icon/pre-arrow.svg') no-repeat !important;
    /* left: 40% !important;
    top: 198px !important; */
  }

  .zr-shape-category-responsive .slick-next:before {
    content: '' !important;
    /* order: 3; */
    position: unset;
    /* left: 40% !important;
    top: 198px !important; */
  }

  .zr-shape-category-responsive .slick-next:focus {
    /* order: 3; */
    position: unset;
    /* left: 40% !important;
    top: 198px !important; */
  }

  .zr-shape-category-responsive .slick-dots {
    position: unset;
    /* top: 177px !important; */
    /* left: 406px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    order: 2;
    gap: 8px;
    /* justify-content: center; */
    align-items: center;
    padding: 0;
    margin: 0;
    height: 32px;
    list-style: none;
    width: 192px;
    padding-top: 34px;
  }

  .zr-shape-category-responsive .slick-dots li {
    margin: 0;
    padding: 0;
    width: 47px;
    height: 7px;
    margin-right: 2px;
    position: relative;
    margin: 0;
    padding: 0;
    width: 8px;
    height: 8px;
    background: var(--text-secondary-1);
    border-radius: 50%;
    transition: all 0.3s ease;
  }

  .zr-shape-category-responsive .slick-dots li:last-child {
    margin-right: 0;
  }

  .zr-shape-category-responsive .slick-dots li button {
    padding: 0;
    width: 41%;
    height: 100%;
  }

  .zr-shape-category-responsive .slick-dots li.slick-active {
    width: 47px !important;
    height: 8px !important;
    border-radius: 4px;
    background: var(--main-blue) !important;
  }

  .zr-shape-category-responsive .slick-dots li button {
    display: none;
  }

  .zr-container-products:hover .zr-details-product {
    background-color: var(--text-secondary);
  }

  .zr-container-products:hover .zr-see-detail {
    height: 0px;
    opacity: 0;
    width: 99px;
  }


  .zr-container-products:hover .zr-title-product-card {
    height: 35px;
    gap: 0px;
  }

  .zr-container-products:hover .zr-label-product {
    opacity: 1;
  }

  .zr-banner-experience {
    height: 422px;
  }

  .font-size-heading.zr-title-style {
    font-size: var(--text-detail-5);
  }

  .font-size-body.zr-desc-experience-style {
    font-size: var(--text-detail-2);
  }

  .zr-experience-desc {
    margin-bottom: 26px;
    width: 361px;
  }

  .zr-banner-experience-sec-2 {
    padding-right: 73px;
    width: 461px;
  }

  .zr-experience-title {
    margin-bottom: 14px;
  }

  .zr-options-container-item img {
    width: 24px;
    height: 24px;
  }

  .zr-options-container {
    gap: 16px;
  }

  /* product list */
  .zr-container-products:hover .zr-details-product {
    background-color: var(--text-secondary);
  }

  .zr-container-products:hover .zr-see-detail {
    height: 0px;
    opacity: 0;
    width: 99px;
  }


  .zr-container-products:hover .zr-title-product-card {
    height: 35px;
    gap: 0px;
  }

  .zr-container-products:hover .zr-label-product {
    opacity: 1;

  }

  /* product detail */
  .zr-img-product-container {
    padding-top: unset;
  }

  .zr-img-product-light-box {
    width: 378px;
  }

  .zr-thumbnail-layout {
    width: 378px;
  }

  .zr-price-layout {
    width: 145px;
  }

  .zr-img-product-light-box {
    height: 455px;

  }

  .zr-text-none {
    display: none;
  }

  .zr-sec-1-details-product {
    border-bottom: none;
  }

  /* ---SLICK DOTS--- */
  .zr-special-products-slider .slick-dots {
    /* top: 470px; */
    /* left: 400px; */
    width: auto;
    min-width: 110px;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
    position: unset;
    order: 2;
    margin-left: -28px;
  }

  .zr-special-products-slider .slick-dots li {
    margin: 0;
    padding: 0;
    width: 47px;
    height: 7px;
    margin-right: 2px;
    position: relative;
    margin: 0;
    padding: 0;
    width: 8px;
    height: 8px;
    background: var(--text-secondary-1);
    border-radius: 50%;
    transition: all 0.3s ease;
  }

  .zr-special-products-slider .slick-dots li:last-child {
    margin-right: 0;
  }

  .zr-special-products-slider .slick-dots li button {
    padding: 0;
    width: 41%;
    height: 100%;
  }

  .zr-special-products-slider .slick-dots li.slick-active {
    width: 24px !important;
    height: 8px !important;
    border-radius: 4px !important;
    background: var(--main-blue) !important;
  }

  .zr-special-products-slider .slick-dots li button {
    display: none;
  }

  /* ----------------- */
  .zr-special-products-slider .slick-next:hover {
    background: url('../IMAGES/icon/pre-arrow.svg') no-repeat !important;
  }

  .zr-special-products-slider .slick-next,
  .zr-special-products-slider .slick-next:focus {
    background: url('../IMAGES/icon/pre-arrow.svg') no-repeat !important;
    position: unset;
    order: 3;
    margin-top: 44px;
    /* margin-left: -16px !important; */
  }

  .zr-special-products-slider .slick-prev:hover {
    background: url('../IMAGES/icon/next-arrow.svg') no-repeat !important;
  }

  .zr-special-products-slider .slick-prev,
  .zr-special-products-slider .slick-prev:focus {
    background: url('../IMAGES/icon/next-arrow.svg') no-repeat !important;
    position: unset;
    order: 1;
    margin-top: 44px;
    /* margin-right: -36px !important; */
  }

  .zr-container-products:hover .zr-details-product {
    background-color: var(--text-secondary);
  }

  .zr-container-products:hover .zr-see-detail {
    height: 0px;
    opacity: 0;
    width: 99px;
  }


  .zr-container-products:hover .zr-title-product-card {
    height: 35px;
    gap: 0px;
  }

  .zr-container-products:hover .zr-label-product {
    opacity: 1;

  }

  .zr-special-products-slider {
    margin-inline: -32px;
  }

  /*  .zr-container-products {
  margin-inline: 32px;
}
  */
  .zr-Honeycomb {
    margin-inline: 0px !important;
  }

  .zr-special-products-slider {
    max-width: 960px !important;
  }

  /* contact us */
  .zr-main {
    background: linear-gradient(to bottom, var(--custom-color-primary) 0%, var(--custom-color-primary) 12%, var(--bg-octonary-2) 11%, var(--bg-octonary-2) 89%, var(--custom-color-primary) 80%, var(--custom-color-primary) 100%);
  }

  .zr-first-section-contact-us {
    margin-top: 32px;
  }


  /* info section */
  .zr-first-section-contact-us {
    height: 950px;
    width: 100%;
    flex-direction: column;
    margin-top: 32px;
  }

  .zr-bg-sec-1 {
    width: 100%;
    height: 340px;
  }

  .zr-bg-sec-2 {
    width: 100%;
    height: 340px;
  }

  .zr-bg-sec-3 {
    width: 100%;
    height: 340px;
  }


  .zr-bg-sec-2::before {
    margin: 0;
    left: 50%;
    transform: translate(-50%) rotate(270deg);
    width: 100%;
    height: 462px;
    max-width: 100%; 
    display : none;
  }

  .zr-bg-sec-2::after {
    margin: 0;
    left: 50%;
    transform: translate(-50%) rotate(90deg);
    width: 100%;
    height: 462px;
    max-width: 100%; 
    display : none;
  }


  .zr-res-frame-info {
    display : block;
    position : absolute;
    bottom: -250px;
  }
  .zr-res-frame-info-top {
    display : block;
    position : absolute;
    transform: rotate(180deg);
    top: -253px;
  }



  .zr-bg-sec-1 {
    clip-path: polygon(100% 0px, 100% 90%, 50% 100%, 0px 90%, 0px 0px);
  }

  .zr-bg-sec-3 {
    clip-path: polygon(50% 0px, 100% 10%, 100% 100%, 0px 100%, 0px 10%);
  }

  .zr-img-overlay-1 {
    transform: rotate(-90deg);
    height: 341px;
    padding-left: 520px;
  }

  .zr-img-overlay-2 {
    transform: rotate(90deg);
    height: 341px;
    padding-left: 536px;
  }

  .zr-items {
    width: 296px;
  }



  /* form */
  .zr-question-form {
    max-width: 820px;
  }

  .zr-question-form-detail-layout {
    width: 311px;
  }

  .zr-forth-section-contact-us {
    width: 820px;
  }


  /* form */
  /* .zr-question-form {
  width: 360px;
  height: 968px;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: 16px;
} */

  /* .zr-question-form-detail {
  width: 100%;
} */

  .zr-question-form-detail-layout {
    width: 296px;
  }

  /* .zr-form-banner {
  width: 100%;
  height: 420px;
  clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
  background-position: right;
} */

  /* MAP */
  .zr-forth-section-contact-us {
    height: 600px;
    max-width: calc(100% - 48px);
    width : 100%;
    margin-bottom : 4rem;
  }

  /* blog list */
  .zr-blog-detail-text-container {
    width: 601px;
  }

  .zr-blog-detail-title-container {
    width: 601px;
  }

  .zr-blog-detail-text {
    width: 507px;
  }


  .zr-blog-detail-slider {
    max-width: 815px;
  }

  .zr-blog-detail-slider .slick-track {
    /* max-width: 960px; */
    margin-inline: -8px;
  }

  .zr-blog-detail-slider .slick-slide {

    margin-inline: 8px;
  }
}

.submit-filters{
  display : none !important;
}

@media screen and (max-width:992px) {
  
  #CustomerOrderInfoGridSection #divdetailSection, .sp-p-footer .zr-final-section {
    padding-inline: unset !important ;
  }
  
  .zw-main-account .zw-account-main .zw-address-main{
    margin-top: 60px !important;
  }

  .stars-box,
  .split-line  	{
    display : none !important;
  }


  .font-size-heading {

    font-size : 18px !important;	
  }

  .zr-total-comment {
    flex-direction: column-reverse;
    width: fit-content;
    padding-block: 0.5rem;
  }

  #divCaptcha {
    min-width: 150px !important;
    width: 100% !important;
    max-width: 150px !important;
  }

  .zr-discount-txt-detail:hover .zr-details-discount-box {
    display : block; 
  }



  .zr-Honeycomb > a {
    margin : 0 !important;
  }

  .zr-whole-products {
    gap : 0px; 
  }


  .zr-product-info-sec-1  > span {
    font-size : 10px; 
  }

  .zr-main-slider {
    margin-left : -8px; 
  }


  .zr-main-slider:has(.slick-slide:hover),
  .zr-main-slider
  {
    max-width: 100%;
  }

  .zr-blog-card .zr-last-btn {
    display : none !important;
  }


  .zr-main-title-txt {
    font-size : 18px !important; 
  }


  .zr-square-txt {
    width: 10px;
    height: 10px;
  }

  .zr-inline-txt {
    width: 49px;
  }


  .zr-contactus-welcome-text{
    padding-top: 1.5rem;
    padding-bottom : 4rem;
    height: fit-content;
    margin-top: 110px;
    gap: 16px;
  }


  .zr-main-body-contact-us {
    padding-top: 25px; 
  }

  .zr-contactus-welcome-text {
    padding-top: 24px; 
  }

  .zr-rules-container {
    padding-inline: 0px !important;
  }

  .zr-third-section {
    height: 510px; 
  }
  .zr-main-slider .zr-category-container {
    /*   max-width : 200px !important; 
    width : 100% !important;
    min-width : 200px !important; */
  }

  .zr-category-product:hover .zr-cat-img {
    max-width: 200px;
    max-height: 200px;
    width: 100%;
    height: 100%;
  }

  .zr-cat-img {
    max-width: 200px;
    max-height: 200px;
    width: 100%;
    height: 100%;
  }

  .zr-polygon {
    min-height: 15px;
    min-width: 176px;
  }



  .zr-category-product:hover .zr-polygon {
    height: 15px;
    width: 183px;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
  }

  .zr-category-product {
    height: 260px; 
  }

  .zr-category-title {
    top: 233px;
    font-size : 14px !important;
  }


  .zr-category-product:hover .zr-category-title {
    top: 233px;
  }

  .zr-tarsh {
    width : 105px; 
  }


  .zr-whole-peice,
  .zr-btns-submit,
  .zr-order-box
  {
    width: 95%;
  }	

  .zr-cancel-btn,	
  .zr-final-btn {
    width : 100% ; 
  }

  .zr-btns-submit {
    gap: 0.5rem; 
  }

  .zr-orders-basket-container {
    height : 100%;
  }


  .zr-img-order img {
    width: 100px;
    height: 100px;
    object-fit: cover;
  }

  .zr-img-order {
    max-width: 100px;
    max-height: 100px;
    border-radius: 8px;
    min-width: 100px;
    min-height: 100px;
  }



  .zr-sort-filter-container {
    padding-top: 6px; 
  }

  .zr-res-share  {	
    display : flex !important; 
  }

  .sp-desk-share  {	
    display : none !important; 
  }


  .img-magnifier-glass {
    display : none !important; 
  }

  .zr-res-font {
    font-size : 16px !important; 
  }

  .zr-child-img-layout {
    min-width : 118px;
    min-height: 118px;
  }


  .zr-img-list {
    flex-direction : row; 
  }

  .zr-blog-detail-text  h2,
  .zr-blog-detail-text  h1 
  {
    font-size : 16px !important;
  }

  .zr-blog-detail-text > p {
    font-size : 12px !important;
  }



  .sp-dialog {
    width : 100% !important;
    max-width: 100%;
    height: 100% !important;
    max-height: 100% !important;
    border-radius: 0px !important;
  }

  .product-detail-img {
    flex-direction : column-reverse;
    justify-content: center;
  }

  .zr-details-product-container {
    gap : 0px !important; 
  }



  .txt-liked {
    display : none !important;
  }

  .zr-child-basket-box-container {
    position: fixed;
    width: 100%;
    height: 100svh;
    top: 0;
    z-index: 998;
    left: 0;
    background: #fff; 
    margin: 0;
    border-radius : 0px;
  }

  .empty-basket-1 {
    position: fixed !important;
    width: 100% !important;
    height: 100svh !important;
    top: 0 !important;
    z-index: 99 !important;
    left: 0 !important;
    background: #fff !important; 
    margin: 0 !important;
    border-radius : 0px !important; 


  }

  .zr-layout-cart{
    width: 100%;
    height: 99%;
  }

  .submit-filters.filter-panel {
    position : unset !important; 
  }

  .submit-filters.sp-center {
    display : flex !important;
    position : fixed;
    bottom : 0;
    border-top: 1px solid var(--custom-color-teritary);
  }
  .zr-filter-btn-box .submit-filters.sp-center {
    border-top : none !important; 
  }

  .zr-filter-max-width   > div:first-child {
    border-bottom: 1px solid var(--custom-color-teritary); 
    padding-inline : 1rem;
  }


  .zr-sort-box-res  {
    display : flex;
  }

  .zr-footer-container{
    padding-bottom: 0 !important; 
  }

  .zr-footer-sec-3{
    padding-top : 0 !important;
  }

  .zr-footer-sec-2{
    height: auto !important;
    padding-block: 1rem;
  }

  .zr-footer-sec-1{
    height : auto !important; 
  }

  .zr-footer{
    gap: 1rem;
  }



  .zr-spacer {
    flex: 1;
  }

  .zr-footer-section-two{
    height: auto !important; 
  }



  .zr-head-img-size-close {
    flex: 0;
    text-align: center;
  }

  /* footer */

  .zr-footer-container {
    height: 827px;
    padding-top: 34px;

  }

  .zr-footer-section-two {
    flex-direction: column-reverse;
  }

  .zr-footer {
    /*  gap: 210px;*/
    height: auto !important;
  }

  .zr-footer-container{
    max-height: fit-content !important;
    height: 100% !important;  
  }

  .zr-right-border-solid.zr-bottom-border {
    border-bottom: 1px solid var(--text-secondary-1);
    border-right: none;
  }

  .zr-border {
    border: none;
  }

  .zr-footer-sec-1 {
    padding-top: 15px;
  }

  .zr-footer-sec-2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .zr-footer {
    width: 100%;
  }

  .zr-bottom-border-footer {
    border-bottom: 1px solid var(--text-secondary-1);
    border-right: none;
  }

  .zr-footer-sec-3 {
    width: 100%;
    gap : 1rem;
  }

  .zr-footer-sec-1 {
    padding-top: 16px;
  }

  .zr-symbol-logo {
    height: 90px;
  }



  .zr-footer-section-one {
    flex-direction: row-reverse;
    flex-wrap: wrap;
    width: 340px;
    height: 128px;
    padding: 10px 0;
  }


  .zr-footer-section-one div {
    width: 170px;
    height: 54px;
  }

  .zr-spesfic-border {
    border-right: none;
  }

  .zr-spesfic-bottom-border {
    border-bottom: 1px solid var(--text-secondary-1);
  }




  .zr-head-info {
    justify-content: center !important;
  }

  .zr-footer-section-one div {
    width: 464px;
  }

  .zr-footer-section-one {
    width: 928px;
  }



  .zr-footer-sec-3 p {
    height: 71px;
    width: 100%;
    padding-inline: 32px;
    font-size: var(--text-detail-3) !important;
  }

  .zr-footer-sec-2 {
    width: 100%;
  }

  .zr-footer-sec-2 div {
    width: 100%;
    padding-inline: 1rem;
    font-size: var(--text-detail-3) !important;
  }

  .zr-symbol-logo {
    width: 100%;
    padding-inline: 84px;
  }

  .zr-namad {
    width: 928px;
    display: flex;
    justify-content: center;
  }

  .zr-social-media-footer-container {
    /* width: 718px; */
    justify-content: center;
  }
}

@media screen and (min-width:840px) {
  .zr-container-products {
    width: 267px !important;
  }

}

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


  .zr-main-special-products-slider {
    width: 100%;
    max-width : calc(100% - 1.5rem);
    /* height: 342px; */
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    margin-left : -0.5rem;
  }

  /*.zr-main-special-products-slider .slick-slide {
  margin-left : 0.5rem  !important;
  padding : 0px !important;
}

  .zr-main-special-products-slider .slick-slide:first-child {
  margin-left : 0.5rem  !important;
  margin-right : 0.5rem  !important;
}
  */
  .zr-special-products {
    display : none !important;
  }

  .zr-special-title {
    margin-block : 0px !important; 
  }


  .zr-simular-page-mp .slick-dots  {
    position : unset !important; 
  }

  .zr-simular-page-mp {
    flex-wrap : wrap;
    display : flex;
  }


}

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

  .zr-title-filter {
    height: calc(100svh - 74px - 117px);
    justify-content: flex-start;
  }

  .zr-sort-filter-container {
    padding-inline: 75px;
  }

  .zr-label-filter {
    padding-inline: 64px;	 
  }

  .zr-responsive-btn-box {
    justify-content: space-between;
  }

  .zr-btns-responsive,
  #divAddCart,
  .zr-add-to-card
  {
    width : 100%; 
  }

  .zr-desc-pro-layout {
    gap: 0rem !important;
  }

  .zr-filter-max-width {
    padding-inline : 0px !important; 
  }
  .zr-title-filter > div,
  .zr-title-filter > label
  {
    padding-inline : 1rem; 
  }

  .zr-child-sort-filter-layout{
    width: 100%;
    justify-content: flex-start;
  }

  .zr-sort-filter{
    display: none; 
  }
  .zr-child-sort-filter{
    display: none ;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9999; 
    /* padding-inline : 1rem;*/
  }

  .zr-sort-list.zr-sort-show .zr-sort-dropdown {
    display: flex !important;
  }

  .zr-child-sort-filter.show-inline {
    /*display: flex !important;*/
  }
  .zr-cancle-layout{
    margin-left: auto;
  }
  .zr-filter-box-title{
    flex : 1;
    text-align: center;
  }

  /* product list */
  .zr-product-gallery-container {
    padding: 0px 0px;
  }

  .zr-responsive-lay {
    padding-inline: 0 16px;
    margin-right : auto;
    justify-content: space-between;

  }

  .zr-cancle-layout {
    display: flex; 
  }

  .zr-horizental-scroll {
    padding-inline: 10px;
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    background-attachment: fixed;
    background-repeat: repeat-x;
  }

  .zr-text-filter-none-1 {
    display: none;
  }



  .zr-label-filter {
    gap: 0px;

  }



  .zr-sort-filter-layout {
    flex-direction: column-reverse;
    justify-content: center;
    border-bottom: none !important;
    gap: 10px;
  }

  .zr-sort-filter-parent {
    width: 100%;
    height: 100%;
  }

  .zr-gallery-title {
    font-size: var(--text-detail-4);
    font-weight: 800;
  }

  .zr-none {
    display: none;
  }


  .zr-sort-filter {
    width: 159px;
  }

  .zr-text-sort {
    color: var(--text-secondary-2);
    font-weight: 500;
    font-size: var(--text-detail-3);
  }

  .zr-filters-container {
    display: none !important;
    width: 100%;
    height: 100svh;
    position: fixed;
    top: 0;
    z-index: 99997;
    margin: 0;
    border-radius: 0;
    max-height: 100%;
  }

  .zr-filters-container.is-open {
    display: flex !important;
  }

  .zr-filters-container.is-close {
    display : none !important; 
  }

  body.zr-filter-opened .zr-productlist-rightside {
    display: flex !important;
  }

  .zr-filter-btn-box {
    display : flex;
    position : fixed ;
    bottom : 0;
    left : 0;
    border-top: 1px solid var(--custom-color-teritary);
    background : var(--text-secondary);
  }


  .zr-second-filter-container {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    width : 100%;
  }

  .zr-second-filter-container > div,
  .zr-sort-filter-parent-responsive-1 > div ,
  .zr-sort-filter-responsive,
  .zr-sort-filter-sec-1
  {
    width : 100% !important; 
  }



  .zr-sort-filter-responsive {
    background-color: var(--text-secondary);
    font-family: var(--main-font);
    width: 159px;
    height: 36px;
    border: 1px solid var(--custom-color-teritary);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    cursor: pointer;
  }

  .zr-sort-filter-parent-responsive-1 {
    position: relative;
  }

  .zr-sort-filter-parent-responsive-1.open .zr-child-sort-filter-responsive {
    display: block;
  }

  .zr-child-sort-filter-responsive {
    display: none;
    background-color: var(--text-secondary);
    background: #fff;
    box-shadow: 0 4px 16px #0002;
    border-radius: 0 0 8px 8px;
    z-index: 100;
    border: 1px solid #C2C2C2;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 119px;
  }



  .zr-sort-filter-parent-responsive-2 {
    position: relative;
  }

  .zr-sort-filter-parent-responsive-2.open .zr-child-sort-filter-responsive-2 {
    display: block;
  }

  .zr-child-sort-filter-responsive-2 {
    width: 100%;
    height: 100%;
    display: none;
    background-color: var(--text-secondary);
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 4px 16px #0002;
    border-radius: 0 0 8px 8px;
    z-index: 100;
    margin-top: 119px;
    border: 1px solid var(--custom-color-teritary);
    border-radius: 4px;
    background-attachment: fixed;
    overflow-y: scroll;

  }

  .zr-child-sort-filter-layout-responsive {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-top: 4px;
    width: 100%;
    font-family: var(--main-font);
  }

  .zr-title-filter-box-layout {
    height: 60px;
    padding-inline: 16px;
    padding-left: 32px;
    border-bottom: 1px solid var(--text-secondary-16);
    display: flex;
    align-items: center;
    width: 100%;
    position: sticky;
    top: 0;
    background-color: white;

  }

  .zr-filter-box-title-style {
    flex: 1;
    text-align: center;
    font-family: var(--main-font);
    font-size: var(--text-detail-5);
    font-weight: 500;
  }

  .zr-filter-item-layout {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
  }

  .zr-filter-item {
    width: 100%;
    height: 22px;
    font-family: var(--main-font);
    font-size: var(--text-detail-4);
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .item-orderby.active,
  .active.zr-item-orderby
  {
    height: 40px;
    width: 90%;
    border-radius: 4px;
    color: #fff !important;
    background-color: var(--main-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-left: 25px;
    direction: rtl;
  }
  .item-orderby.active::before{
    content: "✓" !important;
    color: #fff !important;
  }

  .zr-layout-filter-responsive {
    width: 100%;
  }

  .zr-filter-max-width {
    width: 100%;
  }

  .zr-tick-icon {
    width: 24px;
    height: 24px;
  }

  .zr-cancle-layout {
    min-width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0;
    text-align: center;
  }

  .zr-cancle-layout img {
    width: 14px;
    height: 14px;
  }

  .zr-label {
    white-space: nowrap;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    max-width: 140px;
  }

  .zr-checkbox-layout-submenu {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-left: 18px;
  }

  .zr-check-box-childern {
    /* margin-right: 69px; */
    width: 100%;
  }

  .zr-checkbox-layout {
    width: 100%;
  }

  .zr-range-layout {
    width: 100%;
    padding-inline: 32px;
  }

  .P-range {
    width: 100%;
    /* padding-inline: 32px; */
  }

  .zr-range-price-number-container {
    width: 100%;
    justify-content: space-between;
    padding-inline: 32px;
  }

  .zr-filter-max-width {

    margin-bottom: 46px;
  }
}

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

  .zr-comment-container {
    max-width: calc(100% - 2rem);
    width: calc(100% - 2rem);
  }

  div#divFav2:empty {
    display: none; 
  }

  #divFav2 {
    display : flex; 
  }


  .zr-product-leftside-desktop {
    display : none !important;
  }

  .zr-footer-section-one {
    width: 97.25%;
  }

  .zr-footer-section-one div {
    width: 50%;
  }

  .zr-footer {
    /* gap: 290px; */
    justify-content: center;
  }

  .zr-footer-container {
    /* height: 981px; */
    padding-top: 20px;
  }

  .zr-footer-section-two {
    flex-direction: column-reverse !important;
  }

  .zr-footer {
    /* gap: 270px; */
    width: 100%;
    justify-content: flex-start;
    padding-top: 10px;
  }

  .zr-footer-sec-1 {
    width: 348px;
  }

  .zr-footer-sec-3 p {
    /* width: 316px; */
    height: auto;
  }

  .zr-footer-section-two {
    width: 100%;
  }

  /* index css */

  .zr-spliter-one {
    /* left: 44px !important; */
    top: 1105px;
  }

  /*.zr-main-special-products-slider .slick-slide {
  margin: 0 38px !important;
  white-space: nowrap !important;
} */

  .zr-main-special-products-slide .slick-track {
    display: flex !important;
  }

  .zr-polygon-banner {
    width: 301px;
  }

  .zr-forth-section {
    height: 446px;
  }

  .polygon-container {
    top: 2188px;
    right: 22px;
  }

  .polygon-container {
    padding-right: 25px !important;
  }

  /* .zr-shape-category {
  display: none;
}*/

  /*  .zr-fifth-section {
  padding-top: 135px !important;
}*/

  .zr-shape-category-responsive {
    width: 100%;
  }

  /* --------- */
  .zr-each-category-shape-responsive {
    width: 96px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    height: 124px !important;
    gap: 8px;
  }

  .zr-each-category-shape-responsive:hover {
    background-color: var(--third-blue);
  }



  .zr-each-category-shape-responsive .slick-slide {
    float: none;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  }


  .font-size-heading.zr-title-1-desc {
    font-size: var(--icon-head-info);
  }

  /* ----------------------------- */

  .zr-shape-category-responsive .slick-next {

    margin-top: 38px !important;
  }

  .zr-shape-category-responsive .slick-prev {
    margin-top: 40px !important;
  }

  .zr-shape-category-responsive .slick-dots {
    margin-top: 19px;
    padding-top: 0;
  }

  /* product detail */
  .zr-step-big {
    width: 175px;
    height: 60px;
  }

  .zr-step-small {
    font-size: var(--text-detail-3);
    width: 170px;
    height: 55px;
  }

  .zr-step-small-select {
    font-size: var(--text-detail-4);
    width: 170px;
    height: 55px;
  }

  .zr-step-wrapper:not(:last-child)::after {
    width: 16px;
    height: 16px;
    margin-left: -11px;
    margin-right: -9px;
  }

  .zr-step-wrapper-mini:not(:last-child)::after {
    width: 10px;
    height: 10px;
    margin-left: -5px;
    margin-right: -6px;
  }

  .zr-container-3 {
    /*  margin-top: 250px; */
  }

  .zr-stepper {
    background-color: var(--text-secondary);
    top: 112px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    background-attachment: fixed;
    background-repeat: repeat-x;
  }

  .zr-rhombus-1 {
    position: absolute;
    left: 386px;
  }

  .zr-rhombus-2 {
    position: absolute;
    left: 386px;
  }

  .zr-rhombus-3 {
    position: absolute;
    left: 386px;
  }

  .zr-img-product-container {
    display: none;
  }

  /* .zr-price-layout {
  width: 215px;
} */

  .zr-link {
    display: none;
  }

  .zr-res-back-btn {
    display : flex;
  }

  .zr-picture-gallery-slider {
    display: block;
    max-height: 328px;
    width: 100%;
  }

  .zr-picture-gallery-slider img {
    width: 100%;
    height: 100%; 
    max-height: 328px;
    min-height: 328px;
    object-fit: cover;
  }


  .selected-pic {
    border : none !important; 
  }


  .zr-pro-pd {
    /*  padding-bottom: 550px;*/
  }

  .zr-fav-none-1 {
    display: none;
    height: 48px;
    width: 48px;
  }

  .zr-share-2 {
    min-width: 48px;
    min-height: 48px; 
  }

  .zr-fav-none-2 {
    display: flex;
    border: 1.5px solid var(--custom-color-teritary);
    padding: 8px;
    border-radius: 4px;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
  }

  .zr-sec-2-details-product {
    width: 100%;
    /*  padding-inline: 16px;*/
  }

  .zr-fav-none-2 img {
    width: 24px;
    height: 24px;
  }

  .zr-fav-none-2:hover {
    border: 1.5px solid var(--main-blue);
  }

  .zr-add-to-card {
    height: 48px;
  }

  .sp-flex-reverse.zr-responsive-title {
    flex-direction: column;
    gap: 24px;
    padding-top: 32px;
  }


  .font-size-heading.zr-price-property {
    font-size: var(--icon-head-info);
    font-weight: 500;
  }

  .zr-price-layout {
    width: 165px;
  }



  .zr-picture-gallery-slider .slick-dots li {
    margin: 0;
    padding: 0;
    /*width: 47px;*/
    height: 7px;
    margin-right: 2px;
    position: relative;
    margin: 0;
    padding: 0;
    width: 10px;
    height: 10px;
    background: #D6D6D6;
    border-radius: 50%;
    transition: all 0.3s ease;

  }

  .zr-picture-gallery-slider .slick-dots li:last-child {
    margin-right: 0;
  }

  .zr-picture-gallery-slider .slick-dots li button {
    padding: 0;
    width: 41%;
    height: 100%;
  }

  .zr-picture-gallery-slider .slick-dots li.slick-active {
    width: 24px !important;
    height: 8px !important;
    border-radius: 4px !important;
    background: var(--main-blue) !important;
  }

  .zr-picture-gallery-slider .slick-dots li button {
    display: none;
  }


  .zr-picture-gallery-slider .slick-dots {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
    position : absolute;
    /* bottom: -193px; */
    /* left: 43%; */
    /* width: 14%; */
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .zr-picture-gallery-slider {
    display: flex !important;
    justify-content: center;
  }

  .zr-container-2 {
    align-items: center;
  }

  .zr-container-1-desc-1 {
    width: calc(100% - 2rem);
    padding: 0 20px;
    padding-bottom: 33px;
  }

  .zr-container-1-desc-2 {
    width: 610px;
    padding: 0 20px;
    padding-bottom: 33px;
  }

  .zr-container-1-desc-3 {
    width: 610px;
    padding: 0 20px;
    padding-bottom: 33px;
  }

  .zr-container-2-desc-1 {
    max-width: calc(100% - 2rem);
  }

  .zr-container-2-desc-2 {
    width: 610px;
  }

  .zr-container-2-desc-3 {
    width: 610px;
  }

  .zr-cell {
    font-size: var(--text-detail-2);
  }

  .zr-comment-sec-1 {
    width: 100%;
  }

  .zr-title-comment {
    width: 489px;
  }



  .zr-user-info {
    width: 100%;
    height: 224px;
    flex-direction: column;
  }

  .zr-container-2-desc-3 {
    height: 1403px;
  }



  .zr-special-products-slider {
    margin-left: -32px;
    margin-inline: 0px;

  }

  /* .zr-container-products {
  margin-left: 32px;
  margin-inline: 0px;

}*/

  .zr-Honeycomb {
    margin-inline: 0px !important;
  }

  .zr-special-products-slider {
    max-width: 100% !important;
    padding: 0 10px;
  }

  /* contact us */
  .zr-first-section-contact-us {
    margin-top: 32px;
  }

  /* blog list */
  .zr-blog-head-title {
    top: 926px;
  }

  /* blog list */
  .zr-title-size {
    /* width: 255px; 
    height: 36px;*/
    padding-block: 32px;
  }

  .zr-blog-detail-slider {
    max-width: 830px;
  }



}

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

  /* index css */
  .zr-jewellery-size {
    /*  width: 22.5rem;
    height: 12.75rem;*/
  }
}

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

  /* blog list */
  .zr-banner-container {
    max-width: 100% !important;
    max-height: 866px;
  }

  .zr-blog-banner-slider {
    max-width: 100%;
  }



}

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




  .zr-sort-filter-container {
    padding-inline: 0 !important;
    max-width: 656px;
  }


  .zr-Honeycomb .zr-discount-label-1 {
    top: 46px; 
  }


  .zr-img-product {
    max-width: 328px; 
  }

  /*.zr-container-products {
  max-width: 328px;
  max-height: 424px;
  width: 328px !important;
}*/

  .zr-details-product {
    max-width: 328px;
    width: 100%; 
  }

  .zr-img-pro-layout {
    max-width: 328px;
    max-height: 341.75px;
  }

  .zr-img-product {
    aspect-ratio: 328 / 341.75;
    /* min-height : 278px;*/
  }

  .zr-blog-detail-slider {
    padding: 0 10px;
  }

  .zr-blog-image-wrapper {
    /*  margin-top: -26px !important;*/
  }

  .zr-blog-head-card {
    /*  height: 37px;
    width: 49%;*/
  }

  .zr-detail-blog-2 {
    gap: 89px;
    font-size: var(--text-detail-2) !important;
    justify-content: space-between;
  }

  .sp-font-xlarge.zr-blog-card-title {
    font-size: var(--text-detail-4) !important;
  }

  .sp-font-normal.zr-blog-card-desc {
    font-size: var(--text-detail-2) !important;
  }
}

@media screen and (min-width:780px) {
  .zr-main-body-contact-us .zr-social-media-section {
    padding-top : 200px;
  }
}

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

  /* index css */

  .zr-social-media-section {
    bottom: -206px !important;
  }

  .zr-social-media-logo img {
    height: 65px;
    width: 65px;
  }


  .zr-question-form {
    width: 100%;
    height: 968px;
    flex-direction: column-reverse;
    justify-content: space-between;
    gap: 16px;
  }


  .zr-form-banner {
    width: 100%;
    height: 710px;
    clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
    background-position: right;
  }

  .zr-question-form-detail {
    width: 100%;
  }

  .zr-question-form-detail-layout {
    width: 100%;
    max-width  : 100%;
  }

  .zr-banner-experience {
    flex-direction: column;
    height: fit-content;
    max-height:  fit-content;
    clip-path: polygon(0 7%, 50% 0, 100% 7%, 100% 93%, 50% 100%, 0 93%);
  }

  .zr-banner-experience-sec-1{
    height: 291px; 
  }

  .zr-experience-title{
    text-align: center; 

  }

  .zr-options-container-item{
    justify-content: flex-start !important; 
  }

  .zr-banner-experience-sec-2{

    padding-right: 1rem !important; 
  }

  .zr-banner-experience-sec-2{
    height: auto !important; 
  }
  .zr-banner-experience-sec-2-layout{
    padding-bottom: 3rem;
    padding-top: 1rem;
  }

  .zr-options-container-item span{
    font-size:12px !important;
    white-space: nowrap;
  }
  .zr-options-container-item img{
    width:24px !important;
    height:24px !important;
  }

  .zr-banner-experience-responsive {
    width: 100%;
    height: 700px;
    display: flex;
    flex-direction: column;
    clip-path: polygon(0 7%, 50% 0, 100% 7%, 100% 93%, 50% 100%, 0 93%);
  }

  .zr-banner-experience-sec-2{
    width: 100% !important; 
  }


  .zr-banner-experience-sec-2-layout,
  .zr-experience-desc{
    width: 100% !important; 
  }

  .zr-banner-experience-sec-1-responsive {
    /* width: 430px; */
    height: 359px;
    /* background-image: url('../IMAGES/banners/experience-banner.svg'); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mask-image: linear-gradient(to bottom, var(--text-secondary) 70%, transparent 100%);
  }

  .zr-banner-experience-sec-1-responsive img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .font-size-xsmall.zr-experience-desc-width {
    width: 100%;
    font-size: var(--text-detail-3);
    text-align: center;
  }

  .font-size-xxsmall.zr-options-container-item-text {
    font-size: var(--text-detail-4);
  }

  .zr-options-container-item img {
    width: 32px;
    height: 32px;
  }

  .zr-banner-experience-sec-2-responsive {
    /* height: 453px; */
    background-color: var(--text-secondary);
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .zr-experience-title-responsive {
    width: 100%;
    height: 388px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 15px;
  }

  .font-size-body-1.zr-experience-title-responsive-style {
    font-size: var(--icon-head-info);
  }

  .zr-responsive-text-experience {
    gap: 16px;
    width: 100%;
    align-items: center;
  }

  .zr-experience-desc-width {
    width: 100%;
    padding-inline: 60px;
  }

  .zr-options-container-item {
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
  }

  .zr-options-container-item-image {
    width: 24px !important;
    height: 24px !important;
  }

  .zr-banner-options {
    gap: 39px !important;
    height: 64px;
    width: 100%;
    justify-content: center;
  }

  .zr-options-container {
    align-items: center;
    gap: 16px !important;
  }

  .font-size-heading.zr-title-style {
    font-size: var(--text-detail-5);
  }

  .font-size-body.zr-desc-experience-style {
    font-size: var(--text-detail-2);
  }

  /* social media */
  .zr-social-media-section {
    bottom: -196px;
  }

  .zr-diamond {
    width: 563px;
  }

  .zr-social-meddile-text-style {
    font-size: var(--text-detail-2);
    direction: rtl;
  }



  .zr-social-media-img-size {
    width: 285px;
    height: 36px;
  }

  /* .zr-social-media-logo img {
  height: 44.18920135498047px;
  width: 44.20222091674805px;
} */

  .zr-logo-label-container {
    left: -32px;
    width: 495px;
    gap: 5px;
    top: 92%;
  }

  .zr-v-2-sec-1 {
    left: -32px !important;
  }

  .zr-logo-label-container span {

    font-size: var(--text-detail-1);
  }

  .zr-social-media-logo {
    gap: 26px;
  }



  .zr-social-media-container {
    bottom: 187px;
    gap: 40px;
  }

}

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

  /* index css */
  .zr-jewellery-size {
    /*  width: 20.5rem;
    height: 11.75rem;*/
  }

  .zr-first-section .slick-dots {
    width: 24% !important;
  }


  .zr-main-slider .slick-dots {
    width: 30% !important;
  }
}

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

  /* header footer */
  .zr-header {
    /* for IOS */
    padding-top: env(safe-area-inset-top);
  }
}



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

  /* header footer */
  .zr-symbol-logo {
    padding-inline: 55px;
  }

}

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

  .zr-first-section-contact-us {
    max-width: calc(100% - 0rem);    
  }



  /* index css */
  .zr-spliter-one {
    top: 1303px !important;
  }


  .zr-three-imgs {
    grid-template-columns: repeat(2, 1fr);
    padding-block:  90px  28px;
  }



  .zr-main-slider .slick-track {
    gap: 0px;
  }


  .zr-forth-section {
    flex-direction: column;

    height: 616px;

  }

  .zr-forth-section-banner {
    width: 100%;
  }

  .zr-polygon-banner {
    width: 100%;
    height: 190px;
    clip-path: polygon(100% 0, 100% 70%, 50% 100%, 0 70%, 0 0);
    margin-bottom: 50px;
    align-items: center;
    justify-content: center;
    /* direction; */
  }

  .polygon-banner {
    justify-content: center;
  }

  .zr-spliter-two {
    display: none;
  }


  .polygon-container {
    padding-right: 25px !important;
    align-items: center;
  }

  /*  .zr-shape-category {
  display: none;
}*/


  .zr-each-category-shape-responsive {
    width: 96px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    height: 124px !important;
    gap: 8px;
  }

  .zr-each-category-shape-responsive:hover {
    background-color: var(--third-blue);
  }

  .zr-each-category-shape-responsive .slick-prev,
  .slick-next {
    top: 90% !important;
  }

  .zr-Rectangle1 {
    width: 400px;
  }

  .zr-Rectangle2 {
    width: 549.5px;
    /* padding-right: 31px; */
  }

  .font-size-body.zr-title-2-desc {
    font-size: var(--text-detail-3);
  }

  .zr-blog-title {
    top: 5859.86px;
  }

  /*  .zr-main-special-products-slider .slick-slide {
  margin: 0 4px;

}
  */
  .zr-main-special-products-slider .slick-track {
    gap: 8px;

  }


  /* .zr-main-special-products-slider .slick-list {
  margin: 0 -8px;
}

  .zr-main-special-products-slider .slick-slide {
  padding: 0 8px;
}*/

  /* product list */
  .zr-text-filter-none-2 {
    display: flex;
  }

  /* product detail */
  .zr-picture-gallery-slider {
    display: flex !important;
  }

  .zr-container-2-desc-1 {

  }

  .zr-special-products-slider {
    /* margin-left: -64px; */
    margin-inline: -32px;

  }

  .zr-container-products {
    /* margin-left: 64px; */
    /* margin-inline: 64px; */

  }

  .zr-special-products-slider {
    /* max-width: 640px !important; */
  }

  /* contact us */
  .sp-rtl.zr-align {
    text-align: center;
    font-size: var(--text-detail-2);
  }

  .font-size-heading.zr-title-contact-us {
    font-size: var(--text-detail-4);
  }

  .zr-first-section-contact-us {
    margin-top: 32px;
  }

  .zr-callus-text {
    width: 425px;
  }

  /* blog detail */
  .zr-blog-detail-title-container {
    width: 451px;
    position: relative;
    z-index: 1;
    margin-top: -60px;
    padding-top: 45px;
  }

  .zr-blog-detail-text-container {
    width: 451px;
  }

  .zr-blog-detail-text {
    width: 317px;
  }

  .zr-head-banner-img {
    height: 538px;
    width: 451px;
    position: relative;
    z-index: 2;
    clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 91%, 0 0);
    background-position: bottom;
    background-size: cover;
    transform: scaleX(-1);
  }

  .font-size-heading.zr-responsive-text-1 {
    font-size: var(--text-detail-5);
  }

  .font-size-body.zr-responsive-text-2 {
    font-size: var(--text-detail-3);
  }

  .font-size-small.zr-responsive-text-3 {
    font-size: var(--text-detail-2);
  }

  .zr-blog-detail-slider {
    /* max-width: 640px; */
  }
}

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

  /* index css */
  .zr-jewellery-size {
    /*  width: 18.5rem;
    height: 10.75rem;*/
  }
}

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

  /* index css */
  .zr-category-1-title {
    width: 265px;
    height: 48px;
  }

  .zr-fifth-section::after {
    display: none;
  }


  .zr-spliter-one {
    top: 1245px;
  }


}

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

  /* index css */
  .font-size-body-1.zr-experience-title-responsive-style {
    font-size: var(--text-detail-5);
  }

  .font-size-xsmall.zr-experience-desc-width {
    font-size: var(--text-detail-2);
  }

  .font-size-xxsmall.zr-options-container-item-text {
    font-size: var(--text-detail-3);
  }

  .zr-experience-desc-width {
    padding-inline: 8px
  }

  /* blog list */
  .zr-blog-image-wrapper {
    /* width: 340px; */
  }

  .zr-blog-content {
    /* width: 340px; */
  }

  .zr-blog-head-card {
    /* width: 64%; */
  }

  .zr-blog-image-wrapper {
    /* margin-top: -40px; */
  }

  .zr-detail-blog-2 {
    gap: 119px;
  }

  .zr-blog-content div {
    /* width: 295px; */
  }
}

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



  .zr-blog-head-title {
    top: 656px;
  }



  .zr-banner-container {
    max-height: 590px;
  }

  .font-size-heading.zr-slider-title {
    font-size: var(--text-detail-5);
  }

  .font-size-body.zr-slider-desc {
    font-size: var(--text-detail-3);
  }

  .zr-banner-text-container .zr-banner-text {
    gap: 2rem;
    justify-content: center;
  }



  .zr-next-btn {
    position: absolute !important;

    transform: scaleX(-1) !important;
  }

  .zr-next-btn:before {
    content: '' !important;
  }

  .zr-next-btn:focus {
    position: absolute !important;

    transform: scaleX(-1) !important;
  }


}

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

  .zr-details-discount-box {
    width: fit-content;
  }

  .zr-discount-row {
    gap : 1rem;
  }

  .zr-discount-price {
    font-size : 16px;
  }


  .zr-first-section {
    justify-content: center;
  }

  .zr-first-section .slick-prev,
  .zr-first-section .slick-next
  {
    margin : 0px !important;
    margin-top: 32px !important;
  }

  .zr-social-media-desc {
    width: 241px;
  }


  .zr-social-media-section {
    bottom: -146px !important;
  }

  /* header footer */
  .zr-footer-sec-1 {
    padding-bottom: 20px;
    gap : 0.5rem;	
  }

  .zr-footer-sec-1 div:nth-child(2) {
    padding-top : 1rem; 
  }


  .zr-logo-img {
    width: 110px;
    height: auto;
    padding-top: 4px;
    object-fit: contain;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }


  /* .zr-add-to-cart-container:hover .zr-child-basket-box-container.hidden {
  display: none !important;
} */
  .zr-layout-cart {
    width: 100%;
  }

  .zr-scroll-bg {
    padding-inline: 16px;
  }

  .zr-order-box {
    width: 100%;
  }


  .zr-order-title-style {
    font-size: var(--text-detail-3);
    font-weight: 500;
  }

  .zr-order-desc-style {
    font-size: var(--text-detail-3);
    font-weight: 500;
    color: var(--text-secondary-1);
  }

  .zr-order-property-style {
    font-size: var(--text-detail-2);
    font-weight: 400;
  }

  .zr-desc-order {
    height: 100px;
  }

  .zr-title-section {
    height: 61px;
    border-bottom: 1px solid var(--custom-color-teritary);
  }

  .zr-responsive-title {
    font-size: var(--text-detail-1);
  }

  .zr-symbol-logo {
    padding-inline: 35px;
  }

  .zr-footer-sec-3 {
    /* width: 309px; */
    padding-bottom: 1rem;
  }

  .zr-blog-slider {
    width: 70%;
    overflow: hidden;
  }

  .zr-call-info {
    display: none !important;
  }

  .zr-welcome-text {
    display: none;
  }

  .zr-head-info {
    justify-content: center;
  }

  .zr-hamburger .zr-ham {
    width: 1px !important;
  }

  .zr-hamburger .zr-basket {
    width: 1px !important;
  }

  .zr-cancel-btn {
    width: 100% !important;
    height: 41px;
  }

  .zr-final-btn {
    width: 100% !important;
    height: 41px;
  }

  .zr-more-detail-container {
    padding-inline: 16px;
  }

  .zr-whole-peice {
    width: 100% !important;
  }

  .zr-btns-submit {
    width: 100% !important;
    gap: 16px;
  }

  .font-size-body.zr-responsive-title {
    font-size: var(--text-detail-4);
  }

  .font-size-body.zr-detail-color {
    font-size: var(--text-detail-4);
  }

  .zr-price-order {
    width: 100% !important;
  }

  .zr-detail-order {
    width: 305px;
    gap: 10px !important;
  }

  .zr-toman-style {
    font-size: var(--text-detail-1);
  }

  /* .zr-desc-order {
  width: 291px;
} */


  .zr-order-title-responsive {
    font-weight: 500;
    font-size: var(--text-detail-2) !important;
  }



  .zr-footer-sec-3 {
    padding-top: 31px;
  }

  .zr-footer-sec-3 p {
    padding: 0 10px;
    text-align : center;
  }


  /* index css */
  .zr-social-media-logo img {
    width: 44px;
    height: 44px;
  }

  .zr-social-media-container {
    bottom: 194px !important;
  }






  .zr-banner-img-main-page {
    display: none !important;
  }

  .zr-banner-img-responsive {
    display: block !important;
    object-fit : cover ;
    width: 100%;
    height: 593px;
  }

  .zr-first-section {
    height: 599px !important;
  }

  .zr-first-section .slick-dots {
    margin-top: 11px !important;
  }


  .zr-first-single-slider:active {
    cursor: none
  }

  .zr-jewellery-size {
    /*  width: 15.5rem;
    height: 8.75rem;*/
  }



  /* .zr-cotainer-category-slider {
  padding-top: 0px;
} */

  .zr-spliter-one {
    top: 1245px;
  }

  .zr-right-arrow {
    right: 182px;
    top: 3555px;
  }

  .zr-left-arrow {
    right: 370px;
    top: 3555px;
  }



  .zr-blog-title {
    width: 293px;
  }




  .zr-header-max-width {
    max-width: 58% !important;
  }

  .polygon-container {
    align-items: center;
    width: 100%;
    padding-right: 0px !important;
  }

  .zr-right-arrow {
    right: 92px;
  }

  .zr-left-arrow {
    right: 230px;
  }

  /* .zr-shape-category {
  display: none;
}*/

  .zr-shape-category-responsive {
    display: flex !important;
    flex-direction: row;
    gap: 15px;
  }

  .zr-each-category-shape-none {
    display: none !important;
  }

  .zr-each-category-shape-responsive {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    height: 124px !important;
    gap: 8px;
  }

  .zr-each-category-shape-responsive:hover {
    background-color: var(--third-blue);
  }

  .zr-each-category-shape-responsive .slick-prev,
  .slick-next {
    top: 90% !important;
  }

  .zr-Rectangle1 {
    bottom: -10px;

  }

  .zr-Rectangle2 {
    bottom: -112px;
  }

  .zr-sigle-slide-title-1 {
    padding-right: 35px;
  }

  .font-size-heading.zr-title-1-desc {
    font-size: var(--text-detail-3);
  }

  .zr-title-2-desc-size {
    width: 329px;

  }

  .zr-title-2-desc {

    font-size: var(--text-detail-2) !important;
  }

  .zr-banner-btn {
    width: 134px;
    height: 37px;
    border-radius: 8px;
  }

  .zr-main-special-products-slider .slick-dots {
    width: 20% !important;
  }

  .zr-label {
    padding: 8px 12px 8px 8px;
  }

  .zr-best-seller {
    width: 134px;
  }

  /* product detail */
  /* .zr-special-products-slider .slick-dots {
  width: 20%;
} */

  .zr-user-text {
    padding: 0 16px !important;
  }

  .zr-drop-down {
    width: 210px;
    gap: 17px;
  }



  .zr-pb {
    padding-bottom: 16px !important;
  }

  .zr-ring-text {
    font-size: var(--text-detail-5);
    font-weight: 700;
  }

  .zr-picture-gallery-slider {
    display: flex !important;
    justify-content: center;
    /*width: 361px;*/
  }





  .sp-flex-reverse.zr-responsive-title {
    padding-top: 80px;
  }

  .zr-container-1-desc-1 {
    width: calc(100% - 2rem);
  }

  .zr-container-1-desc-2 {
    width: calc(100% - 2rem);
  }

  .zr-container-1-desc-3 {
    width: calc(100% - 2rem);
  }


  .zr-title-comment {
    width: 329px;
  }




  /* 
  .zr-special-products-slider {
  width: 355px;
} */



  .zr-slider-title-size {
    width: 295px;
  }

  .zr-text-desc-container-1 {
    font-size: var(--text-detail-3);
  }

  .zr-text-desc-container-2 {
    font-size: var(--text-detail-3);
  }

  .zr-text-desc-container-3 {
    font-size: var(--text-detail-3);
  }

  .zr-comment-sec-1 {
    font-size: var(--text-detail-3);
  }

  /* ------- */
  .zr-label {
    gap: 0px !important;
  }

  .zr-special-products-slider {

    margin-left: -32px;
    margin-inline: 0;

  }

  .zr-container-products {
    /*
    margin-left: 32px;
    margin-inline: 0;
    */
  }

  .zr-Honeycomb {
    margin-inline: 0px !important;
  }

  .zr-special-products-slider {
    /* max-width: 360px !important; */
  }

  /* contact us */
  .zr-logo-label-container {
    left: -35px !important;
    width: 372px !important;
    gap: 0px !important;
  }





  .zr-forth-section-contact-us iframe {
    border-width: 8px 8px 0 8px;
  }

  .zr-first-section-contact-us {
    margin-top: -25px;
  }

  .zr-callus-text {
    width: 360px;
  }

  .zr-social-media-logo {
    gap: 20px;
  }
  .zr-logo-label-container > div {
    padding-inline: 14px;
  }

  .zr-diamond {
    width: 100% !important;
  }

  .zr-title-diamond {
    width: 332px !important;
  }





  .zr-logo-label-container span {
    font-size: var(--text-detail-1);
  }

  /* contact us */
  .zr-logo-label-container {

    width: 372px !important;
  }





  .zr-callus-text {
    width: 360px;
  }

  .zr-social-media-logo {
    gap: 28px;
  }

  .zr-diamond {
    width: 372px !important;
    height : 100%;
  }

  .zr-title-diamond {
    width: 332px !important;
  }

  .zr-logo-label-container {
    gap: 28px !important;
  }

  .zr-social-media-desc-size {
    width: 241px !important;
  }

  .zr-logo-label-container span {
    font-size: var(--text-detail-1);
  }





  /* section 2 */
  .zr-second-section-aboutus {
    align-items: flex-end;
    justify-content: center;
  }

  .zr-text-container {
    clip-path: polygon(50% 0, 100% 12%, 100% 100%, 0 100%, 0 12%);
    width: 554px;
    height: 504px;
    padding: 16px
  }

  .zr-polygon-img {
    z-index: 1;
    /* transform: translate(-40px, 20px); */
    transform: rotate(90deg);
    display: block;
    height: 424px;
    margin-bottom: 43px;
    margin-right: -548px;
    pointer-events: none;
    /* margin-left: 23px; */
    width: 544px;
    height: 558px;
  }

  .zr-third-section-aboutus {
    align-items: flex-end;
    justify-content: center;
  }

  .zr-fisrt-section-aboutus {
    background: url(../IMAGES/background/about-us-bg-sec-1.svg) no-repeat !important;
  }

  /* blog detail */

  .zr-blog-detail-title-container {
    width: 356px;
  }

  .zr-blog-detail-text-container {
    width: 356px;
  }

  .zr-blog-detail-text {
    width: 277px;
  }

  .zr-head-banner-img,
  .zr-blog-detail-title-container,
  .zr-blog-detail-text-container
  {
    width: 100% !important;
    max-width : 100% !important;
  }

  .zr-blog-detail-text {
    width: 90% !important;
  }



  .zr-blog-detail-slider .slick-slide {

    margin-inline: 8px;
  }

  .zr-blog-detail-slider .slick-track {
    margin-inline: -8px;
  }


}

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

  /* blog detail */
  .zr-blog-detail-slider .slick-dots {
    max-height : 8px;
  }
}



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

  /* product detail */
  .zr-drop-down-child {
    width: 209px !important;
  }

  .zr-check-box-childern-products {
    padding: 20px;
    width: 195px;
  }

}

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

  /* index css */
  .zr-second-section {
    margin: 28px 0;
    height: auto;
  }
}

@media screen and (max-width:670px) {
  .zr-sort-filter-container {
    padding-inline: 1rem !important;
  }
  .zr-label-filter {
    padding-inline: 1rem;
  }
}

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

  .zr-comment-sec-4 > div:nth-last-child(2) {
    flex-direction : column;
    gap : 1rem;
    margin-bottom : 1rem;
  }	

  .zr-comment-sec-4 > div:last-child {
    margin-bottom : 1rem; 
  }


  #divCaptcha,
  .captcha > div,
  .zr-cp-code
  {
    max-width : 100%;
  }


  .zr-container-special-products {

    gap: 1rem;
  }

  .zr-shape-category .slick-arrow,
  .zr-shape-category .slick-dots
  {
    position  : unset !important;
  }

  .zr-shape-category {
    justify-content: center;
    flex-wrap: wrap; 
    overflow : visible;
  }

  .zr-shape-category .slick-next {
    order : 3; 
    /*margin-bottom: -19px;*/
    margin-bottom: -148px;
  }

  .zr-shape-category .slick-dots {
    order : 2; 
    width: 50%;
    margin-bottom: -123px;
  }

  .zr-shape-category .slick-prev {
    order : 1; 
    margin-bottom: -148px;

  }


}

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


  .zr-blog-detail-slider .slick-slide {

    margin-left: 8px;
  }

  .zr-blog-detail-slider .slick-track {
    margin-left: -8px;
  }

}






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

  /* header footer */
  .zr-symbol-logo {
    padding-inline: 21px;
  }

  .zr-footer-container {
    height: 841px;
  }
}

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

  /* index css */
  .zr-jewellery-size {
    /*  width: 23.5rem;
    height: 12.75rem;*/
  }

  .zr-banner-experience-sec-2-responsive {
    height: 453px;
    background-color: var(--text-secondary);
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .zr-experience-title-responsive {
    /* width: 344px; */
    height: 453px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 15px;
  }

  .zr-responsive-text-experience {
    gap: 16px;
    width: 344px;
    align-items: center;
  }

  .zr-experience-desc-width {
    width: 332px;
  }

  .zr-options-container-item {
    flex-direction: row;
    width: 78%;
    justify-content: flex-end;
  }

  .zr-options-container-item-image {
    width: 24px !important;
    height: 24px !important;
  }

  .zr-banner-options {
    gap: 0 !important;
    height: 64px;
    width: 100%;
  }

  .zr-options-container {
    align-items: center;
    gap: 16px !important;
  }

  .font-size-xxsmall.zr-options-container-item-text {
    font-size: var(--text-detail-2);
  }

}

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


  .zr-img-position-1 {
    width: 334px;
    right: 37px;

  }

  .zr-img-position-2 {
    width: 199px;
    right: 108px;
    top: 165px;
  }

  .zr-first-section-aboutus {
    height: 1025px;
  }

  .zr-container-sec-1 {
    gap: 467px;
  }

  .zr-sec-1 {
    align-items: center;
  }

  .font-size-heading.zr-aboutus-title {
    font-size: var(--text-detail-5);
  }

  .zr-hirad-heading {
    font-size: var(--title-font-size);
  }

  .zr-sec-1 {
    width: 328px;
  }

  .zr-img-position-2 {
    right: 58px;
  }

  .zr-img-position-1 {
    right: -3px;
  }

  .zr-text-container {
    width: 305px;
    height: 343px;
  }

  .zr-polygon-img {
    z-index: 1;
    transform: rotate(90deg);
    display: block;
    height: 424px;
    margin-bottom: 81px;
    margin-right: -305px;
    pointer-events: none;
    width: 305px;
    height: 310px;
  }

  .zr-text-container span {
    font-size: var(--text-detail-2);
  }
}

@media screen and (max-width:504px) {
  .zr-res-geram {
    display : none !important;
  }
}



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

  /* header footer */
  .zr-footer-sec-3 {
    padding-top: 91px;
  }

  .zr-footer-container {
    height: 900px;
  }

  .zr-footer-sec-1 {
    margin-bottom: 2px;
  }
}

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

  .zr-blog-card {
    padding-right: 8px; 
  }

  .zr-main-page-product-card .zr-detail-sec-1 > div  {
    display: flex;
    gap: 4px;
    align-items: center;
  }

  .zr-sort-filter-container {
    padding-inline: 0rem !important;
    max-width: 328px;
  }

  .zr-label-filter {
    padding-inline: 0;
  }

  .zr-sort-filter-responsiver {
    max-height: 36px !important; 
    height: 36px !important; 
  }

  .zr-sort-filter-container {
    max-width: 328px; 
    padding-inline: 0px !important;
  }

  .zr-add-to-card {
    font-size : 18px !important;
  }

  .zr-call-container-res {
    gap : 4px; 
  }

  .zr-call-container-res img {
    width : 16px; 
  }
  .zr-call-container-res a,
  .zr-call-container-res span {
    font-size: 10px !important;
  }


  .zr-blog-head-card {
    height: 32px;
    min-height : 32px;
  }

  .zr-blog-image-wrapper {
    /* margin-top: -12px !important; */
  }

  .blog-mp  li,
  .zr-blog-detail-slider .slick-slide {
    max-width: 290px !important;
    max-height: 557px !important; 
  }

  .blog-mp  .blog-frame,
  .zr-blog-image-wrapper img
  {
    max-width: 290px !important;
    max-height : 315px !important;
  }

  .zr-fav-icon-web {
    margin-right : 0px !important;

  }

  /*.zr-main-special-products-slider {
  max-width : 325px !important; 
}*/


  .zr-responsive-btn-box {
    justify-content : space-between; 
  }

  .zr-responsive-btn-box,
  #divAddCart,
  #divAddCart > div,
  .zr-add-to-card
  {
    width : 100%; 
  }

  .zr-blog-detail-slider .slick-dots li {
    max-width : 8px !important; 
  }

  .zr-blog-detail-slider {
    max-width: calc(100% - 0.5rem);
    padding-inline : 0px;
  }



  .zr-Rectangle2 {
    width: 400.5px;
    height: 131px;
  }

  .zr-Rectangle1 {
    bottom: 3px;
    width: 328px;
    height: 79px;
  }
}

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

  /* product detail */
  .zr-special-products-slider .slick-dots {
    width: 26%;
  }

  .zr-container-3 {
    /*margin-top: 590px;*/
  }

  .zr-container-1-desc-1 {
    width: calc(100% - 2rem);
    padding: -10px 20px;
    height: 279px;
  }

  .zr-container-2-desc-1 {



  }

  .zr-container-1-desc-3 {
    width: 362px;
    padding: -10px 20px;
    height: 279px;
  }

  .zr-container-1-desc-2 {
    width: 362px;
    padding: -10px 20px;
    height: 279px;
  }

  .zr-container-2-desc-2 {
    width: 362px;
    padding: -10px 20px;
    height: 263px;
  }

  .zr-container-2-desc-3 {
    width: 359px;
  }

}

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

  /* index css */
  .zr-jewellery-size {
    /*  width: 20.5rem;
    height: 10.75rem;*/
  }
}



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

  .zr-special-products{
    max-width : calc (100% - 2rem) ;
  }



  .zr-main-page-product-card:nth-last-child(-n+2) {
    /*display: none !important;*/
  }

  .zr-special-products{
    /*display: flex !important;*/
    flex-wrap: wrap;
    justify-content: center;;
  }
  /*.zr-special-products{
  margin-left: -32px;
}
  .zr-container-products{
  margin-left: 32px !important;
}*/

  .zr-special-products .slick-dots,
  .zr-special-products .slick-prev,
  .zr-special-products .slick-next{
    position:unset;   
  }

  .zr-special-products .slick-next{
    order : 1; 
  }

  .zr-special-products .slick-dots{
    order: 2 ;
  }

  .zr-special-products .slick-prev{
    order:3;
  }





}


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

  /* header footer */
  .zr-hamburger .zr-ham {
    width: 1px !important;
  }

  .zr-hamburger .zr-basket {
    width: 1px !important;
  }

  .zr-footer-section-two {
    width: 340px;
  }



  .zr-call-info {
    display: none;
  }

  .zr-welcome-text {
    display: none;
  }


  .zr-head-info {
    justify-content: center;
  }

  /* index css */
  .zr-category-product:hover .zr-cat-img {
    width: 260px;
    height: 260px;
  }

  .zr-category-product:hover .zr-polygon {
    height: 70px;
    width: 169px;
  }

  .zr-category-product:hover .zr-category-title {
    top: 281px;
  }

  .zr-polygon-banner {
    clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
    height: 204px;
  }

  .zr-forth-banner-title-2 {
    font-size: var(--text-detail-2);
  }

  /* 
  .zr-category-1-title {
  left: 43px;
  top: 1379px;
  width: 265px;
  height: 48px;
} */

  .zr-spliter-one {
    /* left: 56px; */
    top: 1245px;
  }

  /* .zr-shape-category {
  display: none;
}*/

  .zr-shape-category-responsive {
    /* width: 284px !important; */
    display: flex !important;
    flex-direction: row;
    gap: 15px;
    /* margin-left: 28px; */
  }

  .zr-each-category-shape-responsive {
    /* width: 96px !important; */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    height: 124px !important;
    gap: 8px;
  }

  .zr-each-category-shape-responsive:hover {
    background-color: var(--third-blue);
  }

  .zr-each-category-shape-responsive .slick-prev,
  .slick-next {
    top: 90% !important;
  }
}





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

  /* .zr-container-products{
  margin-left: 16px !important; 
}*/

  .zr-Honeycomb {
    margin-inline: 0px !important;
  }

  .zr-special-products{
    margin-left: -16px !important;
  }


  .zr-main-slider:has(.slick-slide:hover), 
  .zr-main-slider{
    /*max-width: 446px;*/
  }


}



@media screen and (min-width:1280px) {
  /*   HOVER  */

  .zr-step-small:hover {
    background: var(--forth-blue);
    color: var(--text-secondary);
    /* font-size: var(--icon-head-info); */
    font-weight: 700;
  }


  .zr-profile a:hover {
    background: var(--text-secondary);
  }

  .zr-social-media-logo img:hover {
    transform: translateY(-28px);
  }


}

@media screen and (max-width:590px) {
  .zr-main-slider:has(.slick-slide:hover),
  .zr-main-slider {
    max-width: 95%;
    margin-inline: auto;
  }

}

@media screen and (max-width: 440px) {
  .zr-blog-image-wrapper {
    margin-top: -0 !important;
  }
}


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


  .zr-blog-overlay {
    max-height: 392px;
    max-width: 345px;
  }

  .zr-blog-card-layout {
    max-width: 335px; 
  }


  .zr-main-bloglist {
    gap: 64px;
  }


  .zr-main-special-products-slider {
    max-width: calc(100% - 0rem);
  }

  .zr-main-special-products-slider .slick-prev, 
  .zr-main-special-products-slider .slick-prev:focus,
  .zr-main-special-products-slider .slick-next, 
  .zr-main-special-products-slider .slick-next:focus {
    margin-top: 28px !important; 
  }

  .zr-main-special-products-slider .slick-dots,
  .zr-main-special-products-slider .slick-dots:focus {
    margin-top: 16px;
  }

  .zr-special-products-container {
    gap: 12px !important;
  }

  .zr-sort-filter-container {
    height : 95px; 
  }

}

/* ----------------- discount-cart --------------- */
@media(max-width: 992px) {
  .zr-x {
    display : flex;
  }

  .zr-title-discount {
    direction : ltr;
  }

  .zr-title-discount p,
  .zr-discount-title-2 p {
    flex : 1;
  }

  .zr-title-discount img,
  .zr-discount-title-2 img {
    margin-right :  6px;
  }

  .zr-discount-deadline-text.sp-mr-1 {
    margin-right: unset !important;
  }
  .zr-deadline-time-box {
    max-width: 95px;
    margin-right: 2px;
  }
  .zr-discount-deadline-time {
    max-width: 42px;
  }

  /*---------------customer---------------*/
  .CustomerProductInfo .zr-page-title .sp-color-white, .zr-title-box .zr-page-title .sp-color-white  {
    color: var(--gray90) !important;
  }

  .zw-account.zr-welcome-txt {
    padding: 20px 42px !important;
    margin-top: 7.5rem !important;
    margin-bottom: unset !important;
  }

  .zr-res-back-container {
    margin-top: 116px !important; 
    top : 0;
  }

  .zw-account-group, .zw-fav-main, .divOrder,.zw-account-main .zw-address-main {
    margin-top: 60px !important;
  }

}


@media(min-width: 450px) {


  .zr-detail-blog-1 {
    align-items: center;
    justify-content: center;
    padding-block: 18px;
  }
}

