/*-----------*/
/*** CUSTOM GRIGLIA Boostrap ***/
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 30px;
    margin-left: 30px;
    width: auto;
}
.row {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 0;
}
.row.g-0 {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}
.row.g-1 {
    --bs-gutter-x: .25rem;
    --bs-gutter-y: .25rem;
}
.row.g-2 {
    --bs-gutter-x: .5rem;
    --bs-gutter-y: .5rem;
}
.row.g-3 {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}
.row.g-4 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
}
.row.g-5 {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 3rem;
}

/*--------------------------------------------------------------------------------*/
/*** Media Query ***/
/* sopra 000px -> bootstrap ref. */
@media (min-width: 415px) {}
@media (min-width: 576px) /* SM */ {
    .container-fluid {
        margin-right: 30px;
        margin-left: 30px;
    }
}
@media (min-width: 768px) /* MD */ {}
@media (min-width: 992px) /* LG */ {
    .container-fluid {
        margin-right: 140px;
        margin-left: 140px;
    }
    .row {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 0;
    }
}
@media (min-width: 1200px) /* XL */ {}
@media (min-width: 1367px) {}
@media (min-width: 1920px) {}

/* sotto 000px -> bootstrap ref. */
@media (max-width: 1200px) /* XL */ {}
@media (max-width: 992px) /* LG */ {
    .container-fluid.container-full-mobile {
        margin-left: 0;
        margin-right: 0;
    }
    .container-fluid.container-mobile {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
}
@media (max-width: 768px) /* MD */ {}
@media (max-width: 576px) /* SM */ {}

/* orientamento finestra/dispositivo */
@media all and (orientation:portrait) {}
@media all and (orientation:landscape) {}

/* solo dispositivi touch */
@media (hover: none) {}