@media screen and (max-width: $md - 1) {
   .product-resp-tabs-button {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top: 1px solid $border-color;
      border-bottom: 0;
      padding: 27px 20px;
      margin: 0 (-$grid-gutter-width);
      cursor: pointer;

      h3,
      .h3,
      h2,
      .h2 {
         font-size: $font-size-h3;
         margin: 0;
      }

      &::after {
         @include fonticon;

         content: $icons_arrow-down;
         color: $text-dark;
         font-size: $font-size-h3;
         transition: transform $transition-speed;
      }

      .btn {
         display: none;
      }

      &.opened {
         &::after {
            transform: rotate(-180deg);
         }
      }
   }

   .product-resp-tabs-content {
      display: none;
      padding: 0 $grid-gutter-width;

      &.description-content {
         display: block;
      }
   }
}

@media screen and (max-width: $sm - 1) {
   .product-resp-tabs-button {
      padding: 27px 10px;
   }

   .product-resp-tabs-content {
      padding: 0 ;
   }
}
