@media screen and (max-width: 1199px)
{
    .menu-branches {
        position: relative;
    }

    .menu-branches .menu {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 50px;
    }

    .menu-branches .menu-item {
        display: flex;
        align-items: center;
        gap: 10px;
        border-radius: 20px;
        padding: 0 15px;
        background-color: #f2f2f2;
    }

    .menu-branches .menu-item:before {
        display: block;
        content: '';
        width: 7px;
        height: 7px;
        border-radius: 4px;
    }

    body.national .menu-branches .menu-item.national { background-color: #C9D726; }
    html[lang="en-US"] .menu-branches .menu-item.multilingual { background-color: #45b7d2; }
    body.npo .menu-branches .menu-item.npo { background-color: #008282; }
    body.it .menu-branches .menu-item.it { background-color: #EE7319; }
    body.finance .menu-branches .menu-item.finance { background-color: #512A7B; }

    .menu-branches .menu-item.national:before { background-color: #C9D726; }
    .menu-branches .menu-item.multilingual:before { background-color: #45b7d2; }
    .menu-branches .menu-item.npo:before { background-color: #008282; }
    .menu-branches .menu-item.it:before { background-color: #EE7319; }
    .menu-branches .menu-item.finance:before { background-color: #512A7B; }

    body.national .menu-branches .menu-item.national:before,
    html[lang="en-US"] .menu-branches .menu-item.multilingual:before,
    body.npo .menu-branches .menu-item.npo:before,
    body.it .menu-branches .menu-item.it:before,
    body.finance .menu-branches .menu-item.finance:before {
        background-color: #fff;
    }

    body.national .menu-branches .menu-item.national a,
    html[lang="en-US"] .menu-branches .menu-item.multilingual a,
    body.npo .menu-branches .menu-item.npo a,
    body.it .menu-branches .menu-item.it a,
    body.finance .menu-branches .menu-item.finance a {
        color: #fff;
    }

    .menu-branches .menu-item a {
        line-height: 40px;
        color: #1b1b1b;
    }

    .closebtn {
        float: right;
        background-color: #c9d726;
        border-radius: 100%;
        display: inline-flex;
        align-items: center;
        width: 44px;
        height: 44px;
        justify-content: center;
        cursor: pointer;
        position: relative;
        z-index: 1;
    }

    html[lang="en-US"] .closebtn {
        background-color: #45b7d2;
    }

    body.npo .closebtn {
        background-color: #008282;
    }

    body.it .closebtn {
        background-color: #EE7319;
    }

    body.finance .closebtn {
        background-color: #512A7B;
    }


    .closebtn svg {
        cursor: pointer;
        width: 20px;
        height: 20px;
        color: #fff;
    }

    .mobile-menu-sidebar {
        position: fixed;
        top: 0;
        left: -10000px; /* Dont change!! */
        width: 550px;
        z-index: 99999;
        bottom: 0;
        padding: 30px;
        transition: left .3s ease, right .3s linear;
        background-color: #ffffff;
        box-shadow: 0 13px 20px #E0E9F5;
        overflow: scroll;
    }

    .mobile-menu-sidebar:before {
        content: '' !important;
        /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 479 399.6' style='enable-background:new 0 0 479 399.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E8EFB7;%7D %3C/style%3E%3Cpath class='st0' d='M478.7,171.5c0-53.8,0-107.6,0-161.4l0,0V0h-9c-23.2,0-46.4,0-69.6,0H205.9c-3,0-5.8-0.1-8.5,2.1 c-18,15.1-35.6,30.6-52.5,46.8c-17.7,17-35.2,34.4-52,52.5c-18.3,19.5-35.5,40.1-51.4,61.6c-15.4,21.2-29.2,43.4-37.1,68.6 c-5.6,17.9-7.4,35.9,2.4,53.2c6.3,11,15.2,19.7,25,27.5c19.5,15.5,41.3,27.3,63.9,37.6c32,14.4,65.2,25.1,99.2,33.4 c35.2,8.8,71.2,14,107.4,15.8c35.3,1.6,70.5,0,104.8-10.1c23.4-6.9,44.2-18,61.3-35.9c6.8-7.1,10.5-14.4,10.3-24.9 C478.4,276,478.7,223.7,478.7,171.5z'%3E%3C/path%3E%3C/svg%3E ");*/
        background-repeat: no-repeat;
        background-size: 380px;
        background-position: right -1px top -50px;
        display: block !important;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

    html[lang="en-US"] .mobile-menu-sidebar:before {
        /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 479 399.6' style='enable-background:new 0 0 479 399.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23DDF1F5;%7D %3C/style%3E%3Cpath class='st0' d='M478.7,171.5c0-53.8,0-107.6,0-161.4l0,0V0h-9c-23.2,0-46.4,0-69.6,0H205.9c-3,0-5.8-0.1-8.5,2.1 c-18,15.1-35.6,30.6-52.5,46.8c-17.7,17-35.2,34.4-52,52.5c-18.3,19.5-35.5,40.1-51.4,61.6c-15.4,21.2-29.2,43.4-37.1,68.6 c-5.6,17.9-7.4,35.9,2.4,53.2c6.3,11,15.2,19.7,25,27.5c19.5,15.5,41.3,27.3,63.9,37.6c32,14.4,65.2,25.1,99.2,33.4 c35.2,8.8,71.2,14,107.4,15.8c35.3,1.6,70.5,0,104.8-10.1c23.4-6.9,44.2-18,61.3-35.9c6.8-7.1,10.5-14.4,10.3-24.9 C478.4,276,478.7,223.7,478.7,171.5z'%3E%3C/path%3E%3C/svg%3E ");*/
    }

    body.npo .mobile-menu-sidebar:before {
        /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 479 399.6' style='enable-background:new 0 0 479 399.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23C6DDDD;%7D %3C/style%3E%3Cpath class='st0' d='M478.7,171.5c0-53.8,0-107.6,0-161.4l0,0V0h-9c-23.2,0-46.4,0-69.6,0H205.9c-3,0-5.8-0.1-8.5,2.1 c-18,15.1-35.6,30.6-52.5,46.8c-17.7,17-35.2,34.4-52,52.5c-18.3,19.5-35.5,40.1-51.4,61.6c-15.4,21.2-29.2,43.4-37.1,68.6 c-5.6,17.9-7.4,35.9,2.4,53.2c6.3,11,15.2,19.7,25,27.5c19.5,15.5,41.3,27.3,63.9,37.6c32,14.4,65.2,25.1,99.2,33.4 c35.2,8.8,71.2,14,107.4,15.8c35.3,1.6,70.5,0,104.8-10.1c23.4-6.9,44.2-18,61.3-35.9c6.8-7.1,10.5-14.4,10.3-24.9 C478.4,276,478.7,223.7,478.7,171.5z'%3E%3C/path%3E%3C/svg%3E ");*/
    }

    body.it .mobile-menu-sidebar:before {
        /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 479 399.6' style='enable-background:new 0 0 479 399.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFE4D0;%7D %3C/style%3E%3Cpath class='st0' d='M478.7,171.5c0-53.8,0-107.6,0-161.4l0,0V0h-9c-23.2,0-46.4,0-69.6,0H205.9c-3,0-5.8-0.1-8.5,2.1 c-18,15.1-35.6,30.6-52.5,46.8c-17.7,17-35.2,34.4-52,52.5c-18.3,19.5-35.5,40.1-51.4,61.6c-15.4,21.2-29.2,43.4-37.1,68.6 c-5.6,17.9-7.4,35.9,2.4,53.2c6.3,11,15.2,19.7,25,27.5c19.5,15.5,41.3,27.3,63.9,37.6c32,14.4,65.2,25.1,99.2,33.4 c35.2,8.8,71.2,14,107.4,15.8c35.3,1.6,70.5,0,104.8-10.1c23.4-6.9,44.2-18,61.3-35.9c6.8-7.1,10.5-14.4,10.3-24.9 C478.4,276,478.7,223.7,478.7,171.5z'%3E%3C/path%3E%3C/svg%3E ");*/
    }

    body.finance .mobile-menu-sidebar:before {
        /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 479 399.6' style='enable-background:new 0 0 479 399.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E4DFE8;%7D %3C/style%3E%3Cpath class='st0' d='M478.7,171.5c0-53.8,0-107.6,0-161.4l0,0V0h-9c-23.2,0-46.4,0-69.6,0H205.9c-3,0-5.8-0.1-8.5,2.1 c-18,15.1-35.6,30.6-52.5,46.8c-17.7,17-35.2,34.4-52,52.5c-18.3,19.5-35.5,40.1-51.4,61.6c-15.4,21.2-29.2,43.4-37.1,68.6 c-5.6,17.9-7.4,35.9,2.4,53.2c6.3,11,15.2,19.7,25,27.5c19.5,15.5,41.3,27.3,63.9,37.6c32,14.4,65.2,25.1,99.2,33.4 c35.2,8.8,71.2,14,107.4,15.8c35.3,1.6,70.5,0,104.8-10.1c23.4-6.9,44.2-18,61.3-35.9c6.8-7.1,10.5-14.4,10.3-24.9 C478.4,276,478.7,223.7,478.7,171.5z'%3E%3C/path%3E%3C/svg%3E ");*/
    }

    .admin-bar .mobile-menu-sidebar {
        top: 32px;
    }

    .mobile-menu-sidebar.left {
        left: -550px;
    }

    .mobile-menu-sidebar.left.opened {
        left: 0;
    }

    .mobile-menu-sidebar.right {
        right: -550px;
        left: unset;
    }

    .mobile-menu-sidebar.right.opened {
        right: 0;
    }

    .mobile-menu-sidebar .mobile-menu-logo {
        margin-bottom: 30px;
        position: relative;
        z-index: 1;
        width: max-content;
    }

    .mobile-menu-sidebar .mobile-menu-logo svg {
        width: 197px;
    }

    .mobile-menu-sidebar .widget_sd_widget_lang_switcher {
        display: inline-block;
    }

    .mobile-menu-sidebar h3.widget-title {
        color: #1b1b1b;
        margin-bottom: 22px;
    }

    .mobile-menu-sidebar .mobile-vacancy-button {
        display: inline-block;
    }

    .mobile-menu-sidebar .mobile-vacancy-button {
        position: absolute;
        top: 30px;
        left: 90px;
    }

    .mobile-menu-sidebar .mobile-vacancy-button a {
        display: inline-flex;
        align-items: center;
        background-color: #1b1b1b;
        color: #fff;
        font-weight: 500;
        padding: 0 20px;
        border-radius: 30px;
        line-height: 44px;
    }

    .mobile-menu-sidebar .mobile-vacancy-button a:before {
        content: '';
        background-image: url('/wp-content/uploads/2021/10/paper-plane-white.svg');
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        margin-right: 15px;
    }

    .mobile-menu-sidebar h3.widget-title {
        position: relative;
        z-index: 1;
    }

    .mobile-menu-sidebar .mobile-navigation.mobile-menu-national,
    .mobile-menu-sidebar .mobile-navigation.mobile-menu-multilingual,
    .mobile-menu-sidebar .mobile-navigation.mobile-menu-npo {
        display: none;
    }

    body.national .mobile-menu-sidebar .mobile-navigation.mobile-menu-national,
    html[lang="en-US"] .mobile-menu-sidebar .mobile-navigation.mobile-menu-multilingual,
    body.npo .mobile-menu-sidebar .mobile-navigation.mobile-menu-npo {
        display: block;
    }

    .mobile-menu-sidebar .mobile-navigation ul {
        list-style: none;
        margin-bottom: 50px;
    }

    .mobile-menu-sidebar .mobile-navigation ul li {
        position: relative;
        margin-bottom: 10px;
    }

    .mobile-menu-sidebar .mobile-navigation ul li a {
        font-family: 'Ubuntu',sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 16px;
        color: #1b1b1b;
        position: relative;
    }

    .mobile-menu-sidebar .mobile-navigation ul li a:after {
        content: '';
        height: 2px;
        width: 0;
        transition: width .3s ease;
        background-color: #c9d726;
        display: block;
        bottom: -10px;
        position: absolute;
        left: 40px;
        transform: translateX(-50%);
    }

    html[lang="en-US"] .mobile-menu-sidebar .mobile-navigation ul li a:after {
        background-color: #45b7d2;
    }

    body.npo .mobile-menu-sidebar .mobile-navigation ul li a:after {
        background-color: #008282;
    }

    body.it .mobile-menu-sidebar .mobile-navigation ul li a:after {
        background-color: #EE7319;
    }

    body.finance .mobile-menu-sidebar .mobile-navigation ul li a:after {
        background-color: #512A7B;
    }

    .mobile-menu-sidebar .mobile-navigation ul li a:hover:after,
    .mobile-menu-sidebar .mobile-navigation ul li.current-menu-item > a:after {
        width: 80px;
        transition: width .3s ease;
    }

    .mobile-navigation ul.sub-menu {
        display: none;
        margin: 20px;
    }

    .mobile-navigation ul li.open-menu ul.sub-menu {
        display: block;
    }

    .mobile-menu-sidebar .mobile-navigation .submenu-toggle {
        position: absolute;
        z-index: 9;
    }

    .mobile-menu-sidebar .mobile-navigation .submenu-toggle:after {
        content: '';
        background-image: url('/wp-content/themes/exactpi_theme/vc_components/vc_blocks/general/sd_team_slider/assets/images/slider-next.png');
        background-repeat: no-repeat;
        background-position: center;
        display: block;
        position: absolute;
        top: 0;
        left: 10px;
        width: 30px;
        height: 25px;
        transition: all .3s ease;
    }

    .mobile-menu-sidebar .mobile-navigation ul li.open-menu .submenu-toggle:after {
        transform: rotate(90deg);
    }

    .mobile-menu-sidebar .mobile-contact-info td {
        font-family: 'Ubuntu',sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 16px;
        color: #1b1b1b;
        position: relative;
    }

    .mobile-menu-sidebar .mobile-contact-info td a {
        color: #1b1b1b;
    }

    .mobile-menu-sidebar .mobile-contact-info td a:hover {
        color: #c9d726;
    }

    html[lang="en-US"] .mobile-menu-sidebar .mobile-contact-info td a:hover {
        color: #45b7d2;
    }

    body.npo .mobile-menu-sidebar .mobile-contact-info td a:hover {
        color: #008282;
    }

    body.it .mobile-menu-sidebar .mobile-contact-info td a:hover {
        color: #EE7319;
    }

    body.finance .mobile-menu-sidebar .mobile-contact-info td a:hover {
        color: #512A7B;
    }

    .mobile-menu-sidebar .widget_sd_widget_lang_switcher .sd-lang-switcher {
        position: relative;
        z-index: 2;
    }
}

@media screen and (min-width: 1200px)
{
    .mobile-menu-sidebar,
    .mobile-menu-sidebar.opened,
    .mobile-menu-sidebar.closed,
    .mobile-menu-sidebar .closebtn {
        display: none;
    }
}

@media screen and (max-width: 550px) {
    .mobile-menu-sidebar {
        width: 100%;
    }
}