/**self-enroll.revieworder Page**/
.enrollrevieworder .rev-order-title{
	font-size: 24px;
	padding: 0px 0 0px;
    margin-bottom: 24px;
	color: #333;
}
.package-term{
	display:flex;
	flex-direction: column;
}
.enroll-sec .ord-title{color:#032D5D}
.enroll-sec{width:100%; padding:0; margin-top:64px!important; max-width: 1900px;
    margin-right: auto;
    margin-left: auto;}
.enroll-sec .current-subsc-wrps{float:none; margin:0; display:flex;}
.enroll-sec .review_order_step{display:flex; width:100%}
.enroll-sec .review_order_sumary{width:60%; background-color: #f3f3f3; padding:40px 40px}
.enroll-sec .rev-ord-sidebar{width:40%; position: relative;}
.enroll-sec .order-summary-wrap{background: transparent;}
.enroll-sec .page-title {
    margin: 0px 0 20px;
    font-size: 40px;
    font-family: "HyundaiSansHeadOffice-Medium";
    font-weight: normal;
	color:#333;
}
.enroll-sec .backLink{display:flex; align-items: center; font-weight: 700; cursor: pointer; margin-top: 0px; margin-top: 20px;}
.enroll-sec .backLink img{    margin-right: 20px;
    width: auto;
    height: 30px;}
.enroll-sec .backLink span{cursor: pointer; display: flex;
    align-items: center;
    justify-content: center;}
.enroll-sec .selfenroll{margin-bottom:50px}
.enroll-sec .total_amount{display:flex;}
.enroll-sec .total_amount div[class*=col-]{
	padding:0;
	width:auto;
	float:none
	}
.enroll-sec .self-enroll-total-amount{margin-left:3px}
.enroll-sec .cancelBtn{display:none}
.enroll-sec .btn.enrollToOrder{
	background-color: #002C5E !important;
    height: 48px !important;
    border-radius: 0!important;
    width: auto !important;
    padding: 0px 30px !important;
    border: none !important;
}
.enroll-sec .checkoutRow{
	display: flex;
    width: 92%;
    position: absolute;
    bottom: 0;
    justify-content: space-between;
	align-items: center;
	border-top: 1px solid #ccc;
}
.enroll-sec .selfenroll .userinfo {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
.order-summary-wrap .h3head-title{color: #333;}
.enroll-sec .order-summary-wrap .btn-wrap{
	border: 0;
	margin:0
}
.updateuserpinclass.update_securuty_pin .lower-radio.radio-services .radio-item {
    display: block; margin-bottom: 20px;}
	.updateuserpinclass.update_securuty_pin .lower-radio.radio-services .radio-item label{width: 100%;}
.updateuserpinclass.update_securuty_pin .lower-radio.radio-services .radio-item .self-enroll-default-font{float: right;
    width: calc(100% - 40px) !important;
    display: block;
    position: relative;
    top: 8px;}
.enroll-sec .rendate{color:#348033}
.enroll-sec h3{
	font-family: 'HyundaiSansHeadOffice-Medium';
}
.enrollrevieworder.enroll-sec .rev-order-title{padding-left:10px}
.enroll-sec .h3head-title{
  font-family: 'HyundaiSansHeadOffice-Medium';
  font-size:24px !important
}
.enroll-sec .order-summary-wrap .promo-enter-wrap.subtotal{
	font-family: 'HyundaiSansHeadOffice-Regular';
	padding:20px 0 0;
}
 
.enroll-sec .top_content{padding-left:10px}
.enroll-sec .paymentLabel{
	font-family: 'HyundaiSansHeadOffice-Medium';
	margin-bottom:20px;
	color:#333;
	padding-left: 0px;
}
.enroll-sec .self-enroll-subtotal{padding-right: 0px;}
.enroll-sec .checkoutRow .orderBtn{
	text-align: right; padding-right:0px; width:auto
}
.enroll-sec .ord-sum-block div[class*=col-]{
	padding: 0 !important;
}
.enroll-sec .ord-sum-block .row{margin:0}
/* .enroll-sec.complete-purchase .order-summary-wrap .h3head-title{
	border-bottom:0
} */
.complete-purchase .order-summary-wrap .h3head-title{margin-bottom: 20px;}
.enroll-sec.complete-purchase .checkoutRow{position:static; border: 0; width:100%}
.enroll-sec.complete-purchase .review-order-wrap .ord-sum-block:last-child{
	border-bottom: 1px solid #ccc;
}
.enroll-sec.complete-purchase .order-summary-wrap .promo-enter-wrap{
	border:none
	
}
.promcode-wrapper{
	display:flex;
	flex-direction: column;
    padding: 20px 0;
    margin: 20px 0;
    border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	width:100%
}
.promoCode {
    display: flex;
    justify-content: space-between;
    width: 100%;
	align-items: flex-start;
}
.promoCode .promoInput{width:70%}
.promcodeTxt p{margin:0}
.openPromoCode{display:none; margin-top:15px}
.openPromoCode .promoCode{justify-content: flex-start;}
.openPromoCode .applyBtn{margin-left:15px; margin: 7px 0px 7px 15px;}
.minusIcon{display:none}
.addPromoCode{cursor: pointer;padding-right: 5px;}
.addPromoCode.open .minusIcon{display:block}
.addPromoCode.open .plusIcon{display:none}
.promo-enter-wrap.total_amount {
    color: #333;
}
.frm_error_msg{color: rgba(225, 6, 0, 1) !important;}
.input_error {
    display: block;
    border: solid 2px rgba(225, 6, 0, 1) !important;
}
.nextBtn-row .btn {
    padding: 15px 30px !important;
    height: auto!important;
    min-width: auto!important;
    width: 100%;
    line-height: 1;
    border-radius: 0!important;
    color: #fff !important;
    transition: all 0.5s;
    margin: 10px auto;
}
.nextBtn {
    background-color: #002C5E !important;
}

.enroll-sec.complete-purchase .selfenroll{
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
#completePurchase .selfenroll{margin-bottom: 0px;}
#completePurchase .veh-reg-checkbox {
    margin-top: 30px;
}
.enroll-sec.complete-purchase .agreement{margin-top:0}
.applyBtn button{
	background-color: #002C5E !important;
    height: 36px !important;
    border-radius: 0!important;
    width: auto !important;
    padding: 0px 20px !important;
    border: none !important;
	color:#fff
}

.mobView{display:none}


.manage-subsc-wrps.enrollrevieworder-thankyoupage{
	background-color: #f3f3f3;
    padding-top: 60px;
}
.current-subsc-wrps.thankyou-page-wrps{padding:0 40px!important}
.thankyou-page-wrps .rev-order-title{
	font-family: "HyundaiSansHeadOffice-Medium";
    font-size: 40px;
    font-weight: 500;
    color: #333;
    margin-bottom: 20px;
    line-height: 1.1!important;
}
.thankyou-page-wrps .pay-name{display: flex; margin-bottom:30px; align-items: center; font-family: "HyundaiSansHeadOffice-Regular";}
.thankyou-page-wrps .pay-name p{margin-bottom: 0px;}
.thankyou-page-wrps .confirmText{width: calc(100% - 42px);} 
.thankyou-page-wrps .review-order-wrap div[class*=col-]{padding:0}
.thankyou-page-wrps .review-order-wrap .row{margin:0}
.thankyou-page-wrps .btn-wrap{
	display:none
}
.thankyou-page-wrps .nextBtn-row{max-width: 185px; width:100%; display: inline-block; margin-top: 40px !important;}
.thankyou-page-wrps .payment-method a{color:#1BABD0; font-family: "HyundaiSansHeadOffice-Regular";}
.thankyou-page-wrps .payment-method{max-width:640px}
#thankYouText {
    text-transform: none;
    border: 0px;
	margin-bottom: 30px;
	padding: 0px;
}
.hy-textCap ,#thankYouText .hy-textCap{text-transform: capitalize;}

.update_securuty_pin{
    padding:90px 40px 20px
  }
.btnPrimary{margin:40px 0}
.btnPrimary .nextBtn{
	border-radius: 0!important;
}
.enroll-sec .self-enroll-totaltax{
	padding-right: 0;
}
.enroll-sec.complete-purchase .self-enroll-column{
  padding:0
}
.redTxt{color:rgba(225, 6, 0, 1);}
.enroll-sec.complete-purchase .checkbox-item a{
	color:#666;
	border-bottom: 1px solid #666;
}
/* MYHF-3682 Start */
.iframe-wrapper {
	border: 1px solid #ccc;
	text-align: left;
}

.payment-info-order-summary-wrap{
  margin-top: -143px !important;	
    }

.no-credit-card {
	margin-top: -12px !important;
}	




/*  */
.promoInput .frm_error_msg {
    word-wrap: break-word;
}
#enrollReviewOrder .order-summary-wrap .promo-enter-wrap.total_amount,#completePurchase .order-summary-wrap .promo-enter-wrap.total_amount {
    display: flex;
    align-items: center;
}
#completePurchase .review-order-wrap .ord-sum-block {
    border: 0px !important;
	padding: 0px 0 20px;
}
#completePurchase .enroll-sec .self-enroll-subtotal, #completePurchase .enroll-sec .self-enroll-totaltax {
    padding-right: 0px;
}
#completePurchase .redTxt p {
    text-align: center;
	font-size: 14px;
    font-style: normal;
    font-weight: 400;
	padding: 80px 0 20px ;
}
.enroll-sec.complete-purchase .order-summary-wrap .promo-enter-wrap{
	padding-top: 0px;
	
}
.manage-subsc-wrps.enrollrevieworder-thankyoupage.hy-thankyou {
    padding-top: 130px !important;
}
.manage-subsc-wrps.enrollrevieworder-thankyoupage.hy-thankyou .current-subsc-wrps.thankyou-page-wrps{margin-top: 0px !important;}
#completePurchase .veh-reg-checkbox .checkbox-item label:before {
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #BABABA !important;
    margin-right: 10px !important;
	top: -2px !important;
}
#completePurchase .veh-reg-checkbox .checkbox-item label {
    padding-left: 30px;}
#completePurchase .veh-reg-checkbox .checkbox-item label:after {
		font-size: 12px !important;
		top: -4px !important;
		left: 4px !important;
		color: #fff;
	}
	#completePurchase .veh-reg-checkbox .checkbox-item input[type='checkbox']:checked + label:before {
		background: #00AAD2;
		border-color: #00AAD2 !important;
	}
	.promoInput .input-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		color: #666 !important;
		text-transform: none !important;
	  }
	  .promoInput .input-field::-moz-placeholder { /* Firefox 19+ */
		color: #666 !important;
		text-transform: none !important;
	  }
	  .promoInput .input-field:-ms-input-placeholder { /* IE 10+ */
		color: #666 !important;
		text-transform: none !important;
	  }
	  .promoInput .iinput-field:-moz-placeholder { /* Firefox 18- */
		color: #666 !important;
		text-transform: none !important;
	  }

	  .checkout_mobile_checkbox {
			display: none;
		}
		/* .complete-purchase .checkout_mobile_checkbox {
			display: block;
			position: relative;
			top:-5px;
		} */
		.promcode-wrapper.destTopView .promoCode {
			flex-direction: column;
		}
		.promcode-wrapper.destTopView .promo-code-top {
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
		}
		.promcode-wrapper.destTopView .promo-code-top .promoCode {
			flex-direction: row;
			width: 100%;
			display: flex;
			justify-content: space-between;
		}
		.promcode-wrapper.destTopView .promo-code-top .promoCode #addPromoCode {
			display: flex;
		}
		.promcode-wrapper.destTopView .promoCode .promo-code-bottom {
			display: flex;
			width: 100%;
		}
		.promcode-wrapper.destTopView .promoCode .promo-code-bottom .openPromoCode {
			width: 100%;
		}
		.promcode-wrapper.destTopView .promoCode .promo-code-bottom .openPromoCode .promoCode {
			display: flex;
			flex-direction: row;
			width: 100%;
			justify-content: space-between;
		}
		.promcode-wrapper.destTopView .promoCode .promo-code-bottom .openPromoCode .promoCode .applyBtn {
			display: flex;
			justify-content: flex-end;
		}
#order_popup {
	z-index: 1200;
}		
#order_popup .enroll-sec,
#order_popup #processing{
	margin-top: 30px !important;
}		
#order_popup #button{
	display: block;
    margin: 30px auto 0 auto;
}		

/*  */
 @media (max-width: 767px) and (min-width: 100px){

	.desktop-checkbox {
		display: none;
	}

	.checkout_mobile_checkbox {
		display: block;
	}
	
.thankyou-page-wrps .pay-name{ margin-bottom:20px; }
.thankyou-page-wrps .nextBtn-row{margin-top: 25px !important;}
#thankYouText{margin-bottom: 20px;}
	#completePurchase .veh-reg-checkbox .checkbox-item label:after {
		font-size: 12px !important;
		top: -4px !important;
		left: 3px !important;
	}
	.manage-subsc-wrps.enrollrevieworder-thankyoupage.hy-thankyou{padding-top: 120px !important;}
	#completePurchase .redTxt p {
		text-align: left;
		padding: 0px;
	}
	.enroll-sec .selfenroll {
		margin-bottom: 25px;
	}
	.enroll-sec .order-summary-wrap .h3head-title{margin-bottom: 0px; }
	.complete-purchase .order-summary-wrap .h3head-title{margin-bottom: 22px; }
	.enroll-sec .rev-ord-sidebar .order-summary-wrap{padding: 20px 20px 10px 20px;}
	.payment-info-order-summary-wrap{
		margin-top: 10px !important;	
	}
    }
.charged_monthly {
	/* margin-left: 140px;	 */
}

#z_hppm_iframe{
min-height: 620px;
margin-left:100px;
border: none;
margin:28px;
}
.btn.btn-black.proToReview{
    background:var(--blue-btn);
    height: 50px;
    line-height: 20px;                
}
.sorry-container h2 {
	border-bottom: 1px solid #ccc;
    padding: 20px 0;	
}
.sorry-container p {
	padding: 10px 20px;
    display: inline-block;    
    font-size: 18px;
    margin: 0;	    
}
.sorry-container p span {
	display: inline-block;  
}
.sorry-container .btn-area {
	padding-top:15px;
	margin-bottom: 50px;
    border-top: 1px solid #ccc;
    display: inline-block;
    width: 100%;	
}
.sorry-container .btn-area .btn-submit {
	float: right;
    margin-top: 25px;
    color:#fff;	
}
input:disabled+label {
	opacity: 0.5;
}
#modal_cancel_subscription .manage-sub-hdtile {
	position: relative;
    width: 100%;
    left: 0;
    margin-bottom: 50px;	
}
#modal_cancel_subscription .page-title {
    padding-left: 15px;
    margin-top: 60px;
    font-size: 30px;
}
#modal_cancel_subscription .modal-close {
	background: transparent;
    margin-top: 5px;	
}
#modal_cancel_subscription .hyundai-modal-header {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    background: #fff;
}
#modal_cancel_subscription .hyundai-modal-body {
    padding-top: 30px;
    font-size: 16px;        
}
#modal_cancel_subscription .hyundai-modal-body .package-heading {
    padding: 0;
    margin-top: 30px;
    font-size: 18px;    
    font-family: "HyundaiSansHead-Bold";
    display: block;
}

.nextBtn-row .btn.nextBtn.hy-btndsiable,.nextBtn-row .btn.nextBtn.hy-btndisable ,.nextBtn-row .btn.hy-btndisable,.btn.hy-btndisable, .hy-btndisable{
    color: #dbd5d5 !important;
    cursor: not-allowed;
}
#scanenroll.hy-btndisable{
	color:  rgb(255 255 255 / 50%) !important;
    cursor: not-allowed;
} 
#modal_cancel_subscription .hyundai-modal-body ul {
    list-style: none;
    padding-left: 15px;
}
#modal_cancel_subscription hr {
    border-color: #ccc;
}
#modal_cancel_subscription .hyundai-modal-footer {    
    display: inline-block;
    width: 100%;
    padding: 0;
}
a.cancel-subscription {
    padding-top: 16px;
    font-size: 14px;
    cursor: pointer;
}
#modal_cancel_subscription .btn-submit {
    margin-top: 0;
    margin-bottom: 15px;
    width: auto;
    float: right;
}
#modal_cancel_subscription .hyundai-modal-body ul li:before {
    content: "-";
    position: relative;
    padding-right: 5px;
}
body.manage-sub-page.modal-open, body.self-enroll-page.modal-open {
	overflow: visible !important;
    position: inherit !important;
}
.summary_price {
	padding-right: 30px;	
}
.gen_one_iframe_container, .gen_one_iframe_container_selfenroll {
	margin-bottom: 35px;
	margin-top: 45px;
}
#connected_care_collapse .pric-block-wrap .radio-item,
#remote_collapse .pric-block-wrap .radio-item,
#guidance_collapse .pric-block-wrap .radio-item,
#wifi_collapse .pric-block-wrap .radio-item {
	margin-left:12px;
}
#connected_care_collapse .monthly .radio-item,
#remote_collapse .monthly .radio-item,
#guidance_collapse .monthly .radio-item {
	margin-left:0px;
}
#wifi_collapse .monthly .radio-item {
	margin-left:20px;
}
.pric-block .pric-description span {
	margin-top: 20px;
	margin-bottom: 10px;
	display:block;
}
.pric-block .pric-description {
    width: 68%;
    margin: 0 auto;
    line-height: 15px;    
    font-family: "HyundaiSansHeadOffice-Regular";
    font-size: 13px;    
}
.renewal_data_list ul li {
		
}
#modal_trialoptout {
  text-align: center;
  padding: 0!important;
}

#modal_trialoptout:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

#modal_trialoptout .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.managesub-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px 0 20px;
    overflow: hidden;
}
#proceed_to_dashboard_btn {
	color:#ffffff !important;
	background: var(--blue-btn);
    border-bottom: none;
}
.summary_text {
	font-family: "HyundaiSansTextOffice-Regular";
	font-size: 16px;
}
.tnc_link {
	font-family: "HyundaiSansTextOffice-Regular";
	font-size: 14px;
	color: #0074c8;
}
.order-summary-package-name {
	font-family: HyundaiSansTextOffice-Medium;
	text-transform: capitalize;
	font-size: 16px;
}
.total_due_font {
	font-size:25px;
}
.desc_outer_gui {
	margin-top:80px;		/*fix for bl+ map ota*/
}
.desc_outer_gui_mapota {
	margin-top:0px;		/*fix for bl+ map ota*/
	position: absolute;
	bottom: 0;
}
.desc_outer {
	margin-top:36px;
}
.subsc-renew-desc {
	font-size:12px;
	color:#666666;
}
.pre_paid_duration {
	display: block;
    width: 44%;
    margin: 0px auto 20px auto;
    line-height: 18px;
}
.price-format-duration .pre_paid_duration{
	text-transform: capitalize;
	font-size: 16px;
    font-family: "HyundaiSansHeadOffice-Regular";
    margin-bottom: 10px;
}
.monthly .pric-block .row_2 .pric-duration {
	padding-top: 0px;
}
.pric-block .row_2 .pric-duration {
	font-size: 22px;
    font-family: "HyundaiSansHead-Bold";
    line-height: 22px;
    padding-top: 52px;
    /* text-transform: lowercase;     */
}
.pric-block .row_2 .free-term-description {
	width: 71%;
    margin: 0 auto;
}
.not_available {
	font-family: "HyundaiSansHeadOffice-Regular";
    font-size: 16px;
    margin-top: 52px;
    display:block;
}
.btn_cancel {
	font-size: 14px;
    margin-left: 0px;
    line-height: 50px;
}
.manage_sub_price {
	margin-top:25px;
}
.promocode_component {
	width:auto !important;
}
.first-col {
	border-right: 1px solid #ccc;
}
.subscription_text {
	font-size: 16px;
    width: 43%;
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
}
.subsc-renew-row .collapse {
    display: block;
}
.flex-wrapper {
	width: 20%;
}
.monthly {
	width: 40%;
    overflow: hidden;
    /* margin-left: 150%; */
    margin-top: 30px;
}
.sub_renewal_title {
	/*float:left;*/
}

.renewal-options-label {
	font-size: 12px;
    color: #666666;
    line-height: 48px;
    margin-right: 20px;
}

.monthly .pric-block {
	float: right;
	width: 80%;
}

.monthly .radio-item {
	float: left;
	margin-top: 3px;
}
.monthly .pric-block .pric-duration {
	font-size:22px;
	/* text-transform: lowercase; */
    line-height: 40px;
}
.monthly .pric-block .free-term-description {
	font-size:14px;	   
	width: 105px;
    margin: 0 auto; 
    line-height: 15px;
}
.renewal-options {
	float: right;
	margin-bottom: -10px;
}
.product_type {
	font-family: "HyundaiSansTextOffice-Regular";
    font-size: 16px;
    color: #0074c8;    
    border: 2px solid;
    border-radius: 2px;
    float: right;
}
.product_type .activated {
	background: #0074c8;
    color: #fff;
}

.product_type span{
	display: block;
    width: 100px;
    text-align: center;
    padding: 10px 0 10px 0;   
    float:left; 
    cursor: pointer;
}
.row_1 {
    display: block;
    width: 87%;
    margin: 40px auto 0 auto;
    font-family: "HyundaiSansHeadOffice-Regular";
    font-size: 14px;
}
.float-right {
	float:right;
}
.managesub-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px 0 20px;
}
.enrollamazonoffer {
	display: inline-table;
	margin-top: 90px;
}
#manage-subscription-banner, #self-enroll-banner {
	height:0;
	display:none;
}
#progress_background.thankyou-page, #self-enroll-banner {
	display:none;
}
#progress-menu-wrap {
	margin-top: -60px;
}
#progress_background {
	background-color: #f3f3f3;
    height: 100px;
    display: inline-block;
    margin-top: 0px;
    width: 1400px;
    margin-bottom: 40px;
}
.ms_radio-item label:before {
	background-color: #ffffff !important;
}
.rev-order-title-border {
    border:none !important;
}
.proToPay:hover, .proToPay:focus, .proToOrder:hover, .proToOrder:focus, .proToReview:hover, #proceed_to_dashboard_btn:hover, .enrollToOrder:hover, .enrollToOrder:focus, .self-enroll-dashboard:hover  {
    border-color:#ffffff !important;
    /*border: solid 1px #ffffff !important;*/
    background-color: rgba(0, 63, 134, 1) !important;
} 
.agreement label {
    font-family:"HyundaiSansTextOffice-Regular";
}
.rev-ord-sidebar {
     width: 39%;
}
.veh-reg-checkbox .checkbox-item label:after {
    font-size: 14px !important;
	top: 0px !important;
}
#modal_trialoptout .modal-dialog {
	width: 60%;
}
#modal_trialoptout span {
	font-family: "HyundaiSansTextOffice-Regular";
	font-size:16px;
	margin-bottom: 30px;
    display: block;
}
#yes_opt_out {
	width: 164px;
}
#keep_free_trial {
	background: #fff;    
    border: 2px solid #0074c8;
    width: 182px;
    color: #0074c8;
    margin-left: 10px;
}
#btn_promo_code {
    background: #fff;    
    border: 2px solid #0074c8;
    width: 120px;
    color: #0074c8;
    margin-left: -5px;    
}
#btn_promo_code:hover, #keep_free_trial:hover {
	border: 2px solid #003f86;
	color: #003f86;
}
.total_due_subscription {
    border-top: 1px solid #ccc;
    font-size: 25px !important;
    margin-top: 5px;
    padding-top: 10px;
}
.selfEnrol-order-summary-wrap {
	margin-top:0px !important;
}
.with_error_column .pricing-wrap {
    min-height: 0px !important;
}
.terms_error {
	float: left;
    margin: 15px 0 0 0px;
    color: #c40712;
    font-size: 16px;  	
}
.tnc_error,
.tnc_error_wifi_hotspot,
.tnc_error_geolocation_compliance {	/*MYHF-7414*/
	float: left;
    margin: 15px 0 0 10px;
    color: rgba(225, 6, 0, 1);
    font-size: 14px;
    line-height: 19px;
}
.self_enroll_api_error, .product_selector_api_error {
	float: left;
    margin: 15px 0 0 15px;
    color: rgba(225, 6, 0, 1);
    font-size: 14px;
    line-height: 19px;   
}
.product_selector_error, .billing_info_api_error {
	color: rgba(225, 6, 0, 1);
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 20px;
    margin-top: 20px;
    display: block;
}
.thankyou-page-wrps {
    background:transparent;
 }
 .review-order .col-xs-offset-2 {
 margin-left:0;
 }
.upper-container-wrapper .input_error ~ .floating_label {
	color: #c40712 !important
 }
.upper-container-wrapper h2{
    padding: 40px 0 10px;
    font-family: "HyundaiSansHeadOffice-Light";
    font-size: 42px;
}

.upper-container-wrapper a{
	margin-left: 20px ;

}
#received_verify .upper-container-wrapper p {
	margin-bottom: 15px;
}
#received_verify .upper-container-wrapper p a {
	margin-left: 4px;
}
.upper-container-wrapper a.next-contact-info {
	margin-left: 4px;
}
.upper-container-wrapper .frm_error_msg.invalid a {
	margin-left: 4px;
}

.upper-container-wrapper {
	padding-bottom: 0px;
	margin-left:25px;
}

.upper-container-wrapper .input-txt,
.upper-container-wrapper .input-pwd,
.upper-container-wrapper .input-email,
.upper-container-wrapper .input-num {
	
	color: #000;
	border-color: #000;
}

.upper-container-wrapper  :-ms-input-placeholder {
  color: #000000;
  opacity: 1;
  opacity: 100;
  background: transparent;
}

.upper-container-wrapper  ::-webkit-input-placeholder {
  color: #000000;
  opacity: 1;
  -webkit-opacity: 1;
  background: transparent;
}

#btnPlaceOrder, .proToPay, .enrollToOrder {
    padding:0 !important;
}

.upper-container-wrapper  :-moz-placeholder, ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000;
  opacity: 1;
  -moz-opacity: 1;
  background: transparent;
}


.upper-container-wrapper .input_legend.flt_lbl_black {
    color: #ffffff;
  
}

.textbox-margin{
	margin-bottom: 30px;
}

.error_msg a{
  margin-left: 5px;
  color: #c40712;
  border-bottom: 1px solid red;
}



.confirm_change span{
  padding-top: 0px;
}

.lower-container-wrapper{
	background-color: #f3f3f3;
	width:100%;
	text-align: center;
	padding: 25px 0;
  margin-top: 10%;
}

.lower-container-wrapper h4{
	width: 50%;
	display: inline;
	padding: 25px;
}



.upper-container-wrapper .input_legend.flt_lbl_black {
    color: #000;
}

.input_legend.flt_lbl_black {
    color: #ffffff;
    background: #ffffff;
}

.login-username span{
  margin-left:15px;
  margin-top:5px;

}
.login-password span {
  margin-top:5px
}
#header-login-box .login-username span,#login-box .login-username span{
  margin-left:0px;
}
.login-username.frm_error_msg span{
 margin-top:0px;
}

.reg-text-password span{
  margin-left:15px;
  margin-top:5px;
}

.reset-password-phone-number span{
  margin-left:15px;
  margin-top:5px;
}

.reset-password-zipcode span{
  margin-left:15px;
  margin-top:5px;
}

.reset-password-verification-code span{
  margin-left:15px;
  margin-top:5px;
}

.reset-password-tp span{
  margin-left:15px;
  margin-top:5px;
}
.reset-password-tp .reset_link_msg{
	font-size: 22px;
}

.reset-password-new span{
  margin-left:15px;
}

.reset-password-confirm span{
  margin-left:15px;
}


.login-username  a{
  color: #c40712;
  border-bottom: solid 1px #c40712;
  }


.lower-container-wrapper h4{
  width: 50%;
  display: inline;
  padding: 25px;
} 
.reset-ques {
  margin-bottom:25px;
}

#reset_security_answer{
  display: none;
}

#reset_verification_code{
  display:none;
}

#contact_info{
  display:none;
}

#sending_details{
  display: none;
  
}

#received_verify{
  display:none;
  

}

#temp_pass{
  display:none;  
}

.choice_btn input{
  width:310px;
}

.choice_btn a{
  margin-left: 30px;
}


#password_new{
  display: none;

}
.inst_use {
   margin-bottom:20px;
}

#reset_login{
  display: none;

}

.upper-container-wrapper .input_legend.flt_lbl_black {
    color: #000;
}

.upper-container-wrapper .input_legend.flt_lbl_black {
    background: #ffffff;
}

.checkbox-custom {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: transparent;
    border: solid 1px #000;
    margin-right: 15px;
}
.reset-password-login-password span{
    margin-left:15px;
    }

.email-banner span{
    color:grey;
    }

.progress-menu ul li:first-child {
	padding-left:0px;
}
.veh-reg-checkbox .checkbox-item {
	font-family: "HyundaiSansTextOffice-Regular";
	padding: 0;
	margin: 0 0 10px;
	width: 100%;
	float: left;
}
.veh-reg-checkbox .checkbox-item{
	position:relative;
	min-height:30px;
}
.veh-reg-checkbox .checkbox-item label {
    padding-left: 40px;
    position: relative;
    font-weight: normal;
}
.veh-reg-checkbox .checkbox-item label:before {
	top:-3px;
	left:0;
	position:absolute;
}
.not-renew {
	font-size: 14px;
}
.not-renew .pric-block {
	padding-top: 52px;
	font-family: "HyundaiSansHeadOffice-Regular";
}
#connected_care_collapse,
#remote_collapse,
#guidance_collapse,
#wifi_collapse {
	display: flex;
	justify-content: space-around;
}
.wifi-paid-subs {		/*MYHF-7485*/
	padding-bottom: 40px;
	font-family: "HyundaiSansTextOffice-Regular";
	font-size: 16px;
	color: #0074c8;
}
.card_req{
	font-family: "HyundaiSansTextOffice-Regular";
	color: #666;
}

@media (max-width: 767px) and (min-width: 100px){
	/* .charged_monthly {
		margin-left: 0px;	
	} */
.enrollrevieworder.enroll-sec.complete-purchase .rev-ord-sidebar .order-summary-wrap{padding: 10px 20px 10px 20px;}
.enrollrevieworder.enroll-sec.complete-purchase .review_order_sumary {
    padding: 0px 20px 0;
    /* border: 0px; */
}
#completePurchase .selfenroll {
    margin-bottom: 0px;
    border: 0px;
    padding-bottom: 0px;
}
.product_selector_api_error {
	margin: 0;
}
.sorry-container p {font-size:14px;}
.tnc_error, .self_enroll_api_error, .terms_error, .tnc_error_geolocation_compliance {
	margin: 15px 0 0 0;
}
.enrollamazonoffer {
	margin-top: 20px;
}
#btn_promo_code {
width: 110px;
margin: 0 auto;	
}
.two_columns {
    -moz-column-count: 1;
-moz-column-gap: 0px;
-webkit-column-count: 1;
-webkit-column-gap: 0px;
column-count: 1;
column-gap: 0px;
    }
.upper-container-wrapper {
	padding-bottom: 0px;
    margin-left:5px;
}

.upper-container-wrapper h2{
   padding:0px;
   margin-top: 35px;
   font-size: 32px;
}
.upper-container-wrapper .form-row {
	margin-bottom: 0;
} 
.upper-container-wrapper .input-txt, .upper-container-wrapper .input_legend, .upper-container-wrapper .input-pwd, .upper-container-wrapper .input-email, .upper-container-wrapper .input-num {
  font-size: 12px;
}
.login-username input{
  width:100%;
  margin-bottom: 0px;
}
.login-username span{
     margin-bottom:0px;
}
.login-username span.frm_error_msg {
     margin-top: 10px;
      margin-left: 0px !important;
}
#reset_email p{   
       margin: 10px 0 15px;
}
.phone-banner, .email-banner {
	margin: 15px 0;
}
		
#choose_option input{
  width:100%;
   margin-top:10px;
}

#choose_option a{
  margin-top:20px;
  margin-left :43.5%;
}

.reg-lastname input{
  width:100%;
  margin-bottom: 0px;
}

.reset-password-tp input{
  width:120%;
  margin-right: 10px;
  margin-bottom: 0px;
}

.reset-password-tp{
  width:80%;
  margin-bottom: 20px;
}
.choose_option_pass {
	margin-top: 20px;
}
.reset-ques a{
    margin-left:0px;
    display:inline-block;
}
#choose_option_ver input{
 width:96.3%;
 margin-bottom: 20px;
 margin-top: 20px;
}

#choose_option_ver a{
  margin-left: 40%;
}

#password_new{
  width: 91%
}
#temp_pass p{
    display:inline;
}

.email-banner{
    margin-top:10px;
    margin-bottom:20px;
	}
.reset-password-new input{
  width:100%;
  margin-bottom: 0px;
}

.reset-password-confirm input{
  width:100%;
  margin-bottom: 0px;
}

#choose_option_pass input{
  width:100%;
}

#choose_option_pass a{
  margin-top: 20px;
  margin-left: 40%;
}

#reset_login{
  width:91%;
}
#reset_login .form-row {
  margin-bottom: 0;
}
.reset-password-login-email input{
  width:100%;
  margin-bottom: 0px;
}

.reset-password-login-password input{
  width:100%;
  margin-bottom: 0px;
}

#log_in input{
  width:100%;
}

#contact_info{
  width:91%;
}

.reset-password-phone-number input{
  width:100%;
  margin-bottom: 0px;
}
.reset-password-zipcode input{
  width:100%;
  margin-bottom:0px;
}

#received_verify{
  width:91%;
}

.reset-password-verification-code input{
  width:100%;
  margin-bottom: 0px;
}

	.not-renew .pric-block {
		padding-top: 0;
		text-align: left;
	}
	.not-renew .radio-item.ms_radio-item {
		width: 45px !important;
	}
	.flex-wrapper {
		width: 100%;
	}
}


/*-- Start Manage Subscription page code --*/
.subscription_banner_car {
  /* background: url(../../../../content/dam/mygenesis/us/mygenesis/image/cs-car-tab.png) no-repeat right; */
    height: 280px;
   	margin-top: 33px;
    background-size: 100% !important;
}
.manage-sub-hdtile{    
	float:left;
	width: 100vw;
	background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/dashboard/general/Manage_enroll_BG.jpg) no-repeat top center;
	position: relative;
    left: calc(-50vw + 50%);	
}
.manage-sub-hdtile.thankyou-page{	
	background:url(../../../../content/dam/hyundai/us/myhyundai/image/general/dashboard/general/Manage_enroll_BG.jpg) no-repeat top center;
	background-size: cover;
}
.manage-sub-hdtile .page-title{
	color:#fff;
	text-align:left;
    margin-top: 70px;
    font-family: "HyundaiSansHead-Bold";
  	font-size: 42px;
}
.manage-sub-hdtile .page-title p{
	font-size:16px;
	font-family: "HyundaiSansTextOffice-Regular";
	line-height:24px;
	margin-bottom:0;
	margin-top:10px;
}
.nonprogress-menu{
	position: relative;
    margin-top: 165px;
}
.progress-menu{
	position: relative;
    /*margin-top: 65px;*/
}
.progress-menu .progress-menu-line{
	background: #cccccc;
    height: 3px;
    width: 67%;    
    position: absolute;
    top: 8.5px;    
    z-index: 1;
    margin-left:50px;
}
.progress-menu ul li:last-child {
    padding-left:121px;
        }
.progress-menu .progress-menu-line .progress-menu-status2{
	position: absolute;
	width: 52%;
	background: rgba(0, 116, 200, 1);
	height: 3px;
	left: 0;
	top: 0;
}
.progress-menu .progress-menu-line .progress-menu-status3{
	position: absolute;
	width: 100%;
	background: rgba(0, 116, 200, 1);
	height: 3px;
	left: 0;
	top: 0;
}
.progress-menu ul{
	margin-bottom: 24px;
	margin-left: 0;
}
.progress-menu ul li{
    font-family: "HyundaiSansTextOffice-Medium";
    text-align: center;
    font-size: 12px;
    padding-right: 0px;
    line-height: 14px;
    padding-left: 126px;
}
.progress-menu ul li span.status{
	width: 22px;
	height: 22px;
	line-height: 20px;
	border: solid 2px #cccccc;
	border-radius: 50%;
	background: #ffffff;
	display: inline-block;
	overflow: hidden;
	z-index: 2;
	position: relative;
}
.progress-menu ul li span.status.active{
	border-color:rgba(0, 116, 200, 1);
}
.progress-menu ul li span.status i{
	line-height: 18px;
	font-size: 17px;
	color: rgba(0, 116, 200, 1);
}

.progress-menu ul li .status-text {
    margin-top:5px;
}

.current-subsc-wrps{
	background: #ffffff none repeat scroll 0 0;
	float: left;	
	width: 100%;
    margin-bottom:30px;
}
.current-subsc-wrps.thankyou-page-wrps{
	padding-top: 0;
	margin-top: 50px;
	background: transparent; 
}
.package_details_list {
	margin-bottom: 40px;	
	margin-top: 8px;
}
.cur-sub-block .cur-sub-title{
	font-size: 18px;
	font-family: "HyundaiSansHead-Bold";	
	margin-bottom: 5px;
    display: block;
    float: left;
    margin-right: 30px;
}
.cur-sub-block .cur-sub-title span{
	font-size: 12px;
    color: #357f33;
    display: inline-block;
    font-family: HyundaiSansTextOffice-Medium;
    text-transform: uppercase;
    margin-left: 15px;
}
.cur-sub-block .cur-sub-desc{
	color: #000000;        
    width: 100%;
    overflow: hidden;
}
.subsc-renew-wrps{
	background: #ffffff none repeat scroll 0 0;
	float: left;
	padding: 0px 0 50px 0;
	width: 100%;
}
.subsc-renew-block .subsc-renew-title-th{
	font-size: 18px;	
	font-family: "HyundaiSansHeadOffice-Regular";
}
.subsc-renew-block .subsc-renew-title{
	font-size: 18px;	
	font-family: "HyundaiSansHead-Bold";
	margin-bottom: 25px;
}
.subsc-renew-block .subsc-renew-desc {
	margin-top: 10px;
	color: #666666;
	font-size: 14px;
}
.subsc-border-row {
	width: 100%;
	border-bottom: solid 1px #cccccc;
	margin-bottom: 18px;
}
/* MYHF-4949 Start*/
.subsc-renew-row {
	width: 100%;
	float: left;
	border-bottom: solid 1px #cccccc;
	padding-bottom: 5px;
}
/* MYHF-4949 Stop*/
.subsc-renew-row.no-bord{
	border-bottom: 0;
}
.subsc-renew-row .pad-l0{
	padding-left: 20px !important;
}
.feature-wrap .subsc-renew-featitle,
.subsc-renew-block .subsc-renew-featitle{
	font-family: "HyundaiSansTextOffice-Regular";
	font-size: 12px;
	color: #666666;	
}
.subsc-renew-row .package-wrap{
	padding: 25px 0 0 20px;

}
.subsc-renew-row.guidance_column .package-wrap {
	position: relative;
}
.subsc-renew-row.guidance_column .package-wrap .row{
	height: 100%;
}
.subsc-renew-row.wifi_column .package-wrap {
	position: relative;
}
.subsc-renew-row.wifi_column .package-wrap .row{
	height: 100%;
}
.subsc-renew-block{
	margin-bottom: 5px;
}
.subsc-renew-block.feature-wrap{
	margin-bottom: 10px;
    margin-top: 5px;
}

.subsc-renew-row .pricing-wrap{
	padding: 30px 0;
	background: #f3f3f3;
	min-height: 250px;
}
.subrenewal_ul {
	display: block;
}
.two_columns {
        -moz-column-count: 2;
-moz-column-gap: 0px;
-webkit-column-count: 2;
-webkit-column-gap: 0px;
column-count: 2;
column-gap: 0px;
}
.subrenewal_ul li:hover{
	/*float: left;
	width: 45%;*/
                background: transparent;
}
.subrenewal_ul li:nth-of-type(2n+1) {
	/*float: left;
	width: 55%;*/
}

.amount-info {
 	margin-top:15px;
 	font-size:12px;
 	margin-bottom: 67px;
}

.subrenewal_ul li:before {
    content: "-";
    margin-right: 4px;
    position: absolute;
    margin-left: -14px;
        }

.subrenewal_ul li {
    padding-left: 14px;
}

.pric-block-wrap{
	text-align: center;
}
.pric-block{
	text-align: center;
	min-height: 178px;
}
.pric-block .pric-duration{
	font-size: 14px;
	font-family: "HyundaiSansHeadOffice-Regular";	
	margin-bottom: 10px;
}
.pric-block .pric-rate{
	font-size: 39px;
	line-height: 41px;
	font-family: "HyundaiSansHead-Bold";
}
.pric-block .pric-rate sup{
	font-size: 18px;
	top: -0.9em;
}
.pric-block .pric-discount{
	font-size: 10px;
	color: #000;	
	font-family: "HyundaiSansHeadOffice-Regular";
	float: none;
    width: 100%;
    text-align: center;
    line-height: 10px;
    min-height: 10px;
}
/* .pric-block-wrap.do-not-add{
	border-top: solid 1px #cccccc;
	margin-top: 20px;
	padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
} */
.promo-wrap {
	margin-bottom:20px;
	width: 100%;
	float:left;
	min-height:60px;
}
.promo-wrap input.frm-txt {
	/*width: 100%;*/
	width:200px;	
	margin-bottom:5px;
}

/* MYHF-4949 Start */
.promo_error_div {
	width:200px;
    /*padding-left: 14px;*/
    padding-left: 0px;
    font-size:12px;
}
/* MYHF-4949 Stop */

.promo-wrap input[type="submit"]{
	width: 100%;
	background: #fff;
	border:solid 2px #000000;
	color: #000000;
	border-radius: 0;
	height: 50px;
	padding: 0px 14px;
	float:left;
}
.promocode_discount {
	font-size: 16px;
}
.promo-enter-wrap{
	margin-bottom: 5px;
	width: 100%;	
	float:left;
	font-size: 16px;
	font-family: "HyundaiSansTextOffice-Medium";	
}
.promo-enter-wrap .checkbox-item{
	margin-bottom: 10px;
	margin-top:5px;
	padding-right: 35px;
	padding-bottom: 4px;
}

.promo-enter-wrap .checkbox-item label {
	font-weight: normal;
	font-family: HyundaiSansTextOffice-Regular;
    font-size: 16px;
    line-height: 23px;
}
#completePurchase .promo-enter-wrap .checkbox-item{padding-bottom: 0;
    margin-bottom: 20px;}
.promo-enter-wrap.total_amount{
	padding-top: 10px;
	margin-top: 5px;
	border-top: solid 1px #ccc;
	font-size: 25px;
	font-family: "HyundaiSansTextOffice-Medium";
}
.thankyou-page .promo-enter-wrap.total_amount {
	font-size: 20px !important;
}
.thankyou-page .promo-enter-wrap.subtotal{
	line-height: 25px;
}
/* MYHF-4159 starts here */
.text-right.summary-price {
    left: 10px;
}
/* MYHF-4159 ends here */
.btn-wrap{
	margin-top: 15px;
}
.btn-wrap .btn-black{
	border-radius: 0px;
	width: 100%;
	padding: 15px 30px;
	color:#fff;
}
.manage-subsc-wrps {
    margin-top:-19px;
}

.pull-left a {
    margin-top:20px;
}
.pull-left {
	margin-top:20px;
}
/*-- End Manage Subscription page code --*/

/*-- Start Manage Subscription 2  page code--*/
.pay-info-title{
	font-size: 30px;
	border-bottom: solid 1px #cccccc;
	padding-bottom: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.saved-card .radio-item label{
    padding-left: 40px;
    position: relative;
}
.saved-card .radio-item label::before {
    left: 0;
    position: absolute;
    top: -3px;
}
.saved-card .radio-item input[type="radio"]:checked + label::after {
    top: 4px;
  left: 7px;
}
.saved-card .checkbox-item input[type="checkbox"]:checked + label::after{
	top: 0;
}
.card-info{
	
	margin-bottom: 20px;
}
.card-info img{
	margin-right: 10px;
}
.card-info .saved-card-info{
	color: #666666;
}
.saved-card {
	margin-bottom: 10px;
}
.saved-card INPUT.frm-txt ~ .place_holder{
	z-index: 1;
}
.saved-card .frm-heading {
	border-bottom: solid 1px #cccccc;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
	
}
.saved-card .frm-heading .color-red{
	float: right;
	text-transform: capitalize;
	font-family: "HyundaiSansTextOffice-Regular";
	font-size: 14px;
	
}
.saved-card .btn-wrap {
    margin-top: 30px;
}
.saved-card .expiration INPUT.frm-txt{
	
}
.saved-card .date-field{
width: 190px;
	position: relative;
}

.saved-card .expiration INPUT.frm-txt.yyyy-input{	
	
	 border: 0 none;
    float: right;
    font-family: "HyundaiSansTextOffice-Medium";
    font-size: 14px;
    height: 40px;
    margin-right: 10px;
    margin-top: 5px;
    text-align: center;
    width: 30%;

}


.saved-card .expiration .place_holder{
	font-size: 13px;
	 top: -8px;
}
.saved-card .security-code INPUT.frm-txt{
	width:190px;
}
.order-summary-wrap{
	background: #f3f3f3;
	padding: 45px 20px 10px 20px;
	width: 100%;
	float: left;
    margin-top: 10px;
}
.order-summary-wrap .h3head-title{	
	font-size: 20px;
	line-height: 20px;
	border-bottom: solid 1px #cccccc;
	padding-bottom: 22px;
	margin-bottom: 0;
}
.order-summary-wrap .promo-enter-wrap{
	padding: 30px 0;
	border-bottom: solid 1px #cccccc;
}
.order-summary-wrap .promo-enter-wrap.subtotal{
	padding: 10px 0;
	line-height: 25px;
}
.order-summary-wrap .promo-enter-wrap.total_amount {
	border-top: 0;
	border-bottom: 0;
	font-size: 20px !important;
	padding: 10px 0;
	margin: 0;
}
.order-summary-wrap .promo-enter-wrap .ord-sum-desc{
	font-size: 14px;
	color: #666666;
	font-family:"HyundaiSansTextOffice-Regular";
}
.nopadding {
    padding-left:0;
    padding-right:0;
}

iframe{
    overflow: hidden;
    width: 65%;
    min-height: 530px;
    /*border: 1px solid #ccc;*/
}

.SXM_iframe_selfenroll {
	margin-top: 50px;
}

#gen1_ms_iframe, #gen1_se_iframe {
	overflow: hidden;
    width: 105%;
    min-height: 1084px;
    border: none;
}

.review-order {
    width: 50%;   
}

/*-- End Manage Subscription 2  page code--*/    

/*-- Start Manage Subscription 3  page code--*/

.review-order-wrap h4{
	font-family: "HyundaiSansHead-Bold";
	font-size: 20px;
	margin-bottom: 15px;	
}
.review-order-wrap .review-order{
	font-family: "HyundaiSansTextOffice-Regular";
	font-size: 16px;
}
.rev-order-title{
	border-bottom: 1px solid #cccccc;
    font-size: 30px;
    padding-bottom: 15px;
	margin-bottom: 30px;
	margin-top: 10px;
}
.review-order-wrap .rev-ord-sum-wrap{
	width: 100%;
	float:left;
	margin-top: 40px;
}
.review-order-wrap .ord-sum-block{
	padding: 24px 0;
	border-top: solid 1px #cccccc;
	width: 100%;
	float:left;
}
 
.review-order-wrap .ord-sum-block .ord-price{
	font-family: "HyundaiSansTextOffice-Medium";
	/* font-family: "HyundaiSansTextOffice-Regular"; */
	font-weight: 500;
	font-size: 16px;
	/*text-transform: uppercase;*/
}
.review-order-wrap .ord-sum-block .ord-title{font-family: "HyundaiSansTextOffice-Regular";
	font-weight: 600;}
.review-order-wrap .ord-sum-block .ord-desc{
	color: #666666;
	font-family: "HyundaiSansTextOffice-Regular";
	font-size:16px;
	line-height: 22px;
}
.review-order-wrap .ord-sum-block.block-header{
	font-family: "HyundaiSansTextOffice-Medium";
	font-size: 14px;
	color: #666666;
	padding: 0px 0 5px 0;	
	border-top: 0;
}


.review_order_step .col-md-8 {
    width:58%;
}
.agreement {
    margin-top: 25px;
}
#privacy_cancel_subscription .modal-dialog{
	max-width: 500px;
}
#privacy_cancel_subscription .modal-content{
	min-height:50px !important;
}
#privacy_cancel_subscription .hyundai-modal-body{
	font-size: 18px;
	text-align: center;
}
#privacy_cancel_subscription .hyundai-modal-footer{
	padding: 0px;
    padding-bottom: 30px;
}

/*-- End Manage Subscription 3  page code--*/
    /*-- Start Tablet --*/
@media (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	
	/* .charged_monthly {
		margin-left: 85px;	
	} */
	
	.gen_one_iframe_container, .gen_one_iframe_container_selfenroll {		
	    overflow: scroll;
	    -webkit-overflow-scrolling: touch;
	    width:100%;
	}
	
	#gen1_ms_iframe, #gen1_se_iframe {			
	    width: 100%;	
	    -webkit-overflow-scrolling: touch;    
	}
	.self-enroll-page {
		min-height:250px;
	}
	.pric-block .pric-discount {
	    font-size: 10px;	    
	    font-family: "HyundaiSansHeadOffice-Regular";
	    float: none;
	    width: 100%;
	    text-align: center;
	    line-height: 20px;
	}
	.row_1 {
		font-size: 11px;
	}
	
	.pre_paid_duration {	    
	    width: 54%;
	    margin: 0px auto 15px auto;	    
	}
	
	iframe {
		width:85%;
	}
	.monthly .pric-block {
		width: 72%;
	}
	.monthly .pric-block .pric-duration {
		font-size: 30px;	    
	    line-height: 30px;
	}
	.renewal-options {
		margin-top: 20px;
	}
	.monthly {
		width: 212px;	
	}
	
	.manage-sub-hdtile{		    
	    background-image: url(../../../../content/dam/hyundai/us/myhyundai/image/general/dashboard/general/Manage_enroll_BG.jpg);
	    height: 275px;
	    margin-bottom: 30px;
	    background-color: #f0f0f0;
	    background-repeat: no-repeat;
	    background-position: top center;	    
	}
	
	.nopadding {
        padding-left: 15px !important;
        padding-right: 15px !important; 
	}
	.subscription_banner_car_outer {
		/*display:none;*/
		float:right;
	}	
	#progress-menu-wrap {
	    margin-top:0px;
	}
	#progress_background {
		display:none;
	}
	.manage-sub-hdtile.thankyou-page{
		height: 180px;
	}
	.review-order {
	    width: 100%;
	}
	.review-order .col-xs-offset-2 {
	    margin-left: 16.66666667%;
	}
	.current-subsc-wrps.thankyou-page-wrps{
	padding-top: 0;
	margin-top: 0;
}
	.manage-sub-hdtile .page-title{
		margin-bottom: 45px;
    	margin-top: 50px;
    	font-size: 35px;
	}
	.manage-sub-hdtile .page-title p {
		font-size: 14px;
	}
.cur-sub-block .cur-sub-title span {
    float: right;
    margin-left: 10px;
    line-height: 20px;
  }
        .two_columns {
            -moz-column-count: 1;
            -moz-column-gap: 0;
            -webkit-column-count: 1;
            -webkit-column-gap: 0;
            column-count: 1;
            column-gap: 0;
        }
        .manage-subsc-wrps h2 {
            font-size:25px;
            }
	.progress-menu {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 3%;
}
.progress_bar_review_order {
        width:98%;
    }
    .progress-menu ul li:last-child {
    	padding-left: 20px;
   }
	.progress-menu .progress-menu-line{
		margin-left: 11%;
		width: 63%;
	}
	.progress-menu ul{
		float: left;
		width: 100%;
	}
	.progress-menu ul li{
		float: left;
		width: 30%;
		padding: 0 30px;
	}
	.h3head-title{
	font-size: 25px;
	}
	.pric-block .pric-duration{
		font-size: 11px;
	}
	.pric-block .pric-rate {
		font-size: 27px;
		line-height: 30px;
	}
	.pric-block .pric-rate sup{
		font-size: 13px;
	}
	.subsc-renew-block .subsc-renew-title-th,
	.subsc-renew-block .subsc-renew-title{
		font-size: 14px;
		margin-bottom:0px;
	}
	.subsc-renew-block .subsc-renew-desc {
		color: #666666;
		font-size: 13px;
	}
	.subsc-renew-block .subsc-renew-featitle{
		font-size: 11px;
	}	
	.subscription_text {	    
	    width: 60%;	    
	}
	.desc_outer {
		margin-top: 14px;
	}
	.promo-enter-wrap.total_amount {
		font-size: 22px;
	}
	.package-wrap ul {
    	font-size: 13px;
	}
	.subsc-renew-row .package-wrap{
		padding: 15px 0;
	}
	.subsc-renew-row .pricing-wrap{
		min-height: 300px;
	}
	.label-color {
        white-space: normal;
    }
	.cur-sub-block .cur-sub-title{
		font-size: 14px;
        margin-bottom: 5px;
	}
	.cur-sub-block .cur-sub-desc{
		font-size: 13px;
    	width: 100%;
	}
	.btn-wrap .btn-black{
		padding: 10px 30px;
		margin: 0;
	}
	.btn-wrap a{
		margin-top: 10px;
	}
.subrenewal_ul li{
	float: left;
	width: 100%;
}
.subrenewal_ul li:nth-of-type(2n+1) {
    float: left;
	width: 100%;
}
}
.amount-info.label-color {
	white-space: normal !important;
}
@media (min-width: 1025px) and (max-width: 1199px) {
	.progress-menu ul li {
		padding: 0 30px;
	}
	.progress-menu ul li:last-child {
		padding-left: 30px;
	}
}
@media (max-width: 767px) and (min-width: 100px) {
	
	#modal_cancel_subscription .hyundai-modal-body .package-heading {
		font-size: 16px;
		margin-bottom: 10px;
	}
	#modal_cancel_subscription .hyundai-modal-body ul {
		font-size: 12px;
	}
	
	#modal_cancel_subscription .hyundai-modal-header.s30 {
		width: 100%;
	}
	#modal_cancel_subscription .page-title {
    	margin-top: 0;
	}
	#modal_cancel_subscription .manage-sub-hdtile {
		min-height: 0;
		margin-bottom: 0px;
	}
	#modal_cancel_subscription .btn-submit {
		float: none;
	    position: relative;
	    height: 40px;
	    width: 100%;
	    max-width: 400px;
	    display: block;
	    margin: 20px auto 30px auto;
	}
	#modal_cancel_subscription .hyundai-modal-footer {
		text-align: center;
	}
	
	.promo-wrap {
		height:auto;
		margin-bottom: 5px;
	}
	
	.promo-wrap input.frm-txt {
		width:100%;
	}
	.promo_error_div {
		width:100%;
	}
	.gen_one_iframe_container, .gen_one_iframe_container_selfenroll {
		margin-bottom: 35px;
    	margin-top: 20px;
	}
	.small_glass_message a {
		color: #000;
    	border-bottom: none;
	}	
	.pric-block .pric-description span {
		margin-top: 0px;
		margin-bottom: 0px;		
		width: 66%;
	}
	
	.pric-block .pric-description {
		float: left;
	    margin: 0;
	    text-align: left;
	    margin-top: -25px;
	    width: 100%;
	    font-size:13px;
	}
	.renewal_data_list ul li {
		font-size: 12px;
	}
	
	#modal_trialoptout .modal-dialog {
		width:100%;
		height: 100%;
	    margin: 0;
	    padding: 0;
	}
	#modal_trialoptout span {
		font-size: 14px;
    	margin-bottom: 0px;
    	margin-top: 0px;
	}		
	#modal_trialoptout .modal-dialog .modal-content {
		height: auto;
    	min-height: 100%;
	}
	#modal_trialoptout {
		padding-right:0px !important;
	}
	
	#yes_opt_out {
		width: 100%;
    	margin: 10px 0 10px 0;
	}
	#keep_free_trial {
		width: 100%;
		margin: 20px 0 10px 0;
	}
	.pric-block .row_2 .pric-duration {
		float: right;
	    padding-top: 0px;
	    width: 45%;
	    text-align: right;
	    margin-bottom: 0;
	    font-size: 22px;
	    line-height: 22px;
	}
	
	.pric-block .row_2 .free-term-description {
		float: left;
    	width: 35%;
    	text-align: left;
	}
	
	.not_available {
		font-size: 14px;
	    margin-top: 0;
	    text-align: left;
    	margin-left: 47px;
	}
	#manage-sub-hdtile .managesub-container .row {
		margin-left: -15px;
    	margin-right: -15px;
	}
	
	#manage-sub-hdtile .managesub-container .row [class*=' col-'] {
		padding-left: 15px;
    	padding-right: 15px;
	}
	
	.btn_cancel {		
   		margin-left: 0px;    	
	}
	
	.progress-menu ul li .status-text {	    
	    width: 78%;
	    margin: 0 auto;
	}
	
	.managesub-container {
		padding: 0 15px 0 15px;
	}
	.summary_text {
		font-size: 14px;
	}
	.small-glass-monthly .first-col {
		border-right: none !important;
    	border-bottom: 1px solid #ccc;
    	margin-bottom: 10px;
	}
	.pric-block .pric-rate {
		font-size: 28px;
    	line-height: 33px;
	}
	.total_due_font {
		font-size:22px;
	}
	
	.desc_outer, .desc_outer_gui {
		margin-top: 10px;
	}
	.desc_outer_gui {	/*fix for bl+ map ota*/
		position: unset;
	}
		 
	.pre_paid_duration {
		display: block;
	    width: 100%;
	    margin: 0;
	    /*line-height: 30px;*/
	    font-size: 14px;
	}
	
	.pric-block-wrap .radio-item label:before, .pric-block-wrap.do-not-add .radio-item label:before {
		left: 6px;
	    width: 26px !important;
	    height: 26px !important;
	}
	.pric-block-wrap .radio-item input[type="radio"]:checked + label::after {
	    width: 12px !important;
	    top: 12px !important;
	    left: 19px !important;
	    height: 12px !important;
	}
	.subsc-renew-block .subsc-renew-title {
		font-size: 16px;
    	font-family: "HyundaiSansHead-Bold";
    	margin-bottom: 10px;
	}
	
	.promo-enter-wrap .checkbox-item{		
		margin-top:8px;	
		font-size:14px;			
	}
	
	.subscription_text {
		font-size: 13px;
    	width: 92%;
    	margin-bottom: 5px;
	}
	
	.manage-sub-hdtile .page-title p {
		font-size: 14px;
		line-height:18px;
	}
	
	.managesub-container {
		padding: 0 15px 0 15px;
	}
	.sub_renewal_title {
		float:none;
	}
	.small-glass-monthly .monthly .pric-block .pric-duration {
		font-size: 22px;
		line-height: 22px;
		float: right;
		width: 116px;
		text-align: right;
	}
	.small-glass-monthly .package-wrap {
		border-bottom: 1px solid #ccc;
	}
	.small-glass-monthly #connected_care_collapse .col-xs-12,
	.small-glass-monthly #remote_collapse .col-xs-12,
	.small-glass-monthly #guidance_collapse .col-xs-12,
	.small-glass-monthly #wifi_collapse .col-xs-12 {
		padding-left: 0;
    	padding-right: 0;
	}
	.small-glass-monthly #connected_care_collapse .radio-item,
	.small-glass-monthly #remote_collapse .radio-item,
	.small-glass-monthly #guidance_collapse .radio-item,
	.small-glass-monthly #wifi_collapse .radio-item {
		margin-left:-12px;
		width: 45px;
	}
	.small-glass-monthly {
	    background: #f3f3f3;
	    padding: 12px;
	    margin-bottom: 12px;
	}
	
	.small-glass-monthly .pric-block-wrap.do-not-add {
		margin-top:0px;
	}	
	
	.monthly .pric-block .free-term-description {
		font-size: 13px;
	    width: 108px;	    
	    text-align: left;
	    float: left;
	    position: absolute;
    	left: 35px;
	}
	.renewal-options-label {
		line-height:20px;
		margin-bottom: 5px;
	}
	.small-glass-monthly .monthly {
		margin-left: 0;
	    margin-top: 10px;
	    padding-bottom: 0px !important;	    
	}
	.small-glass-monthly .price_blk_collase {
		display: none !important;
	}
	.small-glass-monthly #connected_care_collapse {
		display:block;
	}
	.small-glass-monthly #remote_collapse {
		display:block;
	}
	.small-glass-monthly #guidance_collapse {
		display:block;
	}
	.small-glass-monthly #wifi_collapse {
		display:block;
	}
	.renewal-options {
		float:left;
		width: 100%;
		/*margin-top: 10px;*/
    	margin-bottom: 20px;
    	border-bottom: 1px solid #ccc;
    	padding-bottom: 16px;
	}
	.product_type {
		width:100%;
		overflow:hidden;
		float:none;
	}
	.product_type span {
		width:50%;
		padding: 8px 0 8px 0;
	}
	.renewal-options-label {
		display:block;
	}
	.row_1 {	    
	    margin: 0;
	}
	/*Code for Edit payment page*/
	.paymentManagementBanner {
		margin-top:19px;
	}
	/*Code for Edit payment page*/
	
	.subscription_banner_car_outer {
		display:block;
	}
	
	.self-enroll-page {
		margin-bottom:10px;
	}
	#progress-menu-wrap {
	    margin-top: 0px;
	}
	.two_columns {
        -moz-column-count: 1;
        -moz-column-gap: 0;
        -webkit-column-count: 1;
        -webkit-column-gap: 0;
        column-count: 1;
        column-gap: 0;
	}
        .progress-menu ul li:last-child {
                padding-left: 12px;
                }
                .progress-menu .progress-menu-line {
                    margin-left: 17%;
                }
	#subscription_renewal h2 {
    	/*border-bottom:1px solid #ccc;*/
	}
	#subscription_renewal a:hover {
    	border:none;
	}
	#subscription_renewal a.subsc-renew-featitle {
		width: 30%;
		border: none;
		color: #0074c8;
		font-size: 13px;
	}
	.amount-info {
    	white-space: pre-wrap !important;
        font-size:11px;
        margin-bottom: 10px;
    }
    .checkbox-item label:before {
        margin-right: 10px !important;
        width: 25px !important;
        height: 25px !important;
		border: 1px solid #ccc !important;
    }	
	.veh-reg-checkbox .checkbox-item label {
		padding-left: 40px;
		position: relative;
		font-size: 14px;
	}
	.veh-reg-checkbox .checkbox-item label a {
		font-size: 13px;
	}
	.package_details_list {
		    margin-top: 16px;
	}
		.cur-sub-block .cur-sub-title {
    	margin-right:0;
    	font-size: 16px !important;
   }
   .subsc-renew-wrps{ 
       padding: 0;
   }
   .current-subsc-wrps {
       margin-bottom: 30px; 
    	padding: 20px 0 !important;
   }
	 .nopadding {
        padding-left: 10px !important;
        padding-right: 10px !important; 
	}
	/* MYHF-3682 Start */
	.review-order {
    	width: 100%;
   	    text-align: left;
	}
/* MYHF-3682 End */
		iframe {
        width:85%;
    }
		.review_order_step .col-md-8 {
    	width: 100%;
	}
	.pay-info-title, .rev-order-title {    	
        font-size:22px;
    	margin-left: 0;
    }
    .review-order .col-xs-offset-2 {
        margin-left: 16.66666667%;
            }
   .payment-info-order-summary-wrap [class*=' col-'], .review-order-wrap [class*=' col-'], .rev-ord-sidebar  [class*=' col-'], .review_order_price_block, .thankyou-page .promo-enter-wrap [class*=' col-'], .self-enroll-column{
               padding-left:10 !important;
               padding-right:10 !important;
      }
    .summary-price {
    		padding-left:0 !important;
            padding-right:0 !important;
        }
.revieworder-order-summary-wrap [class*=' col-'], .summary-page-order-summary-wrap .ord-sum-block [class*=' col-'], .thankyou-page-price, .selfEnrol-order-summary-wrap .ord-sum-block [class*=' col-']{
    	padding-left:10px !important;
        padding-right:10px !important;
    }
                .order-summary-wrap .h3head-title {
                    padding-bottom:10px;
                            font-size: 18px;
                        }
                        .order-summary-package-name {
                            font-size:16px;
                            }
                            .payment-info-order-summary-wrap .package-price, .payment-info-order-summary-wrap .subtotal {
                                font-size:16px;
                                    }
.manage-sub-hdtile .page-title {
    margin-top: 0px;
        }
.exclude_package {
	display:block;
	/*margin-top: -20px;*/
}
.exclude_package:before{
	top: 4px !important;
}
.exclude_package:after{
	top: 9px !important;
}
.rev-ord-sidebar {
     width: 100%;
}
.enrollrevieworder {
    /*margin-top: -190px !important;*/
}
.rev-order-title-border {
    border:none !important;
    margin-bottom:none !important;
}
#manage-subscription-banner {
    min-height: 0px;
    max-height: 0px;
    display: none;
}
.progress-menu {
   margin-top: 0px;
   }
    .progress_bar_review_order {
    	width:70%;
    	margin-left:18%;
    }
        .pric-block-wrap.do-not-add {
			margin-left: 0px;
        }
.rev-order-title {
    padding-bottom:0px;
        margin-bottom:20px;
        margin-top:0px;
    }
.review-order-wrap h4 {
    font-size:18px;
    margin-bottom: 0px; 
    line-height: 25px;
    }
.billing-address {
    margin-top:20px;
    }
.review-order-wrap .rev-ord-sum-wrap {
        margin-top: 30px;
        }
		.review-order-wrap .ord-sum-block:first-child {
			border: none;
		}
#btnPlaceOrder, #proceed_to_dashboard_btn {
	height: auto;
    font-size: 14px;
    margin-top: 20px;
}
.pull-left a {
    margin-top:20px;
	font-size: 14px;
    }
	.order-summary-wrap{
		margin-top: 35px;
	}
	.pull-left {
		margin-top:25px;
	}
}
@media (width: 768px) {
    .progress-menu .progress-menu-line {
        /*margin-left: 13%;*/
    }
}
@media (min-width:768px) and (max-width:1200px) {
	#completePurchase .veh-reg-checkbox {
		margin-top: 0px !important;
	}
	.enroll-sec.complete-purchase .order-summary-wrap .promo-enter-wrap{padding-bottom: 0px !important; margin-bottom: 0px!important;}
	.enroll-sec .backLink{margin-top: 15px;}
	.enroll-sec .self-enroll-total-amount
	
	.enrollrevieworder.enroll-sec.complete-purchase .rev-ord-sidebar .order-summary-wrap{padding: 10px 20px 10px 20px;}
.enrollrevieworder.enroll-sec.complete-purchase .review_order_sumary {
    padding: 10px 20px 0;
    /* border: 0px; */
}
#completePurchase .selfenroll {
    margin-bottom: 0px;
    border: 0px;
    padding-bottom: 0px;
}
	.openPromoCode .applyBtn {
		margin: 0px 0px 0px 0px !important;
		height: 36px;
	}
	.promoInput .input-field{height: 36px;}
	
		.cancelSubscription .manage-sub-hdtile {height:170px;}
		.manage-sub-hdtile .page-title {padding-left:15px;}
		.cancelSubscription .hyundai-modal-body {padding-left:15px;padding-right:15px;}
		.review-order .col-xs-offset-2.pull-left {
			margin-left: 25% !important;
			width:25% !important;
		}
		.review-order .pull-left{
			width:25% !important;
		}
		.btn.btn-black.proToReview {
			height: 40px;
			line-height: 10px;
			max-width: 400px;
		}
		.progress-menu .progress-menu-line {
			left: 0;
			right: 0;
			text-align: center;
			width: 66%;
		}
		.progress-menu-wrap {
			margin-top: -19px;
		 }
		 #subscription_renewal .subsc-renew-row {
			flex-direction: column;
		 }
	
		 /**Enroll Page**/
		 /* .destTopView{display:none} */
		 /* .mobView{display:inline-block !important} */
		 .enroll-sec .review_order_sumary{background-color: #fff;}
		 .enroll-sec .review_order_step{flex-direction: column;}
		 .enroll-sec .review_order_sumary{width:100%}
		 .enroll-sec .rev-ord-sidebar{width:100%}
		 .enroll-sec .review_order_sumary{padding:0px 20px}
		 .enroll-sec .top_content{padding-left:0}
		 .enroll-sec .self-enroll-column{padding:0!important}
		 .enrollrevieworder.enroll-sec .rev-order-title{padding-left:0}
		 .enroll-sec .review-order-wrap .ord-sum-block:first-child{border-top:1px solid #ccc}
		 .enroll-sec .review-order-wrap .ord-sum-block:last-child{border-bottom:1px solid #ccc}
		 .enroll-sec .page-title{font-size:32px}
		 .enroll-sec .ord-title{margin-bottom: 5px;}
		 .enroll-sec .order-summary-wrap{margin-top:0}
		 .enroll-sec .h3head-title{padding-bottom:25px !important}
	
		 .enroll-sec .checkoutRow{position: static; border: 0; width:100%; border-bottom: 1px solid #ccc; padding: 18px 0 20px 0;}
		  .enroll-sec .checkoutRow .btn.enrollToOrder{margin: 0px;height: 36px !important;
			display: flex;
			align-items: center;
			line-height: 20px !important; padding: 0px 17px !important;}
		  
		 .enroll-sec .orderBtn{width:auto;}
		 .enroll-sec .promo-enter-wrap.btn-wrap{width:auto; padding: 0px;}
	
		 .enroll-sec .review-order-wrap .ord-sum-block > .row{display:flex; justify-content: space-between;}
		 .enroll-sec .ord-sum-block div[class*=col-]{width:auto}
		 .enroll-sec .review-order-wrap .ord-sum-block > .row::before, .enroll-sec .review-order-wrap .ord-sum-block > .row::after{
			display:none
		 }
		 .complete-purchase .promoInput {max-width: 210px; width: 100%;	}
		.complete-purchase .applyBtn { max-width: 110px; width: 100%; margin-left:15px; margin: 8px 0 8px 15px;}
		.promoCode{justify-content: flex-start;}
		.current-subsc-wrps.thankyou-page-wrps{padding:0 0px!important}
	
		.thankyou-page-wrps .review-order-wrap .ord-sum-block > .row{display:flex; justify-content: space-between;}
		.thankyou-page-wrps .ord-sum-block div[class*=col-]{width:auto; padding:0}
		.thankyou-page-wrps #ordSummaryBlock .ord-sum-block div[class*=col-],.thankyou-page-wrps #ordSummaryBlock .ord-sum-block div[class*=col-],.current-subsc-wrps.hy-managesecNew .ord-sum-block div[class*=col-]{width:100%; padding:0}
		.thankyou-page-wrps #ordSummaryBlock .ord-sum-block .promo-enter-wrap.subtotal div ,.thankyou-page-wrps #ordSummaryBlock .ord-sum-block .promo-enter-wrap.total_amount div [class*=col-]{width:50%; padding:0;}
		.thankyou-page-wrps .h3head-title{font-size:24px; margin-bottom: 20px;}
		.thankyou-page-wrps .ord-title{color: #032D; margin-bottom: 5px;}
	
		.btnPrimary{text-align: center;}
		.update_securuty_pin{
			padding: 90px 30px 20px;
		}



		.desktop-checkbox {
			display: none;
		}
	
		.checkout_mobile_checkbox {
			display: block;
		}
		.complete-purchase .checkout_mobile_checkbox {
			display: block;
			position: relative;
			top:-5px;
		}
		
	.thankyou-page-wrps .pay-name{ margin-bottom:20px; }
	.thankyou-page-wrps .nextBtn-row{margin-top: 25px !important;}
	#thankYouText{margin-bottom: 20px;}
		#completePurchase .veh-reg-checkbox .checkbox-item label:after {
			font-size: 12px !important;
			top: -4px !important;
			left: 3px !important;
		}
		.manage-subsc-wrps.enrollrevieworder-thankyoupage.hy-thankyou{padding-top: 120px !important;}
		#completePurchase .redTxt p {
			text-align: left;
			padding: 0;
		}
		.enroll-sec .selfenroll {
			margin-bottom: 25px;
		}
		.enroll-sec .order-summary-wrap .h3head-title{margin-bottom: 0px; }
		.complete-purchase .order-summary-wrap .h3head-title{margin-bottom: 22px; }
		.enroll-sec .rev-ord-sidebar .order-summary-wrap{padding: 20px 20px 10px 20px;}
		.payment-info-order-summary-wrap{
			margin-top: 10px !important;	
		}
		#completePurchase .review-order-wrap .ord-sum-block:last-child {
			border: 0px !important;
			margin: 0px;
		}
		#completePurchase .review-order-wrap .ord-sum-block {
			border-bottom: 1px solid #ccc !important;
			padding: 0px 0 20px;
			margin-bottom: 20px;
		}
	
}
@media (max-width: 767px) {
	.thankyou-page-wrps .nextBtn-row{max-width: 100%;
		width: 100%;
		min-width: 327px !IMPORTANT;
		margin: 25px auto 0 !IMPORTANT;}
	#completePurchase .veh-reg-checkbox {
		margin-top: 0px !important;
	}
	.enroll-sec.complete-purchase .order-summary-wrap .promo-enter-wrap{padding-bottom: 0px !important; margin-bottom: 0px!important;}
	#completePurchase .review-order-wrap .ord-sum-block:last-child {
		border: 0px !important;
		margin: 0px;
	}
	#completePurchase .review-order-wrap .ord-sum-block {
		border-bottom: 1px solid #ccc !important;
		padding: 0px 0 20px;
		margin-bottom: 20px;
	}
	.enroll-sec .backLink{margin-top: 15px;}
	.enroll-sec .self-enroll-total-amount
	#completePurchase .veh-reg-checkbox {
		margin-top: 0;
	}
	.promoInput .input-field{height: 36px;}
	.openPromoCode .applyBtn {
		margin: 0px 0px 0px 15px !important;
		height: 36px;
	}
	
	
	.cancelSubscription .manage-sub-hdtile {height:170px;}
	.manage-sub-hdtile .page-title {padding-left:15px;}
	.cancelSubscription .hyundai-modal-body {padding-left:15px;padding-right:15px;}
	.review-order .col-xs-offset-2.pull-left {
	    margin-left: 25% !important;
    	width:25% !important;
	}
    .review-order .pull-left{
        width:25% !important;
    }
	.btn.btn-black.proToReview {
    	height: 40px;
    	line-height: 10px;
    	max-width: 400px;
	}
    .progress-menu .progress-menu-line {
        left: 0;
        right: 0;
        text-align: center;
        width: 66%;
    }
    .progress-menu-wrap {
        margin-top: -19px;
     }
	 #subscription_renewal .subsc-renew-row {
		flex-direction: column;
	 }

	 /**Enroll Page**/
	 /* .destTopView{display:none} */
	 /* .mobView{display:inline-block !important} */
	 .enroll-sec .review_order_sumary{background-color: #fff;}
	 .enroll-sec .review_order_step{flex-direction: column;}
	 .enroll-sec .review_order_sumary{width:100%}
	 .enroll-sec .rev-ord-sidebar{width:100%}
	 .enroll-sec .review_order_sumary{padding:0px 20px}
	 .enroll-sec .top_content{padding-left:0}
	 .enroll-sec .self-enroll-column{padding:0!important}
	 .enrollrevieworder.enroll-sec .rev-order-title{padding-left:0}
	 .enroll-sec .review-order-wrap .ord-sum-block:first-child{border-top:1px solid #ccc}
	 .enroll-sec .review-order-wrap .ord-sum-block:last-child{border-bottom:1px solid #ccc}
	 .enroll-sec .page-title{font-size:32px}
	 .enroll-sec .ord-title{margin-bottom: 5px;}
	 .enroll-sec .order-summary-wrap{margin-top:0}
	 .enroll-sec .h3head-title{padding-bottom:25px !important}

	 .enroll-sec .checkoutRow{position: static; border: 0; width:100%; border-bottom: 1px solid #ccc; padding: 18px 0 20px 0;}
	  .enroll-sec .checkoutRow .btn.enrollToOrder{margin: 0px; height: 36px !important;
		display: flex;
		align-items: center;
		line-height: 20px !important; padding: 0px 17px !important;}
	  
	 .enroll-sec .orderBtn{width:auto;}
	 .enroll-sec .promo-enter-wrap.btn-wrap{width:auto; padding: 0px;}

	 .enroll-sec .review-order-wrap .ord-sum-block > .row{display:flex; justify-content: space-between;}
	 .enroll-sec .ord-sum-block div[class*=col-]{width:auto}
	 .enroll-sec .review-order-wrap .ord-sum-block > .row::before, .enroll-sec .review-order-wrap .ord-sum-block > .row::after{
		display:none
	 }
	 .complete-purchase .promoInput {max-width: 210px; width: 100%;	}
	.complete-purchase .applyBtn { max-width: 110px; width: 100%; margin-left:15px; margin: 8px 0 8px 15px;}
	.promoCode{justify-content: flex-start;}
	.current-subsc-wrps.thankyou-page-wrps{padding:0 0px!important}

	.thankyou-page-wrps .review-order-wrap .ord-sum-block > .row{display:flex; justify-content: space-between;}
	.thankyou-page-wrps .ord-sum-block div[class*=col-]{width:auto; padding:0}
	.thankyou-page-wrps #ordSummaryBlock .ord-sum-block div[class*=col-],.current-subsc-wrps.hy-managesecNew .ord-sum-block div[class*=col-]{width:100%; padding:0}
	.thankyou-page-wrps #ordSummaryBlock .ord-sum-block .promo-enter-wrap.subtotal div[class*=col-],.thankyou-page-wrps #ordSummaryBlock .ord-sum-block .promo-enter-wrap.total_amount div[class*=col-]{width:50%; padding:0;}
	.thankyou-page-wrps .h3head-title{font-size:24px; margin-bottom: 20px;}
	.thankyou-page-wrps .ord-title{color: #032D; margin-bottom: 5px;}

	.btnPrimary{text-align: center;}
	.update_securuty_pin{
		padding: 90px 30px 20px;
	}
}
/*-- End Tablet --*/
.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cur_sub_desc_font{
 font-family: HyundaiSansTextOffice-Regular;
}
.rev_order_border{
border_bottom:0 !important;
}

label.avisited a:visited{
	/*border-bottom: 1px solid #0074c8;
	color: #0074c8;*/
}
.btn-black.proToDashboard:hover{
	background:#3c3c3c;
	border-color: #fff;
}
@media (min-width: 1025px) {
    
	.manage-sub-hdtile {        
        background-size: cover;
   		height: 222px;
    }	    

}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.self-enroll-page {
		min-height:320px;
	}
	.manage-sub-hdtile, .manage-sub-hdtile.thankyou-page{
		background-size:100% 180px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	.manage-sub-hdtile, .manage-sub-hdtile.thankyou-page{
		background-size: 100% 180px;
	}
	.pinBox{height:90px !important}
}

@media (max-width: 767px) and (min-width: 100px) and (orientation: landscape) { 
	.manage-sub-hdtile {
		/*background-size: 170% !important;*/
	}
}
/*Ipad Pro*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
	.manage-sub-hdtile, .manage-sub-hdtile.thankyou-page {
	    background-size:100% 180px;
	}
}
@media (min-width:992px) and (max-width: 1024px){
    .review-order .col-xs-offset-2.pull-left{
        margin-top:0 !important;
    }
    .review-order .pull-left{
		margin-top:-20px !important;
     }  
     /* .amount-info {
   	    margin-bottom: 106px;
     }               */
}
 @media (min-width: 1025px) and (max-width: 1199px){
 	.progress-menu .progress-menu-line {
    	width: 340px;
     } 
	.btn-wrap .btn-black.proToReview {
    	width: 170% !important;
    }           
}
@media (min-width: 768px) and (max-width: 1024px){
	#modal_cancel_subscription .page-title {
		margin-top: 45px;
		padding-left: 0;
	}
     .btn.btn-black.proToReview {
        line-height: 31px;            
      }
      .review-order .col-xs-offset-2.pull-left {
       margin-top: 18px !important;                 
    }                                      
}
@media (min-device-width : 768px) and (max-device-width : 991px){
	.review-order {
		text-align: center;
	}
	.btn.btn-black.proToReview {
	    max-width: 230px;
	}
	.review-order .col-xs-offset-2.pull-left {
	    margin-left: 30% !important;
    	width:20% !important;
	}
    .review-order .pull-left{
        width:20% !important;
    }
    .amount-info {
    	margin-bottom: 52px;
    }
}