@media screen and (min-width: 1024px) {
    /* .fast-links .lista-0 .content-0 .lista-1:last-child .content-1{
         left: -100%;
    } */
    .slick-dots li {
        top: 30px;
    }
}
@media screen and (min-width: 1000px) {
    .convertor .name-of-box {
        margin-bottom: 0px;
    }
}
@media screen and (max-width: 1920px) {
    #allNews-header .header-img,
    #search-header .header-img {
        position: absolute;
        width: auto;
        top: 0;
        right: 0;
        z-index: -1;
    }
}
@media screen and (max-width: 1800px) {
    .exchange-table.index{
        max-width: unset;
    }
    .exchange-table td {
        padding: 5px 10px;
    }
    .status>form:nth-child(2){
        margin-top: 15px;
    }
    .status>form>label>input{
        height: 30px;
    }
    .convertor form {
        transform: translateY(-15px);
    }
    .exchange-rate-wrapper{
        transform: translateY(10px);
    }
}
@media screen and (max-width: 1700px) {
    .header-slider-text{
        transform: unset;
    }
    .convertor-button-container a{
        font-size: 12px;
    }
    table tr td{
        font-size: 12px;
    }
    .status>form:nth-child(2)>label{
        font-size: 14px;
    }
    .exchange-table tr:nth-child(1)>th{
        font-size: 14px;
    }
    .name-of-box h3{
        font-size: 17px;
    }
    .currency-a li span, .currency-select-box li span {
        margin-left: 15px!important;
        font-size: 12px!important;
    }
    .custom-input{
        font-size: 12px!important;
    }
}
@media screen and (max-width: 1650px) {
    .lista-0 > a{
        font-size: 18px;
    }
    .fast-links .lista-0{
        padding: 0 13px;
    }
    .lista-1 a{
        font-size: 16px;
    }
    .header-slider .header-slider-item img:nth-child(2){
        display: none!important;
    }
}
@media screen and (max-width: 1520px) {
    #integration>.container:nth-child(1) {
        max-width: calc(100% - 50px);
    }
    .lista-0 > a{
        font-size: 16px;
    }
    .fast-links .lista-0{
        padding: 0 10px;
    }
}
@media screen and (max-width: 1400px) {
    .nav-logo-resize{
        height: 50px;
    }
    .lista-1 a{
        font-size: 14px;
    }
    .fast-links .lista-0{
        padding: 0 0px;
    }
}
@media screen and (max-width: 1300px) {
    .ebank-mobile img{
        display: none;
    }
    .header-slider-text {
        height: calc(100vh - 200px);
    }
    .header-slider-text .container>h5 {
        font-size: 20px;
    }
    .header-slider-text .container>h1:nth-child(1) {
        font-size: 50px;
        line-height: 60px;
    }
    .header-slider-text .container>div:nth-child(3) {
        max-width: 450px;
    }
    #integration>.container>div>.name-of-box>h3 {
        font-size: 16px;
    }
    #integration>.container>div {
        padding: 28px;
    }
    #integration>.container:nth-child(1) {
        max-width: calc(100% - 168px);
    }
    #benefits>h2 {
        padding: 80px 0 80px;
    }
    .container {
        width: 100%;
        max-width: calc(100% - 168px);
    }
    #benefits>.container {
        margin-bottom: 70px;
    }
    #news {
        width: 75%;
        padding-bottom: 80px;
    }
    #contactUs .contacnt-box {
        padding: 80px 0;
    }
    #signUp>div {
        margin: 80px auto;
    }
    #googleMap {
        height: 450px;
    }
    #socialBar>div:nth-child(1)>h1:nth-child(1)>div:first-child p {
        font-size: 38px;
    }
    #socialBar>div:nth-child(1)>h1:nth-child(1)>div:last-child {
        font-size: 80px;
        line-height: 41px
    }
    #socialBar>div>div:last-child>a {
        width: 60px;
        height: 60px
    }
    #socialBar>div {
        max-width: calc(100% - 168px);
    }
    footer>.container>div:first-child {
        padding: 50px 0;
    }
    footer>.container {
        max-width: calc(100% - 168px);
    }
    footer>.container>.footer-links {
        margin-bottom: 50px;
    }
    footer>.copyright {
        height: 50px;
    }
    .sticky-menu {
        max-width: 80px;
    }
    #location>div:last-child {
        justify-content: flex-start;
        padding-left: 35px;
        width: calc(100% - 50%);
    }
    #location>div:last-child>div {
        width: 70%;
    }
    #otherArticles .container>h1 {
        width: 90%;
        font-size: 59px;
        line-height: 74px;
    }
    #otherArticles .container {
        padding: 80px 0;
    }
    #otherArticles .other-articles {
        width: 75%;
        margin: 0 auto;
        margin-top: 60px;
    }
    #otherArticles .other-articles a h3:nth-child(2) {
        padding: 15px 20px;
        line-height: 24px;
        min-height: 100px;
    }
    #allNews-box>.container>div:nth-child(2),
    #singleNews-box>.container>div:nth-child(2) {
        max-width: 30%;
    }
    #allNews-box>.container>div:nth-child(1),
    #singleNews-box>.container>div:nth-child(1) {
        max-width: 68%;
    }
    #allNews-box>.container,
    #search-box>.container,
    #singleNews-box>.container {
        padding-top: 80px;
    }
    #search-box>.container {
        padding-top: 10px !important;
        padding-bottom: 50px;
    }
    .application-form form div:last-child {
        flex-direction: row;
        align-items: center;
        margin-top: 30px;
    }
    .leftImage-text {
        max-width: 68% !important;
    }
    .leftImage-template .container img {
        max-width: 30%;
    }
    .leftImage-template .container {
        padding: 80px 0 80px 0;
    }
    #list-template>.container {
        padding: 0px 0 60px 0;
    }
    #download-documentation>.container {
        padding: 10px 0;
    }
}
@media screen and (max-width: 480px) {
    .contact-main-form button{
        width: 100%!important;
    }
}
@media screen and (max-width: 1100px) {
    .converter-wrapper {
        margin-bottom: 0px;
    }
    .exchange-rate-wrapper {
        transform: translateY(0px);
    }
    .huawei-icon{
        margin-left: 0px;
    }
    .header-slider-text {
        height: calc(100vh - 274px);
        max-width: 750px;
    }
    .footer-links>div a,
    .footer-links>div>h4 {
        font-size: 14px;
        line-height: 16px;
    }
    .footer-links>div>h5:nth-child(1) {
        font-size: 16px;
        line-height: 26px
    }
    #allNews-header,
    #search-header {
        height: 362px;
    }
    footer>.copyright h4 {
        font-size: 14px;
        line-height: 16px;
    }
    .header-slider-text .container>h1:nth-child(1) {
        font-size: 40px;
        line-height: 50px;
        max-width: 450px;
    }
    #benefits>.container>.one-box {
        padding: 20px;
    }
    #integration>.container>div>.name-of-box {
        flex-direction: column;
    }
    #otherArticles .container {
        max-width: calc(100% - 100px);
    }
    #otherArticles .other-articles a h3:nth-child(2) {
        font-size: 16px;
        line-height: 20px;
    }
    #allNews-header.samplePage {
        height: 362px;
    }
    #signUp>div {
        max-width: 650px;
    }
}
@media screen and (max-width: 1100px) {
    .name-of-box .info{
        right: -10px;
    }
    .tooltiptext {
        width: 220px;
        font-size: 12px;
        left: -125%;
    }
    .tooltiptext::after {
        left: 82%;
        /* transform: translatex(-120%); */
    }
}
@media screen and (max-width: 1280px) {
    /* NAVIGATION RESPONSIVE */
    .top-bar {
        width: 0 !important;
    }
    .open-nav {
        width: 580px !important;
    }
    nav>.menu {
        display: none;
    }
    .ebank {
        display: none !important;
    }
    /* hover */
    .lista-0.yellow{
        background-color: #FEBE10!important;
        background-position-y: 25px;
        background-image: url(../../img/arrow-up.png)
    }
    .lista-0 a.white{
        color: #000D30!important;
    }
    .lista-1:hover {
        border-bottom: none;
    }
    .fast-links {
        flex-direction: column;
        height: 100%;
        align-items: flex-start;
        overflow-x: scroll;
        margin-top: 40px;
        opacity: 0;
    }
    .fast-links.open-nav {
        opacity: 1 !important;
        overflow-x: hidden;
    }
    .fast-links .lista-0 {
        height: auto;
        display: inline-block;
        width: 100%;
        padding: 0;
        padding-bottom: 10px;
        padding-top: 15px;
        /*     padding-left: 40px; */
    }
    .lista-0>a:first-child {
        margin-left: 0px;
        padding-left: 40px
    }
    .lista-1 {
        display: inline-block;
        width: 540px;
        padding: 0px 0px;
        margin-right: 0px;
    }
    .lista-2 {
        display: inline-block;
        padding: 0px 0px;
        width: 100%;
    }
    .content-0 {
        /* flex-direction: column; */
        position: relative;
        right: auto;
        top: auto;
        height: auto;
        left: auto;
        background-color: #fff;
        color: #000D30;
        margin-top: 15px;
        width: 380px;
        /*  border-left:  1px solid #D4DAEB; */
    }
    .lista-1 a {
        color: #000D30;
    }
    .background {
        background-color: #FEBE10;
    }
    .active {
        display: grid;
        grid-template-columns: auto;
    }
    .content-1 {
        position: relative;
        right: auto;
        top: auto;
        height: auto;
        left: auto;
        width: 100%;
        border-right: none;
        border-left: 1px solid #D4DAEB;
        box-shadow: none;
        padding-top: 0;
        padding-bottom: 0;
    }
    .content-2 {
        position: relative;
        right: auto;
        top: auto;
        height: auto;
        left: auto;
        width: 100%;
        box-shadow: none;
    }
    .content-3 {
        position: relative;
        right: auto;
        top: auto;
        height: auto;
        left: auto;
        width: 100%;
        box-shadow: none;
    }
    .lista-3 {
        padding: 0px;
        border-left: 1px solid #D4DAEB;
        border-bottom: none;
    }
    .lista-4 {
        padding: 0px;
        border-left: 1px solid #D4DAEB;
        border-bottom: none;
    }
    .lista-1 a {
        font-size: 14px;
        font-weight: 300;
        font-family: 'Roboto Regular', sans-serif;
        color: #000D30;
        padding: 10px;
        display: block;
        line-height: 25px !important;
        padding-left: 20px;
    }
    .lista-2 a {
        font-size: 14px;
        font-weight: 300;
        font-family: 'Roboto Regular', sans-serif;
        color: #000D30;
        padding: 10px;
        display: block;
        line-height: 25px !important;
        padding-left: 30px;
    }
    .open-nav {
        width: 380px !important;
    }
    .lista-1 {
        z-index: 5;
        width:380px;
        background-color: #fff;
    }
    .lista-2 {
        width:380px;
        background-color: #f5f5f5;
    }
    .lista-3{
        width:380px;
        background-color: #eeeeee;
    }
    .lista-4{
        background-color: #eeeeee;
    }
    .yellow-hover{
        background-color: #FEBE10;
    }
    .fast-links .lista-0 .smart-nova-menu{
        padding-left: 20px;
    }
    .lista-1.yellow{
        background-color: #FEBE10;
        background-position-y: 20px;
        background-image: url(../../img/arrow-up.png)
    }
    .lista-2.yellow{
        background-position-y: 20px;
        background-image: url(../../img/arrow-up.png);
        background-image: no-repeat;
    }
    .lista-2 a.yellow{
        color: #FEBE10 !important;
    }
    .lista-3:hover a {
        color: #000D30!important;
    }
    .lista-3 a {
        font-size: 14px;
        font-weight: 300;
        font-family: 'Roboto Regular', sans-serif;
        color: #000D30!important;
        padding: 10px;
        display: block;
        line-height: 25px !important;
        padding-left: 40px;
    }
    .lista-4:hover a {
        color: #000D30!important;
    }
    .lista-4 a {
        font-size: 14px;
        font-weight: 300;
        font-family: 'Roboto Regular', sans-serif;
        color: #000D30!important;
        padding: 10px;
        display: block;
        line-height: 25px !important;
        padding-left: 40px;
    }
    nav {
        position: fixed;
        width: 0;
        z-index: 15;
        top: 0;
        bottom: 0;
        height: 100vh;
        background-color: rgba(0, 13, 48, 0.8);
    }
    nav.open-nav {
        width: 100% !important;
        z-index: 100;
    }
    nav>.top-bar {
        width: 580px;
        height: calc(70vh);
        display: flex;
        flex-direction: column-reverse;
        top: 69px;
        bottom: 0;
        position: absolute;
    }
    .fast-links-second {
        width: 100%;
        display: none;
        height: 50px;
        justify-content: space-between;
        padding-left: 40px;
        opacity: 0;
    }
    .fast-links-second.open-nav {
        display: flex;
        opacity: 1;
    }
    .mobile-header {
        display: block;
        background-color: #000D30;
        z-index: 200;
        position: fixed;
        top: 0;
        width: 100%;
        padding: 10px;
    }
    .mobile-header-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        /*  padding: 20px 40px; */
    }
    .mobile-right {
        display: flex;
    }
    .exchange-rate{
        margin: 30px 0;
    }
    .hamburger-menu {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
    }
    .mobile-logo-wrapper,
    .hamburger-menu,
    .mobile-right {
        height: 50px;
    }
    .mobile-logo-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 40px;
        padding: 10px 0px;
    }
    .mobile-header-wrapper a img {
        width: 80px;
    }
    .search input {
        width: 214px;
    }
    .full-content-arrow {
        background-image: url("../../img/arrow-down.png");
        background-repeat: no-repeat;
        background-position-x: 95%;
        background-position-y: 50%;
    }
    .ebank-mobile {
        background-color: #FEBE10;
        width: 145px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Roboto Medium", sans-serif;
        font-weight: normal;
        position: relative;
        color: white;
        cursor: pointer;
        margin-right: 10px;
    }
    .ebank-mobile:hover {
        background-color: rgba(254, 190, 16, 0.8);
    }
    .ebank-mobile>img {
        margin-left: 20px;
        transition: all 0.3s;
    }
    .ebank-mobile>img.active {
        transform: translateX(10px);
        transition: all 0.3s;
    }
    .ebank-mobile>.ebank-dropdown {
        position: absolute;
        bottom: -130px;
        left: 0;
        width: 225px;
        height: 130px;
        background-color: white;
        transform: translateY(20px);
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s;
    }
    .ebank-mobile>.ebank-dropdown.active {
        transform: translateY(0px);
        visibility: visible;
        opacity: 1;
        transition: all 0.3s;
        flex-direction: column;
    }
    .ebank-mobile>.ebank-dropdown>a {
        font-size: 20px;
        display: flex;
        justify-content: space-evenly;
        color: #000D30;
        height: 43px;
        align-items: center;
        width: 100%;
        transition: all 0.3s;
    }
    .ebank-mobile>.ebank-dropdown>a:hover {
        background-color: #F5F7FA;
        transition: all 0.3s;
    }
    .ebank-mobile>.ebank-dropdown>a:hover img {
        transform: translateX(5px);
        transition: all 0.3s;
    }
    .ebank-mobile>.ebank-dropdown>a img {
        transition: all 0.3s;
    }
    #nav-icon1 {
        width: 30px;
        height: 20px;
        position: relative;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    #nav-icon1 span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #fff;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    #nav-icon1 span:nth-child(1) {
        top: 0px;
    }
    #nav-icon1 span:nth-child(2) {
        top: 9px;
    }
    #nav-icon1 span:nth-child(3) {
        top: 18px;
    }
    #nav-icon1.open span:nth-child(1) {
        top: 9px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    #nav-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -40px;
    }
    #nav-icon1.open span:nth-child(3) {
        top: 9px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    /* NAVIGATION RESPONSIVE */
    header {
        margin-top: 50px;
    }
    .sticky-menu {
        flex-direction: row;
        max-width: 384px;
        top: auto;
        bottom: 0;
        justify-content: center;
        left: 50%;
        transform: translate(-50%, 0) !important;
        -webkit-transform: translate(-50%, 0) !important;
        -moz-transform: translate(-50%, 0) !important;
        -ms-transform: translate(-50%, 0) !important;
        -o-transform: translate(-50%, 0) !important;
    }
    .sticky-menu>a {
        height: 96px;
        width: 96px !important;
    }
    .header-slider-text {
        height: 610px;
    }
    .header-slider {
        height: 610px;
    }
    .header-slider .header-slider-item {
        overflow: hidden;
        display: flex !important;
        justify-content: center;
        align-items: center;
        height: 610px;
    }
    .header-slider .header-slider-item img {
        width: fit-content;
    }
    #integration {
        margin-top:30px;
    }
    .header-slider .slick-dots{
        bottom: 30px;
    }
    #benefits>.container>.one-box {
        flex: calc((6/ 8) * 100%);
        width: calc((6 / 8) * 100%);
        max-width: calc((6 / 12) * 100% - 15px);
    }
    .table-overflow{
        overflow-x: auto;
    }
    #integration>.container:nth-child(1) {
        max-width: calc(100% - 168px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 0px;
    }
    #integration>.container>div {
        flex: 100%;
        width: 100%;
        max-width: calc(100% - 15px);
    }
    .person-right{
        flex-direction: column-reverse;
        align-items: center;
    }
    .person-right img, .person-left img{
        width: 392px;
        margin-bottom: 40px;
    }
    .person-left div {
        text-align: justify;
        padding-left: 0px;
    }
    .person-right div {
        text-align: justify;
        padding-right: 0px;
    }
    .person-left{
        align-items: center;
        flex-direction: column;
    }
    #contactUs {
        flex-direction: column;
    }
    #contactUs .contacnt-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        flex: 100%;
        width: 100%;
        max-width: 100%;
        padding: 20px 0;
    }
    #contactUs .contacnt-box>img {
        width: 50px;
        min-width: 50px;
    }
    #contactUs>.contacnt-box>h3 {
        font-size: 22px;
        line-height: 28px;
        width: 360px;
        text-align: center;
        margin: 10px 0;
    }
    #signUp div form {
        flex-direction: column;
    }
    #signUp div form input[type='submit'] {
        height: 66px;
        width: 100%;
        margin-left: 0px;
        margin-top: 10px;
    }
    #location {
        flex-direction: column-reverse;
    }
    #location>div:first-child {
        width: 100%;
        max-width: 100%;
    }
    #location>div:last-child {
        justify-content: center;
        padding-left: 0px;
        width: 100%;
        height: 375px;
    }
    #googleMap {
        height: 375px;
    }
    #socialBar>div {
        flex-direction: column;
        padding: 40px 0;
    }
    #socialBar>div>div:last-child {
        margin-top: 40px;
    }
    footer>.container>div:first-child {
        flex-direction: column;
        justify-content: center;
    }
    footer>.container>.footer-links {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    footer>.container>.footer-links>div {
        align-items: center;
        width: 250px;
        margin-top: 30px;
    }
    footer>.container>div:first-child>.download {
        align-items: center;
        flex-direction: column;
        position: absolute;
        bottom: 180px;
    }
    footer>.container>div:first-child>.download>a:first-child {
        margin-right: 0px;
    }
    footer {
        position: relative;
        padding-bottom: 95px;
    }
    footer>.container {
        padding-bottom: 220px;
    }
    footer>.copyright h4 {
        width: 100%;
        height: 100%;
        max-width: 320px;
        margin: 0 auto;
    }
    #breadcrumbs {
        margin-top: 70px !important;
    }
    #allNews-box>.container>div:nth-child(2),
    #singleNews-box>.container>div:nth-child(2) {
        max-width: 100%;
    }
    #allNews-box>.container,
    #search-box>.container,
    #singleNews-box>.container {
        flex-direction: column;
    }
    #allNews-box>.container>div:nth-child(1),
    #singleNews-box>.container>div:nth-child(1) {
        max-width: 100%;
        margin-bottom: 50px;
    }
    .news-category {
        position: relative;
        top: auto;
        margin-bottom: 50px;
    }
    .application-content {
        flex-direction: column-reverse;
    }
    .application-content .application-form {
        width: 100%;
        margin: 50px 0;
    }
    .application-content .application-img {
        width: 100%;
        overflow: hidden;
    }
    .application-content .application-img img {
        margin-left: 0;
        height: auto;
        width: 100%;
    }
    #application {
        height: auto;
        position: sticky;
    }
    .application-content .thank-you-page {
        width: 100%;
        margin-top: 50px;
    }
    .slick-next {
        right: 40px;
    }
    #contactUs>.contacnt-box>div>h3 {
        margin: 20px 0 20px;
    }
}
@media screen and (max-width: 768px) {
    #breadcrumbs {
        display: none;
    }
    .container {
        width: 100%;
        max-width: calc(100% - 80px);
    }
    #integration>.container:nth-child(1) {
        max-width: calc(100% - 80px);
    }
    #signUp>div {
        max-width: 70%;
    }
    .sticky-menu {
        width: 100%;
        justify-content: space-evenly;
        max-width: 100%;
        background-color: rgba(0, 13, 48)
    }
    .sticky-menu>a {
        height: 75px;
        width: 75px !important;
    }
    .sticky-menu>a>img {
        width: 30px;
    }
    #breadcrumbs>.container>a {
        width: 100px;
    }
    #breadcrumbs .container p a {
        height: 100%;
    }
    .header-slider .slick-dots {
        top: 500px !important;
        left: 13% !important;
    }
    .one-box p {
        display: none;
    }
    .documentation-box2.karijera{
        margin-bottom: 30px;
    }
    .header-slider-text .container>h1:nth-child(1) {
        font-size: 32px;
        line-height: 42px;
        max-width: 350px;
    }
    .header-slider-text .container>h5 {
        font-size: 25px;
        line-height: 32px;
        max-width: 350px;
    }
    .header-slider-text {
        max-width: 425px;
    }
    #applayNow>.container>h2 {
        width: 80%;
    }
    #otherArticles .container>h1 {
        font-size: 40px;
        line-height: 45px;
    }
    #allNews-header.samplePage>.container>h1:nth-child(1) {
        width: 90%;
        font-size: 64px;
        line-height: 70px;
    }
    #search-header>.container {
        margin-top: 50px;
    }
    .application-form h2 {
        font-size: 44px;
        line-height: 50px;
    }
    .application-form p {
        font-size: 18px;
        line-height: 22px;
        margin-top: 10px;
    }
    .leftImage-template .container img {
        display: none;
    }
    .leftImage-text {
        max-width: 100% !important;
    }
    #default-template>.container {
        padding: 60px 0 0 0;
    }
    .appointment .modal-content {
        width: 80% !important;
        height: 90%;
    }
    .vrijednosti-grid{
        grid-template-columns: repeat(2,1fr);
    }
}
@media screen and (max-width: 576px) {
    .digitalno-bankarstvo{
        top: 30px!important;
    }
    .gotovinski-krediti-zaposlene{
        top: -15px!important;
    }
    .gotovinski-krediti-zaposlene .got-krediti-h5-zaposlene{
        display: none;
    }
    .visa-karticom-plati{
        top: -120px!important;
    }
    .oglas-za-posao-input{
        flex-direction: column;
    }
    h2 {
        font-size: 32px;
        line-height: 60px;
    }
    .karijera-blue-container a{
        line-height: 32px!important;
        font-size: 30px!important;
    }
    .oglas-za-posao{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .header-slider-text .container>div:nth-child(3) {
        flex-direction: row;
    }
    .header-slider-text .container {
        height: 465px !important;
    }
    .container>div:nth-child(3)>a:first-child {
        margin-bottom: 25px;
    }
    .slide1-h1 {
        margin-top: -250px;
    }
    .slide2-h1 {
        margin-top: -245px;
    }
    .slide6-h1 {
        margin-top: -236px;
    }
    #benefits>.container>.one-box a h3 {
        /* margin: 30px 0 10px; */
        font-size: 16px;
        line-height: 18px;
    }
    #signUp>div:nth-child(1)>h5:nth-child(2) {
        font-size: 18px;
        line-height: 24px;
        margin: 35px 0;
    }
    #news {
        width: 70%;
    }
    #nnn-pag h2,
    #allNews-box>.container>div:nth-child(1)>h2,
    #singleNews-box>.container>div:nth-child(1)>h2 {
        font-size: 40px;
        line-height: 42px;
    }
    .allnews-list>a>div:nth-child(2)>h5,
    .singlenews-list>.single-news-box>div:nth-child(2)>h5 {
        font-size: 20px;
        line-height: 28px;
    }
    #allNews-header>.container>h1:nth-child(1) {
        width: 100%;
        font-size: 30px;
        line-height: 37px;
        text-align: center;
    }
    #contactUs .contacnt-box {
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
    }
    #contactUs .contacnt-box>.contact-box-wrapper {
        width: auto;
        justify-content: flex-start;
        align-items: flex-start;
        margin-left: 40px;
    }
    #contactUs>.contacnt-box>div>h3 {
        font-size: 20px;
        line-height: 26px;
        width: auto;
        margin: 5px 0 5px;
    }
    #contactUs .contacnt-box>img {
        width: 40px;
        min-width: 40px;
        margin-left: 50px;
    }
    .currency-select-box{
        margin-top: 29px;
    }
    .header-slider-text {
        max-width: 325px;
    }
    #applayNow>.container>h2 {
        width: 80%;
        line-height: 32px;
        font-size: 30px;
    }
    #allNews-header.samplePage>.container>h1:nth-child(1) {
        width: 90%;
        font-size: 44px;
        line-height: 50px;
    }
    #default-template>.container {
        padding: 40px 0;
    }
    #otherArticles .container {
        padding: 40px 0;
    }
    #otherArticles .slick-next,
    #news .slick-next {
        right: 20px;
    }
    #otherArticles .slick-prev,
    #news .slick-prev {
        left: 20px;
    }
    #otherArticles .other-articles {
        width: 90%;
    }
    .leftImage-template .container .leftImage-text>h2:nth-child(1) {
        margin-bottom: 20px;
    }
    #default-template>.container>h2 {
        width: 100%;
        margin-bottom: 25px;
    }
    .template-table table tr td {
        padding-left: 20px;
        font-size: 12px;
    }
    .template-table table tr:nth-child(1)>th {
        font-size: 14px;
        line-height: 20px;
    }
    .grafikon-form-container{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #default-template>.container {
        padding: 20px 0 20px 0;
    }
    table{
        margin: 0px 0 30px 0px;
    }
    #list-template ul {
        list-style-image: url(./icon/icon-check.svg);
        columns: 1;
        font-size: 20px;
        line-height: 38px;
    }
    #grafikon-container form div select{
        margin-right: 0px;
    }
    .date-container{
        display: flex;
        align-items: center;
    }
    #list-template>.container {
        padding: 0px 20px 60px 20px;
    }
    .documentation-box>div>h3 {
        font-size: 16px;
    }
    .pagination>li {
        width: 26px;
    }
    .appointment table.email-table td, .appointment table.email-table th {
        font-size: 12px;
        line-height: 15px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .appointment .modal-content a {
        font-size: 12px;
        line-height: 15px;
    }
    .ex-table-mobile{
        margin-top: 0!important;
    }
    .ex-table-mobile .tr-mobile th{
        font-size: 20px!important;
        text-transform: uppercase!important;
        margin-left: 18px;
        display: none!important;
    }
    .ex-table-mobile thead th:not(:first-child) {
        display: none!important;
    }
    .ex-table-mobile td,.ex-table-mobile th {
        display: block!important;
    }
    .ex-table-mobile td{
        margin-bottom: 10px;
    }
    /* .lista-0.active-list{
        background-color: #e6ac0f;
        border-bottom: 7px solid #e6ac0f;
    } */
    .ex-table-mobile td[data-th]:before  {
        content: attr(data-th)!important;
    }
    .ex-table-mobile td::before{
        font-weight: 700;
        margin-right: 20px;
    }
    .ex-table-mobile tbody tr td:nth-child(2)::before{
        margin-right: 33px;
    }
    .lista-1 {
        margin-top: 10px;
    }
    .ex-table-mobile tbody tr td:nth-child(1){
        margin-top: 15px;
    }
    .ex-table-mobile td,
    .ex-table-mobile th{
        text-align: left!important;
    }
    table{
        width: 100%!important;
    }
    .calculator-button{
        margin-bottom: 50px;
    }
    .calculator-popout-inner{
        padding: 0px 0px 30px 0px;
    }
}
@media screen and (max-width: 480px) {
    .header-slider-text .buttons a:nth-child(2){
        transform: translateX(-2px);
    }
    .header-slider .header-slider-item img:nth-child(2){
        display: block!important;
        min-height: 450px;
    }
    .slick-dots li{
        height: 11px!important;
        width: 11px!important;
    }
    #applayNow>.container>h2 {
        width: 100%;
        line-height: 24px;
        font-size: 22px;
    }
    #otherArticles .container{
        padding-bottom: 0px;
        max-width: calc(100% - 40px);
    }
    #applayNow>.container>h2>a{
        font-size: 40px;
    }
    .hide-on-mobile{
        display: none!important;
    }
    #integration>.container>div{
        padding: 20px;
    }
    .effect-input~label{
        font-size: 13px;
    }
    #signUp div form input[type='submit']{
        font-size: 18px;
    }
    .main-contact-box-image {
        height: 180px!important;
    }
    #signUp div form input[type='email'] {
        height: 50px;
        padding: 0px 10px;
        font-size: 13px;
    }
    .ex-table-mobile{
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .currency-arrow img{
        margin-top: 30px;
    }
    .exchange-table td{
        padding: 5px 10px;
    }
    .custom-input{
        margin-top: 30px;
    }
    #currency-converter_rate{
        margin-top: 0px;
    }
    .content-0{
        width: 100%!important;
    }
    .lista-3{
        width: 100%;
    }
    .lista-2{
        width: 100%!important;
    }
    .lista-1{
        width: 100%!important;
    }
    .active{
        grid-template-columns: 1fr!important;
    }
    .open-nav{
        width: 100%!important;
    }
    .mobile-logo-wrapper{
        margin-left: 14px;
    }
    .oglas-za-posao button{
        width: 100%!important;
    }
    .calculator-popout-inner form{
        min-height: unset;
    }
    .oglas-za-posao{
        padding: 20px;
    }
    .calculator-popout-inner{
        flex-direction: column;
    }
    #allNews-box>.container>div:nth-child(2), #singleNews-box>.container>div:nth-child(2){
        margin-bottom: 50px;
    }
    .news-category.news{
        margin-bottom: 50px!important;
    }
    #benefits>h2 {
        padding: 40px 0 40px;
    }
    .single-news-box div table tr td ul {
        font-size: 14px;
        line-height: 24px;
    }
    .single-news-box div table tr td{
        font-size: 16px;
        line-height: 24px;
    }
    .month-slider-static{
        margin-bottom: 20px;
    }
    .calculator-popout-inner form{
        padding: 20px;
    }
    .calculator-popout-result-table tr:nth-child(1){
        background-color: #F5F7FA!important;
    }
    #default-template table tr td {
        font-size: 16px;
        line-height: 24px;
    }
    a{
        font-size: 16px;
        line-height: 24px;
    }
    h3 {
        font-size: 18px;
        line-height: 20px;
        font-family: "Raleway Bold", sans-serif;
    }
    #default-template>.container p{
        font-size: 16px;
        line-height: 24px;
    }
    #default-template>.container table p{
        word-break: normal!important;
    }
    .single-news-box p{
        font-size: 16px;
        line-height: 24px;
    }
    li{
        font-size: 16px;
        line-height: 24px;
    }
    .search-content h5{
        text-align: center;
    }
    table tr td {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
        line-height: 24px;
        color: rgba(0, 13, 48, 0.7)!important;
        padding-top: 5px;
    }
    .tooltiptext.grafikon{
        font-size: 10px;
        width: 200px;
        transform: translatex(-53%);
    }
    .ebank-mobile>.ebank-dropdown>a{
        font-size: 15px;
    }
    .ebank-mobile>.ebank-dropdown{
        width: 140px;
    }
    .header-slider-text .container>h1:nth-child(1){
        font-size: 27px;
        line-height: 32px;
        margin-bottom: 15px;
    }
    .header-slider-text .slick-slide:nth-child(1)>h1:nth-child(1){
        max-width: 200px;
    }
    .slide3-h1{
        max-width: 230px!important;
        margin-top: -225px;
    }
    header .slick-track {
        height: unset!important;
    }
    .got-krediti-h5{
        max-width: 200px!important;
    }
    footer>.container>div:first-child {
        padding-bottom: 0px;
    }
    .header-slider-text .container>h5 {
        font-size: 16px;
        line-height: 23px;
        max-width: 300px;
        font-weight: 400;
        margin-bottom: 15px;
    }
    .header-slider .slick-dots{
        left: 50%!important;
        transform: translateX(-50%);
    }
    .header-slider-text{
        height: auto!important;
    }
    .header-slider .header-slider-item{
        height: 490px!important;
    }
    .container>div:nth-child(3)>a:first-child{
        margin-bottom: 15px!important;
    }
    .container>div:nth-child(3)>a {
        width: 185px;
        display: flex;
        height: 45px;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        font-family: "Raleway Bold", sans-serif;
        font-size: 13px;
        cursor: pointer;
    }
    #benefits>.container {
        margin-bottom: 40px;
    }
    #news>h2 {
        margin-bottom: 40px;
    }
    #news {
        width: 90%;
        padding-bottom: 40px;
    }
    #news .slick-next {
        right: 70px;
        top: 110px;
    }
    #news .slick-prev {
        left: 70px;
        top: 120px;
    }
    .convertor form{
        transform: unset;
    }
    #result22{
        margin-top: 30px;
    }
    #amount{
        margin-top: 30px;
    }
    #currency_out{
        margin-top: 30px;
    }
    #currency{
        margin-top: 30px;
    }
    #benefits>.container>.one-box a h3 {
        margin: 25px 0px;
        width: 100%;
        text-align: center;
        font-size: 20px;
    }
    #signUp>div {
        max-width: 80%;
        margin: 40px 0;
    }
    #allNews-box>.container,
    #search-box>.container,
    #singleNews-box>.container {
        padding-top: 40px;
    }
    .allnews-list>a>div:nth-child(2),
    .singlenews-list>.single-news-box>div:nth-child(2) {
        padding: 15px 10px;
        padding-bottom: 20px!important;
    }
    #allNews-box>.container>div:nth-child(2),
    #singleNews-box>.container>div:nth-child(2) {
        padding: 25px;
    }
    #allNews-header,
    #search-header {
        height: 250px;
    }
    #allNews-header .header-img,
    #search-header .header-img {
        width: auto;
        height: 100%;
    }
    #allNews-header.samplePage {
        height: 200px;
    }
    #allNews-header.samplePage>.container>h1:nth-child(1) {
        width: 100%;
        font-size: 30px;
        line-height: 37px;
        text-align: center;
    }
    #applayNow .yellow-button,
    .samplePage .yellow-button {
        width: 155px;
        height: 37px;
        margin-top: 20px;
        font-size: 12px;
    }
    #otherArticles .other-articles {
        margin-top: 40px;
    }
    .layout2 thead tr:nth-child(1) th{
        font-size: 20px!important;
        line-height: 18px!important;
    }
    #search-header>.container>h1:nth-child(1) {
        line-height: 44px;
        font-size: 36px;
        text-align: center;
    }
    #benefits>.container>.one-box {
        flex: calc((6/ 8) * 100%);
        width: 100%;
        /* height: 400px; */
        padding: 30px 20px;
        max-width: 100%;
    }
    #socialBar>div:nth-child(1)>h1:nth-child(1)>div:first-child p{
        font-size: 28px;
    }
    #socialBar>div:nth-child(1)>h1:nth-child(1)>div:last-child {
        font-size: 64px;
    }
    #socialBar>div>div:last-child>a {
        width: 45px;
        height: 45px;
    }
    .ebank-mobile {
        width: 100px;
        height: 40px;
        font-size: 12px;
    }
    .mobile-right {
        display: flex;
        align-items: center;
    }
    .header-slider-text {
        max-width: 100%;
        padding: 15px;
    }
    .slick-arrow{
        display: none!important;
    }
    header .slick-next {
        right: 20px;
    }
    .convertor .name-of-box{
        margin-bottom: 0px;
    }
    header .slick-prev {
        left: 20px;
    }
    #benefits>.container>.one-box {
        width: 30px;
        display: flex;
        justify-content: space-between;
        flex-wrap: unset;
        flex-direction: column;
    }
    #benefits>.container>.one-box img{
        width: 55px;
    }
    footer>.container {
        max-width: calc(100% - 80px);
    }
    .huawei-icon{
        margin-left: 0px;
    }
    .calendar-picker-icon.arrow img{
        right: 5px;
    }
    .calendar-picker-icon.arrow{
        margin-bottom: 10px;
    }
    #grafikon-container form div select{
        margin-left: 0px;
    }
    .application-content .application-wrapper {
        width: 90%;
        margin: 0 auto;
    }
    /* .documentation-box>div>a {
        width: 50px;
    } */
    .one-box p{
        display: block;
    }
    .pagination>li {
        width: 16px;
        height: 30px;
    }
    .header-slider .slick-dots {
        top: 440px !important;
    }
    #integration>.container>div {
        max-width: 100%;
    }
    #contactUs>.contacnt-box>div>a {
        font-size: 17px;
    }
    #contactUs>.contacnt-box>div>button {
        font-size: 17px;
    }
    #contactUs .contacnt-box>.contact-box-wrapper {
        margin-left: 20px;
    }
    .person-left, .person-right {
        margin-bottom: 30px;
        text-align: center;
    }
    .person-left div h3, .person-right div h3 {
        text-align: center;
    }
    .exchange-table tr:nth-child(1)>th{
        font-size: 11px;
        line-height: 13px;
    }
    .exchange-rate-wrapper{
        overflow-x: auto;
    }
    #singleNews-box .container{
        max-width: calc(100% - 20px);
    }
    .exchange-table{
        max-width: 100%;
    }
    .appointment table.email-table thead{
        padding-right: 60px;
    }
    #contactUs {
        scroll-margin-top: 200px;
    }
    .vrijednosti-grid{
        grid-template-columns: repeat(1,1fr);
    }
    .exchange-table.index{
        transform: unset;
    }
    .kursna-lista-datum{
        display: none;
    }
    .career-quote-text{
        font-size: 22px!important;
        line-height: 33px!important;
    }
    .about-bank-quote{
        font-size: 22px!important;
        line-height: 33px!important;
    }
    .contact-close{
        filter: unset;
    }
    .exchange-rate{
        padding: 0px 20px;
    }
    .custom-career-title div:nth-child(1) p{
        font-size: 28px!important;
        padding-left: 20px;
        line-height: 57px!important;
    }
    .custom-career-title div:nth-child(2){
        font-size: 44px!important;
        line-height: 7px!important;
        z-index: 1;
        position: relative;
        padding-left: 20px;
    }
    .about-bank-flex{
        flex-direction: column;
        gap: 0px;
    }
    .custom-career-title{
        margin-bottom: 50px!important;
    }
    .custom-career-title div:nth-child(1):before{
        height: 40px;
        left: 0px;
        width: 87px;
        top: 6px;
    }
    .custom-text-before::before{
        width: 100px!important;
    }
    .about-bank-custom-table{
        display: block;
    }
    .about-bank-custom-table tbody{
        display: block;
        position: relative;
    }
    .about-bank-custom-table tbody tr{
        display: flex;
        flex-direction: column;
        height: fit-content;
    }
    .about-bank-custom-table tbody tr td br{
        display: none;
    }
    .about-bank-flex{
        margin-bottom: 30px;
    }
    .documentation-box>div:not(:first-child) h3{
        font-size: 14px;
    }
}
@media screen and (max-width: 480px) {
    .calc-button-tooltip .info .tooltiptext::after {
        left: 93%;
    }
    .calc-button-tooltip .info .tooltiptext {
        left: -168%;
    }
    .amaunt-slider p {
        word-break: unset!important;
    }
    .documentation-box>div>a:nth-child(2) {
        width: unset;
    }
    .documentation-box>div>a:nth-child(2) img{
        height: 20px;
        margin: unset;
    }
    .person-right img, .person-left img {
        height: 375px;
        width: unset;
    }
    .contact-main-form #ajax-contact-us{
        width: 100%!important;
    }
    .container {
        width: 100%;
        max-width: calc(100% - 30px);
    }
    #integration>.container:nth-child(1) {
        max-width: calc(100% - 30px);
    }
    #contactUs .contacnt-box>img {
        margin-left: 20px;
    }
    #location>div:last-child {
        height: 285px;
    }
    footer>.container {
        max-width: calc(100% - 20px);
    }
    .documentation-box div img{
        height: 20px;
    }
    .allnews-list>a>img:nth-child(1),
    .singlenews-list>.single-news-box>img:nth-child(1) {
        width: 100%;
        height: auto;
        object-fit: cover;
        aspect-ratio: unset;
    }
    #otherArticles .other-articles {
        width: 100%;
    }
    #otherArticles .container>h1 {
        font-size: 32px;
        line-height: 40px;
    }
    #date_from{
        width: 135px;
    }
    #date_to{
        width: 135px;
    }
    #otherArticles .container>p {
        font-size: 20px;
        line-height: 24px;
    }
    .application-form h2 {
        font-size: 34px;
        line-height: 40px;
    }
    #nnn-pag h2,
    #allNews-box>.container>div:nth-child(1)>h2,
    #singleNews-box>.container>div:nth-child(1)>h2 {
        font-size: 34px;
        line-height: 40px;
    }
    .template-table table tr td {
        padding-left: 5px;
        font-size: 10px;
    }
    .open-nav {
        width: 100% !important;
    }
    .appointment .modal-content {
        width: 95% !important;
    }
    #socialBar>div>div:last-child>a svg{
        width: 60%;
    }
}
@media screen and (max-width: 360px) {}
/*
*/
@media screen and (max-width: 1280px) {
    .fast-links .lista-0 > .smart-nova-menu{
        padding-left: 40px;
    }
    .copyright-container div a{
        line-height: 16px;
        font-size: 14px;
    }
    .copyright-container{
        flex-direction: column;
    }
    .fast-links .lista-0 > .smart-nova-menu::before{
        left: 140px;
    }
    .smart-nova::before{
        left: 120px;
    }
    footer>.container>div:first-child>.download{
        bottom: 216px;
    }
    .content-0 #turn-off-link:last-child .content-1{
        left: 0px;
    }
    footer>.copyright {
        height: 72px;
    }
}
@media screen and (max-width: 480px) {
    footer>.container>.footer-links>div:first-child>div:last-child {
        width: 250px;
        margin-top: 15px;
    }
    #news>.news-block a h3{
        height: unset;
    }
    #tableReports_wrapper {
        padding: 50px 0px 0px 0px;
    }
    .copyright-container{
        max-width: 100%;
    }
    .saglasnost-container label {
        font-size: 12px;
        line-height: 20px;
    }
    .saglasnost-container{
        align-items: flex-start;
    }
    #tableReports{
        margin: 30px 0px;
    }
    .smart-nova-icons-container{
        flex-direction: column;
        gap: 10px;
    }
    .saglasnost-container input{
        margin-top: 5px;
    }
    .smart-nova-icons-container img{
        max-width: 173px;
    }
    .second-header-slider{
        transform: translate(-82px,100px)!important;
    }
    .vrijednosti-container > div {
        gap: 25px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .vrijednosti-container div > div:nth-child(2) {
        flex-direction: column;
        display: flex;
        align-items: center;
        gap: 10px;
        text-align: center;
        justify-content: center;
    }
    .saglasnost-container label{
        width: fit-content;
    }
    .vrijednosti-container > div{
        padding: 20px;
    }
    #socialBar>div:nth-child(1)>h1:nth-child(1)>div:first-child p:before {
        position: absolute;
        top: 9px;
        width: 124px;
        height: 45px;
        left: -12px;
        content: '';
        z-index: -1;
    }
    .first-header-mobile{
        display: block;
    }
    .second-header-mobile{
        display: block;
    }
    .first-header-slider{
        display: none!important;
    }
    .second-header-slider{
        display: none!important;
    }
    .header-slider .header-slider-item img{
        width: 100%!important;
    }
    .pogodnostiKredita{
        font-size: 16px;
        line-height: 24px;
    }
    #calculator-box{
        padding: 0px;
    }
    .calculator-popout-result-table tr td:nth-child(2){
        width: 120px;
    }
    #calculator-box table tr td{
        font-size: 16px!important;
    }
}
@media screen and (max-width: 1280px) {
    .custom-table-flex{
        flex-direction: column;
    }
    .custom-table-flex div:nth-child(2){
        margin: 40px 0px;
    }
    .custom-table-flex #paketi-racuna-tabela table{
        width: 100%;
        min-width: unset;
    }
    .custom-table-flex #paketi-racuna-tabela .first-row-custom-table{
        min-width: unset;
    }
    .custom-table-flex #paketi-racuna-tabela .last-row-custom-table{
        min-width: unset;
    }
    .custom-table-flex #paketi-racuna-tabela table tr td{
        transform: translateX(0);
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 0 auto;
    }
    .custom-table-flex #paketi-racuna-tabela table tr td::before{
        transform: translateY(0);
        position: relative;
        display: block;
        margin-right: 20px;
    }
    #paketi-racuna-tabela table{
        min-width: 1280px;
    }
}
@media screen and (max-width: 480px) {
    .paketi-table-mobile{
        display: table;
    }
    .paketi-table-desktop{
        display: none;
    }
    .custom-table-flex{
        margin: 30px 0px;
    }
    #paketi-racuna-tabela::-webkit-scrollbar {
        width: 5px;
    }
    #paketi-racuna-tabela::-webkit-scrollbar-track {
        background: #fff;
    }
    #paketi-racuna-tabela::-webkit-scrollbar-thumb {
        background: rgba(0, 13, 48, 0.7);
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }
    #paketi-racuna-tabela::-webkit-scrollbar-thumb:hover {
        background: #019BB8;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
    }
    .first-row-custom-table, .last-row-custom-table{
        min-width: 100%;
    }
    #paketi-racuna-tabela table{
        min-width: 100%;
    }
    #paketi-racuna-tabela{
        overflow: initial!important;
    }
    .paketi-table-mobile-title::before{
        display: none;
    }
    .paketi-table-mobile-title{
        padding-left: 0px!important;
    }
}
@media screen and (max-width: 600px) {
    .calc-button-tooltip{
        flex-direction: column;
    }
    .apliciraj-online-button{
        margin: 0px!important;
        margin-bottom: 20px!important;
    }
    .calculator-button{
        margin: 0px!important;
        margin-bottom: 40px!important;
    }
    .calc-button-tooltip .info{
        display: none;
    }
    .apliciraj-box{
        height: unset!important;
    }
    .apliciraj-box img{
        display: block;
    }
    .vrsta-lica-button{
        font-size: 15px;
        padding: 0px 0px;
        max-width: 90px;
    }
    .vrsta-lica-tab{
        height: 75px;
        justify-content: space-between;
        padding: 0px 20px;
    }
}
@media screen and (max-width: 900px) {
    .notification-section{
        padding: 0px 20px;
    }
}
@media screen and (max-width: 480px) {
    .playSoundButton {
        right: 20px;
        bottom: 100px;
    }
    .info-nohover img{
	max-width: 30px;
	}
.info-nohover .tooltiptext{
font-size: 14px!important;
line-height: 24px!important;
}
.info-nohover{
align-items: flex-start;
}
}
@media screen and (max-width: 480px) {
    .notification-section div a {
        width: 100%;
    }
    .notification-section > div:first-child{
        width: 300px;
        height: 320px;
    }
    .notification-section div h3 {
        font-size: 45px;
    }
    .notification-crown {
        width: 320px;
        top: -143px;
    }
    .notification-crown img{
        width: 100%;
    }
}
@media screen and (max-width: 1550px) {
    .image-on-cover::after {
        right: -140px;
    }
}
@media screen and (max-width: 1200px) {
    .image-on-cover::after {
        right: -171px;
        top: 196px;
    }
}
@media screen and (max-width: 480px) {
.stednja-bankarstvo-title b{
padding-top: 35px;
transform: translateX(0);
font-size: 60px;
}
    .image-on-cover::after {
        right: 16px;
        top: 89px;
        width: 54px;
        height: 51px;
    }
   .stednja-bankarstvo-title span b{
       margin-bottom: 20px;
   }
}
@media screen and (max-width: 390px) {
    .image-on-cover::after {
        top: 109px;
    }
}@media screen and (max-width: 800px) {.table-flex{flex-direction: column;}.above-table-text p br{display:none;}}
@media screen and (max-width: 480px) {
    .tizi h1{
        font-size: 23px !important;
        line-height: 28px !important;
        margin-top: 0px;
    }
    .gpay{
        transform: translateY(60px)!important;
    }
    .gpay h1{
        font-size: 23px !important;
        line-height: 28px !important;
        margin-bottom: 10px!important;
    }
    .gpay h3{
        font-size: 18px !important;
        line-height: 22px !important;
        margin-bottom: 10px!important;
    }
    .gpay p{
                font-size: 15px !important;
        line-height: 20px !important;
    }
    .gpay a{
        width: 185px;
        height: 45px;
    }
    .tizi-text-image{
        max-width: 150px!important;
    }
    .tizi-text-image img{
        width: 100%!important;
    }
    .tizi a{
        width: 185px;
        height: 45px;
        margin-top: 0px;
    }
    .plati-brzo a{
        width: 185px;
        height: 45px;
    }
    .tizi > div:first-child{
        margin-bottom: 30px;
        margin-top: -130px;
    }
    .tizi h3{
        font-size: 18px !important;
        line-height: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px;
    }
    .tizi > div:first-child img{
        max-width: 100px;
    }
    .tizi > div:first-child {
        margin-bottom: 15px;
    }
    .tizi p {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    .tizi-header-img{
        object-position: 55px 17px;
    }
}
@media screen and (max-width: 1300px) {
    .stednja-bankarstvo-title-h1 span{
        font-size: 95px;
        line-height: 95px;
    }
}
@media screen and (max-width:480px) {    
.sefovi-menu + .content-2{		
	display: grid!important;
   }
    .stednja-bankarstvo-title-h1 span {
        font-size: 52px;
        line-height: 67px;
    }.custom-table-flex > div .first-row-custom-table.studenti:first-child span{    transform: translateX(10px);}.custom-table-flex > div .first-row-custom-table.studenti:first-child, .custom-table-flex > div .first-row-custom-table.studenti:nth-child(2) {	padding: 0!important;}.custom-table-flex > div .first-row-custom-table.studenti:nth-child(2) span{    transform: translateX(-30px);}
    .putuj-i-plati h2{
        font-size: 27px;
        margin-bottom: 0px;
    }
    .putuj-i-plati h1, .podjela-na-rate h1{
        font-size: 27px!important;
        margin-bottom: 20px !important;
    }
    .putuj-i-plati h3, .podjela-na-rate h3 {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 0px;
    }
    .slick-track .podjela-na-rate p{
        font-size: 16px!important;
        line-height: 20px;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .putuj-i-plati{
        transform: translateY(95px)!important;
    }
    .header-slider-text .podjela-na-rate {
        transform: translateY(50px);
    }
    .putuj-i-plati a, .podjela-na-rate a{
        width: 185px;
        height: 45px;
        margin-top: 0px;
    }
    .manje-vise h1{
        font-size: 23px !important;
        line-height: 28px !important;
        margin-bottom: 20px!important;
    }
    .manje-vise h3{
        font-size: 18px !important;
        line-height: 22px !important;
    }
    .manje-vise div{
        margin-bottom: 20px!important;
    }
    .manje-vise h2{
        font-size: 26px !important;
        line-height: 30px !important;
    }
    .manje-vise p{
        font-size: 15px !important;
        line-height: 20px !important;
    }
    .manje-vise a{
        width: 185px;
        height: 45px;
        margin-top: 0px;
    }
    .header-slider-text .container.manje-vise{
        transform: translateY(60px)!important;
    }
    .tehnika-u-planu h1{
        font-size: 27px!important;
        line-height: 32px;
        margin-bottom: 20px;
    }
    .tehnika-u-planu p {
        font-size: 16px !important;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .tehnika-u-planu a{
        width: 185px;
        height: 45px;
    }
    .mastercard-mgmind-logo{
        margin-bottom: 20px;
    }
    .tehnika-u-planu{
        transform: translateY(-60px)!important;
    }
    .custom-table-flex #paketi-racuna-tabela table tr td::before{
        position: absolute;
        left: 15px;
    }
    .custom-table-flex #paketi-racuna-tabela table tr td{
        padding-left: 50px;
    }
    .custom-table-flex #paketi-racuna-tabela table tr:nth-child(1) td.custom-table-double-title{
        padding: 0px 22px!important;
        display: table-cell!important;
    }
    .custom-table-flex #paketi-racuna-tabela table tr:nth-child(1) td.custom-table-double-title div:last-child{
        text-align: right;
    }
    .first-row-custom-table{
        font-size: 22px;
    }
    .custom-table-single-title{
        padding: 0px!important;
        display: table-cell!important;
    }
    .upitnik-iframe{
        height: 500px!important;
    }
    .orocena-stednja2025 h1{
        font-size: 28px !important;
        line-height: 28px !important;
        margin-bottom: 20px!important;
    }
    .orocena-stednja2025-flex{
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 10px;
    }
    .orocena-stednja2025-flex h3{
        font-size: 15px !important;
        line-height: 20px !important;
    }
    .orocena-stednja2025 p{
        font-size: 15px !important;
        line-height: 20px !important;
    }
    .orocena-stednja2025-flex img{
        max-width: 100px;
    }
    .orocena-stednja2025 a{
        width: 185px;
        height: 45px;
        margin-top: 0px;
    }
    .orocena-stednja2025{
        transform: translateY(110px)!important;
    }
    .putovanje-po-mjeri h5{
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    .putovanje-po-mjeri h1{
        font-size: 27px;
        line-height: 32px;
        margin-bottom: 15px;
    }
    .putovanje-po-mjeri p{
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 15px;
    }
    .putovanje-po-mjeri a{
        width: 185px;
        height: 45px;
        margin-top: 0px;
    }
    .putovanje-po-mjeri{
        transform: translateY(-70px)!important;
    }
.hifa{
    transform: translateY(50px)!important;
}
.hifa h1{
   font-size: 23px !important;
   line-height: 28px !important;
}
.hifa p{
   font-size: 15px !important;
   line-height: 20px !important;
    margin-bottom: 30px;
}
.hifa a{
     width: 185px;
     height: 45px;
     margin-top: 0px;
  }

  .cookie-banner{
    left: 50%;
    transform: translateX(-50%);
    right: unset;
    padding: 20px;
    width: calc(100% - 40px);
}
.cookie-buttons{
    flex-direction: column;
}
.cookie-buttons button{
    padding: 12px 5px;
    font-size: 12px;
}
.cookie-banner a{
    margin-bottom: 20px;
}
.cookie-settings-content{
    width: calc(100% - 40px);
    overflow-y: scroll;
    height: 70%;
    padding: 20px;
}
.cookie-buttons-modal{
    flex-direction: column;
}
  .cookie-buttons-modal button{
    max-width: 100%;
  }
  .close-modal {
        top: -5px;
        right: 5px;
        font-size: 30px;
    }
.tehnika h1 {
        font-size: 23px !important;
        line-height: 28px !important;
        margin-top: 0px;
    margin-bottom: 25px;
    }
.tehnika > div:first-child {
    margin-bottom: 15px;
}
.tehnika > div:first-child img {
    max-width: 150px;
}
    .tehnika p {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    .tehnika a {
        width: 185px;
        height: 45px;
        margin-top: 15px;
    }
.slick-dots li button{
	box-shadow: unset;
}
    .container.tehnika{
        transform: translateY(-80px);
    }
}