/*IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}

.custom-country-dropdown {
    min-width: 182px !important;
}
.custom-country-flag {
     margin-left: 0px !important;
 }

/*Mobile version start*/
.header-desktop, .countryselection1
{
display:block !important;
}
.header-mobile, .top-country-sticky .container .row .col-md-5 .collapsible-panel, .grid-icon-desktop
{
display:none !important;
}

/*Mobile version end*/

.customsearch 
{
    min-height: 3.125rem !important; 
	}

/*Small Desktop*/
@media  (max-width: 1279px)  and (min-width:1024px){

/*Recommended video*/
.grid-account-maintenance  {
min-height:450px !important;
 }

.grid-at-work-navigation {
min-height:450px !important;
 }

.grid-upgrade-card  {
min-height:450px !important;
 }

.grid-bta {
min-height:450px !important;
}

.dls-icon-play-circle
{
margin-top: -265px !important;
}
.dls-icon-play-circle-filled
{
margin-top: -265px !important;
}
#play_icon {
width:22% !important;
top:10% !important;
}
.btn-sprt-contactus
{
margin-top:55px !important;
}
/*Get started section*/
.quick-access-members-activity-img {
    width: auto !important;
	}
/*Reconciliation section*/
.grid-reconciliation
{
min-height: 425px !important;
}	
/*Insights tool section*/
.grid-insights-tool{
min-height:460px !important;
}

/*Chat support*/
/* .chat-support-background {
min-height: 435px !important;
} */
}

@media  (min-width: 1024px) {
  .chat-support-background {
    height: 350px;
  /* min-height: 435px !important; */
  }
  
  /* .btn-sprt-contactus {
    margin-top: 34px !important;
  } */
}

#play_icon {
  margin-top: 59px !important;
}

/*Extra Small Desktop*/
@media  (max-width: 1023px)  and (min-width:768px){

/*Recommended video*/
#play_icon {
width:30% !important;
top:5% !important;
}
.dls-icon-play-circle
{
margin-top: -200px !important;
}
.dls-icon-play-circle-filled
{
margin-top: -200px !important;
}
.grid-account-maintenance  {
min-height:510px !important;
 }

.grid-at-work-navigation {
min-height:510px !important;
 }

.grid-upgrade-card  {
min-height:510px !important;
 }

.grid-bta {
min-height:510px !important;
}

/*Category*/
.grid-category-heading .container .row .col-md-1
{
padding-right:6px !important;
}
.grid-category-heading .container .row .col-md-1 .icons .pad-3-b
{
padding-bottom: 0px !important;
}

/*Get-started*/
.get-started-main-grid {
min-height: 365px !important;
}
.get-started-main-grid .container{
padding: 0px !important;
}

/*Access Key*/
.btn-create-access-key > a {
    min-width: auto !important;
	border: solid 1px #006fcf !important;
  background-color: rgba(0, 111, 207, 0) !important;
	}
.grid-insights-tool
{
min-height:520px !important;
}

/*chat support*/
.chat-support-background 
{
min-height: 465px !important;
}
.btn-sprt-contactus
{
  padding-top: 59px !important;
}	
}
/*Tablet*/
@media  (max-width: 767px)  and (min-width:426px){
#play_icon {
    background: url(/content/dam/amex/us/resource-center/Images/play-icon-white.png) no-repeat;
    height: 35%;
    left: 40%;
    position: absolute;
    top: 25%;
    border-style: none !important;
    width: 17%;
}
.dls-icon-play-circle
{
margin-top: -300px !important;
}
.dls-icon-play-circle-filled
{
margin-top: -300px !important;
}
.rwrd {
margin-left:0px !important;
}
}
/*Mobile*/
@media  (max-width: 425px){

.dls-icon-play-circle
{
margin-top: -175px !important;
}
.dls-icon-play-circle-filled
{
margin-top: -175px !important;
}

.get-started-main-grid {
  min-height: 625px !important;
}
.header-desktop, .countryselection1
{
display:none !important;
}
.grid-icon-desktop  .container .row .col-md-12 div .image .pad a img
{
    width:40px;
	height:40px;
    top: 600px;
    right: 40px;
    position: fixed;
    z-index: 1;
	opacity:75%;
}
.btn-faq a, .button-article a
{
max-width:100%;
}
.header-mobile, .top-country-sticky .container .row .col-md-5 .collapsible-panel0, .grid-icon-desktop
{
display:block !important;
}
.top-country-sticky .container .row .col-md-5 .collapsible-panel0
{
width:unset !important;
}
.top-country-sticky .container .row .col-md-5 .collapsible-panel0 div .bordered
{
background-color:#006fcf !important;
border:none !important;
}
.top-country-sticky .container .row .col-md-5 .collapsible-panel0 div .bordered .body-1 .collapsible
{
	padding-left: 0px !important;
    padding-bottom: 0px !important;
	color: #006fcf !important;
	text-align:center !important;
}
.top-country-sticky .container .row .col-md-5 .collapsible-panel0 div .bordered .body-1 .collapsible span
{
font-size:16px !important;
color:#fff !important;
}
.top-country-sticky .container .row .col-md-5 .collapsible-panel0 div .bordered .body-1 .collapsible .collapsible-caret
{
color:#fff !important;
}
.top-country-sticky .container .row .col-md-5 .collapsible-panel0 div .bordered .body-1 .accordion-content
{
	background-color: #006fcf !important;
	border-top:unset !important;
}
.top-country-sticky .container .row .col-md-5 .collapsible-panel0 div .bordered .body-1 .accordion-content .row
{
padding:0px !important;
}
.grid-category-heading  .container .row .col-md-1
{
flex:0 0 8% !important;
max-width: 8% !important;
}
.grid-category-heading  .container .row .col-md-11
{
flex:0 0 92% !important;
max-width: 92% !important;
}/*
.dls-icon-business:before{
   padding-top:35px;
   margin-left:-90px;
   margin-top:26px;
}
.dls-icon-statement-ready:before{
    padding-top:35px;
    margin-left:-30px;
    margin-top:25px;
}

.dls-icon-pie-chart:before{
    padding-top:35px;
    margin-left:-80px;
    margin-top:26px;
}
.dls-icon-alert:before {
    padding-top: 35px;
    margin-left: -90px;
    margin-top: 25px;
}
.dls-icon-info:before {
    padding-top: 35px;
    margin-left: -90px;
    margin-top: 27px;
}
.dls-icon-more:before {
    padding-top: 35px;
    margin-left: -25px;
    margin-top: 26px;
}
.dls-icon-card-swipe:before{
   padding-top:35px;
   margin-left:-25px;
   margin-top:30px;
 }*/
 .rewards-heading-grid .container .row .col-md-12 div .richtext
 {
 padding-bottom:30px !important;
 }
 .grid-reconciliation
 {
 padding-bottom: 20px !important;
 }
 .chat-bottom-grid
 {
 min-height: 30px !important;
 }
 .meet-american-express, .guide-font, .marketing-font, .rewards-heading, .faq-heading, .grid-faq-collapsible .collapsible
 {
 font-size: 1.25rem;
  line-height: 23px !important;
 }
 .guide-subheading-font, .marketing-subheading-font, .faq-subheading, .grid-faq-collapsible  .accordion-content .row .col-md-12 div .richtext div .body-3
 {
 font-size: 16px !important;
    line-height: 23px !important;
 }
 .rewards-heading-grid .container .row .col-md-12 div .richtext div p, .grid-article .container .row .col-md-6 div >.richtext div p , .grid-reconciliation .container .row .col-md-6 .richtext div >p , .text-work-frequently
 {
 text-align:center !important;
 }
 .grid-article .container .row .col-md-6 div >.richtext div .mal-subheading, .grid-reconciliation .container .row .col-md-6 .richtext div >p  ~p
 {
 text-align:left !important;
 }
 .grid-faq-collapsible .container
 {
 padding-left:0px !important;
 padding-right:0px !important;
 }
 .grid-home-video .container .row .col-md-6 div .richtext div h2
 {
 text-align:center !important;
 }
 .grid-home-video, .grid-reconciliation, .grid-article
 {
 padding-left:35px !important;
 padding-right:35px !important;
 }
 .grid-article .container .row, .grid-home-video .container .row
 {
 flex-direction:column-reverse !important;
 }
  .grid-faq
  {
  padding-left:23px !important;
  padding-right:23px !important;
  }
.grid-rewards-n-benefits
{
 padding-bottom: 20px !important;
}
.grid-search
{
min-height:175px !important;
}
.grid-banner
{
min-height:500px !important;
}
.mask1{
min-height:500px !important;
}
.hide-grid-mobile 
{
display:none !important;
}

 .btn-sprt-contactus >a {
    width: auto !important;
}
.mobile-chat-padding
{
min-height:310px !important;
}
.btn-chat >a {
    width: auto !important;
}
.grid-chat-support
{
padding-left:25px !important;
padding-right:31px !important;
padding-top:4px !important;
padding-bottom:20px !important;
}
.mask1 .container .row
{
  padding-top: 0px !important;
}

.learn-mobile-padding .container .row .col-md-12 .richtext div .box p b .heading-4
{
font-size:15px;
line-height: 23px;
}

.getstarted-padding-mobile
{
padding-top: 20px !important;
padding-bottom: 20px !important; 
}
.getstarted-description-mobile-padding
{
margin-top: -27px;
line-height:21px;
}
.learn-mobile-padding
{
font-size: 15px !important;
line-height: 23px !important;
padding-left: 3px !important;
 padding-right: 18px !important;
}

.button-mobile-padding
{
 padding-top: 20px !important;
}
.rewards-benefits-image {
 margin-top: 0px !important;
}
.rewards-mobile-padding
{
padding-bottom:20px;
}
.reports-mobile-padding{
padding-left:33px;
padding-right:33px;
}

.find-category
{
text-align: center;
padding-top: 46.5px;
}
.subcategory-mobile-padding
{
padding-left: 33px;
 padding-right: 33px;
}
.sub-category-display-mobile
{
min-height: 20px !important;
}

.top-header-mobile-font , .selectedcountry
{
font-size:16px;
line-height:24px;
}
.help-font-mobile
{
font-size:24px;
}
.banner-top-country .container .row .col-md-5 .richtext div .header-mobile
{
padding-top:30px !important;
}
.banner-top-country .container .row .col-md-4 .countryselection2
{
padding-top:20px !important;
}
.top-country-sticky .container .row .col-md-5 .collapsible-panel0 div div h3 .accordion-content
{
padding-top:20px !important;
}
.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown .custom-select-container ,.top-country-sticky  .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown .custom-select-container, .top-country-sticky  .container .row .col-md-5 .collapsible-panel0 div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .custom-country-dropdown .custom-select-container
{
height:30px !important;
}
.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper, .top-country-sticky  .container .row .col-md-4 .countryselection .country-select-wrapper , .top-country-sticky  .container .row .col-md-5 .collapsible-panel0 div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper 
{
line-height:26px !important;
}

.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown .custom-select-container .down-arrow-icn, .top-country-sticky  .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown .custom-select-container .down-arrow-icn, .top-country-sticky  .container .row .col-md-5 .collapsible-panel0 div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .custom-country-dropdown .custom-select-container .down-arrow-icn
{
margin-top:9px !important;
}
.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown  .dropdown-list, .top-country-sticky  .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown .dropdown-list, .top-country-sticky  .container .row .col-md-5 .collapsible-panel0 div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .custom-country-dropdown .dropdown-list
{
width:100px !important;
}
.countryselection0 .country-select-wrapper .custom-country-dropdown .dropdown-list
{
position:fixed !important;
}
.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-flag, .top-country-sticky .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-flag, .top-country-sticky  .container .row .col-md-5 .collapsible-panel0 div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .custom-country-flag
{
height:12px !important;
margin-left:10px !important;
}
.countryselection0
{
padding-top:40px !important;
}
.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown .dropdown-list .country-select-links,.top-country-sticky  .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown .dropdown-list .country-select-links, .top-country-sticky  .container .row .col-md-5 .collapsible-panel0 div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .custom-country-dropdown .dropdown-list .country-select-links
{
font-size:16px !important;
line-height:28px !important;
}
.top-country-sticky .col-md-3, .banner-top-country .col-md-3
{
min-height:20px;
}
.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown, .top-country-sticky .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown, .top-country-sticky  .container .row .col-md-5 .collapsible-panel0 div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .custom-country-dropdown
{
padding-right:40px !important;
}
.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection, .top-country-sticky .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection, .top-country-sticky  .container .row .col-md-5 .collapsible-panel0 div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .language-selection
{
padding-left:20px !important
}
 
.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection .language, .top-country-sticky .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection .language, .top-country-sticky  .container .row .col-md-5 .collapsible-panel0 div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .language-selection .language
{
font-size:16px !important;
}
.top-country-sticky  .container .row .col-md-5 .collapsible-panel0 div .bordered .body-1 .accordion-content .row .col-md-12 div .richtext div .header-mobile1 {
padding-top:0px !important;
}
.find-category .container .row .col-md-12 div .richtext p span, .recommended-videos
{
text-align:center !important;
}
.find-category .container .row .col-md-12 div .richtext p span, .recommended-videos span, .grid-reconciliation .container .row .col-md-5 .richtext div p .heading-5, .grid-insights-tool .container .row .col-md-6 .richtext div div .heading-5, .grid-chat-support .container .row .col-md-12 .richtext div p span, .chat-support-background .container .row .col-md-12 .richtext div p .heading-5
{
font-size:1.25rem;
line-height:23px !important;
}
.grid-get-started-child .container .row .col-md-12 div .richtext p .heading-6, .grid-get-started-child .container .row .col-md-12 div .richtext p .heading-5, .grid-reconciliation .container .row .col-md-5 .richtext div p .heading-4, .grid-insights-tool .container .row .col-md-6 .richtext div div .heading-4, .chat-support-background .container .row .col-md-12 .richtext div p .heading-4
{
font-size:16px;
line-height:23px !important;
}
.grid-get-started-child .container .row .col-md-12 div .richtext p .heading-4
{
font-size:16px;
line-height: 24px;
}

.rewards-benefits-image
  {
    margin-top: 0px !important;
 }

.grid-get-started-child 
 {
   
    min-height: 520px !important;
 }

.rwrd {
margin-top: 20px !important;
margin-left:0px !important;
}
.video-player {
    margin-top: 60px;
    width: 100% !important;
    height: 100% !important;
}
.grid-category-video1
{
min-height:250px !important;
}

/*.rwrd {
margin-left:0px !important;
}
.dls-icon-play-circle
{
margin-top: -230px !important;
}
.dls-icon-play-circle-filled
{
margin-top: -230px !important;
}*/
}

.grid-category-video1 video {
  display: none;
}

/*Top Header*/
.homepage-top-header {
  position: fixed !important;
 width: 100%;
 z-index: 1;
}
.top-country-sticky
{
    z-index: 2;
    position: fixed !important;
    width:100%;
    display: none;
	padding-top: 10px !important;
}
.banner-top-country .container
{
padding:0px !important;
}
.homepage-top-header .container
{
padding-top:10px !important;
}
.top-country-sticky .container .row .col-md-6 .richtext :first-of-type {
padding-top:3px !important;
}
.banner-top-country .container .row .col-md-6 .richtext :first-of-type {
  padding-top:3px !important;
  }

.grid-search .container {
 padding: 0px!important;
}

.homepage-top-header .container .row .col-md-6 .richtext :first-of-type {
padding-top:3px !important;
}


/*Search section*/	
@media  (min-width: 1280px){
#search-div1 {
    top: 155px;
    display: block !important;
    left: 100px;
}
}

/*Country navigation*/
.dropbtn {
	background-color: transparent !important;
    color: #ffffff !important;
    font-size: 15px !important;
    border: none;
}
.country-selected {
    display: inline-block;
    padding-left: 0px !important;
    color: #ffffff !important;
    padding-top: 7px;
}	
	

/*Get Started section*/
.grid-get-started-child{
  background-color: #006fcf;
	}
@media  (min-width: 1280px){	
.quick-access-members-activity-img {
padding: 0px !important;
width: 591px !important;
}	
.quick-access-members-activity-img > img {
width: 591px;
}
}
.get-started-img-grid1
{
z-index:1 !important;
}
.get-started-main-grid
{
height: 292px;
}
.btn-learn-more{
width: 184px;
  height: 50px;
  border-radius: 4px;
  border: solid 1px #ffffff;
  background-color: rgba(255, 255, 255, 0);
  }
  
  /*align Collapsible panel with How to Apply Card */
  
  .collapsible-panel.parbase {
    color: #006fcf;
	width: 425px;
 }
 
 
 .video-player {
    margin-top: 145px;
    width: 100% !important;
	height: 100% !important;  
}

.grid-reconciliation {
    margin-top: 35px;
}


.quick-access-activity-overview-grid {
    margin-top: 22px;
}

.btn-quick-access-activity > a{
width: 184px;
  height: 50px;
border: solid 1px #ffffff;
}
.how-to-apply-for-cards-grid {
    margin-left: 25px;
}
@media (min-width: 1024px) {
.btn-create-access-key > a{
min-width: 100% !important;
border: solid 1px #006fcf !important;
  background-color: rgba(0, 111, 207, 0) !important;
	}
	}
.accordion-content {
	background-color: #ffffff!important;
	}
.border {
  border: transparent !important;
	}
	.collapsible[aria-expanded=true] {
    color: #006fcf !important;
}
.btn-work-reconciliation > a{
width: 184px;
  height: 50px;
border: solid 1px #006fcf !important;
}



/*Find by Category section*/
.dls-icon-card-swipe:before{
   /* padding-top:35px; */
   /* margin-left:-25px; */
   /* margin-top:25px; */
 }
.dls-icon-business:before{
   /* padding-top:35px; */
   /* margin-left:-75px; */
   /* margin-top:26px; */
}
.dls-icon-statement-ready:before{
    padding-top:35px;
    margin-left:-25px;
    margin-top:25px;
}
.dls-icon-receipt-view:before{
    padding-top:35px;
    margin-left:-90px;
    margin-top:27px;
}
.dls-icon-pie-chart:before{
    /* padding-top:19px; */
    /* margin-left:-22px; */
    /* margin-top:42px; */
}
.dls-icon-alert:before {
    /* padding-top: 35px; */
    /* margin-left: -80px; */
    /* margin-top: 26px; */
}

.dls-icon-document:before {
   padding-top: 35px;
   margin-left: -25px;
   margin-top: 25px;
}
a:hover {
    text-decoration: none !important;
	}
a:focus {
    outline: none !important;
}

/*Rewards and benefits section*/
.rwrd{
	background-color:white;
	/*width:509px;
	height:270px;*/
	border:1px;
	margin-top:280px;
	margin-left:-326px;
	margin-top:250px;
	border-radius: 7px 7px 7px 7px;
}
.rwrd .card-img-bg
{
	border-radius: 7px 7px 7px 7px;
}
.rewards-benefits-image{
 	margin-top:60px;
	padding-left:0px !important;
 } 
 .rewards-benefits-image >img{
 box-shadow: 0px 8px 16px 0 rgba(0, 0, 0, 0.2);
    border-radius: 7px 7px 7px 7px;
 }
.rewards-benefits{
	margin-left:20px;
	margin-top:10px;
	margin-bottom:90px; 
 	color: #006fcf; 
}
.btn-rwrds-learnmore {

	margin-top:-20px;
}
.btn-rwrds-learnmore >a {
 	min-width:100% !important;
}

.chat-support-background {
  	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);

}
/*Home Page Card management and  videos section*/


.recommended-video-account-maintenance >img 
{ 
  width:100%;
  height:100%;
  border-radius: 4px 4px 0px 0px;
 
} 

.recommended-video-at-work-navigation  >img
{
   width:100%!important;
   height:100%!important;
   
   border-radius: 4px 4px 0px 0px;
  
}
.recommended-video-BTA >img
{
  width:100%;
  height:100%;
  border-radius: 4px 4px 0px 0px;
}
.recommended-video-upgrade-card >img
{
  width:100%;
  height:100%;
  border-radius: 4px 4px 0px 0px;
}
@media  (min-width: 1280px){
.dls-icon-play-circle
{
margin-top: -360px !important;
}
.dls-icon-play-circle-filled
{
margin-top: -360px !important;
}
}
.grid-account-maintenance  {
 padding: 0px!important;
 border-radius: 0px 0px 4px 4px;
 border-bottom: 2px solid white;
 box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
 }
.grid-account-maintenance >img  {

 padding: 0px!important;
}
.grid-account-maintenance .container {
 padding: 0px !important;
 }

.grid-at-work-navigation {
  padding: 0px!important;
  border-radius: 0px 0px 4px 4px;
  border-bottom: 2px solid white;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
 }
.grid-at-work-navigation >img  
{ 
  padding: 0px!important;
}
.grid-at-work-navigation .container {
   padding: 0px!important;
 }
.grid-upgrade-card  {
   padding: 0px!important;
   border-radius: 0px 0px 4px 4px;
   border-bottom: 2px solid white;
   box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
 }
.grid-upgrade-card >img  
{ 
  padding: 0px!important;
}
.grid-upgrade-card .container {
   padding: 0px!important;
 }
.grid-bta {
  padding: 0px!important;
  border-radius: 0px 0px 4px 4px;
  border-bottom: 2px solid white;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
.grid-bta >img  
{ 
  padding: 0px!important;
  
}
.grid-bta .container {
   padding: 0px!important;
 }
.recommended-video-account-maintenance 
{ 

  padding:0px!important;
}
.recommended-video-at-work-navigation 
{ 
  padding:0px!important;
}
.recommended-video-BTA  
{ 
  padding:0px!important;
}
.recommended-video-upgrade-card 
{ 
  padding:0px!important;
}
 
.grid-primary-forms1 {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.grid-primary-forms2 {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.btn-chat >a{
width: 185px;
}
.btn-sprt-contactus >a
{
width: 185px;
}
/* .btn-chat {
  margin-top: 28px;
} */
.btn-sprt-contactus
{
margin-top:26px;
}
.grid-category-image1{
filter: brightness(60%);
}
.image .pad
{
padding: 0px !important;
}