/* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { } /* mobile */ @media only screen and (max-width: 850px){ .phone_show, .list-categories.phone_show { display:inherit; } .phone_hide { display:none; } form .row { margin-bottom:0px; } input, select, textarea, input.col { border-radius:0px; margin-bottom:10px; line-height:normal; padding: 5px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input, select { height:40px; } ::-webkit-input-placeholder { line-height:normal; font-size:12px; } .form_contatto input[type='submit'] { margin: 20px 0 60px 0; } body { font-size: 18px; } h4.section { font-size: 26px; } .wrapper { min-width:0px; width:auto; } .content { padding:0 20px; } .mb40 { margin-bottom:20px; } .navigation { font-weight:600; } .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%; } .span_50 { width: 100%; float:none; } .span_50.text { padding:0px; } .mt40 { margin-top:20px; } .pt40 { padding-top:20px; } .pb40 { padding-bottom:20px; } .pl40 { padding-left:0px; } .break { margin-top:40px; } a.selected { border:0px; opacity:0.5; } thead td, tbody td { padding:10px; } p.preview { font-size:15px; line-height:20px; } .tabs .span_1_of_3 { width: 32.2%; } .tabs .col { margin-left: 1.6%; } .tabs .col:first-child{ margin-left: 0; } .tabs a { padding: 10px; line-height:20px; } .tabcontent { padding:20px 0; font-size:16px; } .title_accordion { padding: 10px; } .size { text-align: left; font-weight:bold; } .page-break { margin-top:20px } h1 { font-size: 28px; margin:0 0 20px 0; line-height:normal; } h2 { font-size: 20px; font-weight:bold; } h3, .item-row h3 { font-size: 20px; } #header { height:80px; } #header .logo img, #footer .logo img { height:30px; } header .logo { position: absolute; top:20px; left: 20px; z-index: 999; } header .icon { display:none; } header .menu nav { position:fixed; z-index:222; right:0px; top:80px; bottom:0px; left:0px; width:100%; max-width:100%; padding:30px 0 0 0; background:#329c32; display:none; overflow-y:scroll; } #header .search { display:none; position: absolute; right:0px; top: 80px; left:0px; padding: 0 20px 20px 20px; background:#FFF; border-radius:0px; } #header .search input[type='text'] { margin:0px; border-radius:3px; width:100%; } #header .search button {border-bottom-right-radius:3px; border-top-right-radius:3px; position:absolute; top:0; right:20px; } .icon-mobile { display:block; } .global { display:none; } #header .divlang { position: absolute; right:0px; top: 80px; left:0px; margin:0px; border:0px; padding: 0 20px; } #header .divlang li { width:50%; float:left; text-align:left; } #header .divlang li a { padding: 20px 20px 20px 40px; } #header .divlang li img { top:18px; } #header .divlang li:last-child { border-bottom:1px solid #DDD; } #header ul li.social { display: block; } #header ul li.social a { display: inline-block; font-size:22px; padding: 15px; } #footer { padding:20px 0; font-size: 16px; } #footer h3 { font-size: 16px; } #footer .content { padding:20px; } #footer .col { margin-bottom:20px; text-align:left; } #footer li { padding:1px 0; } #footer .submenu { display: grid; grid-template-columns: 1fr; gap: 20px; } .header-footer { grid-template-columns:1fr;} .header-footer .social ul { margin-bottom:10px; text-align:left; } #footer .social li { margin-right:10px; margin-left:0px; } #main { margin-top:80px; } .scheda .image { margin:40px 0; } .list-gallery { grid-template-columns: 100%; } .list-about .text h3 { font-size: 24px; } ..flex { display:block; } .cover-image { height:200px; overflow:hidden; display:flex; align-items: center; justify-content: center; } .cover-image img { transform: scale(1.3); } .content-small.item-row { padding: 20px; } .slide { margin:0px; background-attachment: inherit; height:450px; } .slide li { height: 350px; min-height:auto; } .slide li iframe , .slide li .videoWrapper{ height: 450px; } .slide .content h1 { font-size:40px; } .slide .container { left: 20px; bottom:40px; top:auto; transform:none; } .slide .container .text { font-size:18px; max-width:300px; } .tab.content { padding:0px; } .tab li { width: 50%; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; } .tab li:nth-child(even) { border-right:0px; } .tab li a { height:auto; min-height:auto; } .tab li p { display: none; } .tab li h3 { margin:0px; } .fascia .content h1 { font-size:40px; } .list-about { display: grid; grid-template-columns: 1fr; grid-column-gap:1px; grid-row-gap:1px; padding: 0 40px; } .list-applications { gap:1px; grid-template-columns: 1fr 1fr; margin:40px 0; } .list-applications.big { padding:0 0px; grid-template-columns: 1fr; grid-column-gap:0px; grid-row-gap: 20px; } .list-applications .item h3 { font-size: 22px; } .list-applications .item li a { font-size: 16px; color:#FFF; } .list-applications .logo { width:100px; height:100px; padding:0px; right:20px; bottom:50px; } .list-news { grid-template-columns: 1fr; padding:0 20px; gap: 20px; } .list-categories-icon { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; } .list-categories { grid-template-columns: 1fr 1fr; } .list-products { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 10px; grid-row-gap: 20px; margin:20px 0; } .list-download { grid-template-columns: 1fr 1fr; gap: 10px; padding:0px 0; } .list-download .item .text { padding: 15px 10px; } .list-cert { grid-template-columns: 1fr 1fr; gap:10px; } .header-page { padding:0 20px; } .header-page p { margin-bottom:20px; } .cover { height:300px; background-attachment: inherit; font-size: 20px; } .cover h2 { margin: 0px; font-size:24px; line-height:28px; } .cover .container { padding:0 40px; } .cover-section { display:block; } .cover-section .text { padding:20px; } .tabs li { display: table-cell; } .history-list li { padding:0 20px; min-height:200px; } .list-categories select { margin:0px; background-color:#FFF; } .list-categories { padding:15px 20px; } .cover-section { overflow:hidden; } .cover-section img { height:300px; width:auto; } .cover-section h2 { font-size:30px; margin:20px 0 30px 0; line-height: 35px; } .scheda h1 { font-size:34px; margin:10px 0 20px 0; } .box-style-1 { grid-template-columns:1fr; display:block; font-size:18px; line-height:28px; } .box-style-1 h2 { font-size:22px; line-height: 40px; } .box-style-1:nth-child(odd) { display:block; grid-template-areas:inherit; } .box-style-1 .image, .box-style-1 .text { margin:0 0 40px 0; } .section_112 .box-style-1 { font-size:14px; line-height:18px; } .section_112 .box-style-1 { padding: 20px; } .section_112 .image img { width:100px; height:auto; margin:0 auto; } .acc-title { padding: 20px 20px 20px 40px; } .acc-title i { left: 20px; } .acc-content { padding:20px; } .gallery .span_1_of_2 { width: 49.2%; } .gallery .col { display: block; float:left; margin: 0 0 0 1.6%; } .gallery .col:first-child { margin-left: 0; } .item-row, .item-row-2 { padding:20px 0px; } .item-row h2 { font-size:28px; line-height: 30px; margin: 0 0 20px 0; } .contacts .btn { width:100%; } .sidbarmenu { right:20px; display:none; } .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_6:nth-child(2n+1) { margin-left:0px; } .grid .span_1_of_5:nth-child(2n+1) { margin-left:0px; } .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%; } .grid .span_1_of_5 { width: 49.2%; } .grid .span_1_of_6 { width: 49.2%; } div.top { right:20px; bottom:20px; z-index:200;} .hamburger { display:block; top:20px; right:20px; position:fixed; z-index:2222; background:#329c32; color:#222; padding:12px 10px; width:40px; height:40px; } .flexnav li ul { width:100%; background:#beeebe; margin:0px; } .flexnav li ul a { color:#329c32; } #header ul li { display: block; padding:0px; text-align:center; } #header ul li a { font-size:18px; padding: 10px; } #header ul ul { padding:20px 0; } #header ul li li a { color:#329c32; } }