.ourProduct_sec {
  .rockSecWrap {
    .asideNav {
      .asideInner {
        .eachAsideBlock {
          overflow: hidden;
          border-radius: 30px;
          box-shadow: 10px 14px 48px 18px #00000020;

          &:not(:last-child) {
            margin-bottom: 40px;
          }

          .asideBlockInner {
            .headBlock {
              border-radius: 30px 30px 0 0;

              .title {
                color: #fff;
                font-size: 20px;
                margin-bottom: 0;
                padding: 25px 20px;
              }
            }

            .botBlock {
              .radioContainer {
                ul {
                  li {
                    display: flex;
                    flex-wrap: wrap;
                    position: relative;
                    align-items: center;
                    padding: 20px 25px;
                    margin-bottom: 0 !important;

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

                    .checkcontainer {
                      display: flex;
                      margin-bottom: 0;
                      align-items: center;

                      .chkLabel {
                        top: 0px;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        width: 100%;
                        display: flex;
                        margin-top: 0;
                        position: relative;
                        align-items: center;
                        padding: 0 0 0 40px;

                        strong {
                          font-weight: 400;
                          color: #000000;
                          display: inline-block;
                        }

                        span {
                          font-size: 18px;
                          color: #919191;
                          margin-left: 10px;
                          display: inline-block;
                        }
                      }

                      input {
                        top: 20px;
                        left: 0;
                        opacity: 0;
                        width: 100%;
                        height: 28px;
                        cursor: pointer;
                        position: absolute;
                        background-color: #f00;
                      }
                    }

                    .checkmark {
                      top: 22px;
                      left: 25px;
                      width: 25px;
                      height: 25px;
                      border-radius: 50%;
                      position: absolute;
                      border: 1px solid #d2d2d2;

                      &:before {
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        width: 15px;
                        content: "";
                        height: 15px;
                        margin: auto;
                        position: absolute;
                        border-radius: 50%;
                        background-color: #d2d2d2;
                      }
                    }

                    input:checked~.checkmark {
                      border-color: #000000;

                      &:before {
                        background-color: #2196f3;
                      }
                    }
                  }
                }
              }

              .range_container {
                width: 100%;
                display: flex;
                max-width: 100%;
                padding: 30px 20px;
                flex-direction: column;

                .headingTitle {
                  font-size: 18px;
                  text-align: center;
                  margin-bottom: 20px;
                }

                .sliders_control {
                  position: relative;
                }

                .slider-tooltip {
                  position: absolute;
                  top: -3.5rem;
                  left: 0;
                  width: fit-content;
                  background-color: #00000040;
                  color: #0ea5e9;
                  font-size: 0.8rem;
                  border-radius: 4px;
                  padding: 0.5rem 1rem;
                  text-align: center;
                  translate: -50% 0;
                }

                .slider-tooltip::before {
                  content: "";
                  position: absolute;
                  bottom: -0.25rem;
                  left: 50%;
                  translate: -50% 0;
                  width: 0.5rem;
                  height: 0.5rem;
                  rotate: 45deg;
                  z-index: -1;
                  background-color: inherit;
                }

                input[type="range"]::-webkit-slider-thumb {
                  -webkit-appearance: none;
                  pointer-events: all;
                  width: 15px;
                  height: 15px;
                  background-color: #0ea5e9;
                  border-radius: 50%;
                  box-shadow: 0 0 0 1px #0ea5e9;
                  cursor: pointer;
                }

                input[type="range"]::-moz-range-thumb {
                  -webkit-appearance: none;
                  pointer-events: all;
                  width: 15px;
                  height: 15px;
                  background-color: #0ea5e9;
                  border-radius: 50%;
                  box-shadow: 0 0 0 1px #0ea5e9;
                  cursor: pointer;
                }

                input[type="range"]::-webkit-slider-thumb:hover {
                  background: #f7f7f7;
                }

                input[type="range"]::-webkit-slider-thumb:active {
                  box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
                  -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
                }

                input[type="range"] {
                  -webkit-appearance: none;
                  appearance: none;
                  height: 3px;
                  width: 100%;
                  position: absolute;
                  background-color: #0ea5e9;
                  pointer-events: none;
                }

                #fromSlider {
                  height: 0;
                  z-index: 1;
                }

                .scale {
                  display: flex;
                  justify-content: space-between;
                  margin-top: 2rem;
                  position: relative;
                  width: calc(100% - 15px);
                  margin-inline: auto;
                  font-size: 0.8rem;
                }

                .scale div {
                  position: absolute;
                  translate: -50% 0;
                }

                .scale div::before {
                  content: "";
                  position: absolute;
                  top: 0;
                  left: 50%;
                  translate: -50% -125%;
                  width: 1px;
                  height: 10px;
                  background-color: #666;
                }
              }

              .range_container_2 {}

              .checkContainer {
                ul {
                  li {
                    display: flex;
                    flex-wrap: wrap;
                    position: relative;
                    align-items: center;
                    padding: 20px 25px;
                    margin-bottom: 0 !important;

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

                    .checkcontainer {
                      display: block;
                      position: relative;
                      padding-left: 35px;
                      margin-bottom: 0;
                      cursor: pointer;
                      font-size: 17px;
                      -webkit-user-select: none;
                      -moz-user-select: none;
                      -ms-user-select: none;
                      user-select: none;

                      input {
                        position: absolute;
                        opacity: 0;
                        cursor: pointer;
                      }

                      .checkmark {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 25px;
                        width: 25px;
                        border: 2px solid #a2a2a2;
                        background-color: transparent;

                        &:after {
                          left: 7px;
                          top: 3px;
                          width: 7px;
                          height: 12px;
                          border: solid #a2a2a2;
                          border-width: 0 3px 3px 0;
                          -webkit-transform: rotate(45deg);
                          -ms-transform: rotate(45deg);
                          transform: rotate(45deg);
                          content: "";
                          position: absolute;
                        }
                      }

                      input:checked~.checkmark {
                        border-color: #008fff;
                      }

                      input:checked~.checkmark:after {
                        border-color: #008fff;
                      }
                    }

                    /* .checkcontainer{
                                            display: flex;
                                            margin-bottom: 0;
                                            align-items: center;
                                            .chkLabel{
                                                top: 0px;
                                                left: 0;
                                                right: 0;
                                                bottom: 0;
                                                width: 100%;
                                                display: flex;
                                                margin-top: 0;
                                                position: relative;
                                                align-items: center;
                                                padding: 0 0 0 40px;
                                                strong{
                                                    font-weight: 400;
                                                    color: #000000;
                                                    display: inline-block;
                                                }
                                                span{
                                                    font-size: 18px;
                                                    color: #919191;
                                                    margin-left: 10px;
                                                    display: inline-block;
                                                }
                                            }
                                            input{
                                                top: 20px;
                                                left: 0;
                                                width: 100%;
                                                height: 28px;
                                                cursor: pointer;
                                                position: absolute;
                                                background-color: #f00;
                                            }
                                        }
                                        .checkmark{
                                            top: 22px;
                                            left: 25px;
                                            width: 25px;
                                            height: 25px;
                                            position: absolute;
                                            border: 1px solid #D2D2D2;
                                            &:before{
                                                content: normal;
                                            }
                                            &:after {
                                                left: 9px;
                                                top: 5px;
                                                width: 5px;
                                                height: 10px;
                                                border: solid white;
                                                border-width: 0 3px 3px 0;
                                                -webkit-transform: rotate(45deg);
                                                -ms-transform: rotate(45deg);
                                                transform: rotate(45deg);
                                            }
                                        }
                                        .checkmark:after {
                                            display: none;
                                        }
                                        input:checked{
                                            border-color: #2196F3;
                                        }
                                        input:checked ~ .checkmark:after {
                                            display: block;
                                            border-color: #2196F3;
                                        } */
                  }
                }
              }
            }
          }
        }
      }
    }

    .rightMain {
      .mainInner {
        .productCardWrap {
          margin-bottom: 120px;

          .eachProductCard {
            padding-top: 0px !important;

            .cardInner {
              display: block;
              overflow: hidden;
              position: relative;

              .cardInnerWrap {}

              .cardWrapInnerHover {
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 2;
                overflow: hidden;
                transition: 0.6s;
                position: absolute;
                border-radius: 25px;
                transform: translateY(100%);
                background-color: #008fff;
                transform-origin: center bottom;

                .cardWrapInnerHoverInner {
                  padding: 30px;
                  text-align: center;

                  .figContTitle {
                    margin-bottom: 30px;
                  }

                  .figDetails {
                    .figDetailsInner {
                      margin-bottom: 30px;
                    }
                  }
                }
              }

              &:hover {
                .cardInnerWrap {
                  background-color: transparent;

                  .figureWrap {
                    .figure {
                      background-color: transparent;
                    }
                  }
                }

                .cardWrapInnerHover {
                  background-color: #008fff;
                  transform: translateY(0%);

                  .cardWrapInnerHoverInner {
                    .figContTitle {
                      color: #fff;
                      text-align: left;
                    }
                  }
                }
              }
            }
          }
        }

        .applicableWrap {
          border-radius: 25px;

          .applicableWrapInner {
            padding: 50px 50px;

            h3 {
              font-size: 30px;
              font-weight: 600;
              line-height: 25px;
              margin-bottom: 20px;
            }

            .appList {
              display: flex;
              align-items: center;

              li {
                margin-bottom: 0;

                &:not(:last-child) {
                  margin-right: 10px;
                }

                a {
                  font-size: 24px;
                  color: #ffffff;
                  line-height: 20px;
                  display: inline-block;
                }
              }
            }
          }
        }
      }
    }
  }
}

.finance_sec {
  padding: 80px 0px;
}

.details_sec {
  .leftDetailsWrap {
    .leftDetailsInner {
      .secHeadWrap {}

      .specificationWrap {
        .specificationInner {
          .resProdImgBox {
            display: none;
          }

          .topBox {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            margin-bottom: 40px;
            justify-content: space-between;
            border-bottom: 1px solid #ffffff60;
            gap: 12px;

            ul {
              display: flex;
              flex-wrap: wrap;
              align-items: center;
              justify-content: flex-end;

              li {
                margin-bottom: 0;
                position: relative;

                &:not(:first-child) {
                  margin-left: 15px;
                  padding-left: 15px;

                  &:before {
                    top: 0;
                    bottom: 0;
                    left: 0px;
                    width: 1px;
                    content: "";
                    position: absolute;
                    background-color: #ffffff60;
                  }
                }
              }
            }
          }

          .midBox {
            border-bottom: 1px solid #ffffff60;

            .midBoxInner {
              .midList {
                display: flex;
                flex-wrap: wrap;

                li {
                  margin-bottom: 40px;
                }
              }
            }
          }

          .bottomBox {
            margin-bottom: 30px;
            padding-bottom: 30px;
            border-bottom: 1px solid #ffffff60;

            .bottomBoxInner {
              .formWrap {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;

                .eachItem {
                  &:not(:last-child) {
                    margin-right: 20px;
                  }
                }

                label {
                  width: 150px;
                  font-size: 18px;
                  display: inline-block;
                }

                .inputBox {
                  &.selectBox {
                    width: 285px;
                    height: 50px;
                    border-radius: 50px;

                    select {
                      width: 100%;
                      height: 100%;
                      padding: 10px;
                      border-radius: 50px;
                      border: 1px solid #ffffff60;
                      background-color: transparent;
                      -webkit-appearance: none;
                      appearance: none;
                      -moz-appearance: none;

                      option {
                        color: #000 !important;
                      }
                    }

                    select {
                      background-image: url(../images/form-down-arrow.png);
                      background-position: 98%;
                      background-repeat: no-repeat;
                    }
                  }
                }

                .numBox {
                  width: 160px;
                  display: flex;
                  align-items: center;

                  .btn {
                    width: 50px;
                    height: 50px;
                    padding: 8px;
                    display: flex;
                    font-size: 30px;
                    align-items: center;
                    justify-content: center;
                  }

                  .inputBox {
                    width: 60px;
                    height: 50px;

                    input {
                      width: 100%;
                      height: 100%;
                      font-size: 20px;
                      text-align: center;
                      border-radius: 10px;
                      border: 1px solid #ffffff60;
                      background-color: transparent;
                    }
                  }
                }

                .submitBox {}
              }
            }
          }
        }
      }
    }
  }

  .rightDetailsWrap {
    .rightAboutInner {
      position: sticky;
      top: 60px;

      .prodRockSliderWrap {
        margin-bottom: 20px;

        .prodRockInner {
          /* height: 485px; */
          height: auto;
          overflow: hidden;
          border-radius: 20px;

          .eachProdRockBox {
            height: 100%;
            text-align: center;

            .swiper-slide {
              height: 100%;
              padding: 30px;
              background-color: #008FFF;

              img {
                width: 100%;
                display: inline-block;
                border-radius: 10px;
                /* background-color: #fff; */
              }
            }
          }

          .vdoPopBox {
            position: relative;

            iframe {
              display: block;
            }

            a {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              width: 100%;
              height: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              background-color: #0000004d;

              span {
                width: 90px;
                height: 90px;
                border-radius: 50%;
                background-color: #fff;
                display: flex;
                align-items: center;
                justify-content: center;

                i {
                  font-size: 26px;
                  color: #008fff !important;
                }
              }
            }
          }
        }
      }

      .prodRockNavWrap {
        .prodRockNavInner {
          margin-left: -10px;
          margin-right: -10px;

          .slick-slide{
            margin: 2px;
            border-radius: 5px;
            border: 1px solid #00000040;
          }
          .eachProdRockNav {
            width: 100px;
            

            figure {
              width: 100%;
              height: 90px;
              /* height: auto; */
              display: block;
              overflow: hidden;
              border-radius: 10px;
              background-color: #fff;
              padding: 10px;
              cursor: pointer;
              border-radius: 5px;
              /* border: 1px solid #00000040; */

              img {
                width: 100%;
                height: 100%;
                object-fit: contain;
              }
            }
          }

          .vdoPopBox {
            width: 100%;
            height: 92px;

            a {
              width: 100%;
              display: block;
              height: 100%;
              border-radius: 5px;
              background: #ccc;
              display: flex;
              align-items: center;
              justify-content: center;
              /* width: 88px;
              height: 90px; */
              padding: 10px;
              background-color: #cccccc;

              span {
                i {
                  color: #000 !important;
                }
              }
            }
          }
        }
      }
    }
  }
}

.productOverview_sec {
  .productOverviewWrap {
    .productOverviewWrapInner {
      .asideWrap {
        .asideInner {
          position: sticky;
          top: 60px;

          .tabList {
            padding: 30px 0;
            border-radius: 20px;
            background-color: #fff;
            box-shadow: 0px 6px 49px 2px #00000020;

            li {
              cursor: pointer;
              margin-bottom: 0;

              span {
                display: block;
                font-size: 18px;
                color: #5c5c5c;
                font-weight: 600;
                transition: 0.6s;
                padding: 20px 20px;
              }

              &:hover,
              &.active {
                span {
                  color: #008fff;
                }
              }

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

      .mainWrap {
        .tabContWrap {
          .tab_content {
            display: none;

            .headingWrap {
              .secSmallH {
                line-height: 1;
                margin-bottom: 20px;
              }
            }

            &.active {
              display: block;
            }

            .accTrigger {
              display: none;
            }

            .accInner {
              .topBlock {
                .h3Title {
                  font-size: 35px;
                  margin-bottom: 20px;
                }
              }

              .tableWrap {
                width: 100%;
                overflow-x: auto;

                table {
                  width: 100%;
                  overflow: hidden;
                  border-radius: 20px;
                  background-color: #ffffff;

                  thead {
                    th {
                      font-weight: 500;
                      font-size: 24px;
                      padding: 10px 15px;
                      white-space: nowrap;
                    }
                  }

                  tbody {
                    tr {
                      td {
                        &.tab_pad {
                          padding: 10px 15px;
                        }

                        &.wid_55 {
                          border-top: 1px solid #00000025;
                          border-right: 1px solid #00000025;
                          border-bottom: 1px solid #00000025;
                        }

                        &.wid_45 {
                          border-top: 1px solid #00000025;
                          border-bottom: 1px solid #00000025;
                        }

                        .subTable {
                          tbody {
                            tr {
                              td {
                                border-bottom: 1px solid #00000025;
                                white-space: nowrap;
                                /* &:last-child{
                                                                    border-bottom: 0px;
                                                                } */
                              }

                              &:nth-child(1) {
                                td {
                                  &:nth-child(odd) {
                                    border-right: 1px solid #00000025;
                                    border-bottom: 0px solid #00000025;
                                  }
                                }
                              }

                              &:nth-child(4) {
                                td {
                                  &:nth-child(odd) {
                                    border-right: 1px solid #00000025;
                                    border-bottom: 0px solid #00000025;
                                  }
                                }
                              }
                            }
                          }
                        }

                        .subTable_2 {
                          tbody {
                            tr {
                              td {
                                border-bottom: 1px solid #00000025;
                                /* &:last-child{
                                                                    border-bottom: 0px;
                                                                } */
                              }
                            }
                          }
                        }
                      }

                      &:first-child {
                        td {

                          &.wid_45,
                          &.wid_55 {
                            padding: 0;

                            tr {
                              &:last-child {
                                td {
                                  border-bottom: 0;
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                }

                P {
                  color: #fff;
                }

                &::-webkit-scrollbar-thumb {
                  background-color: #008fff;
                }
              }
            }
          }
        }
      }
    }
  }
}

.pressSlider {
  &.caseSlider {
    .pressCard {
      .pressImg {
        height: 300px;
      }
    }

    .slick-list {
      margin: 0px;
      padding: 0 !important;
    }

    .slick-arrow {
      &.slick-prev {
        left: -40px;
      }

      &.slick-next {
        right: -45px;
      }
    }
  }
}

.mobProdHead {
  display: none;
}
.comnPopupForm {
    .selected-flag {
        width: 55px !important;

        .selected-dial-code {
            display: none;
            padding-left: 0;
        }
    }
}


/* Responsive */

@media (max-width: 1738px) {
  .details_sec {
    .leftDetailsWrap {
      .leftDetailsInner {
        .specificationWrap {
          .specificationInner {
            .bottomBox {
              .bottomBoxInner {
                .formWrap {
                  .eachItem {
                    &:not(:last-child) {
                      margin-right: 10px;
                    }
                  }

                  .inputBox {
                    &.selectBox {
                      width: 230px;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1600px) {
  .details_sec {
    .leftDetailsWrap {
      flex: 0 0 60%;
      max-width: 60%;

      .leftDetailsInner {
        .specificationWrap {
          .specificationInner {
            .topBox {
              .priceBox {
                .priceTag {
                  font-size: 32px !important;
                  margin-right: 6px !important;
                }
              }
            }

            .midBox {
              .midBoxInner {
                .midList {
                  strong {
                    font-size: 22px !important;
                  }
                }
              }
            }
          }
        }
      }
    }

    .rightDetailsWrap {
      flex: 0 0 40%;
      max-width: 40%;

      .rightAboutInner {
        .prodRockSliderWrap {
          .prodRockInner {
            /* height: 420px; */
          }
        }

        .prodRockNavWrap {
          .prodRockNavInner {
            .eachProdRockNav {
              figure {
                /* height: 120px; */
              }
            }
          }
        }
      }
    }
  }

  .productOverview_sec {
    .productOverviewWrap {
      .productOverviewWrapInner {
        .mainWrap {
          .tabContWrap {
            .tab_content {
              .accInner {
                .tableWrap {
                  table {
                    thead {
                      th {
                        font-size: 24px;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1440px) {
  .productOverview_sec {
    .productOverviewWrap {
      .productOverviewWrapInner {
        .asideWrap {
          .asideInner {
            .tabList {
              li {
                span {
                  font-size: 22px;
                }
              }
            }
          }
        }

        .mainWrap {
          .tabContWrap {
            .tab_content {
              .accInner {
                .topBlock {
                  .h3Title {
                    font-size: 30px;
                    margin-bottom: 20px;
                  }
                }

                .tableWrap {
                  table {
                    thead {
                      th {
                        font-size: 22px;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }


}

@media (max-width: 1300px) {
  .details_sec {
    .leftDetailsWrap {
      .leftDetailsInner {
        .specificationWrap {
          .specificationInner {
            .bottomBox {
              .bottomBoxInner {
                .formWrap {
                  row-gap: 20px;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1280px) {
  .details_sec {
    .headingWrap {
      padding-bottom: 15px;

      .secSmallH {
        font-size: 40px;
        line-height: 50px;
      }
    }
  }
}

@media (max-width: 1199px) {
  .details_sec {
    .leftDetailsWrap {
      /* flex: 0 0 50%;
      max-width: 50%; */

      .leftDetailsInner {
        .specificationWrap {
          .specificationInner {
            .midBox {
              .midBoxInner {
                .midList {
                  li {
                    margin-bottom: 25px;
                  }

                  strong {
                    font-size: 20px !important;
                  }
                }
              }
            }
          }
        }
      }
    }

    .rightDetailsWrap {
      /* flex: 0 0 50%;
      max-width: 50%; */

      .rightAboutInner {
        .prodRockSliderWrap {
          .prodRockInner {
            /* height: 360px; */
          }
        }
      }
    }

    .rightDetailsWrap {
      .rightAboutInner {
        .prodRockSliderWrap {
          .prodRockInner {
            .eachProdRockBox {
              .swiper-slide {
                img {
                  /* width: 350px; */
                }
              }
            }
          }
        }
      }
    }
  }

  .finance_sec {
    padding: 60px 0px;

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

@media (max-width: 1024px) {
  .dskProdHead {
    display: none;
  }

  .mobProdHead {
    display: block;
    text-align: center;
    padding-bottom: 10px;
  }

  .details_sec {
    .sectionInner {
      .proDtlRow {
        flex-direction: column-reverse;

        .leftDetailsWrap,
        .rightDetailsWrap {
          width: 100%;
          flex: 0 0 100%;
          max-width: 100%;
        }

      }
    }

    .rightDetailsWrap {
      .rightAboutInner {
        width: 70%;
        margin: 0 auto 20px;

        .prodRockNavWrap {
          .prodRockNavInner {
            .eachProdRockNav {
              figure {
                /* height: 120px; */
              }
            }
          }
        }
      }
    }
  }

  .productOverview_sec {
    .productOverviewWrap {
      .productOverviewWrapInner {
        .asideWrap {
          .asideInner {
            .tabList {
              li {
                span {
                  font-size: 20px;
                }
              }
            }
          }
        }

        .mainWrap {
          .tabContWrap {
            .tab_content {
              .accInner {
                .topBlock {
                  .h3Title {
                    font-size: 28px;
                  }
                }

                .tableWrap {
                  table {
                    thead {
                      th {
                        font-size: 20px;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 1024px) {
  .details_sec {
    .leftDetailsWrap {
      flex: 0 0 100%;
      max-width: 100%;

      .leftDetailsInner {
        .specificationWrap {
          .specificationInner {
            .resProdImgBox {
              display: block;
            }

            .topBox {
              flex-direction: column;
            }
          }
        }

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

    .rightDetailsWrap {

      /* margin: 0px auto;
      max-width: 60%; */
      .headingWrap {
        .secSmallH {
          margin-bottom: 0;
        }
      }

      &.col_2 {
        /* display: none; */
      }
    }
  }

  .productOverview_sec {
    padding-bottom: 0;

    .productOverviewWrap {
      .productOverviewWrapInner {
        .asideWrap {
          display: none;
        }

        .mainWrap {
          flex: 0 0 100%;
          max-width: 100%;

          .tabContWrap {
            .accEach {
              display: block;
              border: 1px solid #ffffff;
              border-radius: 10px;
              overflow: hidden;

              &:not(:last-child) {
                margin-bottom: 30px;
              }

              .accTrigger {
                display: block;
                font-size: 26px;
                font-weight: 600;
                transition: 0.3s;
                overflow: hidden;
                margin-bottom: 0;
                position: relative;
                color: #fff;
                padding: 20px 85px 25px 20px;

                &::after {
                  content: "\f0d7";
                  position: absolute;
                  font-family: fontawesome;
                  color: #fff;
                  right: 20px;
                  top: 20px;
                  font-size: 25px;
                  transition: 0.3s;
                }
              }

              .accCont {
                display: none;
              }

              &.active {
                display: block;

                .accTrigger {
                  background-color: #fffffff1;
                  color: #0c0056;

                  &::after {
                    color: #0c0056;
                    transform: rotate(180deg);
                  }
                }

                .accCont {
                  display: block;
                  padding: 30px 10px 0px;
                }
              }
            }
          }
        }
      }
    }
  }

  .details_sec {
    .rightDetailsWrap {
      .rightAboutInner {
        .prodRockNavWrap {
          .prodRockNavInner {
            .vdoPopBox {

              a {
                height: 100%;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 991px) {
  .details_sec {
    .leftDetailsWrap {
      .leftDetailsInner {
        .secHeadWrap {
          text-align: center;
          margin-bottom: 30px !important;
        }
      }
    }

    .rightDetailsWrap {
      .rightAboutInner {
        .prodRockSliderWrap {
          .prodRockInner {
            /* height: 290px; */

            .eachProdRockBox {
              .swiper-slide {
                img {
                  width: 350px;
                  height: auto;
                }
              }
            }

            .vdoPopBox {
              a {
                span {
                  width: 75px;
                  height: 75px;
                }
              }
            }
          }
        }
      }
    }
  }

  .findDealerBtm {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .details_sec {
    .leftDetailsWrap {
      .leftDetailsInner {
        .specificationWrap {
          .specificationInner {
            .midBox {
              .midBoxInner {
                .midList {
                  span {
                    margin-bottom: 5px !important;
                    font-size: 17px !important;
                  }

                  strong {
                    font-size: 18px !important;
                  }
                }
              }
            }
          }
        }
      }
    }

    .rightDetailsWrap {
      max-width: 100%;
    }
  }

  .details_sec {
    .headingWrap {
      .secSmallH {
        font-size: 32px;
        line-height: 42px;
      }
    }

    .leftDetailsWrap {
      .leftDetailsInner {
        .specificationWrap {
          .specificationInner {
            .bottomBox {
              .bottomBoxInner {
                .formWrap {
                  justify-content: center;

                  label {
                    width: 240px;
                  }

                  .inputBox {
                    &.selectBox {
                      width: calc(100% - 260px);
                      margin-right: 0;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }

    .rightDetailsWrap {
      .rightAboutInner {
        width: 100%;
      }
    }
  }

  .finance_sec {
    padding: 40px 0px;
  }

  .productOverview_sec {
    .productOverviewWrap {
      .productOverviewWrapInner {
        .mainWrap {
          .tabContWrap {
            .accEach {
              .accTrigger {
                font-size: 22px;
                padding: 18px 50px 18px 20px;

                &::after {
                  top: 18px;
                  font-size: 25px;
                  transition: 0.3s;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 640px) {
  .details_sec {
    .rightDetailsWrap {
      .rightAboutInner {
        .prodRockNavWrap {
          .prodRockNavInner {
            .vdoPopBox {
              a {
                height: 115px;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 575px) {
  .details_sec {
    .headingWrap {
      .secSmallH {
        font-size: 24px;
        line-height: 34px;
      }
    }

    .leftDetailsInner {
      .btnWrapHolder {
        flex-direction: column-reverse;
        justify-content: center;

        .btnWrap {
          margin-top: 14px;

          &:not(:last-child) {
            margin-right: 0;
          }
        }
      }
    }

    .rightDetailsWrap {
      .rightAboutInner {
        .prodRockSliderWrap {
          .prodRockInner {
            .eachProdRockBox {
              .swiper-slide {
                padding: 15px;

                img {
                  width: 100%;
                  height: auto;
                }
              }
            }
          }
        }
      }
    }
  }

  .details_sec {
    .rightDetailsWrap {
      .rightAboutInner {
        .prodRockNavWrap {
          .prodRockNavInner {
            .vdoPopBox {
              a {
                height: 100%;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 500px) {
  .details_sec {
    .leftDetailsWrap {
      .leftDetailsInner {
        .specificationWrap {
          .specificationInner {
            .bottomBox {
              .bottomBoxInner {
                .formWrap {
                  justify-content: center;

                  label {
                    width: 100%;
                    text-align: center;
                  }

                  .inputBox {
                    &.selectBox {
                      width: 100%;
                      margin-right: 0;
                    }
                  }

                  .submitBox {
                    width: 100%;
                  }
                }
              }
            }
          }
        }

        .btnWrap {
          display: flex;
          flex-direction: column;
          justify-content: center;
          row-gap: 20px;

          .basic_btn {
            margin-right: 0 !important;
          }
        }
      }
    }
  }
}

@media (max-width: 480px) {
  .details_sec {
    .headingWrap {
      .secSmallH {
        font-size: 20px;
        line-height: 30px;
      }
    }

    .eachMidLst {
      width: 100%;
    }

    .rightDetailsWrap {
      .rightAboutInner {
        .prodRockNavWrap {
          .prodRockNavInner {
            .vdoPopBox {
              a {
                height: 136px;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 400px) {
  .details_sec {
    .rightDetailsWrap {
      .rightAboutInner {
        .prodRockNavWrap {
          .prodRockNavInner {
            .vdoPopBox {
              a {
                height: 100%;
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 360px) {
  .details_sec {
    .rightDetailsWrap {
      .rightAboutInner {
        .prodRockNavWrap {
          .prodRockNavInner {
            .vdoPopBox {
              a {
                height: 98px;
              }
            }
          }
        }
      }
    }
  }
}