@font-face {font-family: 'gothamblack';src: url('../resources/fonts/gotham-black-webfont.woff2') format('woff2'),url('../resources/fonts/gotham-black-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'gothambold';src: url('../resources/fonts/gothambold-webfont.woff2') format('woff2'),url('../resources/fonts/gothambold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}@font-face {font-family: 'gothammedium';src: url('../resources/fonts/gothammedium-webfont.woff2') format('woff2'),url('../resources/fonts/gothammedium-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'gotham_mediumregular';src: url('../resources/fonts/gotham-medium-webfont.woff2') format('woff2'),url('../resources/fonts/gotham-medium-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'gothamthin';src: url('../resources/fonts/gotham-thin-webfont.woff2') format('woff2'),url('../resources/fonts/gotham-thin-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face { font-family: 'Gotham-Book'; src: url('../resources/fonts/Gotham-Book.svg#Gotham-Book') format('svg'), url('../resources/fonts/Gotham-Book.ttf') format('truetype'), url('../resources/fonts/Gotham-Book.woff') format('woff'), url('../resources/fonts/Gotham-Book.woff2') format('woff2'); font-weight: normal; font-style: normal;
}
.fmGat{font-family: 'Gotham-Book';}

html{ font-size:14px}
body{font-family: 'Gotham-Book'; margin: 0;padding: 0; color:#c5c5c5; font-size:1rem; background-color: #121419}
body {min-height: 100vh;  min-height: -webkit-fill-available;}
html { height: -webkit-fill-available;}

header { }
.section { /* height: 100vh; */ position: relative; overflow-x: hidden;}


#mainNav{ background-color: #121419; border-bottom: 1px solid #666; }

#mainNav .navbar-toggler .navbar-toggler-icon{ background:url(../resources/images/menu.png) no-repeat top center; }
footer{ background-color: #004a8f; color: white; font-size: 0.8rem }
.footer-margin{margin-bottom:75px;}


.bottombx{width: 100%;  background:url(../resources/images/bottombg.png) no-repeat center top #004a8f; background-size: 100% 100%;  padding-top:10px; z-index: 1;  }
.bottombx h3{ font-family: 'Gotham-Book'; color: white; font-size: 1.1rem; margin-top: 5px }
.bottombx a{ background-color: #004a8f; color: white; text-transform: uppercase; font-size: 1rem; padding:0.65rem 1.5rem; border-radius:20px }
.sticky{width: 100%;position: fixed;bottom: 0px;}




.title{font-family: 'gotham_mediumregular'; font-size: 1.5rem; color: white; text-align: center;}
.mt25vh{ margin-top: 25vh }

.mt75vh{ margin-top: 75vh }
.mt5vh{ margin-top: 5vh }
.mt15vh{ margin-top: 15vh }
.mt25vh{ margin-top: 25vh }
.mt35vh{ margin-top: 35vh }
.mt45vh{ margin-top: 45vh }
.mt10vh{ margin-top: 10vh }
.mt20vh{ margin-top: 20vh }
.mt30vh{ margin-top: 30vh }
.mt30vh{ margin-top: 40vh }
.mt50vh{ margin-top: 50vh }
.mt60vh{ margin-top: 60vh }
.mt70vh{ margin-top: 70vh }
.mt80vh{ margin-top: 80vh }

.heading{font-family: 'gothamthin'; font-size: 1.8rem; color: white; text-transform: uppercase;}

.bottomSec p{ color: #dbdbdb; font-size: 1rem; font-family: 'Gotham-Book'; margin-bottom: 1rem; margin-top: 2rem }
.btn { position: relative; z-index: 1; }
.btn-know{ text-transform: uppercase; font-size: 1rem; color: white; background:url(../resources/images/button_bg.png)no-repeat; border-radius: 20px; padding:0.6rem 20px; box-shadow: 0px 5px 15px rgb(0 0 0 / 75%); overflow: hidden; }
.btn-know:hover{ color: #fff; }

.btn-blue{ text-transform: uppercase; font-size: 1rem; color: white; background: #004b96; border-radius: 20px; padding:0.6rem 20px; box-shadow: 0px 5px 15px rgb(0 0 0 / 75%); min-width: 200px; overflow: hidden;}
.btn-blue::before { content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -15px 0 0 1px; width: 30px; height: 30px; border-radius: 50%; background: #00adee; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(1, 2, 1); transform: scale3d(1, 2, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1); transition-timing-function: cubic-bezier(0.7,0,0.9,1); }
.btn-blue:hover{ color: #000; }
.btn-blue:hover::before { -webkit-transform: scale3d(9, 9, 1); transform: scale3d(9, 9, 1); }

.btn-white{ text-transform: uppercase; font-size: 1rem; color: #004c97; background: #fff; border-radius: 20px; padding:0.6rem 20px; box-shadow: 0px 5px 15px rgb(0 0 0 / 75%); min-width: 200px; overflow: hidden; }
.btn-white::before { content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -15px 0 0 1px; width: 30px; height: 30px; border-radius: 50%; background: #004b96; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(1, 2, 1); transform: scale3d(1, 2, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1); transition-timing-function: cubic-bezier(0.7,0,0.9,1); }
.btn-white:hover{ color: #fff; }
.btn-white:hover::before { -webkit-transform: scale3d(9, 9, 1); transform: scale3d(9, 9, 1); }


.posrel{ position: relative; }
.cloud{ position: absolute; }
.cloud1 { top: 20vh; right: 25px; z-index: 1;}
.cloud2 { top: 20vh; left: -30px; z-index: 1;}
.cloud2a { bottom: 0vh; right: 50px; z-index: 1;}
.cloud3 { top: 15vh; left: 30px; z-index: 1;}
.cloud4 { bottom: 0vh; right: -10px; z-index: 1;}
.cloud5 { top: 20vh; right: -20px; z-index: 1;}
.cloud6 { bottom: 0vh; left: 0px; z-index: 1;}
.cloud7 { bottom: 0vh; right: 20px; z-index: 1;}
.cloud8 { top: 5vh; left: 0px; z-index: 1;}
.cloud9 { top: 5vh; right: 0px; z-index: 1;}
.cloud10 { bottom: 0vh; left: 0px; z-index: 1;}
.cloud11 { top: 5vh; right: 0px; z-index: 1;}
.cloud12{}
.cloud13{top: -5vh; right:100px; }





#home_diners{ background:url(../resources/images/homebg.png) no-repeat center top #121419;background-size: 100% auto; height: auto !important  }
a.interested{ background-color: #004a8f; color: white; text-transform: uppercase; font-size: 0.9rem; padding:0.75rem 0rem; border-radius:20px; width: 100%; text-align: center; }
a.calculate{ background-color: #ffffff;  color:#004a8f; text-transform: uppercase; font-size: 0.9rem; padding:0.75rem 1rem; border-radius:20px; width: 100%; text-align: center; }

.wd55{ max-width: 55% }
.wd45{ max-width: 45% }
.title1{font-family: 'gotham_mediumregular'; font-size: 1.4rem; color: white; text-align: center;}
.scrollto{ color: #ffffff; font-size: 1.1rem; text-align: center; }
.scrollto a{ color: #ffffff; font-size: 1rem; background:url(../resources/images/scroll_down.png) no-repeat right top; padding:12px 55px 8px 0px;}
.scrollto a:active, .scrollto a:focus, .scrollto a:visited{ color: white; outline: none;box-shadow: none; }
.scrollArrow{ position: fixed; right: 10px; width: 45px; height: 45px; bottom: 100px }
.footerend{ width: 100%; height: 1px } 

/* a */
/* #tenxrewords_point{ background:url(../resources/images/tenxrewords_point.png) no-repeat center -3vh #121419; } */
/* #smartbuy{ background:url(../resources/images/smart_buy.png) no-repeat center 3vh #121419; } */
/* #twoxrewords_point{ background:url(../resources/images/twoxrewords_point.png) no-repeat center 0 #121419; } */
.hamburger{display:flex; flex-direction:column; width:26px; cursor:pointer; margin: 0; width: 46px; padding: .25rem .75rem; position: fixed;}
.hamburger span{ background: #fff; border-radius:10px; height:2px; margin: 3px 0; transition: .4s  cubic-bezier(0.68, -0.6, 0.32, 1.6); }
.hamburger span:nth-of-type(1){ width:100%; }
.hamburger span:nth-of-type(2){ width:100%; }
.hamburger span:nth-of-type(3){ width:50%; }
.hamburger input[type="checkbox"]{ display:none; }
.hamburger input[type="checkbox"]:checked ~ span:nth-of-type(1){ transform-origin:bottom; width:50%; transform:rotatez(45deg) translate(3px,0px) }
.hamburger input[type="checkbox"]:checked ~ span:nth-of-type(2){ transform-origin:top; transform:rotatez(-45deg) }
.hamburger input[type="checkbox"]:checked ~ span:nth-of-type(3){ transform-origin:bottom; transform: translate(12px,-4px) rotatez(45deg); }
.navbar-toggler{ padding: 0px; border: transparent;}
.cloud1_r{ position: absolute; right: 0; top: 22%; }
.cloud1_l{ position: absolute; left: 0; top: 21%; z-index: 1;}
.cloud2_r{ position: absolute; right: 0; top: 38%; z-index: 1;}
.cloud1_m{ position: absolute; left: 10%; top: 0; z-index: 1;}
.cloud3_r{ position: absolute; right: 0; top: 40%; z-index: 1;}
.cloud4_r{ position: absolute; right: 0; top: 0; z-index: 1;}
.cloud2_l{ position: absolute; left: 0; top: 40%; z-index: 1;}
.cloud2_m{ position: absolute; bottom: 8%; right: 10%; z-index: 1;}
.terms_n_conditions.section{ text-align: center; padding-top: 4rem; padding-bottom: 3rem; height: auto; }
.terms_n_conditions::before{content: ""; position: absolute; padding: 1px; border-top: 1px dashed #455058; width: 85%; left: 50%; top: 0; transform: translateX(-50%); }
.terms_n_conditions h4{ font-size: 1.3rem; color: #00adee;  font-family: 'gotham_mediumregular';}
.star{ background:url(../resources/images/star.png) no-repeat center 0 #121419; padding: 5rem 0 3rem; margin-top: 3rem;}
.whitebg{ background: rgb(141 195 255 / 20%); border-radius: 10px; padding: 20px 20px 30px; border: 2px solid rgb(141 195 255 / 20%); }
.whitebg .heading{ font-size: 1.7rem; font-family: 'Gotham-Book'; }
.product_details{ background: rgb(128 128 128 / 15%); text-align: center; padding: 4rem 1rem 2rem; position: relative; border-top-left-radius: 25px; border-top-right-radius: 25px; /* min-height: 95vh; */}
#welcomeModal .product_details{ min-height: 95vh; }
.product_details h4{ font-size: 19px; font-family: 'gotham_mediumregular'; color: #fff;}
.product_details h5{ color: #fff;  font-family: 'gotham_mediumregular'; font-size: 1.2rem; margin-bottom: 1.2rem; line-height: 1.8rem; }
.product_details p{ color: #dbdbdb; }
#welcomeModal .product_details p{ color: #fff; font-size: 13px; }
.product_details h3{ font-size: 26px; font-family: 'gotham_mediumregular'; /* text-transform: uppercase; */ line-height: 28px; color: #fff;}
.product_details h3 span{ font-size: 16px; }
.product_details p span{ font-family: 'gotham_mediumregular'; }
.product_details ul{ padding: 0; /* width: 190px; */ margin: 0 auto 2rem;}
.product_details ul li{ background: rgb(0 0 0 / 50%); list-style-type: none; padding: 10px; margin: 10px 5px; border-radius: 8px; width: 180px; display: inline-block; min-height: 60px; vertical-align: middle; }
.product_details .cloud1_l, .product_details .cloud2_r{ z-index: -1; }
.product_details .cloud1_m{ left: 8%; top: 55%; z-index: -1; }

.prod_pop{ padding-right: 0; }
.prod_pop .nav.nav-tabs { float: left; display: block; margin-right: 20px; border-bottom:0; border-right: 1px solid #ddd; padding-right: 15px; }
.prod_pop .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; background-color: rgb(255 255 255 / 15%); border-radius: 50%;  margin-bottom: 35px; box-shadow: 0 10px 5px #000; position: relative; height: 55px; width: 55px; z-index: 1;  }
.prod_pop .nav-tabs .nav-item{ position: relative; padding-right: 15px }
.prod_pop .nav-tabs .nav-link::after{ position: absolute; content: ""; width: 50px; height: 50px; left: 50%; top: 5px; transform: translateX(-50%);  }

.prod_pop .nav-tabs .nav-link.active { color: #495057; background-color: rgb(255 255 255 / 15%); border-color: transparent !important;}
.prod_pop .nav-tabs .nav-link span{ color: #fff; position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); font-size: 12px; }
.prod_pop .tab-content>.active { display: block; min-height: 165px; padding-left: 70px; }
.prod_pop .nav.nav-tabs { float: left; display: block; margin-right: 0px; border-bottom: 0; border-right: 1px solid transparent; padding-right: 15px; position: relative; z-index: 1; margin-top: 3rem; position: fixed; overflow-y: scroll; overflow-x: hidden; height: 82vh;}
.prod_pop .tab-content{position: relative; z-index: 0;}
.welcome_prod::after{ background-image: url('../resources/images/prod_welcome.png'); }
.monthly_benefit::after{ background-image: url('../resources/images/monthly_benefits.png'); }
.travel_prod::after{ background-image: url('../resources/images/prod_travel.png'); }
.golf_prod::after{ background-image: url('../resources/images/prod_golf.png'); }
.customer_service_prod::after{ background-image: url('../resources/images/prod_customer_service.png'); }
.dining_prod::after{ background-image: url('../resources/images/prod_dining.png'); }
.rewards_prod::after{ background-image: url('../resources/images/prod_rewards.png'); }
.fuel_prod::after{ background-image: url('../resources/images/prod_fuel.png'); }
.comprehensive_prod::after{ background-image: url('../resources/images/prod_comprehensive.png'); }
.fc_fee_prod::after{ background-image: url('../resources/images/prod_fc_fee.png'); }

.welcome_prod.active::after{ background-position: center 100%; }
.monthly_benefit.active::after{ background-position: center 100%; }
.travel_prod.active::after{ background-position: center 100%; }
.golf_prod.active::after{ background-position: center 100%; }
.customer_service_prod.active::after{ background-position: center 100%; }
.dining_prod.active::after{ background-position: center 100%; }
.rewards_prod.active::after{ background-position: center 100%; }
.fuel_prod.active::after{ background-position: center 100%; }
.comprehensive_prod.active::after{ background-position: center 100%; }
.fc_fee_prod.active::after{ background-position: center 100%; }
.prod_pop .nav-tabs .nav-item .nav-link.active::before{ content: ""; display: block; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #121419; position: absolute; top: 16px; right: -32px;}
.cmnModal .modal-content{ background-color: #121419; }
.cmnModal .modal-dialog{ margin: 0; }
.cmnModal .close{ position: fixed; right: 15px; top: 15px; opacity: 1; z-index: 1; }
.cmnModal .close span{ color: #fff; background: #121419; padding: 8px; display: inline-block; line-height: 13px; border-radius: 50%; font-weight: 500; }
.add_box .close{ opacity: 1; top: 60px; right: 15px; z-index: 1; background: #121419; color: #fff; padding: 8px; display: inline-block; line-height: 13px; border-radius: 50%; font-weight: 500; border: 1px solid #35373b; }
.product_details ol{ list-style-type: none; padding: 0; }
.product_details ol li{ width: 54%; display: inline-block; vertical-align: top; }
.product_details ol li:first-child{ width: 44%; }
#welcomeModal .heading{ font-size: 20px; }
.pg_close{ opacity: 1; top: 60px; right: 15px; z-index: 1; position: fixed; background: #121419; color: #fff;  padding: 8px; display: inline-block; line-height: 13px; border-radius: 50%; font-weight: 500;  border: 1px solid #35373b; }
.quadrado{ animation: crescendo 1s alternate  ease-in; }
@keyframes crescendo { 0% {transform: scale(0.9);} 100% {transform: scale(1);} }
img.vert-move { -webkit-animation: mover 1s infinite  alternate; animation: mover 1s infinite  alternate; }
img.vert-move { -webkit-animation: mover 1s infinite  alternate; animation: mover 1s infinite  alternate; }
.product_details ol.priority_list{ /* list-style-type: decimal; */ counter-reset: section; list-style-type: none; }
.product_details ol.priority_list li{ width: 100%; display: list-item; margin-bottom: 25px;}
.product_details ol.priority_list li::before{ width: 100%; display: list-item; counter-increment: section;  content: counters(section, ".") " "; font-size: 25px; font-family: 'gothambold'; color: #fff;}
.prod_pop .nav-tabs .double_line .nav-link{ margin-bottom: 48px;  }
.prod_pop .nav-tabs .double_line .nav-link span{ bottom: -40px; text-align: center; }
.fixed-top{ z-index: 99 } 
/* privilege */
body.diners_privilege{ background-color: #31192d; }
.diners_privilege #home_diners{ background:url(../resources/images/dp_homebg.png) no-repeat center top #31192d; background-size: 100% auto; height: auto !important  }
.diners_privilege .cmnModal .modal-content{ background-color: #31192d; }
.diners_privilege .prod_pop .nav-tabs .nav-item .nav-link.active::before{ border-left: 12px solid #31192d; right: -28px; }
.diners_privilege #mainNav{ background-color: #31192d; }
/* privilege end*/
.moretext {display: none; text-align: center; }
.moreless-button, .moreless-button:hover{ color: #fff; font-weight: bold; border: 1px solid #fff; padding: 5px 10px; border-radius: 5px;}
.tncModal { background: #121419; }
.tncModal .modal-dialog{ width: 500px; margin: 0 auto; top: 35%; transform: translateY(-50%); }
.tncModal .modal-dialog .modal-body{ background:rgb(128 128 128 / 15%); padding: 50px;}


@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
#navbarResponsive .card{ background-color: rgb(10 9 5 / 92%); }
#navbarResponsive .card-header a{ color: #ffffff; }
#navbarResponsive .card-body .nav-item a{ color: #848383; }
#navbarResponsive .accordion>.card>.card-header{ background: url('../resources/images/plus.png')#292825 no-repeat 95% center; background-size: 22px; }
#navbarResponsive .accordion>.card>.card-header.active{ background: url('../resources/images/minus.png')#292825 no-repeat 95% center; background-size: 22px; }
.hamburger_menu { position: relative; top: 10px; left: 0; width: 100%;  z-index: 102}
.hamburger_menu .navbar-toggler{ position: absolute; right: 0; width: 46px;}
.side_menu { width: 100%; top: 0; background-color: rgb(10 9 5 / 92%); height: 100vh; position: fixed; right: -100%; transition: all 0.5s; padding: 20px; display: flex; flex-direction: column; /* justify-content: space-between; */ z-index:101; }
.side_menu.show{ right: 0; }
.bottomSec .star p a{ word-wrap: break-word; }
#card_carousel .item{ text-align: left; }
#card_carousel .active .item{ text-align: center; }
#card_carousel .item img{ width: 50%; margin-top: 2rem; }
#card_carousel .active .item img{ width: auto; margin-top: 0rem;}

.rewardbox{width: 100%;display: inline-block;}
.rewardbox .first, .rewardbox .second{display: inline-block;width: 49%;}


.rewardbox{margin: 20px auto;width: 60%;display: block; }
.reward01{background: url(../resources/images/10X-reward_d.png) no-repeat;background-size: 100% 100%;}
.reward02{background: url(../resources/images/SmartBuy_d.png) no-repeat;background-size: 100% 100%;}
.reward03{background: url(../resources/images/Shop_online_d.png) no-repeat;background-size: 100% 100%;}
.Preward01{background: url(../resources/images/10X-reward_pd.png) no-repeat;background-size: 100% 100%;}
.Preward02{background: url(../resources/images/SmartBuy_pd.png) no-repeat;background-size: 100% 100%;}
.Preward03{background: url(../resources/images/Shop_online_pd.png) no-repeat;background-size: 100% 100%;}
.rewardbox .second{padding: 30px 20px 20px 10px}
.rewardbox .second .mcontent{color: #333;}
.rewardbox .second .mcontent h4{font-size: 18px;font-weight: 700;}
.rewardbox .second .mcontent p{font-size: 12px;margin-bottom: 15px;}
.rewardbox .second .redArrow img{width: 40px;}
.rewardbox .second .redArrow img:hover{transform: scale(1.05);}
.innerReward{margin-top: 80px;min-height: 190px;}

/*.moreBox{background: #fff;border-radius: 20px;position: relative;margin-bottom: 30px;margin-top: 40px;}
.moreBox .mainImg{width: 100%;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.moreBox .mcontent{padding: 20px 60px 20px 20px;color: #333;}
.moreBox h4{font-size: 16px;font-weight: 700;}
.moreBox p{font-size: 12px;margin-bottom: 0;}
.moreBox .redArrow{position: absolute; bottom: -15px; right: 30px;}*/









@media only screen and (min-width: 1600px) {

 }
 
@media only screen and (min-width: 1400px) {
 
}




/*ipad - both*/
@media (min-width: 768px) and (max-width: 992px){
	#home_diners .heading.mt45vh{ margin-top: 20vh; }
	.bottomSec.mt15vh{ margin-top: 0vh; margin-bottom: 5vh;}
	/* .section{ margin-bottom: 3rem } */
}
@media (min-width: 768px) and (max-width: 1023px){

} 
/*ipad - landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){

}
/*ipad - portrait*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait), only screen and (min-width: 768px) and (max-width: 900px){

}
/*all mobiles & small tabs*/
@media (min-width: 992px){	
	.collapse:not(.show), .navbar-expand-lg .navbar-collapse.collapse:not(.show){ display: none !important; } 
	.navbar-expand-lg .navbar-toggler{ display: inline-block; }
	.navbar-expand-lg .navbar-nav{ -ms-flex-direction: column; flex-direction: column; }
	.navbar-expand-lg .navbar-collapse{ flex-basis: 100%; display: block !important; }
	.navbar-expand-lg>.container{ flex-wrap: wrap; }
}
@media (min-width: 768px){
	.wd55{ max-width: 45%; }
	#home_diners{ background:url(../resources/images/homebg_d.png) no-repeat center top #121419;background-size: 100% auto; height: auto !important;  }	
	#welcomeModal .product_details p{ width: 335px; margin: 0 auto 10px; }
	#welcomeModal{ padding-right: 0; }
	.cmnModal .close{ right: 140px; }
	.pg_close{ right: 125px; top: 65px; }
	.terms_n_conditions::before{ width: 68%; }
	.diners_privilege #home_diners{ background:url(../resources/images/dp_homebg_d.png) no-repeat center top #31192d;background-size: 100% auto; height: auto !important;  }	
	/* .side_menu.show{ width: 35%; } */
}

@media (min-width: 581px){
	.rewardbox .v-mob{display: none;}
}

@media (max-width: 1200px) {
	.rewardbox{width: 70%}
}

@media (max-width: 990px) {
	.rewardbox{width: 90%}
}

@media (max-width: 767px){
	.rewardbox{width: 100%}
	.rewardbox .second{padding: 20px 20px 20px 10px;}
	.rewardbox .second .mcontent h4{font-size: 16px;}
	.rewardbox .second .mcontent h4 br{display: none;}
	.rewardbox .second .mcontent p{margin-bottom: 10px;}
	body{ overflow-x: hidden; }
	#mainNav .navbar-brand{ width: 76%; display: inline-block; }
	#mainNav .navbar-brand>img{ width: 100%; }
	.section { /* height: 100vh; */ background-size: 100% auto;  }
	#welcome{ }
	.bottomSec p{ margin: 2rem auto 1rem; width: 275px; }
	.bottomSec .star p{ margin-top: 1rem; }
	.prod_pop .bottomSec p{ width: auto; }
	.bottomSec{ text-align: center; margin-top: 0; }
	.heading{ text-align: center; }
	.bottomSec p{ text-align: center; }

/* 	.mobh{ display: none; }
	#welcome{ background:url(../resources/images/welcome.png) no-repeat center 10vh #121419;  } */
	.first {
        order: 1;
    }
    .second {
        order: 2;
    }
	/* #travel{ background:url(../resources/images/travel.png) no-repeat center 3vh #121419;  } */
	/* #golf{ background:url(../resources/images/golf.png) no-repeat center 3vh #121419;  } */
	/* #priority{ background:url(../resources/images/priority.png) no-repeat center 3vh #121419;  } */
	/* #dining{ background:url(../resources/images/dining.png) no-repeat center 3vh #121419;  } */
	/* #dining_gd{ background:url(../resources/images/dining.png) no-repeat center 3vh #121419;  } */
	/* #rewards{ background:url(../resources/images/rewards.png) no-repeat center 3vh #121419;  } */
	/* #fuel{ background:url(../resources/images/fuel.png) no-repeat center 3vh #121419;  } */
	/* #comprehensive{ background:url(../resources/images/comprehensive.png) no-repeat center 3vh #121419;  } */
	/* #foreign{ background:url(../resources/images/foreign.png) no-repeat center 3vh #121419;  } */
	.product_details ul li{ margin: 10px auto; display: block; }
	#welcome_prod .product_details{ border-top-right-radius: 0px; }
	#home_diners .heading.mt45vh{ margin-top: 30vh; }
	.bottombx a{ font-size: 0.8rem; }
	.bottombx h3{ font-size: 0.9rem; }
	#card_carousel .wd45{ max-width: 90%; }
	#card_carousel .wd55{ max-width: 90%; }
	#card_carousel a.interested{ margin-bottom: 10px; }
	#card_carousel .wd55{ padding: 0 15px !important; }
	.innerReward{min-height: 150px;}

}
@media (max-width: 580px){
	#foreign{margin-bottom: 40px;}
	.reward01, .reward02, .reward03, .Preward01, .Preward02, .Preward03{background-image: none;}
	.rewardbox .first{display: none;}
	.rewardbox .second{background: #fff;width: 65%;margin: 10px auto 20px auto;display: block;padding: 0;border-radius: 15px;position: relative;}
	.rewardbox .second .mcontent{padding: 15px 40px 15px 15px;}
	.rewardbox .second img.v-mob{width: 100%;border-top-left-radius: 15px;border-top-right-radius: 15px;}
	.rewardbox .second .redArrow img{width: 45px}
	.rewardbox .redArrow{position: absolute; bottom: -15px; right: 30px;}
}

@media (min-width: 576px){
	.modal-dialog{ max-width: 100%; }
	.tncModal .modal-dialog{ width: 90%; }
}

@media (max-width: 460px){
	.rewardbox .second{width: 80%}
}

@media (max-width: 330px){
	html{ font-size:12px}


}