/*only media queries to ensure proper behaviour from now on*/

@media (max-width: 1400px) {

    .top-info .info {
        font-size: 12px;
    }
}

@media (max-width: 1280px) {

    .info-left {
        margin-bottom: 15px;
    }

    .top-info .info {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .top-info .info .info-right {
        display: block;
    }

    .top-info .info div div {
        margin-bottom: 3px;
    }
}

@media (max-width: 1220px) {

    .navbar-brand {
        width: 250px;
    }

    .navbar-brand small {
        font-size: 0.5em;
    }

    #left_column {
        width: 250px;
    }

    .bl-form > ul > li {
        padding: 15px 10px 0px;
    }

    #searchbox {
        width: 170px;
    }
}

@media (max-width: 1024px) {

    #searchModeSelect.btn {
        min-width: 60px;
    }

    #searchModeSelect.btn .txt {
        width: 70px;
    }

    #searchModeSelect.btn:before {
        margin-top: 1px;
    }

    #searchButton {
        font-size: 0px;
    }

    #searchButton:before {
        font-size: 15px;
        margin-right: 0px;
    }

    #searchbox {
        width: 135px;
    }

    #advancedSearch {
        min-width: 105px;
    }

    #advancedSearch .txt {
        font-size: 0px;
    }

    #advancedSearch .txt:before {
        content: "Részletes";
        font-size: 13px;
    }
}

@media (max-width: 990px) {
    .chartLabelPanel {
        margin-top: 5px;
    }

    .top-info .chart {
        margin: 5px 6% 5px 6%;
    }

    #labelsDiv {
        margin: 0 0 0 0;
    }
}

@media (max-width: 980px) {
    .info-right {
        width: 350px;
    }
}

@media (max-width: 880px) {

    #searchModeSelect.btn .txt {
        display: none;
    }

    .top-info .info {
        margin-left: 30px;
    }

    .top-info .info label {
        width: 100px;
    }
}

@media (max-width: 800px) {

    #advancedSearch .txt:before {
        font-family: FontAwesome;
        content: "\f00e";
    }

    #advancedSearch {
        min-width: 60px;
    }

    #searchbox {
        width: 120px;
    }
}

@media (max-width: 767px) {

    .advancedSearchForm {
        overflow-x: scroll;
    }

    .fixed-title {
        width: 100%;
        margin-top: 5px;
    }

    .fixed-title h3 {
        font-size: 14px;
        line-height: 1;
        margin-bottom: 5px;
    }

    .fixed-title h4 {
        font-size: 12px;
        /*line-height: 0.3;*/
    }

    .container-fixed {
        padding: 3px 3px 8px 3px;
    }

    .container-fixed .buttons {
        float: left;
        margin-top: 1px;
        width: 100%;
        text-align: inherit;
    }

    .navbar-toggle {
        display: none;
    }

    .navbar-header {
        width: 180px;
        display: inherit;
    }

    .navbar-left {
        width: 55%;
        width: -moz-calc(100% - 320px);
        width: -webkit-calc(100% - 320px);
        width: calc(100% - 320px);
        display: inherit;
        margin-left: auto;
        margin-right: auto;
        padding: 3px;
    }

    .navbar-right {
        float: right;
        width: 150px;
        display: inherit;
    }

    .navbar-container {
        display: inline-block !important;
        padding-right: 5px;
        padding-left: 5px;
    }

    .navbar-brand {
       /* padding: 4px 0 0 4px;*/
        /*margin-right: 5px;*/
        height: 40px;
        width: 200px;
    }

    .navbar-brand h1 {
        /* vertical-align: middle; */
        padding-top: 8px;
        padding-bottom: 8px;
        line-height: 120%;
        font-size: 10px;
    }

    .navbar-brand img {
        height: 100%;
    }

    #advancedSearch {
        min-width: 36px;
        margin-left: 2px;
    }

    #advancedSearch.btn .caret {
        width: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    #advancedSearch .caret::before {
        content: "";
    }

    #searchModeSelect.btn {
        min-width: 55px;
    }

    #searchbox {
        width: 100%;
        margin: 0px;
    }

    .searchOutWrp > div, .searchOutWrp > span, .searchOutWrp > button {
        display: table-cell;
        text-align: left;
        vertical-align: top;
    }

    .searchOutWrp {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    .container-fluid {
        top: 60px;
    }

    .info-right {
        width: 300px !important;
    }

    .main .inner {
        padding: 10px;
    }

    .list-item .item-right > div, .list-item .item-right > h4 {
        margin-bottom: 1px;
    }

    .list-item .item-left .btn {
        margin-bottom: 15px;
    }

    .list-item .item-left .btn input {
        display: none; /* ??? */
    }

    .list-item .item-right > h4 {
        margin-top: 3px;
    }

    .list-item .item-right > h4 a {
        font-size: 16px;
    }

    .list-item .item-right > div {
        font-size: 12px;
    }

    .pieChart label, .barChart label {
        font-size: small;
        padding-top: 10px;
    }

    .filterBox {
        margin: 10px 0px 0px;
    }

    .sortingBox {
        margin-top: 15px; /* ? */
    }

    .top-numbers {
        margin-bottom: 3px; /* ? */
    }
}
/*
@media (min-width: 481px) and (max-width: 767px) {
    .fixed-title {
        width: 65%;
        width: -moz-calc(100% - 150px);
        width: -webkit-calc(100% - 150px);
        width: calc(100% - 150px);
    }

    .container-fixed .buttons {
        float: right;
        margin-top: 0;
        width: 150px;
    }
}*/

@media (max-width: 550px) {

    .navbar-left {
        /*display: block;*/
        width: 39%;
        width: -moz-calc(100% - 275px);
        width: -webkit-calc(100% - 275px);
        width: calc(100% - 275px);
    }

    .navbar-toggle {
        display: none;
    }

    .navbar .lang {
        position: absolute;
        top: 0;
        right: 35px;
        border-left: none;
        padding: 5px 0 0 0;
    }

    .navbar .helpButton {
        position: absolute;
        top: 8px;
        right: 5px;
    }

    .navbar-header {
        padding-left: 0px;
        /*width: 90%;*/
        vertical-align: top;
    }

    .search_container {
        /*clear: both;*/
        margin: 0px;
    }

    .container-fluid {
        top: 42px;
    }

    .navbar-fixed-top {
        min-height: 43px;
        height: 43px;
    }
}

@media (max-width: 480px) {

    .allCheckbox {
        padding-right: 3px;
    }

    .container-fixed .buttons {
        margin-top: 0;
    }

    .list-item .item-right {
        width: 85%;
        width: -moz-calc(100% - 52px);
        width: -webkit-calc(100% - 52px);
        width: calc(100% - 39px);
    }

    .navbar-left {
        display: block;
        width: 100%;
    }

    .navbar-toggle {
        display: none;
    }

    .navbar .lang {
        position: absolute;
        top: 0;
        right: 40px;
        border-left: none;
    }

    .navbar-header {
        padding-left: 7px;
        width: 90%;
        vertical-align: top;
    }

    .navbar-fixed-top {
        min-height: inherit;
        height: inherit;
    }

    .search_container {
        clear: both;
        margin: 0px;
    }

    .container-fluid {
        top: 84px;
    }

    .sortingBox {
        right: 0;
    }

    .shareButton .btn .share:before, #printButton {
        font-size: 15px;
    }

    .top-numbers > div {
        font-size: inherit;
        font-weight: inherit;
    }

    .top-numbers .dropdown {
        padding-top: 2px;
        padding-right: 2px;
    }

    .top-numbers .dropdown span {
        line-height: 1;
        font-size: 12px;
    }

    .fullscreen-form-container {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .filter-and-sort-form, .paging-form {
        width: 100%;
        height: 100%;
    }

    /** Hiding the print button and the associated checkboxes */
    ul.publicationLists div.item-left > label.btn-primary {
        display: none;
    }

    ul.publicationLists div.item-left {
        margin-top: 5px;
    }

    div.allCheckbox {
        display: none;
    }
}

@media (max-width: 320px) {
    .advancedSearchForm {
        width: 320px;
        max-height: 70%;
    }

    .advancedSearchFormInner {
        padding: 5px;
        width: 310px;
        min-width: 0;
    }

    .advancedSearchForm label {
        width: 100px;
        font-size: 13px;
    }

    .advancedSearchForm b {
        font-weight: 600;
    }

    .advancedSearchForm input, .advancedSearchForm select {
        font-size: 14px;
        padding: 5px;
        width: 195px;
        height: 32px;
    }

    .advancedSearchForm .hasDatepicker {
        width: 140px;
    }

    .advancedSearchForm .hasDatepicker:last-of-type {
        margin-left: 120px;
        margin-top: 10px;
    }

    .buttonRow .cancelButton {
        margin-left: 15px;
    }

    .buttonRow {
        margin-left: 100px;
    }
}

/*only media queries should be placed here*/