@media (min-width: 990px) {
    .fwt-toggle-btn {display: none;}
}

@media (max-width: 989px) {

    #footer .flex_column {margin: 0px !important; width: 100% !important;}
    #footer .widget {position: relative; margin: 0;}
    #footer .flex_column:last-child .widget {margin-bottom: 2rem;}

    #footer h3.widgettitle {position: relative; margin-bottom: 0px; padding: 20px 55px 20px 1.375rem; background: rgba(0,0,0,0.2); font-size: 17px; border-radius: 4px;}

    #footer .textwidget, #footer ul.menu, #footer ul.news-wrap {padding: 1rem 0 0 0;}
    #footer ul.menu li a {padding: 10px 0; font-size: 14px;}

    .mobileHide div,
    .mobileHide ul {max-height: 0; overflow: hidden; transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);}

    .mobileHide-active div,
    .mobileHide-active ul {max-height: 1000px; transition: max-height 0.6s ease-in-out;}

    .mobileHide h3.widgettitle,
    .mobileHide-active h3.widgettitle {cursor: pointer;}

    .fwt-toggle-btn {
        position: absolute; top: 50%; right: 8px; margin-top: -21px; padding: 0; width: 42px; height: 42px; line-height: 42px; font: 22px "entypo-fontello"; cursor: pointer; color: #fff; text-align: center;
        
        
        background: transparent;
        border: none; 
        
        
        border-radius: 5px;
        transition: background 0.2s ease;
    }

    .fwt-toggle-btn:focus-visible {outline: 2px solid #17ab9c; outline-offset: 2px;}

    .fwt-toggle-btn::before {content: "\e883"; display: block; transition: transform 0.3s ease;}

    .mobileHide-active .fwt-toggle-btn {background: #17ab9c;}
    .mobileHide-active .fwt-toggle-btn::before {transform: rotate(180deg);}

}