.page .content-wrapper .main-content .centered-wrapper.ce_rsce_tao_centered_wrapper_start.-background-color-2.overidecol {
	/*background-color: #434b4f !important;*/
}

.navbar-menu {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  /*border-bottom: 1px solid #ccc;*/
  background-color: #FFF;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}


.navbar-brand {
		/*border-right: 1px solid #FFFFFF;*/
    height: 72px;
    padding: 20px 32px;
    z-index:1;
    cursor:pointer;
}


.navbar-menu a.navbar-brand img {
	width:141px;
	cursor:pointer;
}

.navbar-quicksearch {
	display: block;
	float: left;
	/*max-width: 200px;
	min-width: 200px;*/
	padding-right: 10px;
	z-index:1;
}

/* #90: the brand-specific quick-search rules that used to sit here (#quicksearch,
   .navbar-quicksearch select#quicksearch.value-quicksearch and its option rule) have
   been removed. They were unscoped, so on any page that loaded this stylesheet they
   restyled EVERY manufacturer's quick search, not just this brand's - and being keyed
   on the #quicksearch ID they outranked the manufacturer header's own all-class rule,
   which is the intended control. All brands now share that standard Montserrat control.
   The .navbar-quicksearch container layout, the mobile display:none and the
   .navbar-header-{brand} responsive width tweaks are deliberately kept. */
/*  150 x 480  */
@media only screen and (min-width: 150px) and (max-width: 480px) and (orientation: portrait) {
	
	.navbar-brand {
    padding-left: 16px;
    padding-bottom: inherit;
    margin-right: 0;
    height: 33px;
    padding: 6px 12px;

	}
	
	.navbar-menu a.navbar-brand img {	width:101px;}
	
	/* #quicksearch kept visible on mobile (was display:none) */
	
	}

/* iphone 5/SE */
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) {
	.navbar-header-seat {display:none;}
	 h1.headline-hr.ce_rsce_tao_separator.-centered {font-size:1em;}
	}

@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {}

@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {}

/*  360 x 640  */
@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: portrait) {}

@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {}

@media only screen and (min-width: 360px) and (max-width: 740px) and (orientation: landscape) {}

@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: portrait) {
.headline-hr::before, .headline-hr::after { width: 91% !important; }
}

@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) {}

@media only screen and (min-width:414px) and (max-width: 736px) and (orientation: portrait) {}

@media only screen and (min-width: 360px) and (max-width: 740px) and (orientation: landscape) {}

@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: portrait) {}

/*  768 x 1024  */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {}

/*  1024px x 1366px   ipad pro */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {}

@media only screen and (min-width: 834px) and (max-width: 1112px) and (orientation: portrait) {}

@media only screen and (min-width: 834px) and (max-width: 1112px) and (orientation: landscape) {}	

/*  980 x 1280  */
@media only screen and (min-width: 980px) and (max-width: 1280px) and (orientation: portrait) {}
	
@media only screen and (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) {}
	
/*  1440 x 900  */
@media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation: portrait) {}
	
@media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation: landscape) {}
	
@media only screen and (min-width: 1366px) and (max-width: 1366px) {}

@media only screen and (min-width: 1200px) and (max-width: 1920px) and (orientation: portrait) {}

@media only screen and (min-width: 1200px) and (max-width: 1920px) and (orientation: landscape) {}

@media only screen and (min-width: 1920px)  {}

@media only screen and (min-width: 1366px)  {}

/* iPhone 5 & 5S in landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

/* iPhone 5 & 5S in portrait  */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}

/* iPhone 6 in landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

/* iPhone 6 in portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
 h1.headline-hr.ce_rsce_tao_separator.-centered {font-size:1em;}
	}

/* iPhone 6 Plus in landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}  
  
/* iPhone 6 Plus in portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {}

@media screen and (min-width:768px) and (max-width: 2560px) {}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 769px) and (max-width: 1024px) {}

@media screen and (min-width: 481px) and (max-width: 768px) {}

@media screen and (min-width: 321px) and (max-width: 480px) {}

@media screen  and (max-width: 320px) {}

@media only screen and (min-width: 150px) and (max-width: 480px) and (orientation: portrait) {}

@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {}

/* iPhone 5 & 5S in landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {}		

@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) {}

/* iPhone 6 in landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (min-width: 360px) and (max-width: 740px) and (orientation: landscape) {}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

@media only screen and (min-width: 900px) and (max-width: 1920px) and (orientation: landscape) {}

@media only screen and (min-width: 1280px) and (max-width: 2560px) and (orientation: portrait) {}

@media only screen and (min-width: 1280px) and (max-width: 2560px) and (orientation: landscape) {}

@media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation: landscape) {}

@media only screen and (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) {}

@media only screen and (min-width: 414px) and (max-width: 896px) and (orientation: landscape) {
	#reviews-widget {display:none;}
	}

@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
	#reviews-widget {display:none;}
	}

@media only screen and (min-width:414px) and (max-width: 736px) and (orientation: landscape) {}

@media screen and (max-width: 1000px) {}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1920px) {}

@media only screen and (min-width: 1080px) and (max-width: 1920px) and (orientation: landscape) {}

@media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation: landscape) {}

@media only screen and (min-width: 720px) and (max-width: 1280px) and (orientation: landscape) {}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {}

@media screen and (max-width: 1080px) and (orientation: portrait) {}

@media screen and (max-width: 767px)  {}




/* Mobile manufacturer-header layout (2026-06-18): match the standard (Kia) header - logo left + vertically centred, contained right-aligned Quick Search that shrinks gracefully on narrow phones. */
@media only screen and (max-width: 550px) {
	.navbar-header-byd .navbar-menu { padding: 10px 0 !important; align-items: center !important; }
	.navbar-header-byd .navbar-brand { display: flex !important; align-items: center !important; padding: 0 !important; height: auto !important; max-width: none !important; flex: 0 0 auto !important; }
	.navbar-header-byd .navbar-brand img { position: static !important; top: auto !important; padding: 0 !important; display: block !important; width: auto !important; height: auto !important; max-height: 28px !important; max-width: 120px !important; }
	.navbar-header-byd .navbar-quicksearch { flex: 0 1 210px !important; min-width: 0 !important; width: auto !important; padding-right: 0 !important; text-align: right !important; }
	.navbar-header-byd #quicksearch { min-width: 0 !important; width: 100% !important; }
}