.flex{
    display: flex;
}

.grid-container-100 {
    display: grid;
    width: 100%;
    margin: 0 auto;
}

.column-gap-80 {
    column-gap: 80px;
}


.grid-container-1-10{
    grid-template-columns: 1fr 10fr;
    display: grid;
    column-gap: 20px;
}

.link-over-div-single-box{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.box-prodotto-grid-inside{
    padding: 15px;
}

.vertical-align-grid{
    grid-column: 1/1;
    grid-row: 1/1;
    align-self: center;
    justify-self: center;
}
.grid-container-1 {
    grid-template-columns: minmax(100%, 1fr);
    display: grid;
}
.grid-container-3.webinar {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 35px;
    display: grid;
}
.product_list .grid-container-4 {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 35px;
    display: grid;
}

.border-box .item-grid {
    border: 1px solid #ddd;
}

.grid-container-8-services {
    grid-template-columns: repeat(8,1fr);
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    text-align: center;
    padding: 0 60px;
}

.grid-contenitore-slick{
    grid-template-columns: minmax(500px, 1000px);
}
.area_menu .grid-container-1-3 {
    align-content: center;
    align-items: center;
}
.grid-container-2-2-1{
    display: grid;
    grid-template-columns: 2fr 2fr 1fr;
}
.grid-container-7-4 {
    grid-template-columns: 7fr 4fr;
    column-gap: 35px;
    row-gap: 35px;
}

@media (min-width: 992px) {
    div#area-titolo.dfsiena-product {
        grid-template-columns: auto 150px;
        display: grid;
    }


    .grid-container-small {
        width: 50% !important;
        grid-template-columns: minmax(100%, 1fr);
    }



    .grid-container-2-1{
        grid-template-columns: 2fr 1fr;
        display: grid;
        column-gap: 30px;
    }
    .grid-container-4-2-6{
        grid-template-columns: 4fr 2fr 6fr;
        display: grid;
        column-gap: 30px;
    }
    .grid-container-1-2{
        grid-template-columns: 1fr 2fr;
        display: grid;
        column-gap: 30px;
    }
    .grid-container-3-1{
        grid-template-columns: 3fr 1fr;
        display: grid;
        column-gap: 40px;
    }
    .grid-container-3-2{
        grid-template-columns: 3fr 2fr;
        display: grid;
        column-gap: 40px;

        align-items: start;
    }
    .grid-container-1-3{
        grid-template-columns: 1fr 3fr;
        display: grid;
        column-gap: 40px;
        align-items: start;
    }
    .grid-container-1-4{
        grid-template-columns: 1fr 4fr;
        display: grid;
        column-gap: 30px;
        align-items: start;
    }
    .area_menu .grid-container-1-4{
        grid-template-columns: 1fr 5fr;
        display: grid;
        column-gap: 30px;
        align-items: start;
    }
    .grid-container-5-2{
        grid-template-columns: 5fr 2fr;
        display: grid;
        column-gap: 40px;
    }


    /* impostato container x logo */
    .grid-container-logo{
        grid-template-columns: 2fr 7fr;
    }

    .grid-container-4-5-1{
        grid-template-columns: 3fr 5fr 2fr;
        display: grid;
        column-gap: 40px;
    }

    .grid-container-desktop-2-10{
        grid-template-columns: 2fr 10fr;
        display: grid;
        column-gap: 40px;
    }

    /* impostato container con 2 colonne */
    .grid-container-2, .grid-container-2-tablet {
        grid-template-columns: repeat(2, 1fr);
        display: grid !important;
        column-gap: 35px;
    }
    .border_desktop_container{
        column-gap: 1px;
    }
    .border_desktop_container .item_left{
        border-right: 1px solid #ddd;
        padding-right: 35px;
    }
    .border_desktop_container .item_right{
        padding-left: 35px;
    }
    .grid-container-2-dispari {
        grid-template-columns: repeat(2, 1fr);
        display: grid;
        column-gap: 35px;
    }

    .grid-container-2-dispari .sfondo-eventi-2020:first-child{
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .grid-container-3-12 {
        grid-template-columns: 3fr 12fr;
        column-gap: 100px;
    }
    .grid-container-2-6 {
        grid-template-columns: 2fr 6fr;
        column-gap: 20px;
    }
    .grid-container-1-5 {
        grid-template-columns: 1fr 5fr;
        column-gap: 20px;
        align-items: start;
    }
    .grid-container-10-2 {
        grid-template-columns: 10fr 2fr;
        display: grid;
        column-gap: 40px;
    }
    .grid-container-7-5 {
        grid-template-columns: 7fr 5fr;
        display: grid;
        column-gap: 40px;
        align-items: start;
    }
    .grid-container-5-7 {
        grid-template-columns: 5fr 7fr;
        display: grid;
        column-gap: 40px;
        align-items: start;
    }
    .grid-container-8-4{
        grid-template-columns: 8fr 4fr;
        display: grid;
        column-gap: 40px;
    }
    .grid-container-4-8{
        grid-template-columns: 4fr 8fr;
        display: grid;
        column-gap: 40px;
    }
    .grid-container-4 {
        grid-template-columns: repeat(4, 1fr);
        column-gap: 35px;
        row-gap: 35px;
        display: grid;
    }
    .product_list .grid-container-4 {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 35px;
        display: grid;
    }
    .grid-container-5 {
        grid-template-columns: repeat(5, 1fr);
        column-gap: 20px;
        display: grid;
    }
    .grid-container-3 {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 35px;
        display: grid;
    }
    .grid-container-3.webinar {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 35px;
        display: grid;
    }
    .grid-container-1-2-1 {
        grid-template-columns: 1fr 2fr 1fr;
        column-gap: 25px;
        display: grid;
    }
    .grid-container-content {
        grid-template-columns: 4fr 3fr;
        column-gap: 65px;
    }
    .grid-container-news {
        width: 50% !important;
    }
    .grid-container-6 {
        grid-template-columns: repeat(6, 1fr);
        column-gap: 20px;
        display: grid;
    }
    .grid-container-lista-marchi {
        grid-template-columns: repeat(10, 1fr);
        display: grid;
        column-gap: 10px;
    }
    .grid-container-1-3{
        grid-template-columns: 1fr 3fr;
        display: grid;
        column-gap: 5px;
    }
    .grid-container-2-3{
        grid-template-columns: 2fr 3fr;
        display: grid;
        column-gap: 20px;
    }
    .grid-container-1-3.deconbox{
        grid-template-columns: 1fr 3fr;
        display: grid;
        column-gap: 25px;
    }
    .column-gap-0{
        column-gap: 0;
    }
    .row-gap-35{
        row-gap: 35px;
    }
}
@media (min-width: 1200px) {

    .product_list .grid-container-4 {
        grid-template-columns: repeat(4, 1fr);
        column-gap: 35px;
        display: grid;
    }
    .grid-container-1-3.deconbox{
        grid-template-columns: 1fr 2fr;
        display: grid;
        column-gap: 50px;
    }
    .grid-container-4.product_list.list_tipologia{
        grid-template-columns: repeat(4, 1fr);
        column-gap: 30px;
        display: grid;
    }
    .grid-container-3.webinar {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 35px;
        display: grid;
    }
}
@media (min-width: 1500px) {
    .grid-container {
        display: grid;
        width: 1400px;
        margin: 0 auto;
    }
}

@media (min-width: 1800px) {
    #software .singolo_box_prodotto_new{
        grid-template-columns: 1fr 1fr;
        display: grid;
        background: #fff;
    }
    #software.product_list .inside {
        padding: 20px;
        height: auto;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    #software .product_list .inside {
        height: 235px;
    }
    .inside_single_news_home.grid-container-2{
        grid-template-columns: 360px auto;
    }
}
@media (max-width: 1499px) {
    .grid-container {
        display: grid;
        width: 90%;
        margin: 0 auto;
        /*grid-template-columns: minmax(100%, 1fr);*/
    }
    #brochure-pdf.grid-container{
        grid-template-columns: minmax(100%, 1fr);
    }

    .div-inside-form-deconbox {
        display: grid;
        grid-template-columns: 1fr 2fr;
        column-gap: 10px;
    }
    .grid-container-5-2 {
        grid-template-columns: 2fr 1fr;
        display: grid;
    }

}
@media (max-width: 1200px){
    .product_list.news .box-prodotto-grid.product.type-product .box-prodotto-grid-internal{
        min-height: 590px;
    }
    .grid-container-4.event_tax{
        grid-template-columns: repeat(3, 1fr);
        display: grid;
        column-gap: 10px;
    }
    .marchi.grid-container-6{
        grid-template-columns: repeat(3, 1fr);
        display: grid;
        column-gap: 10px;
    }
    .grid-container-1-3.deconbox{
        grid-template-columns: 1fr 2fr;
        display: grid;
        column-gap: 5px;
    }
    .grid-container-4.product_list.list_tipologia{
        grid-template-columns: repeat(3, 1fr);
        column-gap: 30px;
        display: grid;
    }
    .grid-container-5-2 {
        grid-template-columns: minmax(100%, 1fr);
        display: grid;
    }


}

@media (max-width: 991px) {
    .grid-container-7-4 {
        grid-template-columns: 1fr;
        grid-column-gap: 10px;
    }
    .grid-container-4-2-6{
        grid-template-columns: 1fr;
        display: grid;
    }
    .product_list.news .box-prodotto-grid.product.type-product .box-prodotto-grid-internal{
        min-height: 480px;
    }
    .pulsanti-allinati-tablet{
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 10px;
    }

    #tipologia.filter, #need.filter, #categoria.filter{
        padding-bottom: 70px;
    }
    .div-inside-form-deconbox {
        display: grid;
        grid-template-columns: 1fr 4fr;
        column-gap: 10px;
    }
    .grid-container-desktop-2-10{
        display: none;
    }
    .grid-container-1-3{
        grid-template-columns: 1fr 3fr;
        display: grid;
        column-gap: 5px;
    }
    .grid-container-8-4, .grid-container-4-8, .grid-container-10-2, .grid-container-2, .grid-container-4, .grid-container-6, .grid-container-1-2-1, .grid-container-2-3, .grid-container-1-4, .grid-container-1-3.deconbox, .grid-container-1-5, .grid-container-7-5, .grid-container-5-2, .grid-container-small, .grid-container-5-7 {
        grid-template-columns: minmax(100%, 1fr);
        display: grid;
    }
    .grid-container-2-tablet{
        grid-template-columns: 1fr 1fr;
        display: grid;
        column-gap: 35px;
    }
    .sfondo-eventi-2020-product .grid-container-3-2{
        row-gap: 20px;
    }
    .grid-container-4.event_tax, .grid-container-4{
        grid-template-columns: repeat(2, 1fr);
        display: grid;
        column-gap: 10px;
    }
    .grid-container-5{
        grid-template-columns: repeat(3, 1fr);
        display: grid;
        column-gap: 20px;
    }
    .marchi.grid-container-6{
        grid-template-columns: repeat(2, 1fr);
        display: grid;
        column-gap: 10px;
    }
    .grid-container-lista-marchi {
        grid-template-columns: repeat(5, 1fr);
        column-gap: 10px;
        display: grid;
    }
    .grid-container-4.video-eventi{
        grid-template-columns: repeat(2, 1fr);
        display: grid;
        column-gap: 10px;
    }
    button#mostra-filtri, button#mostra-filtri-need{
        display: block;
    }
    #tipologia.filter, #need.filter, #categoria.filter{
        display: none;
        padding-top: 20px;
    }
    .grid-container-10-11 {
        grid-template-columns: 1fr;
    }
    .grid-container-3{
        grid-template-columns: repeat(3, 1fr);
        display: grid;
        column-gap: 10px;
    }
    .grid-container-3.webinar {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 35px;
        display: grid;
    }
    .product_list .grid-container-4 {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 35px;
        display: grid;
    }
    .immagine_bannerone_video .grid-container-4 {
        grid-template-columns: 1fr 1fr;
        column-gap: 15px;
        display: grid;
    }
    .accua_form_booking_calendar {
        margin-bottom: 20px;
        width: 90vw;
        overflow-x: scroll;
    }
}

@media (max-width: 700px){
    .immagine_bannerone_video .grid-container-4 {
        grid-template-columns: 1fr 1fr;
        column-gap: 35px;
        display: grid;
    }
    .marchi.grid-container-6{
        grid-template-columns: 1fr;
        display: grid;
    }
    .grid-container-2-tablet{
        grid-template-columns: 1fr;
        display: grid;
    }
    .grid-container-5{
        grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
        display: grid;
    }
    .grid-container-4.product_list.list_tipologia{
        grid-template-columns: repeat(2, 1fr);
        column-gap: 30px;
        display: grid;
    }
    .grid-container-4.video-eventi{
        grid-template-columns: minmax(100%, 1fr);
        display: grid;
    }
    .pulsanti-allinati-tablet{
        display: grid;
        grid-template-columns: minmax(100%, 1fr);
    }
    .grid-container-4, .grid-container-3{
        grid-template-columns: minmax(100%, 1fr);
        display: grid;
    }
    .grid-container-3.webinar {
        grid-template-columns: 1fr ;
        column-gap: 35px;
        display: grid;
    }
    .product_list .grid-container-4 {
        grid-template-columns: minmax(100%, 1fr);
        column-gap: 35px;
        display: grid;
    }
}

@media (max-width: 500px){
    .grid-container-5{
        grid-template-columns: minmax(100%, 1fr);
        display: grid;
    }
    .grid-container-4.product_list.list_tipologia{
        grid-template-columns: minmax(100%, 1fr);
        display: grid;
    }
    .box-prodotto-grid-inside {
        margin-top: 60px;
    }
    .grid-item-slick .box-prodotto-grid-inside {
        margin-top: 0px;
    }
    .grid-container-4.event_tax{
        grid-template-columns: minmax(100%, 1fr);
        display: grid;
        column-gap: 10px;
    }

    .grid-illuminate-plus {
        grid-template-columns: auto 60px auto;
        justify-items: baseline;
    }
}

@media only screen and (max-width: 1366px) {
    .grid-container-6 {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media only screen and (max-width: 993px) {
    .grid-container-6 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 991px) {
    .grid-container-6 {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 30px;
    }
}

@media (min-width:2500px){
    .grid-container {
        display: grid;
        width: 70%;
        margin: 0 auto;
    }
}