@media(max-width:1680px) {
  .collection-bg {
    width: 150px;
    height: 150px;
  }

  .pd-main-img {
    width: 600px !important;
    height: 600px !important;
  }
}

@media(max-width:1500px) {
  .zr-info-slid-img {
    height: 550px;
  }

  .pd-main-img {
    width: 550px !important;
    height: 550px !important;
  }

}

@media(max-width: 1366px) {
  .side-filters {
    width: 27%;
  }

}

@media(min-width: 1440px) {
  .responsive-w1920 {
    width: 1920px !important;
  }

  .res-Category {
    width: 1900px;
    margin: auto;
  }


  /* .background-div{
  width: 356px !important;
} */

}


@media(max-width: 1440px) {
  .nav-link {
    width: 80px;
  }

  .offer-main-img {
    min-height: 680px;
  }

  .offer-main-img-parent {
    max-width: 400px;
  }

  .slider-parent {
    height: 750px;
  }

  .header-caption-title {
    font-size: 28px;
  }

  /* .flag-r {
  right: -3px;
} */
  .flag-l {
    left: -3px;
  }

  .offer-cards-parent .slick-dots {
    left: 8%;
  }

  .offer-cards-parent .slick-next {
    left: 16.5%;
  }

  .baner-l-side {
    height: 80%;
  }

  .baner-r-side {
    height: 80%;
  }

  .see-more-link-parent {
    margin-top: 3rem;
    margin-bottom: 2rem;
  }

  .about-us-img-back {
    min-width: 471px;
    max-height: 741px;
  }

  .footer-container {
    width: 95%;
  }

  /* ========== PRODUCT LIST PAGE ========== */
  .product-list>a {
    width: clamp(295px, 33.33%, 449px) !important;
  }

  /* ========== PRODUCT DETAIL PAGE ========== */
  .pd-main-img {
    width: 500px !important;
    height: 500px !important;
  }

  .pd-thumbnails {
    max-height: 500px;
  }

  /* ========== ABOUT US PAGE ========== */
  .about-us-page-gallery {
    margin-top: 750px;
  }

  .gallery-contain {
    width: 520px !important;
  }

  .gallery {
    height: 650px !important;
  }

  .gallery .slick-list li {
    height: 650px !important;
    width: 520px !important;
  }

  /* ========= CONTACT US PAGE ========= */
  .contact-us-svg svg,
  .contact-us-svg img {
    width: 40px;
    height: 40px;
  }

  .flex-parent {
    flex-wrap: wrap;
    gap: 2rem !important;
  }

  .flex-parent li {
    width: auto !important;
    max-width: unset !important;
    min-width: 46% !important;
  }

  .social-media-parent>li>a>span {
    font-size: 14px !important;
  }

  .send-message-container {
    width: 95% !important;
    max-width: 95% !important;
  }

  .map-card {
    height: 610px;
  }

  /* ============= BLOG LIST PAGE ============= */
  .blog-slide-img img {
    object-fit: cover;
    object-position: center;
    height: 580px !important;
    max-height: 580px;
  }

  .blog-list-section .blog-card-width {
    width: clamp(345px, 33%, 378px);
  }

  .blog-list-section .blog-card-flag-r {
    right: -2.8px;
  }

  .blog-list-section .blog-card-flag-l {
    left: -2.8px;
  }

  .collection-bg {
    width: 140px;
    height: 140px;
  }

  .slideshow-container .slick-prev {
    right: 41%;
  }

  .slideshow-container .slick-next {
    left: 41%;
  }

  .hide-in-res{
    display:none;
  }
}

@media(max-width: 1280px) {
  .sp-font-normal {
    font-size: 12px !important;
  }

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

  .sp-font-xlarge {
    font-size: 16px !important;
  }

  .nav-link {
    width: 63px;
  }

  .collection-bg {
    width: 100px;
    height: 100px;
  }

  .bottom-svg {
    width: 350px;
    bottom: -29%;
    right: calc((100% - 350px) / 2);
  }

  .top-svg {
    width: 100px;
    top: -50%;
    right: calc(92% / 2);
  }

  .header-caption-title {
    font-size: 22px !important;
  }

  .flag-l {
    left: 8px !important;
  }

  /* .flag-r {
  right: 8px !important;
} */
  .product-slider a .flag-l {
    left: 4px !important;
  }

  .product-slider a .flag-r {
    right: 4px !important;
  }

  .logo-white {
    width: 110px;
    height: 148px;
  }

  .about-us-img-back {
    min-width: 400px;
    max-width: 396px;
    max-height: 600px;
  }

  .about-us-wrapper {
    width: 75%;
  }

  .about-us-social {
    /* padding-top: 6rem; */
  }

  /* ========== PRODUCT LIST PAGE ========== */
  /* .side-filters {
  width: 250px;
} */
  .product-list>a {
    width: clamp(326px, 33%, 350px) !important;
  }

  .product-list>a .flag-l {
    left: -6px !important;
  }

  .product-list>a .flag-r {
    /* right: -6px !important; */
  }

  /* ========== PRODUCT DETAIL PAGE ========== */
  .pd-main-img {
    width: 400px !important;
    height: 400px !important;
  }

  .pd-thumbnails {
    height: 400px;
  }

  .pd-thumbnail-parent {
    width: 92px;
    height: 92px;
  }

  .pd-thumbnail-img {
    padding: 4px;
    width: 100px;
    height: 100px;
  }

  /* ========== ABOUT US PAGE ========== */
  .gallery-contain {
    width: 450px !important;
  }

  .gallery {
    height: 600px !important;
  }

  .gallery .slick-list li {
    height: 600px !important;
    width: 450px !important;
  }

  /* ========= CONTACT US PAGE ========= */
  .map-side {
    width: 55px;
  }

  .map-side img {
    width: 110px;
  }

  .map-card {
    height: 545px;
  }

  /* ============= BLOG LIST PAGE ============= */
  .blog-list-section .blog-card-width {
    width: clamp(320px, 33%, 331px);
  }

  .blog-list-section .blog-card-flag-r {
    right: -9.5px;
  }

  .blog-list-section .blog-card-flag-l {
    left: -9.5px;
  }

  .Category-img-r {
    width: 90px;
  }

  /* ============= BLOG DETAIL PAGE ============= */
  .blog-detail-text-wrapper {
    width: 70% !important;
    max-width: 70% !important;
  }

  .price-list {
    font-size: 20px !important;
  }

  .btn-bag-add {
    width: 240px !important;
  }

  .sp-drop-button {
    width: 230px;
  }
}

/* @media(min-width: 1280px){
.sp-font-normal {
font-size: 12px !important;
}

} */
@media(max-width: 1024px) {
  .desktop-hide {
    display: flex;
  }
  
  .zr-header{
   z-index: 1001; 
  }
  
  .cart-modal,
.empty-basket {
   position : fixed !important ;
    top : 0;
    left : 0;
    width: 100%;
    height: 100%;
   border-radius: 0;
  }

  .res-hide {
   /* display: none !important;*/
    width: 0;
        height: 0;
        overflow: hidden;
  }

  .slideshow {
    margin-top: unset !important;
    margin-bottom: 8rem;
  }

  .slider-captions {
    bottom: -244px;
  }

  .slider-captions div {
    width: 100% !important;
    max-width: 100% !important;
  }

  .header-text-parent {
    height: auto;
    padding: 1.5rem 0 !important;
    width: 100% !important;
    border: unset;
    border-radius: 0 0 32px 32px;
    flex-direction: column;
  }

  .header-text-parent div {
    text-align: center;
  }

  .slideshow-bottom-svg {
    width: 63px;
    margin-top: -14px;
    transform: rotate(90deg) !important;
  }

  /* collection */
  .collection-parent {
    width: 100%;
    margin-top: 107px;
  }

  .res-collection-wrapper {
    padding: 4rem 0;
    border-radius: 32px;
  }

  .top-svg {
    width: 95px;
    top: -47%;
    right: calc((100% - 95px) / 2);
  }

  .collection-bg img {
    width: 54%;
  }

  .bottom-svg {
    width: 146px;
    height: 155px;
    right: calc((100% - 146px) / 2);
    bottom: -23%;
  }

  /* special offer */
  .special-offer {
    flex-direction: column;
    gap: 3rem;
    padding-right: unset !important;
  }

  .offer-cards>div {
    text-align: center;
  }

  .offer-cards {
    height: 660px !important;
  }

  .baner-r-side {
    transform: rotate(90deg);
    right: calc((100% - 62.7%));
    height: unset;
    top: -62%;
    width: 130px;
  }

  .res-baner-content {
    flex-direction: column;
  }

  .res-baner-button {
    justify-content: center;
    margin-top: 2rem;
  }

  .es-button {
    width: 219px;
  }

  /* about us main page*/
  .res-about-us-margin-top {
    margin-top: 10rem;
    margin-bottom: 15rem;
  }

  .about-us-back {
    height: inherit !important;
  }

  .about-us-wrapper {
    flex-direction: column;
  }

  .res-about-us-img-back {
    margin-top: -8rem;
  }

  .about-us-img-back {
    width: 345px;
    height: 536px;
  }

  .background-theme {
    height: 920px;
  }

  .about-us-social {
    padding-top: 7rem;
  }

  .pre-line {
    line-height: 29px;
  }

  .about-us-text {
    height: 395px;
    gap: unset !important;
    padding-top: 2rem !important;
  }

  /* baner 2 */
  .baner-container {
    flex-direction: column;
    gap: 6rem !important;
  }

  .res-margin-bottom {
    margin-bottom: 6rem;
  }

  /* blog */
  .res-blog-container {
    padding-right: unset !important;
    padding-left: unset !important;
  }

  .res-blog-container .blog-container {
    width: 100% !important;
  }

  .blog-wrapper {
    width: 100%;
  }

  .blog-card-flag-r {
    right: -2px;
  }

  .blog-card-flag-l {
    left: -2px;
  }

  /* footer */
  .footer-container {
    width: 98%;
  }

  .footer-container .sp-font-normal {
    font-size: 14px !important;
    /* text-align: center; */

  }

  .footer-container {
    text-align: center;
  }

  .ym-col-4 {
    gap: 3rem;
    width: 100%;
    height: max-content !important;
  }

  .ym-col-4:nth-child(1) {
    order: 2;
  }

  .ym-col-4:nth-child(2) {
    order: 1;
  }

  .ym-col-4:nth-child(3) {
    order: 3;
  }

  .ym-col-4>ul {
    gap: 1rem;
  }

  .ym-col-4>ul>span {
    font-size: 16px !important;
  }

  .res-footer-wrapper {
    justify-content: center !important;
    gap: 3rem !important;
    display: grid !important;
  }

  .res-mt-footer {
    margin-top: 10rem !important;
  }

  .footer-top-img img {
    transform: rotate(270deg);
  }

  .footer-top-img {
    top: -15rem;
  }

  .logo-white {
    width: 147px;
    height: 161px;
  }

  .footer-logo-parent {
    width: 40%;
  }

  .social-link-wrapper {
    width: 50%;
  }

  /* ========== PRODUCT LIST PAGE ========== */
  .product-list-section {
    gap: 1rem !important;
  }

  .side-filters {
    position: fixed;
    padding: unset !important;
    right: -100%;
    top: -16px;
    z-index: 1000;
    border-radius: unset;
    width: 100%;
    max-height: 100vh;
    height: 100vh;

  }

  .sort-list {
 /*   position: fixed;
    padding: unset !important;
    left: -100%;
    top: 0;
    z-index: 100;
    border-radius: unset;
    width: 100%;
    height: 100vh;
    flex-direction: column; */
  }

  .sort-list ul {
    padding: 2rem;
    width: 100%;
    flex-direction: column;
  }

  .sort-list>span {
    text-align: center;
    width: 100%;
    padding-block: 1.5rem;
    font-size: 16px !important;
    border-bottom: 1px solid var(--stroke);
    margin-left: unset !important;
  }

  .sort-list ul .sort-option {
    width: 100%;
    text-align: center;
    min-height: 48px;
    font-size: 16px !important;
  }

  .side-filters-parent {
    padding-inline: 2rem;
    /* padding-bottom: 10rem; */
    height: 100vh;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .close-filter-icon {
    right: 10%;
    top: 35%;
  }

  .set-filter-button-parent {
    display: block;
    /* position: fixed; */
    bottom: 0;
    right: -100%;
  }

  .sort-button-parent {
    display: block;
    position: fixed;
    bottom: 0;
    left: -100%;
  }

  .set-filter-button {
    z-index: 10000;
    background-color: var(--primary-8);
    color: var(--white);
    border-radius: 2rem;
  }

  .side-filter-title {
    padding-block: 1.5rem;
    border-bottom: 1px solid var(--stroke);
    display: flex;
  }

  #close-filters {
    width: 24px;
    height: 24px;
  }

  /* ========== PRODUCT DETAIL PAGE ========== */
  .res-flex-column {
    flex-direction: column;
  }

  .res-flex-column-reverse {
    flex-direction: column-reverse;
  }

  .res-justify-center {
    justify-content: center;
  }

  .pd-price {
    margin-top: unset !important;
  }

  .write-comment-box {
    width: 66.66667% !important;
    max-width: 66.66667%;
  }

  /* =============== ABOUT US PAGE =============== */
  .about-us-page-gallery {
    margin-top: 700px;
  }

  .about-page-gallery-content {
    flex-direction: column;
    padding: 42px 42px 0 42px;
    gap: unset;
  }

  .about-text-container {
    right: calc((100% - 584px)/2);
  }

  /* ========= CONTACT US PAGE ========= */
  .contact-page-info-parent {
    height: max-content;
    padding-block: 2rem;
  }

  .contact-page-info-parent>div {
    gap: 3rem;
  }

  .map-card {
    width: 100%;
  }

  .map-side {
    width: 100%;
    height: 72px;
    align-items: end;
    justify-content: center;
  }

  .map-side img {
    width: 144px;
    height: 144px;
    justify-content: center;
  }

  .map-card iframe {
    height: 600px !important;
    width: 100%;
    border-radius: 32px;
  }

  /* ============= BLOG LIST PAGE ============= */
  .th-slide-item-img>div {
    border-radius: 32px;
    background-color: var(--white);
    padding-bottom: 1rem;
  }

  .blog-l-side {
    margin-top: -9rem;
    margin-inline-start: unset;
    transform: rotate(-90deg);
  }

  .th-slider-overlay {
    gap: 1rem;
  }

  .th-slider-overlay>div>p {
    text-align: center !important;
  }

  .blog-slider-btn {
    bottom: 45%;
  }

  .blog-list-section .blog-card-width {
    width: clamp(310px, 49%, 390px);
  }

  .blog-list-section .blog-card-flag-r {
    right: 1px;
  }

  .blog-list-section .blog-card-flag-l {
    left: 1px;
  }

  .blog-slide-img {
    border-radius: unset !important;
  }

  .blog-slide-img img {
    border-radius: unset !important;
  }

  /* ============= BLOG DETAIL PAGE ============= */
  .blog-detail-text-wrapper {
    width: 85% !important;
    max-width: 85% !important;
  }

  .slideshow-container .slick-next {
    display: none !important;
  }

  .slideshow-container .slick-prev {
    display: none !important;
  }

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

  .zr-txt-res-cnter {
    margin: auto;
  }

  .zr-cnter-res {
    margin: auto;
  }

  .your-class {
    /* width: 328px !important; */
  }

  .collection-bg:hover {
    /* all: unset; */
    /* pointer-events: none; */
  }

  .dropdown-btn {
    display: none;
  }

  .collection-bg:hover {
    border: none;
    width: 110px;
    height: 110px;
    border-width: 0;
    /* background-color: transparent; */
    box-shadow: none;
    border-color: transparent;
    transform: none;
  }

  .collection-bg {
    border: none;
    width: 110px;
    height: 110px;
  }

  .product-list>a {
    width: clamp(295px, 33.33%, 449px) !important;
  }

  .side-filters {
    max-height: none;
  }

  .zr-display-none2 {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    overflow: auto;
    flex-shrink: 1;
    min-height: 40px;
    scrollbar-width: none;
    padding-bottom: 48px;

  }

  .options {
    border-top: none;
  }

  .search-icon {
    width: 24px;
    height: 24px;
  }

  .sp-po-fix {
    margin: auto;
    flex-direction: column-reverse;
    position: unset !important;
    width: 100% !important;
  }
  .zr-select-box-img{
    flex-direction: row;
  }
  .zr-size-pd{
    padding-left: 0% !important;
    padding-right: 0% !important;

  }
  .zr-res-m-auto{
    margin: auto;
  }
  .pd-main-img{
    width: 440px !important ;
    height: 440px !important;
  }
  .zr-info-1{
    width: 100% !important;
  }
  .pd-thumbnails{
    height: 116px;
  }
  .zr-res-display-none{
    display: none !important;
  }
  .zr-d-gird{
    display: grid !important;
  }
  .zr-res-price-box{
    display: flex !important;
  }
}

@media(max-width: 960px) {
  .blog-list {
    width: 96%;
  }

  /* ========== PRODUCT LIST PAGE ========== */
  .product-list .background-div {
    margin-left: unset !important;
  }

  .product-list>a {
    /* width: 48% !important; */
    width: clamp(295px, 45%, 356px) !important;
  }

  .product-list {
    column-gap: 2rem;
    padding-inline: 3rem;
  }

  .product-list>a .flag-r {
    /* right: 12px !important; */
  }

  .product-list>a .flag-l {
    left: 12px !important;
  }

  /* .slideshow-container .slick-next{
  left: 36%;
}
  .slideshow-container .slick-prev{
  right: 36%;
}    */
}

@media(max-width: 800px) {
  .sp-font-small {
    font-size: 10px !important;
  }

  .search-icon {
    right: 5.5%;
  }

  footer .sp-font-small {
    font-size: 12px !important;
  }

  .collections ul {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    gap: 1rem;
  }

  .background-div {
    max-width: 300px;
    height: 432px;
  }

  /* .flag-r {
  right: 0px !important;
} */
  .flag-l {
    left: 0px !important;
  }

  .offer-cards {
    height: 595px !important;
  }

  .offer-main-img-parent {
    max-width: 344px;
  }

  .offer-main-img {
    min-height: 500px;
  }

  .baner-parent {
    width: 82%;
  }

  .product-slider a .flag-l {
    left: -4px !important;
  }

  .product-slider a

  /*.flag-r*/
  {
    right: -4px !important;
  }

  .about-us-social {
    padding-top: 9rem;
  }

  .background-theme {
    height: 950px;
  }

  .blog-card-bg {
    /* min-width: 248px  !important; */
    height: 498px;
  }

  .blog-date {
    margin-bottom: 3rem !important;
  }

  .blog-card-flag-r {
    right: -12px;
  }

  .blog-card-flag-l {
    left: -12px;
  }

  /* .footer-top-img {
  top: -37%;
} */
  .res-collection-wrapper>div {
    width: 96% !important;
    max-width: 96% !important;
  }

  .baner-r-side {
    right: calc((100% - 80%)*2);
  }

  .footer-logo-parent {
    width: 50%;
  }

  /* ========== PRODUCT LIST PAGE ========== */
  .product-list .background-div {
    margin-left: unset !important;
  }

  .product-list>a {
    /* width: 48% !important; */
  }

  .product-list {
    column-gap: 1.7rem;
    padding-inline: 1rem;
  }

  /* =============== ABOUT US PAGE =============== */
  .about-bottom-svg::after {
    height: 38px;
  }

  /* =============== BLOG LIST PAGE ============= */
  .blog-list-section>div {
    padding: 1rem !important;
  }

  .blog-list-section {
    padding: unset !important;
  }

  .blog-list-section .blog-card-width {
    width: clamp(310px, 49%, 360px);
  }

  .blog-list-section .blog-card-flag-l {
    left: 0px;
  }

  .blog-list-section .blog-card-flag-r {
    right: 0px;
  }

  /* ============= BLOG DETAIL PAGE ============= */
  .blog-detail-text-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  .blog-detail-section {
    padding: unset !important;
    margin-bottom: 2rem;
  }

  .blog-detail-section .blog-date {
    margin-bottom: 0 !important;
  }

  .blog-detail-wrapper {
    width: 100% !important;
    max-width: 100%;
    padding-inline: 1rem;
  }

}

@media(max-width: 720px) {
  .product-slider a .flag-r {
    right: 0px !important;
  }

  .product-slider a .flag-l {
    left: 0px !important;
  }

  .background-theme {
    height: 980px !important;
  }

  .about-us-social {
    padding-top: 11rem;
  }

  .blog-card-flag-r {
    right: -8px;
  }

  .blog-card-flag-l {
    left: -7.2px;
  }

  /* ========== PRODUCT LIST PAGE ========== */
  .product-list .background-div {
    margin-left: unset !important;
  }

  .product-list>a {
    /* width: 48.7% !important; */
    margin: auto;
  }

  .product-list {
    column-gap: 1rem;
    padding-inline: 0rem;
  }

  .product-list>a .flag-r {
    /* right: 3px !important; */
  }

  .product-list>a .flag-l {
    left: 3px !important;
  }

  /* ========== product detail page ========== */
  .write-comment-box {
    width: 90% !important;
    max-width: 90%;
  }

  .pd-thumbnails {
    flex-direction: row;
  }

  .pd-img-container {
    flex-direction: column-reverse;
  }

  .pd-main-img {
    width: 100%;
    height: 590px;
  }

  .pd-selected-option-text {
    display: none;
  }

  .mobile-selected-opt,
  .mobile-pd-btn {
    display: inline-block;
  }

  .mobile-selected-opt {
    border: 1px solid #000;
    width: 60% !important;
    color: var(--primary-8);
    min-height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
  }

  .mobile-selected-opt .pd-color {
    border-color: var(--primary-8);
  }

  .mobile-pd-options {
    position: fixed;
    height: max-content;
    width: 100%;
    background-color: var(--white);
    bottom: 0;
    right: 0;
    display: none;
    justify-content: center;
    flex-direction: column;
    border-radius: 32px 32px 0 0;
    padding: 32px;
    z-index: 10;
  }

  .options-weight {
    display: inline;
  }

  .mobile-pd-options ul {
    max-height: 300px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex-direction: column;
  }

  .mobile-pd-btn {
    border: 1px solid var(--stroke);
  }

  .pd-size {
    width: 100%;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 32px !important;
  }

  .dropbtn {
    display: none !important;
  }

  /* =============== ABOUT US PAGE =============== */
  .about-text-container {
    width: 460px;
    top: 60%;
    right: calc((100% - 460px)/2);
  }

  .logo-parent {
    width: 123px;
    height: 130px;
  }

  .about-page-gallery-content {
    padding: 42px 16px 0 16px;
  }

  .res-align-center {
    text-align: center;
  }

  .about-page-gallery {
    width: 100%;
  }

  .about-bottom-svg::after {
    border-radius: 0;
  }

  /* =============== BLOG LIST PAGE ============= */
  .blog-list-section .blog-card-width {
    width: clamp(270px, 49%, 322px);
  }

  .blog-list-section .blog-card-flag-l {
    left: -8px;
  }

  .blog-list-section .blog-card-flag-r {
    right: -8px;
  }

  .blog-slider-section {
    padding: unset !important;
  }

  /* .slideshow-container .slick-next{
  left: 30%;
}
  .slideshow-container .slick-prev{
  right: 30%;
}    */
}

@media(max-width: 500px) {
  .search-icon {
    width: 18px;
    height: 18px;
    right: 9.5%;
  }

  .baner-height {
    height: 262px;
  }

  .baner-height img {
    height: 100%;
  }

  .baner-r-side {
    right: calc((100% - 82%)*2);
    top: -55%;
  }

  .background-theme {
    height: 1000px !important;
  }

  .about-us-social {
    width: 100%;
    padding-top: 12rem;
  }

  .about-us-wrapper {
    width: 100%;
  }

  .about-us-wrapper>div {
    padding-right: unset !important;
    padding-left: unset !important;
  }

  .pre-line {
    padding: 0 1rem;
    line-height: 29px;
  }

  .social-link-parent-svg {
    display: none;
  }

  .about-us-social-back {
    height: 80px;
  }

  /* .footer-top-img {
  top: -34.5%;
} */
  .footer-logo-parent {
    width: 90%;
  }

  .collection-bg {
    width: 110px;
    height: 110px;
  }

  .email-parent {
    flex-direction: column !important;
  }

  .email-input {
    width: 100% !important;
  }

  .social-link-wrapper {
    width: 90%;
  }

  /* ========== PRODUCT LIST PAGE ========== */
  .product-list {
    justify-content: center;
    column-gap: 1rem;
  }

  .product-list>a .flag-r {
    /* right: -8px !important; */
    height: 29px;
    transform: rotate(5deg);
  }

  .product-list>a .flag-l {
    left: -8px !important;
    height: 29px;
    transform: rotate(-5deg);
  }

  .product-list>a {
    /* width: 48.1% !important; */
    width: clamp(168px, 45%, 295px) !important;
  }

  .product-list>a .background-div {
    max-width: 300px;
    height: 280px;
  }

  .product-list-section {
    padding: 1rem !important;
    gap: 1rem !important;
  }

  /* =========== PRODUCT DETAIL PAGE ============= */
  .pd-bg-img,
  .comments {
    padding-left: unset !important;
    padding-right: unset !important;
  }

  .pd-info-wrapper {
    padding-left: unset !important;
    padding-right: unset !important;
    padding: .5rem !important;
  }

  .write-comment-box {
    width: 95%;
    min-width: 95%;
  }

  .product-slider-wrapper,
  .pd-bg-img>div {
    padding: .5rem !important;
  }

  .pd-main-img {
    height: 480px;
  }

  .comment-form {
    flex-direction: column;
  }

  /* =============== ABOUT US PAGE =============== */
  .gallery-contain {
    width: 400px !important;
  }

  .gallery {
    height: 480px !important;
  }

  .gallery .slick-list li {
    height: 480px !important;
    width: 400px !important;
  }

  .about-text-container p {
    margin-top: -2rem;
  }

  .about-us-page-gallery {
    margin-top: 630px;
  }

  /* ========= CONTACT US PAGE ========= */
  .contact-us-page-container {
    padding-inline: unset;
  }

  .social-media-parent {
    width: 212px;
    height: max-content;
    padding: 4rem 1rem;
    flex-wrap: wrap;
    gap: 4rem;
    border-radius: 180px;
  }

  .social-media-parent-div>span {
    margin-bottom: -12px;
    margin-top: -12px;
    transform: rotate(-90deg);
  }

  .social-media-parent>li {
    min-width: 30%;
    list-style: none;
  }

  .res-hide-svg {
    display: none;
  }

  /* ============= BLOG LIST PAGE ============= */
  .blog-list {
    justify-content: center;
  }

  .blog-list-section .blog-card-width {
    width: clamp(270px, 98%, 327px);
  }

}

@media(max-width: 690px) {
  .product-list>a {
    width: clamp(168px, 45%, 295px) !important;
  }

  .background-div {
    height: 390px;
  }
}

@media(max-width: 430px) {
  .search-icon {
    right: 10.5%;
  }

  .offer-cards-parent li {
    max-width: 329px;
  }

  .baner-parent {
    width: 93%;
  }

  .baner-r-side {
    right: calc((100% - 83%)*2);
  }

  .background-div {
    max-width: 329px;
  }

  .product-slider a .flag-r {
    right: 6px !important;
  }

  .product-slider a .flag-l {
    left: 6px !important;
  }

  .background-theme {
    height: 1055px !important;
  }

  .about-us-social {
    padding-top: 15.5rem;
  }

  .footer-logo-parent {
    width: 100%;
  }

  /* .footer-top-img {
  top: -33.6%;
} */
  .social-link-wrapper {
    width: 100%;
  }

  .pd-main-img {
    height: 400px;
  }

  /* ========== PRODUCT LIST PAGE ========== */
  .product-list>a .background-div {
    /* height: 380px; */
  }

  .product-list>a .flag-r {
    right: -9px !important;
  }

  .product-list>a .flag-l {
    left: -9px !important;
  }

  .product-list>a {
    width: 47.8% !important;
  }

  /* =============== ABOUT US PAGE =============== */
  .about-text-container {
    width: 380px;
    right: calc((100% - 380px) / 2);
  }

  .about-us-page-gallery {
    margin-top: 780px;
  }

  /* =============== ABOUT US PAGE =============== */
  .contact-page-info-parent>div {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .flex-parent>li {
    width: 100% !important;
    max-width: 100% !important;
  }

  .contact-us-tell {
    padding-left: 1rem;
    width: 100%;
  }

  .contact-us-tell>span:nth-child(2),
  .contact-us-tell>span:nth-child(3) {
    text-align: end;
  }

  /* .slideshow-container .slick-next{
  left: 27%;
}
  .slideshow-container .slick-prev{
  right: 27%;
}    */
}

@media(max-width: 380px) {

  /* ========== PRODUCT LIST PAGE ========== */
  .product-list>a .background-div {
    height: 330px;
  }

  .product-list>a .flag-r {
    right: -11px !important;
  }

  .product-list>a .flag-l {
    left: -11px !important;
  }

  .product-list>a {
    width: 47.5% !important;
  }

  /* =========================== */
  .about-us-social {
    padding-top: 18.5rem;
  }

  .background-theme {
    height: 1100px !important;
  }

  .pd-main-img {
    height: 350px;
  }

  .about-text-container {
    width: 350px;
    right: calc((100% - 350px) / 2);
  }

}