.fn-button .btn{
     padding-left: 10px;
     padding-right: 10px;
}
/*Section-2*/
.sec2 .btnw1, .sec2 .btnw2 a{
text-overflow: clip;
}
.sec2 .btnw2 a{
padding-left:1.315rem;
padding-right:1.315rem;
border: 1px solid;
}
.sec2 .btn-pad .container, .sec4 .btn-pad .container{
padding-left:0px;
}
/*Section-4*/
 @media screen and (max-width: 767px) {
.sec4 .btnw3 a, .sec4 .btnw4 a {
     padding: .5125rem  .772rem;
}
.sec4 {
    background-color: #ecedee;
}
.sec4  .card-img-bg{
    background-image: none!important;
}
.sec4 .mobile-plat {
    color: #000!important;
}
}
/*Section-4*/
@media screen and (min-width: 768px){
.sec4 .mobile-plat{
      color:#fff!important;
}
.sec4 .dhide{
     display:none;
}
}
/*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;
     /*max-width: 80%;*/
}
.myfloating-nav-new ul li {
     padding: 14px 36px;
     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{
     padding-left:0px;
 }
 .myfloating-nav-new ul li {
 display:table-cell;
 }
}
 .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{
         display: none;
    }
     .myfloating-nav-new li.icon {
         float: left;
         display: block;
         padding: 14px 0px;
		 font-size: 19px;
    }
     .myfloating-nav-new.responsive {
         position: relative;
    }
     .myfloating-nav-new.responsive .icon {
         display: block;
         text-align: left;
         padding: 14px 0px;
         font-size: 19px;
    }
     .myfloating-nav-new li.icon a {
    border: 2px solid #c8c8c8;
    padding: 3px;
    border-radius: 5px;
    text-decoration: none;
}
     .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;
    }
}
/*Section-5*/
 @media (min-width:768px) {
     .sec5 .vruler{
         border: solid 2px #dadada;
    }
}
/*End*/
 .btn-secondary{
     border-color: transparent!important;
}
.accordion .collapsible p{
    font-weight:500;
}
.collapsible-caret::before {
    font-weight:600;
}
/*Sec-1*/
@media screen and (min-width: 768px) {
.sec1 .homeb a{
   border-color:#fff!important;
}
.sec1{
    background-size: cover;
    background-position: 50% 50%;
}   
}
@media screen and (max-width: 767px) {
.sec1 .homeb {
	padding-top:2.5rem!important;
	padding-right:1rem!important;
	padding-left:1rem!important;
}	
.sec1 .card-img-bg {
background-image:none!important;
}
.csection.sec1{
    background-image: url(/content/dam/amex/uk/benefits/earn-more-rewards/images/Mobile_Header-image.jpg)!important;
    background-position: top;
    background-repeat: no-repeat;
}
.sec1 .hero-mbh{
    min-height:350px
}
.sec1 .hero-content .mobile-plat{
	color:#585A5D!important;
	padding-top: 0px!important;
}
}
@media screen and (min-width: 768px) {
.sec1 .hero-content .mobile-plat{
     color:#fff!important;

}
}
@media screen and (min-width: 768px){
.sec4 .mobile-plat{
     color:#fff!important;
}
.sec4 .dhide{
     display:none;
}
#float4{
     background-size: cover;
     background-position: 50% 50%;
}
}
/*Tablet*/
@media screen and (min-width: 768px) and (max-width:1279px){
.sec2 .row2 .container .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.sec2 .row2 .container .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.sec2 .btnw2 a, .sec2 .btnw1 a {
    padding-left: 2px;
    padding-right: 2px;
}
}
@media screen and (min-width: 768px) and (max-width:1023px){
.sec4 .container .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 66.666667%;
    max-width: 100%;
}
.sec5 .row5  .vruler .button a {
     padding-left: 2px;
     padding-right: 2px;
}
}
@media screen and (min-width: 1024px) and (max-width:1279px){
.sec4 .container .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 51.666667%;
    max-width: 100%;
}
}
@media screen and (min-width: 768px) and (max-width:1279px){
.sec5 .row5 .container .col-md-10{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 100%;
    max-width: 100%;
}
.sec5 .row5 .container .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 0%;
    max-width: 100%;
}
.sec3 .row3 .container .col-md-10{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 100%;
    max-width: 100%;
}
.sec3 .row3 .container .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 0%;
    max-width: 100%;
}
}