/*
Theme Name: GBS Child
Theme URI: http://underscores.me/
Author: Global Business Solution S.r.l.
Author URI: http://www.gbs-group.it
Description: GBS Custom WordPress Theme. This theme is not available for you to download or buy.
Template: gbs
Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */


@media screen and (max-width: 1600px){
/*variabili es var(--nome)*/
:root { 
    
    /*font size/line height*/

    --size-p:16px;
    --lineH-p:1.6;

    --size-p-small:14px;
    --size-p-smaller:12px;
    
    --size-p-big:18px;
    --lineH-p-big:1.3;
    
    --size-p-check-form:12px;
     
    --size-h1: 50px;
    --lineH-h1: 1.2;

    --size-h2: 40px;
    --lineH-h2: 1.125;

    --size-h3: 34px;
    --lineH-h3: 1.125;

    --size-h4: 26px;
    --lineH-h4: 1.25;

    --size-h5: 24px;
    --lineH-h5: 1.25;

    --size-h6: 20px;
    --lineH-h6: 1.25;


     /*Elementi*/
     --width-btn:80px;
     
     --padding-container: 0 10px;
     --padding-singolo:10px;

     --padding-colonne:25px;
     --padding-box:40px;
     --space-margin:55px;
    }
    .container-uala iframe {
        height: 420px;
        max-height: 420px;
    }
    
}

@media screen and (max-width:1440px){
    :root { 
    
        
    /*font size/line height*/
    --size-p:16px;
    --lineH-p:1.6;

    --size-p-small:14px;
    --size-p-smaller:12px;
    
    --size-p-big:18px;
    --lineH-p-big:1.4;
        
    --size-p-check-form:12px;
     
    --size-h1: 46px;
    --lineH-h1: 1.2;

    --size-h2: 40px;
    --lineH-h2: 1.125;

    --size-h3: 34px;
    --lineH-h3: 1.125;

    --size-h4: 24px;
    --lineH-h4: 1.25;

    --size-h5: 22px;
    --lineH-h5: 1.25;

    --size-h6: 18px;
    --lineH-h6: 1.25;


     /*Elementi*/
     --width-btn:80px;
     
     --padding-container: 0 10px;
     --padding-singolo:10px;

     --padding-colonne:25px;
     --padding-box:40px;
     --space-margin:55px;
    } 
}

@media screen and (max-width:1280px){
    :root { 
        /*font size/line height*/
        --size-p:15px;
        --size-p-small:14px;
        --size-p-big:16px;

        --size-h1: 40px;
        --lineH-h1: 1.2;


        --size-h2: 32px;
        --lineH-h2: 1.2;


        --size-h3: 28px;
        --lineH-h3: 1.2;


        --size-h4: 22px;
        --lineH-h4: 1.3;


        --size-h5: 20px;
        --lineH-h5: 1.5;


        --size-h6: 16px;
        --lineH-h6: 1.5;


        /*Elementi*/
        --w-container:1100px;
        --w-container-stretto:960px;
        --width-btn:20px;
        
        --padding-container: 0 40px;
        --padding-singolo:40px;

        --padding-colonne:25px;
        --padding-box:30px;
        --space-margin:60px;
    }
    .w-container, #navigation-bar{
        padding-left: 15px;
        padding-right: 15px;
    }
    #action-bar{
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .visor-text-container{
        text-align: center;
    }
    .visor-text-container .after-title{
        padding-left: 0;
    }
    .visor-text-container .after-title:before{
        content: none;
    }
	.home .title-h1 br {
		display: block !important;
	}
}

@media screen and (max-width:1100px){
:root { 
    /*font size/line height*/
     --size-p:15px;
     --size-p-small:14px;
     --size-p-big:17px;

     --size-h1: 40px;
     --lineH-h1: 1.2;


     --size-h2: 34px;
     --lineH-h2: 1.2;


     --size-h3: 28px;
     --lineH-h3: 1.2;


     --size-h4: 22px;
     --lineH-h4: 1.3;


     --size-h5: 20px;
     --lineH-h5: 1.5;


     --size-h6: 17px;
     --lineH-h6: 1.6;


    /*Elementi*/
     --w-container:100%;
     --w-container-stretto:100%;
     --width-btn:20px;
     
     --padding-container: 0 40px;
     --padding-singolo:40px;

     --padding-colonne:20px;
     --padding-box:30px;
     --space-margin:50px;
    }
    .grid-container .cell{
        grid-column-start: 1 !important;
        grid-column-end: 12 span !important;
    }
    #section-infos-atelier .cell.g4{
        column-gap: 15px;
        grid-column-start: initial !important;
        grid-column-end: 4 span !important;
        justify-content: center;
    }
    .info-content, .info-content p{
        font-size: var(--size-p);
    }
    #section-sectors .grid-container .cell.sector-home, #section-applications .grid-container .cell.application, #section-products-filter .grid-container .cell.prod-filt{
        grid-column-start: initial !important;
        grid-column-end: 6 span !important;
    }
    .visor-text-container{
        text-align: center;
    }
    .after-title{
        padding-left: 0;
    }
    .after-title:before{
        content: none;
    }
    .after-title.after-title-small{
        padding-left: 0;
    }
    .order-3-mb{
        order: 3;
        margin-top: var(--spacing-1);
        text-align: center;
    }
    .text-container-application .desc{
        display: block;
    }
    #section-research ul{
        display: flex;
        flex-wrap: wrap;
    }
    #section-research ul li{
        width: 50%;
    }
    .text-container-sector .title-h4{
        text-align: left;
    }
    #section-targets > div{
        padding-top: 0;
        margin-top: var(--spacing-1);
    }
    .text-columns{
        columns: unset;
    }
    .txt-sec:nth-child(odd) .grid-container .cell:first-of-type {
        order: 1;
    }
    .txt-sec:nth-child(odd) .grid-container .cell:last-of-type{
        order: 2;
    }
    .txt-sec .grid-container .cell:last-of-type{
        padding-right: 0;
    }
    .txt-sec:nth-child(even) .grid-container .cell:last-of-type{
        padding-right: 0;
        padding-left: 0;
    }
    .txt-sec .cell.g12{
        margin-top: var(--spacing-1);
        padding: 0 !important;
    }
    .txt-sec .cell{
        margin-bottom: var(--spacing-1);
    }
    .none-mob{
        display: none !important;
    }
    .display-block-mb{display: block!important;}
    .display-inline-block-mb{display: inline-block!important;}
    .align-center-mb {text-align: center;}
    .grid-27.grid-container{
        column-gap: 0;
    }
    footer .grid-27.grid-container .cell:nth-child(2){
        grid-column-start: 1!important;
    }
    footer .grid-27.grid-container .cell:nth-child(3){
        grid-column-start: 15!important;
    }
    footer .grid-27.grid-container .cell:nth-child(2),footer .grid-27.grid-container .cell:nth-child(3){
        grid-column-end: span 13!important;
    }
    footer .grid-27.grid-container .cell:first-of-type,footer .grid-27.grid-container .cell:last-of-type{
        grid-column-start: 1!important;
        grid-column-end: span 27!important;
    }
    .container-uala p{
        text-align: center;
    }
    .atelier_inner_text{
        margin-bottom: 30px;
    }
    .section-staff-atelier{
        margin-top: 30px;
    }
    .section-staff-atelier .cell{
        text-align: center;
    }
    .section-staff-atelier .staff-item{
        justify-content: center;
    }
    .container-uala iframe {
        max-height: 350px;
    }
    .staff-item > div {
        width: 100%;
    }
    .staff-item > div > figure {
        margin: 0 auto;
    } 
}
@media screen and (max-width:900px){
    #section-infos-atelier{
        margin-bottom: 0;
    }
    #section-infos-atelier .cell.g4{
        grid-column-start: 1 !important;
        grid-column-end: 12 span !important;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        margin-bottom: 30px;
    }
}
@media screen and (max-width:767px){
    :root { 
    /*font size/line height*/
     --size-p:15px;
     --size-p-small:14px;
     --size-p-big:17px;

     --size-h1: 36px;
     --lineH-h1: 1.2;


     --size-h2: 32px;
     --lineH-h2: 1.2;


     --size-h3: 28px;
     --lineH-h3: 1.2;


     --size-h4: 24px;
     --lineH-h4: 1.3;


     --size-h5: 20px;
     --lineH-h5: 1.5;


     --size-h6: 17px;
     --lineH-h6: 1.6;


    /*Elementi*/
     --w-container:100%;
     --w-container-stretto:100%;
     --width-btn:20px;
     
     --padding-container: 0 35px;
     --padding-singolo:35px;

     --padding-colonne:20px;
     --padding-box:30px;
     --space-margin:50px;
    }
    #section-products ul li{
        width: 100%;
    }
    #section-research ul li{
        width: 100%;
    }
    #btnFiltersContainer .btn.btn-primary{
        border-right: 2px solid var(--accent-color);
    }
    .section-footer-form > div{
        padding-left: var(--spacing-1);
        padding-right: var(--spacing-1);
    }
    #section-sectors .grid-container .cell.sector-home, #section-applications .grid-container .cell.application {
        grid-column-start: 1 !important;
        grid-column-end: 12 span !important;
    }
    .visore-atelier .visore-contenitore-testo {
        position: relative;
        top: 0;
        transform: none;
        padding-top: 150px;
        padding-bottom: 50px;
    }
    .visore-atelier > figure {
        position: absolute;
        width: 100%;
        min-height: 100%;
    }
    .visor-cta-cont {
        flex-wrap: wrap;
    }
    .visor-cta-cont a {
        width: 100%;
        justify-content: center;
    }
    /* blog - paginazione */
    .pagination-blog .page-numbers {
        margin: 0;
        padding: 0;
    }
}

@media screen and (max-width:479px){
:root { 
    /*font size/line height*/
     --size-p:15px;
     --size-p-small:14px;
     --size-p-big:16px;

     --size-h1: 34px;
     --lineH-h1: 1.2;


     --size-h2: 32px;
     --lineH-h2: 1.2;


     --size-h3: 30px;
     --lineH-h3: 1.2;


     --size-h4: 26px;
     --lineH-h4: 1.3;


     --size-h5: 20px;
     --lineH-h5: 1.5;


     --size-h6: 18px;
     --lineH-h6: 1.6;


    /*Elementi*/
     --w-container:100%;
     --w-container-stretto:100%;
     --width-btn:80px;
     
     --padding-container: 0 25px;
     --padding-singolo:25px;

     --padding-colonne:20px;
     --padding-box:20px;
     --space-margin:50px;
    }
    .woocommerce-Address-title {
        text-align: center;
        padding-right: 0;
    }
    .woocommerce-MyAccount-content .woocommerce-Address h3 {
        float: none !important;
        display: block;
    }
    .woocommerce-account .addresses .title .edit {
        margin-top: 5px;
        display: block;
        position: relative;
        transform: none;
    }

    .bg-categoria h1 {
        margin-top: 30px !important;
    }
}
@media screen and (max-width:374px){
:root { 
    /*font size/line height*/
     --size-p:15px;
     --size-p-small:14px;
     --size-p-big:16px;

     --size-h1: 26px;
     --lineH-h1: 1.2;


     --size-h2: 24px;
     --lineH-h2: 1.2;


     --size-h3: 22px;
     --lineH-h3: 1.2;


     --size-h4: 20px;
     --lineH-h4: 1.3;


     --size-h5: 16px;
     --lineH-h5: 1.5;


     --size-h6: 16px;
     --lineH-h6: 1.6;


    /*Elementi*/
     --w-container:100%;
     --w-container-stretto:100%;
     --width-btn:180px;
     
     --padding-container: 0 20px;
     --padding-singolo:20px;

     --padding-colonne:20px;
     --padding-box:20px;
     --space-margin:50px;
    }
}

@media screen and (max-width:1440px){
    .sector-item{
        height: var(--spacing-11);
    }
}

@media screen and (max-width:1279px){


#content-hub .hub-list article.hub-card {
    min-height:350px
}
}
@media screen and (max-width:1023px){
/*----------------header----------------*/   
header #navigation-bar .header-content {
    padding-top: 25px;
    padding-bottom: 20px;
}
header #navigation-bar .header-content .site-branding .logo-container #logo{
  width:120px
}
header #navigation-bar .header-content .site-menu #burger-btn .menu-icon{
    width:40px 
}

#content-hub .hub-list article.hub-card {
    padding: 30px 25px;
    min-height:330px
}
}
@media only screen and (max-width: 959px){

/*colonne-flex + gap*/
.col-20-flex,
.col-30-flex,
.col-40-flex,
.col-50-flex,
.col-60-flex{
    flex-basis: 44%;
}
.col-80-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis:90%;
  }


/*----------------flex----------------*/

/*singolo post*/
#content-hub .hub-list article.hub-card {
    padding: 30px 25px;
    min-height:300px
}
#content-hub .hub-list article.hub-card.col-40-flex .article-head,
#content-hub .hub-list article.hub-card.col-40-flex .article-body,
#content-hub .hub-list article.hub-card.col-40-flex .article-footer    
#content-hub .hub-list article.hub-card.col-60-flex .article-head,
#content-hub .hub-list article.hub-card.col-60-flex .article-body,
#content-hub .hub-list article.hub-card.col-60-flex .article-footer {
    max-width:100%;
    }
#content-hub .hub-list article.hub-card  .article-footer .plus-icon {
    width: 24px;
    height: 24px;
    }
#content-hub .hub-list article.hub-card  .article-footer .plus-icon *{
    stroke-width:3px!important
    }
}
@media only screen and (max-width: 959px){
    ul.list-clients .col-20-flex {
        flex-basis: 23%;
    }
}
@media screen and (max-width: 781px){
    footer #widget-area .wp-block-column:not(:only-child),
    footer #copyright-area .wp-block-column:not(:only-child){
     flex-basis: 100%!important;
     margin-left:0;
     text-align:center;
     margin-bottom:20px;
    }
    footer #widget-area .wp-block-column .wp-block-spacer {
        display: none;
    }
    footer #widget-area .logo-footer-container #logo-footer {
        margin:0 auto;
    }
    footer #copyright-area ul.social-footer {
        padding: 0;
        margin: 0;
        justify-content:center;
    }
}
@media screen and (max-width:767px){
    /*.flex {
        display: block;
    }*/
    .wpcf7 .col-100, .form .col-100, .wpcf7 .col-80, .form .col-80, .wpcf7 .col-75, .form .col-75, .wpcf7 .col-70, .form .col-70, .wpcf7 .col-60, .form .col-60, .wpcf7 .col-50, .form .col-50, .wpcf7 .col-40, .form .col-40, .wpcf7 .col-33, .form .col-33, .wpcf7 .col-30, .form .col-30, .wpcf7 .col-25, .form .col-25, .wpcf7 .col-15, .form .col-15 {
        padding-right: 0px!important;
        padding-left: 0px!important;
    }
    .col-85, .col-80, .col-75, .col-70, .col-65, .col-60, .col-50, .col-40, .col-33, .col-30, .col-35, .col-25, .col-15 {
        width: 100%!important;
        margin-left: 0px;
        margin-right: 0px;
    }
    /* account page */
    .woocommerce .float-left.flex.height-100 {
        float: none;
    }
    .col-100 {
        margin-left: 0px;
        margin-right: 0px;
    }
    .max50 {
        max-width: none!important;
    }
    .flex-nowrap {
        flex-wrap: wrap;
    }
    /*section.margin.first {
        margin-top: calc(var(--space-margin) / 2);
        margin-bottom: calc(var(--space-margin) / 2);
    }*/
    .row .col-50:nth-child(even) {
        padding-left: 0;
        margin-bottom: 0px;
    }
    .row .col-50:nth-child(odd) {
        padding-right: 0;
        margin-bottom: 00px;
    }
    p {
        margin: 0 0 5px;
        }   
    /*Fine generiche*/
    .title-h1,.title-h2,.title-h3,.title-h4,.title-h5,.title-h6 {
        padding-right: 0px!important;
        padding-left: 0px!important;
        margin-left: 0px;
        margin-right: 0px;
    }
    .btn, div.wpcf7 input[type="submit"] {
        line-height: 1.4;
        padding: 10px 20px;
        margin: 7.5px 0;
        width:100%;
        text-align:center;
    }
    .btn-row.flex .btn,
    .btn {
        width: auto;
        text-align: center;
    }
    .section-reverse{
        flex-direction: column;
    }
}
@media screen and (max-width:767px){

    /*colonne-flex + gap*/
    .col-20-flex,
    .col-30-flex,
    .col-40-flex,
    .col-50-flex,
    .col-60-flex{
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis:90%;
      }
    
    /*singolo post*/
    #content-hub .hub-list article.hub-card {
        min-height:calc(90vw - (var(--padding-singolo) * 2))
    }
    #content-hub .hub-list article.hub-card .article-body .article-title {
        -webkit-line-clamp: 3;
    }
    #content-hub .hub-list article.hub-card .article-body .article-excerpt {
        -webkit-line-clamp: 3;
    }
    #content-hub .hub-list article.hub-card .article-body *{
        text-align: left;
    }
    #content-hub .hub-list article.hub-card .article-body *,
    #content-hub .hub-list article.hub-card #article-head *{
        text-align: left;
    }
    .grid-content-img{
        flex-flow: wrap !important;
        gap: 20px !important;
    }
    .grid-content-img > .col-33{
        flex-basis: 50%;
    }
}
@media only screen and (max-width: 767px){
    section#universe .list-content {
        text-align: center;
    }
    section#universe .list-content .col-10 {
        width: 100%;
        margin-top: 10px;
    }
    section#value {
        text-align: center;
    }
    .addtoany_share_save_container {
        text-align: center;
    }

    ul.list-posizioni ul.lista-specifiche {
        justify-content: center;
    }
    ul.list-posizioni p {
        text-align: center;
    }
    section.marginbasey3, .w-container.marginbasey3{
        margin-top: var(--spacing-1);
        margin-bottom: var(--spacing-1);
    }
    .w-container.marginbasetop2, .w-container.marginbasetop4{
        margin-top: var(--spacing-1);
    }
    .w-container.paddingbasey4{
        padding-top: var(--spacing-1);
        padding-bottom: var(--spacing-1);
    }
    #page-visor{text-align: center;}
}
@media screen and (max-width:479px){
    /*----------------header----------------*/   
    header #navigation-bar .header-content {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    /*singolo post*/
    #content-hub .hub-list article.hub-card {
        min-height:calc(100vw - (var(--padding-singolo) * 2))
    }
    header #navigation-bar .header-content .site-branding {
        width: 50%;
        margin-bottom: 0;
    }
    #section-products-filter .grid-container .cell.prod-filt{
        padding: 0 10px 0 10px;
    }
    #section-products-filter .grid-container .cell.prod-filt figure{
        height: auto;
    }
}
@media screen and (max-width:374px){
    header #action-bar .action-bar-menu ul{
        column-gap: 20px;
    }
    
}
















/***********************************responsive gbs custom**************************/
@media screen and (max-width:1600px){
    .single-product .product-container > div > .col-40-flex{
    flex-basis: 44%;
}
}
@media screen and (max-width:1440px){
.prodotto-visore {
    width: 100%;
    max-width: 300px;
    float: right;
    padding-bottom: 10vh;
}

.single-product .product-container > div > .col-40-flex{
    flex-basis: 44%;
}

#slider-gbs .p-big.bianco.marginbasetop5.marginbasebottom {
    margin-top: 60px;
}	
.col-85 {
	width:100%;
	padding-right: 25px !important;
	padding-left: 25px !important;
}
.blocco-estratto p {
    font-size: var(--size-h6);
}	
header #navigation-bar .site-menu nav ul ul.sub-menu > li > a {
	font-size: var(--size-h6);
}
.blocco-foto img {
    width: 100%;
    object-fit: contain;
   
}	
.blocco-estratto {
   max-width: 500px;
}	
#mappa figure, #mappa figure img {
    height: 500px;
}
	
#intro-applicazione .padding-container-dx.col-50.display-inline-block.padding100top.padding100bottom.padding-12col-left.vertical-top {
    padding-top: 40px;
    padding-bottom: 40px;
}	
#intro-applicazione .padding-6col-right {
    padding-right: calc(var(--w-container) / 12);
}
	
}
	
	
@media screen and (max-width:1366px){		
	:root{
	--padding-btn-s1: 10px 20px 10px 20px;
}
	
#prefooter .col-40.padding-12col-right{
    padding-right: calc(var(--w-container) / 24);
}
}

@media screen and (max-width:1280px){	
	
button.menu-toggle {
    border: 0;
	position:relative;
	z-index:999;
}
svg.menu-icon, header .sticky svg.menu-icon {
    fill: #000;
}	
header .sticky svg.menu-icon {
    fill: #000 !important;
}		
header.transparet svg.menu-icon, .main-navigation.toggled svg.menu-icon {
    fill: #FFF;
}	
header .sticky .main-navigation.toggled svg.menu-icon {
    fill: #FFF !important;
}		
li.megamenu > a:before {
    content: 'expand_more';
    font-family: 'Material Icons';
    vertical-align: middle;
    margin-left: 10px;
	float:right;
}	
li.megamenu.active > a:before{
    content: 'expand_less';
}		
.menu-menu-principale-container .menu.nav-menu {
    position: absolute;
    width: 100%;
    max-width: 600px;
    right: 0;
    top: 0;
    background: #1F1F1F;
    padding:150px 30px 0;
    height: 100vh;
}

.menu-item-description.contenuto-extra {
    display: none;
}	
	
ul#primary-menu li a {
    font-size: 18px !important;
    margin-bottom: 10px;
    width: auto !important;
    display: inline-block;
	color: #000 !important;
}
	
ul#primary-menu .sub-menu li a {
    font-size: 16px !important;
    margin-bottom: 5px;
    color: #000 !important;
    line-height: 1 !important;
    width: 100%;
}
ul.sub-menu li {
    display: inline-block;
    background-color: transparent;
    font-size: 16px;
    clear: both;
    float: none;
    width: 100%;
}	

/*.main-navigation ul ul {
    box-shadow: 0 0 0;
    position: relative;
	display:none !important;
	left:0;
	width: 100%;
	float:none;
	padding: 10px 20px;
}	*/
.main-navigation .megamenu.active ul {
    box-shadow: 0 0 0;
    position: relative;
    display: block !important;
    z-index: 9999999;
}
	
header #navigation-bar .site-menu nav ul:not(.sub-menu) > li:hover > a:after {
    display: none;
}	
}

	
@media screen and (max-width:1024px){	
    .w-container {
        max-width: var(--w-container);
        width:100%;
        padding-right: 25px !important;
        padding-left: 25px !important;
    }
    header #navigation-bar{
            padding-right: 25px !important;
            padding-left: 25px !important;
    }
    .container-allineato-dx > .col-50:first-child{
        padding-left: 25px;
    }
    .container-allineato-sx > .col-50:last-child{
        padding-right: 25px;
    }
    #visore-urban, #visore-industrial {
        padding: 40px;
    }
    .col-85 {
        width:100%;
        padding-right: 25px;
        padding-left: 25px;
    }
    #img-skylarknet{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .filtro-select {
        border: 1px solid #000;
        padding: 9px 25px 9px 10px;
        text-align: center;
        border-radius: 30px;
        vertical-align: middle;
        margin: 0 10px;
    }
    section#listing-progetti > .card-progetto {
        width: 32.1%;
        display: inline-block;
        vertical-align: top;
        margin-right: 1%;
    }
    section#listing-progetti > div.banner-listing {
        width: 65%;
        display: inline-block;
        vertical-align: top;
        margin-right: 1%;
    }
    /* account page */
    .my-account-level-container  .my-account-level-col-2 figure {
        width: 70%;
    }
}

@media screen and (max-width:1023px){	
    .padding100top{
        padding-top:40px;
    }
    .padding100bottom{
        padding-bottom:40px;
    }
    .padding100 {
        padding: 40px;
    }
    .padding-12col-right {
        padding-right: calc(var(--w-container) / 24);
    }
    .padding-12col-left {
        padding-left: calc(var(--w-container) / 24);
    }
    .carosello_4 figure, .gallery figure {
        height: 350px;
    }
    .carosello_2 figure {
        height: 350px;
        aspect-ratio: 1/1;
    }
    section#listing-progetti figure, section#listing-progetti figure img, section#listing-progetti > div.banner-listing, section#listing-progetti > div.banner-listing figure, section#listing-progetti > div.banner-listing figure img, section#listing-progetti > div.banner-listing > div {
        height: 350px;
    }
    /*.flex {
        display: flex;
        flex-wrap: wrap;
    }*/
    footer .widget-column.col-15 {
        flex: 1 0 25%;
        margin-bottom: 40px;
    }
    footer .widget-column.col-30 {
        flex: 1 0 50%;
        margin-bottom: 40px;
    }
    footer .widget-column.col-40 {
        flex: 1 0 100%;
        margin-bottom: 20px;
        margin-top: 40px;
    }
    section#copyright-area .col-100 > div {
        width: auto;
        margin-right: 30px;
    }
    .prodotto-visore {
        margin-top: 5vh;
    }
    .prodotto-visore > * {
        flex: 1;
    }
    section#section-prodotti .col-33, section#section-progetti .col-33, section#section-prodotti .col-40, section#section-progetti .col-40 {
        flex: 1 0 48%;
        margin-bottom:20px;
    }
    section#section-prodotti .col-33:last-child, section#section-progetti .col-33:last-child {
        margin-bottom:0px;
    }
    #visore-urban .p-big.margin100top, #visore-industrial .p-big.margin100top {
        padding-right: 35%;
        margin-top: 40px;
    }
    .flex.justify-content-space-between {
        min-height: auto !important;
    }
    
    pre-footer#prefooter .title-h3, pre-footer#prefooter .col-40 {
        flex: 1 0 48%;
    }
    .contatore_1 {
        font-size: 125px;
        line-height: 1;
    }
    .contatore_2 {
        font-size: 60px;
        line-height: 1;
    }
    .contatore_3 {
        font-size: 40px;
        line-height: 1;
    }
    div#lista-certificazioni > div {
        width: calc(33.3% - 20px);
        margin-bottom: 60px;
    }
    div#lista-certificazioni > div figure.flex {
        display: flex;
        flex-wrap: nowrap;
    }
    .tax-product_cat section#section-prodotti .w-container > div {
        width: 100%;
    }
    .tax-product_cat .col-50.padding-12col-right.flex .col-100.bordo-top .testo-custom-1 {
        margin-bottom: 30px;
    }
    .single-product  #visore-intro, .single-product #visore-intro .slide, .single-product #visore-intro .slide figure {
        height: 550px;
    }
    .single-product .testo-due-colonne p {
        column-count: 1;
        column-gap: 20%;
    }
    .single-product .col-66.carosello_2{
        width: 100%;
    }
    section#listing-progetti > .card-progetto {
        width: 31.1%;
        display: inline-block;
        vertical-align: top;
        margin-right: 1%;
    }
    .gift-card-form, .ilr_cont_var, .pwgc-input-text, #pwgc-message{
        width: 100% !important;
    }
    #gift-card-amount{
        margin-right: 0;
    }
    .product-type-pw-gift-card .padding-12col-right{
        padding-right: 0 !important;
    }
}

@media screen and (max-width:600px){
header .action-bar-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
header #navigation-bar {
    padding-right: 25px !important;
    padding-left: 25px !important;
	padding:10px 25px 5px;
}
button.menu-toggle{
	padding:0;
}
header #navigation-bar .navigation-content .site-branding {
    max-width: 160px;
    gap: 10px;
    width: 100%;
}
header .main-navigation svg.menu-icon{
    max-width: 40px;
}	
.logo-container a > * {
    width: 100%;
    height: auto;
}	
.btn {
    font-size: 14px;
}	
.padding-12col-right {
    padding-right: 0;
}
.padding-12col-left {
    padding-left: 0;
}	
	
pre-footer#prefooter .title-h3, pre-footer#prefooter .col-40 {
    flex: 1 0 100%;
    margin-bottom: 30px !important;
}
	
footer .widget-column {
    flex: 1 0 100% !important;
    margin-bottom: 40px;
}	
footer .widget-column.col-15 > div {
    width: 48%;
    display: inline-block;
}	
	
section#copyright-area .col-100 > div {
    width: 100%;
    margin-right: 0;
    font-size: 12px !important;
    margin-bottom: 10px;
}	
.widget-column	.col-55, .col-45 {
    width: 100%;
	padding:0;
}
	
.col-55, .col-45 {
    width: 100%;
	padding:0;
}	
	
.single-product #visore-intro, .single-product #visore-intro .slide, .single-product #visore-intro .slide figure {
    height: auto;
}	
.single-product #visore-intro {
    padding-top:150px;

}	
.single-product #visore-intro.urban figure:before, .single-product #visore-intro.industry figure:before {
    top: 10%;
    right: 10%;
    width: 80%;
    height: 80%;
}	
.single-product #visore-intro figure img {
    z-index: 2;
    max-height: 350px;
}	
.container-allineato-dx > .col-50, .container-allineato-sx > .col-50{
	padding-left: 25px;
	padding-right: 25px;
}	
section#contact-us-urban .col-60, section#contact-us-industry .col-60 {
    margin-top: 40px;
}
section#vantaggi-famiglia > div {
    margin-bottom: 40px;
}	
section#vantaggi-famiglia {
    width: calc(100% - 50px);
    padding-left: 0 !important;
    padding-right: 0 !important;
}	
	
.page-template-istituzionale section#contatori .w-container > div {
    padding: 0;
    margin-bottom: 20px;
}	

.page-template-istituzionale section#contatori > div:first-child {
    flex-direction: column-reverse;
}	
div#lista-certificazioni > div {
    width: calc(50% - 20px);
    margin-bottom: 60px;
}	
	
span.bold.testo-custom-1 {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}	
	
section#listing-progetti > .card-progetto {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 0;
}	
section#listing-progetti > div.banner-listing {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 0;
    margin-bottom: 20px;
}	
	
.card-prodotto-progetto.flex.align-items-end {
    flex-direction: column-reverse;
}	

section#section-progetti .col-85 > .w-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}	
.tax-product_cat #section-prodotti .w-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
	width: calc(100% - 50px);
}
.tax-product_cat section#section-prodotti .title-h3 {
    margin-bottom: 20px !important;
    display: block;
}	
.tax-product_cat #section-progetti .w-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
}	
.tax-product_cat section#mappa + section > .col-100 > * {
    margin-bottom: 40px;
    margin-top: 0;
    padding: 0;
}
.tax-product_cat section#mappa + section > .col-100	{
		   padding: 0;
}
section#intro-applicazione {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 0;
}	
section#intro-applicazione > div {
	padding:0;
	margin-bottom:40px;
	}	
section#intro-applicazione .immagine-sfalsata-sx + div, section#intro-applicazione .immagine-sfalsata-sx + div * {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}
#metodo .col-50 + .col-50 {
    padding: 0;
}	
.col-50.padding10 {
    width: 100% !important;
    margin: 0;
    padding: 0;
}
#visore-urban, #visore-industrial {
    padding: 40px 25px;
}	
.prodotto-visore {
 display:none;
}
	
.home #section-prodotti .w-container, .home #section-progetti .w-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
section#fascione-ind > div {
    flex-direction: column-reverse;
}	
	
.home .container-allineato-sx > .col-50:first-child {
    padding-left: 0;
    padding-right: 0;
}	
.home section#skylarknet > div > div {
    padding: 0;
    margin-bottom: 40px;
    margin-top: 0;
}
section#intro-istituzionale {
    flex-direction: column-reverse;
}
/* account page */
.my-account-level-container {
    flex-direction: column;
    gap: 30px;
}
.my-account-level-container .my-account-level-col-1 {
    width: 100%;
}
	
}
@media screen and (max-width:479px){
#js_html_gift_selector a{
    height: auto;
    display: flex;
    align-items: center;
}
#js_html_gift_selector a > label{
    line-height: 1.4 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.action-bar-content {
    text-align: center;
}
#slider-gbs, #slider-gbs .slide, #slider-gbs .slide figure {
    max-height: unset;
    min-height: unset;
}
#slider-gbs .slide div.absolute{
    position: relative;
    margin-top: 20px;
}
#slider-gbs .slide div.absolute * {
    font-size: 12px;
}
#slider-gbs .slide-content .title-h1 {
        width: 100% !important;
    }
.carosello-home-slide .owl-nav > button {
    top: 45% !important;
}
.carosello-home-slide .owl-nav > button.owl-prev {
    left: 5px;
}
.carosello-home-slide .owl-nav > button.owl-next {
    right: 5px;
}  

#slider-gbs .slide .slide-content .bianco p, #slider-gbs .slide .slide-content .bianco, #slider-gbs .slide .slide-content .etichetta{
    color: #000 !important;
}
div#open-float-box {
    display: none;
}  
button.owl-dot {
    padding: 0;
}
header #navigation-bar .navigation-content.type_menu_1 {
    padding: 0 !important;
}
header #navigation-bar {
        padding: 0px 0px 0px !important;
    }
.icons-shop-container.flex.gap-30px.align-items-center svg {
    width: 20px;
}  
.logo-container a > * {
    width: auto;
    height: 16px !important;
}  
nav#site-navigation {
    gap: 5px;
    justify-content: flex-end;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
}
nav#site-navigation * {
    gap: 10px;
}
div#closeSidenav {
    padding: 10px 25px;
}
div#sideNav_search > * {
    padding-left: 25px;
    padding-right: 25px;
}
.widget_shopping_cart_content {
    padding: 110px 25px!important;
    position: relative;
    height: calc(100vh - 60px);
}
.cwms-free-shipping {
    position: absolute;
    top: 30px;
    width: 100%;
    left: 0;
    padding: 0 25px!important;
}
p.woocommerce-mini-cart__total.total {
    position: fixed;
    left: 25px;
    bottom: 130px;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 50px);
    border-top: 1px solid #cdcdcd;
    padding-top: 20px;
    font-size: 18px;
    font-weight: 500;
}
p.woocommerce-mini-cart__buttons.buttons {
    padding: 0 20px;
    bottom: 80px;
}
p.woocommerce-mini-cart__buttons.buttons a{
    font-size: 12px !important;
    padding: 10px !important;
}

    #sideNav > .flex.height-100 {
        height: calc(100vh - 100px) !important;
    }
#sideNav .menu-centro ul{
    gap: 5px;
}
	
section#visore-cat > div > figure {
    padding-bottom: 60px;
}
section#prodotti-home > .w-container {
    padding-bottom: 0;
    padding-top: 0;
    display: block;
}

div#filtri-prodotti-home {
    display: block;
    margin-top: 20px;
}
#prodotti-home {
    padding-top: 40px;
}
#metodo .w-container, #sostenibilita .w-container {
    padding: 0px 25px !important;
    gap: 0;
}
.home #atelier .w-container {
    padding: 0px 25px !important;
    gap: 0;
}
.archive section#filtri-prodotti{
    padding: 5px 0px !important;
}
section#lista-prodotti > div {
        margin-bottom: 20px;
}
div#closefilter{
    padding: 10px 25px!important;
}
.singolo-filtro {
    padding: 20px 25px!important;
}
.product-card a.add_to_cart_button {
    margin: 0 3px 0 0;
    padding: 5px !important;
}
.product-card a.add_to_cart_button.btn span{
    font-size: 12px !important;
}
section#visore-cat, section#visore-cat > div {
	height: auto;
	min-height: 600px;
	}
section#visore-cat .category-desc:after {
		background: #FFF;
		background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	}	
section#visore-cat .slide-content.col-45 {
    margin-bottom: 40px;
}
section#visore-cat .gap-20px {
	gap: 20px;
}
.breadcrumb.absolute.bottom0.left0 {
    bottom: -15px!important;
}
section#visore-cat .category-desc {
    height: 48px;
    overflow: hidden;
	transition:all .3s linear;
	position:relative;
}
	
section#visore-cat .category-desc.active {
	height: auto;
	overflow: hidden;
}
section#lista-prodotti {
    gap: 5px!important;
    padding-top: 30px!important;
}
section#lista-prodotti > div {
        width: calc(50% - 3px)!important;
        flex-wrap: wrap;
    }
.product-card .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
    width: 43px;
}        
footer .widget-column.col-100 {
    flex: 0 !important;
    margin-bottom: 20px;
    display: block;
}
.widget-column-1 > .widget_nav_menu, .widget-column-2 > .widget_nav_menu {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px !important;
}
.widget-column-1 > .widget_nav_menu, .widget-column-2 > .widget_nav_menu, .widget-column-1 > .widget_block {
    width: 50% !important;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px !important;
    padding-right: 10px;
}
.widget-column-2 > .widget_block {
    width: 100%!important;
    text-align: center;
    align-items: center;
    display: inline-block;
}
.widget-column-1 > .widget_block {
    width: 100% !important;
}

footer section#widget-area .widget-row .widget-column .widget-title, footer section#widget-area .widget_block .align-right.bianco.medium.margin0top.display-block {
    color: var(--widget-color);
    font-family: var(--family-widget-title);
    font-size: var(--size-widget-title);
    font-weight: var(--weight-widget-title);
    line-height: var(--lineH-widget-title);
    text-transform: none;
    padding-bottom: 10px;
    margin: 0;
}

footer section#widget-area .widget-row .widget-column .widget:last-child .col-100.flex.flex-column.align-content-end.gap-20px {
    gap: 10px;
    align-items: flex-start;
}
.social.flex.gap-10px.align-items-center.justify-content-end {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.widget-row .flex.flex-column.gap-50px.col-100{
    gap: 10px;
}
#widget-area .feedaty_widget {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#copyright-area .copyright-links-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
#copyright-area .copyright-links-container div {
    display: flex;
    gap: 20px;
    justify-content: center;
}
section#copyright-area .flex {
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
}
#footer #copyright-area .copyright-text-container {
    margin-left: 0;
    padding-left: 0;
    border-left: 0px solid #FFFFFF10;
    color: var(--widget-link-color);
    margin-bottom: 40px;
    margin-top: 15px;
}
html body.logged-in.admin-bar #page .sideNav {
        margin-top: 0px !important;
        height: 100vh !important;
    }
.sideNav .menu-centro > div, .sideNav .menu-bottom > div, .sideNav .menu-item-has-children .sub-menu > li:not(.close-back-sub-menu) {
    padding: 0 25px!important;
}
.close-back-sub-menu {
        padding: 10px 25px !important;
}
li.close-back-sub-menu {
    margin-bottom: 20px;
}
.sideNav .menu-centro .menu li > .material-symbols-outlined {
    display: none;
}
ul#primary-menu li a, ul#primary-menu .sub-menu li a {
        font-size: 18px !important;
        margin-bottom: 0px;
        min-height: 25px !important;
    }
span.material-symbols-outlined.display-block.hide-submenu.margin40top {
    display: none !important;
}
.sideNav .menu-item-has-children .sub-menu {
    gap: 15px!important;
    overflow-x: hidden;
}
.sideNav .menu-centro > div > .menu, .sideNav .menu-bottom > div > .menu {
        padding: 25px 0!important;
    }
.sideNav .menu-centro .carosello_2 figure {
        height: auto;
    }     
.language_selector {
    background-color: #FFF;
    font-size: 14px;
}  
.carosello-home-slide .owl-dots {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 25px;
}
.woocommerce div.product form.cart > div.col-100.flex {
    gap: 17px!important;
}
.single-product.woocommerce div.product form.cart .aggiunta-qty * {
    width: 34px!important;
}
.single-product.woocommerce div.product form.cart .aggiunta-qty {
    width: 110px !important;
    margin-bottom: 0 !important;
}
.single-product.woocommerce div.product form.cart .single_add_to_cart_button, .single-product.woocommerce div.product form.cart .add_to_cart_button{
    min-width: 210px;
    width: calc(100% - 125px);
}
.single-product.woocommerce div.product form.cart .add_to_cart_button {
    vertical-align: top!important;
    padding: 5px !important;
}
.tab-single-title {
    padding: 0 5px;
    cursor: pointer;
    margin-right: 0px!important;
    border-bottom: 3px solid #cdcdcd;
    margin-bottom: -3px;
    padding-bottom: 10px;
    height: 33px!important;
    display: inline-block;
    font-size: 13px!important;
}
.product-container.product.type-product {
    margin: 0!important;
}
.cwms-coupon-form {
    padding: 20px 25px;
    bottom: 200px;
}


.step-bar.flex.flex-nowrap.justify-content-center.align-items-center.gap-40px {
    gap: 10px;
}
#page-cart-visor .w-container.margin-auto {
    padding: 0 !important;
}
.woocommerce-cart-form__cart-item {
    padding: 10px!important;
}
.woocommerce-cart-form__cart-item .flex.flex-nowrap.gap-20px {
    gap: 10px;
    flex-wrap: nowrap;
}
.woocommerce-cart-form__cart-item .flex.flex-column.justify-content-space-between.paddingbasey {
    width: 100%;
    align-items: flex-start;
    gap: 5px;
}
.woocommerce-cart-form__cart-item .flex.flex-column.justify-content-space-between.paddingbasey .flex.gap-5px{
    width: 100%;
    justify-content: space-between;
}
label.product-radio-label{
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ededed;
}
label.product-radio-label .radio-checkbox {
    display: none;
}
label.product-radio-label * {
    font-size: 12px;
}

.steps-container .flex.flex-nowrap.gap-125px {
    gap: 20px;
}
.col-100.single-benefit.align-center.flex.flex-column.gap-20px {
    margin-bottom: 20px;
}
.single-negozio .accordion-atelier .accordion-content {
    width: 100%;
}
.single-negozio .accordion-atelier .accordion-content .cell{
    width: 49%;
}
.single-negozio div#carosello-gallery {
    margin-bottom: 20px;
}



.card-prodotto-orizzontale {
    gap: 10px !important;
}
.card-prodotto-orizzontale .col-50-flex {
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 30%;
    }
.card-prodotto-orizzontale .col-25-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 4%;
}
.card-prodotto-orizzontale .col-25-flex a.add_to_cart_button.ajax_add_to_cart.btn.btn-style-4 {
    padding: 5px 10px !important;
}
.card-prodotto-orizzontale .col-25-flex a.add_to_cart_button.ajax_add_to_cart.btn.btn-style-4 span{
    font-size: 13px;
}

.card-prodotto-orizzontale span.titolo-prodotto {
    font-size: 14px !important;
}

.single-product div.product.product-container > div{
    padding-bottom: 0px !important;
}
section#review-feedaty > div {
    padding: 0 !important;
}
#fdt_product_tabRecensioni-Verticale-40-60_widget_product_tab .widget_summary {
    margin: 25px !important;
}
#fdt_product_tabRecensioni-Verticale-40-60_widget_product_tab .rev_block {
    margin: 25px 25px 25px 0!important;
    padding-left: 25px!important;
}
}