/*tablet*/
@media (max-width: 1024px) {
}
/*tablet*/

/*mobile*/
@media (max-width: 768px) {
  /*header*/
  .elementor-widget-off-canvas {
    --e-off-canvas-animation-duration: 600ms !important;
  }

  .e-off-canvas__overlay {
    backdrop-filter: blur(2px);
  }

  .e-off-canvas__content {
    clip-path: polygon(
      20% 0%,
      100% 0,
      100% 0%,
      100% 80%,
      100% 100%,
      20% 100%,
      0% 100%,
      0% 10%
    );
  }
  /*header*/

  /*home*/
  .hero-container::after {
    content: "" !important;
  }

  .banner-section {
    clip-path: polygon(
      0 0,
      100% 0,
      100% 25%,
      100% 80%,
      100% 100%,
      0% 100%,
      0 75%,
      0% 20%
    ) !important;
  }

  .home-banner-col-left {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;
  }

  .home-offer-section-col-right-main::before {
    content: "";
    z-index: -1;
    width: 115%;
    position: absolute;
    right: 0;
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
  }

  .savari-col,
  .comunet-col {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
  }

  .savari-col.active,
  .comunet-col.active {
    max-height: 1000px; /* این مقدار رو زیاد بذار چون ارتفاع auto انیمیشن نمی‌گیره */
  }

  .elementor-button-icon {
    transition: transform 0.3s ease;
  }

  .elementor-button-icon.rotated {
    transform: rotate(180deg);
  }

  .home-offer-section-col-right-main::before {
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%) !important;
  }

  .offer-container-parrent::before {
    content: url("");
    z-index: -1;
    top: -40%;
    scale: 0.2 !important;
  }

  .product-title-carousel .elementor-heading-title {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    max-width: 100% !important;
  }

  .product-category-loop {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    display: block;
  }

  .price-discount {
    top: -345% !important;
    left: 65% !important;
    scale: 0.8;
  }

  .trust-container::after {
    content: "";
    background-image: url("") !important;
  }

  .home-popular-container::after {
    left: 20% !important;
    top: 0% !important;
    scale: 0.3;
  }

  .elementor-image-box-wrapper {
    display: flex;
    gap: 10px;
  }

  .offer-container-parrent::before {
    content: url("") !important;
  }

  /*home*/

  /*about*/
  .about-why-we-section::before {
    top: -50% !important;
    right: -70% !important;
    scale: 0.6 !important;
  }

  .about-why-we-section::after {
    left: -40% !important;
    top: -80% !important;
    scale: 0.7 !important;
  }

  .about-banner-section::before,
  .about-banner-section::after {
    scale: 0 !important;
  }
  /*about*/

  /*contact*/
  .contact-location-col .elementor-widget-container {
    margin-right: 0px;
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%) !important;
    scale: 1 !important;
    overflow: hidden;
  }

  .contact-location-col::before {
    width: 0% !important;
    height: 0% !important;
  }

  .contact-hero-col::before {
    width: 0px !important;
    height: 0% !important;
  }

  .contact-hero-col::after {
    width: 0px !important;
    height: 0% !important;
  }

  .contact-hero-container::before {
    width: 0px !important;
    height: 0% !important;
  }

  .contact-hero-container::after {
    width: 0% !important;
    height: 0% !important;
  }

  .contact-form-container::before {
    top: 50% !important;
    right: -44% !important;
    scale: 0.7 !important;
  }
  /*contact*/

  /*blog*/

  .blog-hero-col-right {
    clip-path: polygon(
      0 0,
      100% 0,
      100% 0%,
      100% 100%,
      0% 100%,
      0% 90%
    ) !important;
  }

  .blog-image-artchive {
    clip-path: polygon(
      0 0,
      80% 0,
      100% 27%,
      100% 100%,
      20% 100%,
      0% 73%
    ) !important;
  }

  .post-comment-element .comment-metadata::before {
    content: "" !important;
  }
  .post-comment-element .reply::before {
    content: "" !important;
  }

  /*blog*/

  /*search res*/

  .search-res-form .e-search-form {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .search-res-form .e-search-form .e-search-input-wrapper input {
    padding: 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
  }

  .search-res-form .e-search-form button {
    padding-right: 43% !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
  }
  .main-result-search-col {
    clip-path: polygon(
      0 0,
      0% 0,
      100% 0%,
      100% 100%,
      3% 100%,
      0% 100%
    ) !important;
  }

  /*search res*/

  /*shop*/

  .shop-sidebar {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
  }

  /*shop*/

  /*footer*/

  .footer-email-container {
    clip-path: polygon(
      20% 0%,
      95% 0,
      100% 27%,
      100% 80%,
      100% 100%,
      0% 100%,
      0 73%,
      0 0
    ) !important;
  }

  /*footer*/

  /*user panel sidebar*/

  .sidebar-container {
    clip-path: polygon(0 0, 90% 0, 100% 10%, 100% 100%, 10% 100%, 0% 90%);
  }

  .sidebar-item.active
    .elementor-widget-container
    .elementor-icon-box-wrapper::before {
    display: none;
  }

  .sidebar-item.active .elementor-widget-container .elementor-icon-box-wrapper {
    padding: 0 0px 0 0 !important;
  }

  .user-panel-order-counts-container {
    clip-path: polygon(0 0, 90% 0, 100% 15%, 100% 100%, 10% 100%, 0 85%);
  }

  .user-panel-order-tabs-container {
    clip-path: polygon(
      0 0,
      90% 0,
      100% 40px,
      100% 100%,
      35px 100%,
      0 calc(100% - 45px)
    );
  }

  /*user panel sidebar*/

  /*user panel orders*/

  .order-card-center {
    flex-direction: column !important;
    width: 100%;
  }

  .order-card-center span {
    display: flex;
    width: 100%;
    padding: 3px 0;
    justify-content: space-between !important;
  }

  .order-card-status span {
    font-size: 13px;
  }

  .order-card-status img {
    width: 15px;
    margin-left: -3px;
  }

  .product-thumbnails .thumb img {
    width: 60px !important;
  }

  .order-card-bottom {
    width: 100%;
    margin-top: -20px;
  }

  .product-thumbnails .thumb {
    margin-right: -40px;
  }

  .order-card {
    clip-path: polygon(0 0, 90% 0, 100% 13%, 100% 100%, 10% 100%, 0% 87%);
    padding: 20px 15px 10px 15px !important;
  }

  .row-data {
    flex-direction: column;
  }

  .row-data div {
    width: 100% !important;
  }

  .order-customer-title {
    font-size: 12px;
  }

  .order-customer,
  .order-payment {
    padding: 20px 20px 15px 20px;
    clip-path: polygon(0 0, 90% 0, 100% 8%, 100% 100%, 10% 100%, 0%92%);
  }

  .order-payment-title {
    font-size: 13px !important;
  }

  .order-payment p {
    font-size: 11px !important;
  }

  .order-payment-status {
    clip-path: polygon(0 0, 95% 0, 100% 30%, 100% 100%, 5% 100%, 0 70%);
  }

  .product-name {
    font-size: 15px !important;
    margin-right: 10px;
  }

  .custom-order-modal .cart-thumb a img {
    width: 100px;
  }

  .cart-thumb {
    width: 20%;
  }

  .cart-info {
    width: 75%;
  }

  .cart-price-qty {
    width: 100% !important;
    margin-top: -10px;
  }

  .cart-item-row {
    flex-wrap: wrap;
    gap: 0 !important;
  }

  .custom-order-modal .cart-item-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    clip-path: none !important;
  }

  .custom-cart .cart-thumb a img,
  .custom-order-modal .cart-thumb a img {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }

  /*user panel orders*/

  /*cart*/

  .payment-icon-box-2 .elementor-icon-box-content {
    display: flex;
    justify-content: center;
  }

  .payment-icon-box-2 .elementor-icon-box-title {
    white-space: nowrap;
  }

  .payment-icon-box-1 .elementor-icon-box-icon {
    padding-bottom: 4px !important;
  }

  .payment-icon-box-3 .elementor-icon-box-icon {
    padding-bottom: 4px !important;
  }

  .payment-icon-box-2 .elementor-icon-box-icon {
    padding-bottom: 5px;
    margin-bottom: 10px !important;
  }

  /*cart*/
}
/*mobile*/
/*tablet*/
@media (max-width: 1024px) {
}
/*tablet*/

/*mobile*/
@media (max-width: 768px) {
  /*header*/
  .elementor-widget-off-canvas {
    --e-off-canvas-animation-duration: 600ms !important;
  }

  .e-off-canvas__overlay {
    backdrop-filter: blur(2px);
  }

  .e-off-canvas__content {
    clip-path: polygon(
      20% 0%,
      100% 0,
      100% 0%,
      100% 80%,
      100% 100%,
      20% 100%,
      0% 100%,
      0% 10%
    );
  }
  /*header*/

  /*home*/
  .hero-container::after {
    content: "" !important;
  }

  .banner-section {
    clip-path: polygon(
      0 0,
      100% 0,
      100% 25%,
      100% 80%,
      100% 100%,
      0% 100%,
      0 75%,
      0% 20%
    ) !important;
  }

  .home-banner-col-left {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;
  }

  .home-offer-section-col-right-main::before {
    content: "";
    z-index: -1;
    width: 115%;
    position: absolute;
    right: 0;
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
  }

  .savari-col,
  .comunet-col {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
  }

  .savari-col.active,
  .comunet-col.active {
    max-height: 1000px; /* این مقدار رو زیاد بذار چون ارتفاع auto انیمیشن نمی‌گیره */
  }

  .elementor-button-icon {
    transition: transform 0.3s ease;
  }

  .elementor-button-icon.rotated {
    transform: rotate(180deg);
  }

  .home-offer-section-col-right-main::before {
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%) !important;
  }

  .offer-container-parrent::before {
    content: url("");
    z-index: -1;
    top: -40%;
    scale: 0.2 !important;
  }

  .product-title-carousel .elementor-heading-title {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    max-width: 100% !important;
  }

  .product-category-loop {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    display: block;
  }

  .price-discount {
    top: -345% !important;
    left: 65% !important;
    scale: 0.8;
  }

  .trust-container::after {
    content: "";
    background-image: url("") !important;
  }

  .home-popular-container::after {
    left: 20% !important;
    top: 0% !important;
    scale: 0.3;
  }

  .elementor-image-box-wrapper {
    display: flex;
    gap: 10px;
  }

  .offer-container-parrent::before {
    content: url("") !important;
  }

  /*home*/

  /*about*/
  .about-why-we-section::before {
    top: -50% !important;
    right: -70% !important;
    scale: 0.6 !important;
  }

  .about-why-we-section::after {
    left: -40% !important;
    top: -80% !important;
    scale: 0.7 !important;
  }

  .about-banner-section::before,
  .about-banner-section::after {
    scale: 0 !important;
  }
  /*about*/

  /*contact*/
  .contact-location-col .elementor-widget-container {
    margin-right: 0px;
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%) !important;
    scale: 1 !important;
    overflow: hidden;
  }

  .contact-location-col::before {
    width: 0% !important;
    height: 0% !important;
  }

  .contact-hero-col::before {
    width: 0px !important;
    height: 0% !important;
  }

  .contact-hero-col::after {
    width: 0px !important;
    height: 0% !important;
  }

  .contact-hero-container::before {
    width: 0px !important;
    height: 0% !important;
  }

  .contact-hero-container::after {
    width: 0% !important;
    height: 0% !important;
  }

  .contact-form-container::before {
    top: 50% !important;
    right: -44% !important;
    scale: 0.7 !important;
  }
  /*contact*/

  /*blog*/

  .blog-hero-col-right {
    clip-path: polygon(
      0 0,
      100% 0,
      100% 0%,
      100% 100%,
      0% 100%,
      0% 90%
    ) !important;
  }

  .blog-image-artchive {
    clip-path: polygon(
      0 0,
      80% 0,
      100% 27%,
      100% 100%,
      20% 100%,
      0% 73%
    ) !important;
  }

  .post-comment-element .comment-metadata::before {
    content: "" !important;
  }
  .post-comment-element .reply::before {
    content: "" !important;
  }

  /*blog*/

  /*search res*/

  .search-res-form .e-search-form {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .search-res-form .e-search-form .e-search-input-wrapper input {
    padding: 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
  }

  .search-res-form .e-search-form button {
    padding-right: 43% !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
  }
  .main-result-search-col {
    clip-path: polygon(
      0 0,
      0% 0,
      100% 0%,
      100% 100%,
      3% 100%,
      0% 100%
    ) !important;
  }

  /*search res*/

  /*shop*/

  .shop-sidebar {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%) !important;
  }

  /*shop*/

  /*footer*/

  .footer-email-container {
    clip-path: polygon(
      20% 0%,
      95% 0,
      100% 27%,
      100% 80%,
      100% 100%,
      0% 100%,
      0 73%,
      0 0
    ) !important;
  }

  /*footer*/

  /*user panel sidebar*/

  .sidebar-container {
    clip-path: polygon(0 0, 90% 0, 100% 10%, 100% 100%, 10% 100%, 0% 90%);
  }

  .sidebar-item.active
    .elementor-widget-container
    .elementor-icon-box-wrapper::before {
    display: none;
  }

  .sidebar-item.active .elementor-widget-container .elementor-icon-box-wrapper {
    padding: 0 0px 0 0 !important;
  }

  .user-panel-order-counts-container {
    clip-path: polygon(0 0, 90% 0, 100% 15%, 100% 100%, 10% 100%, 0 85%);
  }

  .user-panel-order-tabs-container {
    clip-path: polygon(
      0 0,
      90% 0,
      100% 40px,
      100% 100%,
      35px 100%,
      0 calc(100% - 45px)
    );
  }

  /*user panel sidebar*/

  /*user panel orders*/

  .order-card-center {
    flex-direction: column !important;
    width: 100%;
  }

  .order-card-center span {
    display: flex;
    width: 100%;
    padding: 3px 0;
    justify-content: space-between !important;
  }

  .order-card-status span {
    font-size: 13px;
  }

  .order-card-status img {
    width: 15px;
    margin-left: -3px;
  }

  .product-thumbnails .thumb img {
    width: 60px !important;
  }

  .order-card-bottom {
    width: 100%;
    margin-top: -20px;
  }

  .product-thumbnails .thumb {
    margin-right: -40px;
  }

  .order-card {
    clip-path: polygon(0 0, 90% 0, 100% 13%, 100% 100%, 10% 100%, 0% 87%);
    padding: 20px 15px 10px 15px !important;
  }

  .row-data {
    flex-direction: column;
  }

  .row-data div {
    width: 100% !important;
  }

  .order-customer-title {
    font-size: 12px;
  }

  .order-customer,
  .order-payment {
    padding: 20px 20px 15px 20px;
    clip-path: polygon(0 0, 90% 0, 100% 8%, 100% 100%, 10% 100%, 0%92%);
  }

  .order-payment-title {
    font-size: 13px !important;
  }

  .order-payment p {
    font-size: 11px !important;
  }

  .order-payment-status {
    clip-path: polygon(0 0, 95% 0, 100% 30%, 100% 100%, 5% 100%, 0 70%);
  }

  .product-name {
    font-size: 15px !important;
    margin-right: 10px;
  }

  .custom-order-modal .cart-thumb a img {
    width: 100px;
  }

  .cart-thumb {
    width: 20%;
  }

  .cart-info {
    width: 75%;
  }

  .cart-price-qty {
    width: 100% !important;
    margin-top: -10px;
  }

  .cart-item-row {
    flex-wrap: wrap;
    gap: 0 !important;
  }

  .custom-order-modal .cart-item-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    clip-path: none !important;
  }

  .custom-cart .cart-thumb a img,
  .custom-order-modal .cart-thumb a img {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }

  /*user panel orders*/

  /*cart*/

  .payment-icon-box-2 .elementor-icon-box-content {
    display: flex;
    justify-content: center;
  }

  .payment-icon-box-2 .elementor-icon-box-title,
  .payment-icon-box-1 .elementor-icon-box-title {
    white-space: nowrap;
  }

  .payment-icon-box-1 .elementor-icon-box-icon {
    padding-bottom: 4px !important;
  }

  .payment-icon-box-3 .elementor-icon-box-icon {
    padding-bottom: 4px !important;
  }

  .payment-icon-box-2 .elementor-icon-box-icon {
    padding-bottom: 5px;
    margin-bottom: 10px !important;
  }

  .custom-cart {
    flex-direction: column;
  }
  .custom-cart .custom-cart-items {
    width: 100% !important;
  }
  .custom-cart .custom-cart-totals-summary {
    width: 100% !important;
  }
  .custom-cart .cart-info {
    gap: 0;
  }

  .custom-cart .cart-item-row {
    padding: 10px 0 10px 20px !important;
    clip-path: polygon(
      0 0,
      93% 0,
      100% 12%,
      100% 100%,
      7% 100%,
      0% 88%
    ) !important;
  }
  .custom-cart .custom-cart-totals-summary {
    clip-path: polygon(
      0 0,
      93% 0,
      100% 12%,
      100% 100%,
      7% 100%,
      0% 88%
    ) !important;
  }
  .custom-cart .proceed-checkout {
    clip-path: polygon(
      0 0,
      93% 0,
      100% 50%,
      100% 100%,
      7% 100%,
      0% 50%
    ) !important;
  }

  /*cart*/

  /*checkout*/

  .checkout-container .e-checkout__container .col-1,
  .checkout-container .e-checkout__column-inner .e-checkout__order_review {
    clip-path: none !important;
  }

  /*checkout*/
  
  /*add address popup*/
  
  .change-panel-info-col-left .add-address-form .elementor-shortcode{
    flex-direction: column !important
    }
    .add-address-form .elementor-shortcode form{
        width: 100%;
    }
    .change-panel-info-col-left {
      clip-path: none !important;
    }
    
    .product-comment-element .comment-text .star-rating {
        left: 0% !important;
        top: 42px !important;
        transform: translate(6%, 0);
    }
  
  /*add address popup*/
}
/*mobile*/