/* =========================================================
   GÖVDESAN PUBLIC SITE - MODÜLER CSS
   Kaynak satırlar: 1705-1765
   Referans, galeri ve haber responsive kuralları
   NOT: İlk refactor aşamasında CSS kuralları değiştirilmemiştir.
   ========================================================= */

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1199px) {

    .gv-reference-card {
        width: calc(25% - 14px);
    }
}


@media (max-width: 991px) {

    .gv-reference-card {
        width: calc(33.333% - 14px);
    }

    .gv-home-gallery-grid {
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 200px;
    }

    .gv-gallery-item-large {
        grid-row: span 2;
    }
}


@media (max-width: 767px) {

    .gv-home-references,
    .gv-home-gallery,
    .gv-home-news {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .gv-reference-card {
        width: calc(50% - 14px);
    }

    .gv-home-gallery-grid {
        display: block;
    }

    .gv-gallery-item,
    .gv-gallery-item-large {
        height: 230px;
        margin-bottom: 7px;
    }
}


@media (max-width: 480px) {

    .gv-reference-card {
        width: calc(100% - 14px);
    }
}