/* COL */
content.auto .boxricerca {display:none; padding-left:0; padding-right:0; position:fixed; top:0; left:0; z-index:9;}
content.auto .boxricerca .ricerca {background:#fff; height:100vh; padding-top:15px; padding-bottom:15px; overflow:auto; padding-bottom:50px;}
content.auto .boxricerca .ricerca i.fa-times {position:absolute; right:15px; top:20px; font-size:25px;}
content.auto .boxricerca .ricerca .titolo {font-size:22px; font-weight:600;}
content.auto .boxricerca .ricerca .sottotitolo {font-size:14px;}
content.auto .boxricerca .ricerca .boxscelta {background:#eee; margin-bottom:10px; border:1px solid #ddd;}
content.auto .boxricerca .ricerca .boxscelta p.titoletto {padding:10px 15px; margin-bottom:0; font-size:18px;}
content.auto .boxricerca .ricerca .boxscelta p.titoletto i {float:right; font-size:25px; margin-top:2.5px; transition:all, 0.5s;}
content.auto .boxricerca .ricerca .boxscelta p.titoletto i.rotate {transform:rotate(180deg);}
content.auto .boxricerca .ricerca .boxscelta .boxscelte {display:none; background:#fff; padding-top:10px; padding-bottom:0; font-size:12px;}
content.auto .boxricerca .ricerca .boxscelta .boxscelte.open {display:block;}
content.auto .boxricerca .ricerca .boxscelta .boxscelte input[type='checkbox'] {width:15px; height:15px;}
content.auto .boxricerca .ricerca .boxscelta .boxscelte label {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%;}
content.auto .boxricerca .ricerca .prezzo select {width:98%; height:35px; margin-bottom:15px;}
content.auto .boxricerca .ricerca input[type='submit'] {font-size:18px; width:100%; height:50px; margin-top:10px; background:var(--main-color); color:#fff; position:fixed; bottom:0; left:0; border:0; transition:all 0.2s;}
content.auto .listaauto {margin-bottom:50px;}
content.auto .listaauto h3 {font-size:20px; margin-top:10px; margin-bottom:10px;}
content.auto .listaauto h3 span {float:right;}
content.auto .listaauto h3 span font {padding:5px; background:#fff; font-size:12px; border:1px solid #c0c0c0; border-radius:3px; cursor:pointer;}
content.auto .listaauto .boxordinamenti {position:absolute; right:0; font-size:12px; z-index:8; display:none;}
content.auto .listaauto .boxordinamenti select {padding:5px; border:1px solid #c0c0c0; border-radius:3px;}
content.auto .listaauto .boxordinamenti option {padding:5px 0;}
content.auto .listaauto p.paginazione {font-size:14px; margin-bottom:20px;}
content.auto .listaauto p.scelte {font-size:12px; margin-bottom:25px;}
content.auto .listaauto p.scelte span {padding:5px; margin-right:5px; background:#11C26D20; border:1px solid #11C26D; color:#000; border-radius:3px; display:inline-block; margin-bottom:5px;}
content.auto .listaauto .singleauto {background:#fff; margin-bottom:50px; border:1px solid #ddd;}
content.auto .listaauto .singleauto.venduta {opacity:0.4;}
content.auto .listaauto .singleauto span.autovenduta {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-20deg); color:var(--red-color); font-size:30px; font-weight:600; z-index:8;}
content.auto .listaauto .singleauto .boximg img {width:100%;}
content.auto .listaauto .singleauto .boximg span {padding:5px 10px; border-top-right-radius:10px; font-size:10px; background:#4b4b4b; color:#fff; cursor:pointer; position:absolute; bottom:0; left:0; text-decoration:underline;}
content.auto .listaauto .singleauto .boxdettagli {padding-top:5px;}
content.auto .listaauto .singleauto .boxdettagli span.title {font-size:14px; font-weight:600; display:block;}
content.auto .listaauto .singleauto .boxdettagli span.subtitle {font-size:12px; display:block;}
content.auto .listaauto .singleauto .boxdettagli span.price {font-size:18px; font-weight:600; color:var(--main-color); text-align:right; display:block; margin-top:10px;}
content.auto .listaauto .singleauto .dettagli {margin-bottom:15px; font-size:10px; text-align:right; text-decoration:underline; color:#000;}
content.auto .listaauto .singleauto .realdettagli {margin-bottom:10px; font-size:12px;}
content.auto .listaauto .singleauto .realdettagli .dettaglio {margin-bottom:5px;}
content.auto .listaauto .singleauto .boxazioni span {cursor:pointer; border-radius:3px; border:1px solid var(--indigo-color); font-size:12px; color:#000; text-align:center; padding:5px!important; margin-bottom:10px; transition:all 0.2s;}
content.auto .listaauto .singleauto .boxazioni span:hover {background:var(--indigo-color); color:#fff;}
content.auto .listaauto .singleauto .boxazioni span.liste {border:1px solid var(--orange-color); color:#000;}
content.auto .listaauto .singleauto .boxazioni span.liste:hover {background:var(--orange-color); color:#fff;}
content.auto .listaauto .singleauto .boxazioni span.aggiunto {border:0; cursor:inherit;}
content.auto .listaauto .singleauto .boxazioni span.aggiunto:hover {background:none; color:#000;}
content.auto .listaauto .paginazionefinale {margin-bottom:25px;}
content.auto .listaauto .paginazionefinale span {padding:5px 10px; background:#fff; color:#000; font-size:14px; border:1px solid #c0c0c0; border-radius:3px; cursor:pointer;}
content.auto .listaauto .paginazionefinale span.back {float:left;}
content.auto .listaauto .paginazionefinale span.front {float:right;}
content .boxinformazioni {display:none; position:fixed; z-index:100; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; width:90%; max-width:500px; max-height:70vh; padding:15px; overflow:auto; border-radius:3px;}
content .boxinformazioni .dettaglioauto .primeinfo p.titolo {font-size:20px; margin-bottom:0; font-weight:600;}
content .boxinformazioni .dettaglioauto .primeinfo p.sottotitolo {font-size:14px; margin-bottom:0px;}
content .boxinformazioni .dettaglioauto .primeinfo p.price {text-align:right; font-size:25px; font-weight:600; margin-bottom:10px;}
content .boxinformazioni .dettaglioauto .boxfoto .img {border:1px solid #fff;}
content .boxinformazioni .dettaglioauto .boxfoto .img img {width:100%;}
content .boxinformazioni .dettaglioauto .boxfoto {margin-bottom:20px;}
content .boxinformazioni .dettaglioauto .altreinfo p {font-size:16px; width:50%; float:left; padding:10px 0; margin:0; border-bottom:1px solid #c0c0c0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
content .boxinformazioni .dettaglioauto .boxazioni {margin-top:20px;}
content .boxinformazioni .dettaglioauto .boxazioni span {cursor:pointer; border-radius:3px; border:1px solid var(--indigo-color); font-size:14px; color:#000; text-align:center; padding:5px!important; margin-bottom:10px; transition:all 0.2s;}
content .boxinformazioni .dettaglioauto .boxazioni span:hover {background:var(--indigo-color); color:#fff;}
content .boxinformazioni .dettaglioauto .boxazioni span.liste {border:1px solid var(--orange-color); color:#000;}
content .boxinformazioni .dettaglioauto .boxazioni span.liste:hover {background:var(--orange-color); color:#fff;}
content .boxinformazioni .dettaglioauto .boxazioni span.aggiunto {border:0; cursor:inherit;}
content .boxinformazioni .dettaglioauto .boxazioni span.aggiunto:hover {background:none; color:#000;}
content .boxlista {position:fixed; bottom:0; right:0; width:100%; background:#fff; max-width:450px;}
content .boxlista .barrabassa {background:var(--orange-color); padding:15px; color:#fff; cursor:pointer;}
content .boxlista .barrabassa font.contoauto {font-size:20px;}
content .boxlista .barrabassa i {font-size:20px; float:right; margin-top:5px; transition:all 0.5s;}
content .boxlista .barrabassa i.rotate {transform:rotate(180deg);}
content .boxlista .contenuto {display:none; background:#fff; padding:15px; border:2px solid var(--orange-color); max-height:70vh; overflow:auto;}
content .boxlista .contenuto .intestazione {margin-bottom:10px; margin-top:10px; text-align:right;}
content .boxlista .contenuto .intestazione a {font-size:12px; background:var(--orange-color); color:#fff; padding:10px; border-radius:3px;}
content .boxlista .contenuto .autoinlistafissata {padding-bottom:15px!important; padding-top:15px!important; border-bottom:1px solid #c0c0c0;}
content .boxlista .contenuto .autoinlistafissata .testo {padding-left:5px!important;}
content .boxlista .contenuto .autoinlistafissata .testo span {display:block; margin-bottom:5px;}
content .boxlista .contenuto .autoinlistafissata .testo span.titolo {font-size:14px; font-weight:600;}
content .boxlista .contenuto .autoinlistafissata .testo span.sottotitolo {font-size:12px;}
content .boxlista .contenuto .autoinlistafissata .testo span.prezzo font.elimina {font-size:12px; color:#969696; cursor:pointer;}
content .boxlista .contenuto .autoinlistafissata .testo span.prezzo font.prezzo {font-size:18px; font-weight:600; float:right;}
content .listedisponibili {display:none; position:fixed; top:10vh; left:5%; background:#fff; width:90%; z-index:999; height:80vh; overflow:auto; border-radius:3px; padding:15px;}
content .listedisponibili .autoscelta .intestazione {font-weight:600; font-size:14px;}
content .listedisponibili .autoscelta .testo {padding-left:5px!important;}
content .listedisponibili .autoscelta .testo span {display:block; margin-bottom:2px;}
content .listedisponibili .autoscelta .testo span.titolo {font-size:14px; font-weight:600;}
content .listedisponibili .autoscelta .testo span.sottotitolo {font-size:12px;}
content .listedisponibili .autoscelta .testo span.prezzo {font-size:16px; font-weight:600;}
content .listedisponibili table tr {cursor:inherit;}
content .listedisponibili table tr td.action span {cursor:pointer; transition:all 0.2s;}
content .listedisponibili table tr td.action span:hover {color:var(--indigo-color);}

/* COL-MD */
@media only screen and (min-width: 768px) {

  content.auto .listaauto h3 {font-size:25px;}
  content.auto .listaauto .singleauto span.autovenduta {transform:translate(-50%, -50%) rotate(0); font-size:35px;}
  content.auto .listaauto .singleauto .boximg span {font-size:14px;}
  content.auto .listaauto .singleauto .boxdettagli {padding-top:15px;}
  content.auto .listaauto .singleauto .boxdettagli span.title {font-size:20px;}
  content.auto .listaauto .singleauto .boxdettagli span.subtitle {font-size:14px;}
  content.auto .listaauto .singleauto .boxdettagli span.price {position:absolute; top:0; right:15px; font-size:25px;}
  content.auto .listaauto .singleauto .dettagli {display:none;}
  content.auto .listaauto .singleauto .realdettagli {margin-top:15px; font-size:14px;}
  content.auto .listaauto .singleauto .boxazioni span {font-size:16px; padding:5px!important;}
  content.auto .listaauto .paginazionefinale span {font-size:16px; padding:10px;}
  content.auto .boxinformazioni .dettaglioauto .boxazioni span {font-size:16px; padding:5px!important;}
  content .listedisponibili .autoscelta .intestazione {font-size:16px;}
  content .listedisponibili .autoscelta .testo {padding-left:10px!important;}
  content .listedisponibili .autoscelta .testo span {margin-bottom:5px;}
  content .listedisponibili .autoscelta .testo span.titolo {font-size:16px;}
  content .listedisponibili .autoscelta .testo span.sottotitolo {font-size:14px;}
  content .listedisponibili .autoscelta .testo span.prezzo {font-size:18px;}

}





/* COL-XL */
@media only screen and (min-width: 1200px) {

  content.auto .listaauto .singleauto span.autovenduta {font-size:45px;}
  content.auto .boxricerca {margin-top:10px; padding-left:0; padding-right:30px; position:fixed; width:21%; left:265px; display:block; z-index:1; top:115px;}
  content.auto .boxricerca.full {left:15px; width:23%;}
  content.auto .boxricerca .ricerca {background:#fff; max-height:80vh; height:auto; padding-bottom:15px; border:1px solid #ddd; border-radius:3px;}
  content.auto .boxricerca .ricerca i.fa-times {display:none;}
  content.auto .boxricerca .ricerca .titolo {font-size:16px;}
  content.auto .boxricerca .ricerca .sottotitolo {font-size:14px;}
  content.auto .boxricerca .ricerca .boxscelta p.titoletto {font-size:14px; cursor:pointer;}
  content.auto .boxricerca .ricerca .boxscelta p.titoletto i {font-size:20px; margin-top:0.5px;}
  content.auto .boxricerca .ricerca input[type='submit'] {position:relative;}
  content.auto .listaauto h3 {font-size:30px;}
  content.auto .listaauto h3 span font {padding:10px; font-size:14px;}
  content.auto .listaauto h3 span font.filtri {display:none;}
  content.auto .listaauto .boxordinamenti {font-size:14px;}
  content.auto .listaauto .singleauto .boxdettagli span.title {font-size:22px;}
  content.auto .listaauto .singleauto .boxdettagli span.subtitle {font-size:16px;}
  content.auto .listaauto .singleauto .boxdettagli span.price {font-size:27px}
  content.auto .listaauto .singleauto .realdettagli {font-size:16px;}
  content.auto .listaauto .singleauto .boxazioni span  {font-size:18px;}
  content .listedisponibili .autoscelta .intestazione {font-size:18px;}
  content .listedisponibili .autoscelta .testo {padding-left:15px!important;}
  content .listedisponibili .autoscelta .testo span {margin-bottom:10px;}
  content .listedisponibili .autoscelta .testo span.titolo {font-size:18px;}
  content .listedisponibili .autoscelta .testo span.sottotitolo {font-size:14px;}
  content .listedisponibili .autoscelta .testo span.prezzo {font-size:22px;}

}