/* start order details style */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.woff2') format('woff2'),
       url('../fonts/fontawesome-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-Bold';
  src: url('../fonts/montserrat-bold-webfont.woff') format('woff'),
       url('../fonts/montserrat-bold-webfont.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-regular-webfont.woff') format('woff'),
       url('../fonts/montserrat-regular-webfont.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
}

.row {
margin: 0;
}
.nopromototal {
color: #FF9002;
font-weight: 600;
}
header .new-logo a:hover {
cursor:initial!important;
}

.container-fluid {
max-width: 1400px;
}
.unli_mbb_div .plan-details {
border: 2px solid #F8901F;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.unli_mbb_div .order-contents ul li.plan-data {
background: none;
}
.unli_mbb_div .order-contents ul li {
margin:0!important;
}
.unli_mbb_div .plan-type {
background: #F8901F;
}
.unli_mbb_div h1.plan-type {
color: #fff;
padding: 10px 10px 10px 5px!important;
display: block;
}
.unli_mbb_div .allocation {
font-size: 70px;
font-weight: 700;
}
.unli_mbb_div .allocation p {
color: #F8901F!important;
font-family: 'Montserrat', sans-serif;
}
.unli_mbb_div span.pull-right.sim-card-fee{
display: none;
}
.unli_mbb_div .order-details ul li {
min-height: auto;
}
.unli_mbb_div .plan-details {
position: relative;
margin-bottom: 20px;
}
.unli_mbb_div .plan-link-wrap {
float: right;
width: 50%;
padding-top: 0;
padding-right: 10px;
text-align: right;
}
.unli_mbb_div .plan-link-wrap p.wireless-text{
/* font-size:0.78em; */
 font-size:0.68em;
}
.mobile-order-contents.cf p.wireless-text{
/* font-size:0.78em; */
 font-size:0.68em;
}
.unli_mbb_div li.plan-data {
  display: block;
}
.unli_mbb_div .order-contents ul li p {
  font-size: 0.80em;
}
.unli_mbb_div .details {
  float: left;
  width: 50%;
}

.unli_mbb_div a.plan-change-link {
background: #A8A7A5;
width: 66px!important;
color: #fff!important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration: none!important;
padding:10px!important;
float: right;
margin-top: 5px;
font-size: 0.8em;
text-align: center;

}
.unli_mbb_div .fourg.wireless-modem a.plan-change-link {
background: #707070;
}

.unli_mbb_div .details-box {
  position: relative!important;
  min-height: 137px;
}
.unli_mbb_div.wireless-order-details .details-box {
min-height: 122px;
}
.unli_mbb_div span.ongoing-price {
font-weight: 700;
}
.unli_mbb_div.wireless-order-details span.ongoing-price {
color: #515151;
}
.unli_mbb_div .wireless-modem span.ongoing-price {
font-weight: 700;
color: #424242;
}
.unli_mbb_div .plantype {
width:15%;
background: #F8901F;
float:left;

}
.unli_mbb_div .plantype p {
line-height: 41px;
color: #fff;
font-weight: 700;
text-align: center;
font-size: 19px;
padding-left: 2px;
box-sizing: border-box;
font-family: 'Montserrat', sans-serif;
}
.unli_mbb_div h1.plan-type {
width: 100%;
margin-left: 10%;
float: right;
font-family: 'Montserrat', sans-serif;
}

/*.plan-details {
margin-top: 20px;
}*/
.plan-details.fourg .plan-type {
background: #E1044F;
width: 100%;
}
.wireless-order-details .plan-details.fourg .plan-type ,
.wireless-order-details .plan-details.fiveg .plan-type ,
.plan-details.fourg.wireless-panel .plan-type {
background:#FF4505;
width: 100%;
}

.unli_mbb_div .fourg .plantype {
background: #E1044F;
}
.unli_mbb_div  .plan-details.fourg, .plan-details2.fourg  {
border:2px solid #E1044F!important;
}
.unli_mbb_div.wireless-order-details .plan-details.fourg,
.unli_mbb_div.wireless-order-details .plan-details.fiveg {
border:2px solid #FF4505!important;
}
.unli_mbb_div  .plan-details.fourg.wireless-panel {
border:2px solid #FF4505!important;
font-family: "Montserrat";
}
.plan-details2.fourg.wireless-modem {
border:none!important;
}

.unli_mbb_div .fourg .allocation p {
color:#E1044F!important;
}
.unli_mbb_div.wireless-order-details .fourg .allocation p.plan-data,
.unli_mbb_div.wireless-order-details .fiveg .allocation p.plan-data,
.unli_mbb_div .fourg.wireless-panel .allocation p,
.unli_mbb_div .fiveg.wireless-panel .allocation p {
color: #FF4505!important;
text-transform: uppercase;
/* font-size: 0.45em; */
font-size: 0.30em;
}


.unli_mbb_div.wireless-order-details .fiveg .allocation p.plan-data {
font-size: 18px;
}
.unli_mbb_div .fourg .plantype p {
display: none;
}
.kid_plan .unli_mbb_div .fourg.kid_plan .plantype {
background: #FF4505;
}

/* Desktop Personalised & PayG */
.order-details ul li {
min-height: auto;
}

.personalised ul {
width: 60%;
float: left;
margin: 20px 0;
}

.personalised ul li p {
color: #424242;
}

.personalised p {
color: #424242;
font-size: 0.88em;
color: #424242;
padding: 0;
margin: 0;
}

.personalised .plan-features span {
color: #E1044F;
font-size: 1.5em;
font-weight: 700;
}

.personalised .details {
float: left;
width: 100%;
}

.personalised .edit-wrap {
width: 40%;
float: right;
padding-right: 10px;
margin-top: 0;
text-align: right;
}

.personalised ul li {
background: none;
line-height: 20px;
}

.personalised a.cis-link {
background: none;
}

.personalised a {
float: none;
text-decoration: none;
}

.personalised .sim-card {
margin-left: 20px !important;
}

.personalised ul.topup-con {
margin: 0;
}

.personalised ul li p {
font-size: 0.80em;
}

.personalised .plan-features {
margin-top: 0;
}

.personalised .simcard_div {
width: 100%;
margin-top: 0;
}

.personalised span.pull-right.sim-card-fee {
display: block;
padding-right: 10px;
}

.ms-edit a {
color: #F04A24;
font-size: 15px;
}
/* end order details style */

.order-contents hr {
margin-top: 20px;
}
.normal-login hr { 
margin-top: 0;
}
.modem-div {

/* max-width: 125px; */
max-width: 115px;
margin:0 auto;
padding-bottom:10px;
}

.fourg.wireless-panel .modem-div, .wireless-modem .modem-div {
margin:0;
}

#step2-carousel-hwbb .modem-wrap-details .modem-div {
margin:auto;
float: left;
}
.case .modem-div {
width: auto;
}
.modem-image {
/* max-width: 198px; */
max-width: 95px;
display: block;
margin:0 auto;
}
.fourg.wireless-modem .modem-image {
/* max-width: 165px; */
max-width: 95px;
}
.modem-wrap-details  .modem-image {
/* max-width: 230px; */
max-width: 95px;
margin:0 auto;
}
span.modem-dollar {
position: relative;
top: -4px;
font-size: 12px;
}
.details-box.wireless-details .plan-link-wrap{
width:100%;
}
h1.plan-type2 {
font-size: 12px;
margin-top: 10px;
padding-left: 20px!important;
margin-bottom: 20px!important;
}

.wireless-modem .wireless-details h1.plan-type2 {
/* font-size: 0.94em; */
font-size: 0.84em;
}
.wireless-details h1.plan-type2, 
.fourg.wireless-panel h1.plan-type2 {
margin-bottom: 10px!important;
font-weight: 600;
padding-left: 0!important;
}
div#step2-carousel-hwbb,
div#step2-carousel-hoem5g {
float: left;
width:40%;
}
.modem-div-panel {
width: 20%;
float: left;
}

.modem-details {
 margin-top: 45px;
}
#step2-carousel-hwbb .case,
#step2-carousel-home5g .case,
#step2-carousel-prodbundles .case {
background: #FCFCFC;
margin-top: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/* padding:10px; */
/* min-width: 253px;*/
border: 1px solid #E9E9E9;
color: #848484;
padding:0;
/* margin:40px; */
/* margin:20px 10px; */
margin:10px auto;
} 
.order-contents .fourg.wireless-panel p .ongoing-price{
color: #515151;
}

#step2-carousel-hwbb .case.selected,
#step2-carousel-home5g .case.selected,
#step2-carousel-prodbundles .case.selected  {
background: #FBFBFB;
margin-top: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/* padding:10px; */
/*min-width: 253px;*/
border: 1px solid #FF4505;
color: #FF4505;
padding:0;
/* margin:40px; */
/* margin: 20px 10px; */
margin:10px auto;
} 
#step2-carousel-home5g .case.selected,
#step2-carousel-prodbundles .case.selected {
/* max-width: 300px; */
max-width:auto;
}
.Wireless.mobile-toggle #step2-carousel-hwbb .case,
.Wireless.mobile-toggle #step2-carousel-home5g .case {
width: 100%;
margin:20px auto;
}
.modem-wrap-details .modem-details p.router_name {
color: #515151;
font-weight: 400;
font-family: 'Montserrat';
}
.selected .modem-wrap-details .modem-details p.router_name {
color: #F04A24;
font-weight: 400;
font-family: 'Montserrat';
}


#step2-carousel-hwbb .case p,
#step2-carousel-hwbb .case h3,
#step2-carousel-home5g .case p,
#step2-carousel-home5g .case h3,
#step2-carousel-prodbundles .case p,
#step2-carousel-prodbundles .case h3 {
font-size: 30px;
text-align: center;
}
#step2-carousel-hwbb .case p.modem-price,
#step2-carousel-home5g .case p.modem-price,
#step2-carousel-prodbundles .case p.modem-price {
color: #848484;
}
#step2-carousel-hwbb .case.selected p.modem-price,
#step2-carousel-home5g .case.selected p.modem-price,
#step2-carousel-prodbundles .case.selected p.modem-price  {
color: #F04A24;
}
#step2-carousel-hwbb .case h3,
#step2-carousel-home .case h3, 
#step2-carousel-home5g h3,
#step2-carousel-prodbundles h3 {
color: #848484;
}

#step2-carousel-hwbb .case.selected h3,
#step2-carousel-home5g .case.selected h3,
#step2-carousel-prodbundles .case.selected h3 {
color: #F04A24;
}
#step2-carousel-hwbb .case h3,
#step2-carousel-home5g .case h3,
#step2-carousel-prodbundles .case h3 {
font-family: 'Montserrat';
font-weight: 700;
font-size: 50px;
text-align:center;

}
p.modem-price {
font-weight: 700;
font-family: 'Montserrat';
}

p.modem-price span {
font-weight: 400;
}
.price_hwbb-con,
.price_home5g-con,
.price_prodbundles-con {  
position: relative;
height: 70px;
background:#848484;
clip-path: polygon(
  0 0,
  100% 0,
  100% calc(100% - 35%),
  0 100%
);
-webkit-clip-path: polygon(
  0 0,
  100% 0,
  100% calc(100% - 35%),
  0 100%
);
-moz-clip-path: polygon(
  0 0,
  100% 0,
  100% calc(100% - 35%),
  0 100%
);
-webkit-border-radius: 10px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 10px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-radius: 10px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.selected .price_hwbb-con,
.selected .price_home5g-con,
.selected .price_prodbundles-con  {  
position: relative;
height: 70px;
background:#FF4505;
clip-path: polygon(
  0 0,
  100% 0,
  100% calc(100% - 35%),
  0 100%
);
-webkit-clip-path: polygon(
  0 0,
  100% 0,
  100% calc(100% - 35%),
  0 100%
);
-moz-clip-path: polygon(
  0 0,
  100% 0,
  100% calc(100% - 35%),
  0 100%
);

-webkit-border-radius: 10px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 10px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-radius: 10px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.price_hwbb-con p,
.price_home5g-con p,
.price_prodbundles-con p {
color: #F04A24;
font-size: 30px;
font-weight: 400;
font-family: 'Montserrat';
}

.price_hwbb-con p.price-div,
.price_home5g-con p.price-div,
.price_prodbundles-con p.price-div {
color: #fff;
}
.price_hwbb-con p span,
.price_home5g-con p span,
.price_prodbundles-con p span {
/* color: #7B797A; */
color: #FFF;
font-size: 20px;

}
.price_hwbb-con p.price-div span.modem-dollar,
.price_home5g-con p.price-div span.modem-dollar,
.price_prodbundles-con p.price-div span.modem-dollar {
font-size: 13px;
}
/* .wireless-note {
  margin-top: 37px;
} */
.wireless-note {
margin-top: 0;
font-size: 0.78em;
}

.unli_mbb_div .order-contents ul li p.unlimitedBB {
font-size: .25em!important;
}


/* start order details media queries */
/* iphone 6s */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {
   .unli_mbb_div .order-contents ul li p {
 font-size: 0.78em;
 }
 .unli_mbb_div .plantype {
      height: 40px;
 }
 .unli_mbb_div .plantype p {
   line-height: 40px;
 }

 .unli_mbb_div .fourg .plantype {
    display: none;
 }
 span#topuppack {
  width: 42px;
 }

}

@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px)
and (orientation : portrait) {
 .unli_mbb_div .order-contents ul li p {
font-size: 0.75em;
}
.unli_mbb_div .details-box {
 min-height: 145px!important;
}
.order-contents p {
 font-size: 0.80em;
}
}

/* ipad pro */
@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px)
and (-webkit-min-device-pixel-ratio: 1.5) {

.unli_mbb_div h1.plan-type{
 font-size:1.1em;
 height:41px;
}
.unli_mbb_div .order-contents ul li p {
 font-size: 0.70em;
}
.unli_mbb_div .fourg h1.plan-type{
 font-size:1.2em;
}
.desktop-view #step2-carousel-payg .case {
width: 107px!important;
}
}

/*==========  Non-Mobile First Method  ==========*/

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
 .unli_mbb_div .allocation {
   font-size: 50px;
 }
 .order-contents a {
   padding:0;
 }
 a.adjuster {
  font-size: 3em;
 }
 .payg-mobile-here .case {
  margin:5px 5px!important;
  max-width: 220px;
 }
.mobile-service  table.cyp select {
  font-size:16px;
}
.payg-mobile-here .case .content img {
  width: 45px;
}
.login-container.step2-login-container {
  float: none!important;
}
.signup-steps .divider {
  margin: 0 5px 0 5px!important;
}
div#step2-carousel-hwbb,
div#step2-carousel-hoem5g {
  width:100%;
}
#step2-carousel-hwbb .case,
#step2-carousel-home5g .case {
  min-width: auto;
}
}

@media only screen and (max-width : 425px) { 
div#step2-carousel-hwbb,
div#step2-carousel-hoem5g {
  width:100%;
}
#step2-carousel-hwbb .case,
#step2-carousel-home5g .case {
  min-width: auto;
}
#step2-carousel-home5g .case,
#step2-carousel-prodbundles .case {
  /* margin:8px; */
margin:10px auto; 
}
}


/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
.unli_mbb_div .order-contents ul li p {
 font-size: 0.75em;
}
.unli_mbb_div .allocation {
 font-size: 50px;
}
a.plan-details-link {
 font-size: 14px;
}
.order-contents p {
 font-size: 0.805em;
}
.mobile-service table.cyp tr td.outer span.lbl.intl-min {
line-height: 12px!important;
}
table.cyp tr td.outer span.lbl.top-up-credit {
font-size: 10px;
}
p.viewrates {
line-height: 39px!important;

}
.payg-mobile-here .case {
margin:5px 5px!important;
}
.payg-mobile-here .case h3 {
font-size: 12px;
}
.payg-mobile-here .case .groups {
width: 80%;
}
.payg-mobile-here .case .content p {
  font-size: 16px;
}
p.viewrates a {
  font-size: 10px;
  position:relative;
  left:0;
}
.payg-mobile-here .case .content p.from {
  margin-bottom: 5px;
}
p.viewrates {
  line-height: 46px!important;
}
 #step2-accordion .step2-save-order, #step2-accordion .step2-remove-service {
  width:  auto!important;
 }
 .mobile-service  table.cyp select {
  font-size:13px;
}
.payg-mobile-here .case .content img {
  width: 45%;
}
.payg-mobile-here .case .groups {
  width: 80%!important;
}
.payg-mobile-here .case  p.viewrates {
  width: auto!important;
}
.payg-mobile-here .case h3.intlprice{
  line-height: 10px;
}
.mobile-service .Personalised.mobile-toggle span.mobile-dummy-val {
    width:  55px;
}
table.cyp tr td.outer span.lbl {
  font-size: 1.5em!important;
}
.mobile-service #step2-carousel-unli .content h3 {
  font-size: 4.5em;
}
select.title_holder{
  width:100%!important;
}

.signup-steps span {
  line-height: 21px!important;
}
/* span#topuppack {
  width: 55px;
}*/
 input[type='text'], input[type='password'], input[type='email'], input[type='tel'], span.mobile-dummy-val {
  float:none;
 }
 .changeplanmodal .mobile-toggle .gray-days {
  font-size: 14px;
 }
.signup-steps .divider {
  margin:0!important;
}

.signup-steps span {
    line-height: 21px;
}

#step2-carousel-hwbb .slick-track {
  width: auto!important;
}
.price_mbb-con, .price_personalised-con, .price_unlimited-con {
  float:none;
}
.gray-days {
  font-size: 15px;
}
input[type='submit'].next_one {
  font-size:17px!important;
}

}

.mobile-order-contents {
display: none;
}

/* iphone5 */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
.order-contents {
  display: none;
}
.mobile-order-contents {
  display: block;
}
}

/* iphone6 */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
.order-contents {
  display: none;
}
.mobile-order-contents {
  display: block;
}
.signup-steps span {
  padding-top: 4px !important;
}
}

/* iphone6s */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
.order-contents {
  display: none;
}
.mobile-order-contents {
  display: block;
}
}

/* ipad */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
.order-contents {
  display: block;
}
.mobile-order-contents {
  display: none;
}
.unli_mbb_div .fourg.wireless-panel .allocation p {
  font-size:40px;
}
.unli_mbb_div .fourg.wireless-panel .allocation p.fiveG-data {
  /* font-size:24px!important; */
 font-size:16px!important;
}


}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) 
and (orientation:landscape) {
  .payg-mobile-here .case .groups { 
    width:85%;
  }

  .payg-mobile-here .case p {
    width:85%;
  }
  #step2-carousel-hwbb .case,
  #step2-carousel-home5g .case,
  #step2-carousel-prodbundles .case {
    margin: 10px auto!important;
  }
}

.service-count-mobile {
display: none;
}
/* iphone5 */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
.service-count-desktop {
  display: none;
}
.service-count-mobile {
  display: inline-block;
}
}

/* iphone6 */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
.service-count-desktop {
  display: none;
}
.service-count-mobile {
  display: inline-block;
}
}

/* iphone6s */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
.service-count-desktop {
  display: none;
}
.service-count-mobile {
  display: inline-block;
}
}

/* ipad */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
.service-count-desktop {
  display: none;
}
.service-count-mobile {
  display: inline-block;
}
}
/* end order details media queries */

/* start header style */
.signup-steps .glyphicon-ok::before {
font-size: 8px;
position: relative;
bottom: 4px;
}

/* iphone5 */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
.signup-steps .glyphicon-ok::before {
  position: relative;
  bottom: 3px;
  right: 1px;
}
}

/* iphone6 */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
.signup-steps .glyphicon-ok::before {
  position: relative;
  bottom: 3px;
  right: 1px;
}
}

/* iphone6s */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
.signup-steps .glyphicon-ok::before {
  position: relative;
  bottom: 3px;
  right: 1px;
}
}

/* ipad */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
.signup-steps .glyphicon-ok::before {
  position: relative;
  bottom: 4px;
}
}
/* end header style */

/* start step1 style */
.notes {
margin-top: 20px;
margin-bottom: 10px;
font-size: 0.875em;
}
.notes a {
color: #F04A24;
}
.blue-colored {
margin-bottom: 10px;
}
.dynamic-fields .col-md-2.noMargin.noPadding > select {
height: 50px;
background-color: #fff;
color: #000;
}

@media (max-width: 1024px) and (min-width: 1024px) and (orientation: landscape) {
.blue-colored {
  width:98%!important;
}
#step2-carousel-hwbb .case,
#step2-carousel-home5g .case,
#step2-carousel-prodbundles .case {
  min-width: auto;
}


}
input.name {
width: 100%;
}

.dynamic-fields .col-md-2.noMargin.noPadding > select {
width: 100%;
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 321px) {
.dynamic-fields .col-md-2.noMargin.noPadding > select {
  width: 50%;
}
.step2 {
  float: none;
}
input.name {
  width: 100%;
}
.title-div select  {
  width: 50%;
}
.login-container{
  max-width: 100%!important;
}
.payg-mobile-here .case .content img {
  width: 35%;
}
.payg-mobile-here .case h3 {
  /*line-height: 21px!important;*/
  color: #424242;
}
.payg-mobile-here .case .groups {
  width: 65%!important;
  min-height: 23px!important;
  max-height: 50px!important;
}
.payg-mobile-here .case  p {
  width: 60%!important;
  text-align: center;
  margin:0 auto;
}
.payg-mobile-here .case  p.from {
  width: 90%!important;
  text-align: center;
  margin:0 auto;
}
.payg-mobile-here .case  p.viewrates a {
   width: 100%!important;
  text-align: center;
  margin:0 auto;
}
.payg-mobile-here .case {
  margin:2px;
}
 h3.intlprice {
  line-height: 25px!important;
}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
.dynamic-fields .col-md-2.noMargin.noPadding > select {
  width: 25%;
}
.step2 {
  float: none!important;
}
input.name {
  width: 100%;
}
.title-div select  {
  width: 50%;
}
.login-container{
  max-width: 100%!important;
}
.login-container.step2-login-container{
  float: none;
}
.payg-mobile-here .case .content img {
  width: 45px;
}
.payg-mobile-here .case h3 {
  /*line-height: 29px!important;*/
  font-size: 24px;
}
.payg-mobile-here .case .groups {
  width: 60%!important;
  height: 35px!important;
}
.payg-mobile-here .case  p {
  width: 60%!important;
  text-align: center;
  margin:0 auto;
}
 h3.intlprice {
  line-height: 28px!important;
}
 .mobile-service  table.cyp select {
  font-size:22px;
}
}
@media only screen and (min-width : 481px) and (max-width:767px){
  div#step2-carousel-hwbb,
  div#step2-carousel-hoem5g {
    width:100%;
  }
  #step2-carousel-hwbb .case,
  #step2-carousel-home5g .case,
  #step2-carousel-prodbundles .case {
    min-width: auto;
  }
  #step2-carousel-hwbb .case p,
  #step2-carousel-home5g .case p,
  #step2-carousel-prodbundles .case p  {
    font-size:45px;
  }
  #step2-carousel-hwbb .case p.modem-fee,
  #step2-carousel-home5g .case p.modem-fee,
  #step2-carousel-prodbundles .case p.modem-fee {
    font-size:35px;
  }
  .modem-wrap-details .modem-image {
    display: none;
  }
  .Wireless.mobile-toggle #step2-carousel-hwbb .case,
  .Wireless.mobile-toggle #step2-carousel-hwbb .case.selected,
  .Wireless.mobile-toggle #step2-carousel-home5g .case,
  .Wireless.mobile-toggle #step2-carousel-home5g .case.selected,
  .Wireless.mobile-toggle #step2-carousel-prodbundles .case,
  .Wireless.mobile-toggle #step2-carousel-prodbundles .case.selected {
    width: 47%;
    min-width: 47%;
    margin: 20px 6px;
  }
  #step2-carousel-hwbb .case h3,
  #step2-carousel-home5g .case h3,
  #step2-carousel-prodbundles .case h3 {
    padding-top: 10px!important;
    font-size: 55px;
  }
  #step2-carousel-hwbb .case p,
  #step2-carousel-home5g .case p,
  #step2-carousel-prodbundles .case p {
    font-size: 28px;
  }
  p.text-left.router_name,
  #step2-carousel-hwbb .case p.modem-price,
  p.cost-mb {
    display: none;
  }


}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.dynamic-fields .col-md-2.noMargin.noPadding > select {
  width:25%;
}
.step2 {
  float: none!important;
}
input.name {
  width: 100%;
}
.title-div select  {
  width: 50%;
}
.login-container{
  width: 100%;
}
.sm-fb-login {
  margin-top: 20px;
}
h3.intlprice {
  line-height: 9px!important;
}
.payg-mobile-here .case .content img {
  width: 45px;
}
 .mobile-service  table.cyp select {
  font-size:22px;
}

.payg-mobile-here .case .groups {
  width: 80%!important;
  min-height: 23px!important;
  max-height: 50px!important;
}
.payg-mobile-here .case p {
  width: 70%!important;
  text-align: center;
  margin:0 auto;
}
.mobile-service #step2-carousel-mbb .case {
  margin:5px;
}
.payg-mobile-here .case h3.intlprice {
  line-height: 26px!important;
}
.payg-mobile-here .case h3 {
  font-size: 33px;
}
 .login-container.step2-login-container{
  float: left;
}
 .ymj-portterms > label {
      margin: 0;
      width:90%;
  }
  span#topuppack {
    width: 50px;
    margin: 0 auto;
  }
  .signup-steps .divider {     
     margin: 0 5px 0 5px!important;
  }
  .desktop-view #step2-carousel-hwbb .slick-track {
    width: auto!important;
    /* margin-top: 45px; */
    margin-top: 0; 
    transform: translate3d(0, 0, 0)!important; 
  }

  div#step2-carousel-hwbb,
  div#step2-carousel-home5g,
  div#step2-carousel-prodbundles {
    width:100%;
  }

  div#step2-carousel-hwbb .slick-track,
  div#step2-carousel-home5g .slick-track,
  div#step2-carousel-prodbundles .slick-track{
    width:100%!important;
  }

  #step2-carousel-hwbb .case,
  #step2-carousel-home5g .case,
  #step2-carousel-prodbundles .case {
    /* min-width: auto; */
    /*min-width: 253px; */
    /*margin-right: 10px;*/
  }
  .modem-div-panel {
    width: 100%;
    margin:0 auto;
  }
  .modem-details {
    margin-top: 0;
    text-align: center;
  }
  .desktop-view #step2-carousel-hwbb .case p,
  .desktop-view #step2-carousel-home5g .case p,
  .desktop-view #step2-carousel-prodbundles .case p {
    font-size: 20px;
    color: #FFF!important;
    text-align: center;
  }
  
  .desktop-view #step2-carousel-hwbb .case p.modem-price,
  .desktop-view #step2-carousel-home5g .case p.modem-price,
  .desktop-view #step2-carousel-prodbundles .case p.modem-price{
    font-size: 20px;
    color: #848484!important;
    text-align: center;
  }
  .desktop-view #step2-carousel-hwbb .case p.modem-price span,
  .desktop-view #step2-carousel-home5g .case p.modem-price span,
  .desktop-view #step2-carousel-prodbundles .case p.modem-price span {
    font-size: 15px;
  }
  .desktop-view #step2-carousel-hwbb .case.selected p.modem-price,
  .desktop-view #step2-carousel-home5g .case.selected p.modem-price,
  .desktop-view #step2-carousel-prodbundles .case.selected p.modem-price  {
    color: #FF4505!important;
    text-align: center;
  }
  .desktop-view #step2-carousel-hwbb .case p.cost-mb, .desktop-view #step2-carousel-hwbb .case p.router_name,
  .desktop-view #step2-carousel-home5g .case p.cost-mb, .desktop-view #step2-carousel-home5g .case p.router_name,
  .desktop-view #step2-carousel-prodbundles .case p.cost-mb, .desktop-view #step2-carousel-prodbundles .case p.router_name {
    font-size: 13px;
    color: #4A4A4A!important;
    text-align: center;
  }

  .desktop-view #step2-carousel-hwbb p.price-div,
  .desktop-view #step2-carousel-home5g p.price-div,
  .desktop-view #step2-carousel-prodbundles p.price-div {      
    padding-top: 8px;
  }
  .selected .desktop-view #step2-carousel-hwbb .selected p.price-div {
    color: #fff!important;
    padding-top: 15px;
  }
  .desktop-view #step2-carousel-hwbb .case h3,
  .desktop-view #step2-carousel-home5g .case h3,
  .desktop-view #step2-carousel-prodbundles .case h3 {
    /* font-size: 35px; */
    font-size: 18px;
    margin:0;
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

.dynamic-fields .col-md-2.noMargin.noPadding > select {
  width: 99%;
}
.blue-colored{
  float: none!important;
  width:100%;
}
.step2 {
  float: none!important;
}
.login-container {
  float: left;
  max-width: auto!important;
}
.title-div select  {
  width:99%;
}
.desktop-view #step2-carousel-mbb .case, .desktop-view #step2-carousel-payg .case {
  width: 119px!important;
  max-width: 119px!important;
  margin: 0 12px 0 8px;
  height: 122px;
  text-align: center;
  border: 1px solid #dcdcdc;
  background-color: #f9f9f9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 12px 0 8px;
  cursor: pointer;
  padding:0;

}
.desktop-view #step2-carousel-payg .case  {
  min-width: 134px!important;
}
#step2-carousel-payg .slick-list {
  margin: 0 auto!important;
}
.desktop-view #step2-carousel-mbb, .desktop-view #step2-carousel-payg  {
  width: 94%;
  margin:20px;

}
}

@media (max-width: 1024px) and (min-width: 769px) {
.login-container {
   max-width: 100%;
}
.plan-details.fourg.wireless-panel .plan-type {
  font-size:1.0em;
}
 .unli_mbb_div .fourg.wireless-panel .allocation p {
  /* font-size:40px; */
font-size: 16px!important;
}
.modem-div-panel {
  margin-right: 8px;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.dynamic-fields .col-md-2.noMargin.noPadding > select {
  width: 99%;
}
#myModalTerms .modal-dialog, #myModalCis .modal-dialog{
  width: 50%;
}
.login-container{
  max-width: auto;
}
.sm-fb-login {
  float: right;
}
.desktop-view #step2-carousel-mbb .case, .desktop-view #step2-carousel-payg  .case{
  width: 143px!important;
  max-width: 143px!important;
  height: 122px;
  text-align: center;
  border: 1px solid #dcdcdc;
  background-color: #f9f9f9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 12px 0 8px;
  cursor: pointer;
  padding: 0;
}
.desktop-view #step2-carousel-mbb, .desktop-view #step2-carousel-payg  {
  width: 93.5%;
  margin:20px;
}
.signup-steps ul li a {
    margin-left:10px!important;
}
.signup-steps ul li, .signup-steps ul li a { 
  font-size:0.95em;  
}
header p, header a {
  font-size:0.85em!important;
}
header p.mobile-number, header p.mobile-number a {
  margin: 16px 8px;
}
}

#myModalTerms .modal-body,
#myModalPrivacy .modal-body,
#myModalCis .modal-body{
  max-height: 600px;
  overflow-y: auto;
}
#myModalTerms .modal-header button.close,
#myModalPrivacy .modal-header button.close,
#myModalCis .modal-header button.close {
background: none!important;
}

#myModalTerms .modal-dialog ol,
#myModalPrivacy .modal-dialog ol {
  margin-bottom: 0;
}

#myModalTerms .tablecontents,
#myModalPrivacy .tablecontents {
padding-bottom: 20px;
}
#myModalTerms ol li ol li,
#myModalPrivacy ol li ol li {
padding-left: 20px;
}
#myModalTerms p, #myModalTerms li,
#myModalPrivacy p, #myModalPrivacy li {
font-size: 0.9em;
}
#myModalTerms .modal-content h2,
#myModalPrivacy .modal-content h2 {
font-size: 1.5em;
color: #FF4505;

}
#myModalCis a,
#myModalTerms ol li > a,
#myModalPrivacy ol li > a {
color: #FF4505;
font-weight: 700;
}
#myModalCis a {
font-weight: normal;
}
#myModalTerms ol li ol li > a,
#myModalPrivacy ol li ol li > a {
color: #707070;
font-weight: normal;
}

p.hwbb_error_message1  {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px!important;   
  font-size: 14px;
}
p.home5g_error_message1, .home5g_error_message2 {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px!important;   
  font-size: 14px;
  color:#ff4505!important;
}
p.prodbundles_error_message1, .prodbundles_error_message2 {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px!important;   
  font-size: 14px;
  color:#ff4505!important;
}
p.hwbb_error_message1 span, p.home5g_error_message1 span, p.home5g_error_message2 span, p.prodbundles_error_message1 span, p.prodbundles_error_message2 span {
color: #4A4A4A;
display: block;
}
p.hwbb_error_message1 span a, p.home5g_error_message1 span a, p.home5g_error_message2 span a, p.prodbundles_error_message1 span a, p.prodbundles_error_message2 span a {
color: #4A4A4A;
display: inline;
}
p.hwbb_error_message2 {
padding-left: 20px;
padding-right: 20px;
}
span.coveragemsg {
display:block;
color: #4A4A4A;
}
/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.unli_mbb_div.wireless-order-details .fourg .allocation p.plan-data,
.unli_mbb_div.wireless-order-details .fiveg .allocation p.plan-data,
.unli_mbb_div .fourg.wireless-panel .allocation p,
.unli_mbb_div .fiveg.wireless-panel .allocation p {
  font-size: 0.30em;
}
.unli_mbb_div.wireless-order-details .fiveg .allocation p.plan-data {
  font-size: 0.20em;
}
#myModalTerms .modal-dialog {
  width: 75%!important;
}
 .sm-fb-login {
  float: right;
}
.desktop-view #step2-carousel-payg .case {
    width: 141px!important;
     margin:5px 5px!important;
   }
}

@media only screen and (min-width : 993px) and (max-width : 1087px) {
.blue-colored {
  float: none!important;
  width: 95%!important;
}
#notes-wrap {
  padding-right: 20px;
}
.sm-fb-login {
  float: right;
}

}

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

  button.hid_show {
    display: none;
  }
  #step2-carousel-payg .case {
    width: 147px;
  }
  #step2-carousel-payg .slick-list {

    margin:0 57px!important;
  }
   .desktop-view #step2-carousel-payg .case {
    /*width: 141px!important;*/
    margin:5px 5px!important;
   }
   .desktop-view #step2-carousel-payg .case.slick-slide
  {
     min-width: 134px!important;
     max-width: 133px!important;
     width: 100px!important;
  }
  .new-logo img {
    width: 85%;
    max-width: 154px;
    position: relative;
    top: -10px;
   }
   .ymj-portterms label {
      margin: 0;
      width:auto;
  }
  .expiry_div div.error-hold-first {
    width: auto;
    float: left;
    margin-right:20px;
  }
  .expiry_div label#card_cvv-error {
    float: left;
    width: auto;      
    line-height: 24px;
  }
  span.error-hold-mmyy {
    float: left;
    margin-right: 42px;
  }

  .signup-steps .glyphicon-ok::before {
    bottom: 4px;
  }
  #step2-tabs .nav-pills > li > a {
    font-size: 10px!important;
  }
  /*for safari 10+ */
  @media not all and (min-resolution:.001dpcm) {
      .header a { 

         font-size:0.95em;

      }
      .signup-steps ul li a {
        margin-left: 5px;
      }
  }

  .payg-mobile-here .case .groups { 
        width:85%!important;
      }
      .payg-mobile-here .case p {
        width:85%!important;
      }

  @-moz-document url-prefix() {
    .signup-steps .glyphicon-ok::before {
      bottom: 5px;
    }
  }

  .step-1 .glyphicon-ok::before {
    right: 1px;
  }

/*    #step2-carousel-hwbb .case,
  #step2-carousel-home5g .case {
    margin:20px 20px!important; 
  } */

}

/* ipad landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
#step2-tabs li {
  width: 23.9% !important;
}
#step2-carousel-payg .case {
 width: 100px !important;
}
.unli-panel-rates-countries {
  left: 188px !important;
}

.payg-mobile-here .case p {
  margin-top: 3px;
}

.error-hold-mmyy-mobile {
  display: none !important;
}

.error-hold-mmyy {
  display: block !important;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
#step2-carousel-hwbb .case h3, #step2-carousel-home5g .case h3, #step2-carousel-prodbundles .case h3 {
  font-size: 18px;
}
.account_greet  {
  margin-bottom: 20px;
}
/* .center-wrapper {
  padding-top: 20px;
} */
.unli_mbb_div .plan-link-wrap {
  float: right;
}
.signup-steps .divider {
  width: 10px!important;
}
.new-logo img {
  width: 60%!important;
}
.order-details {
  margin:0!important;
}
.unli_mbb_div .plan-link-wrap {
  float: left;
}
.signup-steps ul li, .signup-steps ul li a {
  font-size: 0.85em!important;
}
#step2-tabs li{
  width: 145px!important;
}
#step2-tabs .nav-pills > li > a {
  font-size: 11px!important;
}
/*.mobile-service #step2-carousel-unli .case {
    height: 130px;
}*/
#step2-carousel-unli .kid_plan .content p {
  font-size:0.90em!important;
  line-height: 25px!important;
}
.mobile-service  #step2-carousel-unli .case {
  height: 134px!important;
}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

 .signup-steps .divider {
  width: 10px!important;
}
.new-logo img {
  width: 60%!important;
}
.order-details {
  margin:0!important;
}
.unli_mbb_div .plan-link-wrap {
  float: left!important;
}
.unli_mbb_div.wireless-order-details .fourg h1.plan-type {
  font-size: 1.02em;
}
.signup-steps ul li, .signup-steps ul li a {
  font-size: 0.85em!important;
}
.sm-fb-login {
  float: left!important;
}
.mobile-service  #step2-carousel-unli {
  width: 100%!important;

}
.mobile-service  #step2-carousel-unli .case {
 padding:0!important;
}
 .mobile-service #step2-carousel-unli .content p {
  font-size:16px;
}
.mobile-service #step2-carousel-unli .case, .mobile-service #step2-carousel-payg .case {
 /* min-width: 124px;*/
 margin:2px;
}
.mobile-service #step2-carousel-payg .case {
  width: auto;
}
.mobile-service #step2-carousel-mbb .case {
  margin:5px;
}
.mobile-service #step2-carousel-unli .title, .mobile-service #step2-carousel-mbb .title, .mobile-service #step2-carousel-payg .title {
  font-size: 14px;
}
 #step2-accordion .step2-save-order, #step2-accordion .step2-remove-service  {
  width:  auto!important;
 }
 .changeplanmodal .payg-mobile-here .case .groups {
  width: 70%!important;
 }
 .ymj-portterms label, .ymj-terms label {
  display: inline-block;
  margin: 0 0 0 2px!important;
  padding:0;
}
.ymj-terms .error-hold label {
  display: inline;
}
.case.kid_plan {
  height:124px;
}
#step2-carousel-unli .kid_plan .content p {
  /* font-size: 0.89em!important; */
  font-size: 0.83em!important;
  line-height: 23px;
 }
 .wireless-modem .modem-div {
   margin:  0 0 0 20px!important;
 }
 .wireless-order-details h1.plan-type {
      font-size: 1.0em;
 }

}
@media only screen and (max-width : 767px) {
 .hwbb-div-err {
    clear:both;
  }
}
@media only screen and (max-width : 640px) { 
.Wireless.mobile-toggle #step2-carousel-hwbb .case, 
.Wireless.mobile-toggle #step2-carousel-hwbb .case.selected,
.Wireless.mobile-toggle #step2-carousel-home5g .case, 
.Wireless.mobile-toggle #step2-carousel-home5g .case.selected,
.Wireless.mobile-toggle #step2-carousel-prodbundles .case, 
.Wireless.mobile-toggle #step2-carousel-prodbundles .case.selected {
  width: 47%;
  min-width: 47%;
  margin: 20px 6px;
}

#step2-carousel-hwbb .case.selected, #step2-carousel-home5g .case.selected, #step2-carousel-prodbundles .case.selected {
  /* margin: 0px; */
}
#step2-carousel-hwbb .case h3, #step2-carousel-home5g .case h3, #step2-carousel-prodbundles .case h3 {
  font-size: 23px;
}
#step2-carousel-home5g .case .modem-details, #step2-carousel-prodbundles .case .modem-details {
  margin-top: 10px;
  text-align: center;
}
#step2-carousel-prodbundles .case .modem-details p,
#step2-carousel-home5g .case .modem-details p,
#step2-carousel-hwbb  .case .modem-details p{
  font-size: 13px;
}
#step2-carousel-home5g .case .modem-details p.router_name, #step2-carousel-prodbundles .case .modem-details p.router_name {
  margin-bottom: 4px;
}

.modem-div-panel {
  display: none;
}
#step2-carousel-hwbb .case.selected p.modem-price, 
#step2-carousel-home5g .case.selected p.modem-price,
#step2-carousel-prodbundles .case.selected p.modem-price,
#step2-carousel-hwbb .case p.modem-price, 
#step2-carousel-home5g .case p.modem-price,
#step2-carousel-prodbundles .case p.modem-price {
display:block;
}
#step2-carousel-prodbundles .case p.modem-price.sptalk {
  font-weight: 700;
  font-size: 20px;
}
.home5g .plan-name2, .prodbundles .plan-name2 {
  width: 60%;
  display: inline-block;
}


}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
#myModalTerms .modal-dialog {
  width: 94%!important;
}
.account_greet  {
  margin-bottom: 20px;
}
.signup-steps ul li a {
  display: none!important;
}
.signup-steps .divider {
  width: 5px!important;
}
.signup-steps span {
  line-height: 27px;
}
.new-logo img {
  width: 80%!important;
}
.order-details {
  margin:0!important;
}
.unli_mbb_div .plan-link-wrap {
  float: left;
}
.mobile-service  #step2-carousel-unli {
  width: 100%!important;
  margin:0 auto !important;
}
.mobile-service  #step2-carousel-unli .case {
  /*width:104px!important;*/
  padding:0!important;
}
 .mobile-service #step2-carousel-unli .content p {
  font-size:16px;
}
  .mobile-service #step2-carousel-mbb .content p {
    font-size: 14px;
 }
 .mobile-service #step2-carousel-mbb .case {
  min-width: 75px;
 }
.mobile-service #step2-carousel-payg .case {
  min-width: 124px;
}
.mobile-service #step2-carousel-unli .title, .mobile-service #step2-carousel-mbb .title, .mobile-service #step2-carousel-payg .title {
  font-size: 14px;
}
.mobile-service #step2-carousel-unli .content h3 {
  font-size: 2.5em;
}
 #step2-accordion .step2-save-order, #step2-accordion .step2-remove-service {
  width:  auto!important;
 }
 input[type='text'], input[type='password'], input[type='email'], input[type='tel'], span.mobile-dummy-val {
  float:none!important;
 }
 #card_cvv {
   float: left !important;
 }
 .signup-steps .divider {
    margin:0!important;
 }
 
 .signup-steps span { 
    line-height:27px;
 }
  #step2-carousel-unli .kid_plan .content p {
  font-size: 14px!important;
  line-height: 23px;
 }
 .case.kid_plan {
  height: auto;
 }
 #step2-carousel-hwbb .case p,
 #step2-carousel-home5g .case p,
 #step2-carousel-prodbundles .case p {
  text-align: center;
  font-size: 20px;
 }
 .Wireless.mobile-toggle .modem-wrap-details{
     display: block;
 }
 #step2-carousel-hwbb .case p.modem-fee,
 #step2-carousel-home5g .case p.modem-fee,
 #step2-carousel-prodbundles .case p.modem-fee {
    font-size: 18px;
 }
 .price_mbb-con {
  float:none!important;
 }
 #step2-carousel-hwbb .case h3
 {
padding-top: 10px!important;
margin-bottom:-20px!important;
 }

 #step2-carousel-home5g .case h3,#step2-carousel-prodbundles .case h3 {
padding-top: 10px!important;
 }
 .Wireless.mobile-toggle #step2-carousel-hwbb .case,
  .Wireless.mobile-toggle #step2-carousel-hwbb .case.selected,
  .Wireless.mobile-toggle #step2-carousel-home5g .case,
  .Wireless.mobile-toggle #step2-carousel-home5g .case.selected,
  .Wireless.mobile-toggle #step2-carousel-prodbundles .case,
  .Wireless.mobile-toggle #step2-carousel-prodbundles .case.selected {
    width: 100%;
    min-width: 100%;
    margin: 20px auto;
  }
  p.cost-mb {
    display: none;
  }

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
#myModalTerms .modal-dialog {
  width: 275px;
}
 .signup-steps ul li a {
  display: none!important;
}
.signup-steps .divider {
  width: 10px!important;
}
.new-logo img {
  width: 100%!important;
}
.order-details {
  margin:0!important;
}
h1.sim-card, h1.plan-type {
  font-size: 1.0em;
}
.signup-steps span {
  height: 20px!important;
  width: 20px!important;
}
.signup-steps ul li, .signup-steps ul li a {
  font-size: 0.6em!important;
}
.unli_mbb_div .plan-link-wrap {
  margin-top: 15px;
}
.unli_mbb_div .plan-link-wrap {
  float: left;
}

.mobile-service #step2-carousel-unli .title {
  font-size: 12px;
}
.mobile-service #step2-carousel-unli .case, .mobile-service #step2-carousel-payg .case {
  min-width: 120px;
}
.mobile-service #step2-carousel-unli .title, .mobile-service #step2-carousel-mbb .title, .mobile-service #step2-carousel-payg .title {
  font-size: 14px;
}
.mobile-service #step2-carousel-mbb .case {
  min-width: 54px;
  margin: 5px;
}
.mobile-service #step2-carousel-mbb .content p {
  font-size:  9px;
}
.price_mbb-con {
  margin-right: 0;
  float: none;
}
.mobile-service #step2-carousel-mbb .case {
  width: 93px;
}
 #step2-carousel-unli .kid_plan .content p {
  font-size: 14px!important;
  line-height: 23px;
 }
 #step2-carousel-hwbb .case,
 #step2-carousel-home5g .case,
 #step2-carousel-prodbundles .case {
  min-width:206px;
 }
 #step2-carousel-hwbb .case p,
 #step2-carousel-home5g .case p,
 #step2-carousel-prodbundles .case p {
  text-align: center;
 }
 #step2-carousel-hwbb .case p.modem-fee,
 #step2-carousel-home5g .case p.modem-fee,
 #step2-carousel-prodbundles .case p.modem-fee {
  font-size: 15px;
 }
 .Wireless.mobile-toggle #step2-carousel-hwbb .case,
 .Wireless.mobile-toggle #step2-carousel-home5g .case,
 .Wireless.mobile-toggle #step2-carousel-prodbundles .case {
   min-width: 100%;
}
#step2-carousel-hwbb .case p,
#step2-carousel-home5g .case p,
#step2-carousel-prodbundles .case p {
  font-size:25px;
}
#step2-carousel-hwbb .case h3,
#step2-carousel-home5g .case h3,
#step2-carousel-prodbundles .case h3 {
  font-size:25px;
  padding-top: 10px!important;
}
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
{
#myModalTerms .modal-dialog {
  width: 95%!important;
}
.mobile-service table.cyp select {
  font-size: 17px;
}
#step2-carousel-hwbb .case p,
#step2-carousel-home5g .case p,
#step2-carousel-prodbundles .case p {
 text-align: center;
}

}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation:landscape) {
.modal-dialog {
  margin:0 auto;
  height: 100%;
}
#myModalTerms .modal-dialog  {
  width: 98%!important;
}
#myModalCis .modal-dialog {
  width: 98%!important;
}
#step2-carousel-hwbb .case,
#step2-carousel-home5g .case,
#step2-carousel-prodbundles .case {
  min-width: 190px;
/* width: auto!important; */
}
#step2-carousel-hwbb .case, 
#step2-carousel-home5g .case,
#step2-carousel-prodbundles .case {
/* margin:20px; */
margin:10px;
}
.modem-div-panel {
  margin-right: 20px;
}
}

/* iphone5 */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)  {
#step2-carousel-hwbb .case.selected, #step2-carousel-home5g .case.selected, #step2-carousel-prodbundles .case.selected {
    min-width: auto;
  /* margin:10px auto;  */
  margin:10px auto;
}
.order-details .header-wrap a {
  display: block !important;
  right: 30px;
}

.signup-steps span {
  padding-top: 0 !important;
}
.mobile-service #step2-carousel-unli .content h3 {
  font-size: 3.2em;
}
}

/* iphone5s - landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
.signup-steps ul li a {
  display: none !important;
}

.signup-steps span {
  padding-top: 2px !important;
}
}

/* iphone6 */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
.order-details .header-wrap a {
  display: block !important;
  right: 30px;
}

.signup-steps span {
  padding-top: 2px !important;
}
.mobile-service #step2-carousel-unli .content h3 {
  font-size: 2.9em;
}
}

/* iphone6 - landscape */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
.new-logo img {
    width: 45% !important;
}

.signup-steps ul li a {
  display: none !important;
}
}

/* iphone6s */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
.order-details .header-wrap a {
  display: block !important;
  right: 30px;
}
}

/* iphone6s - landscape */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape) {
.new-logo img {
    width: 45% !important;
}

.signup-steps ul li a {
  display: none !important;
}
}

/* ipad */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
.order-details .header-wrap a {
  display: block !important;
  right: 30px;
}
/* .wireless-modem .modem-div {
   margin:  0 0 0 20px!important;
 } */
 .wireless-modem .modem-div {
  margin:  0!important;
} 
 .wireless-order-details h1.plan-type {
      font-size: 1.0em;
 }
 #step2-carousel-hwbb .case h3,
 #step2-carousel-home5g .case h3,
 #step2-carousel-prodbundles .case h3 {
  padding-top: 10px!important;
 }
 #step2-carousel-hwbb .case p,
 #step2-carousel-home5g .case p,
 #step2-carousel-prodbundles .case p {
   font-size: 23px;
 }
 #step2-carousel-hwbb .case p.router_name,
 #step2-carousel-home5g .case p.router_name,
 #step2-carousel-prodbundles .case p.router_name {
   font-size: 11px;
 }
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.Wireless.mobile-toggle #step2-carousel-hwbb .case,
.Wireless.mobile-toggle #step2-carousel-home5g .case,
.Wireless.mobile-toggle #step2-carousel-prodbundles .case {
  margin: 20px 5px;
}
}
/* ipad - landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.header-contact {
  display: none;
}

/*  .header-steps {
  width: 70%;
}*/

.new-logo img {
  width: 60% !important;
}

.desktop-order-details, .step2-login-container {
  margin-top: 30px;
}
}
/* end step1 style */

/*galaxy s5----*/
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
.mobile-service #step2-carousel-unli .content h3 {
  font-size: 3.2em;
}
}

/* start step2 style */
.title-div select  {
width: 100%;
height: 50px;
background-color: #fff;
color: #000;
}

.login-container{
float: left;
max-width: auto!important;
}

#payg-perso-order-details .cis-link {
  cursor: pointer;
  color: #000!important;
  font-weight: 600;
  font-size: .875em!important;
  padding: 0px!important;
  text-decoration: none!important;
}



#payg-perso-order-details .plan-details{
border:2px solid #E1044F;
width: 100%;

margin: 20px auto 0  auto;
}
#payg-perso-order-details .plan-details.fiveg {
border:1px solid #F04A24;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#payg-perso-order-details .plan-details.fiveg .header-plan {
background: #F04A24;
}
#payg-perso-order-details .plan-details {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#payg-perso-order-details .order-contents .plan-details.fiveg  ul li p.plan-data {
color:#F04A24;
font-size: 18px;
font-weight: bold;
margin-bottom: 70px;
}


#payg-perso-order-details .order-contents ul li {
background: none;
line-height: 20px;
}

#payg-perso-order-details h1.plan-type,span.pull-right.order-amount {
color: #fff;
padding:10px!important;


}
#payg-perso-order-details h1.plan-type {
width: 70%;
float: left;
}
#payg-perso-order-details span.pull-right.order-amount {

font-size: 0.93em;
width: 30%;
}

#payg-perso-order-details .order-contents a {
float: none;
padding:0;
}
#payg-perso-order-details .header-plan {
background: #E1044F;
height: 45px;
}
#payg-perso-order-details .order-contents ul {
width: 60%;
float: left;
margin:20px 0;


}
#payg-perso-order-details .edit-wrap {
width: 40%;
float: right;
padding-right: 10px;
margin-top: 18px;
text-align:right;
}
#payg-perso-order-details .order-contents a {
background:#B4B4B4;


}
#payg-perso-order-details .order-contents a.cis-link {
color: #EE4621;
background:none;
text-decoration: underline;

}
#payg-perso-order-details .edit-wrap ul {
width: 100%;
text-align: right;

}
#payg-perso-order-details .order-contents a.change-plan-link {
padding:10px!important;
}
#payg-perso-order-details .order-contents ul.topup-con {
margin:0;
}
#payg-perso-order-details .change-plan-link {
padding:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#payg-perso-order-details a.plan-change-link {
padding:5px 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #FFF;
text-decoration: none;
margin-top: 10px!important;
position: relative;
top: 6px;
}
#payg-perso-order-details .order-contents a.zerointl {
background: none;
}
#payg-perso-order-details .cis-link {
text-decoration: underline!important;
color: #F04A24!important;
}
#payg-perso-order-details .plan-features span {
color: #E1044F;
font-size: 1.5em;
font-weight: 700;
}
#payg-perso-order-details .order-contents ul li {
margin:0!important;
}
#payg-perso-order-details .ongoing-price, .order-contents ul li p.plan-topup {
font-weight: 700;
font-size:2.0em;
}
#payg-perso-order-details .view-ongoing {
margin-bottom: 20px!important;
}
#payg-perso-order-details .simcard_div {
margin:0 0!important;
width: 100%!important;
}
#payg-perso-order-details .promo-div {
display: none;
}
#payg-perso-order-details .order-contents ul li p.topuptext  {
font-size: 0.5em!important;
font-weight: normal;

}
#payg-perso-order-details .creditline {
font-size: 0.75em;
}
#payg-perso-order-details .row.noMargin.noPadding.sim-container {
padding-bottom: 20px!important;

}
#payg-perso-order-details .pull-right.sim-card-fee {
padding-right: 10px;
}
#payg-perso-order-details .sim-card {
margin-left: 20px!important;
}
#payg-perso-order-details .pull-right.order-amount {
display: none;
}
#payg-perso-order-details .order-details h1.header-label {
background: url('<?php echo base_url("assets/img/refresh/images/details.icon.png") ?>') no-repeat scroll left center;
}


@media only screen and (max-width : 319px) {
.step2 {
  float: none;
}
input.name {
  width: 100%;
}
.title-div select  {
  width: 50%;
}
}

/* iphone5 */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
form#step2 .radio-select label {
  font-size: 13px;
}

.custom-radio {
  margin: 0;
}

.panel-title {
  font-size: 12px;
}

#step2-carousel-unli {
  display: inline-grid;
}

span.mobile-dummy-val, strong.price-each {
  font-size: 15px !important;
}


#dob_yyyy {
  width: 35% !important;
}

#dob_pyyyy {
    width: 35% !important;
}
}

.content-mbb {
margin-top: 15px;
}

.content-payg {
margin-top: 20px;
}

.slidercon .perAmount {
/*margin-left: 25px !important;*/
margin-left: 35px!important;
}
#sim_yes1 {
padding:15px;
}
/* iphone5 - landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
#step2-carousel-unli {
  display: block;
}

.mobile-service table.cyp tr td.outer span.lbl.intl-min {
  line-height: 25px;
  font-size: 12px;
}
}

/* iphone5 - portrait */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
#step2-carousel-unli .col-xs-3 {
  width: 100% !important;
}

.center-wrapper {
  padding-top: 20px;
}

/*#step2-carousel-mbb .col-xs-3 {
  width: 90% !important;
}*/
}

/* iphone5 - landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
#step2-carousel-unli .col-xs-3 {
  width: 100% !important;
}

#step2-carousel-mbb .col-xs-3 {
  width: 90% !important;
}

#step2-accordion .step2-remove-service,
#step2-accordion .step2-save-order {
  width: auto!important;
}
}

/* iphone6s -portrait */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : portrait) {
#step2-accordion .step2-remove-service,
#step2-accordion .step2-save-order {
  font-size: 12px !important;
}
}

/* ipad - landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.personalised-slider-voice-min, .personalised-slider-sms, .personalised-slider-data-pack, .personalised-slider-intl-min {
    width: 415px !important;
}

.login-container.step2-login-container {
  margin-top: 0;
}
}

.step2-save-order {
background: #f04a24 !important;
color: #ffffff !important;
}

.signup_mobile_provider_select {
width: 100%;
}

.desktop-view #step2-carousel-personalised span.lbl {
float: left;
margin-right: 10px;
width: 145px;
}

.desktop-view #step2-carousel-personalised span.lbl {
/* float: left;
margin-right: 10px;
width: 145px;*/

  float: left;
  margin-right: 10px;
  width: 124px;
  line-height: 19px!important;
}
.desktop-view #step2-carousel-personalised .personalised-slider-voice-min,
.desktop-view #step2-carousel-personalised .personalised-slider-sms,
.desktop-view #step2-carousel-personalised .personalised-slider-data-pack,
.desktop-view #step2-carousel-personalised .personalised-slider-intl-min {
  float: left;
  width: 520px;
}

.topup-label {
position: relative;
bottom: 5px;
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
span.lbl.top-up-credit {
  padding-left: 120px !important;
}

.payg-slider-top-up {
  width: 330px !important;
}

.desktop-view #step2-carousel-payg .case.slick-slide
{
  min-width: 110px !important;
}
}

@media only screen 
and (min-device-width: 800px) 
and (max-device-height: 1280px) 
and (orientation : portrait) {
.step2-login-container {
  padding-top: 20px;
}
}

/* iphone x */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (orientation : landscape) {
.login-container.step2-login-container {
  margin-top: 0;
}
}
/* 2340x1080 pixels at 476ppi */
@media only screen 
  and (device-width: 375px) 
  and (device-height: 812px) 
  and (-webkit-device-pixel-ratio: 3) {


 }

/* end step2 style */

/* start step3 style */
.step3-contactdetails-edit-btn {
background-image: url('/assets/img/edit.png');
background-repeat: no-repeat;
background-position: right;
position: relative;
left: 0;
cursor: pointer
}

.step3-contactdetails-edit-btn a {
font-size: 0.65em;
position: relative;
left: 35px;
color: #F04A24;
font-weight: 500;
vertical-align: middle;
}

.step3-contactdetail-inputs {
display: none;
}

.step3-contactdetail-textarea {
width: 100%;
border: 0;
outline: 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
border: 2px solid #dfdfdf;
resize: none;
margin: 0 0 10px;
padding: 0 15px;
float: left;
display: none;
}

.step3-contactdetail-cancel {
padding: 5px !important;
background-color: #f6f6f6;
font-weight: 700;
font-size: 1em;
outline: 0;
border: 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
float: right;
width: 100%;
color: #f04a24;
border: 1px solid #f04a24;
}

.step3-contactdetail-save {
padding: 5px !important;
background-color: #f04a24;
color: #FFF !important;
font-weight: 700;
font-size: 1em;
outline: 0;
border: 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
float: right;
width: 100%;
border: 1px solid #f04a24;
text-align: center;
}

.step3-contactdetail-save:hover {
border: 1px solid #f04a24;
}

.step3rd .inline-fields {
min-height: 25px;
}

.step3-card-images {
padding: 10px;
}

#card_expiry_m, #card_expiry_y {
width: 90%;
}

.step3-cvv-img {
background-image: url('../img/cvv_img.png');
background-repeat: no-repeat;
background-position: right;
width: 100%;
height: 55px;
position: relative;
left: 90px;
z-index: -1;
}

/* iphone5 */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
.step3-card-label {
  display: none;
}
.step3-card-images {
  padding: 0 0 5px 0;
}

.glyphicon-ok {
  padding-top: 0 !important;
}

/*.signup-steps li.active span {
  font-size: 10px;
}*/

.step3-contactdetail-inputs {
  width: 100%;
}

.error-hold-mmyy-mobile {
    display: block !important;
}
.error-hold-mmyy {
    display: none;
}
}

/* iphone6 */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
.step3-card-label {
  display: none;
}
.step3-card-images {
  padding: 0 0 5px 0;
}
/*.signup-steps li.active span {
  font-size: 10px;
}*/

.error-hold-mmyy-mobile {
    display: block !important;
}
.error-hold-mmyy {
    display: none;
}
}

/* iphone6s */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
.step3-card-label {
  display: none;
}
.step3-card-images {
  padding: 0 0 5px 0;
}

.error-hold-mmyy-mobile {
    display: block !important;
}
.error-hold-mmyy {
    display: none;
}
}


/* ipad */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
.dynamic-fields {
  margin-top: 30px;
}
#step2-carousel-hwbb .slick-track {
  width: auto!important;
}
.modem-image {
  /* max-width: 145px; */
  max-width: 95px;
}
}

/* ipad - portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.step3-card-label {
  display: none;
}
.step3-card-images {
  padding: 0 0 5px 0;
}
.dynamic-fields {
  margin-top: 0;
}
.center-wrapper {
  padding: 0;
}

.payg-mobile-here .case p {
  margin-top: 3px;
}
}

form.step3rd input[type='checkbox']:checked + .custom-checkbox {
border: 2px solid #B7B7B7;
background: url('../img/refresh/images/checked.jpg') no-repeat scroll -2px -1px transparent !important;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}

.step3-firstname-value, .step3-lastname-value {
font-weight: bold;
}

.error-hold-mmyy-mobile {
display: none;
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (orientation : landscape) {
.error-hold-mmyy-mobile {
    display: block;
}
.error-hold-mmyy {
    display: none;
}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.error-hold-mmyy-mobile {
    display: block !important;
}
.error-hold-mmyy {
    display: none;
}
}
/* end step3 style */

/* start change plan modal */
.packed-titles {
background: #efefef;
padding: 25px !important;
font-size: 1em !important;
}

.packed-titles span {
font-weight: 700 !important;
line-height: unset !important;
}

.packed-types td {
background: #ffcfbf;
/* padding: 5px !important;*/
width: 25%;

}
#changePlan .packed-types td  {
border-right: 1px solid #EFEFEF;
}
.packed-types td a {
font-size: 12px!important;
bottom: 10px
}

table.cyp tr td.inner {
border: none;
}

table.cyp tr td.outer.orange-border {
vertical-align: middle;
}

table.cyp tr td.outer.orange-border h1 {
text-align: left;
font-size: 2.500em;
}

table.cyp tr td.outer.orange-border h4 {
text-align: left;
font-weight: 700;
font-size: 1.3em;
}

table.cyp tr td.outer.orange-border h5 {
font-size: 0.9em;
}

table.cyp tr td.outer.orange-border h5 .dummy-xx {
font-weight: 700;
}

table.cyp tr td.outer.orange-border h5 .cpm-list {
color: #ff4505;
}

span.ui-slider-pip {
color:#222222;
}

.personalised-slider-data-pack.desktop-slide-custom .ui-slider-pip-selected {
border:1px solid #FF9005;

}
.personalised-slider-data-pack.desktop-slide-custom .ui-slider-pip-selected span.proxy-label {
color: #FF9005;
}
.personalised-slider-sms.desktop-slide-custom .ui-slider-pip-selected  {
border:1px solid #FF4505;
color: #FF4505;
}
.personalised-slider-voice-min.desktop-slide-custom .ui-slider-pip-selected  {
 border:1px solid #E1044F;
}

.unlimited-slider-data-pack span.ui-slider-handle.ui-state-default.ui-corner-all,
.data-only-slider-data-pack span.ui-slider-handle.ui-state-default.ui-corner-all,
.unlimited_tab .unlimited-slider-intl-min span.ui-slider-handle.ui-state-default.ui-corner-all {
background: none;
}

.unlimited-slider-data-pack .slider,
.personalised-slider-voice-min .slider,
.personalised-slider-sms .slider,
.personalised-slider-data-pack .slider,
.personalised-slider-intl-min .slider,
.unlimited_tab .unlimited-slider-intl-min .slider,
.data-only-slider-data-pack .slider {
background: #c5c5c5;
border: none;
height: 20px;
}

.unlimited-slider-data-pack span.ui-slider-pip,
.personalised-slider-voice-min span.ui-slider-pip,
.personalised-slider-sms span.ui-slider-pip,
.personalised-slider-data-pack span.ui-slider-pip,
.personalised-slider-intl-min span.ui-slider-pip,
.unlimited_tab .unlimited-slider-intl-min span.ui-slider-pip,
.data-only-slider-data-pack span.ui-slider-pip {
top: -1px;
display: block !important;
z-index: 2;
}

.unlimited-slider-data-pack span.ui-slider-label,
.personalised-slider-voice-min span.ui-slider-label,
.personalised-slider-sms span.ui-slider-label,
.personalised-slider-data-pack span.ui-slider-label,
.personalised-slider-intl-min span.ui-slider-label,
.unlimited_tab .unlimited-slider-intl-min span.ui-slider-label,
.data-only-slider-data-pack span.ui-slider-label {
position: relative;
left: 2px;
}

.unlimited-slider-data-pack .ui-slider-pip-selected .ui-slider-label,
.personalised_tab .personalised-slider-voice-min .ui-slider-pip-selected .ui-slider-label,
.personalised_tab .personalised-slider-sms .ui-slider-pip-selected .ui-slider-label,
.personalised_tab .personalised-slider-data-pack .ui-slider-pip-selected .ui-slider-label,
.personalised_tab .personalised-slider-intl-min .ui-slider-pip-selected .ui-slider-label,
.unlimited_tab .unlimited-slider-intl-min .ui-slider-pip-selected .ui-slider-label,
.unlimited_tab .unlimited-slider-data-pack .ui-slider-pip-selected .ui-slider-label,
.data_tab .data-only-slider-data-pack .ui-slider-pip-selected .ui-slider-label,
.payg-slider-top-up .ui-slider-pip-selected .ui-slider-label,
.data-only-slider-data-pack .ui-slider-pip-selected .ui-slider-label {
/* width: 40px;
height: 40px; */
/* -moz-border-radius: 100% !important;
-webkit-border-radius: 50% !important;
border-radius: 50% !important; */
display: inline-block;
/* padding-top: 10px; */
position: relative;
/*top: -10px;*/
background: #fff;
font-weight: 700;
text-align: center;
font-size: 10px !important;
left: 0;
}

.payg-slider-top-up .ui-slider-pip-selected .ui-slider-label {
left: -2px;
}

.unlimited-slider-data-pack .ui-slider-pip-selected .ui-slider-label,
.data-only-slider-data-pack .ui-slider-pip-selected .ui-slider-label,
.unlimited-slider-data-pack .ui-slider-pip-selected {
color: #E1044F !important;
border: 1px solid #E1044F;
}
.unlimited-slider-data-pack .ui-slider-pip-selected .proxy-label {
color: #E1044F!important;
}
.unlimited-slider-data-pack .ui-slider-pip-selected.proxy-label-g3 .proxy-label {
color: #FF9005!important;
}

.unlimited-slider-data-pack .proxy-label-g3.ui-slider-pip-selected {
border: 1px solid #ff9005;
}

#changePlan .data-only-slider-data-pack .ui-slider-pip-selected .ui-slider-label,
#changePlan .data-only-slider-data-pack .ui-slider-pip-selected span.proxy-label {
color:#FF9005!important;
cursor: pointer;
}

.unlimited-slider-data-pack .ui-slider-pip-selected .g3_plantype {
color: #FF9005 !important;
}

.personalised-slider-voice-min .ui-slider-pip-selected .ui-slider-label {
border:1px solid #E1044F;
color: #E1044F!important;
}

.personalised-slider-sms .ui-slider-pip-selected .ui-slider-label{
border:1px solid #FF4505;
color:#FF4505!important;
}
.personalised-slider-data-pack  .ui-slider-pip-selected .ui-slider-label {
 border:1px solid #FF9005;
color: #FF9005!important;
}
.personalised-slider-intl-min  .ui-slider-pip-selected .ui-slider-label {
border:1px solid #929497;
color: #929497!important;
}
.unlimited_tab .unlimited-slider-intl-min  .ui-slider-pip-selected .ui-slider-label {
border:1px solid #929497;
color: #929497!important;
}

.payg-slider-top-up span.ui-slider-pip {
top: -1px !important;
z-index: 2;
}

.payg-slider-top-up span.ui-slider-pip {
display: none;
}

.payg-slider-top-up .ui-slider-pip-selected {
display: block !important;
border:1px solid #F1C73C;
}
.desktop-view .payg-slider-top-up .ui-slider-pip-selected .proxy-label{
color: #F1C73C!important;
}

.payg-slider-top-up span.ui-slider-handle.ui-state-default.ui-corner-all {
background: none;
}

.payg-slider-top-up .ui-slider-pip-selected .ui-slider-label,
#changePlan .payg-slider-top-up .ui-slider-pip-selected span.proxy-label  {
/*border:1px solid #f1c73c !important;*/
color: #f1c73c!important;
cursor: pointer;
}

.personalised_tab .personalised-slider-voice-min,
.personalised_tab .personalised-slider-sms,
.personalised_tab .personalised-slider-data-pack,
.personalised_tab .personalised-slider-intl-min {
float: right;
width: 760px;
}

.unlimited_tab .unlimited-slider-intl-min {
float: right;
width: 760px;
}

.unlimited_tab .unlimited-slider-intl-min span.perAmount {
margin-left: 35px !important;
}

.unlimited-slider-data-pack .ui-slider-line {
position: fixed;
bottom: 340px;
width: 150px;
}

.unlimited-slider-data-pack .ui-slider-line span {
font-weight: 700;
}

.unli-total-price {
font-size: 3.5em !important;
color: #ff4505 !important;
}

.unli-day-count {
text-align: right;
font-weight: 700;
font-family: "Montserrat";
}

/*.modal-header button.close {
background: none !important;
}*/

.modal-header button.close span {
display: block !important;
}

/*#changePlanTitle {
position: relative;
left: 30px;
}*/

.packed-titles span {
position: relative;
/*bottom: 10px;*/
}

.payg-modal-text {
font-size: 1.7em;
}

.payg-modal-text span {
font-weight: 700;
}

.payg-modal-intl-rates a {
color: #ff4505;
font-size: 14px;
}

.data-only-slider-data-pack {
width: 90%;
}

.modal-header button.close {
right: -11px !important;
top: -9px !important;
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
@media only screen and (min-width : 992px) {
  .modal-dialog.modal-wide.changeplanmodal {
    width: 900px !important;
  }
}
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
.modal-header button.close {
  right: -11px !important;
  top: -9px !important;
}
}
/* end change plan modal */

/* start mobile order details */
.mobile-order-contents {
padding: 30px;
border-left: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
float: left;
width: 100%;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
.mobile-order-contents .plan-details-link {
  float: right;
  margin-top: 5px;
}
}

.mobile-order-contents .service-block {
margin-bottom: 25px;
}

.mobile-order-contents .plan-name,
.mobile-order-contents .plan-price,
.mobile-order-contents .plan-data {
font-size: 1.3em;
}

.mobile-order-contents .plan-nickname {
font-size: 1.1em;
color: #F04A24;
padding-left: 0;
width:50%;
}
.mobile-order-contents .plan-details-link {
color:#f04a24;
float: right;
}

.mobile-order-contents .discount-section, .order-contents .discount-section-desktop {
border-top: 1px solid #c7c7c7;
margin-top: 36px;
}

.mobile-order-contents .discount-header, .order-contents .discount-header {
padding-top: 30px;
font-weight: 700;
padding-left: 0;
color: #F04A24;
}

/* iphone5 */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
.mobile-order-contents .plan-name,
.mobile-order-contents .plan-price,
.mobile-order-contents .plan-data {
  font-size: 1em;
}
.mobile-order-contents .plan-name.kid_plan{
   font-size: 0.85em!important;
}
}
/* end mobile order details */

/* start override style */
header {
background-color: #ffffff;
border-bottom: 1px solid #858585;
}

.new-logo {
margin: 10px 0 0 20px;
}


header p.mobile-number, header p.mobile-number a {
color: #858585;
margin: 13px 13px;
font-weight: normal;
}
header p.mobile-number span {
background: url('../img/sm-phone.png') no-repeat scroll left center transparent;
}

.normal-login {
background: none;
}

.sm-fb-login {
background: #5162b0;
color: #ffffff;
padding: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.sm-fb-login:hover {
cursor: pointer;
}

.next-btn {
margin-top: 55px;
}

.header-wrap {
border-bottom: none;
}

.order-details .header-wrap {
background-color: #ffffff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-left: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
border-top: 1px solid #c7c7c7;
border-bottom: 1px solid #c7c7c7;


}

.order-details {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: none;
background: #ffffff;
}

.order-contents {
padding: 0 30px 30px 30px;
border-left: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
}

.order-details h1.header-label {
color: #F04A24;
padding: 5px 0 15px 0 !important;
background: none;
/*border-bottom: 1px solid #DFDFDF;*/
font-weight: bold;
font-size: 1.6em;

}

.total-container {
border: none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background-color: #F04A24;
}

h1.total-label {
color: #ffffff;
}

.total-container span, .sim-container span, .plan-container span {
color: #ffffff;
}

.plan-punch-card p {
padding-top: 0;
}

.view-ongoing span {
font-weight: 700;
font-size: 20px;
}

.details {
margin-top: 10px;
}

a.plan-details-link {
text-decoration: none;
}

.signup-steps ul {
list-style-type: none;
text-align: center;
margin-top: 20px;
font-size: 1.24em;
}

.signup-steps ul li, .signup-steps ul li a  {
display: inline;
color: #858585;
font-size: 1em;
cursor: default;

}
.signup-steps ul li.active a  {
color: #F04A24!important;
}
.signup-steps ul li a {
 margin-left: 20px;
}

.signup-steps span {
color: #ffffff;
background: #858585;
height: 30px;
width: 30px;
border-radius: 100%;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
padding-bottom: 2px;
padding-top: 2px;
display:inline-block;
line-height: 24px;

}
.signup-steps li.active span {
background: #FF4505;
}
.signup-steps li.done_step span{
background: #F8A585;
}
.signup-steps li.done_step a{
color: #F8A585;
}
.signup-steps .divider {
width: 35px;
display: inline-block;
vertical-align: middle;
margin: 0 10px 0 10px;
}

.signup-steps .divider hr {
border-color: #c7c7c7;
}

select {
width: 100px;
background: url('../img/refresh/images/dd.png') no-repeat scroll 88% center #ffffff; 
}

select.signup_mobile_provider_select{
background: url('../img/refresh/images/dd.png') no-repeat scroll 97% center #ffffff;
} 

.mobile-service-modal #mobile-select-plan-change, .mobile-service #mobile-select-plan-change {
background: url('../img/dots_03.png') no-repeat scroll 90% center #ffffff;
}

.normal-login h3 {
margin: 0 0 20px !important;
color: #F04A24;
}

#dob_dd {
width: 65px;
background: url('../img/refresh/images/dd.png') no-repeat scroll 88% center #ffffff; 
}

#dob_mm {
width: 70px;
background: url('../img/refresh/images/dd.png') no-repeat scroll 88% center #ffffff; 
}
#dob_yyyy, select.title_holder {
background: url('../img/refresh/images/dd.png') no-repeat scroll 88% center #ffffff; 
}
#step2-accordion .panel-heading {
background: #F04A24;
padding: 20px;
color: #ffffff;
cursor: pointer;
}

#step2-accordion .acc-label {
color: #626262;
padding: 0 0 10px !important;
}

.porting_label175_notice {
text-align: center;
color: #e8623f;
background: #f6f6f6;
padding: 5px;
font-size: 14px;
width: 80%;
margin: auto;
}

.porting_label175_text {
width: 90%;
margin: 0 auto;
}

.radio-select label.porting_label75 {
width: 85% !important;
display: inline;
}

#dob_pdd {
width: 65px;
}

#dob_pmm {
width: 70px;
}

.field-wrap.step2 {
margin: 0;
}

#port_four_check_p {
margin-top: 10px;
}

.step2-add-service {
cursor: pointer;
color: #5a5a5a;
font-size: 18px;
}

.step2-promo {
padding-top: 25px
}

.step2-promo h4 {
color: #F04A24;
font-weight: 700;
padding-top: 15px !important;
}

.step2-promo p {
margin-top: 15px;
font-size: 15px;
}

.step2-add-service img {
vertical-align: text-bottom;
}

.panel-group .panel {
margin-bottom: 15px;
}

#step2-accordion .panel-title > span.plus{display:none;}
#step2-accordion .panel-title > span.minus {display:block;}
#step2-accordion .panel-title.collapsed > span.minus{display:none;}
#step2-accordion .panel-title.collapsed > span.plus{display:block;}
#step2-accordion .step2-remove-service,
#step2-accordion .step2-save-order {
padding: 10px;
width: auto !important;
font-size: 12px;
}

#step2-tabs .nav-pills > li > a {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
font-size: 12px;
text-align: center;
color: #ffffff;
font-weight: bold;
background-color: #7b7776;
}

#step2-tabs li {
/* width 5 tabswidth: 19.12%;*/
width: 24.1%;
margin-right: 4px!important;
}

#step2-tabs li.active a {
background: #ffffff;
color: #F04A24;
border-top: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
border-bottom: 1px solid #ffffff;
z-index: 999;
}

#step2-tabs .tab-content {
width: 99.05%;
bottom: 2px;
position: relative;
border: 1px solid #d0d0d0;
padding-bottom: 20px;
margin-bottom: 20px;
}

.desktop-view #step2-carousel-unli, .desktop-view #step2-carousel-payg {
/*width: 675px;*/
height: auto;
margin: 20px 0 20px 20px;
position: relative;
width: 93%;
}
.desktop-view #step2-carousel-payg {
width: 100%;
margin: 10px auto!important;
}
.desktop-view #step2-carousel-unli .case,  .desktop-view #step2-carousel-payg .case {
width: 110px;
height: 122px;
text-align: center;
border: 1px solid #dcdcdc;
background-color: #f9f9f9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 12px 0 8px;
cursor: pointer;
padding:0;
}
.mobile-service #step2-carousel-unli .case, .mobile-service #step2-carousel-mbb .case, .mobile-service #step2-carousel-payg .case{
text-align: center;
border: 1px solid #dcdcdc;
background-color: #f9f9f9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/* margin: 0 2px ;*/
cursor: pointer;
padding:0;
/*min-width: 140px;*/
}

#step2-carousel-unli .title, #step2-carousel-mbb .title, #step2-carousel-payg .title, .payg-mobile-here .case .title {
text-align: center;
font-weight: 700;
color: #ffffff;
background: #e1054f;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-family: 'Montserrat', sans-serif;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #e1054f;
display: none;
}

.desktop-view #step2-carousel-unli .case {
width: 130px;
}

.payg-mobile-here .case h3 {
  margin-bottom: 0!important;
  line-height: 38px;
  font-family: 'Montserrat', sans-serif;
  color: #424242;
}

#step2-carousel-unli .content, #step2-carousel-mbb .content, #step2-carousel-payg .content {
text-align: center;
}

#step2-carousel-unli .content p, #step2-carousel-mbb .content p {
font-size: 18px;
margin: 18px 0 0 0;
}

#step2-carousel-unli .content h3, #step2-carousel-mbb .content h3 {
font-weight: 700;
color: #e1054f;
font-size: 2em;
margin-bottom: 10px !important;
font-family: 'Montserrat', sans-serif;
}

#step2-carousel-unli .selected, #step2-carousel-mbb .selected {
background: #e1054f !important;
}

#step2-carousel-unli .selected.kid_plan .content h3 {
color:#fff;
}
#step2-carousel-unli .selected p, #step2-carousel-unli .selected h3, #step2-carousel-mbb .selected p, #step2-carousel-mbb .selected h3 {
color: #ffffff;
}

#step2-carousel-unli .plan_3g .title, #step2-carousel-mbb .plan_3g .title {
background: #F8901F;
}

#step2-carousel-unli .plan_3g .content h3, #step2-carousel-mbb .plan_3g .content h3 {
color: #F8901F;
}
#step2-carousel-unli .kid_plan .content p {
font-size:1.05em;
}
#step2-carousel-unli .g3_selected, #step2-carousel-mbb .g3_selected {
background: #F8901F !important;
}

#step2-carousel-unli .g3_selected p, #step2-carousel-unli .g3_selected h3, #step2-carousel-mbb .g3_selected p, #step2-carousel-mbb .g3_selected h3 {
color: #ffffff !important;
}

#step2-carousel-unli .selected .title, #step2-carousel-unli .g3_selected .title, #step2-carousel-mbb .selected .title, #step2-carousel-mbb .g3_selected .title {
border-bottom: 1px solid #ffffff;
}

#step2-carousel-payg .case {
cursor: default;
}

#step2-carousel-payg .content div {
/*margin: 15px 15px 6px 15px;*/
width: 78px;
margin: 10px auto;
}

#step2-carousel-payg .content img {
float: left;
width: 30px;
}

#step2-carousel-payg .content h3 {
margin: 0 !important;
padding: 0 !important;
width: 80px;
font-size: 25px;
color: #000000;
}

#step2-carousel-payg .content p {
/*clear: left;*/
text-align:center;
}

.block-remove-service {
position: absolute;
right: 10px;
width: auto !important;
}

.block-remove-service span {
color: #ffffff;
}

.slidercon {
/*  max-width: 700px;
min-width: 300px;
margin:0 auto;
float: right;*/
margin-bottom: 40px;
position: relative;
padding-bottom: 20px;


}
.title-intl {
float: left;
width: 30%;
}
.title-topup {
float: left;
width: 30%;
}
.unlimited-slider-intl-min {
/*width: 400px;*/
width: 350px; 
float: left;
}

.payg-slider-top-up {
width: 400px;
float: left;
}
span.lbl.intl-min {
background: url("../img/refresh/images/intl-min-icon.svg") no-repeat scroll center transparent;
padding-left: 110px;
line-height: 40px;
display: inline-block;
}
span.lbl.top-up-credit {
 background: url("../img/refresh/images/top-up-icon.svg") no-repeat scroll center transparent;
padding-left: 147px;
line-height: 40px;
display: inline-block;
position: relative;
}
.d-topup-second {
position: absolute;
top: 7px;
}
span.perAmount {
  float: right;
  position: absolute;
  margin-left:35px;
  margin-top: 12px;
  font-weight: 700;
}
.slick-dots li button:before {
content:"";
}
.price_mbb-con, .price_personalised-con, .price_unlimited-con {
float: right;
margin-right: 30px;
}
.price_mbb-con p, .price_personalised-con p, .price_unlimited-con p {
font-size: 30px;
color: #FF4505;
font-weight: 700;
}

.price_mbb-con2 span.amount {
font-size: 30px;
color: #FF4505;
font-weight: 700;
}

.price_hwbb-con2 span.amount,
.price_home5g-con2 span.amount,
.price_prodbundles-con2 span.amount {
font-size: 30px;
color: #FF4505;
font-weight: 700;
}

.price_hwbb-con span.amount,
.price_home5g-con span.amount,
.price_prodbundles-con span.amount {
font-size: 30px;
/* color: #FF4505; */
color: #fff;
font-weight: 700;
}

.price_mbb-con span, .price_personalised-con span, .price_unlimited-con span {
font-size: 15px;
color: #7B7776;
}
.slider-div  {
margin-bottom: 20px;
}

.slider-div h2 {
float:left;
width: 100px;
font-size:14px;

}
.step2-carousel-personalised .slider {
width:80%;
}

#step2-carousel-personalised {
padding-top: 20px;
padding-left: 10px;
padding-right: 40px;
}
.personalised-slider-voice-min,
.personalised-slider-sms,
.personalised-slider-data-pack,
.personalised-slider-intl-min {
float: right;
width: 500px;
}

#step2-carousel-personalised span.lbl.voice-min {
  background: url("../img/refresh/images/voice-min-icon.svg") no-repeat scroll left center transparent;
  padding-left: 50px;
  line-height: 40px;
  display: inline-block;
  }
#step2-carousel-personalised span.lbl.sms {
  background: url(../img/refresh/images/sms-icon.svg) no-repeat scroll left center transparent;
  padding-left: 50px;
  line-height: 40px;
  display: inline-block;
}
#step2-carousel-personalised span.lbl.data {
  background: url(../img/refresh/images/data-icon.svg) no-repeat scroll left center transparent;
  padding-left: 50px;
  line-height: 40px;
  display: inline-block;
}
#step2-carousel-personalised span.lbl.intl-min {
  background: url(../img/refresh/images/intl-min-icon.svg) no-repeat scroll left center transparent;
  padding-left: 50px;
  line-height: 40px;
  display: inline-block;
}

#step2-carousel-personalised span.ui-slider-pip {
/*top: -2px!important;*/
display: block!important;
z-index:2;
}

#step2-carousel-personalised .slider,
.unlimited-slider-intl-min .slider {
background: #c5c5c5;
border:none;
height: 17px;
}
#step2-carousel-personalised  span.ui-slider-label {
  font-size: 9px!important;
  text-align: center;
}

#step2-carousel-personalised  div#voicemin  span.ui-slider-label,
#step2-carousel-personalised div#smscount  span.ui-slider-label,
#step2-carousel-personalised div#intlcount  span.ui-slider-label,
#step2-carousel-personalised div#datacount  span.ui-slider-label
{
position: relative;
left: 4px;
}

.desktop-cyp .personalised-slider-voice-min span.ui-slider-label,
.desktop-cyp .personalised-slider-sms span.ui-slider-label,
.desktop-cyp .personalised-slider-data-pack span.ui-slider-label,
.desktop-cyp .personalised-slider-intl-min span.ui-slider-label,
.desktop-cyp .unlimited-slider-data-pack span.ui-slider-label,
.desktop-cyp .unlimited-slider-intl-min span.ui-slider-label,
.desktop-cyp .data-only-slider-data-pack span.ui-slider-label
{
position: relative;
left: 4px;
}

.personalised-slider-voice-min span.ui-slider-handle.ui-state-default.ui-corner-all {
/*background: url(../img/refresh/images/slide-indicator-voice-min.png) no-repeat scroll center center transparent;*/
/* height: 33px;
 width: 33px;*/
 background: none;
}

.personalised-slider-sms span.ui-slider-handle.ui-state-default.ui-corner-all {
/* background: url(../img/refresh/images/slide-indicator-smscount.png) no-repeat scroll center center transparent;
height: 33px;
 width: 33px;*/
 background: none;
}
.personalised-slider-data-pack span.ui-slider-handle.ui-state-default.ui-corner-all {
/*background: url(../img/refresh/images/slide-indicator-datacount.png) no-repeat scroll center center transparent;
height: 33px;
 width: 33px;*/
 background: none;
}
.personalised-slider-intl-min span.ui-slider-handle.ui-state-default.ui-corner-all {
/*background: url(../img/refresh/images/slide-indicator-intlcount.png) no-repeat scroll center center transparent;
height: 33px;
width: 33px;*/
background: none;
}

#step2-carousel-personalised .personalised-slider-voice-min  .ui-slider-pip-selected .ui-slider-label,
#step2-carousel-personalised .personalised-slider-sms  .ui-slider-pip-selected .ui-slider-label,
#step2-carousel-personalised .personalised-slider-data-pack  .ui-slider-pip-selected .ui-slider-label,
#step2-carousel-personalised .personalised-slider-intl-min  .ui-slider-pip-selected .ui-slider-label{

width: 40px;
height: 40px;
-moz-border-radius: 100%!important;
-webkit-border-radius: 50%!important;
border-radius: 50%!important;
display: inline-block;
padding-top: 12px;
position: relative;
/*top: -9px;*/
top: -26px;
background: #fff;
font-weight: 700;
left: -2px !important;

}
#step2-carousel-personalised .personalised-slider-voice-min  .ui-slider-pip-selected .ui-slider-label {
border:1px solid #E1044F;
color: #E1044F!important;
}
#step2-carousel-personalised .personalised-slider-sms  .ui-slider-pip-selected .ui-slider-label{
border:1px solid #FF4505;
color:#FF4505!important;
}
#step2-carousel-personalised .personalised-slider-data-pack  .ui-slider-pip-selected .ui-slider-label {
 border:1px solid #FF9005;
color: #FF9005!important;
}
#step2-carousel-personalised .personalised-slider-intl-min  .ui-slider-pip-selected .ui-slider-label {
border:1px solid #929497;
color: #929497!important;
}

#step2-carousel-personalised span.indicator {
height: 18px!important;
}

.mobile-service.hidden-lg.hidden-md.visible-xs.col-sm-12.col-xs-12.visible-sm {
border:1px solid #E9E9E9!important;

}
/*.mobile-service table.cyp tr td.outer, .mobile-service table.cyp tr td.outer.plan-links {*/
.mobile-service table.cyp tr td.outer.plan-links {
border:2px solid #E9E9E9!important;
color: #626262;
}
table.cyp tr td.outer {
border: none !important;
}
span.mobile-grand-total {
/*word-break: break-all;*/
color: #F04A24;
font-size: 30px;
}
span.mobile-grand-total .inline {
color: #7A7879;
font-size: 15px;
}
.mobile-service  #step2-carousel-unli .case {
/*float:left;
width: 100px;*/
margin-bottom: 10px;
/* margin:10px;*/

}

.mobile-service {
border:1px solid #E9E9E9!important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.mobile-service  table.cyp select {
color: #F04A24;
font-weight: 700;
text-align: left;
}

.mobile-service table.cyp tr td.outer span.lbl.intl-min {
line-height: 21px;
}

.mobile-service table.cyp tr td.outer {
padding: 10px;
}

.order-details .header-wrap a {
position: absolute;
top: 30px;
display: none;
}

.order-details .header-wrap a span {
color: #F04A24;
}

.order-details .header-wrap a .od-down {
display: none;
}

.header-wrap .header-label {
cursor: pointer;
}

.order-contents {
padding-top: 20px;
}

span.mobile-dummy-val {
margin-top: 14px;
}

a.adjuster, #uintlpack-amount {
color: #626262;
}

.gray-days {
color: #626262;
font-weight: 700;

}

.m-unli-total {
color: #F04A24;
font-weight: 700;
font-size: 30px;
font-family:"Montserrat";
}

.unli_mbb_div {
margin-bottom: 20px !important;
}

input[type="submit"].next_one, input[type="button"].next_one {
border: 2px solid #f04a24;
}


a.back {
color: #f04a24;
background: #f6f6f6;
border: 2px solid #f04a24;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.payg-slider-top-up  span.ui-slider-label {
line-height: 18px;
}

.payg-mobile-here .case {
  text-align: center;
  border: 1px solid #dcdcdc;
  background-color: #f9f9f9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* margin: 5px auto!important; */
  cursor: pointer;
  padding: 0;
   min-width: 40px;
  /* max-width: 140px;*/
   margin: 20px;
}
.payg-mobile-here .case .content {
margin-top: 10px;
margin-bottom: 20px;
}
.payg-mobile-here .case .content img {
float: left;
}
.payg-mobile-here .case .groups {
  height: 38px;
  width: 86px;
  margin:0 auto;
}
p.from {
font-size: 10px;
}
strong.price-each {
color:#7A7879;
}
/*h3.intlprice {
line-height: 9px!important;
}*/

p.viewrates {
line-height: 45px;
font-size: 10px;
}

p.viewrates a {
color: #F04A24;
}

.mobile-grand-total, strong.price-each {
color: #959495;
font-size: 36px;
}
.inline {
display: inline-block;

}

a.adjuster {
color: #959495;
}

table.cyp tr td.outer.orange-border.last {
border: 2px solid #E9E9E9!important;
}
h1.surcharge-label {
color: #fff!important;
}

.step2-save-order {
margin-left: 10px !important;
}

table.cyp tr td.outer span.lbl.top-up-credit {
line-height: 20px;
margin-left: 10px;
}


table.cyp tr td a.save-plan-button {
width: auto;
float: right;
}
.payg-mobile-here .case  p.viewrates {
width: auto!important;
}

#step2-carousel-unli .plan_3g .title {
    border-bottom: 1px solid #fff;
}

.mobile-service-modal a.adjuster {
margin-top: 0;
}

input[type='text'], input[type='password'], input[type='email'], input[type='tel'], span.mobile-dummy-val,
select.title_holder, input.next_one, .dob.dummy, .back {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -ms-border-radius: 5px;
 /* behavior: url(border-radius.htc);*/
}

/* change plan style*/
#changePlan table.cyp tr td.plan-links tr {
background: #FFCFBF;
}

#changePlan span.ui-slider-label {
line-height: 17px;
font-family: 'Montserrat';
font-size: 12px;
z-index: -1;
}
#changePlan table.cyp tr td .total-plan-amount {
font-family: 'Montserrat';
}
#changePlan span.fourg_span {
font-size: 14px;
color:#E1044F;
font-family: "Montserrat";
font-weight: 700;
}
#changePlan span.three_span {
font-size: 14px;
font-size: 14px;
color: #FF9005 ;
margin-left:457px;
font-weight: 700;
}

#changePlan table.cyp tr td a.save-plan-button {
font-size:1em;
}

#changePlan span.indicator {
height:20px!important;
}

#changePlan .payg-slider-top-up .slider {
height:20px;
color: #F1C73C;
border:none;
background: #E3E3E3;
}

#changePlan table.cyp tr td.outer span.lbl.intl-min {
margin-left: 0;
padding: 0 0 0 47px;
}
#changePlan table.cyp tr td.outer span.lbl.intl-min {
padding: 0 0 0 47px;
}
#changePlan table.cyp tr td span.perAmount {
  font-family: "Montserrat";
}

#changePlan .unlimited-slider-data-pack .slider {
  width: 683px;
}

#changePlan .unli-total-price {
font-size: 3.1em;
}

.montserrat {
font-family: "Montserrat"
}


#changePlan .unlimited_tab .unlimited-slider-intl-min span.perAmount {
margin-left: 35px!important;
}

#myModalTerms .modal-header button.close, #myModalPrivacy .modal-header button.close, #myModalCis .modal-header button.close, #payg-intl-rates .modal-header button.close {
    background: transparent url(../img/refresh/images/modal.close.small.svg) no-repeat scroll right center!important;
}

#payg-intl-rates a {
color: #FF4505;
}

.addservice-link a{
  float: right;
  background: #FF9002;
  padding: 10px;
  color: #fff;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 182px;
  margin-top: 10px;
  
}
.addservice-link .glyphicon-plus:before {
  content: "\2b";
  padding-right: 3px;
}
/*wireless*/
.plan-details2.fourg  {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

}
#payg-intl-rates a.okay {
  color: #FFF;
  font-size: 1.125em;
  background-color: #ff4505;
  height: 55px;
  line-height: 55px;
  text-align: center;
  max-width: 210px;
  width: 100%;
  display: block;
  margin: 10px 0 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
 }

/* ipad pro */
@media only screen
and (min-device-width : 992px)
and (max-device-width : 1366px)
and (-webkit-min-device-pixel-ratio: 1.5) {
.unli_mbb_div .order-contents ul li p {
  font-size: 0.60em;
}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) { .unli_mbb_div .order-contents ul li p {
  font-size: 0.60em;
} }

@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px)
and (-webkit-min-device-pixel-ratio: 1.5) {

.unli_mbb_div h1.plan-type{
 font-size:1.1em;
 height:41px;
}
.unli_mbb_div .order-contents ul li p {
 font-size: 0.70em;
}
.unli_mbb_div .fourg h1.plan-type{
 font-size:1.2em;
}
.unli_mbb_div.wireless-order-details .fourg h1.plan-type {
  font-size: 1.02em;
}
.unli_mbb_div.wireless-order-details .order-contents ul li p {
  font-size: 0.60em;
}
.desktop-view #step2-carousel-payg .case {
width: 107px!important;
}
#step2-carousel-payg .slick-list {
  margin: 0 9px!important;
}
#step2-tabs li {
  width:23%;
}
.desktop-view #step2-carousel-personalised .personalised-slider-voice-min,
.desktop-view #step2-carousel-personalised .personalised-slider-sms,
.desktop-view #step2-carousel-personalised .personalised-slider-data-pack,
.desktop-view #step2-carousel-personalised .personalised-slider-intl-min {
  width: 394px;
}

.payg-mobile-here .case p {
  margin-top: 4px;
}
}

@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation : portrait) {
.error-hold-mmyy-mobile {
  display: none !important;
}

.error-hold-mmyy {
  display: block;
}

}

@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation : landscape) {
.error-hold-mmyy-mobile {
  display: none !important;
}

.error-hold-mmyy {
  display: block;
}
}

.service-name {
color: #FF4505;
font-weight: 700;
}

#update_panel_loader {
cursor: default;
}
.new-logo img {
-ms-interpolation-mode: bicubic;
}

a.close-btn {
display: none;
}

.desktop-view p.viewrates {
line-height: 0;
font-size: 10px;
margin: 0 0 0 27px;
}

.desktop-view .d-intlblock {
position: relative;
bottom: 5px;
left: 12px;
margin-bottom: 0;
}
.error-hold.dobs {
 margin:5px 0 0 13px!important;
}


/*iPhone X*/

@media only screen
  and (device-width : 375px)
  and (device-height : 812px)
  and (-webkit-device-pixel-ratio : 3)
  and (orientation:landscape) {
     .modal-header button.close {
        right: -6px !important;
        top: 0 !important;
     }
   }

/*iPhone 8*/

@media only screen
  and (device-width : 375px)
  and (device-height : 667px)
  and (-webkit-device-pixel-ratio : 2) {

  .signup-steps span {
    padding-top: 4px !important;
  }
   .modal-header button.close {
       right: -6px !important;
       top: -5px !important;
     }
     
     
   }

@media only screen
  and (device-width : 375px)
  and (device-height : 667px)
  and (-webkit-device-pixel-ratio : 2) 
  and (orientation:portrait){
    .signup-steps span {
    line-height: 23px!important;
}
  
  }

@media only screen
  and (device-width : 375px)
  and (device-height : 667px)
  and (-webkit-device-pixel-ratio : 2) 
  and (orientation:lanscape){
     .modal-header button.close {
        right: -6px !important;
        top: 0 !important;
     }
  }

  @media only screen
  and (device-width : 375px)
  and (device-height : 667px)
  and (-webkit-device-pixel-ratio : 2) 
  and (orientation:landscape){ 
    .Wireless.mobile-toggle #step2-carousel-hwbb .case, 
    .Wireless.mobile-toggle #step2-carousel-hwbb .case.selected,
    .Wireless.mobile-toggle #step2-carousel-home5g .case, 
    .Wireless.mobile-toggle #step2-carousel-home5g .case.selected,
    .Wireless.mobile-toggle #step2-carousel-prodbundles .case, 
    .Wireless.mobile-toggle #step2-carousel-prodbundles .case.selected {
      width: 46%;
      min-width: 46%;
      margin:20px 10px;
    }
  }


/*iPhone 8 Plus*/

@media only screen
  and (device-width : 414px)
  and (device-height : 736px)
  and (-webkit-device-pixel-ratio : 3)
  and (orientation:portrait) {
    .modal-header button.close {
    right: -6px !important;
    top: -5px !important;
}
.signup-steps span {
    line-height: 23px!important;
}
  }

@media only screen
  and (device-width : 414px)
  and (device-height : 736px)
  and (-webkit-device-pixel-ratio : 3)
  and (orientation:landscape) {
    .modal-header button.close {
    right: -6px !important;
    top: 0 !important;
}
.modal-dialog.changeplanmodal {
    width:95%!important;  
} 
  }

/*galaxy tab 4*/
@media only screen 
and (min-device-width: 800px) 
and (max-device-height: 1280px) 
and (min-resolution: 192dpi)
and (-webkit-device-pixel-ratio:2)
and (orientation : portrait) 
{
.normal-login.step2 {
  padding: 25px 0 30px 0;
}

}

/*iPad*/
/*@media only screen
  and (min-device-width : 481px)
  and (max-device-height : 1024px)
  and (orientation:landscape) {
     .payg-mobile-here .case .groups { 
        width:85%;
      }
      .payg-mobile-here .case p {
        width:85%;
      }
  }*/

#payg-intl-rates a.okay, #incl-countries-modal a.okay {
color: #FFF;
font-size: 1.125em;
background-color: #ff4505;
height: 55px;
line-height: 55px;
text-align: center;
max-width: 210px;
width: 100%;
display: block;
margin: 10px 0 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}

.ina, .ina:hover, .ina:active, .ina:focus {
color: #ff4505;
}

.rate-index a {
color: #ff4505;
}

.panel-rates-countries {
font-size: 0.8em;
position: relative;
top: 10px;
color: #F04A24;
clear: left;
}

.unli-panel-rates-countries {
font-size: 0.8em;
position: relative;
top: 3px;
color: #F04A24;
clear: both;
left: 215px;
}

.ymj-portterms label{
width: auto;
}
.yomojo_terms label {
max-width: 90%;
}

.ymj-portterms a {
color: #f04a24;
font-size: 0.94em;
text-decoration: none;
}

.step3-service-loader {
color: #626262;
margin-bottom: 10px;
}

.step3-service-loader span {
vertical-align: middle;
font-size: 0.9em;
}

.step3-service-loader img {
width: 20px;
}

.ymj-portterms .error-hold, .ymj-terms .error-hold {
clear: left;
position: relative;
left: 0;
}
.normal-login.step2 input#card_cvv {
 height: 46px; 
}

#changePlan span.twoliner {
      bottom: 2px;
        display: block;
          line-height: 11px;
}
.desktop-slide-custom span.twoliner {
  bottom:4px;
}
.modal-header button.close {
  width: 57px;
  height: 57px;
}

#indicator { 
  font-size: 0.8em;
  font-weight: 400;
  color: red;
}

#changePlan span.ui-slider-label
{
z-index: -99999999999;
}
/* .ui-slider-pip-selected span.ui-slider-label {
z-index:1;
} */
/* .unlimited-slider-intl-min  span.ui-slider-pip.ui-slider-pip-selected {

} */

#changePlan ui-slider-pip.ui-slider-pip-label {
border:none;
}
#changePlan span.ui-slider-pip-selected span.ui-slider-label.g3_plantype { 
  border:1px solid #FF9005!important;
}

.clear-fix {
 clear:both;
}

/* span.ui-slider-label {
z-index: -999;
} */

#changePlan span.ui-slider-pip-selected span.ui-slider-label {
border-radius: 100%;
z-index: 2;
position: relative;
top: 8px;
left: 0;
border: none;
width: 38px;
cursor: pointer;
}

#changePlan .personalised-slider-voice-min .ui-slider-pip.ui-slider-pip.ui-slider-pip-selected {
color: #E1044F;
border:1px solid #E1044F;
cursor: pointer;
}
#changePlan .personalised-slider-sms .ui-slider-pip.ui-slider-pip.ui-slider-pip-selected {
color: #FF4505;
border:1px solid #FF4505;
cursor: pointer;
}
#changePlan .personalised-slider-data-pack .ui-slider-pip.ui-slider-pip.ui-slider-pip-selected {
color: #FF9005;
border:1px solid #FF9005;
cursor: pointer;
}
#changePlan .personalised-slider-intl-min .ui-slider-pip.ui-slider-pip.ui-slider-pip-selected {
color: #C5C5C5;
border:1px solid #C5C5C5;
cursor: pointer;
}
.ui-slider-pip.ui-slider-pip.ui-slider-pip-selected, .ui-slider-pip.ui-slider-pip.ui-slider-pip-selected.ui-slider-pip-initial {
  /* border: 2px solid green; */
  width: 40px;
 height: 40px;
 -moz-border-radius: 100% !important;
 -webkit-border-radius: 100% !important;
 border-radius: 100% !important;
 position: relative;
 /*top: -29px !important;*/  
 background: #ffffff;
 display: block;
}
/*span.ui-slider-pip.ui-slider-pip-last.ui-slider-pip-label.ui-slider-pip-selected.proxy-label-g3{
color: #FF9005;
}*/
.ui-slider-pip.ui-slider-pip.ui-slider-pip-selected
{
 top: -29px !important;
       cursor: pointer;
}
.data-only-slider-data-pack .ui-slider-pip.ui-slider-pip.ui-slider-pip-selected {
border:1px solid #FF9005;
}
.ui-slider-pip.ui-slider-pip.ui-slider-pip-selected.ui-slider-pip-initial  {
top: -12px !important;
}

.unlimited-slider-intl-min .ui-slider-pip.ui-slider-pip.ui-slider-pip-selected, 
.unlimited-slider-intl-min .ui-slider-pip.ui-slider-pip.ui-slider-pip-selected.ui-slider-pip-initial {
border:1px solid  #7A7879;
}
#changePlan .ui-slider-pip-selected span.proxy-label {
font-family: 'Montserrat';
font-size: 10px;
position: relative;
top: 12px;
/*left: 0;*/
font-weight: 700;
width: auto;
text-align: center;
display: block;

}
span.proxy-label {
font-family: 'Montserrat';
  font-size: 12px;
  top: 0;
position: relative;
}

.desktop-view  span.proxy-label { 
top: 0; 
}
.desktop-view  .ui-slider-pip-selected span.proxy-label {
top:11px;
font-weight: 700;
font-size: 10px;
text-align: center;
}
#changePlan .ui-slider-pip-unselected .proxy-label {
font-family: 'Montserrat';
font-size: 12px;
position: relative;
}

.personalised-slider-voice-min .ui-slider-pip-selected span.proxy-label {
color:#E1044F!important;
}
.personalised-slider-sms .ui-slider-pip-selected span.proxy-label {
color:#FF4505!important;
}
.personalised-slider-data-pack .ui-slider-pip-selected span.proxy-label {
color:#FF9005!important;
}
.personalised-slider-intl-min .ui-slider-pip-selected span.proxy-label {
color:#929497!important;
}
.ui-slider-pip-selected .proxy-label.g3_plantype {
color: #FF9005!important;
}
.unlimited-slider-intl-min .ui-slider-pip-selected .proxy-label {
color:#7A7879!important;
}
.desktop-view #step2-carousel-personalised .ui-slider-pip-selected .proxy-label,
.desktop-view #step2-carousel-payg .ui-slider-pip-selected .proxy-label,
.desktop-view .payg-slider-top-up .ui-slider-pip-selected .proxy-label{
display: block;
width: auto;
text-align: center;
top: 12px;
}
.desktop-view .personalised-slider-intl-min .ui-slider-pip-selected  {
color: #C5C5C5!important;
border:1px solid #C5C5C5; 
}

.desktop-view .unlimited-slider-intl-min span.ui-slider-handle.ui-state-active, 
.desktop-view .unlimited-slider-intl-min span.ui-slider-handle.ui-state-default {
background: none;
display: none;
}

.desktop-view .unlimited-slider-intl-min span.proxy-label {
top: 23px;
}
.desktop-view .unlimited-slider-intl-min .ui-slider-pip-initial span.proxy-label {
top:26px;
display: block;
width: auto;
text-align: center;
font-size: 10px;
}
.desktop-view .unlimited-slider-intl-min .ui-state-active span.proxy-label,
.desktop-view .unlimited-slider-intl-min .ui-slider-pip-selected span.proxy-label {
top:11px;
display: block;
width: auto;
text-align: center;
font-size: 10px;

}

span#valid_days {
font-weight: 400;
font-size:14px;
}
a.add-service-link-mobile {
    float: right;
    width: 194px;
}
.addservice-link.mobile-service-link p {
margin-bottom:20px;
}
/* .slider .ui-slider-pip-initial {
left: 5px !important;
} */
@media all and (-ms-high-contrast:none)
{
.changeplanmodal table.cyp tr td.outer span.lbl, #changePlan table.cyp tr td.outer span.lbl.intl-min {     padding: 7px 0 0 70px; } /* IE10 */
*::-ms-backdrop, .changeplanmodal table.cyp tr td.outer span.lbl, #changePlan table.cyp tr td.outer span.lbl.intl-min {     padding: 7px 0 0 70px; } /* IE11 */
.packed-titles { padding:25px 10px!important; }
*::-ms-backdrop, .changeplanmodal .packed-titles {  padding:25px 10px!important;}
.changeplanmodal table.cyp tr td.outer span.lbl.data{
  background: url('../img/refresh/images/data-icon.svg') no-repeat scroll -50px center transparent;
}
.changeplanmodal table.cyp tr td.outer span.lbl.voice-min{
  background: url('../img/refresh/images/voice-min-icon.svg') no-repeat scroll -50px center transparent;
}
.changeplanmodal table.cyp tr td.outer span.lbl.sms{
  background: url('../img/refresh/images/sms-icon.svg') no-repeat scroll -50px center transparent;
}
.changeplanmodal table.cyp tr td.outer span.lbl.intl-min{
  background: url('../img/refresh/images/intl-min-icon.svg') no-repeat scroll -50px center transparent;
}
.changeplanmodal table.cyp tr td.outer span.lbl.top-up-credit{
  background: url('../img/refresh/images/top-up-icon.svg') no-repeat scroll -50px center transparent;
}
.changeplanmodal table.cyp tr td.outer span.lbl.top-up-credit {
  margin-left: 0;
}
 #step2-carousel-personalised span.lbl.voice-min {
  background: url("../img/refresh/images/voice-min-icon.svg") no-repeat scroll -40px center transparent;
  padding-left: 50px;   
  }
 #step2-carousel-personalised span.lbl.sms {
    background: url(../img/refresh/images/sms-icon.svg) no-repeat scroll -40px center transparent;
    padding-left: 50px;     
}
 #step2-carousel-personalised span.lbl.data {
    background: url(../img/refresh/images/data-icon.svg) no-repeat scroll -40px center transparent;
    padding-left: 50px;      
}
 #step2-carousel-personalised span.lbl.intl-min {
    background: url(../img/refresh/images/intl-min-icon.svg) no-repeat scroll -40px center transparent;
    padding-left: 50px;      
}

}



/*Changes 3/11/19 */

@media screen and (-webkit-min-device-pixel-ratio:0) {
@media (max-width: 1024px) and (min-width: 768px){
  .fourg .view-topup{
      display: none!important;
  }
}
@media (max-width: 1024px) and (min-width: 1024px) and (orientation: landscape){
  .wireless-order-details .fourg .view-data.plan-data.allocation .plan-data{
    /* font-size: 40px; */
  font-size: 16px;
  }
  .modem-image{
    /* max-width: 155px; */
    max-width: 95px;
  }
  .service-page .modem-image{
    max-width: 155px!important;
  }
  
  .view-topup.plan-data{
    display: none!important;
  }
  .view-ongoing{
    font-size: 0.78em!important;
  }
}
}