/*banner*/
.banner-text-inner { text-align: center;}
.partner-content{
 position:relative;
 top: 1em;
 display: inline-block;
 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 padding:30px;
 background: rgba(255,255,255,0.5);
 border: 2px solid #ffffff;

}

.partner-logo { display: block; }

.partner-logo img { display: inline-block; margin-bottom: 30px; }

.partner-text{

  padding: 10px;
  display:inline-block;
  font-size: 22px;
  line-height: 22px;
  width: 100%;
 text-align: center;
}
.partner-text h3 {
  margin:0;
  font-size: 30px;
  line-height: 34x;
  color: #3d1a6f;
  text-shadow: 1px 1px #ffffff;
}
.partner-text h3 strong { font-size: 120%; line-height: 0; }
.partner-text h3 strong em { font-style: normal; }



.saving-num { color: #b30068;}


@media screen and (max-width: 1366px){
  .partner-text{font-size: 20px;line-height: 20px;}
  .partner-text h3 {font-size: 26px;line-height:26px;}
  .partner-logo img { max-height: 76px;}
  .clpv3 .banner-bg { background-position: left top;}
  
  .th .partner-logo img { margin-top:5px;}
  
}
@media screen and (max-width: 1025px){
  .partner-logo { margin-bottom: 2em; }
  
}

@media screen and (max-width: 960px){
  .partner-logo { margin-right: 30px;}
.partner-text { font-size: 18px line-height: 18px;}  
  
}

@media screen and (max-width: 800px){
  .partner-logo img { max-height: 55px;}
  .partner-text { width: auto; max-width: 518px;}
}


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

  .partner-text h3,  .partner-text {/* color: #FFCB08; *//* text-align: center; *//* background: #fff; *//* padding: 5px; */}
}



@media screen and (max-width: 768px){
  .partner-logo { margin-right: 15px;}
  .partner-logo img { max-height: 55px; }
  .partner-text { width: auto; max-width: 518px;}
}

@media screen and (max-width: 767px){
  /*banner*/
  .partner-content > div { text-align: center; float: none;}
  .partner-logo img { max-height: 66px;}
  .partner-content { padding: 0 18px; top: 0;}
  .partner-text{ font-size: 18px; line-height: 18px;}
  .partner-text h3 { font-size: 26px; line-height: 26px; }

  .howitworks-slide-container .slide-wrapper{ padding-left: 0;}
  

  .partner-text {width:100%; }
}

@media screen and (max-width: 640px) {
  
  /*banner*/

  .partner-content { padding : 0;}
  .partner-text h3 { font-size: 24px; line-height: 24px; }
  .welcome-pointsmax-detail { width: 100%;}
}

@media screen and (max-width: 480px){
  .partner-logo { margin: 20px 0; }
   .partner-logo img { max-height: 55px;}
  .partner-text h3 { font-size: 22px; line-height: 24px; }
  
  .howitworks-slide-container .slide-wrapper > .slide {  width: 100%; margin-right: 0;}
  #howitworks-slide1-top .step1-top-column,#howitworks-slide1-bottom #step1-bottom-panel-1 { font-size: 14px; }
}

@media screen and (max-height: 414px){ 
.partner-content { padding: 0;}

}

@media screen and (max-width: 375px){
  #howitworks-slide2-top .step2-left { height: 70px; width: 70px;}
  #howitworks-slide2-top .step2-right { padding-left: 60px;}
  #howitworks-slide2-top .step2-right .step2-hotel-name,#howitworks-slide3-top { font-size: 1.5rem;}
  #howitworks-slide2-top .step2-right .step2-room-name { font-size: 1.3rem;}
  
  #howitworks-slide2-top .step2-right .step2-earn, #howitworks-slide2-top .step2-right .step2-point, #howitworks-slide3-top .program-text { font-size: 1.4rem;}
  .container-box ul { margin-left: 1em;}
  #pointsmax-container .welcome-pointsmax-detail p,.clpv3 p { font-size: 0.9em;}
  .step-header h4 { font-size: 1.6rem;}
  
  .th .partner-text h3 {font-size: 20px;}
  .th .partner-text { font-size: 16px;}
}
@media screen and (max-width: 320px){
  .partner-text h3 { font-size: 20px; line-height: 22px; }
  #howitworks-slide2-top { padding: 10px;}
  
  .th .partner-text h3 {font-size: 18px;}
  .th .partner-text { font-size: 16px;}
}