@media (max-width: 425px) {.title-48-38-32 {font-size: 30px !important;}} .button1 { background: #020B24; } .button1:hover { background: #0097C9; } #mainid .imgcontainer, #mainid p{ margin-top: 10px; } #mainid .titlehead{ display: inline !important; text-transform: capitalize !important; } #mainid img.img-responsive { width: 100%; } #mainid .container-fluid { padding: 0; } #mainid .row { max-width: 1200px; margin: auto; } #mainid .row.row1 { max-width: unset !important; } a.button1{ cursor: pointer; } .button1:visited { color: white; } * { margin: 0; padding: 0; box-sizing: border-box; } .textwhite { color: #ffffff; } .textdark { color: #000000; } .w700{ font-weight: 700 !important; } .w600{ font-weight: 600 !important; } .w500{ font-weight: 500 !important; } .w400{ font-weight: 400 !important; } #mainid img.img-responsive:hover { transform: scale(1.1); } #mainid img.img-responsive { transition: all 0.5s; } #mainid figure.imgcontainer { position: relative; padding: 0px; overflow: hidden; } #bgimage1{ background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://di-uploads-pod34.dealerinspire.com/moderninfinitiofwinstonsalem/uploads/2024/06/XLH_124_desktop-1.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } #bgimage2.container-fluid > div{ padding: 15px 0; } #bgimage9.container-fluid > div, #bgimage7.container-fluid > div, #bgimage6.container-fluid > div, #bgimage5.container-fluid > div, #bgimage4.container-fluid > div{ padding: 15px 0; } #bgimage8{ background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(https://di-uploads-pod34.dealerinspire.com/moderninfinitiofwinstonsalem/uploads/2024/06/2024-infiniti-qx80-gear-shifter.webp); background-repeat: no-repeat; background-position: center; background-size: cover; } @media(max-width:767px) { .height280{ height: 280px; } .height200{ height: 200px; } .height250{ height: 250px; } #mainid p, #mainid ul { font-size: 18px; font-weight: 300; line-height: 1.3em; } #mainid ul > li{ margin-left: 36px; } #mainid .title3848{ font-size: 38px; font-weight: 600; line-height: 1.3em; } #mainid .title2936{ font-size: 29px; font-weight: 600; line-height: 1.3em; } #mainid .title2430{ font-size: 24px; font-weight: 700; line-height: 1.3em; } #mainid .title2830{ font-size: 28px; font-weight: 700; line-height: 1.3em; } #mainid .title1924{ font-size: 19px; font-weight: 600; line-height: 1.3em; } #mainid .titlebold { font-weight: 700; } #mainid .button1 { font-size: 15px; font-weight: 700; line-height: 1em; padding: 16px 0px; display: inline-block; width: 100%; color: #ffffff; text-align: center; margin-bottom: 10px; } #mainid .button1:hover { text-decoration: none; } #mainid img.img-responsive { object-fit: cover; object-position: center; } #bgimage1{ height: 220px; } #bgimage8{ height: 181px; } } @media all and (min-width: 768px) and (max-width: 1024px) { #bgimage1 > div > div > h2, #bgimage1 > div > div > h1{ width: 563px; } #bgimage1{ height: 416px !important; } } @media(min-width:768px) { .height380{ height: 380px; } .height450{ height: 450px; } .height510{ height: 510px; } .row.rowcenter{ display: flex; flex-wrap: nowrap; } .row .colcenter{ display: flex; flex-direction: column; justify-content: center; } #mainid p, #mainid ul { font-size: 22px; font-weight: 300; line-height: 1.3em; } #mainid ul > li{ margin-left: 44px; } #mainid .title3848{ font-size: 48px; font-weight: 600; line-height: 1.3em; } #mainid .title2936{ font-size: 36px; font-weight: 600; line-height: 1.3em; } #mainid .title2430{ font-size: 30px; font-weight: 700; line-height: 1.3em; } #mainid .title2830{ font-size: 30px; font-weight: 700; line-height: 1.3em; } #mainid .title1924{ font-size: 24px; font-weight: 600; line-height: 1.3em; } #mainid .titlebold { font-weight: 700; } #mainid .button1 { font-size: 15px; font-weight: 700; line-height: 1em; padding: 16px 0px; display: inline-block; width: 100%; color: #ffffff; text-align: center; } #mainid .button1:hover { text-decoration: none; } #mainid figure>img.img-responsive { object-fit: cover; object-position: center; } #bgimage1{ height: 585px; } #bgimage9.container-fluid, #bgimage4.container-fluid, #bgimage3.container-fluid, #bgimage2.container-fluid{ padding: 0px; } #bgimage6.container-fluid, #bgimage5.container-fluid, #bgimage4.container-fluid{ padding: 30px 10px; } #bgimage8{ height: 485px; } }ul { text-align: left;}