/* mobile */ @media only screen and (max-width: 720px){ .phone_hide { display:none; } .iphone_show { display:block; } .wrapper { min-width:0px; width:auto; } .content { padding:0 15px; } .content_column_right {padding: 20px; } .content_column_left { padding: 20px; } .mt20 { margin-top:10px; } .mb40 { margin-bottom:20px; } .col { margin:0px; } .span_50 { width: 100%; } .span_1_of_2 { width: 100%; } .span_1_of_3 { width: 100%; } .span_2_of_3 { width: 100%; } .span_3_of_3 { width: 100%; } .span_1_of_4 { width: 100%; } .span_2_of_4 { width: 100%; } .span_3_of_4 { width: 100%; } .span_1_of_5 { width: 100%; } .span_2_of_5 { width: 100%; } .span_3_of_5 { width: 100%; } .span_4_of_5 { width: 100%; } .span_5_of_5 { width: 100%; } .span_1_of_6 { width: 100%; } .span_2_of_6 { width: 100%; } .span_3_of_6 { width: 100%; } .span_4_of_6 { width: 100%; } .span_5_of_6 { width: 100%; } .span_6_of_6 { width: 100%; } .span_1_of_8 { width: 100%; } .span_2_of_8 { width: 100%; } .span_3_of_8 { width: 100%; } .span_4_of_8 { width: 100%; } .span_5_of_8 { width: 100%; } .span_6_of_8 { width: 100%; } .span_7_of_8 { width: 100%; } .span_8_of_8 { width: 100%; } .span_1_of_10 { width: 100%; } .span_2_of_10 { width: 100%; } .span_3_of_10 { width: 100%; } .span_4_of_10 { width: 100%; } .span_5_of_10 { width: 100%; } .span_6_of_10 { width: 100%; } .span_7_of_10 { width: 100%; } .span_8_of_10 { width: 100%; } .span_9_of_10 { width: 100%; } .span_10_of_10 { width: 100%; } div.top { right:20px; bottom:20px; padding-top:10px; } .label { padding:10px 0; } h1 { font-size:26px; } h2, h3 { font-size:22px; } .break { margin-top:20px; } #map_canvas1 { height:300px;} .alert { padding:10px 40px; font-size:16px; } .alert .closeMsg i { right:10px; } #header .header { padding:5px 0; text-align:left; text-align:center; height:90px; } #header .header .follow { display:none; } #header .header .follow, #header .header .cart { padding-top:5px; } #header .header .logo { left:10px; top:5px; } img.logo { height: 70px; } #header .header .box-account .lang { margin-right:0px; } #header .header .box-search { position: absolute; top: 70px; left: 20px; right:60px; display:none;} #header .header .box-account { top: 20px; } #header .lang a { margin-left:5px; } #header .page { padding:0px; } #header .header .box-account li { margin: 0 0 0 4px; } #header .slimmenu a { text-align:left; } #header ul ul li { background:#f7855c; } #header ul ul ul li { background:#ffad8f } #header .smaller { position:relative; } #header .menu, #header .menu .content { padding:0px; } #header .menu_account { float:left; } #header .cart_mini { top:65px; } #footer { padding:10px 0; } #footer .footer { padding: 0; } #footer .credits { margin:20px 0 0 0; } #footer .credits .align_right { text-align:left; } #footer .social li { float:left; } #footer .lang { float:left; } #footer h4 { margin-top:20px; } #footer .social li { width:40px; height:40px; overflow:hidden; float:left; margin-right:10px; } #footer .submenu { display: block; } #footer .categories ul { grid-template-columns: 1fr 1fr; } #footer .lang { float:none; } #footer .submenu { display:grid; grid-template-columns: 1fr; gap:20px; padding:20px 10px; } #footer .submenu .item { padding: 0px; } #footer .submenu h4 { margin: 0 0 10px 0; } .footer3 .grid { display:grid; grid-template-columns:1fr; } .footer3 .categories { column-count: 2; } .footer3 { padding: 0 10px; } .footer3 .grid-2 { display:block; } .footer img.logo { height:100px; } .footer3 .image { padding: 20px 40px; } .footer2 { height:300px; } .footer2 h4 { margin:0px; } .footer2 .content { top:0; padding:20px; } .footer2 video { height:100%; width:auto; margin:0 auto; } #main { padding:0px; } .content { padding: 0 10px; } .scheda .grid-2 { grid-template-columns: 1fr; gap:20px; } .scheda .image { border-radius:10px; } .news-ticker { grid-template-columns: 1fr; } .news-ticker .item h3 { font-size:18px; } .news-ticker .item { padding:10px; } .grid-products { display: block; } .list-products { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap:10px; } .list-products .item { margin:0px; border:5px solid #FFF; } .list-products .item h3 { font-size: 14px; } .paginazione { text-align:center; margin-bottom:20px; } .paginazione .pagine { text-align:center; margin-top:20px; } .section { max-width: 100%; } .section h3 { margin: 20px 0; } .buttons-area .col { margin-bottom:10px; } .buttons-area .col a { font-size:14px; padding:10px; } .banner .col { margin: 0 0 20px 0; } .section { font-size:18px; line-height:24px; text-align:center; padding: 0; } .section h3 { font-size:24px; text-align:center; border:0px; } .scheda h1 { font-size:30px; line-height:35px; text-align: center; } .scheda .tabs { margin-top:20px; } .scheda .box-add-cart { margin:20px 0; } .list-products-rows .item { margin-bottom:20px; } .grid-multipack { grid-template-columns: 1fr 1fr; } .gallery .item { padding:10px; min-height:100px; width:30%; } .grid-3 { grid-template-columns: 1fr; } .list-products .item .buttons .col.span_1_of_3 { width: 32.2%; } .list-news .item .col { display: block; float:left; margin: 0 0 0 1.6%; } .list-news .item .col:first-child { margin-left: 0; } .list-news .item .span_1_of_3 { width: 32.2%; } .list-news .item .span_2_of_3 { width: 66.1%; } .item-row { padding: 10px 0; } .item-row.categories .col, .item-row.intro .col { margin-bottom:10px; } .item-row.categories .col:last-child { margin-bottom:0px; } .news-list .item h2 { font-size:20px; margin:5px 0; } .news-list .item h3 { font-size:16px; margin:5px 0; } .news-list .scheda h2 { font-size:22px; } #lato { margin-top:40px; } .tree-menu { display:none; } .tabs .span_1_of_2 { width:50%; } .shipping-box { background:#EEE;} .shipping-box select { background:#FFF; } .login .btn { margin: 5px 0; } form .row, form .col { margin-bottom:0px; } input[type='text'], input[type='submit'], input[type='reset'], input[type='button'], input[type='password'], select { margin-bottom:10px; } .separator { margin-top:20px; padding:20px 0; } .break { margin-top:100px; } .wow { animation-name: none !important; visibility: visible !important; } .grid-login { display: block; gap: 0px; } } /* iPads (landscape) orizzontale ----------- */ @media only screen and (max-device-width : 768px) and (orientation : landscape) { .iphone_hide { display:none; } #header .menu_page { display:block; } .slider, .slider li { height:400px; } .buttons-area .span_1_of_2 { width: 49.2%; } .buttons-area .col { display: block; float:left; margin: 0 0 0 1.6%; } .buttons-area .col:first-child { margin-left: 0; } .banner .span_1_of_3 { width: 32.2%; } .banner .col { display: block; float:left; margin: 0 0 0 1.6%; } .banner .col:first-child { margin-left: 0; } .section { padding:0px; } .list-products .span_1_of_5.col:nth-child(n) { margin-left:1.6%; } .list-products .span_1_of_5 { width: 23.8%; } .list-products .col { display: block; float:left; margin: 0 0 1.6% 1.6%; } .list-products .col:first-child { margin-left: 0; } .list-products .span_1_of_5.col:nth-child(4n+1) { margin-left:0px; } } /* Cell (portrait) orizzontale ----------- */ @media only screen and (max-device-width : 400px) and (orientation : landscape) { .slider, .slider li { height:300px; } #header .menu_page { display:none; } } /* iPads (portrait) verticale ----------- */ @media only screen and (max-device-width : 768px) and (orientation : portrait) { .iphone_hide { display:none; } #header .header .box_search input[type='text'] { width: 150px; } #header .menu_page { display:block; } .tree-menu { display:none; } .tabs .span_1_of_2 { width:50%; } .list-products .span_1_of_5.col:nth-child(n) { margin-left:1.6%; } .list-products .span_1_of_5 { width: 23.8% } .list-products .span_1_of_5.col:nth-child(4n+1) { margin-left:0px; } .list-products, .list-news { width:100%; } #lato.span_1_of_5 { width:50%; margin-top:40px; } .section { padding:0px; } .list-products .span_1_of_5.col:nth-child(n) { margin-left:1.6%; } .list-products .span_1_of_5 { width: 49.2%; } .list-products .col { display: block; float:left; margin: 0 0 1.6% 1.6%; } .list-products .col:first-child { margin-left: 0; } .list-products .span_1_of_5.col:nth-child(2n+1) { margin-left:0px; } } /* Cell (portrait) verticale ----------- */ @media only screen and (max-device-width : 600px) and (orientation : portrait) { #header .menu_page { display:none; } }