img, svg, iframe{
    max-width: 100%;height: auto;
}
@media (max-width:1700px) {
    .top-panel .container{
        padding-left: 5vw;
    }
}
@media (max-width:1500px) {
    .member-slider .button-next{right: 7vw}
}
@media (max-width:1024px) {
    .what-we-offer .tabs{
        flex-direction: column;
    }
    .what-we-offer .tab-content-wrap{order: 1}
    .what-we-offer .tab-links{order: 0}

    .what-we-offer .services li a{
        padding: 0.7vh 0;
    }

    .font-48, h2.font-48, h3.font-48{
        font-size: 32px;
    }
    .floating-panel{
        height: 36px;
        right: -29vh;
    }
    .floating-panel ul li a{    font: bold 1.9vh/36px 'Arimo';}

    .member-slider .slide{
        /*flex-direction: column;*/
    }

    .map-wrap .container .text-over, .what-we-offer .container .text-over {
        padding: 4vh 0;
    }


}
@media (min-width:991px) and (max-width:1280px) {
    .team-grid{flex-direction: column}
}
@media (min-width:550px) and (max-width:1024px) {
    .what-we-offer .services li{
        display: inline-block;
        width: 49%;
        background: none;
    }
}
@media (max-width:991px) {
    .loader svg{margin-left: 0;}
    .member-slider .button-next {
        top:auto;
        bottom: -2vh;
        right: 11vw;
        margin-top: 0;
    }
    .member-slider .slide{
        padding-bottom: 1vh;
    }
    .member-slider .slide-person{

        text-align: left;
        width: 100%;
        padding-left: 28%;
    }

    .member-slider .slide-text{
        font:12px/16px 'Vollkorn', serif;
        width: 100%;
        padding-left: 28%;
    }
    .member-slider h5{margin-bottom: 0}
    .member-img{
        bottom: 0;
        width: 80px;
    }

    .member-slider .slide-person .person-descr{
        display: block;
        font:12px/16px 'Vollkorn', serif;
        padding-right: 0;
        margin-bottom: 1vh;
    }

    .menu-panel nav ul{margin-left: 0}
    .menu-what-happened-item-content.active{left:0 !important}
    .menu-panel .close-btn{z-index: 100}
    .menu-panel.menu-what-happened .close-btn img {
         -webkit-filter: none;
        -ms-filter: none;
         filter: none;
    }


}

@media (max-width:767px) {
    header{    background-position: 50% 50% !important;}
    .fixed-panel, .logo .site-title{display: none}
    .top-panel{
        top:0;left: 0;
        width: 100%;
        background: #fff;
        color:#000
    }
    .top-panel .container{
        padding:8px 0 8px 0;
        align-items: center;
    }
    .lang-switcher li a{
        color: rgba(0, 0, 0, 0.64)
    }
    .lang-switcher li.active a{
        color:#000
    }
    .logo svg{
        -webkit-filter: invert(1);
        -ms-filter: invert(1);
        filter: invert(1);
    }
    .menu-btn{background-position: 0 50%}

    .menu-what-happened nav>h4{font-size: 26px}
    .menu-panel nav li>a, .menu-panel nav li>.a{
        font-size:24px;
        padding: 1.1vh 0;
    }

    .menu-what-happened-item-content .menu-top-panel{
        justify-content: flex-start;
        font-size: 14px;
    }
    .menu-what-happened-item-content .menu-top-panel a.tel{
        font-size: 22px;
    }
    footer .col-shedule{
        position: relative;
        padding-top: 22px;
    }
    footer .shedule{
        position: absolute;top:0;
    }
}
@media (max-width:375px) {
    body{font-size: 14px}
    .main-slider .slide .slide-text{height: 80vh}
    .btn{font-size:12px;padding: 5px 15px}
    .btn.btn-violet{padding: 15px}
    .fixed-panel, .logo{
        width: 90px;
    }
    .lang-switcher li a{font-size: 12px}
    .member-img{width: 22vw}


    .what-we-offer .services li a{padding: 0}
    .what-we-offer .services li a .service-title{font-size: 14px}
    .what-we-offer .services li a:hover:before, .what-we-offer .services li.active a:before{display: none}

    .menu-panel nav li>a, .menu-panel nav li>.a{font-size:26px !important}

    footer a.tel{font-size: 20px}
}