/* INZIO PARTE CUSTOM DOT*/ @media (max-width: 1023px) { .home-slider-container .slick-arrow { display: inline-block !important; width: 50px; height: 50px; } } /* PARTE NUOVA INSERITA DA DOT PER LE IMMAGINI "PICCOLE" */ .slider-dot-class { min-height: 0 !important; } .slider-dot-class .slick-slide { min-height: auto !important; } .slider-image-dot-class { min-height: calc(100vw / 4.5) !important; } .slider-image-dot-class .pagebuilder-slide-wrapper { min-height: calc(100vw / 4.5) !important; background-size: contain !important; } .slider-image-dot-class .pagebuilder-poster-overlay { min-height: 0 !important; } @media (max-width: 768px) { .slider-dot-class { min-height: 0 !important; } .slider-dot-class .slick-slide { min-height: auto !important; } .slider-image-dot-class { min-height: calc(100vw / 1.1) !important; //Più le immagini sono grandi più piccolo deve essere il divisore (es. al posto di 1.1 inserire 0.9) } .slider-image-dot-class .pagebuilder-slide-wrapper { min-height: calc(100vw / 1.1) !important; //Più le immagini sono grandi più piccolo deve essere il divisore (es. al posto di 1.1 inserire 0.9) background-size: contain !important; } .slider-image-dot-class .pagebuilder-poster-overlay { min-height: 0 !important; } } /* FINE PARTE NUOVA INSERITA DA DOT PER LE IMMAGINI "PICCOLE" */ --> /* PARTE COMMENTATA DA DOT. Si riferisce agli aggiustamenti con le immagini grandi... .slider-dot-class { min-height: 0 !important; } .slider-dot-class .slick-slide { min-height: auto !important; } .slider-image-dot-class { min-height: calc(100vw / 2) !important; } .slider-image-dot-class .pagebuilder-slide-wrapper { min-height: calc(100vw / 2) !important; background-size: contain !important; } .slider-image-dot-class .pagebuilder-poster-overlay { min-height: 0 !important; } @media (max-width: 768px) { .slider-dot-class { min-height: 0 !important; } .slider-dot-class .slick-slide { min-height: auto !important; } .slider-image-dot-class { min-height: calc(100vw / 0.82) !important; } .slider-image-dot-class .pagebuilder-slide-wrapper { min-height: calc(100vw / 0.82) !important; background-size: contain !important; } .slider-image-dot-class .pagebuilder-poster-overlay { min-height: 0 !important; } } FINE PARTE COMMENTATA DA DOT */ /* Forza altezza immagine mobile a 447px */ @media only screen and (max-width: 600px) { .mobile_height_image_custom { max-height: 447px !important; } } /* FINE PARTE CUSTOM DOT*/ .products-widget-container .product-items .product-item .product-colors{display:none} @media (min-width: 768px), print .products-widget-container .block-upper-content .title { max-width: 460px; } -->