@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .cashback-calculator-section  .money-slider-wrap0 .slider-box
    {
      padding-top: 15px;
      padding-bottom: 10px;
    }
    
    
    
    .slider-max-save-mid {
      float: none !important;
      padding-right: 0px;
      padding-left: 48%;
      padding-top: 0px;
    }  
    
    .slider-max-save {
      padding-right: 0px;
      padding-left: 55%;
      padding-top:5px !important;
    }
  }

/* for box shadow */
.money-slider-wrap1
{
  border-radius: 19px 0px 0 0;
}
.money-slider-wrap3
{
  border-radius: 0 0 0 19px;
}

.money-slider-wrap1, .money-slider-wrap2, .money-slider-wrap3
{
  box-shadow: 2px 0px 10px rgba(0,0,0,0.15);
}
  
.section-calculator.-miles {
    padding: 30px 0;
}
  .calc-banner-image {
    background-size: 60%;
    background-position: top right;
    background-repeat: no-repeat;
 }
  
  /** header Title **/
.main-header.a-center {
    color: #4f455e;
    font-family: Lato;
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    font-weight: 700;
}
.main-header.a-center span { 
      color: #71629d;
}
.sub-header.a-center, .section-calculator.-miles .txt-note {
    color: #4f455e;
    font-family: Lato;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    padding-top:15px;
}
.section-calculator.-miles .txt-note {
    font-style:inherit; 
    text-align:left;
}
.calculator-menu {
  max-width:100%;
  margin-bottom:40px;
}
   /** header Title End **/
  
   /** Section Left Start **/
.section-calculate .chart ul { 
  display: inline-block;
}
  
.section-calculate .chart li:nth-child(-n+4) {
  border:none!important;
  border-right:none!important;
}
  
.section-calculate .chart li 
  {
    border: 1px solid #f7f6fc !important;
    border-right:none!important;
    margin:2px;
    text-align:left;
    padding: 5px 10px 30px 10px;
    width: 21%;
    height: 104px;
    border-radius: 5px;
    background-color: #f7f6fc;
    float: left;
    width: 24%;   
  }
.section-calculate .chart li.active {
    margin:2px;
    width: 24%;
    height: 104px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    border: 1px solid #4f455e!important;
    background-color: #ffffff;
    text-align:left;
    padding: 5px 10px 30px 10px;
}
.section-calculate .chart .input-wrap {
  padding:0px;
}
  
  .section-calculate .chart .input-wrap input[type='text'] {
   padding-left:15px;
    max-width:100%;
    padding-right:0px;
  }
  .section-calculate .chart .input-wrap .currency {
    padding-right:10px;
    left:0;
  }
  .section-calculate .chart .input-wrap .currency,
  .section-calculate .chart .input-wrap input[type='text']
  {
  color: #4f455e;
  font-family: Lato;
  font-size: 20px!important;
  font-weight: 400;
  line-height: 33px;
  }
.section-calculate .chart .img-wrap p {
    color: #4f455e;
    font-family: Lato;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.5;
    padding-top: 5px;
    min-height: 30px;
}
   /** Section Left End **/  
  
  /** Section Right **/
.section-calculator .box-miles-earned p .question-box.cardTooltip {
    width: 18px!important;
    height: 18px!important;
  }
  
.section-calculator.-miles .cardTooltip {   
    position: unset;
}
  
.dropdown-menu>li:hover, .dropdown-menu>li:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}
  
.-miles .calculation-box .amount.-cashback.-annualSpend:after, .-miles .calculation-box .amount.-fees.-annualSpend:after,
.calculation-box .amount.-cashback.-fees:after, .calculation-box .amount.-fees.-fees:after,
.calculation-box .amount.-cashback:before, .calculation-box .amount.-fees:before {
    display:none;
}
.calculation-box .amount .txt-label {
    /*text-transform: capitalize!important;*/
    color: #4f455e;
    font-family: Lato;
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
}
.calculation-box .amount .value {
    color: #71629d;
    font-family: Lato;
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
  }
.section-calculator.-miles .calculation-box,
.box-miles-earned
  {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  border: 1px solid #ebebeb;
  background-color: #ffffff;
}
  .calculation-box .amount.-savings .txt-label {
    color: #4f455e;
    font-family: Lato;
    font-size: 29px;
    font-weight: 600;
    line-height: 30px;
}
.calculation-box .amount.-savings .value {
    color: #71629d;
    font-family: Lato;
    font-size: 29px;
    font-weight: 600;
    line-height: 30px;
}
  
.box-miles-earned
{
  display: block;
}
  .section-calculate .chart li.active:before, .section-calculate .chart li.active:after {
        content: none;
}
/** Section Right End**/
  
  
  /*gn-css*/
.section-calculator .dropdown-txt,.section-calculator .box-miles-earned {
  color: #4f455e;
  font-family: Lato;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}
.section-calculator .box-miles-earned {
  font-weight: 600;
}
.section-calculator .dropdown-txt .dropdown,.section-calculator .box-miles-earned .dropdown {
  padding-right: 5px;
}
.section-calculator .dropdown-txt .dropdown > a,.section-calculator .box-miles-earned .dropdown > a {
  border-bottom: 1px solid #00d7c5;
  text-decoration: none;
}
.section-calculator .dropdown-txt .dropdown a span,.section-calculator .box-miles-earned .dropdown a span {
  color: #4f455e;
}
.section-calculator.-miles .calculation-box,.section-calculator.-miles .box-miles-earned {
  padding: 25px;
  height: 100%;
}
.section-calculator.-miles .calculation-box > .amount {
  padding-bottom: 10px;
}
.section-calculator.-miles .calculation-box > .amount span.value {
  float: right;
  text-align: right;
}
.section-calculator.-miles .calculation-box > .amount span {
  width: 48%;
}
.section-calculator.-miles .calculation-box > .amount.-savings {
  background-color: transparent;
  padding: 15px 0 0 0;
}
.section-calculator .box-miles-earned p {
  text-align: left;
  margin: 20px 0 0 0;
  font-weight: 600;
}
.section-calculator .box-miles-earned p strong.milesEarned {
  color: #71629d;
  font-family: Lato;
  font-size: 29px;
  font-weight: 600;
  line-height: 30px;
}
.section-calculator .box-miles-earned p .question-box.cardTooltip {
  width: 20px;
  height: 20px;
  background-color: #00d7c5;
  font-size: 15px;
  line-height: 20px;
  display: inline-block;
  margin-top: 5px;
  margin-left: 10px;
}
/*gn-css*/
  
.desk-extra-padding
{
  padding-left: 20%;
}
  
.hide
{
  display: none !important;
}
  
.show
{
  display: block !important;
}

/*21-11-2019*/
#air_miles_available {
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  background-color: #ffffff;
  color: #4f455e;
  font-family: Lato;
  line-height: 30px;
  font-size: 20px;
  margin: 0 0 30px;
}
#air_miles_available .dropdown > a > span {
  text-transform: capitalize;
  color: #4f455e;
}
#air_miles_available .dropdown > a {
  border-bottom: 1px solid #00d7c5;
  text-decoration: none;
  margin-right: 5px;
}
#air_miles_available .flight-class-div {
  padding: 25px;
  border: 1px solid #ebebeb;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
#actual_worth {
  padding: 25px;
  background: #4f455e;
  border: 1px solid #4f455e;
  color: #ffffff;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  font-size: 15px;
}
#actual_worth .calculation-div .dropdown-aerrow {
  width: 7px;
  height: 5px;
  margin: 0 0 3px 10px;
}
#actual_worth > .calculation-div {
  text-decoration: underline;
  font-weight: 600;
}
#actual_worth .flight-saving-div {
  font-size: 29px;
  padding: 8px 0;
}
#actual_worth .flight-saving-div span.right {
  float: right;
}
#actual_worth .additional-div {
  font-weight: 900;
}
.section-calculator .box-miles-earned p span {
  float: right;
}
#air_miles_available .dropdown.open > .dropdown-backdrop {
  display: none;
}
#air_miles_available .dropdown.open > .dropdown-menu li span {
  font-size: 14px;
}
.extra-information-worth span.fl-right {
  float: right;
}
.extra-information-worth span.question-box {
  background: #00d7c5;
  color: #4f455e;
  margin-left: 5px;
}
#air_miles_not_available {
  padding: 25px;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  color: #4f455e;
  font-family: Lato;
  line-height: 1.2;
  font-size: 17px;
}
#air_miles_not_available .cta-section {
    text-align: center;
    padding: 20px 0 10px 0;
}
#air_miles_not_available p span {
  display: block;
  margin-bottom: 20px;
}
#air_miles_not_available .cta-section a {
  color: #ffffff;
  font-weight: 600;
  background: #00d7c5;
  border: 1px solid #00d7c5;
  border-radius: 50px;
  padding: 12px;
  font-size: 17px;
  text-decoration: none;
}
.popover {
  background: #000000;
  color: #ffffff;
}
.popover .popover-content {
  color: #ffffff;
}
.popover.top>.arrow:after {
  border-top-color: #000000;
}
.extra-information-worth {
  margin: 0 0 10px 0;
}
.extra-information-worth span:not(.question-box) {
  line-height: 2.7;
}
/*21-11-2019*/
  
/** 19/01/20 **/
  /*23-12-2019*/
ul.dropdown-menu.benifitTypes.scrollable-menu li:hover, ul.dropdown-menu.benifitTypes.scrollable-menu li:focus {
    background: #f5f5f5;
}

/*19/01/20*/

.slider-handle.min-slider-handle.round {
    width: 16px;
    height: 16px;
    background-color: #71629d;
}
.slider-track {
    height: 2px!important;
    background-color: #4f455f!important;
}
.money-slider .slider-handle {
  margin-top:-2px;
  }
.question-box {
   background-color: #00d7c5;
}
.money-slider-wrap .slider-box .box-title {
    font-size: 16px!important;
    font-weight: 700!important;
}
.slider-max-save {
  color: transparent ;
  font-size: 16px!important;
  float : none !important;
  padding-top: 30px;
  font-weight: bold;
  /*padding-left: 60%;*/
}
  
.ColorMaxSave
{
    color : #00d7c5 !important;
}
  
.slider-selection.tick-slider-selection {
    height: 2px !important;
    opacity: 1!important;
    border-radius: 4px;
    background-color: #00053b!important;
    background-image: none!important;
    box-shadow: none!important;
}
.money-slider .slider-track {
    height: 2px!important;
   opacity: 1!important;
    border-radius: 5px;    background-color: #dcdadf!important; 
    border-radius: 4px;
    background-image: none;
    box-shadow: none;
}
.lbl-main.big-txt span {
  color: #4f455e;
font-size: 24px;
font-weight: 700;
line-height: 30px;
  }
 .lbl-left.lbl-sky span, .lbl-left.lbl-sky  { color: #00d7c5;}
  .lbl-sky {
    color: #00d7c5;
	font-size: 17px;
	font-weight: 700;
	line-height: 30px;
}
.money-slider-wrap { background-color: #ffffff;}
.money-slider-wrap2 {
background-color: #f7f6fc!important;
}
  .calculation-wrap {
    background-color: #ffffff;
}
.money-slider-wrap {
    padding: 20px;
}
.cashback-calculator-section span.form-control.totalCashback {
color: #71629d;
font-size: 17px;
font-weight: 600;
line-height: 30px;
}
  
  .cashback-box.uobCashback .lbl-bold {
    font-size: 24px;
    font-weight: 700;
    background-color: #4f455e;
    color: #fff;
    padding: 15px 20px;
    border-radius: 19px 19px 0 0;
    box-shadow: -2px -5px 10px rgba(0,0,0,0.15) !important;
}
  .cashback-calculator-section {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  }
  .lbl-main {
    padding-right: 20px;
    padding-left: 20px;
	    display: block !important;
    width: 100%;
    max-width: 100% !important;    
    float:left;
    padding-bottom: 5px;
}
.lbl-left { width: 49%;     float: left;
    text-align: left; }
.lbl-left span { 
     /*text-transform: capitalize !important;*/
    color: #4f455e;
    font-family: Lato;
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;}
.lbl-right {
	width: 49%;
    float: right;
    text-align: right;
}

/*21-01-2020 gn*/
  .money-slider-wrap .cashback-box, .money-slider-wrap .cashback-box {
	  padding:0px;
  }
  .money-slider-wrap .slider-box {
    box-shadow: none !important;
    padding: 30px;
    padding-bottom: 50px;
}

  .money-slider-wrap0 .slider-box {
    box-shadow: none !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 15px;
  }

  .calculation-wrap,.money-slider-wrap { 
    background-color: transparent;
  }
  .calculation-wrap .money-slider-wrap1 .slider-box {
    background: #fff;
    border-radius: 19px 19px 0 0;
    padding-top: 30px !important;
    border: none;
    box-shadow: -2px -5px 10px rgba(0, 0, 0, 0.15) !important;
    z-index: 99;
}
  /*.calculation-wrap .money-slider-wrap:first-child .slider-box .box-title {*/
  .calculation-wrap .money-slider-wrap1 .slider-box .box-title {
      margin: 0px 0 15px;
  }
  .cashback-box.uobCashback .shadow-box,.money-slider-wrap .cashback-box.maybankCashback {
    background: #ffffff;
  }
  
  .cashback-box.uobCashback .shadow-box
  {
   padding-bottom: 32px; 
  }
  
  .calculation-wrap .money-slider-wrap:nth-last-child(2) .slider-box {
    background: #fff;
    border-radius: 0 0 0 19px;
    border: none;
    box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.15) !important;
    z-index: 99;
}
  .money-slider {
    padding: 0 10px;
}
  .calculation-wrap .money-slider-wrap:last-child .slider-box {
    border-radius: 0;
    border: none;
    padding: 20px 30px 0 10px !important;
}
  .money-slider-wrap.money-slider-wrap2 .slider-box {
    box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.15) !important;
}
  .cashback-calculator-section .calculation-box.resultCashbackBox {
    border: none;
  }
  .cashback-terms-info > span {
    color: #4f455e;
    font-family: Lato;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    padding-top: 15px;
    display: block;
  }
  .cashback-terms-info span > span {
    color: #00d7c5;
    font-weight: 700;
  }
  .shadow-box .lbl-main .lbl-left.lbl-sky {
    margin-bottom: 30px;
  }
  .shadow-box .lbl-main {
    padding-bottom: 0px;    
    padding-right: 35px;
  }
  span.txt-sign-new {
    margin-right: 25px;
    font-weight: 700;
  }
  .slider-max-save-mid {
    color: transparent;
    font-size: 16px!important;
    font-weight: bold;
    padding-right: 0px;
   /* padding-left: 45%;*/
    float: none;
  }
/*23-01-2020 gn*/
 


  .money-slider-wrap {padding:0px;}
 .cashback-calculator-section .section-calculator .calculation-box {
    box-shadow: none;
    border-radius: 12px;
    border: 0;
}

.cashback-calculator-section .calculation-box.resultCashbackBox{
    background-color: #4f455e;
    border-radius: 0 0 20px 20px;
    box-shadow: none;
    padding: 15px 20px;
    margin-bottom:0px;
    box-shadow: 2px 7px 10px rgba(0,0,0,0.15) !important;
  
}
  .cashback-calculator-section .section-calculator.-miles .calculation-box {margin:0px!important;}
 .cashback-calculator-section .calculation-box.resultCashbackBox .lbl-left span,
  .cashback-calculator-section .calculation-box.resultCashbackBox .lbl-right span{
   color: #ffffff;
   font-size: 29px!important;
    line-height: 38px;}
  .money-slider-wrap .cashback-box {padding:0px;}
  .shadow-box {
    float: left;
    width: 100%;
    padding: 20px 0;
}
  .cashback-calculator-section span.form-control.cardupFee {
  color: #71629d;
font-size: 17px;
font-weight: 600;
line-height: 30px;
  }
  .blue-bold {
  color: #4f455e;
font-family: Lato;
font-size: 24px;
font-weight: 700;
  }
/** 19/01/20 **/
  
/* new custom changes from Harris */
 .cashback-calculator-block .big-lbl 
  {
    margin-bottom: 70px;
    line-height:4rem;
  }
  
 /*.cashback-box.uobCashback .lbl-bold
  {
    margin-top: -63px;
  }*/
  
  .calculation-wrap .money-slider-wrap1 .slider-box {    
    border-radius: 19px 0px 0 0;
  }
  
  /*.cashback-box.uobCashback .shadow-box
  {
    box-shadow: -2px -5px 10px rgba(0,0,0,0.15) !important;
  }*/
  
  .shadow-box {
    padding: 30px 0;
  }
  /* end : new custom changes from Harris */
  
/** Media query **/
@media only screen and (max-width: 767px) { 

  .box-miles-earned.cardSelection {
	    height: auto;
    display: inline-block!important;
}
  .section-calculator .box-miles-earned p span {width:100%;}
  .section-calculator.-miles .calculation-box, .section-calculator.-miles .box-miles-earned {
  padding:15px;
  }
  .calculation-box .amount .txt-label {
  display:inline-block;
  text-align:left;
  line-height:1.5;
  }
  span.dropdown.control-wrap.cardSelection {
  display: block;
  }
  .section-calculator.-miles .span6 {
  padding-right:15px;
  padding-left:15px;
  }
  .calc-banner-image {
  background-size:contain;
  background-position: bottom;
  }
  .section-calculator.-miles .calculation-box > .amount span.value,
  .section-calculator .box-miles-earned p strong.milesEarned,
  .section-calculator.-miles .box-miles-earned {
  font-size:17px;
  }
  .calculation-box .amount.-savings .txt-label,
  .section-calculator.-miles .calculation-box > .amount.-savings span.value,
  .section-calculator .box-miles-earned p,
  .section-calculator .box-miles-earned p strong.milesEarned
  {
  font-size:23px;
  }
  .section-calculator.-miles .calculation-box > .amount.-savings {
  padding-top:5px;
  }
  .section-calculator .box-miles-earned p {
  margin-top: 10px;
  }
  .section-calculate .chart li, .section-calculate .chart li.active {width:48%;}
  .section-calculate .button-box {
  background: #f7f6fc;
  padding: 8px;
  border-radius: 4px;
  }
  .section-calculate .chart {
  padding:0px;
  }
  .section-calculate .button-box .btn-options {
  font-size:14px;
  }
  .section-calculate .chart li.inactive, .section-calculate .chart li.active {
  display:inline-block;
  }
  .section-calculate .chart .input-wrap .currency {
  margin-top: 0;
  }
  .section-calculate .chart li.active,
  .section-calculate .chart li {height:95px;}
  .section-calculator.-miles .section-calculate {
  padding-top:10px;
  }
  .section-calculate .button-box {margin-top:0px;}

  .desk-extra-padding
  {
  padding-left: 0px;
  }
  /*21-11-2019*/
  .section-calculator .box-miles-earned p .question-box.cardTooltip {
    margin-left: 5px;
  }
  #air_miles_available .dropdown > a {
    margin-right: 10px;
    display: inline-block;
  }
  #air_miles_available .dropdown > a > span {
    min-width: 140px;
    display: inline-block;
  }
  #air_miles_available .dropdown.calculatorSelection {
    display: block;
  }
  #air_miles_available {
    font-size: 17px;
  }
  .calculation-div {
    font-size: 11px;
  }
  #actual_worth .flight-saving-div {
    font-size: 20px;
  }
  #actual_worth .additional-div {
    font-weight: 400;
    font-size: 11px;
  }
  #air_miles_available .dropdown.open > .dropdown-menu li a {
    padding: 5px 20px;
  }
  /*21-11-2019*/
}
  
@media (max-width: 991px) and (min-width: 768px) {
  .section-calculate .chart li {
    min-width: 170px; 
  }
  .desk-extra-padding
  {
    padding-left: 0px;
  }
  /*21-11-2019*/
  #actual_worth .flight-saving-div {
    padding: 15px 0;
  }
  #actual_worth .additional-div {
    line-height: 1;
  }
  .section-calculator .box-miles-earned p {
    font-size: 22px;
  }
  .section-calculator .box-miles-earned p strong.milesEarned {
    font-size: 25px;
  }
  .section-calculator .box-miles-earned p .question-box.cardTooltip {
    margin-left: 5px;
  }
  #air_miles_available {
    font-size: 16px;
  }
  /*21-11-2019*/
}
  
 
/*26-11-2019*/
.open>.dropdown-menu>li>a {
  font-weight: 600;
  text-align: left;
}
#business-class,#first-class {
  color: #4f455e;
}
.open>.dropdown-menu>li>a.enable {
  color: #4f455e !important;
}
.open>.dropdown-menu>li>a.disable {
  color: grey !important;
  cursor: not-allowed !important;
}

 /* For first class and buisness class dropdown */
.open>.dropdown-menu.flightType>li>a.disable:before {
  content: "requires more miles";
  display: block;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 600;
  padding: 5px 0;
}  

/*26-11-2019*/
/*28-11-2019*/
/* For places dropdown */
a.btn.disable.first-disabled:before {
  content: "requires more miles";
  display: block;
  text-transform: uppercase;
  font-size: 9px;
  padding: 5px 0;
}
  
/* neha */

  
/*.CalclatorTypes a.disable:before 
{
  content: "Coming soon";
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  padding: 5px 0;
  margin-left: -20px;
}*/
/* end Neha */
  
/*28-11-2019*/
/*29-11-2019*/
.section-calculator.-miles .btn-box, .section-calculate .btn-box {
  margin: 10px 5px;
  text-align: left;
}
.section-calculator .dropdown-txt .dropdown a, .section-calculator .box-miles-earned .dropdown a {
  display: inline-block;
  margin: 0 10px;
}
.section-calculator .dropdown-txt .dropdown a span, .section-calculator .box-miles-earned .dropdown a span {
  min-width: 120px;
  display: inline-block;
}
.section-calculator #air_miles_available .dropdown > a {
  margin: 0 10px;
  display: inline-block;
}
/*29-11-2019*/
/*02-12-2019*/
.section-calculator #actual_worth>.calculation-div span, .section-calculator #actual_worth>.calculation-div img {
    cursor: pointer;
}
#actual_worth .extra-information-worth {
    border-bottom: 1px solid rgba(0, 215, 197, 0.52);
    padding: 0 0 15px 0;
}
.section-calculator .extra-information-worth {
    margin: 0 0 15px 0;
}
/*02-12-2019*/
  
  

/*23-01-2020 gn*/
  .money-slider-wrap .slider-box {
      width: 54.3333333333%;
      -webkit-flex: 0 0 54.3333333333%;
      -ms-flex: 0 0 54.3333333333%;
      flex: 0 0 54.3333333333%;
  }
  .money-slider-wrap .cashback-box {
      width: 45.6666666667%;
      -webkit-flex: 0 0 45.6666666667%;
      -ms-flex: 0 0 45.6666666667%;
      flex: 0 0 45.6666666667%;
  }
  .money-slider-wrap.money-slider-wrap2 .slider-box .box-title,.calculation-wrap .money-slider-wrap:nth-last-child(2) .slider-box .box-title {
      margin: 0 0 15px;
  }
  

  /*26-01-2020*/
  @media only screen and (max-width: 768px) {
    .slider-max-save-mid {
        font-size: 13px!important;
        float: none !important;
        padding-right: 0px;
        padding-left: 45% ;
        padding-top: 0px;
    }
    
    .calculation-wrap .money-slider-wrap:nth-last-child(2) .slider-box .slider-max-save-mid {
      
        padding-right: 8px;
        padding-top: 0px;
    }
    
    .slider-max-save {
        font-size: 13px!important;
        padding-top:0px;
    }
    .calculatorSelection.open > .dropdown-backdrop {
        display: none !important;
    }
    .lbl-left {
        width: 58%;
    }
    .lbl-right {
        width: 40%;
    }
    .lbl-left.lbl-sky span, .lbl-left.lbl-sky {
        font-size: 12px !importantt;
    min-height: 40px;
   /* display: block;*/
    padding-bottom: 10px;
    }
    .slider-max-save {
      padding-left: 51%;
      padding-right: 0px;
    }
    .lbl-left span {
        font-size: 16px;
    }
    .blue-bold {
        font-size: 18px;
       padding-bottom:15px;
    }
    .lbl-main.big-txt span {
        font-size: 20px;
    }
    .cashback-calculator-section .calculation-box.resultCashbackBox .lbl-left span, .cashback-calculator-section .calculation-box.resultCashbackBox .lbl-right span,{
        font-size: 20px !important;
      
    }
    
    .money-slider-wrap.money-slider-wrap2 .slider-box .box-title, .calculation-wrap .money-slider-wrap:nth-last-child(2) .slider-box .box-title {
          margin: 0 0 15px;
      }
}
  
  
 
  @media only screen and (max-width: 767px) {
    .money-slider-wrap .cashback-box, .money-slider-wrap .slider-box {
      width: 100%;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
    
    }  
    .calculation-wrap .money-slider-wrap1 .slider-box,.money-slider-wrap.money-slider-wrap2 .slider-box, .calculation-wrap .money-slider-wrap:nth-last-child(2) .slider-box {
        padding: 15px 20px;
        min-height: 165px;
        box-shadow: unset !important;
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 40px;
    }
    .money-slider-wrap.money-slider-wrap2 .slider-box, .calculation-wrap .money-slider-wrap:nth-last-child(2) .slider-box {
        min-height: 140px;
        margin: 0;
        border-radius: 0 !important;
    }
    .calculation-wrap .money-slider-wrap1 .slider-box .blue-bold {
        font-size: 17px;
    }
    .calculation-wrap .money-slider-wrap1 .slider-box .box-title {
        font-size: 13px !important;
    }
    .slider-max-save {
        font-size: 12px!important;
        padding-right: 0px;
        padding-top:0px;
        padding-left: 51%;
    }
    .money-slider-wrap .slider-box .slider-max-save-mid {
        font-size: 12px!important;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 50%;
        float: none;
    }
    .calculation-wrap .money-slider-wrap:nth-last-child(2) .slider-box .slider-max-save-mid {
        padding-right: 16px;
        padding-top: 0px;
    }
    
    .cashback-box.uobCashback .lbl-bold {
       background: #ffffff;
        padding-bottom: 20px !important; /*changes*/
        font-size: 14px;
        color: #4f455e;
        font-weight: 700;
        padding: 0 20px;
      
        box-shadow:none !important;
    }
    .shadow-box {
        padding: 15px 10px 0 0 !important;
        border-bottom: 1px solid #ebebeb;
    }
    .lbl-left span,.shadow-box .lbl-main .lbl-left.lbl-sky {
        font-size: 12px;
        margin-bottom: 0;
       min-height: 40px;
       /* display: block; for change question box*/
      padding-bottom:10px;
    }
    .cashback-calculator-section span.form-control.totalCashback,.cashback-calculator-section span.form-control.cardupFee {
        font-size: 13px !important;
    }
    .lbl-left, .lbl-right {
      text-align: center;
      float: unset;
      width: 100%;
      padding:10px;
        
    }
    .lbl-main {
        width: 49%;
        padding: 0 !important;
    }
    .lbl-main.big-txt {
        width: 100%;
        padding: 20px !important;
    }
    .lbl-main.big-txt .lbl-left {
        float: left;
        text-align: left;
        width: 49%;
    }
    .lbl-main.big-txt .lbl-right {
        float: right;
        text-align: right;
        width: 49%;
    }
    .lbl-main.big-txt span {
        font-size: 16px;
      
      
      
    }
    .lbl-main.big-txt .lbl-right span {
        color: #71629d;
    }
    span.txt-sign-new {
        margin-right: 0;
        float: left;
    }
    .money-slider-wrap .slider-box .box-title .question-box {
        top: 3px;
        right: -20px;
    }
    .money-slider-wrap .slider-box .box-title {
        font-size: 13px!important;
    }
    .money-slider-wrap.money-slider-wrap2 .slider-box .box-title, .calculation-wrap .money-slider-wrap:nth-last-child(2) .slider-box .box-title  {
       margin: 0 0 15px;
    }
    .cashback-box.bocCashback .lbl-left span,.cashback-box.bocCashback .shadow-box .lbl-main .lbl-left.lbl-sky,.cashback-box.maybankCashback .lbl-left span,.cashback-box.maybankCashback .shadow-box .lbl-main .lbl-left.lbl-sky {
        line-height: 30px;
        min-height: 40px;
       /* display: block;*/
      padding-bottom:10px;
    }
    .cashback-box.bocCashback .shadow-box .lbl-main.big-txt {
        padding: 20px 20px 0!important;
    }
    .calculation-wrap  .money-slider-wrap4 {
      flex-direction: column-reverse;
      background-color: white;        
    }
    
    
    .cashback-calculator-section .calculation-box.resultCashbackBox {
        margin-top: -15px;
        border-radius: 19px 19px 19px 19px;
    }
    .cashback-calculator-section .calculation-box.resultCashbackBox .lbl-left span {
        font-size: 17px !important;
    }
    .cashback-calculator-section .calculation-box.resultCashbackBox .lbl-right span {
        font-size: 20px !important;
    }
    .calculation-box.resultCashbackBox .lbl-left, .calculation-box.resultCashbackBox .lbl-right {
        width: 49%;
    }
    .calculation-box.resultCashbackBox .lbl-left {
        float: left;
        text-align: left;
    }
    .calculation-box.resultCashbackBox .lbl-right {
        float: right;
        text-align: right;
    }
    /*26-01-2020*/
    .cashback-box.bocCashback .lbl-bold.lbl-mob,.cashback-box.maybankCashback .lbl-bold.lbl-mob {
      font-size: 14px;
      color: #4f455e;
      font-weight: 700;
      padding: 20px;
    }
    .calculation-box.resultCashbackBox > .lbl-mob.lbl-left {
        width: 100%;
    }
    .calculation-box.resultCashbackBox .lbl-mob.lbl-left span {
        font-size: 17px !important;
    }
    .calculation-box.resultCashbackBox .uobCashback .lbl-mob.lbl-left span,
    .cashback-calculator-section .calculation-box.resultCashbackBox .uobCashback .lbl-left span,
    .cashback-calculator-section .calculation-box.resultCashbackBox .bocCashback .lbl-left span,
    .cashback-calculator-section .calculation-box.resultCashbackBox .maybankCashback .lbl-left span,
    .cashback-calculator-section .calculation-box.resultCashbackBox .uobCashback .lbl-right span,
    .cashback-calculator-section .calculation-box.resultCashbackBox .bocCashback .lbl-right span,
    .cashback-calculator-section .calculation-box.resultCashbackBox .maybankCashback .lbl-right span{
        font-size: 12px !important;
    }
    .cashback-calculator-section .calculation-box.resultCashbackBox .uobCashback .lbl-left span.question-box,
    .cashback-calculator-section .calculation-box.resultCashbackBox .bocCashback .lbl-left span.question-box,
    .cashback-calculator-section .calculation-box.resultCashbackBox .maybankCashback .lbl-left span.question-box {
        line-height: 15px !important;
        min-height:0px !important;
      padding-bottom:0px !important;  
   

    } 
    .uobCashback, .bocCashback, .maybankCashback {
        width: 100%;
    }
    .calculation-box.resultCashbackBox .lbl-left {
        width: 67% !important;
    }
    .calculation-box.resultCashbackBox .lbl-right {
        width: 32% !important;
    }
    .calculatorSelection.open > .dropdown-backdrop {
        display: none !important;
    }
    
    /* Additional changes by Harris */
    .cashback-calculator-block .big-lbl {
      margin-bottom: 10px;
          line-height: 23px;

    }  
  }
  
  @media only screen and (max-width: 414px) {
    .money-slider-wrap .slider-box .slider-max-save-mid {      
        padding-right: 0px;
        padding-left: 48%;
        float: none;
    }
    
    .slider-max-save {
       padding-left: 54%;
      padding-top:0px;
    }

  }
  
  @media only screen and (max-width: 375px) {
    .money-slider-wrap .slider-box .slider-max-save-mid {      
        padding-right: 0px;
        padding-left: 43%;
        float: none;
    }
    
    .slider-max-save {
       padding-left: 52%;
      padding-top:0px;
    }
  }
  
   @media only screen and (max-width: 320px) {
    .money-slider-wrap .slider-box .slider-max-save-mid {      
        padding-right: 0px;
        padding-left: 40%;
        float: none;
    }
     
    .calculation-wrap .money-slider-wrap:nth-last-child(2) .slider-box .slider-max-save-mid {
        padding-right: 0px;
        padding-left: 40%;
        padding-top: 0px;
        float: none;
    }
    
    .slider-max-save {
       padding-left: 47%;
      padding-top:0px;
    }
     
   .blue-bold {
       font-size:15px;
     }
  }

@media only screen and (max-width: 360px) {

.blue-bold {
       font-size:15px;
     }
  
  .lbl-left span, .shadow-box .lbl-main .lbl-left.lbl-sky {
    font-size:9px;
}
  .lbl-main.big-txt span {
    font-size: 12px;
}
}
  
 /* Handling large screen */
/*  @media only screen and (min-width: 1280px)
  {
    .money-slider-wrap .slider-box .slider-max-save-mid {      
        padding-right: 0px;
        padding-left: 52%;
        float: none;
    }
    
    .slider-max-save {
      padding-left: 60%
      padding-right: 0px;
    }
  }*/
 
  @media only screen and (min-width: 1280px) 
  {
    .money-slider-wrap .slider-box .slider-max-save-mid {      
        padding-right: 0px;
        padding-left: 52%;
        float: none;
    }
    
       .slider-max-save {
       padding-left: 60%;
      padding-right: 0px;
    }
    
    .big-txt {
      font-weight:300;
    }
  }

.cashback-calculator-section .calculation-box.resultCashbackBox .lbl-left span, .cashback-calculator-section .calculation-box.resultCashbackBox .lbl-right span {
    font-size: 20px !important;
     font-weight:600;
}
}

/*19-02-2020 gn*/

.cashback-calculator-section.lbl-left span::first-letter  {
    text-transform: uppercase;
}
.calculation-box .amount.-savings .txt-label span::first-letter  {
     text-transform: uppercase;
}


/*testimonial changes i mobile respnsive */
@media (max-width: 767px)
{
.testimonial .hs-logo-carousel .slick-slide
 {
   margin-top:50px;
  }
}

@media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 2) 
{
.section-calculator .dropdown.open .dropdown-backdrop .dropdown-menu {
    right: 100%;
    left: initial !important;  
}

.section-calculator .dropdown.open .dropdown-backdrop {
    display: none !important;
}

}



 /*@media  screen and (min-width : 413px) and (max-width:414px) { 

.section-calculator .dropdown.open .dropdown-backdrop .dropdown-menu {
    right: 100%;
    left: initial !important;  
}

  .section-calculator .dropdown.open .dropdown-backdrop {
    display: none !important;
      }

}

*/