#product_detail {
  .product_breadcrumb_section {
    padding: 20px 0;

    .product_breadcrumb_ul {
      display: flex;
      @media(max-width: 1199px) {
        flex-wrap: wrap;
      }

      .product_breadcrumb_li {
        margin-right: 10px;

        .product_breadcrumb_link {
          color: $black-color;
          font-family: $main-font;
          font-size: 14px;
          line-height: 106.2%;
          font-weight: 400;
          position: relative;
          text-decoration: none;

          &:after {
            background: none repeat scroll 0 0 transparent;
            bottom: -2px;
            content: "";
            display: block;
            height: 1px;
            left: 50%;
            position: absolute;
            transition: width 0.3s ease 0s, left 0.3s ease 0s;
            width: 0;
          }

          &:hover {
            &:after {
              background: #000000;
              width: 100%;
              left: 0;
              bottom: -2px;
              content: "";
              display: block;
              height: 1px;
              position: absolute;
              transition: width 0.3s ease 0s, left 0.3s ease 0s;
            }
          }
        }
      }
    }
  }

  .product_details_section {
    display: flex;
    @media(max-width: 1199px) {
      flex-wrap: wrap;
    }

    .product_details_left_content_box {
      width: 43%;
      @media(max-width: 1199px) {
        width: 100%;
        margin-bottom: 22px;
      }

      .product_details_image_container {
        width: 295px;
        height: 406px;
        margin: 0 auto;
        @media(max-width: 1199px) {
          width: 232px;
          height: 320px;
        }

        .img {
          max-width: 100%;
          max-height: 100%;
        }
      }

      .product_details_left_static_p {
        display: flex;
        flex-direction: column;
        margin-bottom: 42px;
        @media(max-width: 1199px) {
          margin-bottom: 20px;
        }

        .product_details_left_people_count,
        .product_details_left_static_text {
          font-weight: 700;
          font-family: $main-font;
          color: $black-color;
          font-size: 20px;
          line-height: 19px;
          margin-top: 10px;
        }

        .product_details_left_static_text {
          font-size: 14px;
          line-height: 130%;
          font-weight: 400;
          margin-top: 5px;
        }
      }

      .product_details_left_content_box_link {
        position: relative;
        text-decoration: none;
        display: flex;
        align-items: center;
        width: fit-content;

        svg {
          margin-right: 13px;
        }

        .product_details_left_content_box_span {
          color: $black-color;
          font-family: $main-font;
          font-size: 14px;
          line-height: 13px;
          font-weight: 700;
          margin-left: 10px;
          transition: font-size 0.5s;
        }

        &:after {
          background: none repeat scroll 0 0 transparent;
          bottom: -10px;
          content: "";
          display: block;
          height: 1px;
          left: 50%;
          position: absolute;
          transition: width 0.3s ease 0s, left 0.3s ease 0s;
          width: 0;
        }

        &:hover {
          &:after {
            background: #000000;
            width: 100%;
            left: 0;
            bottom: -10px;
            content: "";
            display: block;
            height: 1px;
            position: absolute;
            transition: width 0.3s ease 0s, left 0.3s ease 0s;
          }

          .product_details_left_content_box_span {
            font-size: 16px;
          }
        }
      }
    }

    .product_details_right_content_box {
      width: 55%;
      @media(max-width: 1199px) {
        width: 100%;
      }

      .product_details_title {
        font-size: 30px;
        line-height: 112%;
        font-family: $main-font;
        color: $black-color;
        font-weight: 700;
        @media(max-width: 1199px) {
          font-size: 18px;
        }
      }

      .product_details_author {
        font-size: 24px;
        line-height: 23px;
        font-family: $main-font;
        color: #7C7C7C;
        font-weight: 400;
        margin-top: 20px;
        margin-bottom: 24px;
        @media(max-width: 1199px) {
          font-size: 18px;
          line-height: 17px;
          margin-top: 10px;
          margin-bottom: 20px;
        }
      }

      form {
        .product_details_div {
          .product_price {
            margin-bottom: 21px;

            .oe_price_h4 {
              .text-danger {
                color: #6A6A6A !important;
                margin-bottom: 2px;
                font-size: 30px;
                text-decoration: line-through;
                text-decoration-color: $yellow-color !important;

                .oe_currency_value {
                  color: #6A6A6A;
                  font-size: 30px;
                  font-family: $main-font;
                  font-weight: 400;
                  text-decoration: line-through;
                  text-decoration-color: $yellow-color;
                }
              }

              .oe_price {
                font-size: 36px;
                line-height: 34px;
                font-family: $main-font;
                color: $black-color;
                font-weight: 400 !important;
                @media(max-width: 1199px) {
                  font-size: 24px;
                  line-height: 23px;
                }
              }
            }
          }

          .o_website_rating_static {
            display: flex;
            align-items: center;
            font-size: 20px;
            line-height: 19px;
            font-family: $main-font;
            font-weight: 400;
            color: #7C7C7C;
            margin-bottom: 20px;

            .rating_number {
              margin-right: 22px;
            }

            i {
              margin-right: 4px;
            }

            .rating_count {
              margin-left: 13px;
            }
          }

          .product_short_description {
            color: $black-color;
            font-family: $main-font;
            font-size: 16px;
            line-height: 130%;
            font-weight: 400;
            overflow: hidden;
            text-overflow: ellipsis;
            height: 80px;
            margin-bottom: 20px;
            white-space: pre-wrap;
            @media(max-width: 1199px) {
              margin-bottom: 20px;
            }
          }

          .list-unstyled {
            display: none !important;
          }

          .product_details_select_section {
            margin-bottom: 21px;

            .product_details_select_container {
              position: relative;
              width: 190px;

              .product_details_select_overlay {
                display: none;
                position: fixed;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                z-index: 1;
              }

              .product_details_select_list {
                position: absolute;
                left: 0;
                top: 98%;
                border: 1px solid #E2E2E2;
                display: none;
                z-index: 5;
                width: 100%;


                .product_details_select_item_option {
                  border: none;
                  background-color: #FFFFFF;
                  font-family: $main-font;
                  font-weight: 400;
                  font-size: 14px;
                  line-height: 13px;
                  color: $black-color;
                  padding: 12px 5px;
                  width: 100%;
                  text-align: left;

                  &:not(:last-child) {
                    border-bottom: 1px solid #E2E2E2;
                  }

                  &:hover {
                    text-decoration: underline;
                  }
                }

                .option_active {
                  background-color: #FFD503;
                }
              }

              .product_details_select_static {
                display: flex;
                justify-content: space-between;
                align-items: center;
                border: 1px solid #E2E2E2;
                font-family: $main-font;
                font-weight: 400;
                font-size: 14px;
                line-height: 13px;
                color: $black-color;
                padding: 12px 5px;
                cursor: pointer;
              }

              .rotate90 {
                transition: transform 0.3s;
                transform: rotate(-90deg);
              }
            }

          }

          .css_quantity {
            margin-bottom: 21px;
            @media(max-width: 1199px) {
              display: flex;
              justify-content: center;
            }

            .input-group-prepend {
              margin-right: 0;
              display: flex;
              justify-content: center;
              align-items: center;

              .btn {
                border-radius: 0;
                height: 20px;
                width: 20px;
                border: 1px solid black;
                padding: 0;
                background-color: $white-color !important;
                @media(max-width: 1199px) {
                  display: block !important;
                  height: 30px;
                  width: 30px;
                }

                &:focus {
                  box-shadow: none;
                }

                .fa-minus {
                  &:before {
                    content: '\002D';
                    position: absolute;
                    top: -1px;
                    left: 7px;
                    color: #000000;
                    @media(max-width: 1199px) {
                      content: '';
                      background: url("/web_common/static/src/img/cart_minus.png") no-repeat center;
                      width: 20px;
                      height: 20px;
                      top: 3px;
                      left: 4px;
                    }
                  }
                }
              }
            }

            .form-control {
              border: none !important;
              font-size: 18px;
              line-height: 123.02%;
              font-family: $main-font;
              color: $black-color;
              max-width: 39px;
            }

            .input-group-append {
              margin-right: 0;
              display: flex;
              justify-content: center;
              align-items: center;

              .btn {
                border-radius: 0;
                height: 20px;
                width: 20px;
                border: 1px solid black;
                padding: 0;
                background-color: $white-color !important;
                @media(max-width: 1199px) {
                  display: block !important;
                  height: 30px;
                  width: 30px;
                }

                &:focus {
                  box-shadow: none;
                }


                .fa-plus {
                  &:before {
                    content: '\002B';
                    position: absolute;
                    top: 0;
                    left: 4px;
                    color: #000000;
                    @media(max-width: 1199px) {
                      content: '';
                      background: url("/web_common/static/src/img/cart_plus.png") no-repeat center;
                      width: 20px;
                      height: 20px;
                      top: 3px;
                    }
                  }
                }
              }
            }
          }

          #add_to_cart,
          #product_buy_click_btn {
            border: 1px solid $yellow-color;
            border-radius: 0;
            color: $black-color;
            font-family: $main-font;
            font-weight: 700;
            font-size: 16px;
            line-height: 106.2%;
            background-color: $yellow-color;
            padding: 21px 0;
            cursor: pointer;
            min-width: 230px;
            margin-right: 10px;
            margin-top: 0 !important;
            letter-spacing: 0.1em;
            @media(max-width: 575px) {
              max-width: 230px;
              margin-bottom: 10px;
            }
            @media(max-width: 576px) and (max-width: 991px) {

            }
            @media(max-width: 1199px) {
              margin: 0 auto;
            }

            .fa-shopping-cart {
              display: none;
            }

            &:focus,
            &:active {
              box-shadow: none;
            }
          }

          #add_to_cart {
            .add_to_cart_btn_hover_left {
              position: absolute;
              width: 0;
              height: 0;
              top: 0;
              left: 0;
              z-index: 9;
              transition: all 0.3s ease 0s;
            }

            .add_to_cart_btn_hover_right {
              position: absolute;
              width: 0;
              height: 0;
              bottom: 0;
              right: 0;
              z-index: 9;
              transition: all 0.3s ease 0s;
            }

            &:hover {
              position: relative;
              background-color: #ffffff;
              transition: background-color 0.3s linear;
              border: none;

              .add_to_cart_btn_hover_left {
                position: absolute;
                width: 100px;
                height: 60px;
                border-left: 1px solid #000000;
                border-top: 1px solid #000000;
              }

              .add_to_cart_btn_hover_right {
                position: absolute;
                width: 100px;
                height: 59px;
                border-right: 1px solid #000000;
                border-bottom: 1px solid #000000;
              }
            }
          }

          #product_buy_click_btn {
            background-color: $white-color;
            @media(max-width: 1199px) {
              display: flex;
              justify-content: center;
              margin-top: 10px !important;
            }
          }

          .product_buy_click_modal_container {
            display: none;

            .product_buy_click_modal_overlay {
              position: fixed;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              background: rgba(0, 0, 0, 0.4);
              z-index: 1030;
            }

            .product_buy_click_modal_form_container {
              position: fixed;
              top: 30vh;
              border: 1px solid $yellow-color;
              padding: 12px 20px 20px 20px;
              min-width: 300px;
              min-height: 255px;
              background-color: $white-color;
              z-index: 1031;
              @media(max-width: 1199px) {
                left: 50%;
                transform: translateX(-50%);
              }

              .product_buy_click_close_modal_btn {
                display: flex;
                justify-content: flex-end;
                width: 100%;
                border: none;
                background-color: transparent;
                cursor: pointer;
                position: relative;
                right: -10px;
                top: -1px;

                &:focus {
                  border: none;
                }
              }

              .product_buy_click_modal_title {
                font-size: 16px;
                line-height: 15px;
                color: $black-color;
                font-family: $main-font;
                font-weight: 400;
                text-align: center;
                margin-bottom: 30px;
                margin-top: 12px;
              }

              .product_buy_click_modal {
                display: flex;
                flex-direction: column;
                align-items: center;

                .product_buy_click_modal_input {
                  width: 100%;
                  border: 1px solid #C4C4C4 !important;
                  min-height: 30px;
                  padding: 3px;
                  margin-bottom: 10px;

                  &::placeholder {
                    font-size: 16px;
                    line-height: 15px;
                    font-family: $main-font;
                    font-weight: 400;
                    color: #C4C4C4;
                  }
                }
              }

              .product_buy_click_modal_btn {
                color: $white-color;
                font-family: $main-font;
                font-size: 16px;
                line-height: 106.2%;
                font-weight: 400;
                background-color: $black-color;
                border: none;
                width: 100%;
                cursor: pointer;
                padding: 17px;
                margin-top: 10px;
              }
            }
          }
        }
      }

      .product_details_share_container {
        display: flex;
        margin-top: 22px;
        @media(max-width: 1199px) {
          justify-content: center;
        }

        .product_details_share_btn {
          border: none;
          background-color: transparent;
          cursor: pointer;
          display: flex;
          align-items: center;
          color: #7C7C7C;
          font-family: $main-font;
          font-size: 14px;
          line-height: 106.2%;


          svg {
            margin-right: 8px;
          }

          &:focus,
          &:active {
            border: none;
          }

          &:hover {
            svg {
              transform: scale(1.2);
            }
          }
        }

        .product_details_share_links_list {
          margin-left: 10px;
          height: 24px;
          display: none;

          .product_details_share_links_item {
            display: inline-block;
            margin-right: 5px;
          }
        }
      }
    }
  }

  .product_main_details_section {
    .product_main_details_nav_list {
      margin-top: 42px;
      margin-bottom: 30px;
      display: flex;
      @media(max-width: 1199px) {
        margin-top: 24px;
        margin-bottom: 20px;
        justify-content: space-between;
      }

      .product_main_details_nav_item {
        @media(min-width: 1200px) {
          margin-right: 59px;
        }

        .product_main_details_nav_label {
          width: max-content;
          cursor: pointer;

          span {
            color: $black-color;
            font-family: $main-font;
            font-weight: 700;
            font-size: 24px;
            line-height: 23px;
            position: relative;
            top: 11px;
            background-color: transparent;
            @media(max-width: 1199px) {
              font-size: 16px;
              line-height: 15px;
            }
          }

          .nav_label_div {
            height: 10px;
            width: 100%;
          }
        }

        input[type="radio"] {
          display: none;
        }

        input[type="radio"]:checked + label {
          .nav_label_div {
            background-color: #FFD503;
          }
        }
      }
    }

    .product_main_details_content_container {
      .o_portal_chatter_composer_open_btn_container {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 10px;
        @media(max-width: 1199px) {
          justify-content: center;
          margin-bottom: 20px;
        }

        .o_portal_chatter_composer_open_btn {
          padding: 21px;
          display: flex;
          align-items: center;
          background-color: #ffffff;

          span {
            font-size: 16px;
            line-height: 106.2%;
            color: #000000;
            font-family: $main-font;
            font-weight: 400;
            margin-right: 14px;
          }
        }
      }

      #description {
        .product_main_details_description {
          font-size: 16px;
          color: $black-color;
          font-weight: 400;
          font-family: $main-font;
          margin-bottom: 20px;
          white-space: pre-wrap;
        }

        .product_main_details_attach_container {
          @media(min-width: 1200px) {
            margin-bottom: 24px;
          }

          .product_main_details_attach_item {
            .product_main_details_attach_link {
              font-size: 14px;
              line-height: 13px;
              color: $black-color;
              font-family: $main-font;
              font-weight: 700;
              margin-bottom: 10px;
              text-decoration: none;

              &:hover {
                text-decoration: underline;
              }
            }
          }
        }

        .product_main_details_from_author_container {
          .product_main_details_from_author_title {
            font-size: 20px;
            line-height: 19px;
            color: $black-color;
            font-family: $main-font;
            font-weight: 700;
            margin-bottom: 23px;
            position: relative;
            top: 43px;
            background-color: white;
            display: inline-block;
          }

          .product_main_details_author_comment {
            padding-top: 37px;
            border-top: 1px solid $black-color;
            font-size: 16px;
            line-height: 21px;
            color: $black-color;
            font-family: $main-font;
            font-weight: 400;
            margin-bottom: 40px;
            white-space: pre-wrap;
          }
        }
      }

      #characteristics {
        margin-bottom: 40px;

        #product_main_details_characteristics {
          white-space: pre-wrap;
          color: $black-color;
          font-family: $main-font;
          font-size: 16px;
          line-height: 25px;
          font-weight: 400;
        }
      }

      #reviews {
        #discussion {
          .o_portal_chatter {

            hr {
              display: none !important;
            }

            .o_portal_chatter_composer {
              display: none;

              .media {
                .portal_chatter_img_container_div {
                  width: 13%;
                  @media(max-width: 1199px) {
                    width: 25%;
                  }

                  .portal_chatter_img_container {
                    position: relative;
                    width: 100px;
                    height: 100px;
                    @media(max-width: 1199px) {
                      width: 50px;
                      height: 50px;
                    }

                    .img_wrap {
                      position: absolute;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      width: 100px;
                      height: 100px;
                      z-index: 1030;
                      background-color: #ffffff;
                      @media(max-width: 1199px) {
                        width: 50px;
                        height: 50px;
                      }

                      .o_portal_chatter_avatar {
                        width: 100%;
                        height: 100%;
                        margin: 0 auto;
                      }
                    }

                    .img_div {
                      right: -7px;
                      top: -7px;
                      position: absolute;
                      width: 100%;
                      height: 100%;
                      border: 1px solid black;
                      @media(max-width: 1199px) {
                        right: -4px;
                        top: -4px;
                      }
                    }
                  }
                }

                .media-body {
                  .o_portal_chatter_composer_form {

                    .mb32 {
                      textarea {
                        &:focus {
                          border: #CED4DA;
                          box-shadow: 0 0 0.2rem #cbd3d340;
                        }
                      }

                      .mt8 {
                        .o_portal_chatter_composer_btn {
                          border-radius: 0;
                          cursor: pointer;
                          background-color: $yellow-color;
                          color: $black-color;
                          font-family: $main-font;
                          font-weight: 400;
                          font-size: 16px;
                          line-height: 106.2%;
                          border: none;
                          padding: 16px 39px;
                          margin-right: 24px;
                          @media(max-width: 1199px) {
                            padding: 11px 24px;
                          }

                          &:focus,
                          &:active {
                            box-shadow: 0 0 0 0.2rem #ffd5036e;
                          }
                        }

                        .o_portal_chatter_attachment_btn {
                          background-color: transparent !important;
                          border: none;
                          background: url("/web_common/static/src/img/clip.png") no-repeat center;
                          width: 36px;
                          height: 38px;

                          .fa-paperclip {
                            display: none !important;
                          }

                          &:focus,
                          &:active {
                            box-shadow: 0 0 0 0.2rem #ffd5036e;
                          }
                        }
                      }
                    }
                  }
                }
              }
            }

            .o_portal_chatter_messages {
              .o_portal_chatter_messages {
                .o_portal_chatter_message {
                  margin-bottom: 15px;

                  .avatar_container {
                    width: 13%;
                    @media(max-width: 1199px) {
                      width: 25%;
                    }

                    .o_portal_chatter_puslished_date {
                      font-size: 18px;
                      line-height: 130%;
                      font-family: $main-font;
                      color: #7C7C7C;
                      font-weight: 400;
                      margin-bottom: 14px;
                      @media(max-width: 1199px) {
                        font-size: 14px;
                        margin-bottom: 12px;
                      }
                    }

                    .portal_chatter_img_container {
                      width: 100px;
                      height: 100px;
                      position: relative;
                      @media(max-width: 1199px) {
                        width: 50px;
                        height: 50px;
                      }

                      .portal_chatter_img_wrap {
                        position: absolute;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 100px;
                        height: 100px;
                        z-index: 1029;
                        background-color: #ffffff;
                        @media(max-width: 1199px) {
                          width: 50px;
                          height: 50px;
                        }

                        .o_portal_chatter_avatar {
                          width: 100%;
                          height: 100%;
                          margin: 0 auto;
                        }
                      }

                      .portal_chatter_img_div {
                        right: -7px;
                        top: -7px;
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        border: 1px solid black;
                      }
                    }
                  }

                  .media-body {
                    .o_portal_chatter_message_title {
                      .mb-1 {
                        font-size: 18px;
                        line-height: 130%;
                        font-family: $main-font;
                        color: #000000;
                        font-weight: 700;
                        margin-bottom: 8px;
                        @media(max-width: 1199px) {
                          font-size: 16px;
                        }
                      }
                    }

                    p {
                      font-family: $main-font !important;
                      font-size: 16px !important;
                      line-height: 20px;
                      color: #000000;
                      font-weight: 400;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .product_details_recommended_products_section {
    .details_recommended_products_title_container {
      @media(min-width: 1200px) {
        width: max-content;
        margin-bottom: 20px;
      }

      .details_recommended_products_title {
        @media(min-width: 1200px) {
          position: relative;
          top: 15px;
        }

        .title_text {
          font-size: 24px;
          line-height: 23px;
          font-family: $main-font;
          color: $black-color;
          font-weight: 700;
          @media(max-width: 1199px) {
            font-size: 16px;
            line-height: 112%;
            display: inline;
            box-shadow: inset 0 -0.3em #ffd503, inset 0 -0.2em #ffd503;
          }
        }
      }

      .details_recommended_products_title_background {
        @media(min-width: 1200px) {
          height: 10px;
          width: 100%;
          background-color: $yellow-color;
        }
      }
    }

    .details_recommended_products_list {
      .details_recommended_products_item {
        //width: 230px !important;

        &:not(first-child) {
          //margin-left: 59px;
        }

        .details_recommended_products_img_container {
          width: 144px;
          height: 198px;
          margin: 0 auto;
          display: flex;
          justify-content: center;
          align-items: center;

          .details_recommended_products_img {
            max-width: 100%;
            max-height: 100%;
          }
        }

        .details_recommended_products_author {
          margin-top: 10px;
          margin-bottom: 10px;
          color: $black-color;
          font-family: $main-font;
          font-size: 16px;
          line-height: 130%;
          font-weight: 400;
        }

        .details_recommended_products_name {
          font-size: 20px;
          line-height: 112%;
          color: $black-color;
          font-family: $main-font;
          font-weight: 700;
          overflow: hidden;
          text-overflow: ellipsis;
          height: 66px;
        }

        .product_price {
          margin-top: 10px !important;
          margin-bottom: 20px;

          .oe_price_h4 {
            .text-danger {
              display: none !important;
            }

            .oe_price {
              font-weight: 400 !important;

              .oe_currency_value {
                font-size: 24px;
                line-height: 23px;
                color: $black-color;
                font-weight: 400 !important;
                font-family: $main-font;
              }
            }
          }
        }

        .details_recommended_products_link {
          color: $white-color;
          font-family: $main-font;
          font-weight: 400;
          font-size: 16px;
          line-height: 106.2%;
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: $yellow-color;
          padding: 21px 0;
          width: 100%;
          text-decoration: none;
          letter-spacing: 0.1em;

          &:hover {
            background-color: #000000;
            color: #ffffff;
          }
        }
      }

      [aria-hidden="true"] {
        display: block !important;
      }
    }

    .details_recommended_products_btn_div {
      @media(max-width: 1199px) {
        position: relative;
        top: -263px;
        width: 100%;
        display: flex;
        justify-content: space-between;
      }
      @media(min-width: 1200px) {
        display: none;
      }

      .details_recommended_products_btn_next,
      .details_recommended_products_btn_prev {
        border: none;
        background-color: transparent;
      }
    }
  }

  .slick-list {
    @media(max-width: 1199px) {
      width: 230px;
      margin: 0 auto;
    }

    .details_recommended_products_item {
      //margin-left: 59px;
    }
  }

  @media (max-width: 767px) {
    .slick-slide {
      padding: 0 10px;
    }

    //.slick-list {
    //  margin: 0 -10px;
    //}
  }

  @media (min-width: 1200px) {
    .slick-slide {
      padding: 0 45px;
    }

    .slick-list {
      margin: 0 -45px;
    }
  }

  .product_details_recently_products_section {
    margin-top: 30px;
    margin-bottom: 40px;

    .product_details_recently_title_container {
      width: max-content;
      margin-bottom: 20px;

      .product_details_recently_title {
        font-size: 24px;
        line-height: 23px;
        font-weight: 700;
        color: $black-color;
        font-family: $main-font;
        position: relative;
        top: 10px;
        @media(max-width: 1199px) {
          font-size: 16px;
          line-height: 15px;
        }
      }

      .product_details_recently_title_background {
        height: 10px;
        width: 100%;
        background-color: $yellow-color;
      }
    }

    .product_details_recently_products_list {
      display: flex;

      .product_details_recently_products_item {
        max-width: 230px;
        margin-right: 20px;

        .product_details_recently_products_item_link {
          display: flex;
          flex-direction: column;
          text-decoration: none;

          .product_details_recently_products_item_img_div {
            width: 144px;
            height: 198px;
            margin-bottom: 10px;
            display: flex;
            justify-content: center;
            align-items: center;

            .product_details_recently_products_item_img {
              max-width: 100%;
              max-height: 100%;
            }
          }

          .product_details_recently_products_item_span {
            font-size: 16px;
            color: $black-color;
            font-family: $main-font;
            font-weight: 700;
            overflow: hidden;
            text-overflow: ellipsis;
            height: 68px;
            transition: box-shadow 0.5s;
          }

          &:hover {
            display: inline;
            box-shadow: inset 0 -0.3em #ffd503, inset 0 -0.2em #ffd503;
          }
        }
      }

      [aria-hidden="true"] {
        display: block !important;
      }
    }
  }

  .product_details_gallery_section {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 95px;
    @media(min-width: 1199px) {
      padding: 0 80px;
    }

    .product_details_gallery_div {
      width: 320px;
      height: 320px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 7px;
      @media(max-width: 991px) {
        width: 155px;
        height: 155px;
        margin: 5px;
      }
      @media(min-width: 991px) and (max-width: 1199px) {
        max-width: 320px;
        max-height: 320px;
      }


      .img {
        max-width: 100%;
        max-height: 100%;
        transition: 1s;

        &:hover {
          transform: scale(1.07);
        }
      }
    }
  }
}