/*------------------------------------------------------------------
[Media Stylesheet]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. Min width 992px and Max width: 1199px
2. Max width: 1140px 
3. Max width: 992px
4. Max width: 992px and min width: 768px
5. Max width: 767px
6. Max width: 480px
7. Custom media for IE

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[1. Min width 992px and Max width: 1199px ]
*/
/*------------------------------------------------------------------
[2. Max width: 1140px ]
*/

@media (max-width: 1024px) {

    .sjeme-portal-reviews .sjeme-port-reviews-header--section .sjeme-port-reviews-header--title {
        font-size: 50px;
    }
}

/*------------------------------------------------------------------
[3. Max width: 991px ]
*/
@media (max-width: 991px) {
    .sjeme-portal-tabs .swiper-slide .thumbnail {
        display: none;
    }

    .sjeme-portal-reviews .sjeme-port-reviews-slide .sjeme-port-reviews-slide--avatar {
        right: 30px;
        top: -30px;
    }

    .sjeme-portal-reviews .sjeme-port-reviews-slide .sjeme-port-reviews-slide--avatar img {
        width: 100px;
        height: 100px;
    }

    .sjeme-portal-reviews .sjeme-port-reviews-slide .sjeme-port-reviews-slide--header {
        max-width: calc(100% - 100px);
    }

    .sjeme-portal-reviews .sjeme-port-reviews-slide .sjeme-port-reviews-slide--avatar::before {
        --oversize: -5px;
    }

    .sjeme-portal-reviews .sjeme-port-reviews-slide .sjeme-port-reviews-slide--avatar::after {
        width: 25px;
        height: 25px;
        left: -2px;
        bottom: -2px;
    }

    .sjeme-portal-tabs .swiper-slide,
    .sjeme-portal-tabs .swiper-wrapper,
    .sjeme-portal-tabs .swiper-container {
        height: auto !important;
    }

    .sjeme-portal-tabs .sjeme-portal-tabs-wrapper .sjeme-portal-tabs-navs {
        display: none;
    }

    .sjeme-portal-tabs .slide-body {
        min-height: auto;
    }

    .sjeme-portal-tabs .swiper-slide .thumbnail {
        display: block;
    }

    .sjeme-portal-tabs .slide-body {
        margin-bottom: 60px;
    }

    .sjeme-portal-tabs .swiper-slide .thumbnail {
        max-width: 40%;
    }

    .sjeme-portal-reviews .sjeme-port-reviews-slide .sjeme-port-reviews-slide--avatar::before {
        --oversize: -5px;
    }

    .sjeme-portal-reviews .sjeme-port-reviews-slide .sjeme-port-reviews-slide--avatar::after {
        left: -2px;
        bottom: 0px;
    }

    .sjeme-portal-reviews .sjeme-port-reviews-slide {
        padding: 49px 30px;
    } 

    .sjeme-portal-reviews .sjeme-port-reviews-header--section .sjeme-port-reviews-header--title {
        font-size: 34px;
    }
}

/*------------------------------------------------------------------
  [4. Max width: 992px and min width: 768px]
  */
/*------------------------------------------------------------------
  [5. Max width: 767px]
  */
@media (max-width: 767px) {
  .sjeme-portal-tabs .slide-body {
    margin-bottom: 30px;
  }

  .sjeme-portal-reviews .sjeme-port-reviews-slide,
  .sjeme-portal-tabs .slide-body {
    padding: 30px 30px;
    }
   
    .sjeme-portal-reviews .sjeme-port-reviews-slide--link p,
    .sjeme-portal-tabs .slide-body p {
        margin-top: 0;
        margin-bottom: 0;
    }

    .sjeme-portal-reviews .sjeme-port-reviews-header--section .sjeme-port-reviews-header--title {
        margin-bottom: 5px;
    }

}

/*------------------------------------------------------------------
  [6. Max width: 540px]
  */
/*------------------------------------------------------------------
  [6. Max width: 576px]
  */
@media (max-width: 576px) {

    .sjeme-portal-reviews .slider_arrows {
        display: none;
    }

    .sjeme-portal-tabs .slide-body {
        flex-direction: column-reverse;
    }

    .sjeme-portal-tabs .slide-body {
        gap: 0;
    }

    .sjeme-portal-tabs .swiper-slide .thumbnail {
        top: 0;
        right: 0;
        max-width: 100%;
        z-index: 5;
        background-size: contain;
        padding: 20px 20px;
        width: 100%;
        text-align: center;
    }

    .sjeme-portal-tabs .swiper-slide .thumbnail-wrapper {
        display: flex;
        align-items: flex-end;
        max-width: 100%;
    }

    .thumbnail-wrapper .thumbnail-mackup {
        margin-bottom: calc(100vw * .2);
    }
}

/*------------------------------------------------------------------
  [6. Max width: 540px]
  */
/*------------------------------------------------------------------
  [7. Custom media for IE]
  */