.single-product {
  .row {
    .container {
      .innerrow {
        background-color: #fff;
        padding: 0.8rem;
        border-radius: 4px;
        display: flex;
        .left {
          padding: 0.4rem;
          flex-basis: 30%;
          .mainImage {
            width: 35rem;
            height: 35rem;
            margin: 0 auto;
          }
          .subimages {
            .sub {
              padding: 0.2rem;
              height: 10rem;
              width: 9rem;
              margin: 0.1rem;
              cursor: pointer;
            }
          }
        }
        .right {
          padding: 0.4rem;
          padding-left: 1rem;
          flex-basis: 68%;
          h2 {
            font-size: 2.4rem;
            font-weight: 700;
            text-align: left;
            color: #2b2f4c;
            margin-bottom: 1.65rem;
            text-transform: capitalize;
          }
          .no-stock {
            display: block;
            p {
              display: inline-block;
              margin-right: 30px;
              font-size: 14px;
              font-weight: 500;
              color: #2b2f4c;
              line-height: 1.4285em;
              span {
                margin-left: 0.52rem;
                color: #8f91ac;
              }
            }
          }
          .pp-descp {
            line-height: 2.6rem;
            margin-top: 2.5rem;
            margin-bottom: 30px;
            color: #3e3f5e;
            font-weight: 400;
            font-size: 1.4rem;
            text-align: left;
          }
          .product-group-dt {
            background: #f9f9f9;
            padding: 20px;
            border-radius: 5px;
            ul {
              list-style: none;
              li {
                display: inline-block;
                margin-right: 20px;
                vertical-align: middle;
                &:last-child {
                  margin-right: 0;
                }
                .main-price {
                  font-size: 18px;
                  font-weight: 500;
                  text-align: left;
                  color: #2b2f4c;
                  span {
                    margin-left: 10px;
                    color: #8f91ac;
                  }
                }
                .color-discount {
                  color: #7c72ff;
                  &::after {
                    content: "-";
                    margin-left: 20px;
                    color: #2b2f4c;
                  }
                }
                .mrp-price {
                  text-decoration: line-through;
                  font-weight: 500;
                }
                .main-price {
                  font-size: 18px;
                  font-weight: 500;
                  text-align: left;
                  color: #2b2f4c;
                  span {
                    margin-left: 10px;
                    color: #8f91ac;
                  }
                }
              }
            }
            .gty-wish-share {
              margin-top: 22px;
              li {
                display: inline-block;
                margin-right: 10px;
                .buttons_added {
                  text-align: left;
                  position: relative;
                  white-space: nowrap;
                  vertical-align: top;
                  .minus-btn,
                  .plus-btn {
                    border-top-left-radius: 3px;
                    border-bottom-left-radius: 3px;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                  }
                  .plus,
                  .minus {
                    padding: 6px 10px 5px;
                    height: 30px;
                    background-color: #2b2f4c;
                    border: 0;
                    color: #fff;
                    cursor: pointer;
                    border-radius: 3px;
                    width: 30px;
                  }
                  input {
                    display: inline-block;
                    margin: 0;
                    vertical-align: top;
                    box-shadow: none;
                  }
                  .qty {
                    width: 35px;
                    height: 30px;
                    padding: 0 5px;
                    text-align: center;
                    background-color: transparent;
                    border: 0;
                    margin-left: -4px;
                    margin-right: -4px;
                    background: #fff;
                    font-size: 12px;
                    font-weight: 500;
                  }
                }
                i {
                  background: rgba(246, 151, 51, 0.2);
                  color: #f69733;
                  height: 35px;
                  width: 35px;
                  display: inline-block;
                  padding: 10px;
                  border-radius: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  margin-left: 2rem;
                }
              }
            }
            .ordr-crt-share {
              margin-top: 22px;
              list-style: none;
              li {
                display: inline-block;
                .order-btn {
                  background: 0 0;
                  border: 1px solid $main;
                  color: $main;
                  height: 40px;
                  padding: 0 20px;
                  font-family: roboto, sans-serif;
                  font-weight: 500;
                  border-radius: 5px;
                  &:hover {
                    background-color: $main;
                    color: #fff;
                  }
                }
              }
            }
          }
        }
      }
      .secondrow {
        padding-top: 4rem;
        .innerrow {
          display: flex;
          padding: 0;
          justify-content: space-between;
          background-color: transparent;
          .alldesc {
            flex-basis: 100%;
            .container {
              background-color: #fff;
              border-radius: 4px;
              background: #fff;
              box-shadow: 0 1px 2px 0 #e9e9e9;
              .heading {
                h4 {
                  border-bottom: none;
                  padding: 15px 20px;
                  font-size: 16px;
                  font-weight: 600;
                  color: #2b2f4c;
                  text-transform: capitalize;
                }
              }
              .desc-body {
                height: 451px;
                overflow-y: auto;
                &::-webkit-scrollbar {
                  width: 8px;
                }
                .pdct-dts-1 {
                  padding: 0 30px 30px;
                  .pdct-dt-step {
                    h4 {
                      margin-top: 27px !important;
                      font-size: 16px;
                      font-weight: 500;
                      margin-bottom: 12px;
                      text-align: left;
                    }
                    .product_attr {
                      font-size: 14px;
                      font-weight: 400;
                      color: #3e3f5e;
                      line-height: 26px;
                      text-align: left;
                    }
                  }
                  p {
                    font-size: 14px;
                    font-weight: 400;
                    color: #3e3f5e;
                    line-height: 26px;
                    text-align: left;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
@media only screen and (max-width: 880px) {
  .single-product .row .container .innerrow {
    flex-direction: column;
    .left,
    .right {
      flex-basis: 100%;
    }
    .left {
      .subimages {
        padding: 0 auto;
      }
    }
  }
  .single-product .row .container .secondrow .innerrow {
    .mlt {
      padding-right: 0;
    }
    .alldesc {
      padding-left: 0;
      margin-top: 4rem;
    }
  }
}
