#amex-footer{
	overflow-x: hidden !important;
	}
	.hero .card-img-bg {
    background-position: 80% 50%;
   }
	a{
	outline: none !important;
	}
	.explore-more-grid .button{
padding-bottom: 1rem !important;
}
	.explore-more-grid h1{
padding-top: 3rem !important;
}
 .tab-content .image img {
    max-width: 220px !important;
    width: auto;
    height: 100px !important;
    vertical-align: middle;
}
.big-places-grid h3{padding: 0rem 17rem 0rem 17rem;}
	.categories-grid .image .card-block{
	padding: 0px !important;
	}
	.categories-grid .richtext{
		box-shadow: 0px 1px 1px 2px rgba(0,0,0,.1);
	}
	.hero .card-title {
    font-weight: bolder !important;
    font-size: 5rem !important;
    line-height: 3rem !important;
}
	.td-img{
      width: 5% !important;
      padding: 0px !important;
 }
 td.dt-svg img{
		width: 40px !important;
	}
	
	td p{
       font-size: 22px !important;
      
 }
 .why-amex-DT{
padding: 10px !important;

 }
	.hero #bold {
    font-size: 2.5rem;
    font-weight: 600;
}
	.hero .body-3{
	font-weight: 400;
	width: 50%;
	font-size: 19px;
	}
	.hero .card-block .col-md-8{
	padding-left: 6rem !important;
	padding-top: 40px;
	}
.tab-link {
    max-width: 25% !important;
}
 .carousel img{
width: 10% !important;
height: 10% !important;
 }
 .icons-grid .card-block img{
 width: 30% !important;
 }
.mb-svg{
display: none !important;
}
.dt-svg {
    display: block !important;
    padding-right: 0px !important;
}
.big-places-grid{
padding-top: 3vw;
padding-bottom: 3vw;
}
.did-you-know-grid .row{
    margin-left: 3vw;
}

.map-grid .row{padding-bottom: 10rem !important;padding-top: 10rem !important;}

.earn-more-points .row{padding-bottom: 8rem !important;padding-top: 8rem !important;}
	@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	
	.tabs[aria-current=mobile] .tab-menu{
	max-width: 100% !important;
	}
	.hero #dt{
	display: none !important;
	}
	.hero #mb{
	display: block !important;
	}
	}

	
/*Mobile View*/
@media only screen and (max-width : 767px) {
	.big-places-grid h3,.map-grid h3{
padding: 0rem 0rem 0rem 0rem;
}
.did-you-know-grid h3{
text-align: center !important;
}
.dt-svg{
display: none !important;
}
.mb-svg{
display: block !important;
}
.mb-svg img{
width: 10% !important;
}
.grid-benefit .col-md-5{
	order: 1;
}
	.big-places-grid td{
padding: 3px;
}
.td-img{
      width: 9% !important;
      padding: 0px !important;
 }
td p{
       font-size: 9px !important;
       padding: 0px !important;
       /* font-weight: 700; */
 }
.hero #dt{
	display: none !important;
	}
.hero #mb{
	display: block !important;
	}
.hero .card-block .col-md-8 {
		padding-left: 0rem !important;
		margin-top: -2rem !important;
	}
.hero .card-title {
		line-height: 3rem !important;
		font-size: 3rem !important;
	}
.hero #bold{
font-size: 2rem !important;
}
.hero .body-3 {
		width: 100%;
	}
	.categories-grid .col-md-12 img{
		width: 100% !important;
	}
	.carousel img {
		width: 20% !important;
		height: 20% !important;
	}
	.carousel .anim-delay-4 {
		margin-bottom: 3rem !important;
	}
	.carousel-align-right .carousel-controls {
		height: auto;
		width: auto;
		position: absolute;
		left: 50%;
		margin-left: -50px;
		margin-top: -50px;
	}
	.icons-grid .card-block img {
		width: 15% !important;
	}
	.icons-grid .richtext {
		margin-bottom: 3rem !important;
	}
	
	.why-amex-DT .row{
		display: inline-block !important;
	}
	.why-amex-DT .col-md-2, .why-amex-DT .col-md-10, .why-amex-DT .col-md-4{
		display: table-cell !important;
		vertical-align: middle;
		padding: 0px !important;
	}
	.why-amex-DT .col-md-2 {
		width: 40% !important;
	}
	.why-amex-DT .col-md-10 {
		width: 60% !important;
	}
	.why-amex-DT h3 {
		font-size: 1rem;
		line-height: 1.2rem;
	}
	.why-amex-DT .container {
		padding-left: 5px;
		padding-right: 5px;
	}
	.grid-benefit .richtext h4, .grid-benefit .richtext h1, .grid-benefit .richtext p, .grid-benefit .richtext .button {
	text-align: center !important;
	}
	.grid-benefit .btn{
	margin: 0 auto!important;
	}
	.grid-benefit .container .pad-3-b{
	padding-bottom: 0px !important;
	}
	
}	
.categories-grid .col-md-12 {
	margin-bottom: 25px !important;
}	
/* iPad Pro (landscape) ----------- */
@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px)
and (orientation : portrait) {
	.big-places-grid h3,.map-grid h3{
padding: 0rem 0rem 0rem 0rem;
}
.hero .card-block .col-md-8 {
    padding-left: 0rem !important;
}
.hero .body-3{
display: none !important;
}
.hero, .hero>.card-block.card-block-center {
    min-height: 40.25rem;
}
.grid-benefit .col-md-5{
	order: 1;
	}
.grid-benefit .col-md-offset-1 {
    margin-left: 0%;
}
.did-you-know-grid h3{
text-align: center !important;
    padding-left: 6rem;
    padding-right: 6rem;
}
.dt-svg{
display: none !important;
}
.mb-svg{
display: block !important;
}
.mb-svg img{
width: 8% !important;
}
.grid-benefit p{
padding-left: 12rem !important;
padding-right: 12rem !important;
}

}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	.big-places-grid h3,.map-grid h3{
padding: 0rem 0rem 0rem 0rem;
}

.hero .card-block .col-md-8 {
    padding-left: 0rem !important;
}
.categories-grid .col-md-6, .categories-grid .col-md-4{
max-width: 100% !important;
flex: 0 0 100%;
}
.categories-grid img{
width: 100% !important;
	
}
.hero, .hero>.card-block.card-block-center {
    min-height: 43.25rem;
}
.hero .body-3{
display: none !important;
}
.grid-benefit p{
padding-left: 4 rem !important;
padding-right: 4 rem !important;
}

.hero .card-title{
    margin-top: -20rem !important;
}
.grid-benefit .col-md-5{
	order: 1;
	}
.grid-benefit .col-md-offset-1 {
    margin-left: 0%;
}
.grid-benefit .col-md-5 {
      flex: 0 0 100%;
    max-width: 100%;
}
.grid-benefit .col-md-6 {
      flex: 0 0 100%;
    max-width: 100%;
}
.grid-benefit .richtext h4, .grid-benefit .richtext h1, .grid-benefit .richtext p, .grid-benefit .richtext .button{
text-align: center !important;
}
.grid-benefit .btn{
	margin: 0 auto!important;
	}
	.did-you-know-grid h3{
text-align: center !important;
}
.dt-svg{
display: none !important;
}
.mb-svg{
display: block !important;
}
.mb-svg img{width: 8% !important;}
.grid-benefit p{
padding-left: 4rem;
padding-right: 4rem;
}
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px) {
.hero .card-block .col-md-8 {
    padding-left: 0rem !important;
}
	.hero .card-title {
		font-weight: bolder !important;
		font-size: 3rem !important;
		line-height: 3rem !important;
	}
}