Volkswagen Atlas
Big Space. Bigger Value.
Save On Volkswagen Atlas
Discover Archer Volkswagen's selection of new spacious Atlas and Atlas Cross Sport models, compare available financing and lease offers, and find the right SUV for your lifestyle and budget. Visit Archer VW to explore current incentives and discover the value of driving a new Atlas.
Wide Selection
Flexible Financing
Trusted Local Team
New Vehicles
Explore the latest Volkswagen models.
Shop New
Shop Pre-Owned Vehicles
Browse quality pre-
Shop Pre-Owned
Current Specials
See our latest offers and incentives.
View Offers
Financing Options
Compare financing and lease options that fit your budget.
Explore Financing
Why Buy from Archer Volkswagen?
A trusted Houston Volkswagen dealer with a commitment to exceptional service, transparent pricing and a hassle-free experience.
Local Expertise
Proudly serving Houston for decades.
Customer-First Experience
A dedicated team focused on your needs.
Certified Service & Support
Keep your Volkswagen running at its best.
Award-Winning Dealer
Recognized for excellence in sales and service.
Explore the Volkswagen Lineup
From versatile SUVs to sporty sedans and all-electric innovations, there's a Volkswagen for every lifestyle.
Atlas
Space for what
Explore
Tiguan
Versatility meets everyday
Explore
Jetta
Timeless style. Modern
Explore
Golf GTI
An icon,
Explore
Taos
All-electric for a brighter
Explore
Current Offers & Featured Vehicles
Take advantage of limited-time offers on new and pre-owned Volkswagen models.
New Vehicle Offers
Special financing, lease deals and more.
See Offers
Pre-Owned Specials
Great value on quality vehicles.
Shop Now
Certified Pre-Owned
Confidence comes standard.
Learn More
What Our Customers Are Saying
"Great experience from start to finish. The team made the process easy and transparent."
— J. R., Houston, TX
"Professional, knowledgeable and appreciative of my time. Highly recommend Archer Volkswagen."
— M. L., Katy, TX
"Best car buying experience I've had. I'll definitely be back for service."
— T. S., Sugar Land, TX
js/common.js
document.addEventListener("DOMContentLoaded", function () {
// Navbar
document.querySelectorAll(".navbar-nav li.menu-item-has-children > a").forEach(function (link) {
const clickD = document.createElement("span");
clickD.classList.add("clickD");
link.insertAdjacentElement("afterend", clickD);
});
document.querySelectorAll(".navbar-nav li .clickD").forEach(function (btn) {
btn.addEventListener("click", function (e) {
e.preventDefault();
const parent = this.parentElement;
const subMenu = this.nextElementSibling;
if (subMenu && subMenu.classList.contains("show")) {
subMenu.classList.remove("show");
this.classList.remove("toggled");
} else {
parent.parentElement.querySelectorAll(".sub-menu").forEach(function (menu) {
menu.classList.remove("show");
});
parent.parentElement.querySelectorAll(".toggled").forEach(function (item) {
item.classList.remove("toggled");
});
if (subMenu) {
subMenu.classList.add("show");
}
this.classList.add("toggled");
}
});
});
// Navbar Outside Click (Mobile)
function closeSubMenus() {
document.querySelectorAll(".navbar-nav li .clickD").forEach(function (item) {
item.classList.remove("toggled");
});
document.querySelectorAll(".toggled").forEach(function (item) {
item.classList.remove("toggled");
});
document.querySelectorAll(".sub-menu").forEach(function (menu) {
menu.classList.remove("show");
});
}
document.addEventListener("click", function (e) {
if (window.innerWidth < 1025) {
if (!e.target.closest(".navbar-nav")) {
closeSubMenus();
}
}
});
// Navbar Animation
document.querySelectorAll(".navbar-toggler").forEach(function (toggler) {
toggler.addEventListener("click", function () {
document.querySelectorAll(".navbar-toggler").forEach(function (item) {
item.classList.toggle("open");
});
document.querySelectorAll(".navbar-toggler .stick").forEach(function (stick) {
stick.classList.toggle("open");
});
document.body.classList.toggle("open-nav");
document.documentElement.classList.toggle("open-nav");
});
});
// Sticky Navigation
// window.addEventListener("scroll", function () {
// const scroll = window.scrollY;
// if (scroll > 0) {
// document.querySelector(".main-head .head-btm-part").classList.add("fixed");
// } else {
// document.querySelector(".main-head .head-btm-part").classList.remove("fixed");
// }
// });
// Search Box
const searchBtn = document.querySelector(".searchbutn");
const searchBox = document.querySelector(".searchboxwrap");
const closeBtn = document.querySelector(".srchclsicon");
// Open Search Box
if (searchBtn && searchBox) {
searchBtn.addEventListener("click", function (e) {
e.preventDefault();
searchBox.classList.add("active");
});
}
// Close Search Box
if (closeBtn && searchBox) {
closeBtn.addEventListener("click", function (e) {
e.preventDefault();
searchBox.classList.remove("active");
});
}
});
style.css
/* body,
html {
overflow-x: hidden;
} */
/* body,html{
width: 100%;
} */
@font-face {
font-family: 'vw_headregular';
src: url('fonts/vwhead-regular-webfont.eot');
src: url('fonts/vwhead-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/vwhead-regular-webfont.woff2') format('woff2'),
url('fonts/vwhead-regular-webfont.woff') format('woff'),
url('fonts/vwhead-regular-webfont.ttf') format('truetype'),
url('fonts/vwhead-regular-webfont.svg#vw_headregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'vw_headlight';
src: url('fonts/vwhead-light-webfont.eot');
src: url('fonts/vwhead-light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/vwhead-light-webfont.woff2') format('woff2'),
url('fonts/vwhead-light-webfont.woff') format('woff'),
url('fonts/vwhead-light-webfont.ttf') format('truetype'),
url('fonts/vwhead-light-webfont.svg#vw_headlight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'vw_headextrabold';
src: url('fonts/vwhead-extrabold-webfont.eot');
src: url('fonts/vwhead-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/vwhead-extrabold-webfont.woff2') format('woff2'),
url('fonts/vwhead-extrabold-webfont.woff') format('woff'),
url('fonts/vwhead-extrabold-webfont.ttf') format('truetype'),
url('fonts/vwhead-extrabold-webfont.svg#vw_headextrabold') format('svg');
font-weight: normal;
font-style: normal;
}
body {
margin: 0;
padding: 0;
font-family:var(--vw-head-light);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100%;
font-weight: normal;
font-style: normal;
color: var(--body-color);
font-size: 14px;
line-height: 1.5;
background-color: #fff;
}
:root {
scroll-behavior: inherit;
--black-color:#000000;
--white-color:#ffffff;
--primary-color:#001E50;
--body-color:#11192E;
--light-bodycolor:#666666;
--vwhead-reguler:'vw_headregular';
--vw-head-light:'vw_headlight';
--vw-head-extrabld:'vw_headextrabold';
--graycolor-light:#F0F0F0;
--stroke-color:#D6D6D6;
}
b,
strong {
font-weight: 700;
}
p {
margin: 0 0 22px 0;
}
p:last-child {
margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 20px 0;
padding: 0;
color: #000;
font-weight: 700;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
margin-bottom: 0;
}
h1, .h1-title{
font-weight: 400;
font-size: 48px;
line-height: 1.2;
font-family: var(--vw-head-extrabld);
color: var(--primary-color);
}
h2 , .h2-title{
font-weight: 400;
font-size: 38px;
line-height: 1.2;
font-family: var(--vw-head-extrabld);
color: var(--primary-color);
}
h3 , .h3-title {
font-weight: 400;
font-size: 18px;
line-height: 1.2;
font-family: var(--vw-head-extrabld);
}
h4 , .h4-title {
font-size: 24px;
line-height: 1.2;
}
h5 , .h5-title {
font-size: 20px;
line-height: 1.2;
}
a {
margin: 0;
padding: 0;
text-decoration: none !important;
outline: none !important;
color: #ecb61e;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:hover {
color: red;
}
img {
max-width: 100%;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"], input[type="search"],
select {
background-color:var(--white-color);
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 2px;
color: #000;
border: 1px solid var(--stroke-color);
height: 37px;
padding: 0 13px;
outline: none !important;
color: var(--body-color);
font-size: 13px;
}
textarea {
background-color: var(--white-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 2px;
border: 1px solid var(--stroke-color);
padding: 12px 16px;
width: 100%;
color: var(--body-color);
height: 158px;
font-size: 13px;
outline: none !important;
}
select {
border: 1px solid var(--stroke-color);
width: 100%;
padding: 0 11px;
background: url(images/formarw.svg) no-repeat calc(100% - 16px) center var(--white-color);
background-size: 8px;
padding-right: 40px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
select::-ms-expand {
display: none;
}
input[type="submit"] {
background-color: var(--primary-color);
background-image: url(images/whtarw.svg);
background-position: calc(50% - (-50px)) center;
background-size: 10px;
background-repeat: no-repeat;
color: var(--white-color);
height: 43px;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 2px;
padding-left: 30px;
padding-right: 30px;
width: 100%;
cursor: pointer;
font-size: 13px;
font-family: var(--vw-head-extrabld);
outline: none !important;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
input[type="submit"]:hover {
background-color: var(--body-color);
color: var(--white-color);
}
::-webkit-input-placeholder {
opacity: 1;
color: var(--light-bodycolor);
}
:-ms-input-placeholder {
opacity:1;
color: var(--light-bodycolor);
}
::-moz-placeholder {
opacity: 1;
color: var(--light-bodycolor);
}
:-moz-placeholder {
opacity: 1;
color: var(--light-bodycolor);
}
/* images alignment for wordpress content pages */
.alignright {
float: right;
margin: 0 0 20px 20px;
}
.alignleft {
float: left;
margin: 0 20px 20px 0;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
float: none;
clear: both;
}
/* custom checkbox */
.form_input_check label {
position: relative;
margin: 0;
padding-left: 40px;
display: inline-block;
}
.form_input_check label span {
margin: 0;
padding: 0;
}
.form_input_check label input[type="checkbox"] {
visibility: hidden;
display: none;
}
.form_input_check label input[type="checkbox"]+span::before {
content: '';
position: absolute;
left: 0;
top: 0px;
width: 22px;
height: 22px;
border: 1px solid #3E3E42;
background: transparent;
}
.form_input_check label input[type="checkbox"]+span::after {
content: '';
position: absolute;
left: 0;
top: 0px;
width: 22px;
height: 22px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
background: url(images/tick.svg) no-repeat center center;
background-size: 15px;
}
.form_input_check label input[type="checkbox"]:not(:checked)+span::after {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
/* .form_input_check input[type="checkbox"]:checked + span::before {
} */
.form_input_check label input[type="checkbox"]:checked+span:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
/* custom radio */
.form_input_radio label {
position: relative;
margin: 0;
padding-left: 30px;
display: inline-block;
}
.form_input_radio label span {
margin: 0;
padding: 0;
}
.form_input_radio label input[type="radio"] {
visibility: hidden;
display: none;
}
.form_input_radio label input[type="radio"]+span::before {
content: '';
position: absolute;
left: 0;
top: 1px;
width: 22px;
height: 22px;
border: 2px solid #000000;
border-radius: 100%;
background: #fff;
}
.form_input_radio label input[type="radio"]+span::after {
content: '';
width: 12px;
height: 12px;
background: #4b0049;
position: absolute;
top: 6px;
left: 5px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.form_input_radio label input[type="radio"]:not(:checked)+span::after {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
/* .form_input_radio input[type="radio"]:checked + span::before {
} */
.form_input_radio label input[type="radio"]:checked+span:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
/* custom radio end */
/* back to top */
#scroll {
position:fixed;
right:20px;
bottom:20px;
cursor:pointer;
width:55px;
height:55px;
background-color:#bdd653;
display:none;
border-radius:100%;
line-height: 68px;
text-align: center;
cursor: pointer;
display: inline-block;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
z-index: 9;
}
#scroll:hover{
background: #88a725;
}
#scroll i{
color: #fff;
font-size: 44px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
#scroll:hover i{
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
}
/* navbar*/
.navbar-brand {
padding: 0;
margin: 0;
width: 206px;
display: inline-block;
}
.navbar {
background: none;
margin: 0;
padding: 0;
min-height: inherit;
height: inherit;
border: none;
border-radius: 0;
}
.navbar-nav li {
position: relative;
list-style: none;
}
.navbar-nav>li {
/* margin: 0 12px; */
margin: 0 3px;
padding: 0 0;
position: relative;
}
.navbar-nav>li:last-child {
margin-right: 0;
}
.navbar-nav>li:first-child {
margin-left: 0;
}
.navbar-nav>li>a {
color: var(--primary-color);
font-size: 13px;
line-height: 1.2;
position: relative;
font-weight: normal;
font-family: var(--vwhead-reguler);
padding: 31.5px 10px;
display: inline-block;
}
/* .navbar-nav>li>a:after {
content: '';
display: block;
width: 0;
height: 2px;
background: #3B61DC;
opacity: 0;
position: absolute;
bottom: -10px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} */
.navbar-nav>li.current-menu-item>a,
.navbar-nav>li>a:hover,
.navbar-nav>li.menu-item-has-children:hover>a {
background-color: var(--primary-color);
color: var(--white-color);
}
.navbar-nav>li.current-menu-item>a img,
.navbar-nav>li>a:hover img
{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
/* .navbar-nav>li.current-menu-item>a:after,
.navbar-nav>li>a:hover:after,
.navbar-nav>li.menu-item-has-children:hover>a:after {
width: 100%;
} */
/* navbar submenu*/
.sub-menu {
background: #fff;
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0;
width: 140px;
padding: 0;
}
.sub-menu>li>a {
color: #000;
display: block;
width: 100%;
padding: 6px 10px;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
}
.sub-menu>li {
width: 100%;
display: block;
}
.sub-menu>li>a:hover,
.sub-menu>li.menu-item-has-children:hover>a,
.sub-menu>li.current-menu-item>a {
background: #eab71e;
color: #fff;
}
.navbar-nav>li:last-child>.sub-menu {
right: 0;
left: inherit;
padding: 0;
}
/* 2nd level submenu */
.navbar-nav>li>.sub-menu .sub-menu {
position: absolute;
left: 100%;
top: 0;
}
/* for push-menu */
.navbar-collapse .navbar-toggler{
display: none;
}
#navoverlay{
display: block;
pointer-events: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: transparent;
margin: 0;
padding: 0;
z-index: 99;
-webkit-transition: background-color 0.5s linear;
transition: background-color 0.5s linear;
}
/* for push-menu end*/
.head-top-art{
background-color: #EBEBEB;
padding: 13px 0 0 0;
}
.main-head .head-btm-part{
padding: 0 0;
border-bottom: 1px solid rgba(17, 25, 46, 0.10);
position: relative;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
/* .main-head .head-btm-part.fixed{
position: fixed;
top: 0;
left: 0;
background-color: var(--white-color);
z-index: 9;
width: 100%;
} */
.tphd-src-contctprt ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0;
padding-left: 0;
}
.tphd-src-contctprt ul li{
list-style: none;
}
.tphd-src-contctprt ul li a{
padding: 9px 16px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 12px;
color: var(--primary-color);
font-family: var(--vwhead-reguler);
border-right: 1px solid #D8D8D8;
}
.tphd-src-contctprt ul li a:hover{
background-color: var(--primary-color);
color: var(--white-color);
}
.tphd-src-contctprt ul li a:hover img{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.tphd-src-contctprt ul li:last-child a{
border-right: 0;
}
.tphd-src-contctprt ul li a img{
max-width: 14px;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 8px;
}
.head-top-ln-wrp{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.head-top-locateprt ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0;
padding-left: 0;
}
.head-top-locateprt ul li{
list-style: none;
margin-left: 10px;
}
.head-top-locateprt ul li, .head-top-locateprt ul li{
color: var(--primary-color);
font-size: 14px;
font-family: var(--vw-head-light);
}
.head-top-locateprt ul li a{
color: var(--primary-color);
}
.head-top-locateprt ul li a:hover{
color: var(--light-bodycolor);
}
.language-menu{
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--white-color);
padding: 6px 7px 6px 7px;
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 167px;
}
.goglricon{
width: 15px;
height: 15px;
margin-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.goglricon img{
max-width: 14px;
}
.language-menu select {
padding: 0 27px 0 0;
height: auto;
font-size: 14px;
color: var(--primary-color);
border: none;
font-family: var(--vw-head-light);
background: url(images/dropsownicon.svg) no-repeat calc(100% - 2px) center transparent;
background-size: 10px;
}
.selctdividr{
width: 1px;
height: 14px;
background-color: #dadce0;
margin: 0 6px 0 2px;
position: absolute;
right: 22px;
}
/*cmncss*/
.customcontainer{
width: 100%;
max-width: 100%;
padding: 0 12px;
margin: 0 auto;
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
}
.cmn-gap{
padding: 100px 0;
}
.row{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.customcol {
padding: 0 12px;
}
.customrw{
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -12px;
}
.cmn-btn-two{
font-family: var(--vw-head-extrabld);
font-size: 14px;
color: var(--primary-color);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-transition: 0.5s;
transition: 0.5s;
line-height: 1.1;
}
.cmn-btn-two img{
max-width: 8px;
width: 100%;
margin-left: 6px;
position: relative;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.cmn-btn-two:hover{
opacity: 0.7;
color: var(--primary-color);
}
.cmn-btn-two:hover img{
transform: translateX(5px);
}
.cmn-head{
margin-bottom: 24px;
}
.cmn-btn-thre{
color: var(--primary-color);
font-family: var(--vw-head-extrabld);
font-size: 16px;
text-transform: capitalize;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.cmn-btn-thre img{
max-width: 9px;
width: 100%;
margin-left: 6px;
position: relative;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.cmn-btn-thre:hover{
opacity: 0.7;
color: var(--primary-color);
}
.cmn-btn-thre:hover img{
transform: translateX(5px);
}
/*cmncss*/
/*banner*/
.bnrlftcol{
width: 58%;
}
.bnrrhtcol{
width: 42%;
}
.bannersec{
padding: 48px 0 38px 0;
}
.bnrhdngpart{
max-width: 666px;
width: 100%;
}
.bnrlftwrp{
font-size: 18px;
font-weight: var(--vw-head-light);
}
.bnrlstprt {
margin-bottom: 28px;
margin-top: 24px;
}
.bnrlstprt ul{
padding-left: 0;
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.bnrlstprt li{
list-style: none;
margin-right: 20px;
color: var(--primary-color);
}
.bnrhdngpart h1{
margin-bottom: 13px;
}
.bnrlst-cont{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bnrsubhd{
font-size: 22px;
font-family: var(--vw-head-extrabld);
color: var(--primary-color);
margin-bottom: 10px;
}
.bnrlstprt li:last-child{
margin-right: 0;
}
.bnrlstprt li i{
width: 14px;
height: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 6px;
}
.bnrlstprt li i img{
max-width: 14px;
width: 100%;
}
.banrimgbx{
width: 100%;
min-height: 283px;
position: relative;
}
.banrimgbx img{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.bnrfrmrow{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -4px -11px -4px;
}
.bnrfrmcol-12{
width: 100%;
}
.bnrfrmcol-6{
width: 50%;
}
.bnrfrmcol{
padding: 0 4px 11px 4px ;
}
.formtxt{
text-align: center;
margin: 16px auto 0 auto;
color: var(--body-color);
font-family: var(--vw-head-extrabld);
font-size: 11px;
max-width: 262px;
}
.bnrformbx form label{
font-size: 11px;
font-family: var(--vw-head-light);
color:var(--light-bodycolor);
}
.bnrformbx{
background-color: var(--graycolor-light);
border-radius: 4px;
padding: 20px 20px 35px 20px;
}
.bnrformhd{
font-size: 11px;
max-width: 100%;
width: 100%;
margin-bottom: 15px;
display:flex;
flex-wrap: wrap;
}
.bnrformhd-rgt {
width: 40%;
text-align: right;
}
.bnrformhd-lft {
width: 60%;
}
.bnrformhd-rgt a {
font-size: 16px;
font-weight: 700;
color: var(--primary-color);
}
.bnrformhd-rgt a:hover {
opacity: 0.7;
}
.bnrformhdhtwo{
font-size: 15px;
color: #001E50;
margin-bottom: 4px;
}
/*feature css*/
.featurecol{
width: auto;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
-ms-flex-positive:1;
flex-grow:1;
padding: 0 0;
}
.featuresec-outr.cmn-gap{
padding-top: 0;
}
.featuresec{
border-top: 1px solid rgba(17, 25, 46, 0.14);
border-bottom: 1px solid rgba(17, 25, 46, 0.14);
}
.featurecard{
text-align: center;
color: var(--light-bodycolor);
font-size: 14px;
font-family: var(--vw-head-light);
padding: 30px 26px;
}
.featurecard p{
margin-bottom: 0;
max-width: 180px;
margin: 0 auto;
}
.featureicon{
width: 64px;
height: 64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto 10px auto;
}
.fturehd{
font-family: var(--vw-head-extrabld);
margin-bottom: 10px;
color: var(--primary-color);
text-transform: capitalize;
}
.featurecard .cmn-btn-two{
margin-top:10px;
}
.featurecol{
border-right: 1px solid rgba(17, 25, 46, 0.14);
}
.featurecol:first-child .featurecard {
padding-left:0;
}
.featurecol:last-child{
border-right: 0;
}
.featurecol:last-child .featurecard {
padding-right: 0;
}
.cutmcol-four{
width: 33.33%;
}
/*feature css*/
/*whybuy*/
.whybuysection{
background-color: var(--primary-color);
overflow: hidden;
}
.whth2{
color: var(--white-color);
}
.whybuy-lftcol {
width: 50%;
}
.whybuy-rgtcol{
width: 50%;
padding: 0;
}
.whybuycontentbx{
color: var(--white-color);
padding-right: 15px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.whybuycontent-para{
font-size: 18px;
max-width: 615px;
}
.whybuycont-flxtbx{
margin-top: 24px;
}
.whybuycont-flxtbx ul{
padding-left: 0;
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px -30px -10px;
}
.whybuycont-flxtbx ul li{
list-style: none;
width: 50%;
color: var(--white-color);
padding: 0 10px 30px 10px;
}
.whybuysubhd{
color: var(--white-color);
margin-bottom: 5px;
}
.whybuycontlsticon{
width: 28px;
height: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 8px;
}
.whybuyimgbx{
width: 100%;
height: 100%;
}
.whybuyimgbx img{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.whybuy-container{
width: calc(100% - (50% - (1194px / 2)));
padding-left: 12px;
padding-right: 0;
margin-left: auto;
}
/*whybuy*/
/*explore vehicle*/
.cmn-head-flex{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 27px;
}
.cmn-head-flex .cmn-head{
margin-bottom: 0;
max-width: 637px;
}
.cmn-headbtnprt{
margin-left: auto;
}
.custmcol-two{
width: 20%;
}
.explorelistpart .customcol{
padding: 0 7.5px;
}
.exp-veh-imgbx{
width: 100%;
height: 132px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 8px;
}
.exp-veh-imgbx img{
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.explorerow{
margin: 0 -7.5px;
}
.explorelistpart .whybuysubhd{
color: var(--primary-color);
font-size: 16px;
margin-bottom: 9px;
}
.explorecard{
font-size: 16px;
color: var(--light-bodycolor);
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.explorecard .cmn-btn-two{
margin-top: auto;
}
.explorecard p{
margin-bottom: 9px;
}
/*explore vehicle*/
/*offer section*/
.ofersection.cmn-gap{
padding-top: 0;
}
.ofercard{
border: 1px solid rgba(17, 25, 46, 0.1);
border-radius: 2px;
padding: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--light-bodycolor);
}
.ofercard p{
margin-bottom: 6px;
}
.oferimgbx{
width: 96px;
height: 80px;
}
.oferimgbx img{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.ofercontbx {
width: calc(100% - 96px);
padding-left: 12px;
}
.offrsubhd{
color: var(--primary-color);
font-size: 16px;
margin-bottom: 6px;
text-transform: capitalize;
}
.ofercontbx{
font-size: 11px;
}
.cmn-head-flex .whybuycontent-para{
max-width: 100%;
}
.oferrow{
margin: 0 -8px -16px -8px;
}
.oferrow .cutmcol-four{
padding: 0 8px 16px 8px ;
}
/*customer say*/
.customersay-row{
margin: 0 -8px -16px -8px;
}
.customersay-row .cutmcol-four{
padding: 0 8px 16px 8px ;
}
.customerimgbx{
width: 50px;
height: 50px;
}
.customerimgbx img{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.customercard{
border: 1px solid rgba(17, 25, 46, 0.1);
border-radius: 2px;
padding: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.customer-saysec.cmn-gap{
padding-top: 0;
}
.customer-contntbx{
width: calc(100% - 50px);
padding-left: 12px;
}
.customer-rvw {
margin-bottom: 7px;
}
.customer-rvw ul{
margin-bottom: 0;
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.customer-rvw ul li{
list-style: none;
margin-right: 2px;
}
.customer-rvw ul li img{
max-width: 11px;
width: 100%;
}
.csutomrpara{
max-width: 240px;
margin-bottom: 8px;
}
.custmername{
font-size: 14px;
color: var(--primary-color);
font-family: var(--vw-head-extrabld);
}
/*footer*/
.footersec{
padding: 60px 0;
border-top: 1px solid #E8E8EB;
}
.fotrrow{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ftrlogobx a{
max-width: 102px;
width: 100%;
margin-right: 14px;
}
.ftrlogobx{
-ms-flex-negative: 0;
flex-shrink: 0;
}
.ftr-contct{
font-size: 12px;
font-family: var(--primary-color);
color: var(--primary-color)
}
.ftr-contct p a{
color: var(--primary-color);
text-decoration: underline !important;
text-underline-offset: 2px;
}
.ftr-contct p a:hover{
opacity: 0.6;
}
.fixedbutn-div{
position:fixed;
bottom: 60px;
right: 50px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.shpcardbutn{
background-color: var(--white-color);
-webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
border-radius: 30px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
font-family: var(--vw-head-light);
color: var(--primary-color);
padding: 10px 21px;
}
.shpcardbutn:hover{
background-color: var(--primary-color);
color: var(--white-color);
}
.shpcardbutn:hover img{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.shpcardbutn img{
margin-right: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 20px;
}
.chatbutn{
width: 62px;
height: 62px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--primary-color);
border-radius: 100%;
margin-left: 10px;
}
.chatbutn:hover{
background-color: var(--body-color);
}
.searchboxwrap{
padding: 15px 40px 15px 30px ;
background-color: var(--white-color);
position: absolute;
width: 100%;
left: 0;
top: auto;
z-index: 9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.2);
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: opacity 0.4s ease, visibility 0.4s ease, -webkit-transform 0.4s ease;
transition: opacity 0.4s ease, visibility 0.4s ease, -webkit-transform 0.4s ease;
transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease, -webkit-transform 0.4s ease;
pointer-events: none;
}
.srchsubmitbutn{
background-color: var(--primary-color);
padding: 6px 15px;
color: var(--white-color);
border: none;
width: 100%;
max-width: 120px;
max-height: 37px;
margin-left: 15px;
border: 1px solid var(--primary-color);
transition: 0.5s;
}
.srchsubmitbutn:hover{
background-color:var(--white-color);
color: var(--primary-color);
}
.searchboxwrap input[type="text"],
.searchboxwrap input[type="search"]{
background-image: url(images/searchicon.svg);
background-position: 14px center;
background-repeat: no-repeat;
padding-left: 35px;
width: calc(100% - 183px);
}
.srchclsicon{
width:auto;
max-height: 37px;
/* height: 18px; */
position: static;
right: 10px;
top: 10px;
border: 1px solid var(--stroke-color);
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 8px 12px;
border-radius: 3px;
background-color: transparent;
margin-left: 5px;
min-width: 58px;
}
.srchclsicon img{
max-width: 12px;
width: 100%;
display: none;
}
.searchboxwrap.active {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
pointer-events: auto;
}
/* ========== responsive css =========== */
@media(min-width:576px) {
.customcontainer{
max-width: 540px;
}
}
@media(min-width:768px) {
.customcontainer{
max-width: 720px;
}
}
@media(min-width:992px) {
.customcontainer{
max-width: 960px;
}
}
@media(min-width:1025px) {
/* navbar*/
.navbar-nav .clickD {
display: none;
}
.navbar-nav li.menu-item-has-children:hover>.sub-menu {
display: block;
}
}
@media(min-width:1200px) {
.customcontainer{
max-width: 1194px;
}
}
@media(max-width:1279px) {
.cmn-gap{
padding: 80px 0;
}
}
@media(max-width:1199px) {
h1, .h1-title{
font-size: 42px;
}
h2, .h2-title{
font-size: 33px;
}
.cmn-gap{
padding: 70px 0;
}
.featurecard{
padding: 20px 10px;
}
.fturehd{
font-size: 17px;
}
.explorecard p br{
display: none;
}
.cmn-head-flex{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cmn-head-flex .cmn-head{
max-width: 100%;
width: 100%;
}
.cmn-headbtnprt{
margin-left: 0;
margin-top: 15px;
}
.explorerow{
margin-bottom: -14px;
}
.explorerow .custmcol-two{
width: 33.33%;
padding-bottom: 14px;
}
.whybuy-container{
width: calc(100% - (50% - (960px / 2)));
}
.bnrlftwrp{
font-size: 16px;
}
.whybuycontent-para{
font-size: 16px;
}
.fixedbutn-div{
bottom: 50px;
right: 40px;
}
.navbar-brand{
width: 196px;
}
.navbar-nav>li>a{
font-size: 12px;
padding: 20px 6px;
}
.navbar-nav>li{
margin: 0 2px;
}
.banrimgbx{
min-height: 238px;
}
}
@media(max-width:1024px) {
/* navbar*/
.navbar-nav .clickD {
position: absolute;
right: 0;
top: 17px;
width: 20px;
height: 20px;
background: url(images/sort-down.svg) center center no-repeat;
display: block;
background-size: 10px;
cursor: pointer;
}
.navbar-nav .clickD.toggled{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sub-menu > li.menu-item-has-children .clickD{
top: 8px;
right: 5px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.sub-menu > li.menu-item-has-children .clickD.toggled{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.navbar-nav >li.menu-item-has-children {
padding-right: 20px;
}
.sub-menu >li.menu-item-has-children > a{
padding-right: 20px;
}
.sub-menu.show {
display: block;
}
/* .navbar-nav > li{
padding-top: 15px;
padding-bottom: 15px;
} */
.navbar-nav>li.current-menu-item>a:after,
.navbar-nav>li>a:after,
.navbar-nav>li.menu-item-has-children>a:after{
width: 100%;
opacity: 0;
}
.navbar-nav>li.current-menu-item>a:after,
.navbar-nav>li>a:hover:after,
.navbar-nav>li.menu-item-has-children:hover>a:after {
width: 100%;
opacity: 1;
}
/* navbar end*/
}
@media (max-width: 991px) {
/* navbar*/
.navbar-toggler {
position: relative;
width: 33px;
margin-left: auto;
height: 28px;
padding: 0;
outline: none !important;
border: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.stick,
.stick:after,
.stick:before {
width: 30px;
height: 2px;
background: #000;
position: absolute;
left: 0;
top: auto;
-webkit-transition: all 0.6s;
transition: all 0.6s;
border-radius: 5px;
}
.stick:before {
content: '';
top: -10px;
left: 0;
}
.stick:after {
content: '';
top: 10px;
left: 0;
}
.stick.open {
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
background: transparent;
}
.stick.open:before {
-webkit-transform: rotate(45deg) translate(42px, -28px);
-ms-transform: rotate(45deg) translate(42px, -28px);
transform: rotate(45deg) translate(42px, -28px);
left: 2px;
}
.stick.open:after {
-webkit-transform: rotate(-45deg) translate(42px, 28px);
-ms-transform: rotate(-45deg) translate(42px, 28px);
transform: rotate(-45deg) translate(42px, 28px);
left: 2px;
}
.navbar-nav .clickD {
top: 8px;
right: 10px;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.navbar-nav .clickD.toggled{
-webkit-transform: rotate(180deg) ;
-ms-transform: rotate(180deg) ;
transform: rotate(180deg) ;
}
.sub-menu > li.menu-item-has-children .clickD{
top: 8px;
right: 10px;
-webkit-transform: rotate(0) ;
-ms-transform: rotate(0);
transform: rotate(0) }
.sub-menu,
.navbar-nav>li>.sub-menu .sub-menu {
position: relative;
width: 100%;
left: inherit;
top: inherit;
border: none;
right: inherit;
}
.navbar-nav>li.menu-item-has-children {
padding-right: 0;
}
.navbar-nav>li {
margin: 0;
padding: 0;
}
.navbar-nav>li>a {
padding: 8px 20px;
display: inline-block;
width: 100%;
}
.navbar-nav li.menu-item-has-children > a{
padding-right: 30px;
} .sub-menu>li>a {
padding-left: 40px;
}
.sub-menu .sub-menu>li>a {
padding-left: 60px;
}
.sub-menu .sub-menu .sub-menu>li>a {
padding-left: 80px;
}
.navbar-nav>li>a:after{
bottom: 0;
}
/* navbar end*/
/* push nav */
.navbar-collapse{
background: #fff;
position: fixed;
top: 0;
height: 100% !important; width: 290px;
overflow-y: auto;
-webkit-transition: inherit !important;
transition: inherit !important;
right: 0;
margin: 0;
display: block !important;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: transform 0.2s ease-in-out !important;
-webkit-transition: -webkit-transform 0.2s ease-in-out !important;
transition: -webkit-transform 0.2s ease-in-out !important;
transition: transform 0.2s ease-in-out !important;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
z-index: 100;
}
.navbar-collapse.show,
.navbar-collapse.collapsing{
display: block !important;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: transform 0.2s ease-in-out !important;
-webkit-transition: -webkit-transform 0.2s ease-in-out !important;
transition: -webkit-transform 0.2s ease-in-out !important;
transition: transform 0.2s ease-in-out !important;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
}
.navbar-collapse .navbar-nav{
margin: 80px 0 0;
padding: 0 0 40px 0;
}
.navbar-collapse .navbar-toggler{
display: block;
right: 20px;
top: 20px;
position: absolute;
}
#navoverlay.open{
background-color: rgba(0,0,0,0.4);
pointer-events: all;
-webkit-transition: background-color 0.5s linear;
transition: background-color 0.5s linear;
}
body.open-nav,
html.open-nav{
height: 100%;
overflow: hidden;
}
/* push nav end */
h1, .h1-title{
font-size: 34px;
}
h2, .h2-title{
font-size: 28px;
}
h1, h2, h3, h4, h5, h6{
margin-bottom: 10px;
}
.cmn-gap{
padding: 60px 0;
}
.featurecol{
width: 33.33%;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border-bottom: 1px solid rgba(17, 25, 46, 0.14);
}
.featuresec .customrw {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.featurecol:first-child{
border-left: 1px solid rgba(17, 25, 46, 0.14);
}
.featurecol:last-child{
border-right: 1px solid rgba(17, 25, 46, 0.14);
} .featurecol:nth-last-child(2){
border-left: 1px solid rgba(17, 25, 46, 0.14);
} .oferrow .cutmcol-four{
width: 50%;
}
.customersay-row .cutmcol-four{
width: 50%;
}
.footersec{
padding: 30px 0;
}
.fotrrow{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ftr-contct{
text-align: center;
}
.ftrlogobx{
margin-bottom: 15px;
}
.bnrlftcol{
width: 100%;
}
.bnrrhtcol{
width: 100%;
margin-top: 15px;
}
.whybuy-container {
width: 100%;
max-width: 720px;
margin: auto;
padding-right: 12px;
}
.whybuysection .customrw{
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.whybuycontentbx.cmn-gap{
padding: 0;
margin-top: 30px;
}
.whybuysection{
padding: 60px 0;
}
.whybuy-lftcol, .whybuy-rgtcol{
width: 100%;
}
.whybuy-rgtcol{
padding: 0 12px;
}
.whybuycont-flxtbx ul li{
padding:0 10px 20px 10px;
}
.whybuycont-flxtbx ul{
margin: 0 -10px -20px -10px;
}
.cmn-head {
margin-bottom: 14px;
}
.bannersec{
padding: 40px 0;
}
.bnrsubhd{
font-size: 19px;
}
.bnrlstprt ul{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.chatbutn{
width: 50px;
height: 50px;
}
.bnrformhd{
width: 100%;
}
.shpcardbutn{
padding: 6px 11px;
}
.language-menu{
max-width: 167px;
}
.head-top-locateprt ul{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main-head .head-btm-part{
padding: 13px 0;
}
.searchboxwrap{
padding: 15px 15px 15px 15px;
}
.navbar-nav>li>a{
border-bottom: 1px solid var(--stroke-color);
font-size: 14px;
padding: 12px 14px;
}
.featurecol:first-child .featurecard{
padding-left: 12px;
}
}
@media (max-width: 767px) {
/* images alignment for wordpress content pages */
.alignright,
.alignleft,
.aligncenter {
float: none;
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
clear: both;
margin-bottom: 24px;
}
.featurecol{
width: 50%;
}
.featurecol:nth-child(n+1){
border-left: 1px solid rgba(17, 25, 46, 0.14);
}
.featurecard {
padding: 14px 10px;
}
h1, .h1-title{
font-size: 29px;
}
h2, .h2-title{
font-size: 24px;
}
.explorerow .custmcol-two{
width: 50%;
}
.ofercard{
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 10px;
}
.oferimgbx{
width: 60px;
height: 60px;
}
.ofercontbx {
width: calc(100% - 60px);
padding-left: 10px;
}
.customerimgbx {
width: 40px;
height: 40px;
}
.customer-contntbx {
width: calc(100% - 40px);
padding-left: 10px;
}
.footersec{
padding: 20px 0;
}
.cmn-gap {
padding: 50px 0;
}
.whybuysection{
padding: 50px 0;
}
.whybuy-container{
max-width: 540px;
}
.chatbutn{
width: 38px;
height: 38px;
}
.chatbutn img{
max-width: 20px;
width: 100%;
}
.head-top-ln-wrp{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.head-top-locateprt{
width: 100%;
}
.language-menu{
margin: 0 auto 10px auto;
}
.head-top-locateprt ul{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.tphd-src-contctprt ul{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.head-top-locateprt ul li:first-child{
margin-left: 0;
}
.tphd-src-contctprt ul li a{
padding: 6px 7px;
}
.bannersec{
padding: 30px 0;
}
.main-head .head-btm-part{
padding: 8px 0;
}
.bnrformbx{
padding: 20px 20px;
}
.csutomrpara{
max-width: 100%;
}
}
@media (max-width: 575px) {
.cmn-gap{
padding: 45px 0;
}
.oferrow .cutmcol-four , .customersay-row .cutmcol-four{
width: 100%;
}
.whybuysection{
padding: 45px 0;
}
.whybuy-container{
max-width: 100%;
}
h1, .h1-title {
font-size: 26px;
}
h2, .h2-title {
font-size: 22px;
}
.bnrlstprt li {
margin-right: 10px;
}
.bnrlstprt li:last-child{
margin-right: 0;
}
select{
background: url(images/formarw.svg) no-repeat calc(100% - 13px) center var(--white-color);
padding-right: 30px;
}
.bnrfrmcol-6{
width: 100%;
}
.srchsubmitbutn{
max-width: 60px;
margin-left: 10px;
padding: 6px 5px;
}
.searchboxwrap{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.searchboxwrap input[type="text"], .searchboxwrap input[type="search"]{
width: calc(100% - 90px);
}
.srchclsicon{
width: 25px;
height: 25px;
padding: 0;
min-width: auto;
}
.srchclsicon img{
display: block;
max-width: 14px;
width: 100%;
}
.srchclsicon span{
display: none;
}
.fixedbutn-div {
bottom: 125px;
right: 20px;
}
}
@media (max-width: 479px) {
.featurecol{
width: 100%;
}
.featurecol, .featurecol:nth-child(n+1), .featurecol:last-child, .featurecol:nth-child(n+1), .featurecol:nth-child(n+1){
border-right: 0;
border-left: 0;
}
.explorerow .custmcol-two{
width: 100%;
}
.featurecol:last-child{
border-bottom: 0;
}
input[type="submit"]{
padding: 0 20px;
}
.searchboxwrap{
padding: 10px;
}
.explorecard{
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.explorecard .cmn-btn-two{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.banrimgbx {
min-height: 208px;
}
.bnrformhd-lft {
width: 100%;
}
.bnrformhd-rgt {
width: 100%;
text-align: left;
margin-top: 5px;
}
}
@media (max-width: 375px) {
.whybuycont-flxtbx ul li{
width: 100%;
}
.banrimgbx {
min-height: 178px;
}
}
Search
Contact
Service
Saved
Wide Selection
Shop by Payment