/* mobile */ @media only screen and (max-width: 768px){ input, select { height: 45px; } input, textarea, select { border-radius:0; line-height:inherit; padding: 10px; } .btn, input[type='submit'], input[type='button'], input[type='reset'] { padding: 12px 20px; margin:10px 0 0 0; } textarea { margin-bottom:20px; } form .row { margin:0px; } form .col { margin-bottom:10px; } .iphone_hide { display:none; } .iphone_show { display:block; } .wrapper { min-width:0px; width:100%; } .content { padding:0 10px; max-width:100%; } .content-small { padding:0 20px; } .main-slide .content { padding:0px; } .mt20 { margin-top:10px; } .mb40 { margin-bottom:20px; } .col { margin:0px; } .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%; } h1 { font-size: 20px; background-size: 100px; } h3 { margin: 10px 0; } .pl40 { padding-left: 0px; } .pr40 { padding-right: 0px; } .break { margin-top:40px; } .overlay { padding: 8px; font-size:10px; } div.top { right:20px; bottom:20px; } #header .wrapper { position:relative; top:0; left:0; right:0; z-index:100; padding:20px 0 10px 0; } #header .cart { right:0px; top:0px; padding:5px 15px; background:#5D2A2E; } #header .logo img { width:250px; height:auto; margin:0px; } .header .menu { margin-bottom:10px; } .header .menu li { margin: 0; } .footer .col { margin-bottom:20px; } .icon_contact { background-size: auto 80px; } .icon_home { background-size: auto 50px; padding-top:70px; } .icon_natural { background-size: auto 80px; padding-top:90px; } .blog, .page { margin-top:20px; } .grid.list-stores .item { width:100%; } .header-section { height: inherit; margin-bottom: 20px; } .header-section h2, .header-section li { font-size:30px; margin:0; } .profile .item .text { padding:10px; line-height:15px; } .profile .item .text h3 { font-size:16px; margin:0 0 10px 0; } .main-slide { height:300px; overflow:hidden;} .main-slide img { height:300px; width:auto; } .item-row { padding: 20px 0; } .header-title h2 { margin-bottom:0px; } .showroom ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .gallery.about .col { width:100%; margin: 0 0 40px 0; padding:0px; min-height: 300px; } .separator { padding:20px 0; } .share { position:relative; width:inherit; text-align:center; margin:0 auto; } .share h3 { font-size:13px; text-transform:uppercase; } .share ul li { display:inline-block; margin: 0 10px; border:0px; } .cover { max-width:100%; height:240px; background-attachment: inherit; margin:0px; } .cover h2 { margin:0px; } .cover .button { bottom:80px; } .lato { position: relative; top:0; margin-bottom:40px; } .lato li { display:inline-block; padding-right:10px; } .list-product .item .text h3 span { float: none; font-size: 15px; } .scheda_prodotti h1 { font-size:30px; line-height:40px; margin:20px 0; } .scheda_prodotti h1 span { float: none; font-size: 15px; } .list-gender .item h3 { font-size: 20px; left:10px; top:10px; } .gallery .col:nth-child(n) { margin-left:0; } .gallery .col { display: block; float:left; margin: 0 0 1.6% 0; width: 100%; } .gallery .col:first-child { margin-left: 0; } .gallery .col:nth-child(2n+1) { margin-left:0px; } .gallery figure { margin:0px; } .gallery .col { width: 49.2%; } .blog .item { padding:0px; } .list-blog .item .gallery .item { margin-bottom:0; } .list-blog .item { margin-bottom:20px; padding-bottom:20px; text-align:center; } .list-blog .item figure { margin-bottom:10px; } .list-blog .item h2 { font-size:22px; margin:5px 0 10px 0; } .list-blog .videoWrapper { margin-bottom:10px; } #lato { background:#EEE; padding:20px; margin:40px 0; } #lato .input_search .span_3_of_4 { width:80%; } #lato .input_search .span_1_of_4 { width:20%; } .subnav i { font-size:30px; top:15px; } .subnav .left a { padding-left:30px; text-align:left; } .subnav .right a { padding-right:30px; text-align:right; } .box-newsletter { padding: 20px 0; max-width: 300px; } .box-newsletter .select li { margin:10px 20px 20px 0; float:left; } .pagination { text-align:center; } .grid .col { display: block; float:left; margin: 0 0 1.6% 1.6%; } .grid .col:first-child { margin-left: 0; } .grid .span_1_of_3:nth-child(n) { margin-left:1.6%; } .grid .span_1_of_4:nth-child(2n+1) { margin-left:0px; } .grid .span_1_of_3:nth-child(2n+1) { margin-left:0px; } .grid .span_1_of_2:nth-child(2n+1) { margin-left:0px; } .grid .span_1_of_3 { width: 49.2%; } .grid .span_1_of_2 { width: 49.2%; } .grid .span_1_of_4 { width: 49.2%; } .nav-mobile { display:block; z-index:1000; float:right; } .nav-list { display:none; position:absolute; top:110px; left:0px; right:0px; z-index:200; } .nav-item { width:100%; float:none; position:relative; } .nav-item > a { padding:15px 0; color:#EEE7C1; margin:0px; } .nav-click { display:block; } .nav-item:hover .nav-submenu { display:none; } .nav-submenu { position:static; width:100%; padding-top:0px; } .nav-item { border-right:0px; padding-right:0px; margin-right:0px; background: #5D2A2E; } .nav-submenu { padding-top:0; } .nav-submenu-item { float:none; } .nav-submenu-item a { padding: 20px; width:auto; margin:0px; background: #5D2A2E; display:inline-block; } .nav-submenu-item a:hover { color:#444; } .nav-submenu-item:last-child a { border-bottom:0px; } .global-site-notice { right:0px; bottom:0px; left:0px; } } /* iPad Pro */ @media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) { } /* iPads (landscape) orizzontale ----------- */ @media only screen and (min-device-width : 421px) and (max-device-width : 768px) and (orientation : landscape) { #header .logo img { width:120px; height:auto; } .header .menu { margin-bottom:10px; } .content { max-width:100%; } .box-newsletter { max-width: 600px; } .cover { max-width:100%; height:550px; background-attachment: inherit; } } /* iPads (portrait) verticale ----------- */ @media only screen and (min-device-width : 421px) and (max-device-width : 768px) and (orientation : portrait) { #header .logo img { width:120px; height:auto; } #homepage-video { height:550px; } .nav-list { top:140px; } .cover { height:550px; } .team .span_1_of_6 { width:33%; } .box-newsletter { max-width: 400px; } } @media only screen and (max-width: 400px){ .iphone_hide { display:none; } }