@media only screen and (min-width: 2560px) {}

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

  :root {
    --widthImgbig: 535px;
    --widthImgSmall: 143px;
    --widthImgMedium: 122px;
  }

  .zr-address {
    width: 100%;
  }


  .zr-product-list-container {
    max-width : calc(100% - 2rem)  !important;
  }
}

.zr-search-icon {
  background : url('/themes/website/vitrin/images/icons/search-filter.svg') no-repeat;
  background-size: 24px;
  background-position: right;
  padding-right: 2rem;
}


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




  .zr-filter-title-box  {
    position: sticky;
    top: 16px; 
    background : #fff;
    z-index: 2;
    padding-bottom : 0.5rem;
  }

  .zr-filter-title-box::before {
    content : '';
    position : absolute;
    top: -18px;
    width: 100%;
    height: 18px;
    background: #ffffff;

  }

}




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



  .zr-tag {
    position: relative;
    overflow : hidden; 
    width: 100%;
    flex: 1;
  }



  .zr-lables-filter.has-overflow::before {
    content: "";
    background: linear-gradient(90deg, #ffffff8f 65.17%, rgba(255, 255, 255, 0) 100%);
    width: 117px;
    height: 44px;
    position: absolute;
    left: -42px;
    z-index: 9;
    top: 0;
  }



  .zr-opened-res-nav.sp-none {
    display: none !important;
  }

  .zr-opened-res-nav.sp-d-flex {
    display: flex !important;
  }

  .zr-btn-display{
    background-color: white;
    position: absolute;
    width: 96%;
    bottom: 0;
    padding-bottom: 1rem;
  }

  .zr-search-container:hover {

    background: var(--primary6);
    color: var(--MainBlack);
  }

  /* .zr-pro-card:hover .zr-img-1 {
  display: none;
}

  .zr-pro-card:hover .zr-img-2 {
  display: flex;
} */

  .zr-pro-card:hover {
    box-shadow: 0px 0px 25px 0px #00000026;
  }

  .zr-parent-nav li:hover {
    background-color: var(--gray2);
  }


  .item-orderby:hover {
    background : var(--gray2);
  }


}

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

  .zr-call-sec-1 {
    flex-direction: column-reverse;
  }

  .zr-produc-img {
    width: 123px !important;
    height: 123px !important;
  }



  .zr-product-img-parent {
    width : 100%; 
  }



  .zr-parent-nav {
    gap: 0.5rem;
  }

  .zr-menu-items {
    font-size: 14px;
  }

  .zr-slider-aboutus-parent {
    margin: auto;
  }

  .zr-about-column,
  .zr-product-leftside {
    flex-direction: column-reverse;
  }

  .zr-product-leftside {
    padding-right: 0 !important;
  }

  .zr-contect-item,
  .zr-iframe,
  .zr-contatct-text{
    width: 100%;
  }

  .zr-iframe {
    height: 261px;
  }

  .zr-contatct-text {
    margin-bottom: 1rem;
  }

  .zr-product-img-parent>ul {
    flex-direction: row;
    min-width: fit-content;
  }

  .zr-productdetails-info {
    width: 50%;
  }

  .zr-product-leftside {
    overflow: hidden;
  }

  .zr-produc-img-big {
    margin: auto;
  }

  .zr-produc-img {
    margin: auto 0 !important;
  }

  .zr-produc-img {
    border-radius: 0.5rem !important;
  }

}

@media only screen and (max-width: 1649px) {
  .zr-header-container {
    max-width: calc(100% - 329px) !important;
  }

  .rate-value-container {
    /* width: 115px;*/
  }

  .zr-main-logo {
    /* aspect-ratio: 142/60; */
    /*  min-width: 102px;
    width: 110px;*/
    width: 120px;
    height: 60px;
  }

  .zr-parent-nav li,
  .zr-parent-nav li > a
  {
    width: 90px;
  }



  .rate-box {
    max-width: 240px;
    /* margin-right: 100px; */
  }

  .zr-filters-container-li {
    width: 190px;
  }

}

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

  .zr-nav-layout {
    padding-inline: 2rem;

  }

  .zr-parent-nav {
    gap: 0;
  }

  .zr-filters-container-li {
    width: 163px;
    white-space: nowrap;
  }

  :root {
    --widthImgSmall: 100px;
    --widthImgMedium: 82px;
  }

  .zr-produc-img-big {
    width: auto;
    height: auto;
  }

  .zr-produc-img.zr-selected {
    padding: 0.5rem;
    border: 1px solid;
    border-radius: 10px !important;
  }

  .zr-product-title-column {
    flex-direction: column;
    gap: 1rem;
  }

  .zr-filters-box {
    min-width: 300px;
  }

  .zr-cards-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1rem;
  }

}

@media screen and (max-width: 1320px) {
  .zr-footer-2::before {
    background: url('../Images/Icons/footer-bg-desktop-2svg.svg') no-repeat center;
    top: 0px;
    width: 193px;
    height: 448px;
  }

  .zr-footer-2::after {
    background: url('../Images/Icons/footer-bg-desktop-2svg.svg') no-repeat center;
    top: 0px;
    width: 193px;
    height: 448px;
  }

  .zr-footer-info-container {
    max-width: calc(100% - 627px);

  }
}

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


  .zr-btn-display  {
    width : 100%;   
  }


  .zr-opened-filter {
    max-height : 100% !important;
  }

  .zr-main-img-2 {
    /* background: url(/themes/website/images/mobile.svg) no-repeat;*/
  }

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



  .zr-footer-container::before{
    content: "";
    width: 80px;
    height: 30px;
    background: white;
    position: absolute;
    right: -80px;
    bottom: 0;
  }

  .zr-footer-container::after{
    content: "";
    width: 80px;
    height: 30px;
    background: white;
    position: absolute;
    left: -80px;
    bottom: 0;
  }

  .zr-head-icon-size{
    width: 32px;
    height: 32px;
    margin-right: 1rem; 
    margin-top: 0.25rem;
  }

  .zr-footer-info-container {
    padding-block: 27px 63px;
  }

  .zr-index-ham-icon{
    display : flex;
    position: fixed;
    top: 0;
    right: 0;
    margin-top: 2.25rem;
    z-index: 99;
  }

  .zr-opened-bg-fil {
    background: var(--gray1);
    padding: 1rem;
    border-radius: 1.5rem;
  }

  .zr-header::after {
    background: url('../Images/Icons/head-responsive-1.svg') no-repeat center;
    height: 75px;
    width: 104px;
  }

  .zr-header::before {
    background: url('../Images/Icons/head-responsive-1.svg') no-repeat center;
    height: 75px;
    width: 104px;

  }

  /* ----------------- */
  .zr-nav-layout{
    border-top: 1px solid #fff; 
  }
  .zr-nav-layout.res-nav-opened {
    border-top: 1px solid #F9F9F9;
  }


  .zr-header-res-page::after {
    background: url('../Images/Icons/head-res-other-page.svg') no-repeat center;
    height: 74px;
    width: 104px;
    top: 1px;
  }

  .zr-header-res-page::before {
    background: url('../Images/Icons/head-res-other-page.svg') no-repeat center;
    height: 74px;
    width: 104px;
    top: 1px;
  }

  .zr-header-container {
    max-width: calc(100% - 150px) !important;
  }

  .zr-main-img {
    margin-inline: 0.5rem;
    /* position: relative; */
  }



  .zr-main-img::before {
    content: '';
    position: absolute;
    background: url('../Images/Icons/border1.svg');
    width: 128px;
    height: 153px;
    top: 0;
    margin-top: 67px;
    right: 5px;
  }

  .zr-main-img::after {
    content: "";
    position: absolute;
    background: url('../Images/Icons/border2.svg');
    width: 128px;
    height: 153px;
    top: 0;
    margin-top: 67px;
    left: -2px;
  }

  /* bottom */
  .zr-main-index::before {
    content: '';
    position: absolute;
    background: url(../Images/Icons/border-bottom-1.svg) no-repeat center;
    width: 125px;
    height: 153px;
    /* margin-top: 67px; */
    right: 3px;
    /* transform: rotate(180deg); */
    bottom: 21px;
    margin-bottom: 26px;
  }

  .zr-main-index::after {
    content: "";
    position: absolute;
    background: url(../Images/Icons/border-bottom-2.svg) no-repeat center;
    width: 125px;
    height: 153px;
    left: 3px;
    bottom: 21px;
    margin-bottom: 26px;
  }


  .zr-rate-container {
    display: none !important;
  }

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

  .zr-res-nav {
    /* padding-block: 20.9px; */
    display: flex !important;
    position: fixed;
    top: 0;
    right: 0;
    margin-top: 2.25rem;
    z-index: 99;
  }




  .zr-close {
    margin-right: 0.75rem;
  }

  .zr-header.res-nav-opened::before,
  .zr-header.res-nav-opened::after {
    background: url('../Images/Icons/head-responsive-opened-2.svg') no-repeat center;
  }

  .zr-header-res-page.res-nav-opened::before,
  .zr-header-res-page.res-nav-opened::after {
    background: url('../Images/Icons/head-responsive-opened-2.svg') no-repeat center;
  }

  .zr-footer-1::before {
    background: url('../Images/Icons/head-responsive-1.svg') no-repeat center;
    transform: scaleX(1) scaleY(-1);
    height: 76px;
    width: 104px;
    top: -1px;
  }

  .zr-footer-1::after {
    background: url('../Images/Icons/head-responsive-1.svg') no-repeat center;
    transform: scaleX(1) scaleY(1) rotate(180deg);
    height: 76px;
    width: 104px;
    top: -1px;
  }

  .zr-footer-container {
    max-width: calc(100% - 160px);
  }

  .zr-footer-container .zr-nav-container {
    padding-block: 10px;
    padding-bottom : 2rem;
  }

  .zr-filters-container {
    width: 0 !important;
    flex: 0 !important;
  }

  .zr-footer-container .zr-nav-container {
    justify-content: center;
  }

  .zr-logo-container {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    /*  padding-block: 7px; */
    height: 75px;
  }

  .logo-padding {
    padding-block: 7.5px;
  }

  .zr-header-container {
    clip-path: polygon(0 0, 99% 0, 99% 100%, 0% 100%);
  }

  .zr-opened-res-nav {
    position: fixed;
    width: 100%;
    height: 100svh;
    background: var(--MainWhite);
    z-index: 2000;
    display: none;
    min-height: 100svh;
    max-height: 100svh;
  }

  .zr-index-head {
    z-index: 2200;
    top: 0;
    margin-top: 32px;
  }

  .zr-header-container.res-nav-opened {
    background-color: var(--gray1);
    border-bottom: 1px solid var(--gray5);
  }


  .zr-menu-search-box {
    background: var(--MainWhite);
    border: 1px solid var(--gray5);
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    gap: 10px;
  }

  .zr-res-menu-container {
    width: 100%;
    max-width: 1040px;
    align-items: center;
    margin-inline: auto;
    margin-top: 9rem;
    gap: 22px;
  }

  .zr-menu-item-style {
    max-height: 49px;
  }



  .zr-price-nav {
    display: flex !important;
    height: 33px;
    width: 100%;
    background: var(--gray1);
    position: fixed;
    top: 0;
    z-index: 2001;
  }

  .zr-res-filters-container {
    /* width: 100%; */
    gap: 10px;
    margin: auto;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-167px);
    display: flex !important;
    margin-bottom: 7rem;
  }

  .zr-filter-box-style {
    width: 76px;
    height: 76px;
    background: #F9F9F9A6;
    border: 1px solid #D7DFE0;
    border-radius: 8px;
    backdrop-filter: blur(10px);
    gap: 8px;
    cursor: pointer;
  }



  .zr-res-selected-filter {
    border-radius: 8px;
    border: 1px solid var(--custom-2) !important;
  }

  .zr-res-selected-filter::before{
    content: "";
    position: absolute;
    background: var(--error2);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 0;
    right: 0;
    margin-top: 8px;
    margin-right: 8px;
  }

  .zr-res-filter-img {
    width: 32px;
    height: 32px;
  }

  .zr-res-filter-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .zr-res-filter-title {
    /* color: var(--primary11);*/
    color: var(--MainBlack);
  }

  .zr-lables-filter {
    max-width: unset;
  }

  .zr-pro-count-res {
    margin-right: auto !important;
  }

  .zr-res-opened-bg-filter {
    background: #FFFFFF33;
    backdrop-filter: blur(8px);
    height: 100svh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4000;
    display: none !important;
  }

  .r-res-opened-color-filter {
    width: 100%;
    max-height: fit-content;
  }

  .zr-filters-btns {
    padding-block: 0.5rem;
    width: 100%;
    /* padding-inline: 58px;*/
    flex : 1;
  }

  .zr-cancle {
    background: var(--gray6);
    color: var(--MainBlack);
  }

  .zr-add {
    background: var(--Mainprimary);
    color: var(--MainWhite);
  }

  .zr-search-container {
    width: 100%;
    text-align: center;
  }

  /* ----------------------------------------- */
  .zr-opened-filter {
    position: fixed !important;
    top: 0;
    width: 100%;
    height: 100svh;
    background: #FFFFFF33;
    backdrop-filter: blur(8px);
    height: 100svh !important;
    width: 100% !important;
    align-items: center;
  }

  .zr-res-opened-color-filter {
    background: var(--MainWhite) !important;
    border-radius: 1rem;
    padding: 10px;
    max-width: 1040px;
    max-height: 395px;
    width : 100%;
  }

  .zr-filters-container-li {
    width: 0 !important;
    height: 0 !important;
  }


  .hide,
  .zr-filter-desktop-none {
    display: none !important;
  }

  .zr-res-title-filters,
  .zr-btn-display,
  .show-flex {
    display: flex !important;
  }

  .show-flex {
    justify-content: center;
  }


}

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

  .zr-tag::before {
    content : none; 
  }

  .zr-item-filter-list {
    padding-left : 1rem;
  }



  .search-box {
    margin-right : 1rem; 
  }

  .search-box .search-txt  {
    margin-top: 0.5rem; 
  }


  .zr-cards-container {
    margin-top: 0rem;
  }


  .zr-products-count-box {
    min-height: 36px; 
  }

  .zr-whole-products-container {
    width : 100%; 
  }


  .zr-res-sec-1-pro-list {
    gap: 0.5rem;
  }

  .zr-item-filter {
    margin-top :  0.5rem;
  }

  .zr-productdetails-item > div > span {
    margin-left : 0px !important; 
  }


  .zr-cards-container {
    /*max-width: calc(100% - 2rem);
    margin: auto;*/
  }

  .zr-responsive-filter  {
    max-width : 720px;
    margin : auto;
  }


  .zr-cards-container {
    padding-inline : 0.5rem; 
  }


  .zr-range-rewrite-input{
    max-width: 100% !important;

  }

  .zr-metal-type-container.active-bg{
    max-width: none;
  }

  .zr-filter-scroll-p{
    height: 80svh;
    overflow-y: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none;
  }

  .zr-filter-scroll-p::-webkit-scrollbar {
    display: none; 
  }

  .close-sort-res{
    display : flex;
    position : fixed;
    right :0 ;
    top: 0;
    z-index : 999;
    width: 32px;
    height: 32px;
    margin-top: 2.25rem;
    margin-right: 1rem;
  }

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

  .zr-share-box-filter-box-res{
    display : flex;
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 2.25rem;
    margin-left: 1rem;
    z-index: 999;
  }

  .zr-search-enable {
    display: none !important;
  }

  .zr-filter-res-head {
    display: flex;
  }

  .zr-center-filter-title {
    justify-content: center;
    background-color: var(--gray1);
    border-bottom: 1px solid var(--gray5);
    max-height: 73px;
    height: 100%;
    clip-path: polygon(0 0, 99% 0, 99% 100%, 0% 100%);
    max-width: calc(100% - 179px) !important;
    margin-inline: auto;
    width: 100%;
    height: 73px;
    justify-content: center;
  }

  .zr-shape-head-filter {
    position: relative;
  }

  .zr-res-search-filter,
  .zr-submit-filters-res {
    display: flex !important;
  }

  .zr-submit-filters-res {
    padding: 1rem 2rem;
    border-top: 1px solid var(--gray5);
    position: fixed;
    bottom: 0;
    width: 100%;
  }

  .zr-submit-appearance {
    background: var(--Mainprimary);
    color: var(--MainWhite);
    border-radius: 2rem;
    margin-inline: 2rem;
    text-align: center;
    width: 100%;
    justify-content: center;
    padding-block: 10px;

  }


  .zr-shape-head-filter::before {
    background: url(../Images/Icons/head-responsive-opened-2.svg) no-repeat center;
    height: 79px;
    width: 103px;
    right: 0px;
    top: -4px;
    content: "";
    position: absolute;
    transform: rotate(180deg) scaleY(-1);
  }

  .zr-shape-head-filter::after {
    background: url('../Images/Icons/head-responsive-opened-2.svg') no-repeat center;
    height: 77px;
    width: 93px;
    right: 0px;
    top: -3px;
    left: 0px;
    content: "";
    position: absolute;

  }

  .zr-res-filter-layout {
    max-width: 1040px;
    padding-top: 22px !important;
    width: 100%;
    margin-inline: auto;
  }

  .zr-shape-head-filter {
    padding-top: 0rem !important;
  }

  .zr-res-filter-btn-container,
  .zr-result-search-container {
    display: flex;
  }

  /* .zr-lable-filter-container {
  display: none !important;
} */

  .zr-product-list-container {
    max-width: calc(100% - 0rem) !important;
    width : 100%;

  }


  .zr-item-filter:nth-child(1) {
    margin-right: 1rem !important;
  }

  .zr-pro-detail .zr-fz-18,
  .zr-pro-price {
    --font-size-5: 14px;
  }

  .zr-pro-title h1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    --font-size-4: 12px;
  }

  .zr-cards-container {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  /* product list */

  .zr-lable-filter-container {
    /*margin-block: 1rem 5rem;*/
    max-height : fit-content !important;

  }

  .zr-res-filter-btn,
  .zr-res-sort-btn {
    border: 1px solid var(--gray5);
    width: 100%;
    max-width : 100%;
    height: 46px;
    cursor: pointer;

  }

  .zr-filters-box-res {
    display: none !important;
    position: fixed;
    width: 100vw;
    height: 100svh;
    max-height: 100svh;
    top: 0;
    z-index: 9000;
    margin-top: 2rem;
    padding-inline: 0px !important;
  }



  .zr-opened-sort-filter-res {
    display: none !important;
    position: fixed !important;
    width: 100%;
    height: 100svh;
    top: 0;
    z-index: 9000;
    max-width: unset;
    left: 0;
    margin-top: 2rem;
    box-shadow: unset;
  }

  .zr-filters-box-res-show,
  .zr-res-sort-filter {
    display: flex !important;
  }


  .zr-sort-items {
    max-width: 1040px !important;
    width: 100%;
    margin-inline: auto;
    padding-top: 22px !important;
  }

  .zr-opened-sort-filter-res-show {
    display: flex !important;
    border-radius: 0px !important;
    flex-direction: column;
    border: unset !important;
  }


  .active.zr-item-orderby::before {
    content: "✓" !important;
    padding-left: 8px;
  }

  .zr-res-sec-1-pro-list {
    flex-direction: column-reverse !important;
  }

  .zr-close-box-filter-box {
    display: block !important;
    position: fixed;
    top: 0;
    right: 0;
    padding-top: 2.25rem;
    padding-right: 1rem;
  }

  .zr-selected-title,
  .zr-high-price,
  .zr-sort-filter-title {
    display: none !important;
  }

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

}

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

  .zr-res-menu-container,
  .zr-res-filter-layout,
  .zr-sort-items {
    max-width: calc(100% - 2rem) !important;
  }



}

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

  .zr-links-item{
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
  }

  .zr-product-column {
    flex-direction: column;
  }

  .zr-produc-img-big {
    max-width: var(--widthImgbig);
    margin: auto;
    /* height: var(--widthImgbig); */
    min-width : 328px;
  }

  .zr-downside-foot-1{
    font-size: 12px !important;
  }
  .zr-downside-foot-2{
    font-size: 10px !important;
  }

  .zr-downside-foot-2 .copy-txt-2{
    font-size: 10px !important;
  }

  .zr-productdetails-info{
    width : 100% !important; 
  }

}

@media screen and (max-width: 1000px) {
  .zr-footer-2::before {
    background: url('../Images/Icons/head-res-other-page.svg') no-repeat center;
    top: 0px;
    width: 105px;
    height: 74px;
    margin-right: 0;
    transform: scaleX(1) scaleY(1) rotate(180deg);
    margin-right: 0;
  }

  .zr-footer-2::after {
    background: url('../Images/Icons/head-res-other-page.svg') no-repeat center;
    top: 0px;
    width: 105px;
    height: 74px;
    margin-right: 0;
    transform: scaleX(-1) scaleY(1) rotate(180deg);
    margin-left: 0;
  }

  .zr-footer-info-container {
    clip-path: polygon(18% -549%, 93% 15%, 100% 15%, 100% 100%, 0% 100%, 0% 10%, 10% 13%);
    max-width: 100% !important;
    padding-block: 27px 59px;
  }

  .zr-fz-14.zr-aboutus-title {
    font-size: 12px !important;
  }
}

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



  .zr-link-return {
    display : flex !important; 
  }


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


  :root {
    --widthcontatcimg: 24px;
    --widthLike: 40px;
  }

  .desktop-about-us {
    display : none;
  }

  .mobile-about-us {
    display : block;
  }



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

  .zr-slider-aboutus-parent,
  .zr-wrapper-full {
    width: 100%;
  }

  .zr-aboutus-title.sp-font-exlarge {
    font-size: 18px !important;
    line-height: 200%;
  }

  /* .zr-aboutus-title:not(.sp-font-exlarge), */
  .zr-contect-item .sp-font-xlarge {
    font-size: 14px !important;
  }

  .zr-contect-item .sp-font-xlarge {
    line-height: 24px !important;
  }

  .zr-about-image {
    height: 531.640625px;
  }

  .zr-about-image img {
    object-fit: cover;
  }

  .sp-p-8 {
    padding: 1rem !important;
  }

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

  .sp-font-exlarge.zr-contact-title {
    font-size: 18px !important;
  }

  .zr-contect-item {
    flex-direction: column;
    border-radius: 1.5rem;
    padding: 1rem !important;
  }

  .zr-address address {
    text-align: right;
  }

  .zr-res-align-left {
    width: 100%;
    justify-content: left;
  }

  .app-dialog.sp-dialog {
    /*  padding: 0 !important; */
    /* width: 70% !important;*/
    height: 50svh !important;
    max-width: 50% !important;
  }

  .zr-bread-crumb {
    display: none !important;
  }

  .zr-link-return {
    margin-right: auto;
  }

  .zr-productdetails-info {
    width: 100%;
  }

  .zr-productdetails-item .sp-font-large {
    font-size: 14px !important;
  }

  .zr-productdetails-item .sp-font-normal {
    font-size: 12px !important;
  }



  .zr-cards-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}

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





  .zr-owner-text {
    flex-direction: column;
    max-width: calc(100% - 2rem);
    padding-block : 1rem !important;
    padding-inline : 0px !important
  }

  .zr-downside-foot-1 {
    padding-block: 4px; 
  }

}

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

  .zr-cards-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));

  }
}



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


  .zr-footer-info-container {
    clip-path: polygon(18% -213%, 92% 15%, 100% 15%, 100% 100%, 0% 100%, 0% 10%, 12% 14%);
  }

}

@media only screen and (max-width: 576px) {
  .zr-main-index::before {
    content: '';
    position: absolute;
    background: url(../Images/Icons/border-bottom-1.svg) no-repeat center;
    width: 125px;
    height: 153px;
    /* margin-top: 67px; */
    right: 4px;
    /* transform: rotate(180deg); */
    bottom: 20px;
    margin-bottom: 26px;
  }

  .zr-main-index::after {
    content: "";
    position: absolute;
    background: url(../Images/Icons/border-bottom-2.svg) no-repeat center;
    width: 125px;
    height: 153px;
    left: 4px;
    bottom: 20px;
    margin-bottom: 26px;
  }

  .zr-main-img::before{
    right: 6px;	
  }

  .zr-main-img::after{
    margin-top: 65px;
    left: -1px;
    width: 105px;
  }

}

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

  .zr-cards-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .zr-footer-info-container {
    clip-path: polygon(18% -100%, 92% 15%, 100% 15%, 100% 100%, 0% 100%, 0% 10%, 18% 14%);
  }
}

@media only screen and (max-width: 445px) {
  .zr-footer-desc{
    max-width : calc(100% - 1rem) ;
  }
}


@media only screen and (max-width: 480px) {
  .pagination-number{
    gap:1rem;
  }

  .zr-social-media-items {
    max-width: 77px;
  }
}


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


  .zr-footer-connection {
    max-width : calc(100% - 1rem);
  }


  .zr-footer-logo{
    font-size : 12px ;
  }

  .zr-footer-info-container {
    clip-path: polygon(18% -59%, 92% 15%, 100% 15%, 100% 100%, 0% 100%, 0% 10%, 22% 14%);
  }

}

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

  .res-title-pro{
    font-size : 22px !important; 
  }
}


@supports (-webkit-touch-callout: none) {
  @media screen and (max-device-width: 2560px) and (min-device-width: 300px)  {
    input[type="checkbox"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
    }
    input[type="checkbox"] {
      accent-color: initial;
    }

    .sp-f-check:before {
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="21" viewBox="0 0 22 21" fill="none"><path d="M1.5 10.5C1.5 6.02166 1.5 3.78249 2.89124 2.39124C4.28249 1 6.52166 1 11 1C15.4783 1 17.7175 1 19.1088 2.39124C20.5 3.78249 20.5 6.02166 20.5 10.5C20.5 14.9783 20.5 17.2175 19.1088 18.6088C17.7175 20 15.4783 20 11 20C6.52166 20 4.28249 20 2.89124 18.6088C1.5 17.2175 1.5 14.9783 1.5 10.5Z" stroke="black" stroke-width="1.5"/></svg>');
      background-size: 100% 100%;
      border: 0;
      background-color: #f9f9f9 !important;
    }

    .sp-f-check:checked:before {
      opacity: 0;
    }

    .sp-f-check:checked:after {
      /*  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='21' viewBox='0 0 22 21' fill='none'%3E%3Cpath d='M11.0576 0.25C13.2479 0.249987 14.9683 0.250117 16.3115 0.430664C17.6882 0.615751 18.7805 1.00313 19.6387 1.86133C20.4969 2.71953 20.8842 3.81182 21.0693 5.18848C21.2499 6.53173 21.25 8.25214 21.25 10.4424V10.5576C21.25 12.7479 21.2499 14.4683 21.0693 15.8115C20.8842 17.1882 20.4969 18.2805 19.6387 19.1387C18.7805 19.9969 17.6882 20.3842 16.3115 20.5693C14.9683 20.7499 13.2479 20.75 11.0576 20.75H10.9424C8.75212 20.75 7.03174 20.7499 5.68848 20.5693C4.31182 20.3842 3.21953 19.9969 2.36133 19.1387C1.50313 18.2805 1.11575 17.1882 0.930664 15.8115C0.750117 14.4683 0.749987 12.7479 0.75 10.5576V10.4424C0.749987 8.25213 0.750117 6.53174 0.930664 5.18848C1.11575 3.81182 1.50313 2.71953 2.36133 1.86133C3.21953 1.00313 4.31182 0.615751 5.68848 0.430664C7.03174 0.250117 8.75213 0.249987 10.9424 0.25H11.0576ZM15.8779 6.52051C15.6129 6.03596 15.0051 5.85807 14.5205 6.12305C12.692 7.12303 11.1798 9.05263 10.1631 10.6094C9.78735 11.1847 9.46583 11.73 9.20898 12.1914C8.96946 11.959 8.73269 11.7566 8.52051 11.5889C8.24286 11.3694 7.99272 11.1965 7.81055 11.0771L7.49512 10.8818C7.01542 10.6084 6.40542 10.7753 6.13184 11.2549C5.85829 11.7345 6.0254 12.3454 6.50488 12.6191L6.71484 12.75C6.85766 12.8436 7.05796 12.9824 7.28027 13.1582C7.73776 13.5199 8.23134 13.9943 8.54199 14.5137C8.73266 14.8323 9.08429 15.0194 9.45508 14.999C9.82586 14.9786 10.1551 14.7537 10.3096 14.416L10.4082 14.2109C10.4759 14.0725 10.577 13.8695 10.709 13.6201C10.9735 13.1204 11.3586 12.4371 11.8379 11.7031C12.8212 10.1975 14.1092 8.62784 15.4805 7.87793C15.9648 7.61292 16.1427 7.00495 15.8779 6.52051Z' fill='%23385E67'/%3E%3C/svg%3E");*/
      background: var(--Mainprimary) !important;
      background-size: 100% 100%;
      width: 18px;
      height: 18px;
      border: 0;
      transform: none;
      left: -12px !important;
      top: -2px;
      transform: rotate(2deg) translate(50%) !important;
    }

    .sp-f-check {
      margin: 4px 0px 4px 10px !important;
      position: relative;
      padding: 0;
      width: var(--checkboxheight);
      height: 0;
    }
    .zr-filter-box-style{
      position : relative; 
    }

  }
}

@media only screen and (max-device-width:2560px) and (-webkit-min-device-pixel-ratio: 2) {
  input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  input[type="checkbox"] {
    accent-color: initial;
  }

  input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .sp-f-check:before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="21" viewBox="0 0 22 21" fill="none"><path d="M1.5 10.5C1.5 6.02166 1.5 3.78249 2.89124 2.39124C4.28249 1 6.52166 1 11 1C15.4783 1 17.7175 1 19.1088 2.39124C20.5 3.78249 20.5 6.02166 20.5 10.5C20.5 14.9783 20.5 17.2175 19.1088 18.6088C17.7175 20 15.4783 20 11 20C6.52166 20 4.28249 20 2.89124 18.6088C1.5 17.2175 1.5 14.9783 1.5 10.5Z" stroke="black" stroke-width="1.5"/></svg>');
    background-size: 100% 100%;
    border: 0;
    background-color: #f9f9f9 !important;
  }

  .sp-f-check:checked:before {
    opacity: 0;
  }

  .sp-f-check:checked:after {
    /*  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='21' viewBox='0 0 22 21' fill='none'%3E%3Cpath d='M11.0576 0.25C13.2479 0.249987 14.9683 0.250117 16.3115 0.430664C17.6882 0.615751 18.7805 1.00313 19.6387 1.86133C20.4969 2.71953 20.8842 3.81182 21.0693 5.18848C21.2499 6.53173 21.25 8.25214 21.25 10.4424V10.5576C21.25 12.7479 21.2499 14.4683 21.0693 15.8115C20.8842 17.1882 20.4969 18.2805 19.6387 19.1387C18.7805 19.9969 17.6882 20.3842 16.3115 20.5693C14.9683 20.7499 13.2479 20.75 11.0576 20.75H10.9424C8.75212 20.75 7.03174 20.7499 5.68848 20.5693C4.31182 20.3842 3.21953 19.9969 2.36133 19.1387C1.50313 18.2805 1.11575 17.1882 0.930664 15.8115C0.750117 14.4683 0.749987 12.7479 0.75 10.5576V10.4424C0.749987 8.25213 0.750117 6.53174 0.930664 5.18848C1.11575 3.81182 1.50313 2.71953 2.36133 1.86133C3.21953 1.00313 4.31182 0.615751 5.68848 0.430664C7.03174 0.250117 8.75213 0.249987 10.9424 0.25H11.0576ZM15.8779 6.52051C15.6129 6.03596 15.0051 5.85807 14.5205 6.12305C12.692 7.12303 11.1798 9.05263 10.1631 10.6094C9.78735 11.1847 9.46583 11.73 9.20898 12.1914C8.96946 11.959 8.73269 11.7566 8.52051 11.5889C8.24286 11.3694 7.99272 11.1965 7.81055 11.0771L7.49512 10.8818C7.01542 10.6084 6.40542 10.7753 6.13184 11.2549C5.85829 11.7345 6.0254 12.3454 6.50488 12.6191L6.71484 12.75C6.85766 12.8436 7.05796 12.9824 7.28027 13.1582C7.73776 13.5199 8.23134 13.9943 8.54199 14.5137C8.73266 14.8323 9.08429 15.0194 9.45508 14.999C9.82586 14.9786 10.1551 14.7537 10.3096 14.416L10.4082 14.2109C10.4759 14.0725 10.577 13.8695 10.709 13.6201C10.9735 13.1204 11.3586 12.4371 11.8379 11.7031C12.8212 10.1975 14.1092 8.62784 15.4805 7.87793C15.9648 7.61292 16.1427 7.00495 15.8779 6.52051Z' fill='%23385E67'/%3E%3C/svg%3E");*/
    background: var(--Mainprimary) !important;
    background-size: 100% 100%;
    width: 18px;
    height: 18px;
    border: 0;
    transform: none;
    left: -12px !important;
    top: -2px;
    transform: rotate(2deg) translate(50%) !important;
  }

  .sp-f-check {
    margin: 4px 0px 4px 10px !important;
    position: relative;
    padding: 0;
    width: var(--checkboxheight);
    height: 0;
  }

}
@media only screen and (max-device-width:1040px) and (-webkit-min-device-pixel-ratio: 2) {
  .zr-res-opened-color-filter{
    width: 100% !important;
    max-width: calc(100% - 2rem) !important;
  }
  .zr-btn-display {
    padding-top: 1rem !important;
    width: 90% !important;
    margin: auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-inline: 1rem !important;
    gap: 0.5rem !important;
  }
  .zr-cancle {
    margin-left: 2rem !important;
  }

  .zr-add {
    margin-right: 2rem !important;
  }

}

@supports (-webkit-touch-callout: none) {
  @media screen and (max-device-width: 1040px) {
    .zr-res-opened-color-filter{
      width: 100% !important;
      max-width: calc(100% - 2rem) !important;
    }

    .zr-btn-display {
      padding-top: 1rem !important;
      width: 90% !important;
      margin: auto !important;
      display: flex;
      justify-content: center;
      align-items: center;
      padding-inline: 1rem !important;
      gap: 0.5rem !important;
    }

    .zr-cancle {
      margin-left: 2rem !important;
    }

    .zr-add {
      margin-right: 2rem !important;
    }

  }
}


@supports (-webkit-touch-callout: none) {
  @media screen and (max-device-width: 576px) {

    .zr-footer-logo {
      max-width: 60px; 
      max-height: 60px;
      width : 100%;
      height : 100%;
    }

    .zr-footer-logo img {
      width: 60px;
      height: 60px;
      object-fit: contain;
    }

  }
}

@media only screen and (max-device-width:576px) and (-webkit-min-device-pixel-ratio: 2) {
  .zr-main-logo {
    width: 60px;
    height: 60px;
  }

  .zr-footer-logo {
    max-width: 60px; 
    max-height: 60px;
    width : 100%;
    height : 100%;
  }

  .zr-footer-logo img {
    width: 60px;
    height: 60px;
    object-fit: contain;
  }

  .zr-filters-btns {
    padding-block: 0.5rem;
    min-width: 157px !important;
    /* padding-inline: 58px; */
    flex: 1;
  }


}




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

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




  .zr-responsive-filter  {
    max-width : calc(100% - 1rem);
  }
}