/*
This file describes styles that are 991px width or smaller
 */
@media all and (max-width: 991px){

    .grid-2{
        grid-template-columns: 1fr;
        gap: 30px
    }
    .advantages .content .grid-2.images{
        grid-template-columns: 1fr 1fr
    }
    .advantages {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
    .about__media .owl-carousel .img-container > video, .about__media .owl-carousel .img-container >img, .services__media .owl-carousel .img-container > video, .services__media .owl-carousel .img-container >img, .projects__media .owl-carousel .item >div:first-child > video, .projects__media .owl-carousel .item >div:first-child >img {
        height: 500px
    }
    .about__text{
        grid-row: 1 / 1
    }
    .advantages ul.advantages-list{
        grid-template-columns: 1fr 1fr
    }
    .projects-slider .small-images{
        grid-template-columns: 1fr 1fr!important;
        /*display: none*/
    }
    .projects-slider .small-images .img-container{
        height: 180px
    }
    .projects__text .text, .testimonials h2 + p{
        padding: 0
    }
    .contacts__content form{
        flex-wrap: wrap;
        justify-content: center
    }
    .projects__media {
        margin-top: 30px
    }
    .footer__titles, .footer-items{
        grid-template-columns: 1fr
    }


    .menu-btn-open{
        width: 30px;
        height: 20px
    }
   

    .testimonials .name{
        font-size: 1.8rem
    }
  
   
}