
/* sizing changes */
.main-content section{
	max-width: 1920px;
}

.header-section {
	max-width: 1020px; /*max width of page set here*/
}

#header{ 
	margin-top: 20px;
	margin-bottom: 0px;
	height: 100px;
	padding-right:0;
}

section.main-video-section{
	max-width: 1440px; /*max width of page set here*/
	flex-direction: column;
}



.cadillac-module.main-video-section{
	background: black;
	padding-top: 20px;
}

.video-container{
	flex-basis: unset;
}

.tray-container{
	flex-basis: unset;
	height: 190px;
}

.tray-container.videos-tray{
	position: relative;
	overflow-x: unset;
	overflow-y: unset;
	justify-content: center;
}

.tray-container ul{
	padding-top: 20px;
	padding-bottom: 10px;
	flex-direction: row;
	max-width: 1200px;
	gap: 14px;
	justify-content: space-evenly;
}

.tray-container li{
	margin: 0;
	text-align: center;
	flex: 1;
	
	
}
.tray-container li .videoBtn{
	padding: 10px;
	padding-bottom: 0;
	cursor: pointer;
}
.tray-container li .activeVideoButton{
	background: #282828;
}

.activeVideoButton .t_1,
.tray-container .t_1{
	color: white;
	padding: 10px;
	text-align: center;
}

.thumbimg{
	filter: grayscale(1);
	background-color: #232323;
	box-shadow: none!important;
	display: flex;
	padding: 0;
	aspect-ratio: 3/1;
}

.tray-container .activeVideoButton .playarrow{
	background-image: none;
}

.tray-container .activeVideoButton .thumbimg{
	filter: grayscale(0);
}

.tray-container .playarrow{
	background-size: 20%;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4Ljc4MSAxMC4zNjE5QzE4Ljc4MSAxMi41OTQ4IDE3Ljg5NCAxNC43MzYyIDE2LjMxNTEgMTYuMzE1MUMxNC43MzYyIDE3Ljg5NCAxMi41OTQ4IDE4Ljc4MSAxMC4zNjE5IDE4Ljc4MUM4LjEyOTA2IDE4Ljc4MSA1Ljk4NzY0IDE3Ljg5NCA0LjQwODc2IDE2LjMxNTFDMi44Mjk4OCAxNC43MzYyIDEuOTQyODcgMTIuNTk0OCAxLjk0Mjg3IDEwLjM2MTlDMS45NDI4NyA4LjEyOTA2IDIuODI5ODggNS45ODc2NCA0LjQwODc2IDQuNDA4NzZDNS45ODc2NCAyLjgyOTg4IDguMTI5MDYgMS45NDI4NyAxMC4zNjE5IDEuOTQyODdDMTIuNTk0OCAxLjk0Mjg3IDE0LjczNjIgMi44Mjk4OCAxNi4zMTUxIDQuNDA4NzZDMTcuODk0IDUuOTg3NjQgMTguNzgxIDguMTI5MDYgMTguNzgxIDEwLjM2MTlaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMjI1ODUiLz4KPHBhdGggZD0iTTE0LjI0NzggMTAuMzYyTDguNDE5MTkgNi40NzYzMlYxNC4yNDc4TDE0LjI0NzggMTAuMzYyWiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjIyNTg1Ii8+Cjwvc3ZnPg==");
}

.videos-tray{
   display: flex;
   justify-content: center;
}

.pop-up-open{
	margin: 0;
}

section .section-header{
	margin: 0 auto;
	margin-top:  60px;
	margin-bottom:  40px;
}

.cadillac-module.footer-container{
	background: black;
	color: white;
}

.cadillac-footer{
	max-width: 1100px;
	margin: 0 auto;
	flex-direction: row;
	display: flex;
	justify-content: space-between;
	text-align: right;
	align-items: center;
	border-top: 1px solid #232323;
}

.footer-disclosure{
	color: #9CA3AF;
}

.redeemer-page{
	padding-bottom: 10px;
}
/* sizing changes */



body {
	background-color: white;
	color: black;
	font-family: "CadillacGothicRegular", sans-serif;
	font-display: swap;
}

a, a:link, a:visited{
	color: currentColor;
}

.pop-up-open{
	cursor: pointer;
}

.wrap{
	display: flex;
	background: white;
}

#header_bg, .footer-container{
	margin: 0 auto;
    width: 100%;
    overflow: hidden;
}

#header > .make{
	padding-left: 0;
	margin-left: 0;
	max-width: 386px;
}

.trade-content p.align-bottom > span,
.my-rewards .reward-content > p,
.service-hours >div,
.contact-address > div,
#logo > a, 
#contact_info > p > span,
#contact_info > p > a span,
.header-visit-us > a > span,
button.btn,
.offer-disclaimer,
.vehicles-stock > div > div > .body,
.reward-banner .rewards-disclaimer,
#save_offer_html,
#thankyou_html,
.offer-btn > h6
{
	font-family: "CadillacGothic-Regular", sans-serif !important;
	font-display: swap;
}

/*.service-hours h5, 
.contact-address h5,
.reward-content > h2,
.trade-content p.heading{
	font-family: "CadillacGothic-Medium", sans-serif !important;
}*/

#logo a{
	text-transform: uppercase;
	letter-spacing: 2px;
}
.navbar .navbar-expand-md > div, .navbar .navbar-expand-md .nav-link > span{
	text-transform: uppercase;
} 
a.app-btn,
#contact_info,
#logo a,
.navbar .navbar-expand-md > div, 
.navbar .navbar-expand-md .nav-link > span,
.service-hours > h5,
.contact-address > h5,
h2,
h3,
.section-header > a > h3,
a>span.t_1, .anchor-navbar,
.trade-content p.heading,
.reward-content p.heading,
.offer-section .section-header > a,
.stok-col .body h2{
	font-size: 18px;
}

.service-hours > div,
.contact-address > div,
.my-rewards .reward-content > p,
.stok-col .body p,
.trade-section .trade-content .align-bottom{
	font-size: 16px;
}

.dealer-ship-message p{
	font-size: 14px;
}

.model-videos-tray ul > li > a span{ 
	font-size: 1.375rem; /* 22px */ 
}

.ct-span {
	font-size: 1.375rem;
	cursor: pointer;
}

a.app-btn{
	max-width: none;
	text-shadow: 0px 1px 1px rgb(0 0 0 / 20%);
}
.header-visit-us:hover{
	opacity: .6;
}
.brand-img {
    text-align: center;
}
.brand-img .logo {
	display: block;
    margin: 20px auto;
	width: 100%;
	max-width: 280px;
}
section.footer-container, .footer-contents{
	margin-top:unset;
	padding-top:unset;
}

.footer-contents{
	margin: auto;
	max-width: calc(100% - 40px);
	padding-bottom: 150px;
}


.map-container{
	order: unset;
}

.anchor-navbar li.active:after{
	color: #F3C846;
}
.anchor-navbar .btn{
	max-width: 333px;
    min-width: 333px;
    height: 40px;
}

.footer-container .footer-contents .hour-contact-wrap {
    display: flex;
    padding-top: 50px;
    padding-bottom: 50px;
    flex-direction: row;
    justify-content: center;
    gap: 50px;
    margin: 0 auto;
    width: auto;
    max-width: 1100px;
    line-height: 1.2;
}

.footer-container .footer-contents .hour-contact-wrap .service-hours, 
.contact-address {
    font-weight: normal;
    text-transform: capitalize;
	width: 300px;
	line-height: 1.4;
}


.service-hours > h5,
.contact-address > h5{
	font-weight: normal;
	font-size: 24px;
	letter-spacing: 2px;
	font-family: 'CADILLACGOTHIC-REGULAR',sans-serif;
	font-display: swap;
}



.contact-address{
	/*padding-left: 26px;*/
}
.hours-text{
	padding: 5px 0;
}
.offer-section .section-header > a,
.vehicles-stock .section-header > a {
    font-weight: unset;
	text-transform: uppercase;
	letter-spacing: 2px;
    margin-bottom: 0;
    padding-bottom: 15px;
	border-bottom: 2px solid #F3C846;
}
.offer-banner .panel{
	padding: 0!important;
}


section.offer-section>div.section-header>a,
section.offer-section>div.section-header,
.offer-banner >.panel,
.offer-disclaimer,
.banner-wrap,
.anchor-navbar,
.trade-content .heading,
.trade-section .trade-content .align-bottom,
.reward-content > p,
.action-pop-up-container .fa-check,
.callus-phoneus>a,
.rewards-disclaimer,
.section-header h2,
.section-header h3,
a>span.t_1,
.offer-section div > a button.branded-btn
.rewards-disclaimer,

{
	/*color: hotpink;*/
}

.branded-btn.black{
	color: black;
	border-color: black;
	background: transparent;
	opacity: 1;
}

.branded-btn.black:hover{
	color: white;
	border-color: white;
	background: black;
	opacity: 1;
}


.close-offer-text h6,
.close-text h6,
.fba-row-label,
.fba-sub-text-pad,
.offer_title,
.rewards-box,
.ro-options-container,
a.app-btn:hover,
.vehicles-stock div > a button.branded-btn
{
	/*color: black;*/
}


.offer-section div > .branded-btn, 
.branded-btn.black,
.vehicles-stock div > a button.branded-btn{
	/*border: 2px solid white;*/
}
.offer-section div > div > button.branded-btn,
.trade-content button.branded-btn,
.reward-content button.branded-btn,
.vehicles-stock div > a button.branded-btn{
	/*background-color: white;*/
}

/*.offer-banner .panel,
.anchor-navbar,
.rewards-disclaimer,
.action-pop-up-container .offer-btn h6,
.banner-wrap{
	background-color: black;
}*/

.brand-url i,
.brand-url span,
div.footer-sales-phone > div > a
{
/*	color: black;
	text-decoration: underline;*/
}

#logo a, 
#contact_info,
#contact_info a,
a.app-btn,
.form-group>p,
.form-group>label,
.form-group>input,
div.thank-you-container h5,
div.thank-you-container div,
i.fa-angle-left,
.offer-section div > div > button.branded-btn,
.trade-content button.branded-btn,
.reward-content button.branded-btn
{
	/*color: black;*/
}
a.activeVideoButton .t_1,
.model-videos-tray li>.activeVideoButton,
.rewards-icon
{
	/*color: #F3C846;*/
}
.model-videos-tray li .activeVideoButton {
	/*border-color: #F3C846;*/
}
.banner-text{
	/*color:  #333;*/
}
.ro-right-sub-header,.form-group p:first-child{
	/*font-weight: bold;*/
}
#save_offer_html button{
	height: 35px;
}
.line-up-video .section-header{
	margin: 60px auto;
    justify-content: center;
}
.line-up-video .section-header > h2 > p{
	font-size: 25px;
	letter-spacing: 2px;
}

.trade-panel{
	column-gap: unset;
	background: unset;
	height: 347px;
}

.breakline{display: none;}
.trade-content,
.reward-content{
	padding: 50px 10px !important;
	align-items: center;
	justify-self: space-between;
}

.trade-content p.heading{
	letter-spacing: 3px;
}

.trade-content p.heading,
.trade-content p.align-bottom > span,
{
	display: inline-block;
	text-align: center;
}

.trade-content button.branded-btn,
.reward-content button.branded-btn{
	border: unset;
	width: 333px;
}
.trade-banner,
.reward-banner{
	padding: 0;
}
.trade-section .trade-content .align-bottom,
.reward-banner {
    display: flex;
    flex-direction: column;	
}
.reward-panel {
    display: flex;
    flex-direction: row;
}

.reward-panel .banner {
	flex-basis: 50%;
}

.reward-content {
    display: flex;
    flex-direction: column;
	align-items: center;
	text-align: center;
}

.reward-content h2 {
	color: #000;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 23px;
}

.reward-content > p {
	color: #000;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	padding: 0 40px;
	margin-bottom: 23px;
}

.reward-content .branded-btn.black {
	border: 2px solid #000;
	color: #000;
	width: 268px;
	background: transparent;
}

.trade-content .align-bottom {
	padding: 20px 0 40px 0 !important;
}

a.app-btn
{
	background-color: white;
	border: 2px solid black;
}
a.app-btn:hover{
	background-color: black;
	border: 2px solid black;
}

.branded-btn:hover,
.action-pop-up-container div.offer-btn:hover,
#fb_auth_html .fba-continue-button
{
	opacity: .6;
	cursor: pointer;
}
.navbar .btn:hover{
 	color: white;
}
.make-logo-img {
	width: 8vw;
}
.footer-service-container {
	border:  none;
}
.footer-dealer-container {
	text-decoration: underline;
}
.fba-wrap {
	width: 11%;
}
.footer-service-container {
	flex-basis: 0;
}
.make {
	min-width: unset;
}
.header-visit-us {
	order: 4;
	width: 268px;
	height: 40px;
	flex-grow: unset;
	flex-basis: unset;
}
.header-visit-us > a{    
	padding: 0;
	width: 268px;
    height: 40px;
}
#contact_info{
	text-align: right;
}
.row-wrapper {
    display: flex;
    column-gap: 20px;
    align-items: center;
}

.model-videos-tray ul {
	padding: 0 28px;
}
.model-videos-tray li {
	text-align: center;
	justify-content: space-around;
	width: unset;
	min-width: unset;
	flex-grow: unset;
}





.anchor-navbar .navbar-nav{ flex-wrap: wrap; }
.anchor-navbar .navbar-nav .nav-link,.anchor-navbar{ padding: 0 10px; }
.model-videos-tray{ text-transform: uppercase; }
#logo_table { padding: 0 10px;max-width: 333px; }
#contact_info p:nth-child(2) span{ text-decoration: underline; }
#contact_info_table{ max-width: none;flex-basis: auto; }


.dealer-ship-message{ text-transform: none; }

.model-videos-tray li a { padding: 10px 0; }

.model-videos-tray a span { max-width: unset; }

.contact-address > div > span{ display: block; }


.trade-panel{
	overflow: hidden;
}

.trade-banner .banner {
	flex-basis: 50%;
}

.trade-banner .trade-content {
	justify-content: center;
}

.trade-banner{ 
	background: transparent;

}
.trade-image{
	min-height: 350px;
	background-repeat: no-repeat;
	background-size: cover;
}


.trade-banner p.heading {
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
}

.trade-banner p.align-bottom {
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 23px;
}

button.branded-btn.inverted,
.trade-content button.branded-btn {
	color: #FFF;
	background: transparent;
	border: 2px solid #FFF;
}
/* my reward section style */
.my-reward-inner-section {
}
.my-reward-container {
}
.view-disclaimer > * {
}
.my-reward-container .button-group button {
	background: black;
	color: white;
}
/* my reward section style */


/* Inventory Card Color */
.stok-col{
	background: black;
	color: white;
	border-color: black;
}

.stok-col .branded-btn{
	background: white;
}
/* Inventory Card Color */

@media screen and (max-width: 1000px) {
	#header{
		margin: 0 auto;
    	align-items: center;
		width: 90vw;
		height: unset;
		padding: 20px 0;
	}
	.section-header{
		margin: 20px 10px;
	}
	.section-header h2, 
	.section-header h3{
		padding: 2px 10px;
	}
	.model-videos-tray ul > li > a span,
	section.offer-section div > a > span,
	.section-header h2, 
	.section-header h3{
		font-size: 1rem;  /* 16px */	
		text-align: center;	
	}
	.line-up-video .section-header > h2 > p{
		font-size: 1.125rem; /* 18px */ 
		text-align: center;
		padding-bottom: 1rem;
	}
	.offer-disclaimer,
	.rewards-disclaimer,
	#contact_info,
	.section-header,
	.offer-section .section-header > a,
	.footer-container .footer-contents .hour-contact-wrap {
		text-align: center;
	}
	.offer-section .section-header > h2, 
	.offer-section .section-header > a {
		width: 40vw;
		padding: 0;
	}
	.header-visit-us{
		flex-basis: unset;
		min-width: 268px;
	}
	.model-videos-tray ul{
		overflow: hidden;
		flex-wrap: wrap;
	}
	.model-videos-tray li{
		width: fit-content;
		text-transform: uppercase;
	}

	.footer-container .footer-contents .hour-contact-wrap{
		flex-direction: column;
		align-items: center;
		gap: 40px;
		padding-bottom: 40px;
		padding-top: 40px;
	}

	.ro-select-table-cell,
	.action-pop-up-container .offer-btn h6,
	.ro-send-table,
	.anchor-navbar .branded-btn,
	.video-popup-cta .btn
	{
		background: black;
		border: 2px solid white;
		color: white;
		cursor: pointer;
		padding: 5px;
	}


	.ro-select-table,
	.ro-send-table{
		text-transform: uppercase;
	}

	.ro-select-table-cell:hover,
	.ro-send-table-cell:hover,
	.ro-send-table:hover,
	.anchor-navbar .branded-btn:hover {
		opacity: 0.6;
		cursor: pointer;
	}
	
	section.offer-section .section-header{ 
		flex-direction: row; 
	}

	.banner-wrap { border: 1px solid white; }
	.all-inventory-link { display: none; }
	.row.redeemer-page{ justify-content: center; }
	
	.trade-banner,.reward-banner{ padding: 0; }
	
	.trade-panel{ row-gap: unset; }
	#contact_info{ padding-bottom: 40px; }
	#logo_table { max-width: 260px; }	
	.line-up-video .section-header,
	.my-rewards .section-header{margin: 10px auto;}
	.make-logo-img{ width: 17.7vw; }
	.offer-section .section-header{ justify-content: space-between;align-items: center; }
	.reward-panel{ flex-direction: column-reverse; }
	.row-wrapper{ flex-direction: column; }
	#contact_info_table{ flex-basis: unset; }
	.font-smx14{ font-size: 0.875rem !important; } /* 14px */
}

/** CADILAC OFFER CSS START **/
#cadillacOffer {
	display: flex;
	flex-direction: row;
}

#cadillacOffer .main-image {
	flex: 1;
	position: relative;
}

#cadillacOffer .main-image img {
	max-width: 100%;
	width: 100%;
	height: 100%;
}

.offer-buttons {
	max-width: 1110px;
	margin: 0 auto;
	width: 100%;
	background: #fff;
	display: flex;
	flex-direction: row;
	align-items: start;
	justify-content: space-evenly;
	padding: 20px;
	gap: 20px;
}

.offer-buttons > div{
	flex: 1;
}

.offer-buttons .branded-btn.black {
	border: 2px solid #000;
	color: #000;
	min-width: 268px;
	flex: 1;
	background-color: #fff;
	max-width: unset;
}

.offer-buttons .branded-btn.black:hover {
	color: #fff;
	background-color: #000;
	opacity: 1;
}

.form-bottom{
    padding: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
}

button.text-btn{
	background: none;
	border: none;
	text-transform: none;
}


.see-details{
	padding: 10px;
	cursor: pointer;
	text-align: right;
}

.cadillac-module .panel {
	padding: 0;
}

.cadillac-module .header {
	height: auto;
	margin: 40px 0;
}

.cadillac-module .section-header {
	margin: 0;
	max-width: 100%;
	margin: 60px auto;
}
.section-header h2,
.cadillac-module .section-header h2 {
	width: 100%;
	font-family: 'CadillacGothic-WideRegular', sans-serif;
	font-display: swap;
	font-size: 25px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2.975px;
	margin: 0;
	color: black;
}


.cadillac-module .offer-and-buttons-container {
	margin: 0;
}

.offer-disclaimer {
	padding: 0;
	margin: 23px;
	line-height: 2;
	font-size: 14px;
	letter-spacing : 0.63px;
}

.heading-np h5{
	text-transform: none!important;
}

.cadillac-module.line-up-video {
	margin-bottom: 50px;
}

.cadillac-module.line-up-video .section-header {
	margin-bottom: 0;
}

.cadillac-module .model-videos-tray ul {
	max-width: 1440px;
	min-height: 0;
	margin-top: 70px;
	margin-bottom: 40px;
}

.cadillac-module .model-videos-tray ul li {
	color: #FFF;
	font-family: 'CadillacGothic-Regular',sans-serif;
	font-display: swap;
	font-size: 22px;
	font-weight: 400;
	padding: 0;
	display: block;
}

.cadillac-module .model-videos-tray li .activeVideoButton {
	border: none;
	border-bottom: 2px solid;
}


.cat-li {
	padding-bottom: 10px !important;
}
.cat-li-active {
	border-bottom: 2px solid #F3C846;
}

#carousel_video_container {
	display: none;
}
.content-carousel-main {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.car-vid-close {
	position: relative;
	z-index: 2;
	padding: 5px;
	background: rgba( 0, 0, 0, 0.6 );
	text-align: right;
	width: max-content;
	float: right;
	cursor: pointer;
}
.car-arrow {
	color:  #fff;
}

.car-arrow-left-table {
	height: 356px;
	position: absolute;
	display: table;
	z-index: 1;
}

.car-arrow-right-table {
	height: 356px;
	position: absolute;
	right: 0;
	display: table;
	z-index: 1;
}

.car-arrow-table-cell {
	height: 356px;
	display: table-cell;
	vertical-align: middle;
}

.car-arrow-active {
	background: rgba( 0, 0, 0, .4 );
	color: white;
}

.car-arrow-active:hover,
.car-arrow-wrap:hover {
	cursor: pointer;
	background: lightgray;
}

.car-arrow-disabled {
	background: none;
	color: #333;
	opacity: 0.3;
}

.car-arrow-icon-table-cell {
	display: table-cell;
	height: 50px;
	vertical-align: middle;
}

.car-scroll {
	width: calc( 100% - 40px );
	overflow-x: hidden;
	margin-left: 20px;
}

.content-carousel-container {
	height: 356px;
	width: max-content;
	padding-top: 20px;
}

.content-carousel-card {
	width: 247px;
	height: 350px;
	display: inline-block;
	float: left;
	box-shadow: 1px 1px 4px rgba( 0, 0, 0, 0.34 );
	position: relative;
	margin-left: 21px;
}

.cc-play {
	position: relative;
}

.cc-play-overlay {
	position: absolute;
}

.cc-play-icon {
	font-size: 64px;
	display: table-cell;
	height: 316px;
	width: 247px;
	vertical-align: middle;
	text-align: center;
	opacity: 0.7;
	transition: all .1s;
	color:  #fff;
}

.cc-play:hover .cc-play-icon {
	opacity: 1;
	cursor: pointer;
	transform: scale( 1.1 );
	transition: all .1s;
}

.car-card-title {
	bottom: 0px;
	color: #fff;
	position: absolute;
	width: 100%;
	text-align: center;
}

.content-carousel-card-img {
	width: 100%;
	display: block;
}

.car-arrow-wrap {
	width: 40px;
	height: 50px;
	background: #fff;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.car-arrow-right-svg {
	height: 25px;
	width: 25px;
	display: block;
	margin:0 auto;
}

.car-arrow-left-svg {
	height: 25px;
	width: 25px;
	display: block;
	margin:0 auto;
	transform: rotate( 180deg );
}

.content-carousel-card:first-child {
	margin-left: 0px;
}

	.offer-banner .panel,
	.offer-section .section-header{
	    background: unset; 
	}

@media only screen and (max-width: 1000px) {

/* keep horizontal vehicles */
	.stock{
	    padding-top: 0;
	    padding-bottom: 10px;
	    display: flex;
	    flex-direction: row;
	   	gap: 25px;
	   	overflow-x: auto;
	   	justify-content: flex-start;
	   	align-items: flex-start;
	}

	.stock>div:first-child,
	.stock>div:last-child,
	.stok-col{
	    margin: 0 auto;
	    margin-top: 0px;
	}
	

/* keep horizontal vehicles */


	/*mobile form*/
	.redeemer-page .sub-row{
		display: flex;
		flex-direction: column;
		gap: 10px;	
	}

	.redeemer-page .ro-box-cell{
		padding-left: 0;
		justify-content: center;
		font-size: 16px;
		align-items: center;
	}
	/*mobile form*/


	.videos-tray{
		overflow-x: unset;
		overflow-y: unset;
	}
	.tray-container{
		height: auto;
	}
	
	.tray-container ul{
		flex-wrap: wrap;
		justify-content: center;
		gap: 5px;
	}

	.videos-tray li{
		min-width: 40%;
	}

	.t_1{
		font-size: 12px;
	}

	#cadillacOffer .offer-buttons {
		width: 100%;
	}

	.cadillac-module.offer-section .section-header h2 {
		width: 100%;
	}

	.content-carousel-card {
		width: 247px;
		height: 350px;
		display: inline-block;
		float: left;
		box-shadow: 1px 1px 4px rgba( 0, 0, 0, 0.34 );
		position: relative;
		margin-left: 15px;
	}
	.brand-img {
		margin-right: 0;
	}

	.trade-panel{
		height: unset;
	}

	.offer-banner .panel,
	.offer-section .section-header{
	    background: unset; 
	}

	.cadillac-footer{
		flex-direction: column;
		text-align: center;
	}

}

@media only screen and (max-width: 700px) {
	.offer-buttons{
		flex-direction: column;
        align-items: center;
	}
	.offer-buttons .branded-btn.black{
        max-width: 344px;
        width: 100%;
        min-width: 344px;
	}

	/**/
	.stock>div:first-child{
		margin-left: 15vw;
	}
	.stock>div:last-child{
		margin-right: 15vw;
	}

	.stok-col{
		text-align: center;
		min-width: 70vw;
	    max-width: 400px;
	}
	/**/
}



@media only screen and (max-width: 500px) {
	.t_1{
		font-size: 10px;
	}


}


/***************************************************************************/
/* Onetrust Styling for Cadillac */
/***************************************************************************/
#onetrust-banner-sdk{

}
/* Onetrust Styling for Cadillac */
#onetrust-pc-sdk #accept-recommended-btn-handler,
#onetrust-pc-sdk .ot-btn-container button,
#onetrust-button-group button {
  border-radius: 0px!important;
}

#onetrust-banner-sdk #onetrust-button-group{

}

/* ot headers */
#onetrust-consent-sdk #onetrust-pc-sdk h3,
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,
#onetrust-consent-sdk #onetrust-policy-title{
    color: #212529!important;
    text-transform: uppercase!important;
}

#onetrust-consent-sdk #onetrust-pc-sdk h4{
    color: #212529!important;
}

#onetrust-consent-sdk #onetrust-policy-text{
    padding-bottom: 10px!important;
}

/* hide logo at top of modal */
#onetrust-pc-sdk .ot-pc-header .ot-pc-logo{
    display: none!important;
}

/* color of toggle background */
#onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob{
    background-color: var(--primary-brand-color)!important;
}
/* color of toggle background */
#onetrust-pc-sdk .ot-vs-list .ot-always-active, 
#onetrust-pc-sdk .ot-cat-grp .ot-always-active{
    color: var(--primary-brand-color)!important;
}

/* Accept / Reject Button */
#onetrust-consent-sdk #onetrust-accept-btn-handler, 
#onetrust-banner-sdk #onetrust-reject-all-handler{

    border: 2px solid!important;
    background-color: var(--primary-white)!important;
    border-color: var(--primary-brand-color)!important;
    color: var(--primary-brand-color)!important;
    text-transform: uppercase!important;
    padding: 12px 10px!important;
    text-decoration: none!important;

}

/* Cookie Setting Button */
#onetrust-consent-sdk #onetrust-pc-btn-handler,
#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link{
   
    border: 2px solid!important;
    background-color: var(--primary-white)!important;
    border-color: var(--primary-brand-color)!important;
    color: var(--primary-brand-color)!important;
    text-transform: uppercase!important;
    padding: 12px 10px!important;
    text-decoration: none!important;
}

/* Accept Button in Modal */
#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn), #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn{
    border: 2px solid!important;
    background-color: var(--primary-white)!important;
    border-color: var(--primary-brand-color)!important;
    color: var(--primary-brand-color)!important;
    text-transform: uppercase!important;
    padding: 12px 10px!important;
    text-decoration: none!important;
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc a,
#onetrust-consent-sdk #onetrust-banner-sdk a[href],
#onetrust-consent-sdk #onetrust-banner-sdk a[href] font,
#onetrust-consent-sdk #onetrust-banner-sdk .ot-link-btn{
    color: #212529!important;
}
/***************************************************************************/