<style> .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 5% 12.5% 5% 12.5%; } #header #header-nav .search-box{ display: none; } @media (max-width: 320px) { .img1 { height: 188px !important; object-fit: cover; } } @media (max-width: 1024px) { .img1 { height: 320px !important; object-fit: cover; } } @media (max-width: 768px) { .img1 { height:270px !important; object-fit: cover; } } h1.header { display: none !important; } summary { display: block; } summary::-webkit-details-marker { display: none; } .p-section-faq__item:nth-of-type(n+2) { margin-top: 10px; } .p-faq__question { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 8px 16px; color: black; background-color: #eee; cursor: pointer; font-size: 24px; font-weight: 700; } .p-faq__icon { display: block; flex-shrink: 0; position: relative; width: 40px; transform-origin: center; background-color: rgba(0, 0, 0, 1); padding: 24px; border-radius: 50%; } .p-faq__icon::after { right: 15px; content: ""; position: absolute; display: block; width: 16px; height: 16px; transition: transform .3s; transform: translateY(-80%) rotate(45deg); border-right: 2px solid white; border-bottom: 2px solid white; } .is-opened .p-faq__icon::after { transform: translateY(-25%) rotate(-135deg); } .p-faq__answer { overflow: hidden; } .p-faq__answer-inner { padding: 16px 32px; border-top: none; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; font-size: 20px; font-weight: 700; } .l-inner { margin: 0 auto; width: 100%; } .img-hover-zoom { height: inherit; overflow: hidden; } .img-hover-zoom img { transition: transform .5s ease; } .img-hover-zoom>.img { transition: transform .5s ease; } .img-hover-zoom:hover img { transform: scale(1.1); } .img-hover-zoom:hover>.img { transform: scale(1.1); } .container { width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; margin-right: auto; margin-left: auto; } .container-fluid { padding-right: 0px !important; padding-left: 0px !important; margin-right: auto; margin-left: auto; } .container.con1 { width: 75% !important; } .container.con3 { width: 100% !important; } @media(max-width: 768px) { .container.con1 { width: 95% !important; } } @media(max-width: 1440px) { .container.con1 { width: 75% !important; } } @media(max-width: 1264px) { .container.con1 { width: 85% !important; } } @media(max-width: 1024px) { .container.con1 { width: 85% !important; } } @media(max-width: 320px) { .container.con1 { width: 100% !important; } .img-hover-zoom { height: 200px !important; object-fit: cover; } } .container.con2 { width: 1149px !important; } @media(max-width: 2560px) { .container.con2 { width: 60% !important; } } .spacer { height: 550px; } .spacer2 { height: 60px; } .spacer3 { height: 360px; } @media(max-width: 1264px) { .spacer { height: 500px; } } @media(max-width: 1024px) { .spacer { height: 230px; } } @media(max-width: 767px) { .spacer2 { height: 180px; } } @media(max-width: 2000px) { .container.con2 { width: 1650px !important; } } @media(max-width: 1547px) { .container.con2 { width: 1306px !important; } } @media(max-width: 1305px) { .container.con2 { width: 1186px !important; } } @media(max-width: 1150px) { .container.con2 { width: 867px !important; } } @media(max-width: 1200px) { .spacer { height: 374px; } } @media(max-width: 1024px) { .spacer { height: 122px; } .title-48-38 { font-size: 40px !important; } } @media(max-width: 800px) { .container.con2 { width: 769px !important; } .spacer { height: 13px; } } @media(max-width: 500px) { .container.con2 { width: 100% !important; } } .row { margin-right: 0px; margin-left: 0px; } .container2-banner { display: flex; align-items: flex-end; width: 100%; height: 1491px; background-color: #0000002e; } @media(max-width: 800px) { .container2-banner { height: 464px; } } #btn-hover-effects { height: 50px; width: 100% !important; background-color: rgb(0, 0, 0) !important; color: #ffffff !important; line-height: 34px; font-size: 20px; } #btn-hover-effects:hover { background-color: #000 !important; color: #fff !important; } .Paragraph { font-size: 20px; } @media(max-width: 1024px) { .Paragraph { font-size: 18px; } } @media(max-width: 768px) { .Paragraph { font-size: 16px; } } .title-48-38 { font-size: 40px; font-weight: 700 !important; } @media(max-width:800px) { .title-48-38 { font-size: 30px !important; } } .title-36-29 { font-size: 36px !important; font-weight: 700 !important; } @media(max-width: 768px) { .title-36-29 { font-size: 22px !important; } } .title-30-24 { font-size: 25px !important; font-weight: 700 !important; } @media(max-width: 768px) { .title-30-24 { font-size: 24px !important; } } .title-36-29 { font-size: 36px !important; font-weight: 700 !important; } @media(max-width: 768px) { .title-36-29 { font-size: 22px !important; } } @media(max-width: 768px) { #title-banner { text-align: center; } } .Main-Banner-IMG { background-size: cover; background-position: center center; background-image: url(https://di-uploads-pod34.dealerinspire.com/moderninfinitiofwinstonsalem/uploads/2023/06/2023-infiniti-q50-1.jpg) !important; background-repeat: no-repeat; width: 100%; display: flex; align-items: flex-end; height: 1070px; object-position: bottom; } @media(max-width: 1200px) { .Main-Banner-IMG { height: 600px; } } @media(max-width: 800px) { .Main-Banner-IMG { height: 464px; } } .Bot-IMG { background-size: cover; background-position: center center; background-image: url(https://di-uploads-pod34.dealerinspire.com/moderninfinitiofwinstonsalem/uploads/2023/06/2023-infiniti-q50-20.jpg); background-repeat: no-repeat; width: 100%; height: 700px; } .Img1 { height: 800px; } .Img2 { width: 100%; object-fit: cover; margin-top: 20px; } @media(max-width: 1264px) { .Img3 { height: 339px; margin-top: 80px; } } @media(max-width: 2000px) { .Img3 { height: 554px; } } @media(max-width: 1520px) { .Img1 { height: 500px; } .Img2 { height: 406px; } .Img3 { height: 406px; } #IMG-Bot-res { margin-top: 50px; } } @media(max-width: 1300px) { #IMG-Bot-res { margin-top: 100px; } } @media(max-width: 1100px) { .Img1 { height: 400px; } #IMG-Bot-res { margin-top: 150px; } .Bot-IMG { height: 500px; } } @media(max-width: 1264px) { .Img2 { height: 350px; } .Img3 { height: 350px; } } @media(max-width: 426px) { .Img1 { height: 300px; } .Bot-IMG { height: 300px; } #IMG-Bot-res { margin-top: 2px; } } @media(max-width:320px) { .Img3 { height: 200px; } .Bot-IMG { height: 200px; } #IMG-Bot-res { margin-top: 2px; } .spacer2 { height: 227px; } } </style>