@media screen and (max-width:655px) {
    .collection-container {
        display: grid;
        grid-template-columns: 1fr;
    }
    .item {
        border-bottom: 1px solid var(--border-gray-400, #D1D5DB);
        padding: 10px;
    }
    .item .attribute {
        padding-bottom:10px;
    }
    .attribute.text-center {
        text-align:left !important;
    }
    .collection-container>div:first-child {
        display: none;
    }
    .attribute::before {
        content: attr(data-name);
    }
    /* Vrednost atributa za prvi stolpec in vrednost atributa za drugi stolpec. */
    .attribute {
        display: grid;
        grid-template-columns: minmax(9em, 30%) 1fr;
    }
}

/* Tabelarični izgled */
@media screen and (min-width: 656px) {
    .item-container {
        display: grid;
      }
    .attribute-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(var(--column-width-min), 1fr));
    }
   /* Največja širina stolpca, ki jo je mogoče wrepat */
   /* ==== RAZISKOVALCI ==== */
   .item-container.rsrch {
        grid-template-columns: 3.75em 6em 5fr 7fr 5em;
    }
    .rsrch-part-1 {
        --column-width-min: 10em;
    }
    /* ==== PROEKTI PROGRAMI ==== */
    .item-container.prgprj {
        grid-template-columns: 3.75em 6em 4fr 3fr 5em;
    }
    .prgprj-part-1 {
        --column-width-min: 9em;
    } 
   /* ==== ORGNIZACIJE ==== */
   .item-container.org {
        grid-template-columns: 3.75em 6em 4fr 2fr 5em;
    }
    .org-part-1 {
        --column-width-min: 6em;
    }
   /* ==== SKUPINE ==== */
    .item-container.grp {
        grid-template-columns: 3.75em 6em 5fr 9fr 5em;
    }
	.grp-part-1 {
        --column-width-min: 14em;
    }
    .grp-part-1a {
        --column-width-min: 7em;
    }
    /* ==== OPREMA ==== */
    .item-container.eqp {
        grid-template-columns: 3.75em 11fr 5fr 5fr;
    }
    /* Opredelitev wrepanja širine stolpca za skupine atributov. */
    .eqp-part-1 {
        --column-width-min: 10em;
    }
    .eqp-part-1a {
        --column-width-min: 8em;
    }
    .eqp-part-2 {
        --column-width-min: 5em;
    }
    .eqp-part-3 {
        --column-width-min: 8em;
    }
    /* če želimo povečati število vrstic na zaslonu, za celico prikažite samo eno vrstico (uporabi overflow) */
    .attribute {
        border-left: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
        padding: 0.4rem 0.5rem;
        /*overflow: hidden;*/
        white-space: wrap;
        /*text-overflow: ellipsis;*/
    }
    .collection-container>.item-container:first-child {
        background-color: #f3f4f6;
        color: #262b40;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        border:none;
    }
    .item-container:hover {
        background-color: var(--btn-gray-400-background-light, rgb(230, 233, 236));
    }
    /* Centriranje imen stolpcev v glavi */
    .collection-container>.item-container:first-child .attribute, .collection-container>.item-container:first-child .attribute-container .attribute {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align:center;
        font-size:0.825rem;
        font-weight:bolder;
        color:#555;
        text-transform: uppercase;
        /*text-overflowx: initial;*/
        /*overflow: auto;*/
        white-space: normal;
    }
    .item-container>.attribute {
        border-left:none !important;
    }
    .item-container:first-child>.attribute {
      border-left:1px solid #ebebeb !important;
    }
    .item-container:first-child>.attribute:first-child {
        border-left:none !important;
    }
    .item {
        /*border-bottom: 1px solid #ebebeb;*/
    }
}