/*IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}
#collapsible_panel-450637102,#collapsible_panel-1671306754,#collapsible_panel-1058628285{
 color:black;
}
.dls-icon-pie-chart{
	margin-top:-60px;
	margin-left:20px;
}

/*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: -145px !important;
}
.dls-icon-play-circle-filled
{
margin-top: -145px !important;
}
#play_icon {
width:22% !important;
top:10% !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 {
  height: 552px !important;
}

.btn-chat {
  margin-top: 126px !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: -115px !important;
}
.dls-icon-play-circle-filled
{
margin-top: -115px !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;
}

.mask1 {
  min-height: 700px !important;
}

/*chat support*/
.chat-support-background 
{
  height: 649px !important;
}

.btn-chat {
  margin-top: 203px !important;
}
.btn-sprt-contactus
{
padding-top: 85px !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){
.rwrd {
margin-left:0px !important;
}
.dls-icon-play-circle
{
margin-top: -230px !important;
}
.dls-icon-play-circle-filled
{
margin-top: -230px !important;
}

.get-started-main-grid {
  height: 554px !important;
}
.dls-icon-info {
margin-top: 30px;
margin-left: -20px !important;
}

.chat-support-background {
  height: 513px !important;
}
}

/*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-5 .richtext :first-of-type {
padding-top:3px !important;
}

.grid-search .container {
 padding: 0px!important;
}

.homepage-top-header .container .row .col-md-5 .richtext :first-of-type {
padding-top:3px !important;
}
.banner-top-country .container .row .col-md-5 .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-receipt-view:before{
   padding-top:35px;
   margin-left:-25px;
   margin-top:25px;
 }
 .dls-icon-info:before {
    padding-top: 7px;
    margin-left: -53px;
    margin-top: 25px;
}
.dls-icon-document:before{
   padding-top:35px;
   margin-left:-75px;
   margin-top:26px;
}

.dls-icon-pdf:before{
    padding-top:7px;
    margin-left:-75px;
    margin-top:55px;
}
.dls-icon-help:before{
    padding-top:35px;
    margin-left:-25px;
    margin-top:25px;
}

.dls-icon-billing:before{
    padding-top:35px;
    margin-left:-90px;
    margin-top:26px;
}
.dls-icon-pie-chart:before {
    padding-top: 35px;
    margin-left: -25px;
    margin-top: 25px;
}
.dls-icon-bar-chart: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:220px;
	margin-left:-326px;
	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);
/* z-index: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: -180px !important;
}
.dls-icon-play-circle-filled
{
margin-top: -180px !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;
}
.dls-icon-info {
margin-top: 30px;
margin-left: -25px;
}
.image .pad
{
padding:0px !important;
}





  
 
