﻿
.main .page.accessori .modelli { position: relative; z-index: 1; }
.main .page.accessori .modelli .page-title { position: relative; display: block; text-align: center; }
.main .page.accessori .modelli .page-title h1,
.main .page.accessori .modelli .page-title h2 { font-size: 18px; color: #333333; text-transform: uppercase; font-weight: 700; text-align: center; margin: 50px auto 0; }
.main .page.accessori .modelli .page-title p { font-size: 16px; font-weight: bold; padding-top: 10px; line-height: 20px;}
.main .page.accessori .modelli .container { width: 100%; max-width: 100%; padding-bottom: 40px; }
.main .page.accessori .modelli .container .row { background: none !important; }
.main .page.accessori .modelli .container .row .w { max-width: 1240px; margin: 0 auto; }
.main .page.accessori .modelli .container .row .w .mod { text-align: center; height: 186px; position: relative; }
.main .page.accessori .modelli .container .row .w .mod a { display: block; width: 100%; height: 80%; margin: 3.4rem 0 0; }
.main .page.accessori .modelli .container .row .w .mod img { position: absolute; width: 190px; height: 100px; top: 45px; left: 50%; margin-left: -95px; cursor: pointer; }
.main .page.accessori .modelli .container .row .w .mod span { font-weight: 700; font-size: 12px; position: absolute; bottom: 10px; left: 0; text-align: center; display: block; width: 100%; text-transform: uppercase; }

@media screen and (max-width: 640px) {
    .main .page.accessori .modelli .container .row .w .mod img { width: 160px; height: auto; top: 50px; margin-left: -80px; }
}