@media (max-width:1500px) {
    body {
        background-size: 200px
    }
}

@media (max-width:1350px) {
    body {
        background-size: 200px
    }

    .navigation {
        font-size: 13px
    }
}

@media (max-width:1280px) {

    .catalog_list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        width: 100%;
        gap: 30px;
    }



    .slide {
        height: 400px;
    }

    #slideNav {
        position: absolute;

        bottom: 20px;
        right: 10px;
        display: flex;
    }

    #prevBtn,
    #nextBtn {
        width: 25px;
        height: 25px;
        font-size: 15px;
        cursor: pointer;
        border: 2px solid #fff;
        color: #fff;
        background-color: transparent;
        transition: .5s all;
        margin-right: 10px;
        border-radius: 50%;
        line-height: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;

    }

    header .marg {
        flex-wrap: wrap;

        align-items: center;
        justify-content: space-between;
    }

    .drop_storitve {
        display: none;
    }

    main {

        margin-top: 71px;
        /*transition: .1s all;   animation: fadeInAnimation ease .6s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;*/

    }

    .start-nav {
        cursor: pointer;
        display: block;
    }

    .lanSelect {
        margin-left: auto;
        margin-top: -50px;
    }

    .logo img {
        height: 40px;
    }

    .cnt {
        display: none;
    }

    .haedRight {
        margin-left: 0 !important;
        align-items: center;
    }


    .izpo {
        background-image: cover;
        background-position: center;
        background-attachment: unset;
        font-size: 1em;
    }

    body {
        background-image: none;
    }

    .p3 {
        grid-template-columns: repeat(2, 1fr)
    }

    .main-navi {
        display: none
    }

    .section {
        float: left;
        width: 100%;
        margin-top: 50px
    }

    .j1,
    .j2 {
        flex-basis: 100%
    }

    .j1 {
        border-radius: 0;
        margin-bottom: 20px
    }

    .j1::after {
        display: none
    }

    .fr {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px
    }

    .searchList {
        width: 100%
    }

    .hide_links {
        display: none
    }

    .intro_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1px
    }

    .fg {
        grid-column: -1/1
    }

    .grid_item h3 {
        font-size: 16px !important
    }

    .objava h3 {
        font-size: 16px !important
    }

    .traja h3 {
        font-size: 20px !important
    }

    .navigation {
        display: none
    }



    .responsive-nav {
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        cursor: pointer
    }

    .panel {
        display: block
    }

    .panel .lan {
        width: 100%;
        margin-bottom: 35px
    }

    .panel {
        background-color: #fff;
        z-index: 10001;
        position: fixed;
        overflow-y: scroll;
        overflow-x: hidden;
        width: 100%;
        top: 71px;
        border-top: 1px solid #fff;
        min-height: 100vh;
        height: 100vh;
        padding-bottom: 250px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        right: -100%;
        transition: all .2s ease;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease
    }

    .sFlex {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .search-close {
        height: 15px;
        cursor: pointer;
        margin-left: 40px
    }

    .panelVis {
        right: 0;
        transition: .2s ease;
        -webkit-transition: .2s ease;
        -moz-transition: .2s ease;
        -ms-transition: .2s ease;
        -o-transition: .2s ease;
        overflow-y: scroll;
        overflow-x: hidden
    }

    .flex-nav {
        display: flex;
        color: #242331;
        flex-direction: column;
        margin-top: 25px;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }

    .closeP {
        font-size: 30px;
        cursor: pointer
    }

    .m-navi {
        width: 340px
    }

    .mid-navi .fElement {
        width: 100%
    }

    .mid-navi .foot_btn {
        padding: 20px 15px;
      
        background-color: #B1C553;
        border-radius: 8px;
        margin: 10px 0;
        display: block;
        width: 100%;
        color: #000 !important;
        text-decoration: none;
        font-weight: 500;
        transition: .5s all;
        display: flex;
        align-items: center;
        font-size: 1em;
        line-height: 1.2em
    }

    .mid-navi .foot_btn:hover {
        color: #fff !important
    }
    .mid-navi .foot_btn i{
        margin-right: 10px;
    }

    .mid-navi {
        margin: 25px 0 0 0;
        line-height: 1.9em;
        height: auto;
        font-size: .9em;
        font-weight: 500;
        padding-top: 0;
        order: 2;
        width: 340px
    }

    .c2 {
        width: 100%;
        line-height: 0;
        display: flex;
        margin: 20px 0
    }

    .c2 a {
        width: 35px;
        height: 35px;
        border: 1px solid #fff;
        background-color: #306a5e;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 8px 0 0
    }

    .frNavi {
        padding: 20px 0;
        margin-bottom: 15px;
        border-bottom: 1px solid #ddd;
        font-size: 1em;
        font-weight: 600;
        text-align: left
    }

    .panel-contact>a {
        display: flex;
        align-items: center;
        font-weight: 600;
        font-size: 1.1em;
        margin-bottom: 10px
    }

    .panel-contact img {
        height: 15px;
        margin-right: 10px
    }

    .c2 img {
        width: 15px;
        margin: 0
    }

    .mid-navi a {
        text-decoration: none;
        color: #242331 !important;
        text-align: center
    }

    .panel-fav {
        display: flex;
        align-items: center;
        text-decoration: none;
        font-size: 1.2em;
        font-weight: 500;
        margin-top: 20px
    }

    .panel-fav img {
        height: 15px;
        margin-right: 8px
    }

    .mid-navi a:hover {
        color: #242331 !important
    }

    .end-navi {
        font-size: .9em
    }

    .end-navi a {
        color: #242331 !important
    }

    .panel ul {
        margin: 0;
        padding: 0;
        width: auto;
        width: auto
    }

    .subRole {
        display: none
    }

    .rNav li {
        margin: 0 0;
        padding: 0;
        display: flex;
        align-items: center;
        padding: 0 0;
        justify-content: space-between;
        flex-wrap: wrap;
        border-bottom: 1px solid #ddd;
    }

    .rNav li a {
        color: #242331;
        text-decoration: none;
        font-weight: 500;
        letter-spacing: 1px;
        display: inline-block;
        width: calc(100% - 60px);
        text-align: left
    }

    .mainRole img {
        height: 15px;
        margin-right: 10px;
        margin-top: 5px !important
    }


    .subRole li {
        width: 100%;
        padding-left: 15px;
    }

    .subRole li a {
        font-size: 14px !important;
        font-weight: 500;
        color: #000 !important
    }

    .rNav li :hover a {
        color: #242331 !important;
        text-decoration: none
    }

    .rNav a:link,
    .rNav a:visited {
        color: #242331
    }

    .rwdMore {
        width: 40px !important;
        overflow: hidden;
        cursor: pointer;
        margin-left: auto;
        text-align: right;
        font-size: 20px
    }

    .rNav li div:first-child {
        text-align: left;
        height: auto
    }

    .subRole {
        height: 0;
        overflow: hidden
    }

    .shown {
        display: block;
        height: auto;
        margin-bottom: 1.2em;
        flex-basis: 100%
    }

    .subRole a {
        font-weight: 300;
        padding-left: 15px;
        font-size: 1em !important;
        color: #242331 !important
    }

    .finRole {
        background-color: #fff;
        margin-left: 30px !important;
        padding: 0 10px !important
    }

    .finRole a {
        display: block;
        font-weight: 500;
        margin: 0 0;
        padding-left: 15px;
        font-size: 14px !important
    }

    .sub-show h1 {
        font-size: 25px;
        font-weight: 700;
        margin: 0 0 10px 0;
        padding: 0
    }

  


    .captionTitle h2,
    .nzs h3 {
        font-size: 2em
    }

    .intro_grid h2 {
        font-size: 2em !important;
        margin-bottom: 20px !important;
        margin-top: 0 !important;
        width: 100%;
        float: left
    }

}

@media (max-width:980px) {
    .catalog_item_info h2 {
       
        font-size: 14px;
       
        line-height: 18px;
      }
    #slider {
        height: 400px;
    }

    .vid-cont {
        position: relative;
        top: 0;
        left: 0;
        height: 500px;
        width: 100%;
        display: flex;
        z-index: 100;
        flex-wrap: wrap;
        background-size: cover;
        background-position: center;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    #myVideo {
        width: 100%;
        height: 500px;
        line-height: 0;
    }

    video {
        object-fit: cover;
    }
.izpoSub{
    margin: 0;
}
    .izpo {
        height: auto;
    }

    .izpoImg,.izpoSubImg {
        width: 100%;
        height: 300px;
        order: 1;
    }

    .izpoImg img,.izpoSub img {

        height: 300px;

    }

    .izpoCont {
        background-color: #fff;
        width: 100%;
        max-width: 100%;
        padding: 50px 20px;
        order: 2;
    }

    .izpoTxt {
        padding: 50px 0;
        text-align: left;
    }

    h1 {
        margin: 0 0 1em 0;
        font-size: 30px;
        line-height: 1em;
        font-weight: 700;
        color: #415941;
    }
    .user_style h1,
    .content_read h1 {
       font-size: 30px;
        

    }
    .split {
        margin: 0 0 1em 0;
        font-size: 30px;
        line-height: 1em;
        font-weight: 700;
        color: #415941;
        text-align: center;
    }

    .izpoCont h2,
    .paralax h2,
    .izpoTxt h2,
    .captionSummary h2 {
        font-size: 30px;
        color: #fff;
        line-height: 1.1em;
        letter-spacing: 2PX;
        font-weight: 700;
        text-shadow: 0 0 5px black;

    }

    .izpoCont h2, .izpoTxt h2 {
        color: #415941;
        text-shadow: none;
    }


    blockquote {
        display: inline-block;
        width: 100%;
        color: #2f2c2f;
        letter-spacing: 1px;
        font-size: 20px;
        line-height: 1.3;
        margin: 30px 0;
    }

    .iCont p,
    .captionSummary p {

        font-size: 20px;
        line-height: 1.3;
        margin: 15px 0 0 0;
        letter-spacing: 1px;

    }

    .captionSummary a,
    .iCont a,
    .izpoTxt a,
    .izpoCont a {
        display: inline-block;
        position: relative;
        text-align: center;
        z-index: 1;
        transition: .3s;
        line-height: 20px;
        border: 2px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
        border-radius: 35px;
        letter-spacing: 1px;
        font-weight: 700;
        font-style: normal;
        color: #f7f7f7;
        background-color: #B1C553;
        border-color: transparent;
        padding: 15px 20px;
        text-decoration: none;
        margin-top: 25px;
        font-size: 14px;
    }

    .main_cont .zapisi-list {
        grid-template-columns: repeat(2, 1fr);

    }
}

@media (max-width:950px) {
    .paralax {
        background-attachment: unset;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .cCats {
        grid-template-columns: repeat(3, 1fr);
    }

    element {}

    .minGap a h3 {
        font-size: 13px !important;
        line-height: 17px;
    }

    .a_icons .amb_icon:last-child {
        margin-bottom: 0
    }

    .cont_split {
        
    }

    .sub-show {
        display: none
    }

    .sub-show-resp {
        display: block;
        float: left;
        width: 100%;
        padding: 20px;
        background-color: #f2f2f2;
        margin-top: 80px
    }

    .counters {
        margin-top: 1px
    }

    .sub-show-resp a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: .9em;
        margin: 10px 0;
        text-decoration: none
    }

    .zdravniki_list {
        grid-template-columns: repeat(2, 1fr)
    }

    .oddelek_split {
        flex-wrap: wrap
    }

    .odd_img {
        width: 100%;
        line-height: 0;
        margin-bottom: 25px
    }

    .odd_info {
        width: 100%
    }

    .a_icons {
        flex-wrap: wrap;
        margin-bottom: 80px
    }

    .amb_icon {
        margin-bottom: 15px;
        width: 100%
    }
}



@media (max-width:780px) {
   
    .catalog_list {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .grid_item img {
        width: 100%;
        height: 150px;
        object-fit: cover;

        line-height: 0;
        transition: .5s all;
    }

    .izpo25 {
        flex-basis: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-top-color: #415941;
        margin: 15px 0;
    }

    .izpo25 i {
        font-size: 20px;
        color: #415941
    }

    .no {
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        flex-wrap: wrap;
        font-size: 30px;
        color: #B1C553;
    }

    .fig-number {
        font-size: 30px;
        font-weight: 300;
        line-height: 40px;

    }

    .section2 {
        margin-top: 0px;
    }

    .zapisi-list {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        margin: 30px 0;
    }
    .main_cont .zapisi-list {
        grid-template-columns: repeat(1, 1fr);

    }

    .other-list {
      
        grid-template-columns: 1fr ;
      }
}
@media (max-width:580px) {
    .vavcer img {
        height: 30px;
      }
      .vavcer > div {
        flex: 1;
        max-width: 120px;
        min-width: 120px;
      }
    .cCats {
        grid-template-columns: repeat(2, 1fr);
    }

.contact{
   
    flex-direction: column;
}
.contact a{
    text-decoration: none;
    display: flex;
    align-items: center;
    margin: 12px 0px;
}
}