.fn-button .btn{
     padding-left: 10px;
     padding-right: 10px;
}
/*Section-1*/
@media screen and (max-width: 767px) {
.sec1 .card-img-bg{
background-image:none!important;
}
#float1{
    background-image: url(/content/dam/amex/uk/benefits/upgrade/plat-charge/Platinum_Header-image_mobile.jpg)!important;
    background-position: top;
    background-repeat: no-repeat;
	background-color: #DADAD8;
}
.sec1 .hero-mbh{
    min-height:350px
}
.sec1 .hero-content .mobile-plat{
     color:#585A5D!important;
}
.sec9 .mobile-plat{
     color:#000!important;
}
.sec9{
     background-color: #ecedee;    
}
.sec9 {
     background-image:none!important;    
}
.sec9 .card-img-bg {
     background-image: none!important;
}  
}
@media screen and (min-width: 768px) {
#float1{
    background-size: cover;
    background-repeat: no-repeat;
	background-position: 50% 50%;
}
.sec1 .hero-content .mobile-plat{
     color:#fff!important;
}
.sec9 .mobile-plat{
     color:#fff!important;
}
.sec9 .dhide{
     display:none;
}
}
/*Section-2*/
 .sec2, .sec11{
     background-color: #53565a;
     background-size: auto;
}
@media screen and (min-width: 768px) {
.stick .sec2 {
    padding-top: 20px;
}
.sec2 .card-img-bg, .sec11 .card-img-bg{
     background-size: auto;
}

}
/*Section-3, Section-5*/
 .sec3 .collapsible:hover:not(.expandable-link), .sec5 .collapsible:hover:not(.expandable-link), .sec12 .collapsible:hover:not(.expandable-link){
     background-color:transparent!important;
}
 .sec3 .accordion-content.border-lr, .sec5 .accordion-content.border-lr, .sec12 .accordion-content.border-lr{
     border-left:none!important;
     border-right:none!important;
}
 .sec3 .accordion-content.border-b, .sec5 .accordion-content.border-b, .sec12 .accordion-content.border-b{
     border-bottom:none!important;
     border-top:solid 1px #c8c9c7!important;
}
 .sec3 .accordion-toggle, .sec5 .accordion-toggle, .sec12 .accordion-toggle{
     border: none!important;
}
 .sec3 .dls-accent-gray-01-bg, .sec3 .dls-accent-gray-01-bg-hvr:hover, .sec5 .dls-accent-gray-01-bg, .sec5 .dls-accent-gray-01-bg-hvr:hover, .sec12 .dls-accent-gray-01-bg, .sec12 .dls-accent-gray-01-bg-hvr:hover{
     background-color:transparent!important;
}
 .sec3 .dls-accent-white-01-bg, .sec3 .dls-accent-white-01-bg-hvr:hover, .sec12 .dls-accent-white-01-bg, .sec12 .dls-accent-white-01-bg-hvr:hover{
     background-color:transparent!important;
}
/*Section-4, Section-6*/
 .sec4 .collapsible:hover:not(.expandable-link), .sec6 .collapsible:hover:not(.expandable-link){
     background-color:transparent!important;
}
 .sec4 .accordion-content.border-lr, .sec6 .accordion-content.border-lr{
     border-left:none!important;
     border-right:none!important;
}
 .sec4 .accordion-content.border-b, .sec6 .accordion-content.border-b{
     border-bottom:none!important;
     border-top:solid 1px #c8c9c7!important;
}
 .sec4 .accordion-toggle, .sec6 .accordion-toggle{
     border: none!important;
}
 .sec4 .dls-accent-white-01-bg, .sec4 .dls-accent-white-01-bg-hvr:hover, .sec4 .dls-accent-gray-01-bg, .sec4 .dls-accent-gray-01-bg-hvr:hover, .sec6 .dls-accent-white-01-bg, .sec6 .dls-accent-white-01-bg-hvr:hover, .sec6 .dls-accent-gray-01-bg, .sec6 .dls-accent-gray-01-bg-hvr:hover{
     background-color:transparent!important;
}
 @media screen and (min-width: 768px) {
.sec4 .accordion .collapsible, .sec6 .accordion .collapsible{
     text-align: center;
     margin-left: 140px;
}
#float4{
     background-size: cover;
     background-position: 50% 50%;
}
}
/*floating nav-section*/
 .stick .floating-nav{
     position:fixed!important;
     z-index:100;
     top:0px;
     width:100%;
	 padding-bottom: 5px;
}
 .myfloating-nav-new ul {
     list-style-type: none;
     margin-bottom:0px;
     text-align: center;
     margin: 0 auto;
}
.myfloating-nav-new ul li {
     padding: 14px 36px;
     margin: 0 auto;
     text-align: center;
}
@media screen and (min-width: 768px) and (max-width:923px){
.myfloating-nav-new ul li {
     padding: 14px 20px;
     margin: 0 auto;
     text-align: center;
}
}
@media screen and (min-width: 768px) {
 .myfloating-nav-new ul {
     text-align: center;
     margin: 0 auto;
     display:table;
}
 .myfloating-nav-new ul li {
 display:table-cell;
 }
.myfloating-nav-new .fx-btn{
     display:none;
}
.stick .myfloating-nav-new .fx-btn{
     display:block;
}
}
.floating-nav{
padding-bottom:9px;
padding-top:9px;
}
 .floating-nav li a.active{
     text-decoration: underline;
     text-underline-position: under;
     text-decoration-color: #ECEDEE;
}
 .myfloating-nav-new ul li.fn-button{
     padding: 0.65rem 1.275rem!important;
     min-width: 9.25rem!important;
     border-radius: .25rem;
     transition: all .2s ease-in-out;
}
 .myfloating-nav-new li.icon {
     display: none;
}
 .myfloating-nav-new ul li a{
     color:#fff;
}
 .myfloating-nav-new ul li a.fn-button {
     color: #006fcf;
     background: #fff;
}
 .floating-nav .fn-button {
     padding: 0.65rem 1.275rem!important;
     min-width: 9.25rem!important;
     border-radius: .25rem;
}
 @media screen and (max-width: 767px) {
     .myfloating-nav-new ul{
         padding-left:0px;
         max-width: none;
    }
	 .floating-nav .container{
	     max-width:100%	 
	 }
     .myfloating-nav-new li/*:not(:nth-child(2))*/{
         display: none;
    }
     .myfloating-nav-new li.icon {
         float: left;
         display: block;
         padding: 10px 0;
         font-size: 19px;
    }
	 .myfloating-nav-new li.icon  a{
         border: 1px solid #c8c8c8;
		 padding: 3px;
		 border-radius: 5px;
		 text-decoration: none;
    }
     .myfloating-nav-new.responsive {
         position: relative;
    }
     .myfloating-nav-new.responsive .icon {
         display: block;
         text-align: left;
         padding:10px 0px;
         font-size: 19px;
    }
     .myfloating-nav-new.responsive li {
         float: none;
         display: block;
         text-align: center;
         padding: 10px 36px;
    }
     .myfloating-nav-new.responsive .dropdown {
         float: none;
    }
     .myfloating-nav-new.responsive .dropdown-content {
         position: relative;
    }
     .myfloating-nav-new.responsive .dropdown .dropbtn {
         display: block;
         width: 100%;
         text-align: left;
    }
     .myfloating-nav-new .fx-btn{
         display:none;
    }
     .myfloating-nav-new.responsive .fx-btn{
         display:none;
    }
}
@media screen and (min-width: 768px) and (max-width:1023px){
     .floating-nav .container{
	     max-width:100%	 
	 }
}	 
/*Section-8, Section-9, Section-10*/
 @media (min-width:768px) {
     .sec8 .vruler{
         border-right: solid 2px #c8c9c7;
    }
     .sec9 .vruler{
         border-right: solid 2px #c8c9c7;
    }
}
@media screen and (max-width: 767px) {
     .sec8 .vruler{
	     min-height:0px!important; 
	}
}
 .sec10 .lmbuton a{
     background:#53565A!important 
}
/*End*/
 .btn-secondary{
     border-color: transparent!important;
}
.accordion .collapsible p{
    font-weight:500;
}
.collapsible-caret::before {
    font-weight:600;
}
/*Section-13*/
@media screen and (max-width: 767px) {
      .sec13 .tpad{
         padding:0px!important;
	}
}
/*tablet*/
@media screen and (min-width: 768px) and (max-width:1279px){
.sec1 .col-md-4.col-md-offset-2{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 40.333333%;
    max-width: 100%;
}
.sec3 .row3 .col-md-1, .sec4 .row4 .col-md-1,.sec5 .row5 .col-md-1, .sec6 .row6 .col-md-1, .sec8 .row8 .col-md-1, .sec9 .row9 .col-md-1, .sec10 .row10 .col-md-1, .sec11 .row11 .col-md-1 , .sec13 .row13 .col-md-1{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
    max-width: 100%;
}
.sec3 .row3 .col-md-10, .sec4 .row4 .col-md-10, .sec5 .row5 .col-md-10, .sec6 .row6 .col-md-10, .sec8 .row8 .col-md-10, .sec9 .row9 .col-md-10, .sec13 .row13 .col-md-10, .sec10 .row10 .col-md-10, .sec11 .row11 .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}