/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
    /*===============================*/
    body.ltr #offcanvas-toggler.offcanvas-toggler-right {
        margin-left: 0;
    }
    /*===============================*/

    #sp-menu {
        position: absolute!important;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        z-index: 999;
    }
    #sp-landing-page {
        background: none !important;
        background-size: cover;
    }
  
    #sp-section-title {
        background-size: cover;
    }

    #sp-contact {
        width: 50%;
    }

    #sp-logotype {
        width: 50%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .b-restoration--grad, .b-article--grad {
        /*background: -webkit-gradient(linear, left top, right top, color-stop(5%, rgba(0, 0, 0, 0)), color-stop(5%, #fff));
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, #fff 5%);*/
        background: #fff;
    }

    .b-working--grad {
        /*background: -webkit-gradient(linear, left top, right top, color-stop(5%, rgba(0, 0, 0, 0)), color-stop(5%, #272930));
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, #272930 5%);*/
        background: #272930;
    }

    .b-action--grad {
        /*background: -webkit-gradient(linear, left top, right top, color-stop(5%, rgba(0, 0, 0, 0)), color-stop(5%, #81CCBC)), url(/images/back/1.jpg) left 0% top 50% / auto auto no-repeat #fff;
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, #81CCBC 5%), url(/images/back/1.jpg) left 0% top 50% / auto auto no-repeat #fff;*/
        background: #81CCBC;
    }

    .b-start--grad {
        /*background: -webkit-gradient(linear, left top, right top, color-stop(5%, rgba(0, 0, 0, 0)), color-stop(5%, #303440)), url(/images/back/2.jpg) left 0% top 50% / auto auto no-repeat #fff;
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, #303440 5%), url(/images/back/2.jpg) left 0% top 50% / auto auto no-repeat #fff;*/
        background: #303440;
    }

    .b-portfolio--grad {
        /*background: -webkit-gradient(linear, left top, right top, color-stop(5%, rgba(0, 0, 0, 0)), color-stop(5%, #fff));
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, #fff 5%);*/
        background: #fff;
    }
    .b-client--grad {
        background: #212529;
    }
    /*===============================*/
    .b-free-grad {
        background: #5DBAA6;
    }
    .b-free-grad .com-baforms .ba-form {
        border: 1px solid #ffffff4f !important;
    }

    .b-free .free__block {
        margin-left: 0;
        padding-left: 40px;
        padding-right: 40px;
    }
    /*===============================*/
    .b-restoration .restoration__block {
        margin-left: 5%;
    }


    #sp-footmenu {
        display: none;
    }

    .b-footer .footer__block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .b-footer .footer__text {
        text-align: center;
    }

    .b-social .social__block {
        text-align: center;
    }

    .b-social .social__svg {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .b-portfolio .portfolio__block, 
    .b-client .client__block, 
    .b-start .start__block, 
    .b-article .article__block, 
    .b-action .action__block, 
    .b-working .working__block, 
    .b-restoration .restoration__block {
        margin-left: 0px;
        padding-left: 40px;
        padding-right: 40px;
    }
    /*===============================*/
    .b-working .working__all {
        margin: 20px 0;
    }
    /*===============================*/
    .b-client .client__all {
        padding: 0 10px;
        margin-right: 0;
    }
    .b-client .client__img {
        width: auto;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .b-client .client__img img {
        width: 100%;
    }
    /*===============================*/
    .b-article .article__img {
        display: none;
    }

    .b-article .article__text {
        width: 100%;
    }
    /*===============================*/
    .b-service .service__block {
        margin-left: 0;
        padding: 0 40px;
    }
    /*===============================*/
    #sp-section-title {
        background: none !important;
    }
    #sp-section-title .blog, 
    #sp-section-title .blogtri {
        margin-left: auto;
        padding: 0 40px;
    }
    /*===============================*/
    .b-plus .plus__img img {
        width: 120px;
        height: 120px;
    }
    .b-plus .plus__inftext {
        font-size: 12px;
    }
    /*===============================*/
    .b-comparison .comparison__nm {
        font-size: 20px;
    }
    .b-comparison .comparison__info {
        min-height: 100px;
        height: auto;
    }
    /*===============================*/
    .b-method .method__slogan {
        font-size: 16px;
    }
    /*===============================*/
    .b-works .works__title {
        font-size: 36px;
    }
    /*===============================*/
    .b-nalivp .nalipv__blockchar {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .b-nalivp .nalivp__char {
        width: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    }
    /*===============================*/
    #sp-section-4 {
        background: none !important;
    }
    /*===============================*/
    #sp-section-title .blognews {
        margin-left: 0;
        padding: 0 40px;
    }
    /*===============================*/
    .b-portfolio .portfolio__block,
    .b-client .client__block {
        padding-left: 40px;
        padding-right: 40px;
    }
    /*===============================*/
    #sp-section-title .article-details {
        margin: 20px;
    }
    /*===============================*/
}/* END */
/*===============================*/
@media (max-width: 991.98px) { 
    /*===============================*/
    #sp-logo .logo-image {
        max-height: 43px;
    }
    /*===============================*/
}/* END */