body.body-nav-white {
	padding: 91px 0 0;
}
section.secure-hero {
	padding: 10px 0 50px;
	text-align: center;
	background-image:url(../jpg/visa-bg.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}
.hero-logo {
    margin-bottom: 15px;
}
.secure-hero h2{
	font-size:48px;
	color:#fff;
}
section.getstarted {
    padding: 50px 0 80px;
	background: #f7f7f7;
}
.getstarted h3{
	margin-bottom:20px;
}
.how-does{
	padding:50px 0;
	background:#2a2c31;
	color:#fff;
}
.how-does h2 {
    text-align: center;
    margin-bottom: 35px;
}
.settings-text{
	float:left;
	width:51%;
	margin-top:0px;
}
.setting-img{
	float:right;
	width:40%;
	margin-left:5%;
	text-align:left;
}
.settings-text p{
	margin-bottom:25px;
}
.setting-img img{
	max-width:100%;
}
.details-section{
	padding:50px 0;
}
.details-left{
	width:30%;
	float:left;
}
.details-right {
    width: 62%;
    float: left;
    margin-left: 8%;
    margin-top: 55px;
}
.bottom-section{
	padding:50px 0;
}
.bottom-section h2{
	text-align:center;
	margin-bottom:35px;
}
.bottom-left{
	width:30%;
	float:left;
}
.bottom-right{
	width:55%;
	float:left;
}
@media(max-width: 1199px) {
.secure-hero h2 {
    font-size: 40px;
    color: #fff;
}
section.secure-hero {
    padding: 10px 0 40px;
}
.secure-hero .dp-tools {
    padding: 0 60px;
}
.settings-text {
    margin-top: 0;
}
.hero-logo img{
	max-width:100%;
}
.bottom-left {
    width: 36%;
}
.bottom-right {
    width: 64%;
}
.setting-img {
    margin-top: 40px;
}
.details-right {
    margin-top: 40px;
}
}

@media(max-width: 1023px) {
.secure-hero h2 {
    line-height: 60px;
}
.secure-hero h2 {
    font-size: 30px;
}
.setting-img {
    margin-top: 40px;
    margin-bottom: 40px;
}
section.secure-hero {
    padding: 10px 0 35px;
}
.details-left {
    width: 100%;
    float: none;
    text-align: center;
}
.details-left img{
	max-width:100%;
}
.details-right {
    width: 100%;
    float: none;
    margin-left: 0;
}
.settings-text {
    float: none;
    width: 100%;
}
.setting-img {
    float: none;
    width: 100%;
    margin-left: auto;
    text-align: center;
}
.bottom-left {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 40px;
}
.bottom-right {
    width: 100%;
    float: none;
}
}

@media(max-width: 767px) {
h2 {
	font-size: 26px;
	line-height: 32px;
}
.secure-hero h3 {
    line-height: 33px;
	font-size: 19px;
}
.hero-logo img,
.bottom-left img{
	max-width:100%;
}
.secure-hero h2 {
    font-size: 30px;
    line-height: 46px;
    margin-top: 40px;
}
.settings-text {
    float: none;
    width: 100%;
}
.how-does h2 {
    font-size: 23px;
}
.how-does {
    background-position: center;
}
.hero-logo img {
    max-width: 85%;
}
}
@media(max-width:320px){
.secure-hero h2 {
    font-size: 28px;
}
.how-does h2 {
    font-size: 19px;
}
}

.breadcrumb{
	text-align:right;
	margin-bottom: 80px;
}
.breadcrumb a{
	color:#fff;
}
.breadcrumb ol{
	list-style-type:none;
	padding:0
}
.breadcrumb ol li{
	list-style:none;
	display:inline-block
}
.breadcrumb ol li:not(:last-child):after{
	content:"/";
	color:#fff;
	margin:0 5px
}
section.payment-hero {
    padding: 0px 0 35px;
}
section.hero-section-affirm {
    padding: 90px 0 140px;
}
@media(max-width:1199px){
.breadcrumb {
    margin-bottom: 55px;
}
}
@media(max-width:1024px){
.breadcrumb a {
	color: #fff;
}
.breadcrumb ol li:not(:last-child):after{
	color:#fff;
}
}
@media(max-width:767px){
	.breadcrumb ol li{
		display:block;
		text-align: left;
	}
}	
