@charset "utf-8";
@import url(responsive.css);
@media (max-width:875px) {
  section .loghi.certificati .box {
    width: 33%;
  }
  section.presentazione h1 {
    font-size: 30px;
  }
  ul.catalogo li h2 {
    font-size: 18px;
    margin: 10px 0px 0px 0px;
  }
  .unico h2.titolo, section.banner_big h2 {
    font-size: 30px;
  }
  section.banner_big h3, section.banner_big p {
    font-size: 25px;
  }
  section.banner_big .testo {
    padding: 0px 0px;
  }
  ul.catalogo li {
    width: 31%;
  }
  footer .dx .box:last-child {
    float: left;
    width: 250px;
    /* margin: 0px; */
    text-align: left;
  }
  section.banner_home .box, .banner_home .sx .box:nth-child(1) {
    height: 214px;
    margin-bottom: 40px;
  }
  .banner_home .dx .box {
    height: 468px;
    /* margin-bottom: 20px; */
  }
  .banner_home {
    position: relative;
    padding: 40px 0px 0px 0px;
  }
  .more {
    margin: 20px 0px;
  }
  .plus .box {
    padding: 0px 0px;
    width: 100%;
    margin-bottom: 40px
  }
  .plus .box img, .plus .box h2, .plus .box h3, .plus .box p {
    margin: 0px 0px 10px 0px;
    padding: 0px;
  }
  .logo img {
    height: 50px
  }
  #box_popup_che_deve_comparire img {
    max-height: 100%;
  }
  .menu-button {
    right: 15px !important;
    top: 88px !important;
  }
  .menu-button.active {
    top: 18px !important;
  }
  ul.social {
    margin: 8px 56px 0px 0px;
  }
  .img_articolo header h1 {
    /* color: #fff; */
    font-size: 50px;
    margin-bottom: 20px;
  }
  aside .banner img {
    width: auto
  }
  ul.social li svg {
    font-size: 37px;
  }
  .presentazione .box:nth-child(1) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    width: 100%;
    margin-right: 0%;
    padding-bottom: 5%;
    border-right: none
  }
  .flexnav li a {
    margin: 0px !important;
  }
  .counter .box {
    float: inherit;
  }
  .counter {
    text-align: center;
  }
  .testata .container:after {
    right: 51%;
    height: 88px;
  }
  article section ul.gallery li {
    width: 23%;
  }
  .newsart.gallery {
    width: 48%;
  }
  .newsart.gallery .newsart_img {
    height: 220px;
  }
  section.carousel h2, h2.titolo {
    margin: 0px 0px 20px 0px;
  }
  .social {
    padding-right: 20px;
  }
  .loghi_motorrad img {
    height: 40px;
  }
  .banner.motorrad .testo, .banner.motorrad .img {
    width: 50%;
  }
  section.carousel.motorrad {
    margin: 0px;
    padding-bottom: 20px;
  }
  .content article .banner p {
    font-size: 25px;
    line-height: inherit;
  }
  article section.unico .banner h2 {
    font-size: 30px;
    line-height: 30px;
    margin: 0px 0px 10px 0px;
    padding-bottom: 10px;
  }
  .banner .testo .btn {
    position: relative;
    right: 0px;
    top: 0px;
    margin-top: 10px;
    width: 100%;
    text-align: center;
    padding: 10px;
  }
  .cbp-vm-options {
    padding: 0px;
  }
  section.dettaglio {
    padding-top: 20px;
  }
  section.dettaglio.moto .box, .content.usato .box:nth-child(3) {
    width: 100%;
    margin: 0px 0px 20px 0px;
  }
  section .box {
    margin: 0px 0px 20px 0px;
    width: 100%;
    padding: 0px;
  }
  .menu_footer .sx, .menu_footer .dx {
    width: 50%;
  }
  footer .box {
    margin-left: 0px;
    min-height: auto;
    margin: 20px 40px 0px 0px;
  }
  .pulsante.scrivici, .pulsante.chiamaci {
    height: 52px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 50px;
    text-align: center;
    padding: 14px;
  }
  .pulsante.chiamaci {
    right: 80px
  }
  .pulsante {
    bottom: 50px
  }
  .pulsante svg {
    margin-right: 0px;
  }
  .pulsante span {
    display: none
  }
  p.veditutto, .content article p.veditutto {
    padding: 30px 0px 0px 0px;
    font-size: 19px;
  }
  aside, section {
    width: 100%;
  }
  .banners img {
    height: 143px;
  }
  .boxes .box_img img {
    max-width: 100%;
    height: auto;
    position: relative;
    width: auto;
  }
  .tabelle_carrello .no_loggato p {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
  }
  .btn.shop {
    font-size: 15px;
    padding: 10px;
  }
  .btn.shop.ordina {
    margin-right: 15px;
  }
  .spedizione {
    padding: 16px;
  }
  article section .spedizione ul li {
    font-size: 13px;
  }
  .preferiti input[type="checkbox"]:checked + label, .preferiti input[type="radio"]:checked + label {
    left: 5px;
    top: 7px;
  }
  .content .box .spedizione p {
    font-size: 15px;
  }
  .descrizione_prodotto div:nth-child(1) {
    width: 28%;
  }
  .descrizione_prodotto div:nth-child(2) {
    width: 66%;
  }
  .sticky {
    width: 172px;
  }
  .home .testata .logo {
    margin: 17px 0px 0px 20px;
  }
  .contatta .box {
    width: 50%;
  }
  .testata .cerca {
    margin: 29px 0px 0px 7px;
  }
  .menusup.shop {
    margin-top: 26px;
  }
  .menusup.shop {
    margin-right: 10px;
  }
  aside::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
  }
  aside::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
  }
  aside:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
  }
  aside:-moz-placeholder { /* Firefox 18- */
    color: #fff;
  }
  .content footer .box p {
    margin: 20px 0px 0px 0px;
    text-align: right;
  }
  .newsletter h2 {
    font-size: 34px;
    width: 100%;
    margin: 0px 0px 10px 0px;
  }
  .newsletter .cerca {
    width: 61%;
    margin: auto;
    position: inherit;
    float: inherit;
  }
  .newsletter p {}
  .boxes .box .box_img .data {
    top: 35%;
  }
  .box_img img {
    height: auto;
    width: 100%;
  }
  .home .boxes .box, .shop .boxes .box {
    width: 48%;
  }
  .cerca_home input[type="text"], .newsletter input[type="text"] {
    width: 86%;
  }
  .articolo_news {
    height: 56px;
  }
  .catalogo section {
    width: 70%;
  }
  section .img_aggiuntive {
    max-width: 45%;
  }
  .catalogo aside {
    width: 30%;
  }
  .servizi div.text div {
    margin-bottom: 0px;
  }
  article .campo_form p {
    font-size: 12px;
  }
  .menu_footer .box {
    margin-right: 30px;
  }
  footer p {}
  .campo_form .errore {
    font-size: 11px;
  }
  .menu_footer .box:last-child ul {
    margin-top: 20px
  }
  .servizi div svg {
    font-size: 50px;
    margin: 20px 0px;
  }
  .banner.home .testo {
    padding: 0px 20px 40px 20px;
  }
  .boxes .box {
    text-align: left;
    width: 100%;
    margin: 0px 0px 20px 0px
  }
  footer .box:nth-child(5), footer .box:nth-child(6) {
    display: inherit
  }
  .loghi li {
    margin: 0px 10px;
  }
  .newsletter .sx, .newsletter .dx {
    padding: 0px 6%;
  }
  .about .container div {
    width: 70%;
  }
  .banner h2 {
    font-size: 21px;
    line-height: 27px;
  }
  .banner .testo p {
    font-size: 16px;
    line-height: 21px;
  }
  .menusup {}
  .linguette {
    display: none
  }
  section.riservata {
    padding-right: 0px;
  }
  .lstpwd {
    text-align: left;
    padding: 0px 0px 0px 0px;
  }
  .presentazione ul.loghi img {
    max-height: 70px;
  }
  .riepilogo_prodotto div {
    font-size: 14px;
    line-height: 20px;
  }
  .riepilogo_prodotto div.codice {
    width: auto
  }
  .riepilogo_prodotto div.disp, .riepilogo_prodotto div.titolo, .riepilogo_prodotto div.dettaglio, .riepilogo_prodotto div.codice, .riepilogo_prodotto div.prezzo {
    margin-top: 8px;
  }
  .riepilogo_prodotto div.disp {
    font-size: 12px;
  }
  /*	ul.linguette {
	display: none
}*/
  .menusup .dx {
    padding-right: 0px;
    width: auto;
    min-width: inherit
  }
  .content .tabelle_carrello .box.superiori {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 20px 0px;
  }
  .riepilogo_prodotto div.titolo {
    max-width: 210px;
  }
  .header .banner {
    width: 380px;
    margin: 10px;
  }
  .menusup a.uscita span {
    display: none
  }
  .menusup a.uscita {
    height: 43px;
    padding: 13px 6px 1px 40px;
  }
  .logo {}
  .testata .container {
    /* padding: 0px; */
    display: inline-block;
    width: 100%;
  }
  .presentazione .sx, .presentazione .dx {
    width: 100%;
  }
  article section .riepilogo_prodotto {
    padding: 0px 20px;
    width: 100%;
    clear: both;
    margin-top: 20px;
    display: inline-block;
  }
  .preferiti {
    float: left;
    margin-top: -2px;
  }
  .prodotto header .img h1 {
    padding: 100px 20px;
    font-size: 60px;
  }
  .prodotto header .img .bg {
    max-height: 280px;
  }
  .prodotto header .img .cover {
    height: 260px;
  }
  .gallery .box {
    height: 110px;
  }
  .campo_form {
    width: 100%;
    padding-right: 0px;
  }
  .cerca input[type="text"] {
    width: 75%;
  }
  .credits {
    font-size: 12px;
    margin-top: 30px;
  }
  .box_img {
    height: auto;
  }
  div.content {
    padding-bottom: 0px;
  }
  footer {
    position: relative;
    height: auto;
    clear: both;
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 0px
  }
  .sezioni_home .box h3 {
    padding: 10px 0px 14px 0px;
  }
  .prodotti .box.principale .img {
    height: auto;
    margin: 20px 0px;
  }
  footer .box.card {
    margin: 0px;
    width: 100%;
    display: inline-block;
    clear: both;
    margin-bottom: 20px;
    max-width: inherit;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    padding-bottom: 14px;
  }
  .prodotti .box.principale .img img {
    max-height: inherit;
  }
  .sezioni_home .box h3 {
    font-size: 26px;
  }
  .prodotti .box h3 {
    font-size: 25px;
  }
  .prezzo_totale {
    font-size: 30px;
  }
}
@media (max-width:778px) {
  section.banner_big .testo {
    width: 72%;
  }
  section.catalogo h3 {
    font-size: 27px;
  }
  .presentazione .btn {
    margin: 30px 0px 20px 0px;
  }
  .img_articolo .pathway a {
    margin: 0px 10px;
    font-size: 15px;
  }
  ul.catalogo li {
    width: 47%;
  }
  .menu_footer .sx, .menu_footer .dx {
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin: 0px;
  }
  .menu_footer .box:last-child ul, .menu_footer .box:nth-child(2) ul {
    margin-right: 0%;
    width: auto;
    float: left;
  }
  footer .dx .box:last-child {
    width: auto;
  }
  .banner_home .sx, .banner_home .dx {
    position: relative;
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  section.banner_home .box, .banner_home .sx .box:nth-child(1), .banner_home .dx .box {
    height: auto;
  }
  .banner_home .box img {
    position: relative;
  }
  #box_popup_che_deve_comparire img {
    max-width: 93%;
    top: 100px;
  }
  section .loghi .box .img_marchi {
    width: 190px;
  }
  .unico.services ul li {
    margin: 1px;
  }
  .presentazione .box:nth-child(1) p {
    position: relative;
    float: left;
    margin-right: 13px;
  }
  .banner ul li, .banner h1 {
    padding: 0px;
    text-align: center;
  }
  section.carousel.motorrad .newsart.gallery .newsart_img {
    margin-bottom: 0px
  }
  .content article .banner p {
    font-size: 20px;
  }
  .newsart {
    padding: 20px;
  }
  .video {
    margin: 0px 0px 20px 0px;
  }
  .video iframe {
    height: 385px;
  }
  section.motorrad.unico {
    margin: 0px 0px 30px 0px;
  }
  section.virtualtour.unico .caption, section.motorrad.unico .caption {
    margin-top: 30px;
  }
  .credits span {
    font-size: 14px;
  }
  section.virtualtour.unico, section.motorrad.unico {
    padding: 0px;
    margin-bottom: 0px;
  }
  .menu_footer .box ul.social {}
  .banner {
    margin-bottom: 10px;
  }
  .section_preferiti .prodotti .item {
    width: 47%;
  }
  .sticky {
    width: 100%;
    position: relative;
    top: auto;
  }
  .sx header.unico, article header.unico {
    margin-top: 0px
  }
  .menu_footer .box ul li {
    font-size: 13px;
  }
  section, .catalogo section {
    width: 100%;
  }
  aside, .catalogo aside {
    width: 100%;
    padding: 0px;
    margin: 0px;
  }
  .container, .content.home .container {
    padding: 0px 30px;
  }
  .banner.home .testo {
    padding: 0px 40px 40px 20px;
  }
  .banner.home .colour {
    padding: 60px 20px 40px 0px;
  }
  .content .tabelle_carrello .box.superiori:nth-child(1) {
    display: none
  }
  .presentazione .label_check {
    margin: 0px 0px 20px 0px;
  }
  aside.riservata, section.riservata {
    margin-bottom: 10px;
  }
  .presentazione ul.loghi img {
    max-height: 60px;
  }
  .descrizione_prodotto div {
    width: auto;
    margin: 0px 7px 5px 0px;
  }
  .riepilogo_prodotto div.titolo {
    max-width: inherit;
  }
  .presentazione .dx .btn, .lstpwd {
    width: auto
  }
  .presentazione .campo_form {
    width: 49%;
    margin-right: 1%;
  }
  aside .box.ricerca .field_module, aside .box.ricerca .select_module {
    border: none;
    height: auto;
    padding: 10px 10px 5px 10px;
    width: 33%;
    margin: 1%;
    display: inline-block;
  }
  aside .box.catalogo .field_module, aside .box.catalogo .select_module {
    border: none;
    height: auto;
    padding: 10px 10px 5px 10px;
    width: 25%;
    margin: 1%;
    display: inline-block;
  }
  aside .box input[type="button"].btn {
    float: left;
    top: 7px;
    padding: 11px;
  }
  aside.riservata, section.riservata {
    width: 100%;
    padding-right: 0px;
  }
  section .box {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 0px
  }
  .btn.ordini, input[type="submit"].btn.ordini {}
  .newsart_img {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  article p.leggidipiu {
    text-align: center;
    margin-bottom: 30px;
  }
  .newsart_img img {
    height: auto;
    margin-right: 0px;
    margin-bottom: 0px;
    max-height: inherit;
    max-width: 100%;
  }
  article .riepilogo_prodotto {
    padding: 20px;
  }
  article .riepilogo_prodotto .articolo_news h3 {
    text-align: center;
    margin: 0px 0px 10px 0px;
  }
  article .riepilogo_prodotto .articolo_news {
    height: 144px;
    margin-bottom: 5px;
    overflow: hidden;
    width: 100%;
    clear: both;
  }
  .prodotto header .img .cover {
    height: 220px;
  }
  .prodotto header .img h1 {
    padding: 85px 20px;
    font-size: 50px;
  }
  .prodotto header .img .bg {
    max-height: 240px;
  }
  .gallery .box {
    height: 200px;
  }
  .tipologie .box big {
    font-size: 20px;
  }
  .prodotti .box p {
    font-size: 15px;
    line-height: 20px;
  }
  .presentazione .dx {
    width: 100%;
    padding: 20px;
  }
  .presentazione .sx {
    width: 100%;
    padding: 0px;
  }
  div.header {
    padding-bottom: 0px;
  }
  .box.specializzazioni {
    padding: 0% 10px;
  }
  .approfondimenti .titolo p {
    font-size: 13px;
  }
  section .loghi .box {
    margin: 5px;
    width: 225px;
  }
  .boxes {
    background-position: center center;
    background-attachment: inherit;
  }
  .staff {
    margin-bottom: 0px
  }
  .staff li {
    margin: 20px 15px;
  }
  .articolo .dx h1 {
    margin-top: 20px;
  }
  .map {
    border: 0;
    margin-bottom: 30px;
    height: 350px
  }
  .campo_form {
    width: 100%;
    padding-right: 0px;
  }
  .impianto .img {
    width: 100%;
    height: 300px
  }
  .impianto .testo {
    width: 80%;
  }
  .impianto .allegato {
    width: 20%
  }
  .home .articolo.principale h1 {
    font-size: 50px;
    margin: 20px 0px;
  }
  .articolo.principale h1 {
    font-size: 40px;
    margin: 40px 0px 0px 0px;
  }
  .articolo.principale h2 {
    font-size: 30px;
  }
  .articolo.principale p {
    font-size: 16px;
    line-height: 25px;
  }
  .articolo.principale ul li {
    width: 100%;
    padding: 10px;
  }
  .articolo.principale ul {
    padding: 4% 19%;
  }
  .cataloghi .box {
    width: 47%;
  }
  .testata.ecom .sx {
    display: inherit
  }
  .dx .immagine_prodotto div img {
    max-width: 300px;
    max-height: 300px;
  }
  .dx .immagine_prodotto {
    width: 100%;
    height: 300px;
    display: table;
  }
  .testata.ecom .carrello, .testata .carrello {
    min-width: inherit;
    margin-right: 20px;
  }
  .carrello h4, .carrello p {
    display: inherit
  }
  .testata.ecom .carrello h4, .testata.ecom .carrello p {
    display: none
  }
  .content .tabelle_carrello .box .field_module {
    margin-right: 0px;
    margin-top: 5px;
    width: 100%;
  }
  .content .tabelle_carrello .box {
    width: 100%;
    padding: 20px;
    margin: 0%;
    border: none;
    min-height: auto;
    margin-bottom: 20px
  }
  .sx .titolo {
    margin-bottom: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
    font-size: 40px
  }
  .menu_footer .box.social .payment {
    float: right;
  }
  .social span {
    top: -30px;
  }
  .menu_footer .box.social {
    text-align: left;
  }
  .box_news.cataloghi .titolo {
    padding: 20px 0px 0px 0px;
    font-size: 40px;
  }
  .cataloghi .box_img img {
    min-width: auto;
  }
  .inferiore .sx, .inferiore .dx {
    width: 100%;
  }
  .selettori .confezione {
    margin-top: 21px;
    width: auto;
    padding-left: 0%;
  }
  .descrizione .scopricome p {
    max-width: 77%;
  }
  .testata.ecom .dx, .testata.ecom .sx {
    max-width: inherit;
  }
  .testata .centro {
    width: 50%;
    text-align: left;
    margin: 0px 20px;
  }
  .payoff h2 {
    font-size: 50px;
  }
  .payoff h3 {
    font-size: 35px;
    margin: 0px 0px 30px 0px;
  }
  .tabelle_carrello fieldset img {
    border-left: none;
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .scopri {
    width: 100%;
    text-align: center
  }
  .newsletter p {
    font-size: 12px
  }
  .box_news .box {
    margin: 20px 0px;
  }
  .box .titolo {
    font-size: 40px;
    padding: 20px 0px;
  }
  .corpo .banner_inf .newsletter p {
    color: white;
    font-size: 14px;
    margin-bottom: 10px;
    text-shadow: 0 1px 0 black;
  }
  .container.testata .dx div.carrello {
    border-right: none;
    width: 240px;
    cursor: pointer;
  }
  .container.testata .dx div {
    padding: 0px 10px;
    margin: 10px 0px;
  }
  .newsletter .cerca, .banner_inf .newsletter .btn {
    width: 100%;
    margin: 0px 0px 10px 0px;
  }
  .testata .sx {
    margin-right: 0px;
  }
  .corpo .dx {
    margin-bottom: 20px;
  }
  .descrizione {
    border-left: none;
    padding: 0px;
    width: 100%;
  }
  .selettori .quantita {
    width: inherit;
  }
  .selettori .field_module {
    width: 80px;
    margin-right: 30px;
  }
  .corpo {
    margin-top: 20px;
  }
  .colophon {
    width: 90%;
  }
  .menu_footer .box, .menu_footer .dati {}
  .header .container {
    padding: 0px 20px;
  }
  .header .menusup .container {
    padding: 0px 20px;
  }
  .menusup a.link.register {
    border-right: none;
  }
  .categorie_cerca {
    padding: 0px 20px;
  }
  .container.slideshow .sx, .container.slideshow .dx {
    width: 100%;
  }
  .tabelle_carrello .quantita .btn {
    margin-bottom: 0px;
    background-color: #333;
    float: inherit;
    position: absolute;
    top: 1px;
    margin-left: 10px;
  }
  .fb_iframe_widget iframe, .fb_iframe_widget span, .fb_iframe_widget {
    max-width: 100% !important;
  }
  .login_box, .registrazione_box {
    height: auto;
  }
  .registrazione_box {
    padding-bottom: 60px;
  }
  .credits img.intempra {}
  .ric_avanzata .select_module, .ric_avanzata .field_module, .ric_avanzata .btn {
    width: 100%;
  }
  .link {}
  .box_img {}
  /*.link.aiuto  		{background-image: none;}
.link.giftcard 		{background-image: none;}
.link.desideri  	{background-image:none;}
*/
  .approfondimenti p.leggi a.btn {
    width: 100%;
  }
  .link.carrello {
    padding: 2px 0px 2px 17px;
    background-size: auto 16px;
  }
  .credits img {
    max-width: 100%;
    margin-bottom: 0px;
  }
  .tabelle_carrello fieldset a #help {
    float: right;
    position: absolute;
    right: 10px;
    margin-top: -57px;
  }
  .label_payment {
    width: 92%;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .testata_utilities {
    width: 100%;
    margin-top: 20px;
  }
  .testata_utilities .sx {
    position: relative;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    clear: inherit;
    text-align: center;
    width: 100%;
  }
  .box_carrello h1 {
    font-size: 15px;
  }
  .box_carrello img {
    width: 50px;
  }
  .login_box, .registrazione_box, .riepilogo_tabella .descrizione.titolo {
    width: 100%;
  }
  .riepilogo_tabella .descrizione.titolo {
    margin-top: 15px;
  }
  .prodotti_footer .box {
    width: 100%;
    margin-right: 0px;
  }
  div.footer {
    height: auto;
    position: relative;
    padding-bottom: 0px;
    overflow: auto;
  }
  div.content {
    padding-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
  }
  div.content.home {
    padding-bottom: 0px;
    margin-top: 0px;
  }
  .menu_footer .box.social {
    width: 100%;
    margin: 40px 0px 0px 0px;
    padding: 0px;
  }
  .menu_footer .box.social .clear {
    display: none
  }
  .menu_footer .box.social .payment {
    position: relative;
    /* float: left; */
    /* margin-left: 10px; */
    max-width: 375px;
  }
  .banner .box img {
    width: 80px;
  }
  .banner .box {
    width: 100%;
    padding-bottom: 15px;
    height: inherit;
  }
  .testata_utilities {
    width: 100% !important;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .testata_utilities .sx {
    width: 100% !important;
  }
  .box_carrello {
    width: 50% !important;
  }
  .numeroverde {
    margin: 0px 6px;
  }
  .link.entra {
    margin: 11px 20px;
  }
  .articolo .sx {
    margin-top: 0px;
    padding: 0px 10px;
  }
  .articolo {}
  .riepilogo_tabella .btn_carrello {
    width: 100%;
    background-image: none;
    font-size: 20px;
  }
  .social img {
    margin-bottom: 20px;
  }
}
@media screen and (max-width:690px) {

      .garanzie {
  	-webkit-column-count: 1;
  	-moz-column-count: 1;
  	column-count: 1;
  	
}

	section.banner_big .testo {
    width: 100%;
}
	ul.catalogo {
    padding: 20px 0px;

}
  .map iframe, .img_articolo iframe {
    height: 315px;
  }
  footer .box p {
    font-size: 13px;
    margin: 13px 0px 0px 0px;
    line-height: 27px;
    color: #fff;
    text-align: left;
  }
  .credits a {
    margin: 0px 0px;
  }
  .credits span {
    font-size: 10px;
  }
  .menu_footer .box ul.social li svg {
    font-size: 27px;
  }
  .menu_footer .box:first-child {
    width: 230px;
  }
  ul.social {
    margin: 8px 45px 0px 0px;
  }
  #box_popup_che_deve_comparire img {
    max-height: 100%;
    /* width: 100%; */
    top: 0px;
  }
  .testata .container:after {
    right: 44%;
    height: 88px;
  }
  section.carousel h2, h2.titolo {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 30px 0px;
  }
}
@media screen and (max-width:500px) {
	.calltoaction .campo_form {
    width: 100%;
    padding-right: 0px;

}
	footer .box p,
	.menu_footer .box:first-child, footer .box:nth-child(2),
	.menu_footer .box ul li{
    text-align: center
}
	
.menu_footer .box:nth-child(2) ul {
  width: 100%
}
	
	article section .calltoaction h2 {
    font-size: 23px;
}
	section.dettaglio .box {
    padding: 0px;
}
	.menu_footer .box:first-child,
	footer .box:nth-child(2) {
 width:100%;
		border-right: 0px;
		    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		padding-bottom:20px
}
	.calltoaction {
    padding: 20px;
		margin-bottom: 20px

}
	
	section.catalogo h3 {
    font-size: 24px;
    margin: 20px 0px;
}
  footer .box:nth-child(2) {
    padding: 0px;
    margin: 0px;
  }
  .menu_footer .box ul li {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 16px;
  }

  footer h3 {
    margin: 20px 0px;
  }
  .map iframe, .img_articolo iframe {
    height: 230px;
  }
  footer .box:nth-child(2) ul li {
    text-align: center;
  }
  ul.catalogo li {
    width: 100%;
    margin: 0px 0px 20px 0px;
  }
  .banners a {
    width: 100%;
    height: inherit;
  }
  .menu_footer .dx .box:nth-child(2) {
    display: inherit
  }
  footer .dx .box:nth-child(1) ul li {
    width: 50%;
    position: relative;
    float: left;
  }
  .box_newsletter, .newsletter input[type="button"].btn {
    width: 100%;
    margin: 0px 0px 10px 0px;
    padding: 21px 18px;
  }
  .banner_home .sx .box img {
    position: absolute;
    height: 100%;
    width: auto;
    max-width: inherit;
  }
.unico h2.titolo, section.banner_big h2 {
    font-size: 26px;
}
  .newsletter h3 {
    font-size: 23px;
  }
	section.banner_big h3, section.banner_big p {
    font-size: 21px;
    line-height: inherit;
}
  section.banner_big p {
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 10px;
    line-height: inherit;
  }
  section.banner_home .box, .banner_home .sx .box:nth-child(1), .banner_home .dx .box {
    height: 300px;
    overflow: hidden;
  }
  .dx .box {
    height: 300px;
    overflow: hidden;
  }


  .menu-button {

  }
  .menu-button.active {
    top: 9px !important;
  }
  .testata .container:after {
    right: 65%;
    top: -62px;
  }

  ul.lingue {
    position: relative;
    float: left;
    z-index: 1;
  }
  ul.lingue li {
    margin: 0px 10px 0px 0px;
  }
  #box_popup_che_deve_comparire img {
    max-height: 100%;
    max-width: 90%; /* width: 100%; */
    top: 80px;
  }
  article section ul.servizi li .img {
    max-width: 100%;
    width: 100%;
    padding-right: 0px;
    margin-bottom: 20px;
    position: relative;
    float: left;
    text-align: center;
  }
  article section ul.servizi li .testo, article section ul.servizi li .testo p {
    text-align: center;
    width: 100%;
  }
  section .loghi.certificati .box {
    width: 100%;
    margin: 0px 0px 20px 0px
  }
  section .loghi.certificati .box .img_marchi img {
    max-height: inherit;
  }
  .img_articolo header h1 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 6px;
    padding: 0px;
  }
  .img_articolo .pathway a {
    margin: 0px 1px;
  }
  .more {
    margin: 0px;
  }
  .menu_footer .box:last-child ul, .menu_footer .box:nth-child(2) ul {
    text-align: center;
  }
  .presentazione .box:nth-child(1) p {
    font-size: 30px;
  }
 .testata ul.social {
   display:none
}
	.logo img.logo_qui {
 border:none;
		padding:0px;
		margin: 0px
}
	 .logo img:nth-child(2) {
    width: 100%;
    height: auto;
  }
  .menusup ul li:nth-child(2) {
    margin: 0px 5px;
  }
  .menusup ul li:nth-child(3) {
    display: none
  }
  .paginazione {
    line-height: 60px;
    margin: 20px 0px 0px 0px;
  }
  article section.unico h2 {
    font-size: 18px;
    line-height: 25px;
  }
  aside, section {
    margin: 0px 0px 0px 0px;
  }
  .video iframe {
    height: 189px;
  }
  .link {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
  }
  .link.due {
    margin-bottom: 0px;
  }
  .slideshow .caption_moto img {
    height: 30px;
    top: 0px;
  }
  article section .slideshow .caption_moto h1 {
    margin: 0px;
    font-size: 23px;
  }
  .slideshow .caption_moto {
    padding: 10px;
  }
  .staff li {
    margin: 0px 0px 20px 0px;
    width: 100%;
  }
  .pulsante {
    bottom: 9px;
  }
  .menu_footer .dx hr {
    margin: 0px 0px 20px 0px;
  }
  .menu_footer .box ul.social li {
    font-size: 40px;
    margin: 0px;
    float: initial;
    padding: 0px;
  }
  .menu_footer .box ul.social {
    top: 0px;
    left: 0px;
    position: relative;
    text-align: left;
  }
	  .menu_footer .box .clear {
display:none
  }footer .box:last-child {
    margin-top: 20px;
}
  footer p {
    font-size: 14px;
    width: 100%;
  }
  section.virtualtour.unico h2 {
    font-size: 60px;
    text-align: center;
  }
  section.carousel h2, h2.titolo {
    margin: 20px 0px 10px 0px;
    text-align: center;
  }
  .boxes .btn, .unico.carousel .btn {
    margin: 0px auto 10px auto;
    float: inherit;
    padding: 10px 20px;
    position: relative;
    right: 0px;
    top: 0px;
    width: 100%;
  }
  section.motorrad.unico h2 {
    font-size: 30px;
  }
  section.virtualtour.unico .caption, section.motorrad.unico .caption {
    position: relative;
    background: #212121;
    margin: 0px;
    padding: 20px;
    width: 100%;
  }
  section.motorrad.unico h2 img {
    margin-right: 0px;
    clear: both;
    position: relative;
    display: block;
    margin-bottom: 10px;
  }
  .banner ul li, .banner h1 {
    font-size: 18px;
  }
  .social {
    padding-right: 0px;
  }
  .testata_cerca ul li {
    padding: 10px 5px;
  }
  .testata_cerca ul li svg {
    font-size: 30px;
  }
  .testata_cerca {
    position: relative;
    float: right;
    width: 100%;
    margin: 0px 0px;
    text-align: center;
    top: 0px;
    z-index: 9;
    left: 0px;
  }
  fieldset .field_module, fieldset .label_module, fieldset.note .field_module, fieldset .field_note {
    width: 100%;
    margin: 0px 0px 10px 0px;
  }
  .tabelle_carrello .no_loggato .btn {
    padding: 10px 15px;
  }
  .descrizione_prodotto div:nth-child(1) {
    width: 30%;
    padding: 10px 0px;
  }
  .preferiti {
    margin-top: 0px;
    width: 100%;
  }
  .btn.shop, .btn.shop.ordina {
    width: 100%;
    /* margin-bottom: 20px; */
    margin: 10px 0px 0px 0px;
  }
  .cbp-vm-options header, .selettori {
    width: 100%;
    max-width: 100%;
    padding-bottom: 10px;
  }
  article .img img, article .img iframe {
    margin-bottom: 10px;
  }
  .contatta .box {
    width: 100%;
  }
  article section .banners {
    margin: 0px 0px 20px 0px;
  }
  section.unico .item .copertina {
    height: 140px;
  }
  section h2 {
    font-size: 20px;
  }
  footer .logo {
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 90px;
  }
  .content footer .box p {
    margin: 0px 0px 0px 0px;
    width: 100%;
    text-align: center;
    display: inline-block;
  }
  .content footer .box p {
    margin: 0px 0px 0px 0px;
  }
  .banners img {
    height: auto;
    width: 100%;
    margin: 0px 0px 10px 0px;
  }
  .cerca_home .cerca {
    width: 100%;
  }
  .home .testata .logo {
    margin: 0px 0px 0px 20px;
    width: 75%;
    height: 76px;
    position: relative;
  }
  .home .boxes .box, .shop .boxes .box {
    width: 100%;
  }
  .btn.right {
    margin-top: 20px
  }
  .descrizione_prodotto .old_price {
    width: 100%;
    display: block;
  }
  .dl-menuwrapper.login {
    margin-right: 0px;
  }
  section .img_aggiuntive {
    max-width: 100%;
    width: 100%;
  }
  section .img_aggiuntive img {
    padding-right: 0px;
    padding-bottom: 30px;
  }
  .boxes .box .box_img .data {
    top: 40%;
  }
  .servizi h2 {
    width: 100%;
    padding: 0px;
    margin-bottom: 10px;
    font-size: 25px;
    text-align: center;
    line-height: 34px;
  }
  .servizi div.text {
    width: 100%;
    padding-left: 0%;
    border: none;
  }
  .servizi div.text div {
    margin-right: 0px;
    text-align: center;
    margin-bottom: 10px;
    width: 100%;
  }
  .servizi div svg {
    font-size: 80px;
  }
  .header .menusup {
    margin: 0px;
    width: 100%;
  }
  .header .menusup.shop {
    margin: 8px 0px 8px 7px;
    width: auto;
  }
  .servizi ul li div {
    width: 100%;
    top: 0px;
  }
  .banner.home .testo {
    width: 100%;
  }
  .banner.home .colour {
    width: 80%;
    margin: 0% 10% 10% 10%;
  }
  .servizi ul li svg {
    margin-bottom: 20px
  }
  .evidenza {
    padding: 20px 0px 50px 0px;
  }
  .servizi ul li span {
    display: inline-block;
    width: 100%;
  }
  .servizi h2 {
    font-size: 25px;
  }
  .about .container {
    padding: 0px;
  }
  .about {
    background-color: #f1f1f1;
    padding: 0px 0px;
  }
  .about .container div {
    width: 100%;
    background-color: rgba(241, 244, 246, 1);
  }
  section .box.tabelle {
    width: 100%;
    padding: 0px;
    margin-bottom: 20px
  }
  .acquista .btn.carrello {
    width: auto;
  }
  .acquista .btn.right {
    width: 100%;
    margin: 10px 0px 0px 0px;
  }
  .descrizione_prodotto div {
    margin: 3px 7px 0px 0px;
  }
  .riepilogo_prodotto div.marchio, .riepilogo_prodotto div.img, .riepilogo_prodotto div.codice, .riepilogo_prodotto div.prezzo, .riepilogo_prodotto div.disp {
    width: 50%;
  }
  .riepilogo_prodotto div.quantita input[type="submit"].btn {
    width: auto;
  }
  .riepilogo_prodotto div.disp {
    margin-top: 0px;
  }
  .riepilogo_prodotto div.titolo {
    max-width: inherit;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: black;
    clear: both;
    position: relative;
  }
  .riepilogo_prodotto {
    text-align: center;
  }
  .riepilogo_prodotto div.dettaglio {
    display: block;
    margin: auto;
    float: inherit;
    background-image: none;
    width: 100%;
    clear: both;
  }
  .riepilogo_prodotto div.dettaglio a {
    background-image: url(../img/icone/dettagli.png);
    background-repeat: no-repeat;
    background-position: 10px 2px;
    padding-left: 29px;
    font-weight: 500;
    background-size: auto 15px;
  }
  .selettori .box:last-child {
    margin-top: 0px;
  }
  .img iframe {
    width: 100%;
    height: 250px;
  }
  .selettori .select_module {
    max-width: 122px;
  }
  .newsart p, #print.articolo .newsart p, article .articolo_news p {
    line-height: 20px;
    font-size: 15px;
  }
  .box_news {
    margin-bottom: 20px;
  }
  .presentazione .box {
    padding: 0px;
  }
  .menusup .modal-dialog p a {
    margin-bottom: 20px
  }
  .presentazione .dx .btn, .lstpwd {
    text-align: center;
    margin-top: 20px
  }
  .presentazione ul.loghi img {
    max-height: 29px;
    margin: 5px;
  }
  footer .box.card {
    display: inherit;
  }
  .tabelle_carrello fieldset.ordina .btn {
    width: auto;
  }
  .header .banner {
    width: 92%;
    margin: 0% 4% 4% 4%;
  }
  aside .box input[type="button"].btn {
    float: left;
    text-align: center;
    top: 0px;
    padding: 11px;
    margin-bottom: 10px
  }
  .linguette {
    display: none
  }
  aside .box.ricerca .field_module, aside .box.ricerca .select_module, aside .box.catalogo .field_module, aside .box.catalogo .select_module {
    width: 100%;
    margin: 0px 0px 10px 0px;
  }
  aside.riservata, section.riservata {
    width: 100%;
    padding-right: 0px;
  }
  .presentazione .dx .btn, .lstpwd {
    width: 100%;
  }
  .presentazione .campo_form, .presentazione .label_check {
    width: 100%;
    margin-right: 0%;
  }
  .menusup a {
    font-size: 12px;
  }
  .menusup .sx {
    display: none
  }
  .menusup .dx {
    width: 100%;
  }
  .no_loggato {
    margin-top: 0px
  }
  .riepilogo_prodotto .btn, .riepilogo_prodotto input[type="button"].btn {
    text-align: center;
    margin-bottom: 15px;
  }
  .prodotto article .correlati h2 {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .correlati {
    margin: 20px 0px 25px 0px;
  }
  .prodotto header .img img {
    width: auto;
    padding: 20px 10px;
    max-height: 150px;
    left: 0px;
    right: 0px;
    margin: auto;
    margin-top: 15px;
  }
  .prodotto article .tipologie .box {
    width: 100%;
    padding: 10px 0px;
    text-align: center;
  }
  .prodotto header .img {
    margin-bottom: 30px;
  }
  .gallery .box {
    height: 95px;
  }
  .prodotto header .img .bg img {
    max-height: inherit;
  }
  .prodotto header .img h1 {
    width: 100%;
    padding: 20px 10px;
    margin-top: 140px;
    text-align: center;
    font-size: 40px;
  }
  .container, .content.home .container {
    padding: 0px 20px;
  }
  h1 {
    font-size: 23px;
  }
  section ul {
    margin: 0px;
  }
  aside .banner img {
    float: inherit;
  }
  ul.social {
    margin: 0px auto;
  }
  ul.social li img {
    height: 37px;
    margin: 0px 2px;
  }
  .testata .carrello {
    margin-right: 10px
  }
  .social img {
    margin-bottom: 0px;
  }
  testata .sx {
    margin-right: 0px;
    text-align: center;
  }
  .prodotti .box.principale h3 {
    margin-bottom: 10px;
    margin-top: 0px;
    text-align: center;
  }
  .prodotti .box p {
    margin-right: 0px;
    text-align: center;
  }
  .banner_box.homepage {
    background-size: auto 100%;
  }
  .credits {
    text-align: center;
  }
  credits img.intempra, .credits a, .intempra {
    float: inherit;
    margin: auto
  }
  .credits span {
    margin-bottom: 10px
  }
  .presentazione .sx, .presentazione .dx, .prodotti .box, .sezioni_home .sx, .sezioni_home .dx, .owl-carousel.statico .item, .newsletter .field_module, .newsletter .btn, .newsletter, .banner_box.homepage .testo {
    width: 100%;
  }
  .content .sezioni_home .sx, .content .sezioni_home .dx {
    padding: 0px 10px
  }
  .newsletter .field_module {
    margin-bottom: 10px
  }
  .newsletter .btn {
    text-align: center
  }
  .testata .container:after {
    right: 39%;
    height: 88px;
  }
  .prodotti .btn {
    margin: 20px auto 50px auto;
    text-align: center;
    float: initial;
  }
  .prodotti .box.principale .img, .prodotti .testo {
    width: 100%;
    height: auto;
    text-align: center
  }

  .menu_footer .box.principale, .menu_footer .box.secondari, .menu_footer .box.secondari .box {
    width: 100%;
    padding: 0px;
    margin-bottom: 20px;
    text-align: center;
  }
  ul.social li {
    float: inherit;
    display: inline-block;
  }
  .menu_footer .newsletter {
    position: relative;
    width: 100%;
  }
  .loghi {
    padding: 20px 0px;
  }
  .approfondimenti .box {
    margin-bottom: 20px;
  }
  .box {
    width: 100%;
    margin-bottom: 30px;
    margin: 0px
  }
  .menu_footer .box {
    padding: 20px 20px 20px 51px;
    height: auto;
  }
  .box.specializzazioni {
    margin: 0%;
    width: 100%;
    height: auto;
    padding: 0px 10px 50px 10px;
  }
  .newsletter_box {
    margin: 20px 0px 0px 0px;
    padding: 30px;
  }
  .articolo.principale h2 {
    font-size: 25px;
  }
  .articolo.principale .pathway {
    width: 100%;
    margin-bottom: 0px
  }
  .approfondimenti .titolo {
    font-size: 37px;
    margin: 0px;
  }
  .boxes {
    background-attachment: inherit;
    background-size: auto 100%;
    background-position: center right;
  }
  .articolo.principale ul {
    padding: 0%;
  }
  .articolo.principale ul li {
    font-size: 20px;
  }
  .cataloghi .box {
    width: 100%;
  }
  .newsart_img {
    height: auto;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .newsart_img img {
    height: auto;
    margin-right: 0px
  }
  .newsart .articolo_news {
    height: 63px;
  }
  .newsart_img img {
    max-width: 100%;
    max-height: inherit;
  }
  .menu_footer .box {
    width: 100%;
    max-width: 100%;
    padding: 0px;
    text-align: left;
    margin: 0px;
  }
  .menu_footer .box ul {
    width: 100%
  }
  .testata .dx {
    padding: 0px;
  }
  .impianto .img {
    height: 210px;
  }
  .impianto .testo, .impianto .allegato {
    height: auto;
    width: 100%;
  }
  .impianto .allegato {
    border-left: none;
    border-top: 1px solid #c0c0c0
  }
  .testata .cerca {
    width: 57%;
    margin: 10px 20px;
  }
  .link.entra {
    margin: 5px 15px;
    position: absolute;
    right: 10px;
  }
  .numeroverde {
    margin: 0px 6px;
    /* background: none; */
    padding-left: 31px;
    font-size: 12px;
    background-size: auto 26px;
  }
  .numeroverde big {
    font-weight: 400;
    font-size: 14px;
  }
  .tabelle_carrello .semplice th {
    font-size: 14px;
  }
  .tabelle_carrello fieldset a #help {
    margin-top: -51px;
  }
  .calcolatrice {
    margin-left: 0%;
  }
  .descrizione .prezzo, .selettori .prezzo .totale, .selettori .contenuto, .colore_quantita ul .label {
    width: 100%
  }
  .selettori .btn {
    width: auto;
    clear: inherit;
  }
  .colore_quantita ul .label {
    padding: 10px 0px 5px 0px;
  }
  .box_news .box h2 {
    font-size: 16px;
    line-height: 20px;
  }
  .dx .immagine_prodotto div img {
    max-width: 200px;
    max-height: 200px;
  }
  .dx .immagine_prodotto {
    height: 200px;
    display: table;
  }
  .testata.ecom .carrello {
    float: left;
    margin: 0px 10px;
  }
  .carrello h4, .carrello p {
    display: none;
  }
  .testata .centro {
    width: 70%;
  }
  .testata .carrello {
    width: auto;
  }
}