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

    .btn .img-wrap, .sbscrbr-submit-block:before {
        width: 40px;
        height: 40px
    }
    .btn .img-wrap img {
        width: 15px
    }
    .sbscrbr-submit-block:before{
        background-size: 15px;
        top: -5px
    }
    .sbscrbr-submit-block{
        padding-right: 55px
    }
    .sbscrbr-submit-block:after{
        width: calc(100% - 55px);
        right: 55px
    }
    .subscription-form .sbscrbr-email-wrap{
        width: 100%
    }

    .menu-btn-open{
        width: 30px;
        height: 20px
    }
    h1, h2{
        font-size: 4rem!important
    }
    .counter-item__number{
        font-size: 2.4rem
    }
    
    h3{
        font-size: 2.5rem!important
    }
    .header .logo img {
        height: 65px
    }

    ul li:not(nav ul li){
        padding-left: 30px
    }
    ul li:not(nav ul li):before{
        top: 2px;
        transform: scale(0.8)
    }
    p, .btn, .counter-item__text, .sbscrbr-submit-block input[type="submit"]{
        font-size: 1.6rem!important
    }

    .testimonials-item{
        padding: 50px 20px
    }
    .projects-item__content{
        padding-top: 0
    }
    .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 30px
    }
    .owl-theme .owl-dots .owl-dot span{
        width: 12px;
        height: 12px
    }
    .contact-form{
        margin-top: 100px;
        width: 100%
    }
    .contact-form form >p{
        grid-template-columns: 1fr
    }

    .contact-form form >p >span:last-child, .form-group.submit {
        grid-column: 1
    }
    .testimonials-item{
        height: auto
    }
    h2 + p{
        max-width: 100% !important;
        margin-top: 10px!important
    }
}