@media only screen and (max-width: 900px) {
    /* For mobile phones: */

    .collapsing {
        -webkit-transition: none;
        transition: none;
        display: none;
    }

    .header-search {
        width: calc(100% - 170px);
    }

    .header-tools-top {
        right: 5px;
    }

        .header-tools-top .dropdown-menu {
            right: 40px;
        }

    /*.header-tools-top {
        top: 50px;
        right: 20px;
    }

    .header-tools-right {
        top: 155px;
        right: 20px;
    }

    .header-tools-right2 {
        top: 260px;
        right: 20px;
    }*/

    #legend-panel {
        color: black;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 99999;
        top: 0;
        left: 0;
    }

        #legend-panel .custom-panel-body {
            overflow-y: auto;
            max-height: calc(100% - 50px);
        }

    #basemaps-panel {
        color: black;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 99999;
        top: 0;
        left: 0;
    }

    #layers-panel {
        color: black;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 99999;
        top: 0;
        left: 0;
    }

        #layers-panel .custom-panel-body {
            overflow-y: auto;
            max-height: calc(100% - 50px);
        }

    #search-result-panel {
        position: absolute;
        z-index: 99999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #free-zem-panel {
        color: black;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 99999;
        top: 0;
        left: 0;
    }

        #free-zem-panel .custom-panel-body {
            overflow-y: auto;
            max-height: calc(100% - 50px);
        }

    #list-panel {
        color: black;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 99999;
        top: 0;
        left: 0;
    }



        #list-panel .custom-panel-body {
            overflow-y: auto;
            max-height: calc(100% - 50px);
        }

    /*#free-zem-image-modal {
        color: black;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 99999;
        top: 0;
        left: 0;
    }

        #free-zem-image-modal .modal-dialog {
            width: 100%;
            height: 100%;
            margin: 0;
        }

        #free-zem-image-modal .modal-content {
            width: 100%;
            height: 100%;
        }

        #free-zem-image-modal .modal-body {
            height: calc(100% - 120px);
        }

        #free-zem-image-modal img {
            width: 100%;
            height: 100%
        }*/


    #btn-print {
        display: none;
    }

    #btn-feedback {
        display: none;
    }

    #btn-ruler {
        width: 40px;
    }

    #content-wrapper {
        display: none;
    }

    .page-index #footer-wrapper {
        display: none;
    }

    .map-collapse {
        display: none;
    }

    .header-search .current-region .region-name {
        display: none !important;
    }

    .site-header .nav-ul {
        display: none;
    }

    .header__bars {
        display: block;
        float: right;
        background-color: #3c4c7e;
    }

        .header__bars .btn {
            background-color: #3c4c7e !important;
            border: none;
            color: white !important;
            font-size: 24px;
            padding-left: 15px;
            padding-right: 5px;
        }

        .header__bars .dropdown-backdrop {
            display: none;
        }

        .header__bars .dropdown-menu {
            margin-right: -11px;
            margin-top: -1px;
            border-radius: 0;
        }

            .header__bars .dropdown-menu li a.active {
                background-color: #95c12b;
            }

    #map-wrapper {
        top: 45px;
    }


    .acts {
        padding-left: 5px !important;
    }

    .information {
        margin-top: 30px;
    }

    .contacts {
        margin-top: 30px;
    }

    .popup-mover {
        display: none;
    }
}