@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    body {
        -webkit-text-size-adjust: 100%; /* Prevent iOS text size adjustment */
        text-size-adjust: 100%; /* Standard text size adjustment */
    }

    /*  To explicitly disable user scaling (use with caution for accessibility) */
    html {
        -webkit-text-size-adjust: none; /* For older WebKit browsers */
        text-size-adjust: none;
        -ms-text-size-adjust: none; /* For Internet Explorer Mobile */
        user-scalable: no; /*  Standard property to disable zoom */
    }

    .desktop {
        display: none;
    }

    .body-mobile {
        min-width: 320px !important;
        max-width: 767px !important;
        width: 100% !important;
        font-size: 13px;
    }

    #cookie_assistant_wrapper {
        width: 280px !important;
        z-index: 9999 !important;
    }

    .move-top,
    .help-dot {
        right: 10px !important;
    }

    h1 {
        font-size: 20px;
    }

    h2 {
        font-size: 17px;
    }

    h3 {
        font-size: 15px;
    }
    p {
      font-size: 11px;
    }
    /* tags */

    input, select {
        height: 16px;
        padding: 10px;
        margin: 0;
        font-size: 14px;
        color: #a0a0a1;
        border: 1px solid #b8b8b8;
    }

    select {
        height: 46px;
    }

    ul {
        padding-left: 18px;
        list-style-type: disc;
    }

    /* layout */

    .body {
        overflow: hidden;
    }

    .body-anon {
        background-position: top center;
        background-repeat: repeat-x;
    }

    .content {
        width: 100%;
        margin: 0 auto;
        clear: both;
        overflow: hidden;
    }

    .divider {
        margin-top: 20px;
        border-top: 1px solid #b8b8b8;
    }

    .column {
        width: calc(100% - 20px);
        margin: 0 10px;
        overflow: hidden;
    }

        .column h2 {
            padding: 18px 0 18px 34px;
            margin: 0;
            font-size: 16px;
            border-bottom: 1px solid #b8b8b8;
            background-position: left center;
            background-repeat: no-repeat;
        }

            .column h2.temaDneva {
                background-image: url("images/ico-teme-temaDneva.png");
            }

            .column h2.temaTedna {
                background-image: url("images/ico-teme-temaTedna.png");
            }

            .column h2.tflPogovor {
                background-image: url("images/ico-teme-tflPogovor.png");
            }

            .column h2.novice {
                background-image: url("images/ico-novice-title.png");
            }

        .column h1 {
            font-size: 18px;
        }

    .double-column {
        width: calc(100% - 20px);
        margin: 0 10px;
        overflow: hidden;
    }

    .column1 {
        width: calc(100% - 20px);
        margin: 0 10px 20px;
        float: none;
    }

    .column6 {
        width: 320px;
        margin: 0 20px;
        overflow: hidden;
    }

    footer {
        clear: both;
        text-align: center;
        background-color: #383838;
        padding: 0 10px;
    }

        footer .content {
            /*border-top: 1px solid #b8b8b8;*/
            overflow: hidden;
        }

        footer p {
        }

    .dialog {
        width: 100%;
        resize: none;
        max-width: 100vw;
    }

   

    /* header */

    .header {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        padding: 10px 0;
        overflow: hidden;
        border-bottom: 1px solid #b8b8b8;
        background-color: #383838;
        z-index: 1000;
    }
    .header-left, .header-center, .header-right {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .header-left {
        justify-content: flex-start;
        padding: 0 10px;
    }

    .header-center {
        flex-grow: 1;
        justify-content: center;
    }

    .header-right {
        justify-content: flex-end;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .login-container .prijava,
    .login-container .preizkus {
        display: none;
    }

    .mobile-nav-open {
        width: 40px;
        height: 40px;
        background: url("../images/ico-navMobile-open.png") no-repeat center;
        background-size: 25px;
        -webkit-filter: invert(100%);
        filter: invert(100%);
    /*    text-indent: -9999px;*/
        z-index: 99999999;
       /* padding: 2px;*/
    }

    .header .logo {
        background-size: contain;
        height: 30px;
        max-width: 150px;
        background-position: center;
        background-repeat: no-repeat;
        flex-grow: 1;
        text-align: center;
        margin-left: 20%;
        z-index: 99999999;
    }

    .header .login-container {
        display: flex;
        align-items: center;
        gap: 10px;
        z-index: 999999;
    }
        .header .login-container .user-info {
            display: flex;
            align-items: center;
        }
        .header .login-container .username {
            display: none;
        }
        .header .search-container-wrapper {
            width: 100%;
        }
        .header .search-container {
            width: 100%;
            margin: 10px 0;
            display: flex;
            align-items: center;
        }       
           
        .header .search-container .search-box {
            width: calc(100% - 50px);
            margin-right: 10px;
        }
            .header .search-container a, .header .login-container a {
                font-size: 1em;
            }


    .header-fixed {
        position: static;
    }

    .header .search-container .search-button {
        flex-shrink: 0;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .search-button:hover {
            background-color: #C5D5E1;
            -webkit-box-shadow: 0px 2px 4px 0px #00000022 inset;
            -moz-box-shadow: 0px 2px 4px 0px #00000022 inset;
            box-shadow: 0px 2px 4px 0px #00000022 inset;
        }

    .header .additional-links {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 6px;
    }

        .header .additional-links a {
            flex: 1 1 35%;
            text-align: center; /* Center text horizontally */
            display: flex; /* Use Flexbox */
            justify-content: center; /* Center horizontally */
            align-items: center; /* Center vertically */
        }

    .header .user-info {
        padding: 0;
        margin: 0;
        width: 10%;
        margin: 0;
        float: right;
        margin: 0 8px 0 0;
    }

    .header .logout {
        flex-shrink: 0;
        width: 32px;
        height: 32px;
        background-image: url("../images/ico-user-settings_2.png");
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .header .subMenu {
        left: -150px;
    }

    .toc-title-fixed {
        border-top: none;
    }

    .header .search-container .search-button-loading {
        width: 38px;
    }

    .page-message {
        margin-right: 10px;
        width: calc(100% - 80px);
        background-position: 10px center;
    }

    .page-message-success .page-message-success {
        position: initial;
        top: 0;
    }


    /*advanced search*/
    #rbSearchAdvanced,
    label[for=rbSearchAdvanced],
    .instructions {
        display: none;
    }

    .search-advanced-container {
        padding: 10px;
    }

    .search-advanced {
        width: 100%;
        max-width: 300px;
    }

        .search-advanced .section {
            flex-direction: column;
            padding: 10px;
        }
        .search-advanced .filter-section{
            flex-direction:column;
        }
        .search-advanced .inline-fields {
            flex-direction: column;
            gap: 5px;
        }

            .search-advanced .inline-fields span,
            .search-advanced .inline-fields label,
            .search-advanced .inline-fields input,
            .search-advanced .inline-fields select {
                width: 100%;
                margin-bottom: 5px;
            }

        .search-advanced .order-label,
        .search-advanced .order {
            width: 100%;
        }

    .toggle-entities-container {
        flex-direction: row;
    }
    .search-advanced .entities div {
        max-width: 220px;
    }
    .toggle-entities {
        width: 100%;
        text-align: center;
    }
    .search-results {
        width: 100%;
        float: none;
        max-width: 320px;
        margin: 0 auto;
    }
    /* navigation */
    .mobile-navigation-container {
        position: fixed;
        width: 100%;
        height: calc(100% - 66px);
        top: 50px;
        overflow-y: auto;
        z-index: 9998;
    }

        .mobile-navigation-container .mobile-navigation-title {
            position: relative;
            z-index: 1000;
            width: calc(90% - 10px);
            padding: 10px 0 10px 10px;
            font-weight: bold;
            background-color: #ededed;
        }

        .mobile-navigation-container .mobile-navigation-disable {
            position: fixed;
            left: 0;
            top: 49px;
            z-index: 999;
            height: 100%;
            width: 100%;
            background-color: #000000;
            opacity: 0.6;
            filter: alpha(opacity=60);
            text-align: right;
        }

            .mobile-navigation-container .mobile-navigation-disable a {
                color: #FFFFFF;
                font-size: 20px;
                margin-right: calc((10% - 10px) / 2);
            }

    .mobile-navigation {
        position: relative;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 90%;
        margin: 0;
        padding: 0;
        overflow-y: hidden;
        background-color: #383838;
    }

        .mobile-navigation li {
            overflow: hidden;
            border-top: 1px solid #b8b8b8;
        }

            .mobile-navigation li:last-child {
                border-bottom: 1px solid #b8b8b8;
            }

        .mobile-navigation a {
            display: block;
            margin: 0;
            width: calc(100% - 10px);
            padding: 10px 0 10px 10px;
            font-weight: normal;
            text-decoration: none;
            background-position: left center;
            background-repeat: no-repeat;
            color: #FFFFFF;
        }

    .swipe-arrow {
        display: block;
        margin: auto;
        position: absolute;
        margin-top: 100px;
        width: 25px;
        height: 42px;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-size: 100%;
        pointer-events: none;
    }

        .swipe-arrow.left {
            background-image: url(../images/swipe-arrow-left.png);
            left: 0;
        }

        .swipe-arrow.right {
            background-image: url(../images/swipe-arrow-right.png);
            right: 0;
        }

    /* buttons */

    a.button-large {
        width: 220px;
        padding: 15px;
    }




    /* front page - anonymous user */

    .frontpage-title {
        font-size: 22px;
        margin: 20px;
    }

    .frontpage-para {
        margin: 0 10px 15px;
    }

    .anon-register {
        height: 380px;
    }

        .anon-register.akcija {
            height: 340px;
            background-position: calc(50% - 50px) center;
        }

        .anon-register .content {
            height: 100%;
            position: relative;
        }

        .anon-register .anon-text {
            width: calc(100% - 40px);
            padding: 10px 20px;
            margin: 0;
            overflow-y: hidden;
            top: unset;
            position: absolute;
            bottom: 0;
            left: 0;
            text-align: center;
            background: none;
        }

        .anon-register.akcija .anon-text {
            top: 195px;
        }

        .anon-register .anon-text p {
            margin: 10px 0px 140px 0;
            color: #000;
        }

        .anon-register.akcija .anon-text p {
            margin: 5px 0;
        }

        .anon-register .anon-text .large {
            font-size: 26px;
            color: #000;
        }

        .anon-register.akcija .anon-text .large {
            margin: 5px 0 15px 0;
        }

        .anon-register .anon-text a.button-small {
            margin: 10px auto 12px auto;
            float: none;
            width: 180px;
        }
    #editSeoDataBtn{
           display: none!important;
    }
    .anon-register-container .vsebine-container {
        width: 320px;
        margin: 20px auto;
        padding: 0;
        overflow-y: hidden;
    }

        .anon-register-container .vsebine-container .section {
            white-space: normal;
            z-index: -9999;
            width: 124px;
            height: 50px;
            padding: 10px;
            display: table;
            -ms-border-radius: 3px;
            border-radius: 3px;
        }

            .anon-register-container .vsebine-container .section .title {
                border-bottom: none;
                font-size: 13px;
                width: 100%;
                margin: 0;
                padding: 0;
                display: table-cell;
                vertical-align: middle;
            }

                .anon-register-container .vsebine-container .section .title.one-line {
                    margin: 0;
                    padding: 0;
                }

    .dashboard {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: #FFFFFF;
        -ms-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .dashboard .menu-wrapper {
            width: 100%;
            margin: 0;
            -ms-border-radius: 0 0 0 0;
            border-radius: 0 0 0 0;
        }

            .dashboard .menu-wrapper .title {
                margin-top: 0;
                font-size: 14px;
                padding: 6px 0;
                background-image: none;
            }

        .dashboard .menu {
            margin: 0;
            padding: 0;
            -ms-border-radius: 0 0 0 0;
            border-radius: 0 0 0 0;
            overflow-x: auto;
            white-space: nowrap;
            height: 90px;
        }

            .dashboard .menu li {
                width: 70px;
                height: 76px;
                white-space: normal;
                float: none;
                display: inline-block;
                overflow-y: hidden;
                padding: 0 5px;
                margin: 5px;
            }

                .dashboard .menu li.selected {
                    -ms-border-radius: 4px;
                    border-radius: 4px;
                    background-color: #393939 !important;
                    border-bottom: 5px solid #93E0FC;
                    margin-bottom: 0;
                }

                .dashboard .menu li:hover {
                    background-color: #393939;
                }

                .dashboard .menu li a {
                    background-size: 25px;
                    background-position: center 8px;
                    padding: 39px 0 0 0;
                    font-size: 12px;
                    text-align: center;
                }

                    .dashboard .menu li a.subscriptions {
                        margin-top: 0;
                    }

                .dashboard .menu li .obvestila-count {
                    float: right;
                    top: 6px;
                    left: 0;
                    right: 10px;
                }

            .dashboard .menu .novo {
                float: left;
                margin: -70px 0 0 0;
            }

        .dashboard .lists {/*  width: calc(100% - 20px);
            min-height: unset;
            margin: 0 10px 12px;*/
          
            /* -webkit-box-shadow: 0 0 12px 6px #D2D2D2;
            -moz-box-shadow: 0 0 12px 6px #D2D2D2;
            box-shadow: 0 0 8px 3px #D2D2D2;*/
            /* background-color: #F3F3F3;*/
        }

            .dashboard .lists > ul {
                max-height: none;
                font-size: 13px;
            }

        .dashboard ul.paketi {
            margin: 5px;
            width: calc(100% - 10px);
        }

            .dashboard ul.paketi li {
                width: auto;
            }

        .dashboard .hitre-povezave-container {
            margin: 0 10px 5px;
            width: calc(100% - 20px);
            max-height: 500px;
        }

        .dashboard .list-container {
            margin: 0 5px 5px;
        }

        .dashboard .tabs {
            overflow-y: hidden;
            margin: 0;
        }

            .dashboard .tabs .tab {
                margin-right: 5px;
                padding: 5px;
                font-size: 13px;
                cursor: pointer;
            }

                .dashboard .tabs .tab:first-child {
                    margin-left: 5px;
                }

    .dashboard-empty-results {
        padding: 1px 20px 20px 20px;
        height: 170px;
        background-position: center 70px;
    }

    .obvestila-list td {
        padding: 0;
        width: 100%;
        display: inline-block;
    }

        .obvestila-list td:last-child {
            vertical-align: top;
        }

    .obvestila-list .button-grey {
        margin: 5px auto 5px;
    }

    .dashboard .koledar-dashboard-container {
        padding: 0;
    }

        .dashboard .koledar-dashboard-container .koledar-grid {
            width: 100%;
            float: none;
            margin: 0;
        }

        .dashboard .koledar-dashboard-container .nav-month {
            width: 100%;
            margin-right: 0;
        }

            .dashboard .koledar-dashboard-container .nav-month .month-name {
                width: calc(100% - 70px);
            }

        .dashboard .koledar-dashboard-container table.koledar {
            width: 100%;
        }

        .dashboard .koledar-dashboard-container .koledar-events {
            width: 100%;
            float: none;
            margin-top: 10px;
        }

            .dashboard .koledar-dashboard-container .koledar-events .events-today, .dashboard .koledar-dashboard-container .koledar-events .uradni-list {
                width: calc(100% - 10px);
                padding: 8px 5px;
            }

    .dashboard .lists h4 {
        margin: 10px;
        padding-bottom: 5px;
        font-size: 15px;
        border-bottom: 1px solid #404041;
    }

    .dashboard .lists ul li,
    .dashboard .lists ul.dashboard-izobrazevanja-list li {
        padding: 5px 0;
    }

        .dashboard .lists ul.dashboard-izobrazevanja-list li:first-child {
            display: none;
        }

    .dashboard .lists ul.dashboard-izobrazevanja-list .naziv {
        width: 100%;
        display: block;
    }

    .dashboard .lists ul.dashboard-izobrazevanja-list .info a {
        width: 25px;
        height: 25px;
        background-size: 25px;
    }

    .dashboard .lists ul.dashboard-izobrazevanja-list .posnetek,
    .dashboard .lists ul.dashboard-izobrazevanja-list .gradivo,
    .dashboard .lists ul.dashboard-izobrazevanja-list .potrdilo {
        float: right;
        margin-left: 10px;
    }

    .dashboard .dashboard-podpora {
        padding: 0;
    }

        .dashboard .dashboard-podpora .pomoc {
            padding: 10px;
        }

        .dashboard .dashboard-podpora .text {
            float: none;
            width: 100%;
        }

        .dashboard .dashboard-podpora .cta {
            float: none;
            width: 100%;
            margin-top: 10px;
        }

            .dashboard .dashboard-podpora .cta a.button-small {
                margin-top: 0;
                float: left;
                padding: 6px 0;
                width: 90px;
                margin-right: 20px;
            }

            .dashboard .dashboard-podpora .cta span {
                float: left;
            }
    #ai-promo-slider{
        padding: 5px !important;
    }

    .webinar-posnetek iframe {
        height: calc(564 * (100vw - 20px) / 640);
        width: calc(100vw - 20px);
    }

    .subMenuRibbon {
        overflow-x: auto;
        white-space: nowrap;
    }

        .subMenuRibbon ul {
            white-space: normal;
            width: 180px;
            margin: 0 10px;
            display: inline-block;
            float: none;
            vertical-align: top;
        }

    .frontpage-persone {
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .frontpage-persone .persona {
            width: calc(100% / 2 - 30px);
            margin-bottom: 15px;
        }

            .frontpage-persone .persona:last-child {
                width: calc(100% - 30px);
                margin-bottom: 0;
            }

        .frontpage-persone .descr {
            display: none;
        }

        .frontpage-persone .persona img {
            width: 70px;
        }

        .frontpage-persone .persona a.vec {
            display: none;
        }

    .first-page-section-title {
        text-align: center;
        border-top: none;
        padding: 0;
        margin: 15px 0;
        font-size: 18px;
    }

    .tfl-paketi-container {
        margin: 20px 0;
    }

        .tfl-paketi-container .content {
            width: calc(100% - 20px);
            margin: 0 10px 25px 10px;
        }

        .tfl-paketi-container .tfl-paketi-title {
            font-size: 18px;
        }

        .tfl-paketi-container .tfl-paketi-links {
            width: 280px;
            margin: 0 calc((100% - 280px) / 2);
        }

            .tfl-paketi-container .tfl-paketi-links a {
                width: 60px;
                height: 80px;
                margin: 0 5px;
                background-size: 55px;
            }

        .tfl-paketi-container .tfl-paketi-cta {
            width: 100%;
            margin: 0;
            text-align: center;
        }

            .tfl-paketi-container .tfl-paketi-cta p {
                text-align: center;
                font-size: 14px;
            }

            .tfl-paketi-container .tfl-paketi-cta a {
                margin: 0 auto;
            }

    /* frontpage - tfl mediji */

    .first-page-column {
        width: calc(100% - 4px);
        margin: 0 2px;
        float: none;
    }

        .first-page-column .swipe-arrow {
            margin-top: 120px;
        }

    .first-page-second-row {
        margin-top: 10px;
    }

    .first-page-column-row {
        overflow-x: auto;
        white-space: nowrap;
    }

        .first-page-column-row .first-page-column-3 {
            float: none;
            white-space: normal;
            margin: 3px 8px;
        }

            .first-page-column-row .first-page-column-3 .topic-kazalo-link, .first-page-column-row .first-page-column-3.sta-novice {
                display: none;
            }

        .first-page-column-row .column-banner img {
            width: 160px;
        }

    .first-page-column-banner {
        display: none;
    }

    .frontpage-banners {
        overflow-x: auto;
        white-space: nowrap;
        margin-bottom: 20px;
        border-radius: 4px;
    }

        .frontpage-banners * {
            white-space: normal;
            border-radius: 4px;
        }

        .frontpage-banners .swipe-arrow {
            margin-top: 100px;
        }

    a.frontpage-banner {
        display: inline-block;
        float: none;
        width: calc(100% * 0.8);
        max-width: 250px;
        margin: 0 5px;
        border-radius: 4px;
    }

        a.frontpage-banner img {
            width: 100%;
        }

    a.button-large.first-page-mediji-prijava {
        width: 270px;
        margin: 5px auto 40px;
    }

    /* frontpage - paket */

    .frontpage-paket {
        width: 100%;
        height: auto;
    }

        .frontpage-paket .content {
            padding: 10px 0;
        }

        .frontpage-paket .image {
            width: 100%;
            padding: 0;
            float: none;
            text-align: center;
            margin-top: 0;
        }

        .frontpage-paket img {
            width: 140px;
            margin: auto;
        }

        .frontpage-paket .txt {
            width: calc(100% - 20px);
            padding: 0 10px 10px 10px;
            text-align: center;
            margin: 0;
            float: none;
        }
    .ui-autocomplete{
        max-width: calc(100vw - 60px);
    }
    /* frontpage - izobraževanja */
    .frontpage-izobrazevanja-container {
        height: auto;
        background-image: none;
        margin-bottom: 60px;
    }

        .frontpage-izobrazevanja-container .frontpage-title {
            margin-top: 20px;
        }

        .frontpage-izobrazevanja-container .subtitle {
            font-size: 14px;
        }

        .frontpage-izobrazevanja-container h3 {
            margin: 10px 0;
        }

        .frontpage-izobrazevanja-container .mesec .swipe-arrow {
            margin-top: 120px !important;
            z-index: 9999;
        }

    .frontpage-section {
        padding: 20px 0;
    }

        .frontpage-section .half {
            float: none;
            width: calc(100% - 20px);
            padding: 0 10px;
        }

        .frontpage-section .title {
            font-size: 18px;
            text-align: center;
        }

        .frontpage-section .revije {
            height: 160px;
            margin: 20px 0 0 0;
        }

        .frontpage-section a.button-small {
            margin: 0 auto;
        }

        .frontpage-section .half:first-child {
            text-align: left;
        }

            .frontpage-section .half:first-child a.button-small {
                float: none;
            }

        .frontpage-section.contact {
            margin-bottom: 30px;
            padding: 0;
        }

            .frontpage-section.contact img {
                display: none;
            }

        .frontpage-section .half.qr {
            text-align: center;
        }

        .frontpage-section .tablet {
            display: none;
        }

        .frontpage-section .revije .half {
            text-align: center;
        }

        .frontpage-section .revije img {
            width: 300px;
        }

        .frontpage-section.zaloznistvo .half {
            text-align: center;
        }

        .frontpage-section.zaloznistvo img {
            margin: 20px auto;
            width: 300px;
        }

    .frontpage-gray .frontpage-section {
        padding-top: 0;
    }

    .frontpage-brezplacne-vsebine {
        height: auto;
        margin: 0;
    }

        .frontpage-brezplacne-vsebine .title {
            font-size: 18px;
            margin: 20px 0;
            padding: 0;
            float: none;
            text-align: center;
        }

        .frontpage-brezplacne-vsebine a {
            width: 100px;
            margin: 20px auto;
            float: none;
        }

    .frontpage-svetovanje-banner a.image {
        background-size: 100% 90%;
        height: 120px;
    }

    .korona-banner a.image {
        height: 100px;
        background-size: 100% 90%;
    }

    .banner-container {
        /*width: 100%;
        text-align: center;
        height: 88px;*/
        display: none;
    }

        .banner-container a {
            height: 86px;
            float: none;
            display: inline-block;
        }

            .banner-container a.bannerLeft {
                width: 292px;
                background-size: 100%;
            }

            .banner-container a.bannerCenter {
                display: none;
            }

            .banner-container a.bannerRight {
                display: none;
            }


    .revije-kazalo {       
        float: none;
    }
    .revije-article-list {
        margin: 10px 10px 80px 10px;
    }

    .revije-container {
        margin-top: 40px;
    }

        .revije-container .revija {
            overflow-y: hidden;
        }

            .revije-container .revija .frontpage {
                float: left;
                width: 45%;
                margin-right: 5%;
            }

            .revije-container .revija .articles {
                display: block;
                float: left;
                width: 50%;
                height: auto;
            }

        .revije-container .slider .slick-arrow {
            display: none !important;
        }

    .revije-list {
        margin: 20px 0 30px 0;
    }

    .revije-polica {
        width: calc(100% - 20px);
        height: auto;
        background-image: none;
        margin: 0 10px;
    }

        .revije-polica .revija {
            float: none;
            position: static;
            margin: 15px 0;
            width: 100%;
            height: auto;
            background-color: #FFFFFF;
            overflow-y: hidden;
        }

            .revije-polica .revija.sap {
                margin: 0 0 0;
                height: 200px;
            }

                .revije-polica .revija.sap img {
                    height: 154px;
                }

            .revije-polica .revija:first-child {
                margin-left: 0;
            }

            .revije-polica .revija img {
                float: left;
                width: 130px;
                height: 184px;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
            }

            .revije-polica .revija .opis {
                display: block;
                float: left;
                position: static;
                left: 0;
                top: 0;
                width: calc(100% - 190px);
                height: auto;
                min-height: 164px;
                padding: 10px 20px;
            }

            .revije-polica .revija:nth-child(4) .opis {
                left: 0;
                border-radius: 0 20px 20px 0;
                border-radius: 0 20px 20px 0;
            }

            .revije-polica .revija.sap .opis {
                top: 0;
            }

    .revije-cta {
        float: none;
        margin: 10px 10px 30px;
    }

    .about-container {
        padding: 115px 10px 15px;
        text-align: center;
        font-size: 15px;
    }

        .about-container a.preizkus {
            display: inline-block;
            background-color: #DF840C;
            margin: 20px 0;
            padding: 6px 20px;
        }

        .about-container .column {
            width: 100%;
            height: auto;
            padding: 0;
            border-right: none;
        }

            .about-container .column p {
                margin: 10px 0;
            }

        .about-container .logo-container {
            margin-top: 0;
        }

            .about-container .logo-container .logo {
                width: 140px;
                height: 28px;
                margin: 0 auto;
            }

        .about-container .icons-container {
            width: 200px;
            margin: 0 auto;
            float: none;
        }

            .about-container .icons-container a:last-child {
                margin-right: 0;
            }

    .help-container {
        translate: 2%;
        width: calc(100% - 20px);
        padding: 10px 0;
        font-size: 13px;
    }

        .help-container p > span {
            font-size: 22px;
        }

        .help-container a.contact, .help-container .phone {
            display: block;
            margin: 10px auto;
            padding: 5px 10px;
            width: 130px;
            color: #fff;
        }

        .help-container .phone {
            margin-bottom: 0;
        }

    /* Registration */

    .registration-container-2 {
        width: calc(100% - 20px);
        height: auto;
        margin: 0px auto;
        margin-bottom: 60px;
        background-image: none !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .registration-container-2 .left-part {
            width: 100%;
            float: none;
            font-size: 14px;
            text-align: center;
            margin: 0;
        }

            .registration-container-2 .left-part img {
                width: 160px;
            }

            .registration-container-2 .left-part span {
                font-size: 16px;
            }

        .registration-container-2 .confirmed {
            float: none;
            width: calc(100% - 40px);
            padding: 0 20px 20px;
        }

            .registration-container-2 .confirmed .form-registration-2-title {
                text-align: left;
                margin-top: 10px;
            }

    .form-registration-2 {
        width: calc(100% - 10px) !important;
        height: auto;
        margin: 0 auto 4px auto !important;
        float: none;
        -ms-border-radius: 0 0 7px 7px;
        border-radius: 0 0 7px 7px;
    }

        .form-registration-2 .form-registration-2-title {
            font-size: 16px;
            margin: 0 0 15px 0;
            padding-top: 10px;
        }

        .form-registration-2 .registration-description {
            width: calc(100% - 20px);
            margin: 0 10px;
        }

            .form-registration-2 .registration-description img {
                width: 60px;
            }

            .form-registration-2 .registration-description .registration-description-txt {
                width: calc(100% - 70px);
                font-size: 13px;
                margin: 0 0 0 10px;
            }

        .form-registration-2 .registration-fields {
            margin: 10px;
        }
        .form-registration-2 .registration-fields a {
            font-size: 10px !important;
        }
    .form-registration-2 .registration-fields input.name {
        width: calc(100% - 20px);
    }

                .form-registration-2 .registration-fields input.name:first-child {
                    margin-bottom: 10px;
                }

            .form-registration-2 .registration-fields input[type=text], .form-registration-2 .registration-fields input[type=password] {
                width: calc(100% - 20px)!important;
            }

            .form-registration-2 .registration-fields .button-registration {
                margin-bottom: 0;
            }

            .form-registration-2 .registration-fields .button-login {
                margin-top: 5px;
            }

        .form-registration-2 .paragraph {
            margin: 20px 10px 10px 10px;
            padding: 10px;
            font-size: 10px!important;
        }

    .registration-confirmed-container .display-message {
        min-height: 80px;
        background-position: top center;
        background-size: 90px;
        padding-left: 0;
    }

        .registration-confirmed-container .display-message p:first-child {
            margin-top: 110px;
        }

    /* User pages */
    h2.user {
        font-size: 20px;
    }

    .form-activity .form-row {
        padding: 10px 0;
    }

    .form-activity label {
        float: none;
       /* width: 100%;*/
    }

    .form-activity input[type=text], .form-activity input[type=password], .form-activity textarea {
        margin: 0;
        width: calc(100% - 22px);
    }

    .form-activity .form-row:nth-of-type(9) {
        flex-direction: column;
        gap: 4px;
    }

    .form-activity select {
        margin: 0;
        width: 100%;
    }

    .form-activity .value {
        margin: 0;
    }

    .form-activity .small-value {
        margin: 0;
        width: 50%;
    }

    .form-activity .action-button {
        margin: 0 0 0 0px;
    }

    .form-activity input.button {
        margin: 0 auto;
    }

    .form-activity-terms {
        margin-left: 0;
    }

    /* Landing pages */
    .vsebine-link-container {
        width: 100%;
        margin: 25px 0 0 5px;
    }

        .vsebine-link-container .vsebine-link {
            margin: 0 5px;
            width: calc(50% - 35px);
            font-size: 14px;
            word-break: break-word;
        }

    .landing-container {
        margin: 0 10px;
        width: calc(100% - 20px);
    }

        .landing-container .landing-half {
            float: none;
            width: 100%;
            margin: 0;
        }

        .landing-container img {
            max-width: 100%;
            margin: 0 !important;
        }

    .tfl-ponudba-kontakt {
        overflow-y: hidden;
        margin: 0 10px 30px;
        width: calc(100% - 20px);
    }

        .tfl-ponudba-kontakt .tfl-ponudba-kontakt-column {
            float: none;
            margin: 0;
            width: 100%;
        }

            .tfl-ponudba-kontakt .tfl-ponudba-kontakt-column:last-child {
                margin-top: 30px;
            }

            .tfl-ponudba-kontakt .tfl-ponudba-kontakt-column .icons {
                width: calc(100% - 30px);
                margin: 0 15px;
            }

            .tfl-ponudba-kontakt .tfl-ponudba-kontakt-column img.certificate {
                width: calc(50% - 30px);
                margin: 0 15px;
            }

    /* e-paketi */

    .srs-predstavitev .ins-container {
        padding: 20px 0;
        width: 100%;
        margin-left: 0;
    }

        .srs-predstavitev .ins-container .ins-content {
            padding: 0;
            width: 100%;
            float: none;
            font-size: 14px;
        }

            .srs-predstavitev .ins-container .ins-content.image {
                text-align: center;
            }

    .ins-cenik-table-container {
        overflow: scroll;
        white-space: nowrap;
    }
    .cenik-paketi .row{
        display: block;
    }
    .cenik-paketi .desktop {
        display: none;
        margin-left: 0px;
    }
    /*e-paket naročilo*/
    .epaketSummaryRow {
        width: 100% !important;
        padding-left: 0;
    }

    .epaketSummaryField {
        float: none;
        width: calc(100% - 4px);
    }

   

    .epaketCenikCellHeader {
        width: calc(100% - 10px);
    }

    .epaketCenikCell {
        width: 100%;
    }

    .epaketDdv {
        margin: 0;
        font-size: 11px;
        float: none;
        position: initial;
    }

    /* Najuglednejši */

    .najuglednejsi-banner img {
        width: 100%;
    }

    .najuglednejsi-title {
        padding: 10px 20px;
    }

        .najuglednejsi-title a {
            float: none;
            margin: 0;
        }

    .najuglednejsi-glasovanje-container {
        margin: 0 10px;
        width: calc(100% - 20px);
    }

        .najuglednejsi-glasovanje-container .form-registration {
            float: none;
            margin: 0;
        }

            .najuglednejsi-glasovanje-container .form-registration p {
                height: auto;
            }

        .najuglednejsi-glasovanje-container input[type=text], .najuglednejsi-glasovanje-container textarea {
            width: calc(100% - 22px);
        }

    .najuglednejsi-grey {
        width: 100%;
    }

    .najuglednejsi-personal-info-form {
        margin-left: 0;
        margin: 0 10px;
        width: calc(100% - 20px);
    }

        .najuglednejsi-personal-info-form label {
            float: none;
            width: 100%;
        }

        .najuglednejsi-personal-info-form input[type=text] {
            width: calc(100% - 22px);
        }

    .najuglednejsi-glasovanje-container .form-registration .ime {
        width: calc(100% - 83px);
    }

    .najuglednejsi-video-container {
        width: 100%;
        margin: 20px 0;
    }

        .najuglednejsi-video-container iframe {
            width: 100%;
            height: 200px;
        }

    ul.najuglednejsi-letniki-list li {
        margin-top: 10px;
    }

    .najuglednejsi-dogodek-content {
        width: calc(100% - 20px);
        margin: 10px;
    }

        .najuglednejsi-dogodek-content .najuglednejsi-gallery-container {
            margin: 0 auto;
        }

            .najuglednejsi-dogodek-content .najuglednejsi-gallery-container h1 {
                margin: 10px 0;
            }

        .najuglednejsi-dogodek-content .img-gallery {
            margin: 0 auto;
            width: 200px;
        }

            .najuglednejsi-dogodek-content .img-gallery a {
                margin: 4px auto;
            }

        .najuglednejsi-dogodek-content iframe {
            width: 100%;
            height: 250px;
        }

    /*TFL Izobrazevanja*/

    .seminar-bookmark-container {
        float: none;
        width: calc(100% - 20px);
    }

        .seminar-bookmark-container img {
            width: 100%;
        }

        .seminar-bookmark-container .bookmark-list {
            display: none;
            width: 100%;
        }

    .izobrazevanja-container {
        min-height: 0;
        margin: 0 5px;
    }

        .izobrazevanja-container h2 {
            padding-left: 10px;
            font-size: 14px;
            color: #404041;
            text-align: left;
        }

        .izobrazevanja-container > div.mesec {
            overflow-x: auto;
            white-space: nowrap;
        }

        .izobrazevanja-container .mesec * {
            white-space: normal;
        }

        .izobrazevanja-container .mesec .swipe-arrow {
            margin-top: 150px;
        }

        .izobrazevanja-container .izobrazevanje {
            display: inline-block;
            float: none;
            width: 200px;
            margin: 10px 5px;
            position: relative;
            vertical-align: top;
        }

        .izobrazevanja-container .slika-container {
            height: 90px;
            display: block;
        }

            .izobrazevanja-container .slika-container .icon {
                display: none;
            }

        .izobrazevanja-container .opomba {
            display: none;
        }

        .izobrazevanja-container .ugodnosti:hover + .opomba {
            display: block;
            left: 1px;
        }

    .izobrazevanja-banner {
        width: 100%;
        margin: 0;
    }

    .izobrazevanja-filter-container {
        width: 100%;
        overflow-x: scroll;
        margin: 0 0 16px;
    }

        .izobrazevanja-filter-container .filter-list {
            margin: 5px 0 10px 0;
        }

        .izobrazevanja-filter-container select {
            width: calc(100% - 20px);
            margin: 5px 0;
            background-color: #FFFFFF;
        }

        .izobrazevanja-filter-container .brezplacno {
            margin: 8px 18px 15px 0;
        }

        .izobrazevanja-filter-container a.filter {
            display: inline-block;
            margin: 0 5px;
        }

        .izobrazevanja-filter-container a.reset {
            display: block;
            margin-right: 20px;
            width: 90px;
        }

    .col-meta {
        margin: 0;
        padding: 10px 0;
        width: calc(100% - 5px);
        float: none;
        border-top: none;
    }

    .seminar-meta {
        margin: 0;
    }

        .seminar-meta a.button-large {
            width: 160px;
            padding: 15px 10px;
            margin: 10px auto 0 auto;
        }

        .seminar-meta img {
            width: calc(100% - 5px);
        }

        .seminar-meta table {
            width: calc(100% - 5px);
        }

    .col-content .seminar-content-title {
        font-size: 16px;
    }

    .col-content .kreditne-tocke {
        float: none;
        margin: 20px auto;
    }

    /* Gradbena akademija */
    .gradbena-akademija-col-container {
        margin: 0 10px;
        width: calc(100% - 20px);
    }

        .gradbena-akademija-col-container .gradbena-akademija-col-title {
            font-size: 18px;
            width: 100%;
            float: none;
        }

    .form-gradbena-akademija .form-row-attendee {
        margin-bottom: 10px;
        padding: 0 0 5px 0;
    }

        .form-gradbena-akademija .form-row-attendee .attendee-info {
            width: calc(100% - 20px);
            float: none;
            margin: 0 10px;
        }

    .gradbena-akademija-seminar-container .form-row {
        padding-left: 0;
    }

    .form-gradbena-akademija .form-row span {
        width: 100%;
    }

    .gradbena-akademija-seminar-container {
        float: none;
        margin: 0 10px;
        width: calc(100% - 20px);
    }

    .gradbena-akademija-button-add a {
        margin: 0 auto;
    }

    .gradbena-akademija-sporocilo-container {
        width: calc(100% - 20px);
        margin: 0 10px;
    }

        .gradbena-akademija-sporocilo-container textarea {
            width: calc(100% - 20px);
        }

    .gradbena-akademija-disclaimer {
        margin: 0 10px;
    }

    /* TFL Obveščanja */

    .obvescanja .obvescanja-part {
        float: none;
        width: 250px;
        margin: 0 auto 40px auto;
    }

        .obvescanja .obvescanja-part p.opis {
            height: auto;
        }

    .landing-title-banner {
        background-image: none;
        height: auto;
    }

        .landing-title-banner .landing-title-text {
            float: none;
            width: 100%;
            margin: 0;
        }

        .landing-title-banner img {
            width: 100%;
        }

    .landingPredstavitev {
        width: 100%;
    }

        .landingPredstavitev .landingContainer .landingContent {
            width: 100%;
            float: none;
        }

        .landingPredstavitev .landingContainer .contentText {
            width: calc(100% - 30px);
            padding: 0 15px;
        }

        .landingPredstavitev .landingContainer img {
            width: 100%;
        }

    .landing-radar-trial {
        width: 100%;
    }

    /* Predstavitev */

    .predstavitev-banner {
        margin-top: 0;
        background-size: 100%;
        width: 100%;
        height: 0;
        padding-bottom: 20%;
        position: relative;
        overflow-y: hidden;
    }

        .predstavitev-banner > div {
            font-size: 20px;
            padding: 10px 20px;
            margin-top: 10px;
        }

    .predstavitev-descr {
        padding: 0 10px;
        font-size: 14px;
    }

    .predstavitev-container-gray {
        -ms-border-radius: 0;
        border-radius: 0;
        width: calc(100% - 20px);
        padding: 10px;
    }

        .predstavitev-container-gray .block {
            padding-bottom: 10px;
        }

            .predstavitev-container-gray .block h4 {
                text-align: center;
            }

        .predstavitev-container-gray .block-2 {
            float: none;
            margin: 15px 0;
            width: calc(100% - 50px);
        }

            .predstavitev-container-gray .block-2 .pic {
                float: none;
                width: 100% !important;
                text-align: center;
            }

            .predstavitev-container-gray .block-2 img {
                width: 80px;
            }

            .predstavitev-container-gray .block-2 .descr {
                float: none;
                width: 100% !important;
                margin-left: 0;
                height: auto;
                min-height: 0 !important;
            }

    /* Persone */

    .persone-title {
        margin-top: 10px;
    }

        .persone-title img {
            width: 500px;
            margin-left: calc(((100% - 500px) / 2));
        }

    .persone-blocks .block {
        padding: 10px;
        width: calc(100% - 40px);
        float: none;
        margin: 20px 10px;
    }

    .persone-blocks a.button-small {
        margin: 20px auto 10px auto;
        float: none;
    }

    .persone-blocks .descr {
        min-height: 0;
    }

        .persone-blocks .descr > img {
            float: none;
            width: 60px;
            padding-left: calc(50% - 30px);
            margin: 0 auto;
        }

        .persone-blocks .descr .text {
            float: none;
            width: 100%;
        }

    .persone-cenik-container {
        background-color: #FFFFFF;
        padding: 10px;
        margin: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .persone-cenik-container .stitle {
            font-size: 18px;
        }

        .persone-cenik-container.sv-cenik {
            padding: 0;
        }

    /* TFL Mediji */

    .tfl-mediji-grey {
        text-align: center;
    }

        .tfl-mediji-grey a {
            display: none;
        }

    .tfl-mediji-section {
        margin: 20px 10px;
    }

        .tfl-mediji-section .tfl-mediji-section-part {
            width: 100%;
            margin: 0;
            float: none;
        }

            .tfl-mediji-section .tfl-mediji-section-part .icon {
                width: 240px;
                height: 162px;
                margin: 0 auto;
                background-size: 100%;
                background-repeat: no-repeat;
                background-position: center;
            }

            .tfl-mediji-section .tfl-mediji-section-part p:first-child {
                margin-top: 14px;
            }

    a.tfl-mediji-arhiv-link {
        width: 200px;
        margin: 0 auto 10px auto;
    }

    /* Lex-Novice */

    .novice-arhiv-letnik-container {
        float: none;
        width: calc(100% - 20px);
        margin: 0 10px;
    }

        .novice-arhiv-letnik-container .toc-tree {
            width: 100%;
            float: none;
        }

    .toc-results {
        width: calc(100% - 20px);
        padding: 0;
        margin: 20px 10px;
    }

    table.result-list td.glasnik-title {
        width: 90%;
    }

    /* PrednostiPortalaTFL */

    .prednosti-title-container {
        height: auto;
    }

        .prednosti-title-container .prednosti-title-banner {
            width: 100%;
            float: none;
        }

            .prednosti-title-container .prednosti-title-banner img {
                width: 100%;
            }

        .prednosti-title-container .prednosti-title-text {
            margin: 0 10px;
            width: calc(100% - 20px);
            float: none;
        }

            .prednosti-title-container .prednosti-title-text ul {
                margin-top: 10px;
            }

    ul.prednosti-list {
        width: calc(100% - 20px);
        padding: 0 10px;
    }

        ul.prednosti-list li {
            float: none;
            width: 100%;
            height: auto;
            margin: 0;
        }

    /* Cenik */

    .cenik-paketi {
        width: 100%;
        margin-top: 0;
    }

        .cenik-paketi .row.separator, .cenik-paketi .row.velikost {
            display: none;
        }

        .cenik-paketi .podrocje {
            float: none;
            height: auto;
            -ms-border-radius: 0;
            border-radius: 0;
            width: 100%;
            margin: 20px 0 5px 0;
            background-color: #FFFFFF;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

            .cenik-paketi .podrocje img {
                margin-top: 0;
            }

        .cenik-paketi .row:nth-child(2) .podrocje {
            margin-top: 0;
        }

        .cenik-paketi .podrocje a.button-small {
            display: none;
        }

        .cenik-paketi .paket {
            float: none;
            margin: 0;
            width: calc(100% - 10px);
            display: table;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

            .cenik-paketi .paket .velikost {
                width: 62px;
                margin-left: 0;
                display: table-cell;
                text-align: center;
                vertical-align: middle;
                color: #FFFFFF;
            }

            .cenik-paketi .paket .vsebina {
                width: 200px;
                display: table-cell;
                height: auto;
                padding: 10px 10px 0;
            }

        .cenik-paketi .row .paket:nth-child(2) {
            border-top: 10px solid #70C4F8;
            border-right: 10px solid #70C4F8;
        }

        .cenik-paketi .paket:nth-child(2) .velikost {
            background-color: #70C4F8;
        }

        .cenik-paketi .row .paket:nth-child(3) {
            border-top: 10px solid #52AFEA;
            border-right: 10px solid #52AFEA;
        }

        .cenik-paketi .paket:nth-child(3) .velikost {
            background-color: #52AFEA;
        }

        .cenik-paketi .row .paket:last-child {
            -ms-border-radius: 0;
            border-radius: 0;
            width: calc(100% - 10px);
            border-top: 10px solid #389CDF;
            border-right: 10px solid #389CDF;
            border-bottom: 10px solid #389CDF;
        }

        .cenik-paketi .paket:last-child .velikost {
            background-color: #389CDF;
        }

        .cenik-paketi .paket a.button-small.mobile {
            display: block;
        }

    .cenik-content-column {
        float: none;
        width: calc(100% - 20px);
        margin: 0 10px;
    }

        .cenik-content-column .section-title {
            margin: 30px 0 0 0;
        }

        .cenik-content-column > ul {
            padding: 0;
            margin: 0;
        }

            .cenik-content-column > ul > li {
                width: calc(100% - 38px);
                max-width: initial;
                float: none;
                padding: 15px;
                margin: 10px 0 20px 4px;
                border-right: none;
                border-bottom: 1px solid #DADADA;
            }

                .cenik-content-column > ul > li:last-child {
                    border-bottom: none;
                }

        .cenik-content-column .cenik-ins-banner {
            width: 200px;
            margin: 0 auto;
            float: none;
        }

        .cenik-content-column .cenik-ins-text {
            margin: 0;
            width: 100%;
            float: none;
        }

        .cenik-content-column .cenik-izobrazevanja-banner {
            width: 100%;
        }

        .cenik-content-column .button-small {
            margin: 20px auto 0 auto;
        }

        .cenik-content-column .table-st-uporabnikov {
            width: 100%;
            float: none;
        }

        .cenik-content-column .cenik-st-uporabnikov-note {
            width: 100%;
            margin: 10px 0;
            float: none;
        }

    .cenik-table-container {
        overflow-x: auto;
        white-space: nowrap;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .cenik-table.cenik {
        width: 920px;
        margin: 10px 2px;
    }

    .share-icons {
        margin-right: 10px;
    }

    /* Error */

    .error-container .image {
        float: none;
        width: 100%;
    }

        .error-container .image img {
            width: 200px;
        }

    .error-container .error {
        float: none;
        width: 100%;
        margin: 0;
        text-align: center;
    }

    /* Kontakt */

    .kontakt-form-column {
        width: 100%;
        margin: 0 0 30px;
        float: none;
    }

    .kontakt-form-container {
        width: calc(100% - 20px);
        min-height: 0;
        height: auto;
        margin: 10px;
        background-image: none !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .kontakt-form-container .headline {
            width: 100%;
            float: none;
            font-size: 14px;
            text-align: center;
            margin: 0;
        }

            .kontakt-form-container .headline img {
                width: 160px;
            }

            .kontakt-form-container .headline span {
                font-size: 16px;
            }

        .kontakt-form-container .terms {
            width: calc(100% - 28px);
            float: none;
            padding: 10px;
            margin: 0 4px 4px;
            -ms-border-radius: 0 0 7px 7px;
            border-radius: 0 0 7px 7px;
        }

    .kontakt-form {
        width: calc(100% - 8px);
        height: auto;
        margin: 0 auto;
        float: none;
    }

        .kontakt-form .title {
            font-size: 16px;
            margin: 0 0 15px 0;
            padding-top: 15px;
        }

        .kontakt-form .fields {
            margin: 10px;
        }

            .kontakt-form .fields .form-row label {
                display: none;
            }

            .kontakt-form .fields select {
                height: 36px;
                width: 100%;
                float: none;
            }

    .kontakt-form-container .message {
        left: 0;
        top: 0;
        position: relative;
        float: none;
        font-size: 14px;
        width: calc(100% - 20px);
        margin: 20px 10px;
    }

    /* TFL Svetovalec */

    .content.svetovalec {
        margin: 0 auto 40px;
    }

    .svetovalec-content,
    .svetovalec-banner {
        width: calc(100% - 20px);
        margin: 0 10px;
    }

        .svetovalec-content .subtitle-2 {
            margin: 25px 0 18px 0;
        }

        .svetovalec-content .video-container .video {
            float: none;
            width: 265px;
            margin: 15px auto;
        }

            .svetovalec-content .video-container .video.large {
                margin: 7px 5px;
                width: calc(100% - 10px);
                height: 240px;
            }

        .svetovalec-content .video-desc {
            margin: 10px 0;
        }

        .svetovalec-content .video-container .video:nth-child(3n - 1) {
            margin: 15px auto;
        }

        .svetovalec-content .kontakt-form-container {
            margin: 20px 0 0 0;
            width: 100%;
        }

    .cenik-content-column .svetovalec-content {
        margin: 0 0 20px;
    }

    .persone-cenik-container .svetovalec-column {
        width: 100%;
        margin: 0;
    }

    .svetovalec-cta-preizkus {
        background-image: none !important;
        padding: 10px 0;
    }

        .svetovalec-cta-preizkus .content.svetovalec {
            margin-bottom: 20px;
        }

        .svetovalec-cta-preizkus p {
            margin: 20px 10px;
        }

        .svetovalec-cta-preizkus a.preizkus {
            margin-top: 30px;
        }

    .svetovanje-header {
        height: 100px;
        margin-top: 0;
    }

    .svetovanje.content .svetovanje-title-1 {
        margin-top: 20px;
    }

    .svetovanje.content .svetovanje-half-1 {
        margin-top: 10px;
    }

    .svetovanje.content .svetovanje-kontakt-1 {
        margin-bottom: 40px;
    }

    .svetovanje.content .svetovanje-pravno-1 {
        margin-top: 0;
    }

    .svetovanje.content .svetovanje-pravno-2 {
        width: 100%;
    }

    .svetovanje-icons {
        padding: 0;
        width: 100%;
        padding-bottom: 20px;
    }

        .svetovanje-icons .icon {
            float: none;
            width: 100%;
            margin: 10px auto;
        }

    .svetovanje-box-container {
        width: 100%;
    }

        .svetovanje-box-container.fin {
            width: 100%;
        }

            .svetovanje-box-container.fin .flip-card {
                width: 90%;
            }

        .svetovanje-box-container .flip-card {
            float: none;
            margin: 10px auto;
        }

    .svetovanje.content .svetovanje-davcno-1,
    .svetovanje.content .svetovanje-davcno-2 {
        width: calc(100% - 20px);
    }

    .svetovanje-steps-container {
        width: 100%;
    }

        .svetovanje-steps-container .step {
            float: none;
            width: 100%;
            height: auto;
            margin: 0 auto;
        }

        .svetovanje-steps-container .arrow {
            margin: 20px auto;
            display: block;
            float: none;
            transform: rotate(90deg);
            width: 70px;
            height: 50px;
            background-position: center;
        }

    .svetovanje-green-2 {
        padding: 20px 10px;
        margin-top: 20px;
    }

    .svetovanje-banner {
        display: none;
    }

    .svetovanje.content a.button-small.primeri {
        width: 70%;
        margin: 20px auto;
        font-size: 20px;
        padding: 8px 30px;
        border: 3px solid #DADADA;
        border-radius: 10px;
        -ms-border-radius: 10px;
        background-color: #FFF;
        color: #404041;
        -webkit-box-shadow: 0 4px 8px 0 #E4E4E4;
        -moz-box-shadow: 0 4px 8px 0 #E4E4E4;
        box-shadow: 0 4px 8px 0 #E4E4E4;
    }

    .search-container-wrapper {       
        display: block;
    }
    /* Survey */

    .session-start-container {
        margin: 10px auto;
        width: 100%;
    }

        .session-start-container .session-start-info {
            float: none;
            width: 100%;
            margin-left: 0;
        }

    .session-start-form {
        float: none;
        width: calc(100% - 2px);
    }

    .question-content {
        width: 100%;
        padding: 0;
    }

        .question-content .question-note-container img {
            width: 100%;
        }

        .question-content .answer-note {
            float: none;
            width: calc(100% - 12px);
        }

    .report-list {
        width: 100%;
        float: none;
        margin-bottom: 50px;
    }

    ul.report-list li a.mobile {
        display: block;
    }

    ul.report-list li a.desktop {
        display: none;
    }

    .report-question-note img {
        width: 100%;
    }

    .question-content .question-note-container .question-note-content .question-note-logo-table {
        width: 100%;
    }

        .question-content .question-note-container .question-note-content .question-note-logo-table td:first-child img {
            width: 100px;
            height: 22px;
        }

        .question-content .question-note-container .question-note-content .question-note-logo-table td:nth-child(2) img {
            width: 90px;
            height: 21px;
        }

        .question-content .question-note-container .question-note-content .question-note-logo-table td:last-child img {
            width: 40px;
            height: 29px;
        }

    .report-container {
        display: none;
    }

    .session-table-container {
        width: 100%;
        overflow-x: scroll;
    }

    .survey-predstavitev-img {
        width: 100%;
    }

    .survey-predstavitev-part-special {
        width: calc(100% - 32px);
    }

    /*rok*/

    .flat-doc-title h2 {
        padding-left: 0px !important;
        padding: 0 10px;
    }

    #documentContent .flat-doc-content {
        padding: 0 10px;
        margin: 0px !important;
    }

    .slide-in-summary {
        padding: 10px !important;
        width: calc(100% - 20px) !important
    }

    .sticky-flat-title {
        top: 0px;
    }

    .flat-doc-summary {
        display: none;
    }


    /*document*/
    .highlight-container,
    #lnkToggleLegenda,
    #lnkToggPrimerjaj,
    .tfl-checkbox-label,
    #rbSearchAdvanced,
    #rbSPSearchAdvanced,
    label[for="rbSPSearchAdvanced"],
    label[for="rbSearchAdvanced"],
    .timeline-container.tl-document,
    .tip-iskanja .tooltip-container,
    .tip-iskanja .instructions,
    .expand-comment .copy-clipboard {
        display: none !important;
    }
    .cistopis-usage{
        font-size: 10px!important;
    }
    .search-advanced-container label {
        font-size: 10px;
    }
    .search-advanced .category-wrapper {
        flex-direction: column;
    }
    .search-advanced .category {
        min-width: 100%;
    }
    .toolbar .button-set {
        float: none;
        display: flex;
        align-content: center;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        gap: 8px;
        margin-bottom: 5px;
    }
    .toolbar .single-column {
        margin: 4px 0 0 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: stretch;
        align-items: stretch;
        flex-direction: column-reverse;    
    }
        .toolbar  .single-column .column {
            display: flex;
            align-items: stretch;
            justify-content: center;
            margin: 2px 0 5px;
        }
    .document-timeframes .column4,
    .meta-data .column4 {
        float: none;
        display: flex;
        flex-direction: column;
    }
   
  

    .meta-data .column2
     {
        width: 100%;
        margin: 0 10px 0 10px;
        float: none;
        display: flex;
        flex-direction: column;
    }
    .document-title .predpis-usage, .document-title-2 .predpis-usage{
        margin: 2px;
    }
    .toolbar-fixed .second-title-column {
        display: none !important;
    }
    .document-timeframes .content-flex-center {
        flex-direction: column;
    }
    ul.document-state {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: stretch;
        max-width: min-content;
        margin: 2px auto;
    }
    .document-timeframes .column3 {
        width: 100%;
        max-width: -webkit-fill-available;
        margin: 0 10px;
    }
    #documentNodes .node {
        overflow: hidden;
        width: 100%;
    }

        #documentNodes .node .comment-container{
            display: none;
        }
        #documentNodes .node .detail,
        #documentNodes .node .expand-node,
        #documentNodes .node .expand-comment {
            position: absolute;
        }
        #documentNodes .node .block-content,
        #documentNodes .node .node-content {
            margin: 0px auto;
            width: 95%;
            text-align: center;
            font-size: 11px;
        }
    .element-compare .button-compare,
    #toggleTimeline {
        display: none;
    }
    .comment-container .comment-controls:first-child {
        float: right;
    }
    #documentNodes .node .detail {
        width: 100%;
        margin-top: 55px;
    }
        #documentNodes .node .expand-comment {
            display: none !important;
        }
            #documentNodes .node .expand-comment.no-comment {
                margin-top: 25px;
                margin-left: 0px;
            }
    .sodna-praksa-search .sodna-praksa-controls {
        float: none;
        width: calc(100% - 20px);
    }

    .sodna-praksa-search-wrapper ul.sp-field-group {
        grid-template-columns: 100%;
    }
    .results-modern ol.result-list{
        padding-left:0px;
    }
    .sodna-praksa-search-wrapper .sodna-praksa-results{
        padding: 20px;
    }
    .section-result-wrapper {
        flex-direction: column;
        align-items: center;
    }
    .sodna-praksa-search-wrapper .filter-section {
        width: 100%;
    }


    .results-modern .filter-container ul {
        flex-direction: column;
    }


    /*AI*/
    #ai-wrapper {
        margin: 0px -6px 0px 18px;
    }

    #hilightList {
        display: none !important;
    }

    .turn-right {
        width: calc(100% - 10px) !important;
        height: calc(100vh - 150px) !important;
    }

    #toggle-summary-btn {
        display: flex;
    }

    .aitfl-banner h1 {
        font-size: 35px;
    }

    .aitfl-banner {
        height: 220px;
        background-image: url("../../Content/Images/Ai/ai-landing-mobile-new.png");
        min-width: 350px;
    }
    .ai-landing-section-soon-2 {
        background-size: cover;
        margin: 0 2rem;
        padding: 1rem;
    }
    .ai-landing-section-soon {
        margin: 2rem;
        padding: 1rem;
    }
    .ai-landing-section-soon h3{
        font-size: 1rem!important;
    }

    .ai-naslov-mid,
    .ai-landing-container h1,
    .ai-landing-container .description,
    .ai-landing-container .insight-box .header-title {
        padding: 0 15px;
    }

    .ai-landing-container .feature-image {
        max-width: 45vmax;
    }

    .ai-content-section:nth-child(2n),
    .ai-content-section {
        flex-direction: column-reverse;
        padding: 0px;
        padding-bottom: 8vmax;
    }

        .ai-content-section .description {
            padding: 0px;
        }

        .ai-content-section .ai-content {
            margin-right: 0px !important;
            margin: 0px 5px 15px;
            justify-content: center;
            align-items: center;
            text-align: center !important;
            padding: 0px 15px;
        }

    .ai-sodba-icon {
        width: 50px !important;
        height: 50px !important;
    }

    .ai-panel-container .ai-panel {
        margin: 0px 10px 15px;
        border: 2px solid #fff;
        border-radius: 10px !important;
        height: auto;
        padding-bottom: 5px;
    }

    .ai-content-section .ai-media {
        display: grid;
        justify-items: center;
        margin: 0 auto !important;
    }

    .ai-smallvec {
        margin: 2px auto;
        position: relative;
        right: 0px;
        padding: 4px;
    }

    .compact {
        align-items: center;
    }
    .ai-dashboard {
        margin: 0 10px 10px !important;
    }

    .ai-primeri-wrapper li {
        margin: 0px 5px !important
    }

    .ai-kontakt-form {
        margin: 5px 10px;
    }

    .ai-landing-container .ul.description {
        padding-left: 40px !important;
    }

    .mobile-promotion-banner {
        display: block;
        width: 100%;
        height: 100px;
    }

    .mobile-promotion-banner {
        background-image: url(../../Content/Images/Ai/ai-banner-mobile-landing.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }


    .ai-landing-sections h1{
        text-align: center;
    }

    .ai-landing-section-wrapper{
        width: calc(100% - 10px);
    }
        .ai-landing-section-wrapper::before {
            content: none;            
        }

    .ai-content-section::after {
        content: none;       
    }
    .ai-content-section .ai-media img, .ai-content-section .ai-media video, .ai-content-section .ai-media iframe {
        width: 80vw;
        margin: 0 auto !important;
    }
    .ai-content-undersection {
        width: calc(100% - 10px);
    }

    .ai-search-option-selected,
    .ai-search-option-default {
        font-size: 0.65rem;
        padding: 0.4rem;
        max-width: 25%;
        text-wrap: auto;
        text-wrap-mode: wrap;
        height: 35px;
    }

    /*CHAT*/
    .header .content {
        max-width: 767px!important;
    }
    .ai-search-title {
        font-size: 40px;
    }
    .ai-chat-history-container {
        top: 0px !important;
    }
    .ai-search-parent-container {
        width: 24rem;
    }
    .ai-session-history-list-wrapper {
        left: -100vw;
    }
    .ai-chat-history-wrapper {
        position: absolute;
        background-color: #404040;
        border-radius: 1rem;
    }
    .ai-search-options-container {
        padding: 6px 0.75rem 0.75rem;
    }
    .ai-search-disclamer-wrapper {
        display: none;
        bottom: 65px;
        font: 8px;
    }
    .ai-chat-message-user-wrap {
        font-size: 0.75rem;
        padding: 0.5rem 0.5rem;
        margin: 0.75rem 0.785rem 1rem 0rem;
        max-width: 72vw;
    }
    .ai-chat-parent-container {
        max-width: 98vw;
    }
    .ai-chat-history-container-child{
        margin: 0px;
    }
    .ai-chat-message-ai-wrap {
        font-size: 0.75rem;
        padding: 0.5rem 0.5rem;
        max-width: calc(100% - 2rem);
        margin: 0px;
 /*       margin: 4rem 0px 0px 1rem;*/
    }
    .ai-chat-message-img-wrap{
        display: none;
    }
    .ai-search-input-textarea-btn-fix {
        margin: 0;
    }
    .ai-chat-main .ai-search-disclamer-container {
        display:none;
    }
    .ai-chat-message-timestamp {
        font-size: 0.5rem;
        padding: 0px;
    }
    .ai-search-function-container {
        max-width: 100vw;
    }
    .ai-chat-bottom-container{
        margin-left:0px;
    }

    .ai-search-input-container {
        padding: 0.325rem;
    }
    .ai-chat-document-list {
        max-width: calc(100vw - 5rem);
        margin-top: 0.2rem;
    }
        .ai-chat-document-list .tabs button.tab-button {
            font-size: 0.65rem;
            padding: 4px 0.53rem;
        }
    .ai-chat-message-ai-wrap p,
    .thinking-content li{
        font-size: 11px !important;
    }
    .thinking-content {
        padding-left: 5px;
    }
        .thinking-content ul {
            font-size: 11px !important;
            margin: 0px;
        }
    .ai-chat-message-img img {
        width: 1.5rem;
        height: 1.5rem;
    }
    .ai-chat-document ul li {
        margin: 0.5rem 0;
    }
    .ai-chat-document p {
        margin: 0.5rem 0;
        font-size: 10px;
    }
    .ai-chat-suggestion {
        font-size: 0.75rem;
        max-width: calc(100% - 2rem);
        padding: 0.2rem 0.5rem;
        line-height: 1rem;
    }
    .ai-chat-suggestion p{
        margin: 0;
    }

    .ai-chat-document-list .tab-content {
        padding: 5px 10px;
    }
    .ai-chat-messages-box {
        margin-bottom: 12vh;
    }
    .ai-chat-main .ai-search-input-wrapper {
        width: 100%;
    }
    .next-action li{
        display: grid;
    }
    .question-mark-menu-button{
        display: none;
    }
    .ai-chat-suggestion lift {
        max-width: calc(100% - 4rem);
    }
    /*to fix lag--temp*/
    .search-container .search-box
    {
        width: 100%;
    }

    #ai-overlay {
        display: none !important;
        width: 0;
        height: 0;
        opacity: 0;
        z-index: -1;
        position: absolute;
    }

    .ai-nevronbg {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    #ai-content-container {
        width: calc(100vw - 40px) !important;
        margin-left: 10px !important;
        min-width: calc(100vw - 40px) !important;
        right: 0px;
    }

    .ai-landing-iskanje-section-fix {
        top: 60px;
    }
        .ai-landing-iskanje-section-fix  .ai-search-input-wrapper{
            bottom:30px;
        }
        .ai-landing-iskanje-section-fix .ai-search-function-wrapper {
            height: 1.5rem;
        }
        .ai-landing-iskanje-section-fix .ai-iskanje-results-container{
            overflow: auto;
        }
            .ai-landing-iskanje-section-fix .ai-iskanje-results-container .tab-content {
                height: calc(100vh - 20rem);
                width: auto;
            }  


}
@media screen and (max-height: 450px) {
    .ai-history-slider {
        padding-top: 15px;
    }

        .ai-history-slider a {
            font-size: 18px;
        }
}