.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;
}
.area_menu .grid-container-1-3-menu {
    display: grid;
    grid-template-columns: 1fr 3fr 70px;
    align-content: center;
    align-items: center;
}
.area_menu .grid-container-1-4-menu {
    display: grid;
    grid-template-columns: 1fr 3fr 70px 70px;
    align-content: center;
    align-items: center;
}
.area_menu .grid-container-1-5-menu {
    display: grid;
    grid-template-columns: 1fr 3fr 70px 70px 70px;
    align-content: center;
    align-items: center;
}
.grid-container-2-2-1{
    display: grid;
    grid-template-columns: 2fr 2fr 1fr;
}
.gallery_market {
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
}
.grid-container-icona-finale {
    grid-template-columns: 1fr 50px;
    display: grid;
    align-items: center;
}
.grid-container-icona-finale-2 {
    grid-template-columns: 1fr 350px;
    display: grid;
    align-items: center;
}

.flex-container {
    display: flex;
    column-gap: 30px;
}
.justify-center{
    justify-content: center !important;
}
.justify-end{
    justify-content: end;
    justify-items: end;
}
.flex-item-3 {
    transform: translate3d(0, 0, 0);
    width: 34%;
    overflow: hidden;
    transition: width 1s ease;
}
.flex-item:hover {
    width: 60% !important;
}

.column-gap-20{
    column-gap: 20px;
}
.gap-0{
    column-gap: 0px !important;
}

.gap-50{
    column-gap: 50px !important;
}

.gap-150{
    column-gap: 150px !important;
}

.flex-line{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.products .flex-line {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 30px;
}
.align-items-end{
    align-items: end;
}
.container-slick-one-image {
    width: calc(100vw / 3) !important; /* serve x far funzionare gallery slick*/
    /*width: 100%;*/
}

.area-slogan {
    display: grid;
    grid-template-columns: 120px auto;
    column-gap: 35px;
    align-items: center;
}

.features-full-width{

    grid-column: 1 / span 2;
}
@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;
        row-gap: 20px;
        display: grid;
    }
    .grid-container-3 {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 35px;
        display: grid;
        row-gap: 35px;
    }
    .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: 60% !important;
    }
    .grid-container-6 {
        grid-template-columns: repeat(6, 1fr);
        column-gap: 20px;
        row-gap: 20px;
        display: grid;
    }
    .grid-container-7 {
        grid-template-columns: repeat(7, 1fr);
        column-gap: 20px;
        row-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;
    }
    .grid-container-benefits-1{
        grid-template-columns: 1fr 1fr 70px;
        display: grid;
        column-gap: 30px;
    }
    .grid-container-bb-benefits-1{
        grid-template-columns: 1fr 1fr;
        display: grid;
        column-gap: 30px;
    }
    .grid-container-benefits-2{
        grid-template-columns: 70px 1fr 1fr;
        display: grid;
        column-gap: 30px;
    }

    .grid-container-bb-benefits-2{
        grid-template-columns: 1fr 1fr;
        display: grid;
        column-gap: 30px;
    }
    .grid-container-bb-benefits-3{
        grid-template-columns: 1fr;
        display: grid;
        column-gap: 30px;
    }
    .riga_techdata {
        display: grid;
        margin-bottom: 10px;
        column-gap: 10px;
        grid-template-columns: 1fr 4fr;
    }
}
@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: 80%;
        margin: 0 auto;
    }
    /*.grid-container-1 {
        width: calc(100vw - 150px) !important;
    }*/
}

@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-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;
    }
    .grid-container-2 {
        grid-template-columns: 1fr 1fr;
        display: grid;
        column-gap: 35px;
        row-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;
        row-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;
    }

    .container-slick-one-image {
        width: calc(100vw / 2) !important; /* serve x far funzionare gallery slick*/
        /*width: 100%;*/
    }
}

@media (max-width: 700px){

    .area_menu .grid-container-1-5-menu {
                grid-template-columns: 1fr 35px 35px 35px;
        gap: 5px;
    }

    .immagine_bannerone_video .grid-container-4 {
        grid-template-columns: 1fr 1fr;
        column-gap: 35px;
        display: grid;
    }
    .marchi.grid-container-6, .grid-container-6{
        grid-template-columns: 1fr 1fr !important;
        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-template-columns: 1fr 1fr;
        display: grid;
    }
    .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;
    }
    .grid-container-2 {
        grid-template-columns: minmax(100%, 1fr);
        display: grid;
        column-gap: 35px;
        row-gap: 35px;
    }

    
    .lang{
        margin:0;
    }
    a.button_lingue.button_lingue_0, button.button_lingue.button_lingue_0 {
        padding: 0;
    }
}

@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;
    }
    .grid-container-4{
        grid-template-columns: minmax(100%, 1fr);
        display: grid;
    }

    .container-slick-one-image {
        width: calc(100vw / 1.2) !important;
        /* width: 100%; */
    }
}

@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;
    }
}