.nav-mob .san-child-wrapper {
	background-color: #F7F8F9 !important;
	}
.hero-card-size{
	max-width: 70% !important;
	}
.hero-card-pos{
	margin-left: -90px !important;
}
.btn-size .btn  {
	border: 1px solid white;
	}
.bg-color-grid{
	background: #F0F6FC 0% 0% no-repeat padding-box;
	}

.grid-bottom-border-mb{
		display:none !important;
	}
.icon-size{
		width:100px;
		height:160px;
		margin-left:120px;
		margin-top:20px;
	}
.hero-bg-position .card-img-bg{
	background-position: 22%;
	}
.apple-pay-img {
	max-width: 90% !important;
	}
.icon-card-insert {
	max-width:110px;
	margin-left:115px;
	}
.icon-card-contactless {
	max-width:120px;
	margin-left:110px;
	}
.freee-img{
	max-width:90%;
	}

@media (max-width: 767px) {
	.nav-mob {
		display: none !important;
		}
	.hero-card-size{
		max-width: 100% !important;
		}
.hero-card-pos{
	margin-left: 0px !important;
}
	.icon-size{
		width:100px;
		height:150px;
		margin-left:100px;
		margin-top:25px;
		}
	.btn-size .btn {
		width:100%;
		}
	.grid-bottom-border-mb{
		display:block !important;
		}
	.display-mob-view{
		display:block !important;
		}
	.right-border-pc{
	display:none !important;
	}
	.hero-pc{
	display: none !important;
	}
}

.display-mob-view{
	display: none !important;
.hero-pc{
display: block !important;
}
}
.right-border-pc{
	border-right: 0.5px solid #c8c9c7 !important;
	}

/*Bottom secondary navigation */
.bottom-sec-nav {
	display: none;
}
@media (max-width: 767px) {
	.bottom-sec-nav {
		display: block !important;
		border-bottom: 1px solid #ecedee;
	}
	.bottom-nav-item1 {
		border-top: 1px solid darkgrey !important;	
	}
	.bottom-nav-item2 {
		border-bottom: 1px solid darkgrey !important;
	}
	.bottom-sec-nav-p > p:before {
		font-family: dls-icons-2.1.0;
		content: ">";
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 1.01rem;
		color: #00175A;
		margin: auto .425rem;
		margin-left: 0%;
	}
	

	
}
@media only screen and (max-width: 767px) {
.text-align-left.hero-mb {
    width: 60%;
}
.display-mob-view{
		display:block !important;
		width :73%
		}
 }
.hero-green-mb {
    width: 148px;
    height: 60px;
    margin-top: -20px;

}
.hero-gold-mb {
    width: 148px;
    height: 60px;
    margin-left: 114px;
    margin-top: -60px;

}
.hero-plat-mb {	
    width: 148px;
    height: 60px;
    margin-left: 228px;
    margin-top: -60px;

}