/*
This file describes styles that are 991px width or smaller
 */
@media all and (max-width: 991px){
    h2 {
        font-size: 2.2rem
    }
    .slider-nav .prev, .slider-nav .next{
        width: 38px;
        height: 38px;
        top: calc(50% - 19px)
    }
   .main-block .decor{
        width: 65%
   }
   .main-block .content{
        flex-direction: column;
        align-items: flex-start;
        width: 100%
   }
   .main-block .content .media{
        width: 100%
   }
   .success-stories__items{
        flex-wrap: wrap;
        row-gap: var(--size-3)
   }
   section.team .content h2{
        padding: 6px 12px
   }
   section.team .team-slider img {
     height: 240px
     }
     .success-stories__item .popup__content{
          border-radius: 6px;
          margin: 12px
     }
     .success-stories__item .popup__content .img-container, .success-stories__item .popup__content .img-container img, .success-stories__item .popup__content .img-container:after {
          width: 60px;
          height: 90px
     }
     .success-stories__item .popup__content .img-container:after{
        top: -4px;
        right: -6px
     }
     .success-stories__item .popup__content .img-container{
          top: -20px;
          left: 12px
     }
     .success-stories__item .popup__content .title {
        font-size: 12px;
        left: 90px;
        margin-right: 36px;
		height: 70px;
		top: 0;
		display: flex;
		justify-content: center;
		align-items: center
     }
     .success-stories__item img.popup__close{
          top: 12px;
          right: 12px
     }
     .success-stories__item .popup__content .text{
          margin-top: 82px;
          padding: 0 12px 12px;
          margin-bottom: 12px
     }
   
}