@media only screen and (max-width: 768px) {
    .topnav a:not(:first-child), .dropdown .dropbtn {
        display: none;
    }

    .topnav, .content {
        flex-direction: column;
    }

        .content > .leftpane {
            /*flex: 1 1 100%;*/
            display: none;
        }
        .content > .mainpane {
            /*flex: 1 1 100%;*/
            width: 100%;
        }
        .topnav a.icon {
            float: right;
            display: block;
        }
    .my-button-font {
        font-size: 2.5vw;
    }
    /*Font pentru cap de tabel*/
    .my-field-title-font {
        font-size: calc(12px + 1vw) !important;
    }

    .myTitlePage, div.text-center.myTitlePage > span {
        font-size: calc(14px + 1vw) !important;
        font-weight: bold;
        color: blue !important;
    }
    .my-weightText {
        font-size: calc(14px + 1vw) !important;
    }
    .top.myTitlePage {
        font-size: calc(14px + 1vw) !important;
        font-weight: bold;
        color: blue;
    }
    .display-flex-box-big.roboto-thin-italic.my-weightText {
        font-size: calc(12px + 1vw) !important;
    }
    .flex-container div.top, .flex-box-full div.top {
        font-size: calc(12px + 1vw) !important;
    }


    h5, h5 > span b {
        font-size: calc(12px + 1vw) !important;
        color: darkblue;
    }
        h5 > span > span {
            color: white;
            font-size: calc(12px + 1vw) !important;
        }

    div .form-group label, div .form-group select option {
        font-size: calc(12px + 1vw) !important;
    }

    div .form-group select, div .form-group input, div .titlu-event {
        font-size: calc(12px + 1vw) !important;
    }
    /*DocumentView/SelectFolder*/
    form div .col-12 select, form div .col-12 label {
        font-size: calc(14px + 1vw) !important;
    }

    body div.myTitlePage > span {
        font-size: calc(12px + 1vw) !important;
        color: red !important;
    }
    .display-text-flex-container.top {
        font-size: calc(12px + 1vw) !important;
    }

    .btn-secondary.custom-font-size,
    .btn-primary.custom-font-size,
    .btn-danger.custom-font-size {
        font-size: calc(10px + 1vw) !important;
    }

    footer div {
        font-size: calc(10px + 1vw) !important;
    }
    /*Afisez elementul Home din meniul afisat in NavNarMenu pe tableta*/
    #menu ul.main-menu.clearfix li#home:nth-child(2) {
        display: inline;
    }

    .display-flex-box-big {
        width: 95%;
        font-size: 0.92rem;
    }

        .display-flex-box-big pre {
            font-size: 0.92rem;
        }
/**************************/
    .anunturi-flex-box, .anunturi-flex-box-big {
        max-width: 95%;
        font-size: 0.95em;
        padding: 5px;
    }

    #word-container {
        font-size: 0.95rem;
        padding-left: 5px!important;
        padding-right: 5px!important;
    }

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

    .section-title {
        font-size: calc(13px + 1vw) !important;
    }

}


@media only screen and (max-width: 768px) {
    .topnav.responsive {
        position: relative;
    }

    .logo {
        width: 100%;
        display: none;
    }

    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }

    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }

    .topnav.responsive .dropdown {
        float: none;
    }

    .topnav.responsive .dropdown-content {
        position: relative;
    }

    .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: left;
    }

    .form-control {
        font-size: calc(14px + 1vw) !important;
    }

    .content > .mainpane {
        font-size: calc(12px + 1vw) !important;
    }
    footer div {
        font-size: calc(8px + 1vw) !important;
    }
    .pdf-container {
        height: 100vh;
    }

    #pdf-viewer {
        height: 100%;
    }  
}


@media only screen and (min-width: 768px) {
    /* For tablets: */
    .col-s-1 {
        width: 8.33%;
    }

    .col-s-2 {
        width: 16.66%;
    }

    .col-s-3 {
        width: 25%;
    }

    .col-s-4 {
        width: 33.33%;
    }

    .col-s-5 {
        width: 41.66%;
    }

    .col-s-6 {
        width: 50%;
    }

    .col-s-7 {
        width: 58.33%;
    }

    .col-s-8 {
        width: 66.66%;
    }

    .col-s-9 {
        width: 75%;
    }

    .col-s-10 {
        width: 83.33%;
    }

    .col-s-11 {
        width: 91.66%;
    }

    .col-s-12 {
        width: 100%;
    }
    div#myModal {
        z-index: 1000;
    }
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {
        width: 8.33%;
    }

    .col-2 {
        width: 16.66%;
    }

    .col-3 {
        width: 25%;
    }

    .col-4 {
        width: 33.33%;
    }

    .col-5 {
        width: 41.66%;
    }

    .col-6 {
        width: 50%;
    }

    .col-7 {
        width: 58.33%;
    }

    .col-8 {
        width: 66.66%;
    }

    .col-9 {
        width: 75%;
    }

    .col-10 {
        width: 83.33%;
    }

    .col-11 {
        width: 91.66%;
    }

    .col-12 {
        width: 100%;
    }
}

@media only screen and (max-width: 370px) {
    h5.bg-info.text-white {
        display: flex;
        flex-direction: column;
        font-size: calc(12px + 1vw) !important;
    }
        h5.bg-info.text-white > span b {
            display: inline !important;
            color: darkblue;
            font-size: calc(12px + 1vw) !important;
        }
        h5.bg-info.text-white > span > span {
            color: white;
            font-size: calc(12px + 1vw) !important;
        }
    .flex-container div.top, .flex-box-full div.top {
        font-size: 3vw;
    }

    .myTitlePage {
        font-size: calc(12px + 1vw) !important;
        font-weight: bold;
        color: blue;
    }
    /*Font pentru cap de tabel*/
    .my-field-title-font {
        font-size: calc(12px + 1vw) !important;
    }
    .my-weightText {
        font-size: calc(10px + 1vw) !important;
    }
    footer div {
        font-size: calc(10px + 1vw) !important;
    }

    .btn-secondary.custom-font-size, .btn-primary.custom-font-size,
    my-field-title-font {
        font-size: calc(8px + 1vw) !important;
    }
    .top.myTitlePage {
        font-size: calc(12px + 1vw) !important;
        font-weight: bold;
        color: blue;
    }
    .display-flex-box-big.roboto-thin-italic.my-weightText {
        font-size: calc(12px + 1vw) !important;
    }

    .form-control {
        font-size: calc(12px + 1vw) !important;
    }

    .content > .mainpane {
        font-size: calc(12px + 1vw) !important;
    }

}

@media (max-width: 768px) {
    .content-page span {
        font-size: calc(12px + 1vw) !important;
    }
    .map-container {
        height: 300px;
    }

    div#myModal {
        z-index: 1000;
    }
   
    #menu .input-group {
        width: 100%;
    }

    #menu .btn-block {
        margin-top: 0.5rem;
        width: 100%;
    }
    .nav-contact-btn {
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 0.85rem;
        line-height: 1.2;
    }
    #menu a{
        padding:6px;
    }
}