@media (max-width: 1200px) {
    .infoIcon>div {
        display: none;
    }
    .infoIcon {
        margin-right: 15px;
    }
    .infoIcon span {
        background-color: #3f3e40;
        width: 35px;
        height: 35px;
        margin-right: 0;
    }
    .infoIcon img {
        width: 15px;
    }
    .responsive-nav {
        width: 35px;
        height: 35px;
    }
    .responsive-nav img {
        height: 35px;
        width: 35px;
    }
    .logo img {
        height: 60px;
    }
    .c1 {
        display: none;
    }
    .mid-navi {
        margin: 0 25px 0 0;
        padding-right: 25px;
    }
    .panel ul {
        width: 200px;
    }
    .panel li a {
        color: #000;
        text-decoration: none;
        font-size: 1em;
        width: 100%;
        display: inline-block;
        font-weight: 700;
        height: 50px;
    }
    .panel {
        top: 94px;
    }
    main {
        margin-top: 94px;
    }
}

@media (max-width: 1100px) {
    h1 {
        margin: 0 0 1em 0;
        font-size: 1.8em;
        font-weight: 400;
        line-height: 1.2em;
    }
    .cCatItem {
        flex-basis: 50%;
    }
    .cat-item-img-place {
        height: 250px;
    }
    .cat-item-info {
        height: 220px;
        font-size: 14px;
        line-height: 1.5em;
    }
    .cCatItem h3 {
        font-size: 1.5em;
        margin: 0 0 10px 0;
    }
    .sub-show {
        margin-bottom: 50px;
    }
    .sub-img {
        flex-basis: 100%;
        height: 350px;
    }
    .sub-title {
        flex-basis: 100%;
        font-size: 1.2em;
    }
    .sub-title h2 {
        font-size: 1.5em;
        margin-bottom: .5em;
        margin-top: 15px;
    }
}

@media (max-width: 900px) {
    .eNovice {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .eNovice .eBox {
        flex-basis: 360px;
        margin: 0 20px;
    }
    .eF {
        flex-basis: auto;
    }
    .eNewsForm {
        margin-top: 20px !important;
    }
    .f1,
    .f2 {
        flex: 1;
        flex-basis: 33.3% !important
    }
    .f4 {
        flex-basis: 100%;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
    }
    .f3 {
        display: none;
    }
}

@media (max-width: 800px) {
    .bonOpis {
        padding-right: 0;
        padding-bottom: 0;
    }
    .sobe {
        padding-left: 0;
        margin-top: 30px;
    }
    .feautred-img {
        height: 350px;
    }
    .fSlika {
        flex: 1;
    }
    .feautred-summary {
        padding: 0 0;
        flex: 1;
        font-size: .9em;
    }
    .feautred-summary h1 {
        font-size: 1.3em;
    }
    .feautred-summary span {
        float: left;
        width: 100%;
        padding: 0 20px;
    }
    .feautred-summary a {
        padding: 15px;
        margin-top: 1.3em;
        font-size: 13px;
    }
    .izpostava {
        font-size: 14px;
    }
    .box {
        flex-basis: 100%;
        text-align: center;
        margin: 10px 0;
    }
    .category-item {
        flex-basis: 50%;
        height: 250px;
    }
    .category-item h3 {
        font-size: 1.1em;
        height: 70px;
    }
    .info-form {
        flex-direction: column;
    }
    .info-form table {
        width: auto !important;
        margin-left: 0;
        margin-top: 15px;
    }
    .info-form {
        justify-content: center;
        align-items: center;
    }
    iframe {
        margin: 15px 0;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .f1,
    .f2 {
        flex-basis: 100% !important;
        margin-bottom: 25px;
    }
    .section-content {
        margin: 0 0;
    }
    .section {
        margin: 0 0 30px 0;
    }
    .secImg {
        flex: 1;
        flex-basis: 100%;
        height: 250px;
        order: 1;
        background-position: center;
        margin-bottom: 15px;
    }
    .secInfo {
        flex-basis: 100%;
        font-size: 14px;
    }
    .secInfo h2 {
        font-size: 1.3em;
    }
    .reverse .secImg {
        order: 2;
    }
    .secInfo>div {
        padding: 0 15px;
    }
    .userGgallery {
        padding: 10px;
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
    }
    .imgLeft {
        width: 100%;
        max-width: 100%;
        margin: 1em 0 1em 0;
    }
    .imgRight {
        width: 100%;
        max-width: 100%;
        margin: 1em 0 1em 0;
    }
    .logos {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .logos>div {
        flex: 1;
        max-width: auto;
        min-width: auto;
        text-align: center;
        margin-bottom: 10px;
        font-size: .8em !important;
    }
    .logos img {
        height: 40px;
    }
}

@media (max-width: 480px) {
    .feautred-img {
        height: auto;
    }
    .fSlika {
        flex: 1;
        flex-basis: 100%;
        height: 350px;
    }
    .feautred-summary {
        padding: 25px 0;
        flex: 1;
        flex-basis: 100%;
        font-size: .9em;
        text-align: center;
    }
}