@media (min-width:767px){
#hero-banner>.card-img-bg{
     background-size: 100%;
     background-repeat: no-repeat;
}
}
@media (min-width:768px){
#hero-banner .col-md-4{
	margin-left: 13px;
}
}
@media (min-width:1350px){
#hero-banner{
	max-width: 1349px;
    margin: 0 auto;
}
}
 @media (max-width:767px){
     #hero-banner>.card-img-bg {
         background-size:175% auto;
         background-position: top right;
         background-repeat: no-repeat;
    }
	#cardart-img .card-block img{
		width:66%
	}
	#hero-banner h3{
	padding-bottom:1.25rem!important;
	}

    #hero-banner{
         padding-top: 57%;
    }
     #cardart-img{
         background-color:#002060 
    }
	.cardart-img-marriot{background-color:#221D1A!important;}
     #hero-banner .col-md-4{
         margin:0;
         padding:0 
    }
     #hero-banner .container{
         padding:0px!important;
    }
     #hero-banner .row{
         padding:0px!important;
         margin:0 auto;
    }
     #cardart-img .card-block{
         text-align:center!important;
    }
}
 @media only screen and (min-width: 579px) and (max-width: 767px){
     #hero-banner .container{
         max-width:100%!important 
    }
}
 @media only screen and (min-width: 768px) and (max-width: 1325px){
     #hero-banner>.card-img-bg{
         background-size: 100% 100%;
         background-repeat: no-repeat;
         background-position:top right;
	}
     #cardart-img .richtext h3{
	 font-weight: 300;
     font-size: 0.9rem;
     line-height: 1.1rem;
    }
    
}
.b5-icon .col-md-2{
margin:0 auto;
}
.b5-icon div.col-md-2.margin-0-tb:nth-of-type(6){
display:none;
}

.platinum-3b .card-block, .airmilescc-4b .card-block, .airmilespc-5b .card-block, .spg-5b .card-block, .essential-3b .card-block, .aeroplang-4b .card-block, .aeroplanp-4b .card-block, .simplycash-3b .card-block{
padding:12px
}
.dls-accent-blue-02{color:#000;}

@media (min-width: 768px){
#hub-bg .carousel-inner{
min-height:0px!important
}
}
@media only screen and (min-width: 320px) and (max-width: 767px){
#hub-header .heading-5,#hub-bg .heading-5, .hub-header .heading-5 {
	font-size: 1.275rem;
	line-height: 1.9rem;
}
.card-img-bg{
	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top;
}
#hub-bg .card-img-bg{
	background-color: #002060;
}
#hub-bg .container{
	padding:0px!important
}
#hub-bg .row .col-md-6 .card-block{
	padding:0px!important
}

#hub-bg .row .col-md-6 .card-block h2{
	display:none;
}
#hub-bg .hero-carousel-outer{
min-height:425px!important
}
}
.res_300  #hub-bg .card-block{
	top: 40px;
}
.res_350  #hub-bg .card-block{
	top: 50px;
}
.res_400  #hub-bg .card-block{
	top: 70px;
}
.res_450  #hub-bg .card-block{
	top: 85px;
}

.res_500  #hub-bg .card-block{
	top: 95px;
}
@media only screen and (min-width: 524px) and (max-width: 767px){
#hub-bg .card-block{
	top: 115px;
}
#hub-bg .hero-carousel-outer{
	min-height:450px!important
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
#hub-bg .card-img-bg{
	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top;
}
#hub-bg .heading-5, .hub-header .heading-5 {
	font-size: 1.323rem;
    line-height:1.9rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px){
#hub-bg .card-img-bg{
	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top;
}
#hub-bg .hero-carousel-outer{
	min-height:280px!important;
	max-height:297px!important;
}
#hub-header .heading-5,#hub-bg .heading-5 {
	font-size: 1.475rem;
    line-height: 2rem;
}
#hub-bg .col-md-6 .card-block{
	padding-top:0px!important;
}
}
@media (min-width:1280px){
#hub-bg .hero-carousel-outer{
	/*max-height:460px!important;*/
	min-height:460px!important;
}
}
@media only screen and (min-width:768px) and (max-width:960px){
#hub-bg .hero-carousel-outer{
	max-height:386px!important;
	min-height:326px!important;
}
}
@media (min-width:768px){
#hub-video .video{
	width:73%;
	margin:0 auto;
}
#hero-banner h3{
	padding-top:1.25rem!important;
}
}
@media only screen and (min-width:768px) and (max-width:960px){
	#banner-button .row.pad-3-b{
	padding-bottom:0px!important
}
}
@media (min-width:767px) and (max-width:1023px){
#hub-bg .row .col-md-6 .card-block h2{
	display:none;
}
#hub-bg .hero-carousel-outer{
	max-height: 263px!important;
	min-height: 250px!important;
}
#hub-bg .col-md-6{
top:-70px;
}
}
@media (min-width:1024px) and (max-width:1279px){
	#hub-bg .hero-carousel-outer{
	min-height: 330px!important;
    max-height: 345px!important;
}
}
@media (min-width:570px) and (max-width:767px){
#hub-bg .card-img-tint.dls-rtp-black-bg{
background-color:#0B2241!important;
}
}
#cobalt-icon .dls-accent-blue-02{
color:#0B2241!important;
}
@media only screen and (min-width: 768px) and (max-width: 950px){
div#hub-bg .col-md-6{
margin-left: -70px;
}
}
@media (min-width: 951px){
div#hub-bg .col-md-6{
margin-left: -80px;
}
}
@media (max-width:767px){ 
.breadcrumb>li:not(:last-of-type):before {
    font-family: dls-icons;
    content: '\2039';
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.3rem;
    color: #53565a;
    margin: auto .467rem;
    margin-top:-3px
}
.breadcrumb>li:not(:last-of-type):after {
	content: '';
}
.breadcrumb li:nth-child(2){
	display:none
}
.tick-align .col-md-2.col-md-offset-0.margin-0-tb{
	max-width:10%
}
.tick-align .col-md-10.col-md-offset-0.margin-0-tb{
	max-width:90%
}
}
#cardart-img.cobalt-cardart-bgcolor{background-color: #7fd2c2;}
#cardart-img.platinum-cardart-bgcolor{background-color: #74787b;}
#cardart-img.amreserve-cardart-bgcolor{background-color: #888c8d;}
/* #cardart-img.spg-cardart-bgcolor{background-color: #460c1a;} */
#cardart-img.apreserve-cardart-bgcolor{background-color: #8a8f8b;}