/* mobile */ @media only screen and (max-width: 720px){ .phone_hide { display:none; } .iphone_show { display:block; } .wrapper { min-width:0px; width:auto; } .content { padding:10px; } .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;} #header .header { padding:5px 0; text-align:left; text-align:center; height:125px; } #header .header .logo img { width:120px; height:auto; } #header .header .follow { display:none; } #header .header .follow, #header .header .cart { padding-top:5px; } #header .lang a { margin-left:5px; } #header .page { padding:0px; } #header .smaller { position:relative; } #header .menu, #header .menu .content { padding:0px; } #header .menu_account { float:left; } #header .cart_mini { width:100%; } #footer { padding:10px 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 li { width:40px; height:40px; overflow:hidden; float:left; margin-right:10px; } .buttons-area .col { margin-bottom:10px; } .buttons-area .col a { font-size:14px; padding:10px; } .slider, .slider li { height:150px; } .banner .col { margin: 0 0 20px 0; } .section { color:#000; margin-bottom:20px; font-size:18px; line-height:24px; text-align:center; padding: 0; } .section h3 { font-size:24px; text-align:center; border:0px; } .scheda { margin-top:20px; padding:10px; } .scheda h1 { font-size:25px; } .scheda .code { margin-top:20px; } .gallery .item { padding:10px; min-height:100px; width:30%; } .news-ticker .span_1_of_5 { display:none; } .news-ticker .item { padding:10px; } .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; } form .row, form .col { margin-bottom:0px; } input[type='text'], input[type='submit'], input[type='reset'], input[type='button'], input[type='password'], select.col, textarea, button, input.col { margin-top:10px; border-radius:0px; } .separator { margin-top:20px; padding:20px 0; } .break { margin-top:100px; } .wow { animation-name: none !important; visibility: visible !important; } } /* 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 .cart_mini { top:70px; width:100%; } #header .menu_page { display:block; } .slider, .slider li { height:350px; } .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) { .slider, .slider li { height:150px; } #header .menu_page { display:none; } #header .cart_mini { top:40px; } }