@charset "utf-8";

/*
.main-content .main .res-1024-cols-12 .module-promos.img-right {
	float: left !important;
	width: 100% !important;
}
*/

@media (max-width: 479px) {

.light a.button-list, .light a.button-list-external,
.dark a.button-list, .dark a.button-list-external {
    width: 90%!important;
}

/*Page Title*/
.main-content>.dark,
.main-content>.light{
    border-bottom: none;
}

.dark .container.page-title-container .layout h1,
.light .container.page-title-container .layout h1{
	font-size:2.0rem;
}

.dark .container.page-title-container .layout,
.light .container.page-title-container .layout {
	padding: 1.4rem 0 1.4rem 0;
}

/*Promo*/
.layout.light .module-promos.img-feature-left h3,
.layout.light .module-promos.img-feature-right h3 {
    color: #000;
}

/*
	.main-content .main .res-1024-cols-12 .res-1024-cols-6.last-child .res-1024-cols-12 .module-copy {
		float: left;
	}

/* hero_promo
	.module-carousel .slides li .promo-block, .module-promos.img-bg .content, .module-promos.img-left .content {
		padding:1.2rem;
	}

	.module-carousel .slides li .promo-block .title, .module-promos.img-bg .content .title{
		font-size:1.8rem;
	}

	.module-carousel .slides li .promo-block .description, .module-promos.img-bg .content .description{
		padding-top:1rem;
	}
*/
	/* Mobile Text Center to Left */
	.module-copy p[style="text-align: center;"] {
	    text-align: left !important;
	}

	/* carlineup */
	#page_content {
		min-width: 320px !important;
	}

	#page_content #page_main {
	    margin: 0 !important;
	    padding: 0 10px !important;
	    width: 100% !important;
	}

	#page_content h1 {
		margin: 20px 0 0 0 !important;
		padding: 0 !important;
		color: #ccc !important;
		font-size: 2rem !important;
	}

	#page_content h2 {
		font-size: 2rem !important;
		font-weight: normal !important;
	}

	#page_content .tab_section ul li {
		height: 32px;
	}

	#page_content #category_section .car_list li {
		float: left;
		margin-left: 20px !important;
		width: 140px !important;
	}
	#page_content #category_section .car_list li:first-child {
		margin: 0 !important;
	}

	/* grade_equipment */
	.main-content .main .layout.dark .module-grades-and-specs .sub-module-equipment .helper-tabs-wrapper .tab-helper .layout .wide-4 .equipment-info p {
		color: #fff !important;
	}

	/* grade_k-car_equipment */
	.main-content .main .layout.light .module-grades-and-specs .sub-module-equipment .helper-tabs-wrapper .tab-helper .layout .wide-4 .equipment-info h3,
	.main-content .main .layout.light .module-grades-and-specs .sub-module-equipment .helper-tabs-wrapper .tab-helper .layout .wide-2 .equipment-info h3 {
    	color: #333 !important;
    }
}


@media (min-width: 480px) and (max-width: 767px) {
	/* top_promo */
	/*
	.main-content .main .res-1024-cols-12 .res-1024-cols-6.last-child .module-promos .content p.margin-top-0 {
		margin-bottom: 20px;
	}

	.main-content .main .res-1024-cols-12 .res-1024-cols-6.last-child .res-1024-cols-12 .module-copy {
		float: left;
	}
	*/

	/* carlineup */
	#page_content {
		min-width: 320px !important;
	}

	#page_content #page_main {
	    margin: 0 !important;
	    padding: 0 10px !important;
	    width: 100% !important;
	}

	#page_content h1 {
		margin: 20px 0 0 0 !important;
		padding: 0 !important;
		color: #ccc !important;
		font-size: 2rem !important;
	}

	#page_content h2 {
		font-size: 2rem !important;
		font-weight: normal !important;
	}

	#page_content #category_section .car_list li {
		float: left;
		margin-left: 24px;
	}

	/* grade_equipment */
	.main-content .main .layout.dark .module-grades-and-specs .sub-module-equipment .helper-tabs-wrapper .tab-helper .layout .wide-4 .equipment-info p {
		color: #fff !important;
	}

	/* grade_k-car_equipment */
	.main-content .main .layout.light .module-grades-and-specs .sub-module-equipment .helper-tabs-wrapper .tab-helper .layout .wide-4 .equipment-info h3,
	.main-content .main .layout.light .module-grades-and-specs .sub-module-equipment .helper-tabs-wrapper .tab-helper .layout .wide-2 .equipment-info h3 {
    	color: #333 !important;
    }

}

@media (max-width: 767px) {
  /*.main-content .main .layout {
    padding: 0 1.2rem 1.6rem 1.2rem;
  }

  [class*=res-1024-]:not(.no-collapse) {
    width: auto;
    margin: 0.6rem 1.2rem;
  }*/

  /*sub navigation*/
  .subhero .module-secondary-navigation .container {
    position: relative;
    display: block;
  }

  .subhero .module-secondary-navigation .dark .container h2.main-page-title,
  .subhero .module-secondary-navigation .light .container h2.main-page-title {
    position: absolute;
    top: 1.3rem;
    left: 5rem;
  }

  .subhero .module-secondary-navigation .dark .container nav,
  .subhero .module-secondary-navigation .light .container nav {
      float: left;
      width: 100% !important;
  }

  .module-secondary-navigation .dark nav>ul:not(.level-1) {
    border-right: 1px solid #000 !important;
  }

  .subhero .module-secondary-navigation .dark .container nav ul.current,
  .subhero .module-secondary-navigation .light .container nav ul.current {
    width: 5rem;
    border-radius: 0;
  }


  .module-secondary-navigation .layout.light nav ul.level-1,
  .module-secondary-navigation .layout.dark nav ul.level-1 {
    padding-left: 0;
  }

  .subhero .module-secondary-navigation nav ul.level-1 {
    width: 100%;
    height: 100%;
    padding-bottom: 1000rem;
    overflow: scroll;
  }

  .subhero .module-secondary-navigation .dark .container nav ul.level-1>li.has-children>a {
    background: #1b1b1b;
  }
  .subhero .module-secondary-navigation .dark .container nav ul.level-1>li.has-children.active>a {
    background: #000;
  }
  .subhero .module-secondary-navigation .dark .container nav ul.level-1>li.has-children>a:after {
    background-image: url("data:image/svg+xml;base64,ICAgPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIyIDIyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMiAyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+PHBvbHlnb24gZmlsbD0iIzAwODZkMyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHBvaW50cz0iMjIsMTAgMTIsMTAgMTIsMCAxMCwwIDEwLDEwIDAsMTAgMCwxMiAxMCwxMiAxMCwyMiAxMiwyMiAxMiwxMiAyMiwxMiIvPjwvZz48L2c+PC9zdmc+");
  }

  .subhero .module-secondary-navigation .dark .container nav ul.level-2>li.selected ul.level-3.active>li a {
    color: #bbb;
  }
  .subhero .module-secondary-navigation .dark .container nav ul.level-1>li.has-children.active>a,
  .subhero .module-secondary-navigation .dark .container nav ul.level-2>li.selected ul.level-3.active>li.current-section.selected a {
    color: #fff;
  }

  .subhero .module-secondary-navigation .light .container nav ul.level-1>li>a {
    background: #fff;
  }
  .light .module-secondary-navigation nav ul:not(.current) li:last-child,
  .module-secondary-navigation .light nav ul:not(.current) li:last-child {
    border-bottom: 1px solid #ddd;
  }
  .subhero .module-secondary-navigation .light .container nav ul.level-1>li.active>a {
    color: #000 !important;
    background: #ddd;
  }

  .subhero .module-secondary-navigation .layout.light .container nav ul.level-2:before {
    display: none;
  }

  .subhero .module-secondary-navigation .dark .container nav ul.level-1>li.has-children.active>a:after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4ODRhMTZiNS0xODUyLWIyNDAtODY1MC0zM2I0ZTQ3YjkyZGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0E1NENBODI4NUY4MTFFNjhFNUNDN0UzOUQwOTUxNTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0E1NENBODE4NUY4MTFFNjhFNUNDN0UzOUQwOTUxNTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpmMWUxMmNjMi1kYjAyLTU5NDQtODgyYi1kMTQyYTFkNDFmNmMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoxNTYzNTdjYi01M2UyLTExZTYtYmQ0OC1jY2VhYmU3MTkxZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5WmtYNAAAAJElEQVR42mL8//8/AzmAiYFMMBI0sgDxf7rbyDgaHVTWCBBgAEPdBB2sxlGMAAAAAElFTkSuQmCC") !important;
  }

  .subhero .module-secondary-navigation .dark .container nav ul.level-1>li.has-children ul.level-2.active>li a {
    color: #bbb;
  }
  .subhero .module-secondary-navigation .dark .container nav ul.level-1>li.has-children ul.level-2.active>li.current-section.selected a {
    color: #fff;
  }
  .subhero .module-secondary-navigation .dark .container nav ul.level-1>li.has-children ul.level-2.active>li {
    border-left: 2px solid #1b1b1b;
  }
  .subhero .module-secondary-navigation .dark .container nav ul.level-1>li.has-children ul.level-2.active>li:first-child {
    border-top: 2px solid #1b1b1b;
  }
  .subhero .module-secondary-navigation .dark .container nav ul.level-1>li.has-children ul.level-2.active>li:last-child {
    border-bottom: 2px solid #1b1b1b;
  }

  .subhero .module-secondary-navigation .light .container nav ul.level-1>li.selected.has-children.active>a,
  .subhero .module-secondary-navigation .layout.light nav ul.level-2 li.current-section.selected a {
    color: #000 !important;
  }

  .subhero .module-secondary-navigation .light .container nav ul.level-1>li.has-children ul.level-2.active>li {
    border-left: 2px solid #fff;
  }
  .subhero .module-secondary-navigation .light .container nav ul.level-1>li.has-children ul.level-2.active>li:first-child {
    border-top: 2px solid #fff;
  }
  .subhero .module-secondary-navigation .light .container nav ul.level-1>li.has-children ul.level-2.active>li:last-child {
    border-bottom: 2px solid #fff;
  }
  .subhero .module-secondary-navigation .light .container nav ul.level-1>li.has-children ul.level-2.active>li:first-child ul.level-3.active li:first-child {
    border: 0 !important;
  }

  /*hero*/
  .hero .module-promos.img-bg .image{
    background-size:185% auto;
  }

  /* Cars CategoryTop Text */
  h2.sp_txtLeft,p.sp_txtLeft {
    text-align: left !important;
  }
}

@media (max-width: 768px) {
	/* top_promo
	.main-content .main .res-1024-cols-12 .res-1024-cols-6.last-child .res-1024-cols-12 .module-copy {
		float: left;
	}
 	*/

	/* subhero
	.main-content .subhero .layout {
		padding-bottom: 0;
	}

	.main-content .subhero ul.level-1 li.selected a,
	.main-content .subhero ul.level-2 li.selected a {
		border-bottom: none;
	}
 	*/

	/* cars_main-ttl */
	.main-content .main .layout .module-copy h2,
	.main-content .main .layout.dark .module-copy h2,
	.main-content .main .layout.light .module-copy h2 {
		font-size: 2.0rem;
	}

	/* cars_grade-area */
	.layout .module-car-showcase .item {
		margin: 0 1.2rem 1.2rem 0;
		margin-left: 0;
	}

	/* consistent margin
	.main-content .main .layout {
	    padding: 0.6rem 0;
	}
 	*/
	.main-content .main .layout .module-copy p {
	/*	margin: 0 0 18px;*/
		margin: 0 0 0.7rem;
	}

	/* H2-H5 */
	/*	.main-content .main .layout .module-copy h2 {
		margin-bottom: 2.4rem;
	}
	.main-content .main .layout .module-copy h3 {
		margin-bottom: 1.8rem;
	}
	.main-content .main .layout .module-copy h2 {
		margin-bottom: 1.4rem;
	}
	*/

	/* carlineup */
	#page_content {
		min-width: 320px !important;
	}

	#page_content #page_main {
	    margin: 0 !important;
	    padding: 0 10px !important;
	    width: 100% !important;
	}

	#page_content h1 {
		color: #ccc !important;
		font-size: 2rem !important;
	}

	#page_content h2 {
		font-size: 2rem !important;
		font-weight: normal !important;
	}

	#page_content #category_section .car_list li {
		float: left;
		margin-left: 24px;
	}

	/* grade_equipment */
	.main-content .main .layout.dark .module-grades-and-specs .sub-module-equipment .helper-tabs-wrapper .tab-helper .layout .wide-4 .equipment-info p {
		color: #fff !important;
	}

	/* grade_k-car_equipment */
	.main-content .main .layout.light .module-grades-and-specs .sub-module-equipment .helper-tabs-wrapper .tab-helper .layout .wide-4 .equipment-info h3,
	.main-content .main .layout.light .module-grades-and-specs .sub-module-equipment .helper-tabs-wrapper .tab-helper .layout .wide-2 .equipment-info h3 {
    	color: #333 !important;
    }

}

/*
@media (min-width: 769px) {
/********* hero *********/
/*** hero_promo **
	.main-content .main .res-1024-cols-12 .res-1024-cols-6.last-child .res-1024-cols-12 .module-copy {
	float: none;
	}

}

*/

@media (max-width: 988px) {
	.module-promos .zoomzoom , .module-carousel .zoomzoom{
		top: -1.4rem;
		left: 0.6rem;
	}
}
