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

@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratsemibold';
    src: url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html {
    overflow:visible;
}

body, html {
}

.top-header-wrapper, .top-header {
    height: 40px;
}
.header-second {
    height: auto;
    background: #FA4C07;
}
.top-header, .header-second {
    max-width: 1200px;
    margin:0 auto;
    position: relative;
}
#sticky_header .big-headr.sticky .header-second {
    height: auto;
}
.header-first {
    background: #fff;
}
.top-header ul.loginactivate-link   {
    float: right;
    position: relative;
    top: 8px;
}
.top-header ul.loginactivate-link li {
    float: left;    
    list-style: none;
    margin-right: 20px;
}
.top-header ul.loginactivate-link li a {
    color: #000;
    font-family:'Montserrat';
    font-weight: 300;
}

.noPadding {
    padding-left: 0;
    padding-right: 0;
}
.top-header span.contact-num a {
    color: #000;
}
.top-header span.contact-num {
    position: absolute;
    right: 240px;
    top: 8px;
}
.top-header .fa-phone:before {
    color: #FF4505;
    font-weight: 700;
    font-size: 16px;
}
.top-header .activate-link {
    background: url("../images/mini-sim.jpg")  0 50% no-repeat;
    padding-left: 25px;
}
.top-header-wrapper .login-link {
    background: url("../images/login-icon.jpg")  0 50% no-repeat;
    padding-left: 20px;
}
.sticky .header-second a.login-link {
    background: url("../images/login-icon-white.png")  0 50% no-repeat;
    padding-left: 20px;
}
.header-second ul.second-menu {
    float: right;
    top: 31px;
    position: relative;
}
.header-second .new-menu ul li.support.yomfamily {
    margin-right: 0;
}
.header-second .new-menu ul li {
    float:  left;
    list-style:none;
    margin-right: 20px;
    line-height: 20px;
    font-size: 18px;
}
/*dropdown*/
.header-second .new-menu ul li ul li {
    float: none!important;

}
.header-second .new-menu ul li ul li.fourth {
    border-top:1px solid #EEEEEE;

}
/*dropdown*/
.header-second .new-menu ul li a {
    color:  #fff;
}
.header-second .new-menu ul li a:hover {
    color:  #fff;
}
.header-second .new-menu ul li:hover ul.sub-support{
        display: block; /* Display the dropdown */
        z-index: 9999999!important;
        position: absolute;
}
.header-second .new-menu ul li:hover ul.sub-support li.fourth {
    display: none;
}
.sticky .header-second .new-menu ul li:hover ul.sub-support li.fourth {
    display: block;
}
.header-second .new-menu ul li ul.sub-support{
        background: #fff;
        display: none;
        position: absolute;
        color: #FF4505;
}
.header-second .new-menu ul li ul.sub-support li{
        display: block;
        padding:5px 10px;
        width: 100%;
}
.header-second .new-menu ul li ul.sub-support li.first{
       border-bottom:1px solid #EEEEEE;
}
.header-second .new-menu ul li ul.sub-support li.second{
       border-bottom:1px solid #EEEEEE;
}
.sticky .header-second .new-menu ul li ul.sub-support li.third{
       border-bottom:1px solid #EEEEEE;
}
.header-second .new-menu ul li ul.sub-support li a{
    color: #FF4505;
}
.header-second .new-menu ul li ul.sub-support li:hover, .header-second .new-menu ul li ul.sub-support li:hover a {
        background: #ffdacd;
        color: #FF4505;
        width: 100%;
}
.top-header-wrapper {
    margin:0 auto;
    max-width: 1200px;
}
.header-second .new-menu ul li a {
    font-family: 'montserratregular';
}
.optus-powered {
    margin-top: 20px;
    max-width: 321px;
    min-width: 310px;
    height:     46px;
}
#plans-tabs h1,.family-bundles h1, #benefits h1, #devicesdiv h1, #awardsdiv h1{
    font-size: 2.1875em;
    color: #ff4505;
    text-align: center;
    padding:20px;
    margin-bottom: 20px;
    font-family: 'montserratregular';
}

#benefits h1 {
    color: #fff;
    text-align: left;
    padding:70px 20px 20px 0;
}

.family-bundles{
     padding-bottom: 60px;
}

ul.fam-plans li {
    float:  left;
    list-style: none;
} 
ul.fam-plans li img {
    width:126px;
    height:133px;
    margin:20px;
}

ul.fam-plans-family li img {
    width:116px;
    height:133px;
    margin:10px;
}

.bundle-holder {
    padding: 20px;
    background: #fff;
    height: 453px;
    margin-bottom: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.bundle-holder h3 {
    text-align:center;
    font-family: 'montserratregular';
    color: #808080;
}

.family-footer {    
    text-align: center;
    height: 75px;
    background: #FF4505;
    position: relative;
    top: -30px;
    border-bottom-left-radius: 5px;
     -webkit-border-bottom-left-radius: 5px;
     -moz-border-bottom-left-radius: 5px;
     -moz-border-bottom-right-radius: 5px;
     -webkit-border-bottom-right-radius: 5px;
     border-bottom-right-radius: 5px;
}
.family-footer p {
    color: #fff;
    padding-top: 16px;
}
.family-footer span{
    font-weight: 700;
}
a.buy-sim-btn.learn-more-btn.content-link {
    padding:10px 40px;
}
.no-webp section.benefits-div  {
    background: url("../images/benefits-bg.jpg") no-repeat scroll center/cover  transparent;
    height: 750px;
   
}

.webp section.benefits-div  {
    background: url("../images/benefits-bg.webp") no-repeat scroll center/cover  transparent;
    height: 750px;
   
}
section.devices-div {
    /*background: url("../images/devicesnew-bg.jpg") no-repeat scroll center/cover  transparent;*/
    background-image: url("../images/devicesnew-bg.jpg");
   background-repeat: no-repeat;
    background-position: center;
    background-attachment: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#benefits li {
    list-style: none;
    margin-bottom: 20px;
}
#benefits li p, #benefits li strong  {
    color: #fff;
}

#benefits li p {
    font-size:14px;
}
#benefits li strong {
  font-size:16px;
  font-family:'montserratregular';
}
#benefits li.lockinben {
    background: url("../images/benefiticon1.jpg") no-repeat;
    padding-left: 40px;
}
#benefits li.familyben {
    background: url("../images/benefiticon2.jpg") no-repeat;
    padding-left: 40px;
}
#benefits li.controlben {
    background: url("../images/benefiticon3.jpg") no-repeat;
    padding-left: 40px;
}
#benefits li.freeben {
    background: url("../images/benefiticon4.jpg") no-repeat;
    padding-left: 40px;
}
#benefits li.worryben {
    background: url("../images/benefiticon5.jpg") no-repeat;
    padding-left: 40px;
}
#benefits li.timelyben {
    background: url("../images/benefiticon6.jpg") no-repeat;
    padding-left: 40px;
}
#devicesdiv .simnew {
    float: right;
}
#devicesdiv  .simdesc p  {
    font-size: 20px;
    margin-bottom: 20px;
    color: #666666;
}
#footer-bot li {
    padding:0;
}
#footer-bot ul.list-left {
    text-align:left;
    /*Changes 3/15/19*/
    margin-bottom: 10px!important;
}
footer span {
    margin:0;
}
ul.footer-socials {
    float: right;
}
.glyphicon-plus:before {
    color: #808080;
}
.wrapper {
    max-width: 1200px;
}
.wrapper.left-design {
    margin:0;
}
.wirelessBg .wrapper.left-design {
    margin:0 auto;
}
section#plans-tabs, section#control, section#buy-sim {
    display:block;
}
div#banner {
    position:   relative!important;
}
#plans-tabs h1, .family-bundles h1{
    margin-bottom: 0;
    padding: 30px 20px 20px 20px;
    font-size:32px;
}
.family-bundles h1 {
     padding: 20px 20px 35px 20px; 
}
#plans-tabs p {
    margin: 0 0 30px 0;
    color:  #666666;
}
section.banner_unli#banner_personalised, section.banner_dataonly#banner_personalised, section#page-banner {
    border-bottom: none;
}
#pricing {
    min-height: auto;
}
section#unlimited_div, section#howdositwork-div, section#devices_div {
    background: #fff;
}
section#whyyomojo, section#howdositwork-div {
    background: #F6F6F6;
}

.int_add {
    margin-top: 30px;
    max-width: 302px;
    margin-bottom: 20px;
}
.text-color {
    color: #666;
}
.page_title {
    color: #FF4505;
    font-size: 2em; 
    padding-bottom: 50px; 
    margin-top:45px;
    font-family: 'montserratregular';
    text-align:center;
}
.yombenefits {
    color: #666;
    margin-bottom: 30px;
}
ul.yombenefits li {
    list-style: none;
    margin-bottom: 30px;
}
ul.yombenefits li {
    padding-left:80px;
    min-height: 80px;
}
ul.yombenefits li.benefit1 {
    background: url("../images/ben1.png") no-repeat;
   
}
ul.yombenefits li.benefit2 {
    background: url("../images/ben2.png") no-repeat;
   
}
ul.yombenefits li.benefit3 {
    background: url("../images/ben3.png") no-repeat;

   
}
ul.yombenefits li.benefit4 {
    background: url("../images/ben4.png") no-repeat;
   
}
ul.yombenefits li.benefit5{
    background: url("../images/ben5.png") no-repeat;
   
}
ul.yombenefits li.benefit6 {
    background: url("../images/ben6.png") no-repeat;
}
.how-it-works {
    color: #656569;
}
.how-it-works div.started {
    padding-left:100px;
    min-height: 100px;
}
.how-it-works .started.choose{
     background: url("../images/howitworks1.png") no-repeat;
}
.how-it-works .started.order_div {
     background: url("../images/howitworks2.png") no-repeat;
}
.how-it-works .started.active_div {
     background: url("../images/howitworks3.png") no-repeat;
}
.greyed {
            background-color: #fff;
            max-width: 150px;
            border: 1px solid #F6F6F6;
            -webkit-border-radius: 28px;
            -moz-border-radius: 28px;
            -ms-border-radius: 28px;
            -o-border-radius: 28px;
            border-radius: 28px;
            padding: 5px 0;
            color: #656569;
}
.greyed.greyed_left {
    max-width: 163px;
}
.greyed_left {
     float: right;
}

.started strong, #whyyomojo strong, section.plans h1, #coverage-banner h1,section#banner_activate h1
 {
    font-family:"Montserrat";
    font-weight: 700!important;
}
section#banner_activate h1 {
    font-weight: 400!important;
}
section#banner_activate {
    border-bottom: none!important;
}
section#mbb_div, section#mbb_devices {
    background: #fff;
}

#mbb_div .price-change a {
    display: block;
    text-align: center;
}
#mbb_devices a.content-link, .family a.content-link, section#howdositwork-div a.content-link  {
    font-size: 1.36688em;
    color: #fff;
    padding: 15px 60px;
    display: inline-block;
    height: 60px;
    margin: 15px 0;
    background-color: #ff4505;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
}

#mbb_devices a.buy-sim-btn.content-link, .family a.buy-sim-btn.content-link {
    display: block;
    margin: 5px auto;
    text-align: center;
    width: 400px;
    position: relative;
    top: 20px;
    width: 213px;
}
section#howdositwork-div a.content-link {
    display: block;
    margin: 15px auto;
    text-align: center;
    width: 400px;
    position: relative;
    top: 20px;
    width: 235px!important;
}

#mbb_div .price-change .box-wrap {
    width: 100%;
}
.family .background-white {
    background: none;
    padding:0;
}
.background-white {
    padding:none;
}
section.content, .description-content strong, section#product_page {
    background: #fff;
}

section#product_page  {
    padding-top: 50px;
    padding-bottom: 50px;
}
#family-ben section.content, #family-ben .description-content strong {
    font-family: 'Montserrat';
}
.devices p, .devices strong {
    color:#666;
}


.outdatatext {
    margin-top: 10px;
    margin-bottom: 20px;
}

.outdataicons {
   justify-content: space-around;
   flex: 0 0 70px; 
   float: left;
}

#mbb_devices .page_title {
    margin-top: 30px;
}
section .page_title.outdata  {
    color: #666;
    padding-bottom: 0;
}
.mobile-bundle {
    max-width: 367px;
}
section#howdositwork-div .page_title.outdata {
    margin-top: 50px;
}
.family-savings, .family-slider .fam-discount-perc, .ui-slider-label, .indicator-label,
section#page-banner .banner-text h1, #banner-contact-us h1 {
    font-family: 'Montserrat';
}
p.savings-text {
    color:#ff4505;
}
section#family .background-white h1{
    margin-top: 20px;
}
.family .background-white {
    padding:10px 10px 35px 10px;
}

.desc-serv {
    margin-top: 20px;
}
.family .devices .page_title {
    padding-bottom: 0;
}
.new-menu-logo {
    background-color: #FF4505;
    width: 100%;
}   
.new-menu-logo img, .sidr-class-mobile-logo img {
   /* max-width: 124px;*/
   /* max-width: 250px;*/
   /* max-width: 203px;*/
    max-width: 199px;
    width: 100%;
    /*height: 60px;*/
    /*height: 119px;*/
    /*height: 79px;*/
    height: 80px;
    margin:0 0;
    position: relative;
    top: 7px;
   /* left: -35px;*/
}
.new-menu-logo img.familyeye_logo {
    top: -3px;
}
.outagecontainer {
    height: auto!important;  
}
.outagemessage {
    padding-top: 10px!important;
}
#mbb_devices img.optus-powered {
    margin-top: 0;
    margin-bottom: 10px;
}
#mbb_div .page_title{
    padding-bottom: 20px;
}

body#head-login {
    right: inherit!important;
    position: inherit !important;
}

#privacy-policy ol li ol li a, #cis ol li ol li a, #terms ol li ol li a,
#privacy-policy p, #cis p, #terms p,#privacy-policy ol li ol li, #cis ol li ol li, #terms ol li ol li {
    color: #666;
}

#product_sel {
    border:none;
    color: #FF4505;
    font-size:35px;
    font-family: 'Montserrat';
    font-weight: 700;
    height:67px;
    padding-left: 0;
    width: 100%;

}
.box-desc-prod {
    padding:30px 10px 10px 10px;
    margin-bottom: 30px;
}

.box-desc-prod.unli_box_prod.four_g.promo_fifty {
    padding:0;
}
.box-desc-prod.unli_box_prod.four_g.promo_fifty h1{
    font-size: 30px;
    background: #E1054F;
    color: #fff;
    text-align: center;
    padding:3px;
    box-sizing: content-box;
}
.check-list {
    max-width: 175px;
    margin: 0 auto;
}
.box-desc-prod ul li {
    list-style: none;
    color: #474747;
    font-size: 14px;
    margin-bottom: 10px;
}
.box-desc-prod p.price-prod {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 35px;

}
.box-desc-prod .pricewrap {
    border-bottom: 1px solid #C8C8C8;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 90%;
    margin: 10px auto;
}
#product_page .form-control {
    box-shadow: none;
}
#product_page h3 {
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: 700;
    color: #474747;
}
.box-desc-prod a.four-g {
    text-align: center;
    display: block;
    background: #E1054F;
    width: 75%;
    margin: 10px auto;
    padding: 10px 15px;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.box-desc-prod a.three-g {
    text-align: center;
    display: block;
    background: #F8901F;
    width: 50%;
    margin: 10px auto;
    padding: 10px 15px;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.box-desc-prod span.glyphicon.glyphicon-ok {
    color: #FF4505;
}
.box-desc-prod p {
     text-align: center;
}
.box-desc-prod p.renew-pro{
    font-weight: bold;
    font-family: 'Montserrat';
}
.box-desc-prod.unli_box_prod.four_g p.price-prod,
.box-desc-prod.mbb_box_prod p.price-prod {
    color: #E1054F;
   
}
.box-desc-prod.unli_box_prod.four_g.promo_fifty p.price-prod {
    color: #F8901F;
    margin-top: 10px;
}
.box-desc-prod.unli_box_prod.four_g.promo_fifty img {
    width:90%;
    margin-bottom: 20px;
}
.box-desc-prod.unli_box_prod.three_g p.price-prod,
.box-desc-prod.mbb_box_prod p.price-prod {
    color: #F8901F;
}

.box-desc-prod.unli_box_prod.four_g, .box-desc-prod.mbb_box_prod {
    border:1px solid #E1054F;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    max-width: 250px;
    margin:0 auto;
}

.box-desc-prod.mbb_box_prod.three_g {
    border:1px solid #F8901F;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.sel_desc {
    padding-left: 50px;
}
.sel_desc.unli-icon {
    background: url("../images/unli-icon.jpg")  0 0% no-repeat;
}
.sel_desc.data-icon {
    background: url("../images/data-icon.jpg")  0 0% no-repeat;
}
.sel_desc.renew-icon {
    background: url("../images/renew-icon.jpg")  0 0% no-repeat;
}
.sel_desc.keepnum-icon {
    background: url("../images/keep-icon.jpg")  0 0% no-repeat;
}
.sel_desc.lock-icon {
    background: url("../images/lock-icon.jpg")  0 0% no-repeat;
}
.sel_desc.free-icon {
    background: url("../images/free-icon.jpg")  0 0% no-repeat;
}
.box-desc-prod .pricewrap.pricewrap_btm {
    border-bottom: none;
    padding-bottom: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
h1.prod_title {
    font-family: 'Montserrat';
    font-weight: 700;
    color: #FF4505;
    margin-bottom: 40px;
}
section#howdositwork-div.family{
    background: #fff;
}
.family .greyed {
    background: #F6F6F6;
}

#product_page .disc {
    margin-bottom: 20px;
}

#myModalTerms .modal-header button.close{
    background: transparent url(../img/refresh/images/modal.close.small.svg) no-repeat scroll right center!important;
     width: 57px;
    height: 57px;
    right: -11px !important;
    top: -9px !important;
    position: absolute;
    z-index: 999;
    opacity: 1;

}
#myModalTerms .modal-dialog {
    position: relative;
    margin: 30px auto 90px;
    
}
#myModalTerms li {
    font-size: 0.9em;
}
#privacy-policy ol li ol li, #cis ol li ol li, #terms ol li ol li, #terms ul {
    margin:0;
}
#myModalTerms ol li ol li {
    padding-left: 20px;
}
#myModalTerms .modal-body {
        max-height: 600px;
    overflow-y: auto;
}
#myModalTerms .btn {
    color: #474747;
}

#myModalTerms .background-white {
    margin:0;
    padding:0;
}
#myModalTerms  #terms ul li {
    padding:0;
}
#myModalTerms ol li {
    margin:0;
}
.testimonial {
    margin-left: 2%;
}
.testimonial p {
     background: url("../images/quotes.jpg") left no-repeat;
    float:left;
    padding-left: 50px;
    text-align: left;
    color: #7b7b7b;
    background-size: 23px;
}

#carouselTestimonial {
    margin-top: 50px;
     margin-bottom: 50px;
     min-height: 130px;
}
.carousel-control.left, .carousel-control.right {
    background: none;
}
.carousel-inner {
    width: 80%;
    margin: 0 auto;
}
.homepageBanner .carousel-inner {
    width: 100%;
    margin: 0 auto;
}
.homepageBanner .carousel-control {
    width  :5%;
    top:20%!important;
}
.glyphicon-chevron-left:before, .glyphicon-chevron-right:before {
    color: #bebebe;
    text-shadow: none;
}
.homepageBanner .glyphicon-chevron-left:before, .homepageBanner .glyphicon-chevron-right:before {
    color: #FF4505;
    font-size: 25px;
}
#banner-contact-us h1 {
    color:#FF4505!important;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background: #FF4505;
  height:45px;
  z-index:10001;

}
.sticky .header-second ul.second-menu {
    top:12px;
}
.new-menu-logo .sticky img {
    /*width: 80px!important;
    height: 29px!important;*/
    /*display: none;*/
    display: block;
    position: absolute;
    top: -22px; 
    width: 117px;

}

.new-menu-logo .sticky img.familyeye_logo {
    top: -27px;
} 
.new-menu-logo .sticky a.logo-link {
    /*background: url("../img/yomojo-logo-sticky.png") no-repeat transparent;*/
    background: url("../img/Yomojo_Logo_White.svg") no-repeat transparent;
    width: 126px!important;
    height: 29px!important;
    text-align: left;
    position: absolute;
    top: 7px; 
}

.sticky + .plans {
  padding-top: 40px;
}
.header-second .new-menu ul li a.login-link,
.header-second .new-menu ul li a.activate-link
 {
    display: none;
}
.sticky .header-second .new-menu ul li a.login-link,
.sticky .header-second .new-menu ul li a.activate-link
 {
    display: block;
}
.sticky a#sidr-menu {
    margin: 0 0 0;
}
li.login-list {
    line-height: 21px;
}
#faq .main-category, .search-result-title {
    z-index:0;
}
.carousel-control {
    top: -31px!important;
}
img.prod-review.google_my_business {
    width:85px;
    height: 65px;
}
img.prod-review.product_review {
    width:157px;
    height: 63px;
}
.vertical-align {
    display: flex;
    align-items: center;
}
#plans-tabs .testimonial p {
    margin:0;
    font-size:1em;
    color:#7b7b7b;
}
img.stars-image {
    width: 18px;
    height: 16px;
}
.ratings {
   float: right;
}
.stars {
    width: 120px;
    float:left;
}
.source-info{
    width:auto;
    float:left;
    line-height: 27px;
    color:#000;
    font-weight:500;
}
.promo_notes_div {
    max-width: 250px;
    margin:0 auto;
    margin-top: 20px;
}
p.promo_notes {
    font-size: 14px;
}
section#testimonial-sec {
    background: #fff;
    /*border-bottom: 1px solid #F6F6F6;*/
    min-height: 169px;
}
section#testimonial-sec.prod_page {
    min-height: 169px;
}
#plans-tabs {
    padding: 25px 0 20px!important;
}
.competition {
    width: 54%;
    margin: 50px auto;
}
.competition p {
    line-height: 20px;
}
.competition {
    font-size: 13px;
}
.competition .signup-fe {
    background: #FA4C07;
    color: #fff;
    margin-top: 50px;
    padding: 15px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    font-weight: 700;
    font-family: 'montserratregular';
    font-size: 13px;
}
.competition .margin-bottom {
    margin-bottom: 10px;
}
img.mobile-price-promo {
        max-width: 133px;
        margin-top: 10px;
}

.header-second .new-menu ul li.support a{        
        background:url("../img/ICN_DP_arrow.svg")  no-repeat 88% 50%;
        padding-right:36px;
}

.header-second .new-menu ul li.support.support-family a{        
        background:url("../img/ICN_DP_arrow.svg")  no-repeat 100% 50%;
        padding-right: 22px;
        display: inherit;
     }
.header-second .new-menu ul li.support.support-family.loginfix a{        
    background:url("../img/ICN_DP_arrow.svg")  no-repeat 100% 50%;
    padding-right: 13px;
    display: inherit;
}
.header-second .new-menu ul li.support.support-broadband a{        
        background:url("../img/ICN_DP_arrow.svg")  no-repeat 100% 50%;
        padding-right: 22px;
        display: inherit;
}
p.list_title {
    font-weight: 700;
}        
.blog .header-second .new-menu ul li.support.support-family > a{
        
        background:url("../img/ICN_DP_arrow.svg")  no-repeat 100% 50%;
        padding-right: 14px;
        display: inherit;
}
.blog .header-second .new-menu ul li.support.support-family.broadband > a { 
    padding-right: 23px!important;
}

img.homefambund {
    max-width: 400px;
    height: auto;
}

ul.famdiscount {
    width:  640px;
    margin:0 auto;
    padding-bottom: 40px;
    padding-top: 20px;
}

ul.famdiscount li {
    width:  105px;
    float:  left;  
    list-style:none;
    font-weight: 700;
    font-size: 18px;
    margin-left: 20px;
    
} 
ul.famdiscount span {
    background: transparent url("../images/familybundle/ICN_SIM.svg")  no-repeat ;
    display: block;
    width:  150px;
    padding-left:33px;
} 

.create-bundle-link {
    color: #fff;
    background:#FF4505; 
    padding: 10px 25px;
    margin-top: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: 400; 
    font-family: "Montserrat";
    font-size: 20px;

}
.cov-note {
    font-size: 11px;
}
/* for IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .header-second .new-menu ul li.support > a{        
        background:url("../img/ICN_DP_arrow_modified.svg")  no-repeat 80px!important;
        /*content: "\9660";*/
        padding-right:22px;
        height: auto;
        width:100%;
        display: block;
     }
    .header-second .new-menu ul li.support.support-family > a{
        background:url("../img/ICN_DP_arrow_modified.svg")  no-repeat 136px!important;
        padding-right: 22px;
        height: auto;
        width:100%;
        display: block;
     }
     .header-second .new-menu ul li.support-broadband > a{
        background:url("../img/ICN_DP_arrow_modified.svg")  no-repeat 110px!important;
        padding-right: 22px;
        height: auto;
        width:100%;
        display: block;
     }
     .home-index .center-design .banner-text-wrap p.sec-line,
     .home-index .center-design .banner-text-wrap h1 {
        background:transparent!important;
     }
     .home-index  .banner-text-wrap p.sec-line,
     .home-index  .banner-text-wrap h1 
     {
         background:transparent!important;
     }
     .home-index  .banner-text-wrap h1  {
        color: #EF3F39!important;
     }
     .home-index .center-design .banner-text-wrap p.sec-line {
        color: #FA4C07!important;
     }

     .home-index span.sec-line{
        color: #515151!important;
        
     }
}

#awardsdiv h1 {
    color: #FF4505;
    margin-top: 30px;
    margin-bottom: 30px;
    font-family: 'montserratregular';
}
#awardsdiv {
    margin-bottom: 30px;
    margin-top: 30px;
}

.award.img-responsive {
   /* max-width: 285px;*/
   /* width: 245px;*/
    width: 235px;
}
.award.homefambund.homefambund2.img-responsive {
    margin:0 auto;
}

.award-wrap  {
   /* border: 1px solid red;*/

}
img.award.homefambund {
        margin: 0 auto;
         /*border: 1px solid green;*/
         float: none;
         /* width: 201px; */
           width: 185px;
}
li.planlist {
    float: left;
    width:  170px;
    border: 1px solid #E8E8E8;
    list-style-type: none;
    font-family: 'montserratregular';
    padding:20px;
    position: relative;
    /*background:#fff url("../images/familybundle/AddSIM.svg") no-repeat center;*/
    height: 140px;
    background-size: 120px;
} 

.mobile-bundle li.planlist{
   /* padding:20px 10px;*/
    padding:10px 10px;
}
.mobile-bundle li.planlist { 
    width: calc( 50% )!important; 
}
li.planlist.with-value {
    /*background:#fff url("../images/familybundle/AddSIM.svg") no-repeat center;*/
    background:#fff url("../images/familybundle/AddSIM_inactive.svg") no-repeat center;
     background-size: 120px;
}
li.planlist.active.with-value {
    background:none;
}
li.planlist.no-value {
    background:#fff url("../images/familybundle/AddSIM_inactive.svg") no-repeat center;
     background-size: 120px;
}
li.planlist.no-value.click_add_sim {
    /*background:#fff url("../images/familybundle/AddSIM.svg") no-repeat center;*/
    background-size: 120px; 
} 
li.planlist.no-value ul {

}
li.planlist ul li {
    height: auto;
}
.savings-disc {
    position: absolute;
    bottom:20px; 
    left: 29px;
}
p.sim-count {
    color: #4A4A4A;
    font-size: 0.85em;
}
/*li.planlist select {
    background:url("../images/familybundle/ICN_DP_arrow_line_pink.svg") no-repeat 100% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    appearance: none;
    outline-width: 0;
    
    padding: 10px 10px 10px 5px;
    display: block;
    width: 12em;
    border: none;
    font-size: 1rem;
}*/
li.planlist {
    height: 138px;
}

.mobile-bundle li.planlist {
    height: 127px;
}
li.planlist.first {
     border-top-left-radius: 50%;
     border-bottom-left-radius: 50%;
     background: none;
}
.mobile-bundle li.planlist.first {
    border-top-left-radius: 35%;
}  

.mobile-bundle li.planlist.fifth {
    border-bottom-left-radius: 35%;
} 
.mobile-bundle li.planlist.last {
    border-bottom-right-radius: 35%;
} 
li.planlist.last {
     border-top-right-radius: 50%; 
     border-bottom-right-radius: 50%; 
}
h2.family-text.text-center {
    padding-bottom: 30px;
    font-size: 20px;
    font-family: "Montserrat";
}
.create-bundle-link:hover {
    color: #fff;
}
ul.list-of-plan {
    border: 1px solid #E4004D;
}
ul.list-of-plan li {
    list-style: none;
    border-bottom: 1px solid #EEEEEE;
    padding:5px 0 5px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding:20px;
    position: relative;
    text-align: center;
}

.bundle-ulist {
    max-width: 1035px;
    margin:0 auto;
}

span.big-savings {
   /* background:url("../images/familybundle/Amount_Circle.svg") no-repeat center center;*/
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    appearance: none;
    outline-width: 0;
    border: none;
    font-size: 35px;
    font-weight: 600;
    color: #FF4505;
    width: 265px;
    position: relative;
    top: 4px;
    text-align: left;
    color: #696969;
}

.yearly-save span.big-savings  {
    color: #FF931E;
}
.desktop-view.bundle-ulist {
    margin-bottom: 30px;
    display: flex;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: center; /* Safari 6.1+ */
    align-items: stretch; /* Default */
    justify-content: center;
}
.desktop-view.bundle-ulist {
    flex: 0 1 auto; /* Default */
}
span.non-disc-price {
    background:url("../images/familybundle/ICN_crossOut.svg") no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    appearance: none;
    outline-width: 0;
    padding: 0;
    display: inline-block;
    border: none;
    font-size: 15px;
    font-weight: 400;
    color: #696969;
}
span.new-price {
    font-size: 15px;
    font-weight: 600;
    color: #FF931E;
}
.bundle-ulist li {
   display: block;
}

.bundle-ulist li:hover {
  cursor: pointer;
}
section#newfamilybundles {
    background: #fff;
}
ul.bundle-ulist li ul {
    background: #fff;
    display: none;
    position: absolute;
    color: #FF4505;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding:5px;
    z-index: 1;
    top: 106px;
    width: 180px; 
}


p.active-alloc:hover {
      visibility: visible;
      opacity: 1;
      display: block;
      z-index: 1;
} 
ul.bundle-ulist li ul li {
    display: block;
    padding: 10px 10px;
    width: 100%;
    font-weight: 700;

}

span.price-list {
    position: relative;
    right: -17px;
}
ul.bundle-ulist li ul li:hover {
    background:#E4004D;
    border-radius:6px;
    padding: 10px 10px;
    color: #fff;
}
ul.bundle-ulist li ul li.last {
    border-bottom: none;
}
ul.bundle-ulist li ul li:hover span {
    color: #fff;
}
span.network.g4-net, span.network.g3-net {
    font-size: 10px;
    color: #E4004D;
    text-align:left;
    font-weight: 700;
    position: absolute;
    left:2px;
    top: 10px;
}
span.network.g3-net {
    color: #FF4505;
}
span.data-alloc {
    font-size: 25px;
    position: relative;
    left: 10px;
    text-align: left;
}
.g4-net span.data-alloc  {
    color: #E4004D;
}
.g4-net span.price-list,.g3-net span.price-list  {
    color:#4A4A4A; 
    font-size: 20px;
}
.g3-net span.data-alloc {
    color: #FF4505;
}
span.dollar {
    font-size: 10px;
    position: relative;
    top: -2px;
}
p.active-alloc {
    color: #E4004D;
    font-weight: 700;
    font-size: 30px;
}
p.active-alloc.g3-net {
    color:#FF9715; 
}
img.down-arrow {
    width: 20px;
}
a.save-now  {
    background: #FF4505;
    color: #fff;
    padding:10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 24px;
    font-family: 'Montserrat';
    cursor: pointer;
    display: inline-block;
    width: 185px;
    letter-spacing: 0.01px;
    font-weight: 700;
}
.mobile-bundle span.save-now a {
    margin-left: 0;
}
.you-save .text-div p {
    font-size: 20px;
    color: #848485;
}
.background-white .you-save.text-div p {
    font-size: 25px;
}
.highlight-disc {
    position: relative;
}
.you-login  {
    margin-top: 10px;
    margin-bottom: 10px;
}
.login-link {
    font-size: 17px;
}
.login-link:visited, .notes-orange {
    color: #FF4505!important;
}

.highlight-disc p {
    font-size: 20px;
    font-family: 'montserratregular';
    color: #848485;
    font-weight: 400;
}
p.clear-bundle a {
    font-size: 12px;
    border-bottom: 5px dotted #DEDEDF;
    text-decoration: none;
    width: 95px;
    margin-bottom: 20px;
    padding:0 0 0 0;
    position:absolute;
    right: 90px;
    top:32px;
    font-family: 'montserratregular';
    color: #858586;
    display: none;
}

.tablet-view-div p.clear-bundle a {
    position: relative;
    top: auto;
    right:auto;
}

.text-discount {
    color: #FF931E;
    font-size:50px;
    font-family: 'montserratregular';
    font-weight: 700;
}

li.planlist.no-value ul {
    display: none!important;
}
li.planlist.no-value span.new-price-disc {
    color: #CBCBCB;
}
.desktop-view li.planlist.no-value span.new-price-disc {
    color: #CBCBCB;
    font-size: 25px;
     top: 7px;
    position: relative;
}
.desktop-view li.planlist.with-value span.new-price-disc {
    font-size: 25px;
    top: 7px;
    position: relative;
}
span.new-price-disc {
    color: #FF931E; 
    font-weight: 700;
}
.wireless .plan-box::before {
    content: "Home Wireless Broadband";
    background: #E4004D;
    color: #fff;
    width: 100%;
    display: block;
    padding: 14px;
    position: relative;
    font-weight: 600;
    top: 0;
    font-family: 'Montserrat';
    -webkit-border-top-left-radius: 16px;
    -moz-border-top-left-radius: 16px;
    border-top-left-radius: 16px;
    -webkit-border-top-right-radius: 16px;
    -moz-border-top-right-radius: 16px;
    border-top-right-radius: 16px;
}
.sub_title {
    font-family: 'Montserrat';
    padding:10px;
}
p.how-title {
    padding:0;
}
#buy-sim-div .wireless-howto li.how-first {
    background: url(../images/wireless/icn_Location.svg)no-repeat !important;
    list-style: none;
}
#buy-sim-div .wireless-howto li.how-second {
    background: url(../images/wireless/icn_SignUp.svg)no-repeat !important;
    list-style: none;
}
#buy-sim-div .wireless-howto li.how-third {
    background: url(../images/wireless/icn_Delivery.svg)no-repeat !important;
    list-style: none;
}
#buy-sim-div .wireless-howto li.how-fourth {
    background: url(../images/wireless/icn_Connect.svg)no-repeat !important;
    list-style: none; 
}
span.save {
    font-size: 10px;
    position: relative;
    top: -4px;
}
.you-save {
    font-family: "Montserrat";
}
li.no-value .sim-count {
    color: #CBCBCB;
}
.bundle-ulist .text-div p {
    font-size: 20px;
}
.home-index h1.home-title {
    font-family: "Montserrat";
    padding:0;
    color: #FF4505!important; 
}
span.removeAlloc {
    float: right;
}

.create-bundle-div {
    margin-top: 30px;
}
.text-div.you-save.monthly-save {
    width: 182px; 
    float: left;
    border-right: 1px solid #E8E8E8;
    padding-right: 21px;
    margin-bottom: 20px;
}
.text-div.you-save.yearly-save {
    width: 170px;
    float: right;
    margin-bottom: 20px;
}

.savings-div { 
    max-width: 366px; 
    margin: 0 auto;
}
.background-white .you-save.text-div p.renew {
    font-size: 18px;
}
.save-text {
    display: block;
}
.monthly-save span.non-disc-price{
    text-align: right;
    display: block;
   /* background: url(../images/familybundle/ICN_crossOut.svg) no-repeat right;*/
   background: none;
   color: #848484;
   font-weight: 600;
}
.save-text {
   color: #848484;
   font-weight: 600;
   font-size: 15px;
}
.clear-value {
    float: right;
}
#newfamilybundles p {
    font-family: "Montserrat";
}

.wireless li.benefits.first {
   
    background: url(../images/ben1.png)no-repeat!important;
    list-style: none;
}
.wireless li.benefits.second {
    background: url(../images/ben2.png)no-repeat!important;
    list-style: none;
}
.wireless li.benefits.fourth {
    background: url(../images/ben4.png)no-repeat!important;
    list-style: none;
}
.wireless li.benefits.fifth {
    background: url(../images/ben5.png)no-repeat!important;
    list-style: none;
}
.wireless li.benefits p.list_content {
    font:16px "Open Sans", sans-serif !important;
}

.home-index .learn-a {
    position: relative;
    top: 156px;
}

.img-wrap {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding:20px;
    /*height: 380px;*/
    height: 330px;
    font-family: "Montserrat";
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
}
.img-wrap.mobile-div {
    background: #d9004a;
    background: -moz-linear-gradient(top, #d9004a 1%, #e71c63 50%, #f23477 100%);
    background: -webkit-linear-gradient(top, #d9004a 1%,#e71c63 50%,#f23477 100%);
    background: linear-gradient(to bottom, #d9004a 1%,#e71c63 50%,#f23477 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9004a', endColorstr='#f23477',GradientType=0 );
    
}
.img-wrap.mbb-div {
    background: #f44700;
    background: -moz-linear-gradient(top, #f44700 1%, #f56f00 50%, #f69200 100%);
    background: -webkit-linear-gradient(top, #f44700 1%,#f56f00 50%,#f69200 100%);
    background: linear-gradient(to bottom, #f44700 1%,#f56f00 50%,#f69200 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f44700', endColorstr='#f69200',GradientType=0 );
}
.img-wrap.wireless-div {
    background: #f69200;
    background: -moz-linear-gradient(top, #f69200 0%, #f7ab00 50%, #f9bf00 100%);
    background: -webkit-linear-gradient(top, #f69200 0%,#f7ab00 50%,#f9bf00 100%);
    background: linear-gradient(to bottom, #f69200 0%,#f7ab00 50%,#f9bf00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f69200', endColorstr='#f9bf00',GradientType=0 );
}
.img-wrap.fameye-div {
    background: #d90049;
    background: -moz-linear-gradient(top, #d90049 1%, #f58f00 100%);
    background: -webkit-linear-gradient(top, #d90049 1%,#f58f00 100%);
    background: linear-gradient(to bottom, #d90049 1%,#f58f00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d90049', endColorstr='#f58f00',GradientType=0 );
}

#plans-tabs p.plan-title, #plans-tabs p.plan-desc {
    color: #fff;
}
#plans-tabs p.plan-title, #plans-tabs p.plan-desc {
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    margin-top: 5px;
}
.img-wrap img {
    height: 114px;
}
#plans-tabs p.plan-desc {
    margin: 0 0 0 0;
}
#plans-tabs p.plan-desc.mini {
    font-size: 14px;
    font-weight: 400;
    margin-top: -27px;
}
#plans-tabs p.plan-button {
    background: #fff;
    padding: 5px 15px;
    width: 150px;
    margin:0 auto;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
    font-weight: 700;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    font-size: 18px;
}
p.plan-desc {
    padding: 20px 9px;
}
#plans-tabs .mobile-div p.plan-button {
     color: #D9004A;
}
#plans-tabs .mbb-div p.plan-button {
    color: #F44900;
}
#plans-tabs .wireless-div p.plan-button {
    color: #F69200;
}
#plans-tabs .fameye-div p.plan-button {
    color: #F44300;
}
.wrapper.flex {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.col-award {
    flex: 1 0 5%; /* The important bit. This percentage decides your columns. 
    The percent can be px. It just represents your minimum starting width.
    */
    margin: 5px;
    /*background: tomato;*/
    /*height: 50px;*/
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
   
}

.family .hide320 {
        display: none;
}

.portrait-visible {
    display: none;
}

.no-webp section.banner_dataonly#banner_personalised.about-us {
    /*background: #fff url("../img/OurStoryBG.jpg") top right no-repeat!important;*/
    background: #fff url("../img/OurStoryBG.png") top right no-repeat!important;
   /* background-size: 100%!important;*/
   
}

.webp section.banner_dataonly#banner_personalised.about-us {
    background: #fff url("../img/OurStoryBG.webp") top right no-repeat!important;   
}
section#monitor-track {
         background: #fff url("../img/greyBG.jpg") repeat-x;
    }


    .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2.install {   
        font-family: "Montserrat";
        background: linear-gradient(right,  #FF931E, #E4004D );
        background: -webkit-linear-gradient(right, #FF931E, #E4004D );
        background: -moz-linear-gradient(right, #FF931E, #E4004D );       
        background: -o-linear-gradient(right, #FF931E, #E4004D );
        background-image: linear-gradient(right, #FF931E, #E4004D );
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4004D', endColorstr='#FF931E',GradientType=1 );*/
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 45px;
        letter-spacing: -3px;
        padding-right:10px;
        /* padding-top: 10px; */
          padding-top: 0; 
          font-weight: 500;
          letter-spacing: 0.00085em;

    }

.homepageBanner .carousel-indicators .active {
    background-color: #FF4505;
    border: none;
    width: 20px!important;
    height: 3px!important;
}
.homepageBanner .carousel-indicators li {
    background-color: #FFF;
    width: 20px!important;
    height: 3px!important;
    margin:0;
}
/* body section#faq {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
} */
/* for IE*/
/*.header-second .new-menu ul li.support a*/
/*override from home.css*/
@media (max-width: 768px) and (min-width: 50px) {
    div#banner {
        top: 120px;
    }
    header#homepage {
        position: absolute!important;
    }
    #banner-contact-us {
        height: 172px!important;
    }
    .stars {
        padding-top: 20px;
        margin:0 auto;
        float: none;
    }
    section#plans-tabs {
        /* padding-top: 15%!important; */
        padding-top: 5%!important;
    }
    .award.img-responsive {
        max-width: 163px;
    }
    section#who-we-are {
        margin-top: 25px!important;
    }
}
/*==========  Non-Mobile First Method  ==========*/


@media only screen and (min-width : 1366px) and (max-width : 1439px){
    section#page-banner.family {
        height:360px!important;
        min-height: 360px!important;
    }
    .outagecontainer {
        top: 0;
    }
    #myModalTerms .modal-dialog {
        width: 50%;
    }
    #plans-tabs p.plan-title {
        margin: 0 0 10px 0;
        height: 45px;
        font-size: 24px;
        line-height: 24px;
    }
    #plans-tabs p.plan-title.mobilepl {
        margin: 0 0 15px 0;
        line-height: 45px;
        font-size: 24px;
    }
    #plans-tabs p.plan-title.famtitle {
        margin: 0 0 15px 0;
        line-height: 45px;
        font-size: 24px;
    }
    div#banner {
        min-height: 380px;
    }

    .home-index .banner-text-wrap .banner-text {
        min-height: 220px!important;
        height: 220px!important;
    }
    #kids .inner-dv .indiv_wrap {
        margin-top: 41px!important;
        padding-left: 72px;
    }
     section#protect .benefits-wrap, section#empower .benefits-wrap {
        margin-top: 50px;
    }
    section#kids {
        height: 407px;
    }
    section#yomojo-box div.box-holder .column1 {
        padding:69px!important;
    }
    section.banner_dataonly#banner_personalised.about-us {
        height: 550px;
        min-height: 550px;
    }
    
}

@media only screen and (min-width : 1441px) { 
    .competition {
        width: 54%;
        margin: -116px auto;
    }
    section#protect .benefits-wrap, section#empower .benefits-wrap {
        margin-top: 132px!important;
    }
    #track .benefits-wrap {
        padding-top: 38px;
    }
    #monitor .benefits-wrap {
        padding-top: 74px;
    }
}




@media only screen and (min-width : 1201px) {
       
        .bundle-holder {
           height: 472px;
        }  
        #benefits h1, #devicesdiv h1 {
            padding:70px 20px 20px 0!important;
        }
        
        ul.fam-plans {
            position: relative;
            width: 565px;
            display: block;
            height: auto;
            margin: 0 auto;
        }
        section#page-banner .banner-text h1 {
            font-size: 30px; 
        }
        section#page-banner .banner-text p {
            font-size: 20px;
        }
        
         #devicesdiv img.simnew {
            max-width: 282px;
            height: 178px;
            margin-top: 0;
       }
       
           section.devices-div {
                height: 420px;
                min-height: 420px;
           }
        .nocontract {
            padding-top: 60px;
            
        }
        #buy-sim-div p {
            text-align: left;
        }
        section#devices_div {
            height: 475px;
        }
         section#howdositwork-div {
            height: 580px;
         }
         section#howdositwork-div.familyprodapp {
            height: 320px;
         }
        #buy-sim-div h1 {
            padding-bottom: 0;
        }
       
        #footer-bot ul.footer-socials {
            text-align: right;
        }
        .how-it-works div.started {
            height: 110px;
        }
       
        .left_data, .right_data {
            margin-bottom: 20px;
            width: 150px;
        }
        .outdata {
            color: #666;
            font-size: 20px;
            padding-bottom: 20px;
        }
        .greyed .left_data  {
            float: right;
        }
        section#mbb_devices {
            height: 420px;
        }
        #mbb_devices .devices .page_title {
            padding-bottom: 20px;
        }
         p.text-center.services_descs {
            margin-top: 25px;
           }

         img.mobile-bundle.responsive {
            max-width: 561px;
        }  
        img.phone-family {
            max-width: 303px;
            float: right;
        }
        span.outdataamount {
        line-height: 23px;
        }
        .button-desktop {
            position: relative;
            left: 44px;
            top: 30px;
        }
        .family .devices .page_title {
            margin-top: 10px;
            padding-bottom:10px;
        }
        section#page-banner.family {
            /*height:350px!important;
            min-height: 350px!important;*/
            height:450px!important;
            min-height: 450px!important;
        }
        div#banner {
            /*min-height: 452px!important;
            height: 452px!important;*/
           /* min-height: 551px!important;
            height: 551px!important;*/
           /* min-height: 350px!important;
            height: 350px!important;*/
            /*min-height: 550px;
            height: 550px;*/
        }
        #banner .banner-text-wrap {
           /* height: 400px;
            min-height: 400px;*/
            height: 600px;
            min-height: 600px;
        }
        section.plans h1 {
            font-size: 30px;
            font-weight: 700!important;
        }

        section.plans p {
            font-size: 20px;
        }
        .simdesc {
            width: 85%;
        }
        .outagecontainer {
            top: 0;
            /* z-index: -5; */
            z-index: 5; 
        }
        #myModalTerms .modal-dialog {
            width: 50%;
        }

         #carouselTestimonial {
            margin-bottom: 0;
        }

       /* img.homefambund.homefambund1{
            float:right;
        }*/
        /*img.homefambund.homefambund3{
            float:left;
        }*/
         #awardsdiv h1 {
            padding: 60px 20px 0 20px;
        }
        .savings-disc.active {
            left:23%;
        }
        img.plan-img {
            width: 75%;
            margin-top: 65px;
            margin-bottom: 35px;
        }
        #banner .banner-text-wrap {
            /*height: 596px;
            min-height: 596px;*/
            /*height: 400px;
            min-height: 400px;*/
            /*height: 350px;
            min-height: 350px;*/
            height: 300px;
            min-height: 300px;
            /*margin-top: 20px;*/
            /* margin-top: 77px; */
            margin-top: 10px;
        }
        #banner.home-index.left-side .banner-text-wrap {
            margin-top: 0;
        }
        /*img.text-center.homefambund.homefambund2 {
            float: right;
        }*/
        /*img.homefambund.homefambund3 {
            float: left;
        }*/
        section.banner_unli#banner_personalised {
            /*height: 459px!important;
            min-height: 459px!important;*/
            height: auto;
            min-height: auto;
        }
        .home-index a.learn-more-btn {
           /* position: relative;
            top: 230px;
            left: 236px;*/
           /* margin:0 auto;*/
            /*top: 80px;*/
            /*top: -169px;*/
            position: relative;
            left: 10px;
        }
        .content-left {
            width: 50%;
            display: block;
        }
        img.content-left {
            display: block;
            /*margin-top: -61px;*/
            /*margin-top: 21px;*/
        }
        .competition {
            width: 54%;
            margin: 53px auto;
        }

        .banner-text.container-left {
                top: 18px;
                position: relative;
                width: 85%!important;
        }
        .home-index a.learn-more-btn {
            /*top: -216px!important;*/
            /*top: -219px!important;*/
           /* top: -175px!important;*/
        }
        /*.banner-text.container-left {
            top: 78px!important; 
        }*/
        #banner .banner-text-wrap {
           /* height: 230px!important;
            min-height: 230px!important;*/
         
           /* margin-top: 100px!important;*/
        }
        .new-menu-logo img {
           /* left: -35px;*/
           /* left: -29px;*/
            left: -27px;
           /* position: absolute;*/
        }
        .new-menu-logo .sticky img {
            left: -14px;
        }
        .optus-powered {
                margin-top: 20px;
                max-width: 350px;
                min-width: 310px;
                height: 53px;
        }
         .home-index .center-design .banner-text-wrap a {
            width: 50%;
            margin:0 auto;
            font-weight: 400;
        }
        .home-index .center-design.left-design .banner-text-wrap a {
            width: 50%;
            margin:0;
            font-weight: 400;
        }
        .home-index.left-side .center-design.left-design .banner-text-wrap a { 
            max-width: 205px;
        }
        .home-index.left-side.wirelessBg .center-design.left-design .banner-text-wrap a { 
            max-width: 122px;
            margin:0 auto;
            font-size: 17px;
            background:none;
            text-decoration:none;
            color: #333333;
            display: block;
            position: relative;
            top: -11px;
        }
        .home-index .center-design.left-design .banner-text-wrap a 
         .home-index .center-design .banner-text-wrap p.sec-line {
        font-size: 42px;
        }
      
    .home-index .center-design .banner-text-wrap h2 {
        font-size: 22px;
        color:#848484;
        margin-top: 10px;
        margin-bottom: 20px;
        font-weight: 700;
        font-family: "Montserrat";

    }
    .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2 { 
        font-size: 16px;
    }
    .home-index .center-design.left-design .banner-text-wrap h2 {
        color: #515151;
        text-align: left;
    }

    
    .home-index .center-design  .banner-text-wrap p.sec-line {
        font-family: "Montserrat";
        background: linear-gradient(to right, #E4004D 0%, #FF931E 100%);
        background: -webkit-linear-gradient(to right, #E4004D,  #FF931E);
        background: -moz-linear-gradient(to right, #E4004D,  #FF931E);
        background: -o-linear-gradient(to right, #E4004D,  #FF931E);
        background-image: linear-gradient(to right, #E4004D, #FF931E);
       /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4004D', endColorstr='#FF931E',GradientType=1 );*/
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 50px;
        font-weight: 700;
        letter-spacing: -4px;
    }
    .home-index .center-design .banner-text-wrap p.promocode-line {
        font-size: 18px;
        color: #FF4505!important;
        font-weight: 700;
        margin-bottom: 30px;
         font-family: "Montserrat";
    } 
    .home-index .center-design .banner-text-wrap h1 {   
        font-family: "Montserrat";
        background: linear-gradient(to right, #E4004D 0%, #FF931E 100%);
        background: -webkit-linear-gradient(to right, #E4004D,  #FF931E);
        background: -moz-linear-gradient(to right, #E4004D,  #FF931E);       
        background: -o-linear-gradient(to right, #E4004D,  #FF931E);
        background-image: linear-gradient(to right, #E4004D, #FF931E);
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4004D', endColorstr='#FF931E',GradientType=1 );*/
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 45px;
        letter-spacing: -3px;

    }
    .home-index.left-side .center-design .banner-text-wrap h1 {   
        font-family: "Montserrat";
        background: linear-gradient(right,  #FF931E, #E4004D );
        background: -webkit-linear-gradient(right, #FF931E, #E4004D );
        background: -moz-linear-gradient(right, #FF931E, #E4004D );       
        background: -o-linear-gradient(right, #FF931E, #E4004D );
        background-image: linear-gradient(right, #FF931E, #E4004D );
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4004D', endColorstr='#FF931E',GradientType=1 );*/
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 45px;
        letter-spacing: -3px;
        padding-right:10px;
        padding-top: 10px;

    }
    .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2.install {   
        font-family: "Montserrat";
        background: linear-gradient(right,  #FF931E, #E4004D );
        background: -webkit-linear-gradient(right, #FF931E, #E4004D );
        background: -moz-linear-gradient(right, #FF931E, #E4004D );       
        background: -o-linear-gradient(right, #FF931E, #E4004D );
        background-image: linear-gradient(right, #FF931E, #E4004D );
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4004D', endColorstr='#FF931E',GradientType=1 );*/
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 30px;
        letter-spacing: -3px;
        padding-right:10px;
        padding-top: 0;
        text-align:center;
        font-weight:500;

    }
     
    .home-index .center-design .text-holder p.disclaimer {
        margin-top: 30px;
        font-size: 12px;
        font-family: "Montserrat";
        color:#4A4A4A;
    }
    .home-index .center-design .text-holder {
        width: 1140px;
        position: relative;        
        /*top: 25%;
        transform: translateY(-25%);*/
    }
    .home-index .banner-text-wrap h1 {
      font-size: 60px!important;
     
    }
    div#banner.home-index {
        /*min-height: 506px!important;
        height:     506px!important;*/
        min-height: 350px!important;
        height:     350px!important;
    }
    #kids .inner-dv .indiv_wrap {
        vertical-align: middle;
        height: 367px;
        margin-top: 100px;
    }
    /*section#protect .benefits-wrap, section#empower .benefits-wrap {
        margin-top: 127px!important;
    }*/

    #protect .protect-desc {
        margin-left: 68px;
    }
    #empower .empower-desc, #monitor .mon-desc {
        margin-left: 66px;
    }
    #track .track-desc{
        margin-left: 71px;
    }
    #monitor-track .img-responsive {
        margin-top: 58px;
    }   

    .col-lg-6.col-md-6.col-sm-6.col-xs-12.logo-x {
        /*margin-right: -30px;*/
        margin-right: 0;
        margin-left: 0;
        padding:0;
    }
    section#yomojo-box div.box-holder .column2 {
       /* margin-left: -15px;
        margin-right: 15px;*/
         margin-left: 0;
        margin-right: 0;
        padding:0;
    }
    section#yomojo-box div.box-holder .column1 {
        background: #FF4505;    
        padding:71px;   
        height: 400px;
        width: 100%;
    }
    .column2-text {
        height: 400px;
        /*width: 550px;*/
        width: 100%;
        display: table;
        background: #333333;
    }
    section#monitor-track {
            height: 450px;
            margin-bottom: 100px;
            min-height: 450px;
            display: table;
    }
    section#yomojo-box div.box-holder .column1 img {
        margin:0 auto;
    }
    #yomojo-box .img-responsive {       
        max-width: 100%;
    }
    
    section#monitor-track .monitor-div {
       
        /* padding-left: 100px; */
        padding-left: 25px;
        display: table;
        height: 565px;
    }
    
    
    
    .col-md-12.col-lg-12.col-sm-12.col-xs-12.text-who {
        /*margin-left: -30px;*/
        margin-left: 0;
        margin-right: 0;
        padding:0;
    }
    .mon-text {
        display: table-cell;
        vertical-align: middle;
    }
    section#monitor-track p {
        font-size: 18px;
        line-height: 28px;
    }
    .family-holder {
        width: 870px;       
        margin: 0 auto;
    }
    section#yomojo-box div.box-holder .column2 p {
        font-size: 20px;
    }
    
} 

@media only screen and (min-width : 1440px) {
   
    .home-index a.learn-more-btn {    
        top: -165px!important;
        position: relative;
        left: 10px;
    }
    
    .banner-text.container-left {
        position: relative;
        width: 85%!important;
    }   
    
   /* #banner .banner-text-wrap {
        height: 333px!important;
        min-height: 333px!important;
        margin-top: 83px!important;
    }*/
    #plans-tabs p.plan-title {
        font-size: 24px;
        line-height: 23px;
        margin:0 0 20px 0;
    }
     
    #plans-tabs p.plan-title.mobilepl {
        margin: 0 0 15px 0;
        line-height: 45px;
    }
    #plans-tabs p.plan-title.famtitle {
        margin: 0 0 15px 0;
        line-height: 45px;
    }
    
    .home-index .center-design .text-holder {
        position: relative;
        width: 975px;
      /*  bottom: 4px;*/
       /* bottom: 38px;*/
    }
    .home-index.home-index.left-side.wirelessBg .center-design .text-holder {
        width: 1200px;
    }
    .home-index .center-design .text-holder p.disclaimer {
        margin-top: 45px;
        font-size: 12px;
    }
    #banner .banner-text-wrap {
        margin-top: 10px;
    }
    .home-index .banner-text-wrap .banner-text {
        min-height: 220px!important;
        height: 220px!important;
    }

    #kids .inner-dv {
        width: 70%;
        margin: 50px auto;
        display: table;
    }

    #kids .monitor-wrap {
        margin-top: 150px;
        margin-top: 10%;
        margin-left: 18%;
    }

    #kids .inner-dv .indiv_wrap {
        vertical-align: middle;
        height: 167px;
        margin-top: 0;
    }
    /* section#protect .benefits-wrap, section#empower .benefits-wrap {
        margin-top: 50px!important;
    }*/
    section#yomojo-box div.box-holder .column1 {
        padding:106px!important;
    }
    section.banner_dataonly#banner_personalised.about-us {
            /*height: 260px;
            min-height: 260px;*/
            height: 550px;
            min-height: 550px;

    }
    section.banner_dataonly#banner_personalised.about-us .banner-title-wrap {
        /*height: 460px;
        max-height: 460px;*/
        height: 550px;
        max-height: 550px;
        
    }
    /* #banner.home-index.left-side.wirelessBg .banner-text-wrap {
        margin-top: -36px;
    } */
    #banner.home-index .carousel-indicators {
        bottom: 8px;
    }
    .homepageBanner .carousel-indicators {
        bottom: 10px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .phone-family {
        max-width:302px;
        height:523px;
        float: right;
    }
    .banner-text-wrap {
        padding: 50px 0 0;
    }
    
    h1.fambundle-text {
        padding:30px;
        font-size: 30px;
    }
    .bundle-holder {
        height:    500px;
    }    
     ul.fam-plans {
            position: relative;
            width: 585px;
            display: block;
            height: 355px;
            margin: 0 auto;
    }

    #footer-bot ul {
            float: right;
            text-align: right;
   }
   
    #devicesdiv .simnew {
            float: right;
            text-align: center;
            display: block;
            width: 366px;
            margin-bottom: 40px;
    }
     p.text-center.services_descs {
            margin-top: 25px;
    }
     section#mbb_devices {
            min-height:520px;
    }
    img.mobile-bundle.responsive {
            max-width: 561px;
    }
    img.phone-family {
            max-width: 303px;
            float: right;
        }
    span.outdataamount{
        line-height: 23px;
    }
    #mbb_devices .page_title {
        padding-bottom: 10px;
    }
    .banner-text-wrap h1, .banner-text-wrap p {
        text-align: left;
    }
    .button-desktop {
            position: relative;
            left: 44px;
            top: 30px;
    }
    .header-second .new-menu ul li ul.sub-support {
        right: auto;
    }
    #page-banner .banner-text-wrap {
        padding:0;
    }
    section#page-banner.family {
        height:360px;
        min-height: 360px;
    }
    
    .outagecontainer {
        top: 0;
    }
    #myModalTerms .modal-dialog {
            width: 50%;
        }

     #banner-contact-us {
            height: 339px;
    }
    #banner-contact-us .banner-title-wrap {
        height:205px;
    }
    #carouselTestimonial {
        margin-bottom: 0;
        min-height: 130px!important;
    }

    .outagecontainer {
        height: auto!important;
        z-index: 3!important;
    }
    
    /*img.homefambund.homefambund1{
        float:right;
    }
    img.homefambund.homefambund3{
        float:left;
    }*/

    #awardsdiv h1 {
            padding: 30px 20px 0 20px;
    }
    .desktop-view span.new-price-disc {
        font-size: 25px;    
    }
   
    .banner-text-wrap {
        min-height: 375px;
        height: 310px;
    } 
     .home-index a.learn-more-btn {
            top: 20px;
        position: relative;
    }
    .content-left {
        width: 50%;
    }
    .competition {
        width: 64%;
        margin: 208px auto;
    }
    .content-left {
        width: 35%;
    }
    .home-index a.learn-more-btn {
       top: -186px!important;
    }
    .home-index .center-design .banner-text-wrap h1, .home-index .center-design .banner-text-wrap p {
            text-align: center;
     }
     .home-index .center-design .banner-text-wrap a {
        width: 50%;
        margin:0 auto;
        font-weight: 400;
    }
     .home-index .center-design .banner-text-wrap p.sec-line {
        font-size: 42px;
    }
      
     .home-index .center-design .banner-text-wrap h2 {
        font-size: 18px;
        color:#848484;
        margin-top: 10px;
        margin-bottom: 20px;
        font-weight: 700;
         font-family: "Montserrat";
    }
     .home-index.left-side .center-design .banner-text-wrap h2 {
          color:#515151;
     }
    .home-index .center-design  .banner-text-wrap p.sec-line {
        font-family: "Montserrat";
        background: linear-gradient(to right, #E4004D 0%, #FF931E 100%);
        background: -webkit-linear-gradient(to right, #E4004D,  #FF931E);
        background: -moz-linear-gradient(to right, #E4004D,  #FF931E);       
        background: -o-linear-gradient(to right, #E4004D,  #FF931E);
        background-image: linear-gradient(to right, #E4004D, #FF931E);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 35px;
        font-weight: 700;
        letter-spacing: -3px;
    }
    .home-index .center-design .banner-text-wrap p.promocode-line {
        font-size: 18px;
        color: #FF4505!important;
        font-weight: 700;
        margin-bottom: 30px;
         font-family: "Montserrat";
    } 
    .home-index .center-design .banner-text-wrap h1 {   
        font-family: "Montserrat";
        background: linear-gradient(to right, #E4004D 0%, #FF931E 100%);
        background: -webkit-linear-gradient(to right, #E4004D,  #FF931E);
        background: -moz-linear-gradient(to right, #E4004D,  #FF931E);       
        background: -o-linear-gradient(to right, #E4004D,  #FF931E);
        background-image: linear-gradient(to right, #E4004D, #FF931E);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 30px;
        letter-spacing: -3px;
    }
    .home-index.left-side .center-design .banner-text-wrap h1 {   
        font-family: "Montserrat";
        background: linear-gradient(right,  #FF931E 0%, #E4004D 100%);
        background: -webkit-linear-gradient(right, #FF931E 0%, #E4004D 100%);
        background: -moz-linear-gradient(right, #FF931E 0%, #E4004D 100%);       
        background: -o-linear-gradient(right, #FF931E 0%, #E4004D 100%);
        background-image: linear-gradient(right, #FF931E 0%, #E4004D 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 30px;
        letter-spacing: -3px;
    }
    .home-index .center-design .text-holder p.disclaimer {
        margin-top: 10px;
        font-size: 10px;
        font-family: "Montserrat";
        color: #4A4A4A;
    }
    section#yomojo-box div.box-holder .column1 img {
        margin:0 auto;
    }
    section#yomojo-box div.box-holder .column1 {
        padding:69px!important;
    }
    #monitor-track .img-responsive {
        margin-top: 0;
    }   

    .col-lg-6.col-md-6.col-sm-6.col-xs-12.logo-x {
        margin-right: -30px;
        margin-left: 0;
    }
    section#yomojo-box div.box-holder .column2 {
        margin-left: -15px;
        margin-right: 15px;
    }
    .column2-text {
        height: 400px;
        width: 550px;
        display: table;
        background: #333333;
    }
    section#yomojo-box div.box-holder .column1 {
        background: #FF4505;    
        padding:71px;   
        height: 400px;
        width: 550px;
    }
    section#monitor-track {
            height: 450px;
            margin-bottom: 100px;
            min-height: 450px;
            display: table;
    }
    #yomojo-box .img-responsive {       
        max-width: 100%;
    }
    
    section#monitor-track .monitor-div {       
        padding-left: 100px;
        display: table;
        height: 565px;
    }
    
    
    
    .col-md-12.col-lg-12.col-sm-12.col-xs-12.text-who {
        margin-left: -30px;
        margin-right: 0;
    }
    .mon-text {
        display: table-cell;
        vertical-align: middle;
    }
    section#yomojo-box div.box-holder .column2 p {
        font-size: 20px;
    }
    .home-index.left-side .text-holder {
        width: 100%;
        margin-left: 50px;
    }
    .home-index .center-design.left-design .banner-text-wrap h1 {
        font-size: 55px;
    }
}

@media only screen and (max-width : 1024px) {
    .disclaimer br {
        display: none;
    }

    .disclaimer {
        padding-right: 60px;
    }

    .fa.fa-bars {
        float: right;
        top: 10px;
        position: relative;
    }
    .optus-powered {
            margin: 20px 0 0 0;
    }
    h1.fambundle-text {
        padding: 10px 20px 30px 20px;
    }    
    ul.fam-plans li img {
        width: 121px;
        height: 126px;        
    }
    .bundle-holder {
        height: 440px;
        width: 568px;
        margin:0 auto;
    }
    .family-footer, .btn-wrap {
        width: 568px;
        margin:0 auto;
        display: block;
    }
    .phone-family {
        display: block;
        width:302px;
        margin:0 auto;
    }
   
    .webp section.benefits-div, .no-webp section.benefits-div {
        height: auto;
    }
    #benefits h1  {
        text-align: center;
    }
    section.benefits-div ul, #benefits h1 {
        width: 90%;
        display: block;
        margin:0 auto;
    }
   
    .mobile-bundle {
        max-width: 367px;
        margin-bottom: 30px;
    }
    section.devices-div {
        background: #fff;

    }
    #devicesdiv .simnew {
        float: right;
        text-align: center;
        display: block;
        width: 366px;
        margin-bottom: 40px;
   }

   section#howdositwork-div .page_title.outdata {
        font-size: 1.6em;
        padding-bottom: 10px;
   }
   section#mbb_devices {
        min-height: 439px;
   }
   p.text-center.services_descs {
    margin-top: 25px;
   }
   #footer-bot ul.list-left,  .copyrightspan  {
        padding-left:10px;
    }   
    .outdataicons {
        justify-content: space-around;
        flex: 0 0 50px;
        float: left;
    }
    section#mbb_devices {
        min-height:400px;
    }
    #mbb_devices .page_title {
        padding-bottom: 10px;
    }
    .banner-text-wrap h1, .banner-text-wrap p {
        text-align: left;
    }
    .button-desktop {
        position: relative;
        left: 0;
        top: 30px;
    }
    .header-second .new-menu ul li.support {
        position: relative;
    }     
    .header-second .new-menu ul li ul.sub-support {
        right: 20px;
        
    }
    .header-second .new-menu ul li ul.sub-support.sub-family {
        right: 20px;
        position: absolute;
    }
    .header-second .new-menu ul li.support li a {
        font-size: 10px;
    }
    .family .page_title {
        padding-bottom: 20px;
        margin-top: 30px;
    }
    #devicesdiv h1,#awardsdiv h1 {
        padding: 60px 20px 0 20px;
    }
     section#howdositwork-div {
        min-height: 550px;
     }
     #myModalTerms .modal-dialog {
            width: 50%;
    }
    section#page-banner.family .banner-text h1 {
        font-size:33px!important;
    }
    .banner-text-wrap .banner-text {
        margin-top: 0;
    }
    section#page-banner .banner-text p{
        font-size: 1em!important;
    }

    .desktop-view li.planlist {
        max-width:162px;
        min-width: 112px;
    }
    span.save-now {
        margin-top: 20px;
        display: block;
    } 
    .family-bundles h1 {
        font-size: 25px;
    }
    .wireless li.benefits {
        height: 66px;
    }
    section.banner_unli#banner_personalised {
        height: auto;
    }
    .header-second .new-menu ul li.support-broadband ul.sub-support {
        width: 176px;
    }
     .banner-text-wrap .banner-text {
        margin-left: 115px;
    }
    .banner-text-wrap .banner-text {
        margin-top: 187px!important;
        /*margin-left: 113px!important;*/
        margin-left: 10px!important;
    }
    
    .banner-text.container-left {
      top:0!important;
    }
    .content-left {
        width: 46%;
        position: relative;
    }
    .home-index a.learn-more-btn {
        top: -234px;
        position: relative;
    }
    #banner .banner-text-wrap {
        height: 350px!important;
        min-height: 350px!important;
        /* margin-top: 30px!important; */
         margin-top: 0!important;
      /*  margin-top: 80px!important;*/
    }
    #banner.home-index.left-side .banner-text-wrap {
        height: 320px!important;
        min-height: 320px!important;
        /* margin-top: 30px!important; */
         margin-top: 0!important;
      /*  margin-top: 80px!important;*/
    }
    #banner.home-index.left-side.wirelessBg .banner-text-wrap  {
        /* margin-top: -20px!important; */
          margin-top: 0!important;
    }
    .home-index a.learn-more-btn {
        top: -200px;
    }
    .banner-text-wrap .banner-text {
        margin-top: 5px!important;
    }
    .home-index a.learn-more-btn {
        top: -152px!important;
    }
    .new-menu-logo img, .sidr-class-mobile-logo img {
        left:-30px;
    }
    
    .new-menu-logo .sticky img {
        left:-10px;
    }
    #plans-tabs p.plan-title, #plans-tabs p.plan-desc {
        font-size: 15px;
        padding-top: 5px!important;
    }
     #plans-tabs p.plan-title {
        font-size: 22px;
        line-height: 22px;
     }
     #plans-tabs p.plan-desc.mini {
        font-size: 14px;
        font-weight: 400;
        margin-top: -8px;
        padding-top: 0!important;
    }
     #plans-tabs p.plan-title.mobilepl {
        font-size: 23px;
        line-height: 40px;
        margin-bottom: 32px;
     }
     #plans-tabs p.plan-title.famtitle {
        font-size: 23px;
        line-height: 40px;
        margin-bottom: 33px;
     }
     .img-wrap {
        height: 353px;
     }
     section#page-banner.family .banner-text-wrap {
            min-height: 289px;
            height: 289px;
     }
     .home-index .center-design .banner-text-wrap h2 {
        text-align: left;
        margin-bottom: 10px;
     }
     .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2 {
        text-align: center;
        margin-top:5px;
        line-height: 20px;
     }

     .home-index .center-design .banner-text-wrap a {
        width: 100%;
        margin: 0px;
    }
    /* .home-index.left-design.wirelessBg .center-design .banner-text-wrap a {
        width: 150px;
        margin: 0 auto;
    } */
    .home-index .center-design .text-holder {
        position: relative;
        top: -20px;
        left: -180px;
    }
    /* .home-index .center-design.left-design .text-holder {
        position: relative;
        top: -20px;
       
        left: -166px;
    } */
    .home-index .center-design.left-design .text-holder {
        position: relative;       
        left: 0;       
        margin: 0;        
        width: 100%;
        padding-left: 20px;
    
    }
    .home-index.left-side.wirelessBg .center-design.left-design .text-holder { 
        padding-left: 0;
    }
    .home-index .center-design .banner-text-wrap p.sec-line {
        font-size: 44px;
    }
    .home-index .center-design .banner-text-wrap h1 {
        font-size: 36px;
    }
    .home-index .center-design .banner-text-wrap h2 {
        font-size: 16px;
    }
    .home-index .center-design .text-holder p.disclaimer {
        font-size: 11px;
        color: #4A4A4A;
        text-align: left;
        width: 600px;
    }
    .home-index .center-design .banner-text-wrap p.promocode-line,
    .home-index .center-design .banner-text-wrap p.sec-line span.first-line {
        text-align:left;
    }
    .banner-text-wrap a {
        font-size: 22px!important;
        max-width: 160px!important;
    }
    .home-index span.sec-line {
        font-size: 27px!important;
    }
    /* .home-index .banner-text-wrap h1 {
        line-height: 40px!important;
    } */
    .home-index .banner-text-wrap h1 {
        line-height: 45px!important;
    }
    .home-index.left-side .center-design .banner-text-wrap h1 {
        font-size: 50px;
    }

    section.plans#banner_family .banner-title {
        height: 450px;
    }
    section#banner_family p.secondliner span {
        display: none;
    }
    #kids .kid_img_ img {
       /* display: none;*/
    }    
    section#kids {
        background-image: url("../img/webapp/kids.jpg");
    }
    section#yomojo-box div.box-holder .column2 p {
        font-size: 17px;
        font-family: "Montserrat";
    }
    .column2-text {
        height: 77px;
    }
    #monitor-track img {
        padding-top: 57px;
    }
    section.plans#banner_personalised.about-us {
        height: 208px;
    }
    section.plans#banner_personalised.about-us .banner-title-wrap {
        height: 175px;
    }
    section#monitor-track p {
        font-size: 14px;
    }
    section#monitor-track h1 {
        font-size: 25px;
    }
     section.banner_dataonly#banner_personalised.about-us {
        margin-top: 0;
     }
     section#yomojo-box div.box-holder .column1 {
        /*padding: 71px!important;*/
    }
    section#monitor-track {
        height: 320px!important;
        min-height: 320px!important;
    }
    section#monitor-track .monitor-div {
        margin-top: 125px;
    }
    .col-md-12.col-lg-12.col-sm-12.col-xs-12.text-who {
            margin-left: auto;
            margin-right: auto;
    }

    .col-lg-6.col-md-6.col-sm-6.col-xs-12.logo-x {
       /* margin-right: -30px;*/
        margin-right: 0;
        margin-left: 0;
        padding:0;
    }
    section#yomojo-box div.box-holder .column2 {
        margin-left: 0;
        /*margin-right: 30px;*/
        margin-right: 0;
        padding:0;
    }
    .column2-text {
        height: 400px;
        width: 550px;
        display: table;
        background: #333333;
    }
    section#monitor-track {
            height: 450px;
            margin-bottom: 100px;
            min-height: 450px;
            display: table;
    }
    #yomojo-box .img-responsive {       
        max-width: 100%;
    }
    
    section#monitor-track .monitor-div {
        padding-left: 50px;
        display: table;
        height: 350px;
    }
    
    
    
    .col-md-12.col-lg-12.col-sm-12.col-xs-12.text-who {
        margin-left: 0;
        margin-right: 0;
    }
    .mon-text {
        display: table-cell;
        vertical-align: middle;
    }
    section#yomojo-box div.box-holder {
        max-width: 900px;
    }
    
    section#yomojo-box div.box-holder .column1, .column2-text {
        width:  450px;
    }
    section#yomojo-box div.box-holder .column1 img {
        margin: 59px auto;
    }
    #monitor-track .img-responsive {
        margin-top: 0;    
    }

} 


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .phone-family {
        max-width:302px;
        height:523px;
        float: right;
    }
    .webp section.benefits-div, .no-webp section.benefits-div {
        background: #FD9C00;
    }
    
    /* div#banner.home-index.left-side {
        min-height: 580px!important;
        height: 580px!important;
    } */
    #banner .banner-text-wrap {
        height: 320px!important;
        min-height: 320px!important;
        margin-top: 100px;
    }
    section#page-banner.family {
        min-height: 295px;
        height: 295px;
    }
    footer ul {
        text-align: center;
    }
     footer ul.footer-socials {
        margin-bottom: 20px;
     }
     footer ul.footer-socials, #footer-bot ul.list-left, .copyrightspan {
        text-align: center!important;
        
     }
     #banner_personalised.plans h1 {
        font-size: 30px;
     }
     #page-banner.family h1 {
        font-size: 20px;
     }
     #myModalTerms .modal-dialog {
            width: 50%;
     }
   
    #banner .banner-text-wrap {
        margin-top: 100px;
    }
    #banner.home-index .banner-text-wrap {
        margin-top: -20px!important;
    }
    /* #banner.home-index.left-side .banner-text-wrap {
        margin-top: 41px!important;
    } */
    /* #banner.home-index.left-side.wirelessBg .banner-text-wrap {
        margin-top: 10px!important;
    } */

    
    .family-bundles h1 {
        font-size: 35px;
    }
    
    li.planlist.with-value, li.planlist.no-value {
        background-size: 95px;
    }
    p.active-alloc {
        font-size: 28px;
        line-height: 39px;
    }
  
    .desktop-view p.active-alloc {       
        font-size: 2.3vw;
        line-height: 39px;
    }
    .mobile-bundle  p.active-alloc{
        font-size: 32px;
        line-height: 39px;
    }
    span.non-disc-price, span.new-price, span.new-price-disc {
        font-size: 17px;
        font-size: 1.5vw;
    }
    .mobile-bundle span.non-disc-price, .mobile-bundle  span.new-price, .mobile-bundle  span.new-price-disc {
        font-size: 17px;
    }

    .bundle-ulist {
        width: 95%;
        display:block;
        margin:0 auto;
    }
    .savings-disc {
        left:17%;
    }
    .mobile-bundle .savings-disc {
        left:14%;
    }
    .desktop-view li.planlist.no-value span.new-price-disc,
    .desktop-view li.planlist.with-value span.new-price-disc {
        font-size: 17px;
    }
    .wireless li.benefits {
        height: 66px;
    }
    
    .home-index a.learn-more-btn {
        top: -248px;
    }
    .content-left {
        width: 49%;
        top: -8px!important;
        position: relative;
    }
    
    .home-index a.learn-more-btn {
        top: -235px;
        position: relative;
    }
    section#banner_family p.secondliner span {
        display: none;
    }
    #monitor-track .img-responsive {
        margin-top: 32px;
        margin-left: 78px;
    }
    .col-lg-6.col-md-6.col-sm-6.col-xs-12.logo-x {
        margin-right: 0;
        margin-left: 0;
    }
    #banner.home-index.left-side {
        height:580px!important;
    }
    section.plans.faq_page .banner-title-wrap {
        height: 446px;
        max-height:446px;
    }
}

@media only screen and (max-width : 991px) {
    section#protect, section#track {
        background: #F8F8F8!important;
    }
    section#monitor, section#empower {
        background: #FFF!important;
    }
    section.text-only.familyprodapp {
        min-height: 160px!important;
    }
    .desktop-view .bundle-ulist {
        width: 94%;
    }
     .mobile-bundle .bundle-ulist {
        width:95%;
    }
     .bundle-ulist.tablet-view {
        width: 60%;
    }    
    .bundle-ulist.tablet-view {
       width:513px;
       margin:0 auto;
    }
    .bundle-ulist.tablet-view li.planlist.planlist3 {
        border-top-right-radius: 50%;
    }
    .bundle-ulist.tablet-view li.planlist.planlist6 {
        border-top-right-radius: 0;
    }
    .bundle-ulist.tablet-view li.planlist.planlist1 {
        border-bottom-left-radius: 0;
    }
    .bundle-ulist.tablet-view li.planlist.planlist4 {
        border-bottom-left-radius: 50%;
    }
    .bundle-ulist.tablet-view span.new-price-disc {
        font-size: 2.8vw;
        top: 9px;
        position: relative;
    }
    .bundle-ulist.tablet-view span.save {
        position: relative;
        top: -5px;
    }
     li.planlist.no-value.click_add_sim {
        background-size: 95px;
    }
    .home-index .center-design .text-holder {
        position: relative;
        top: -20px;
        left: 0;
    }
    .home-index.left-side.wirelessBg .center-design .text-holder {
        position: relative;
        top: 0;
        left: 0;
    }
    section#yomojo-box div.box-holder .column2 p {
        font-size: 14px;
    }
    .column2-text {
        height: 73px;
    }
    section#monitor-track {
        background: none;
    } 
    section#monitor-track .monitor-div {
        margin-top: 50px;
    }
    #awardsdiv {
        margin-bottom: 10px;
    }
    section#yomojo-box div.box-holder .column1, .column2-text {
        width: 405px;
        height: 360px;
    }
    .col-lg-6.col-md-6.col-sm-6.col-xs-12.logo-x {
        margin-right: 0;
        /*margin-left: 30px;*/
        margin-left: 0;
        padding:0;
    }
    section#yomojo-box div.box-holder .column1, .column2-text {
       /* width: 421px;*/
       width: 100%;
        height: 360px;
    }
    section#yomojo-box div.box-holder .column2 {
       /* margin-left: -30px;*/
        margin-left: 0;
        margin-right: 0;
        padding:0;
    }
    section#yomojo-box div.box-holder .column1 img {
        margin: 40px auto;
    }
    #awardsdiv.bout {
        margin-bottom: 0!important;
    }
    section#who-we-are br {
        display: none;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    div#banner {
       /* background: url("../img/banner-bg-tablet.jpg")  no-repeat scroll top center/cover transparent!important;*/
        background: url("../img/banner-bg-tablet.jpg")  no-repeat scroll top center transparent!important;
        background-size: 100%!important; 
        -webkit-background-size: 100%!important; 
        -moz-background-size: 100%!important; 
        -o-background-size: 100%!important; 
        -ms-background-size: 100%!important; 
        background-attachment: initial;
    }
    #coverage-banner {
        height: 248px!important;
    }
    #coverage-banner .banner-title-wrap {
        height:260px;
    }
    .testimonial {
        margin-left: 5%;
    }
    #carouselTestimonial {
        margin-bottom: 45px;
    }
    section#testimonial-sec {
        min-height: 290px;
    }
    section#safety_steps {
        min-height: 300px;
    }
    section.webapp-ben {
        min-height: 224px;
    }
    h4.app-benefits.track, h4.app-benefits.empower {
        margin-top: 40px;
    }
    h4.app-benefits.monitor, h4.app-benefits.protect {
         margin-top: 30px;
    }
    .optus_div table.table-div {
        margin-bottom: 20px;
    }
    .promo_fifty p.renew.terms_condition {
        font-size: 10px!important;
    }
    img.wireless-big-modem {
        max-width: 283px;
        margin-right: 10px;
        margin-bottom: 7px;
    }
    .banner-text-wrap .banner-text {
            margin-top: 406px;
            margin-left: 0;
    }
  
    li.planlist {
        min-width: 112px;
    }  
    span.non-disc-price {
        font-size: 15px;
    }    
    .award.img-responsive {
        /*max-width: 240px;*/
        /*max-width: 180px;*/
        max-width: 143px;
    }
    h2.family-text.text-center {
        margin-top: 0;
        width: 80%;
        margin:0 auto;
        font-size: 17px;
        padding-top: 20px;
    } 
    .competition {
        width: 95%!important;
        margin: 250px auto!important;
    }
    #plans-tabs p.plan-button {
        font-size: 18px;
    }
    section.banner_dataonly#banner_personalised.about-us {
        /*background: #fff url(../img/OurStoryBG.jpg) top center/cover no-repeat!important;*/
        /*background: #fff url(../img/OurStoryBG.png) top center/cover no-repeat!important;*/
        background: #fff url(../img/OurStoryBG.png) top right/cover no-repeat!important;
        /*background-size: 162%!important;
        height: 100%;*/
      /*  margin-top: 121px;*/
    }
}
/* Small Devices, Tablets */
/* Kenneth di ko alam kung ok to ginawa kong 800 from 768*/
@media only screen and (max-width : 800px) {
    section.devices-div  {
        background: #fff;
        max-height: 700px;
        min-height: 400px;
    }
    section.benefits-div {
         background: #FD9C00;
         max-height: 850px;    
    }
    .phone-family {
        max-width:302px;
        height:523px;
        float: initial;
    }
    div#banner {
        margin-bottom: 0px;
    }
    div#banner.home-index {
    }
    #banner .banner-text-wrap {
        height: 370px!important;
        min-height: 370px!important;
    }

    .fa.fa-bars {
        float: right;
        top: 10px;
        position: relative;
    }
    #plans-tabs h1, .family-bundles h1, #benefits h1, #devicesdiv h1, #awardsdiv h1 {
        padding:20px 20px 0 20px; 
    }
     .banner-text-wrap {
        padding:30px 0 0;
    }
     #mbb_devices .optus-powered {
            margin: 0 0 10px 0;
        }
     #mbb_devices   .page_title {
        padding-bottom: 10px;
     }
    .optus-powered {
            margin: 0 0 50px 0;
        }
    h1.fambundle-text {
        padding:0 0 20px;
    }
    .phone-family {
            width: 302px;
            height: 523px;
            float: initial!important;
            margin: auto;
            display: block;
            margin-bottom:  20px;
    }
    #benefits h1 {
        text-align: center;
        margin-bottom: 20px;
        width:  80%;
        display: block;
        margin:0 auto;
    }
     #benefits ul {
        width:80%;
        display: block;
        margin:0 auto;
        margin-top:    30px;
     }
     #devicesdiv  .simdesc p {
        font-size: 0.96em;
     }
     #devicesdiv h1, #awardsdiv h1 {
        font-size:22px;
     }
     section.devices-div {
     }
     .mobile-bundle {
        max-width: 350px;
        min-width: 300px;
     }

     #footer-bot ul li {
        width: auto;
     }
     #footer-bot ul.list-style li {
        float: initial;
       
     }
     #footer-bot ul.list-left {
         text-align: center;
     }
     footer ul.footer-socials {
        text-align: center!important;
        margin-bottom: 20px;
     }
     #footer-bot ul.list-left,  .copyrightspan  {
        padding-left:0;
     }

     #footer-bot ul.list-left li a {
        float:left;
     }

     #footer-bot  ul.list-left li {
        padding:5px 10px;
     }
     .seperator {
        display: inline-block!important;
        position: relative;
        top: -9px;
     }
     #devicesdiv img.simnew {
        max-width: 375px;
        margin:0 auto;
        display: block;
        float: initial;
     }
     .simdesc {
        margin-top: 30px;
        margin-bottom: 30px;
     }
     ul.yombenefits li.benefit3, ul.yombenefits li.benefit5 {
        padding-top: 10px;
     }
     #mbb_div .price-change .price {
        width: 156px;
     }
     #mbb_div .page_title, section#whyyomojo .page_title{
        font-size: 1.8em;
     }
    section#mbb_devices {
        min-height: 400px;
    }
     section#howdositwork-div .page_title.outdata {
        font-size:1.8em;
       
    }
    .banner-text-wrap h1, .banner-text-wrap p {
        text-align:left;
    }
    section#family-box .background-white.why-family .getting-started-family ul.fam-plans-family li {
        margin:0;
    }
   
    section#family-box .background-white.why-family .getting-started-family ul.fam-plans-family {
        max-width: 100%;
    }
    section#page-banner.family {
            min-height: 253px;
            height: 253px;
    }
    section#family-box ul.fam-plans-family li img {
        padding:5px;
    }
    section#family-box ul.fam-plans-family li img {
        max-width: 103px!important;
        height: auto;
    }
    .family .optus-powered {
        margin:0 0 0 0!important;
    }
    section#family .family-slider {
        margin:20px auto 15px!important;
    }
    section#family .background-white h1 {
        padding-bottom: 20px!important;
    }
    section#page-banner.family .banner-text-wrap {
        min-height: 222px;
        height: 222px;
    }
    .outagecontainer {
        top: 120px;        
    }
    header.page-banner {
        height: auto!important;
    }
    section#page-banner.family .banner-text h1 {
        font-size: 20px;
     }
     section#howdositwork-div {
        min-height: 605px;
     }
     section#unlimited_div .page_title {
        padding-bottom: 20px;
     }
     #buy-sim-div.sim-div img {
        margin:20px auto!important;
     }
     #myModalTerms .modal-dialog {
            width:50%;
    }
    .testimonial {
        margin-left: 13%;
    }
    #coverage-banner {
        height: 140px!important;
    }
    #coverage-banner .banner-title-wrap {
        height:143px;
    }
    section#testimonial-sec, section#testimonial-sec.prod_page {
        min-height: 350px;
    }
    section#safety_steps {
        min-height: 300px; 
    }
    h4.app-benefits, h4.app-benefits.protect {
        margin-top: 0!important;
    }
    #banner .banner-text-wrap {
        margin-top: 15px;
    }
    #banner.home-index  .banner-text-wrap {
        margin-top: 414px;     
    } 
    
    .family-bundles h1 {
        font-size: 35px;  
     }    
     p.active-alloc {
        font-size: 34px; 
     }
     .desktop-view  p.active-alloc {
        font-size: 15px;
     }
     
     span.non-disc-price, span.new-price {
        font-size:12px;
     }
     #buy-sim-div .wireless-howto li.how-third {
        background: url(../images/wireless/icn_Delivery.svg) no-repeat 0 !important; 
        background-size: 75px!important;
     }
     .desktop-view li.planlist {    
        max-width: 113px;
        min-width: 112px;
    }
    span.non-disc-price, span.new-price, span.new-price-disc {
        font-size: 19px;
    }
    .desktop-view span.non-disc-price, .desktop-view span.new-price, .desktop-view span.new-price-disc {
        font-size: 12px;
    }
    .desktop-view li.planlist.no-value span.new-price-disc, .desktop-view li.planlist.with-value span.new-price-disc {
        font-size: 15px;
        font-size: 2.3vw;
    }
    .desktop-view .savings-disc {
        bottom: 28px;
    }
    ul.bundle-ulist li ul {
        left: 0;
    }
    .home-index .banner-text-wrap h1 {
        font-size: 2.7em;
    }
    .home-index .center-design .banner-text-wrap h1 {
        font-size: 2.5em;
    }
    
    #banner.home-index .banner-text-wrap {      
        margin-top: 55px!important;
        margin-left: 25px;
        height: 250px!important;
        min-height: 250px!important;
    }
    #banner.home-index .banner-text-wrap h1 {
        margin-bottom: 0;
    } 
    #banner.home-index.left-side .banner-text-wrap h1 {
        font-size: 55px;
    } 
    h2.family-text.text-center {
        font-size: 16px;
        width: 95%;
        margin:0 auto;
    }
  
    .banner-text-wrap .banner-text {
        margin-left: auto!important;
    }
    .competition {
        width: 95%!important;
        margin: 44px auto!important;
    }
    
    .home-index a.learn-more-btn {
        top: -148px!important;
        position: relative;
    }
    .content-left {
        width: 49%;
        top: 0!important;
        position: relative;
    }

    .banner-text.container-left, .banner-text-wrap .banner-text {
        margin-top: 0!important;
    }
    .img-wrap {
        min-height: 350px;
        padding:10px 5px;
        
    }
    #plans-tabs p.plan-title {
        margin: 0 0 0 0;
        height: 45px;

    }
    #plans-tabs p.plan-desc.mini {
        font-size: 11px;
        margin-top: -16px;
    }
    #plans-tabs p.plan-button {
        width: 125px;
        font-size: 14px;
    }
    .optus-powered {
        margin: 20px 0 50px 0;
    }
    .img-wrap {
        min-height: 330px;
        padding: 10px 5px;
    }
    #plans-tabs p.plan-title, #plans-tabs p.plan-desc {
        padding-top: 0!important;
    }
    #plans-tabs p.plan-title, #plans-tabs p.plan-desc {
        font-size: 14px;
        padding-top: 8px!important;
    }
     #plans-tabs p.plan-title {
        font-size: 17px;
        line-height: 17px;
     }
      #plans-tabs p.plan-title.mobilepl {
        font-size: 17px;
        line-height: 40px;
        margin-bottom: 0;
     }
     #plans-tabs p.plan-title.famtitle {
        font-size: 17px;
        line-height: 40px;
         margin-bottom: 0;
     }
     #plans-tabs p.plan-desc.mini {
        font-size: 12px;
        font-weight: 400;
        margin-top: 0;
    }
    .home-index .center-design .banner-text-wrap p.sec-line {
        font-size: 42px;
    }
      
     .home-index .center-design .banner-text-wrap h2 {
        font-size: 12px;
        color:#848484;
        margin-top: 0;
        margin-bottom: 10px;
        font-family: "Montserrat";
        font-weight: 700;
    }
    
    .home-index .center-design  .banner-text-wrap p.sec-line {
        font-family: "Montserrat";
        background: linear-gradient(to right, #E4004D 0%, #FF931E 100%);
        background: -webkit-linear-gradient(to right, #E4004D,  #FF931E);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 35px;
        font-weight: 700;
    }
    .home-index .center-design .banner-text-wrap p.promocode-line {
        font-size: 18px;
        color: #FF4505!important;
        font-weight: 700;
        margin-bottom: 10px;


         font-family: "Montserrat";
    } 
    .home-index .center-design .banner-text-wrap h1 {   
        font-family: "Montserrat";
        background: linear-gradient(to right, #E4004D 0%, #FF931E 100%);
        background: -webkit-linear-gradient( to right, #E4004D,  #FF931E);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 30px;

        

    }
    .home-index.left-side .center-design .banner-text-wrap h1 {
         font-family: "Montserrat";
        background: linear-gradient(right,  #FF931E 0%, #E4004D 100%);
        background: -webkit-linear-gradient(right, #FF931E 0%, #E4004D 100% );
        background: -moz-linear-gradient(right, #FF931E 0%, #E4004D 100% );       
        background: -o-linear-gradient(right, #FF931E 0%, #E4004D 100% );
        background-image: linear-gradient(right, #FF931E 0%, #E4004D 100% );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 30px;
        letter-spacing: -3px;
    }

    .home-index .center-design .text-holder p.disclaimer {
        margin-top: 10px;
        font-size: 10px;
        font-family: "Montserrat";
        color:#4A4A4A;
    }
    .home-index .center-design.left-design .text-holder p.disclaimer {
        width: 60%;   
    }
     .home-index .center-design  .text-holder {
        position: relative;
        top: -20px;
    }
     .home-index .center-design  .banner-text-wrap a {
        max-width: 207px;
        height: 48px;
        font-size: 26px;
        font-weight: 500;
     }
     .home-index.left-side.wirelessBg .center-design  .banner-text-wrap a {
        margin:0 auto;
        font-size: 17px;
        background:none;
        text-decoration:underline;
        color: #333333;
        /* display: block; */
        position: relative;
        top: -11px;
     }
    


     .home-index .center-design .text-holder {
        position: relative;
        top: -20px;
        left: 0;
    }
    .home-index span.sec-line {
        font-size: 23px!important;
    }
    .banner-text-wrap a {
        max-width: 137px!important;
        font-size: 19px!important;
    }
}


@media only screen and (max-width : 767px) { 
    #devicesdiv  .simdesc p {
        text-align: center;
    }
    .prod-review {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .testimonial {
        margin-left: 0;
    }
    .carousel-control {
        top: -180px!important;
    }
    #carouselTestimonial {
        margin-bottom: 50px;
    }
    .vertical-align {
        display: block;
    }
    .img-wrap-test {
        width: 157px;
        margin: 0 auto;
    }
    .img-wrap-test.google {
        width: 75px;
        margin: 0 auto;
    }
    h4.app-benefits, h4.app-benefits.protect {
        margin-top: 0!important;
    }
    .price-change .price.four-g.kid_plan.promo_fifty:after {
        width: 50%!important;
    }
    #myCarouselFamBundles .carousel-indicators {
        bottom: -40px;
    }
     #myCarouselFamBundles .carousel-indicators li {
        background: #E8E8E8;
     }
     #myCarouselFamBundles .carousel-indicators .active {
        background:#FF4505; 
     }
     .family-bundles h1 {
        font-size: 28px;
     }
     img.award.homefambund{
        float: none;
     }
     img.award.homefambund {
        width: 147px!important;
    }
    img.award.img-responsive {
        margin:0 auto;
    }
    span.big-savings {
        padding:0;
    }
    span.save-now {
        margin-top: 20px;
        display: block;
    }
    span.big-savings {
        margin-left:5px;
    }
    
    .mobile-bundle .bundle-ulist {
        width: 100%; 
       
    }
    .mobile-bundle li.planlist.first {
            border-bottom-left-radius: 0;
    }
    .mobile-bundle li.planlist.second {
        border-top-right-radius: 50px;
    }
    .mobile-bundle li.planlist.last {
        border-top-right-radius: 0;
    }
    .mobile-bundle li.planlist.fifth {
        border-bottom-left-radius: 50px;
    }
    .mobile-bundle li.planlist.with-value, .mobile-bundle li.planlist.no-value {           
            background-size: 135px;
    }
    .mobile-bundle li.planlist {
       
    }
    .mobile-bundle ul.bundle-ulist li ul {
        position: absolute;
        width: 189px;
        margin: 0 auto;
    }

    img.award.homefambund {
        width: 255px!important;
    }
    .mobile-bundle ul li.planlist {
        width: calc( 50% - 10px );
    }

    span.non-disc-price, span.new-price, span.new-price-disc {
        font-size: 16px;
    }
    #banner.home-index .banner-text-wrap {
      /*  margin-top: 350px!important;*/
        margin-top: 475px!important;
    }
    #banner.home-index.left-side .banner-text-wrap {
        /* margin-top: 250px!important;*/
         margin-top: 40px!important; 
      /*  margin-top: 560px!important;*/
    }
    .highlight-disc p {    
        font-size: 2.9vw;
    }
    .text-discount {
        font-size: 10.5vw;
    }
    
    span.save-now a {
        margin:0 auto;
    }
    .background-white .you-save.text-div p {
        font-size: 3.0vw;
    }
    div#banner {
        /*background: url(../img/banner-bg-mobile.jpg) no-repeat scroll center/cover transparent!important;*/
       /* background: url(../img/Banner_Home_mobile_portrait.jpg) no-repeat scroll center top #fff!important;*/

    }
    /* .no-webp div#banner.left-side {        
        background: url(../img/Banner_Home_mobile_landScape.jpg) no-repeat scroll center top #fff!important;
        background-size: 100%!important;

    }
    .webp div#banner.left-side {
        background: url(../img/Banner_Home_mobile_landScape.webp) no-repeat scroll center top #fff!important;
        background-size: 100%!important;
    } */
    .no-webp div#banner.left-side {        
        background: url(../images/wireless/mobile_landscape.jpg) no-repeat scroll center top #fff!important;
        background-size: 100%!important;

    }
    .webp div#banner.left-side {
        background: url(../images/wireless/mobile_landscape.webp) no-repeat scroll center top #fff!important;
        background-size: 100%!important;
    }
    .no-webp div#banner.left-side.wirelessBg {        
        background: url(../images/wireless/mobileLandscape4G@2x.png) no-repeat scroll center top #fff!important;
        background-size: 100%!important;

    }
    .webp div#banner.left-side.wirelessBg {
        background: url(../images/wireless/mobileLandscape4G@2x.webp) no-repeat scroll center top #fff!important;
        background-size: 100%!important;
    }
    h2.family-text.text-center {
        padding-bottom: 30px;
        font-size: 14px;
        padding-top: 20px;
    }
    img.homefambund {
        max-width: 400px!important;
    }
    h2.family-text.text-center {
        padding-top: 0;
        margin-top: 0;
        padding-bottom: 20px;
    }
     h2.family-text.text-center {
        padding-top: 20px!important;
    } 
    .wireless li.benefits {
        height: 66px;
    }
    
    .content-left {
        width: 100%;
    }
    
    section#plans-tabs {
        /*padding-top: 45%!important;*/
        /*padding-top: 10%!important;*/
        /*padding-top: 24%!important;*/
        padding-top: 0%!important;
    }
    .competition {
        width: 95%!important;
        margin: 319px auto!important;
    }
    .home-index a.learn-more-btn {
        top: -432px!important;
        position: relative;
    }
    .img-wrap {
        min-height: 530px;
    }
    #plans-tabs p.plan-button {
        bottom: 55px;
    }
     #plans-tabs p.plan-title, #plans-tabs p.plan-desc {
            font-size: 26px;
            line-height: 38px;
    }
    #plans-tabs p.plan-title {
        margin: 22px 0 0 0;
    }
    .img-wrap img {
        height: 179px;
    }
    #plans-tabs p.plan-desc.mini {
        font-size: 23px;
        margin-top: -16px;
    }
    #plans-tabs p.plan-button {
        /*width: 178px;*/
        width: 50%;
        font-size: 24px;
        padding:15px;
    }
    .img-wrap {
        margin-bottom: 30px;
        width: 60%;
        margin: 20px auto;
    }
    #plans-tabs p.plan-title {
        font-size: 20px!important;
        line-height: 20px;
    }
    .wrapper.flex {
        flex-direction: row;
    }
    .col-award {
        flex: auto;
    }
    .home-index .center-design .banner-text-wrap h2 {
        text-align: center;
    }
    .home-index .center-design .banner-text-wrap a {
        width: 50%;
        margin: 0 auto;
    }
    
    .home-index .center-design .banner-text-wrap p.promocode-line {
        text-align: center;
        margin-bottom: 28px;
    }
    .home-index .center-design .banner-text-wrap h2 {
        margin-top: 30px;
        font-size: 18px;
    }
    .home-index.left-side .center-design .banner-text-wrap h2 {
        font-size: 17px;
        margin-bottom: 33px;
        margin-top: 19px;
        line-height: 25px;
        text-align: left;
        width: 50%;
    }
    .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2 {
        font-size: 17px;
        margin-bottom: 15px;
        /* margin-top: 19px; */
        margin-top: 5px;
        line-height: 25px;
        text-align: center;
        width: 100%;
    }
    .home-index .center-design .banner-text-wrap p.sec-line {
        font-size: 45px;
    }
    .home-index .center-design .text-holder p.disclaimer {
        text-align:center;
    }
    #banner.home-index .banner-text-wrap h1 {
        text-align: center;
    } 
    #banner.home-index .center-design .banner-text-wrap h1 {
        line-height: 37px;
    }
    #banner.home-index.left-side .center-design .banner-text-wrap h1 {
        font-size: 54px;
        /*line-height: 87px!important;*/
        text-align: left;
    }
    
    #banner.home-index.left-side.wirelessBg .center-design .banner-text-wrap h1 {
        font-size: 45px;
        text-align: center;
        /*line-height: 87px!important;*/
    }
    .home-index .banner-text-wrap h1 {
        line-height: 38px!important;
        display: block;
        /*-webkit-text-fill-color: #FF4505!important;*/
        /*background:none!important;*/

    }
    
    .home-index span.sec-line {
        font-size: 23px!important;
    }
    .banner-text-wrap a {
        width: 50%!important;
    }
    .home-index.left-side .center-design .banner-text-wrap a {
        max-width: 244px!important;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .home-index.left-side.wirelessBg .center-design .banner-text-wrap a {
        max-width: auto;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    /*.free-trial-box, .free-trial-box.box-fixed {
        display: none!important;
    }*/
    section#monitor-track {
        background: none;
    }
    section#yomojo-box div.box-holder .column1, .column2-text {
        width: 100%!important;
        height: 460px!important;
    }
    .col-lg-6.col-md-6.col-sm-6.col-xs-12.logo-x,
    section#yomojo-box div.box-holder .column2 {
        margin-right: auto!important;
        margin-left: auto!important;
    }
    section#yomojo-box div.box-holder .column2 p {
        font-size: 27px;
    }
    #monitor-track .img-responsive {
        margin-left: 0;
    }
    section#monitor-track p{
        font-size: 23px!important;
    }
    section#monitor-track .monitor-div {
        padding-left: 50px;
    }
    section#monitor-track .monitor-div br {
        display: none;
    }
    .home-index.left-side.wirelessBg .center-design .banner-text-wrap a {
        top:-32px;
    }
    #myCarouselBanner .carousel-indicators {
        bottom: 10px;
    }
}

@media (max-width: 640px) {
    .home-index a.learn-more-btn {
        top: -292px!important;
        position: relative;
    }
     .wrapper.flex {
        flex-direction: row;
    }
    #banner.home-index .banner-text-wrap {
        /*margin-top: 425px!important;*/
        margin-top: 450px!important;
    }

    section#family-box .background-white.why-family .getting-started-family ul.fam-plans-family {
        max-width: 560px!important;
    }
    section#family-box br {
        display: none;
    }
    #banner.home-index.left-side {
        height: 370px!important;
    }


}
@media (max-width: 767px) and (min-width: 50px) {
    header#terms-page, header#privacy-page, header#cis-page {
        height: auto!important;
    }
    .price-change .price.four-g.kid_plan.promo_fifty:after {
        width: 50%!important;
    }
    .mobile-bundle p.clear-bundle a {
        position: relative;
        right: auto;
        top: 0;
    }
    .wrapper.flex {
        flex-direction: row;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;

    }
    img.award.homefambund {
            /*-webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;*/
    }
    .home-index .center-design.left-design .text-holder p.disclaimer {
        width: 100%;
        padding: 0px;
    }
}
@media (max-width: 767px) and (min-width: 481px) {
    .no-webp div#banner.left-side.unli-promo {
            
        background: url(../images/wireless/mobile_landscape.jpg) no-repeat scroll center top #fff!important;
        
        background-size: 100%!important;
        height:433px;
    }
    .webp div#banner.left-side.unli-promo {
        background: url(../images/wireless/mobile_landscape.webp) no-repeat scroll center top #fff!important;
       
        background-size: 100%!important;
        height:433px;
    }
    .no-webp div#banner.left-side {
            
        background: url(../images/wireless/mobile-landscape@2x.jpg) no-repeat scroll center top #fff!important;
        
        background-size: 100%!important;
        /* height:433px; */
        height:400px;
    }
    .webp div#banner.left-side {
        background: url(../images/wireless/mobile-landscape@2x.webp) no-repeat scroll center top #fff!important;
       
        background-size: 100%!important;
        /* height:433px; */
        height:400px;
    } 
    .no-webp div#banner.left-side.wirelessBg {
        
        background: url(../images/wireless/mobileLandscape4G@2x.png) no-repeat scroll center top #fff!important;
        /* background-size: 100%!important; */
        background-size: 100%!important;
        /* height:433px; */
        height:400px;
    }
    .webp div#banner.left-side.wirelessBg {
        background: url(../images/wireless/mobileLandscape4G@2x.webp) no-repeat scroll center top #fff!important;
        /* background-size: 100%!important; */
        background-size: 100%!important;
        /* height:433px; */
        height:400px;
    }
    #banner.home-index.left-side.wirelessBg .banner-text-wrap {
        margin-top: 6px!important;
    }
    
}
@media only screen and (max-width : 576px){
    /* .no-webp div#banner.left-side {
            
        background: url(../images/wireless/mobile_landscape.jpg) no-repeat scroll center top #fff!important;
       
        background-size: 578px!important;
        height:350px;
    }
    .webp div#banner.left-side {
        background: url(../images/wireless/mobile_landscape.webp) no-repeat scroll center top #fff!important;
        
        background-size: 578px!important;
        height:350px;
    }
    .no-webp div#banner.left-side.wirelessBg {
        
        background: url(../images/wireless/mobileLandscapeWless.png) no-repeat scroll center top #fff!important;
        
        background-size: 578px!important;
        height:350px;
    }
    .webp div#banner.left-side.wirelessBg {
        background: url(../images/wireless/mobileLandscapeWless.webp) no-repeat scroll center top #fff!important;
        
        background-size: 578px!important;
        height:350px;
    } */
    .no-webp div#banner.left-side, .webp div#banner.left-side {
        height: 352px!important;
    }
    #banner.home-index.left-side .center-design .banner-text-wrap h1 {
        font-size: 35px;
        text-align:left;
    }
    #banner.home-index.left-side.wirelessBg .center-design .banner-text-wrap h1 {
        font-size: 50px!important;
        text-align:center;
        line-height: 50px!important;
    }
    #banner.home-index .banner-text-wrap {
        margin-left: 0;
    }
    .home-index.left-side .center-design .banner-text-wrap h2 {
        font-size: 12px;
        margin-top: 0;
        margin-bottom: 0;
        text-align:left;
        width: 50%;
    }
    .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2 {
        width: 100%;
        line-height: 15px;
    }
    .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2.install {
        font-size: 14px;
        text-align: center;
        margin-top: 0;
    }
    #banner.home-index.left-side.wirelessBg .center-design.left-design .banner-text-wrap {
        margin-top: -30px;
    }
    .home-index.left-side.wirelessBg .center-design .banner-text-wrap a  {
        top: -33px!important;
    }
    section.plans.faq_page .banner-title-wrap {
        height: 446px;
        max-height:446px;
    }
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
        section#plans-tabs, section#control, section#buy-sim {
                position: relative;
                display: block;
                left: 0;
                top: 0;
                padding-top: 5% !important;
                margin: 0;
        }
        .fam-plans-family .plan-holder {
            margin-bottom: 20px;
        }
        section#plans-tabs {  
               /* padding-top: 47%!important;*/
                /*padding-top: 32%!important;*/
              /*  padding-top: 31%!important;*/
               /* padding-top: 46%!important;*/
               /* padding-top: 76%!important;*/
                /* padding-top: 54%!important; */
                padding-top: 10%!important;
        }

        .top-header ul.loginactivate-link li a {
                font-size: 11px;
        }
         /*.plan-boxes .img-wrap img {
            width:  90%!important;

        } */   
        .img-wrap img {
            height: 98px;
        }
        .phone-family {
            width: 302px;
            height: 523px;
            float: initial;
            margin: auto;
            display: block;
            margin-bottom:  20px;
        }
         section.benefits-div {
             background: #FD9C00;
             max-height: 840px;    
       }
       #benefits h1 {
         font-size: 20px;
       }
       #devicesdiv .simnew {
        margin-bottom: 20px;
       }
       #footer-bot ul {
        float: right;
       }
       .mobile-bundle .bundle-ulist {
            display: block;
            width: 100%;
       }
       #footer-bot ul.list-left li {
            width: 100%;

        
       }
       #footer-bot ul.list-left li a{ 
        text-align: center;
        float: initial;
       }

       #footer-bot ul.list-left {
        text-align: center;
       }
       #buy-sim-div p {
        width: 95%;
       }
       #mbb_div .price-change .price {
        width: 100%;
       }
       .seperator {
            display: none!important;
       }
        img.phone-family {
            max-width: 303px;
            float: initial;
        }
        .how-it-works div.started {
            margin-bottom: 20px;
            min-height: 75px;
        }
         footer ul.footer-socials {
        text-align: center!important;
        }
        .banner-text-wrap h1, .banner-text-wrap p {
            text-align:center;
         }
         section#family .background-white h1, section#page-banner .banner-text h1, section#page-banner .banner-text p {
        font-size: 1.2em;
        text-align: left!important;
        }
        section#page-banner .banner-text {
            height: 102px!important;
            min-height: 102px!important;
        }

        section#page-banner.family .banner-text {
            height: auto!important;
            min-height: auto!important;
        }
        section#family-box .background-white.why-family .getting-started-family ul.fam-plans-family {
            max-width: 450px;
        }
        section#page-banner.family {
            min-height: 170px;
            height: 170px;
        }
        section#family .background-white h1 {
            text-align: center!important;
        
        }
        section#page-banner.family .banner-text h1  {
        font-size: 25px;
        }
        section#page-banner.family .banner-text-wrap {
            min-height: 160px;
            height: 160px;
        }
        #login-form-wrap {
            min-height: auto!important;
            /* height: 100%; */
        }
        #myModalTerms .modal-dialog {
            width: 100%;
        }
        #carouselTestimonial {
            margin-top: 30px;
        }
        .family #carouselTestimonial, .prod_page #carouselTestimonial {
            margin-top: 50px;
        }
        .prod-review {
            margin-bottom: 20px;
        }
        #banner .banner-text-wrap {
            margin-top: 0;
        }
        .family-bundles h1 {
            font-size: 22px;
        }  
        img.award.homefambund {
            width: 255px!important;
             /*-webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;*/
        }
         #buy-sim-div .wireless-howto li.how-first {
            background: url(../images/wireless/icn_Location.svg) no-repeat 0 !important;
            background-size: 100px!important;
        }

        #buy-sim-div .wireless-howto li.how-fourth {
            background: url(../images/wireless/icn_Connect.svg) no-repeat 0 !important; 
            background-size: 100px!important;
        }
        .home-index span.sec-line {
            font-size: 25px!important;
            margin-bottom: 20px;
        }
        .home-index .banner-text-wrap a {
            margin-bottom: -12px;
        }
        section#plans-tabs {
            padding-top: 12%; 
        }
        .highlight-disc p {
            font-size: 4.5vw;
        }
        .text-discount {
            font-size: 10.5vw;
            margin-right: 2px;
        }
        .mobile-bundle {
            max-width: 445px;
            min-width: 300px;
        }
        .mobile-bundle span.new-price-disc {
            font-size: 24px;
        }
        .mobile-bundle .savings-disc {
            bottom: 11px;
            left: 19%;
        }
        .mobile-bundle span.save {
            font-size: 17px;
        }
        .background-white .you-save.text-div p {
            font-size: 22px;
        }
        span.big-savings {
            background: none;
            width: auto;
            padding:0;
        }
        div#banner {
            top: 110px;
           /* height: auto!important;
            min-height: auto!important;*/
            /* height:401px!important;
            min-height: 401px!important;*/
             /* height:480px!important;
            min-height: 460px!important; */
             height:600px!important;
            min-height: 600px!important;
        }
        #banner.home-index .banner-text-wrap {
            /*margin-top: 440px!important;*/
            margin-top: 350px!important;
            margin-left: 0;
        }
         #banner.home-index .center-design .banner-text-wrap {
            /*margin-top: 440px!important;*/
            margin-top: 167px!important;
            margin-left: 0;
        }
        #banner.home-index.left-side .center-design.left-design .banner-text-wrap {
            /*margin-top: 440px!important;*/
            /* margin-top: 350px!important; */
            margin-top: 20px!important;
            margin-left: 0;
            
        }
        #banner.home-index.left-side .center-design .banner-text-wrap h1 {
            text-align: center;
            font-size: 25px;
        }
        .home-index.left-side .center-design .banner-text-wrap h2 {
            text-align: center;
            width :80%;
            margin:0 auto;
        }

        h2.family-text.text-center {
            padding-top: 0;
        }
        .wireless li.benefits {
            height: auto;
        }
        div#banner.home-index {
            background-attachment: initial!important;
        }
        .content-left {
            width: 100%;
        }
        .banner-text-wrap .banner-text {
            margin-top: 75px;
        }
        .competition {
            margin: 226px auto!important;
        }
        .home-index a.learn-more-btn {
            position: relative;
        }
        .img-wrap {
            min-height: 330px;
        }
        #plans-tabs p.plan-button {
            bottom: 37px;
        }
        #plans-tabs p.plan-title, #plans-tabs p.plan-desc {
            font-size: 24px;
        }
        #plans-tabs p.plan-desc {
            font-size: 19px;
            line-height: 21px;
        }
        #plans-tabs p.plan-title {
            margin: 0 0 0 0;
        }
        .img-wrap {
            min-height: 330px;
            width: 80%;
            margin: 20px auto;
        }

        #plans-tabs p.plan-button {
            width: 55%;
            padding: 3px;
         }
        .wrapper.flex {
            flex-direction: column;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;

        }
        .no-webp div#banner.left-side.unli-promo {
            
            background: url(../img/Banner_Home_mobile_portrait.jpg) no-repeat scroll center top #fff!important;
            background-size: 100%!important;
        }
        .webp div#banner.left-side.unli-promo {
            background: url(../img/Banner_Home_mobile_portrait.webp) no-repeat scroll center top #fff!important;
            background-size: 100%!important;
        }
        .no-webp div#banner.left-side {
            
            background: url(../images/wireless/mobile-portrait@2x.jpg) no-repeat scroll center top #fff!important;
            background-size: 100%!important;
        }
        .webp div#banner.left-side {
            background: url(../images/wireless/mobile-portrait@2x.webp) no-repeat scroll center top #fff!important;
            background-size: 100%!important;
        }
        .no-webp div#banner.left-side.wirelessBg {
            
            background: url(../images/wireless/mobilePortrait4G@2x.png) no-repeat scroll center top #fff!important;
            background-size: 100%!important;
        }
        .webp div#banner.left-side.wirelessBg {
            background: url(../images/wireless/mobilePortrait4G@2x.webp) no-repeat scroll center top #fff!important;
            background-size: 100%!important;
        }
        #banner.home-index.left-side .center-design .banner-text-wrap h1 {
            font-size: 43px;
        }

        section#family-box .background-white.why-family .getting-started-family ul.fam-plans-family li {
            display: inline-flex;
        }

        .free-trial-box.box-fixed.unlimited-page h1
                    {
                        font-size: 27px;
                        text-align: center;
                        font-family: "Montserratsemibold";
                    }
        .free-trial-box.box-fixed.unlimited-page h3, 
        .free-trial-box.box-fixed.unlimited-page p {
            text-align: center;
            font-size: 15px;
        }   
        section.banner_dataonly#banner_personalised.about-us {
            margin-top: 120px;
        }   
        section#who-we-are p {
            font-size:10px;
            line-height: 30px;
        }
        section#who-we-are h1 {
            margin-bottom: 20px;
        }
        section.banner_dataonly#banner_personalised.about-us {
            margin-top: 144px;
        }
        section.plans#banner_personalised.about-us {
            height: 100px;
        }
        section#yomojo-box br {
            display: none;
        }
        section#monitor-track {
        min-height: 920px;
        }
        section#monitor-track .monitor-div {
            padding-left: 0!important;
        }
        section#monitor-track .monitor-div br {
            display: none;

        }
        .column2-text {
           /* margin:60px!important;*/
        }
        section.banner_dataonly#banner_personalised.about-us {
            margin-top: 119px;
        }
        
        section#monitor-track {
            margin-bottom: 0!important;
        }
        section#who-we-are br {
            display: none;
        }
        section#monitor-track {
            background: none;
        }
        section#yomojo-box div.box-holder .column1 {
            padding:30px!important;
        }
        section.banner_dataonly#banner_personalised.about-us {
            height: 105px!important;
        }

        section.plans.about-us .banner-title-wrap {
            max-height: 84px;
        }
        /*section.plans#banner_personalised.about-us .banner-title-wrap {
            max-height: 150px;
        }*/
        section.plans#banner_personalised.about-us .banner-title-wrap {
            height: 150px!important;
            max-height: 150px!important;
        }
        section#yomojo-box div.box-holder .column1, .column2-text {
            width:100%!important;
            height: 260px!important;
        }
        .col-lg-6.col-md-6.col-sm-6.col-xs-12.logo-x,
        section#yomojo-box div.box-holder .column2 {
            margin-right: auto!important;
            margin-left: auto!important;
        }
        #monitor-track .img-responsive {
            margin-left: 0;
        }
        section#monitor-track .monitor-div {
            margin-top: 75px!important;
            margin-bottom: 100px;
        }
        section#yomojo-box div.box-holder .column2 p {
            font-size: 17px;
        }
        section.banner_dataonly#banner_personalised.about-us {
            height: 200px!important;
            min-height: 200px!important;
        }
        .home-index.left-side .center-design .banner-text-wrap h2 {
           
            width: 100%;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2 {
            width: 100%;
            text-align:center;
        }
        .home-index.left-side br.visible-md.visible-sm.visible-xs.visible-lg {
           text-align:center;
        }
}
@media only screen and (max-width : 425px) {
    section.devices-div {
        min-height: 600px;
    }
    .mobile-bundle {
        width: 100%;
    }
    #devicesdiv img.simnew {
        margin-bottom: 20px;
    }
    .simdesc {
        margin-top: 15px;
        text-align:center;
     }
     section#mbb_devices {
        min-height: 400px;
    }
    ul.yombenefits {
        margin-bottom: 0; 
    }
    section#howdositwork-div .page_title.outdata {
        font-size:1.6em;
        margin-top: 0; 
    }
    #footer-bot ul.list-left li.seperator {
            display: none;
       }
     #footer-bot  ul.list-left li {
        padding:0;
    }
    .how-it-works div.started {
        min-height: 67px;
    }
    section#page-banner.family {
        min-height: 150px;
        height: 150px;
    }
     section#family-box .background-white.why-family .getting-started-family ul.fam-plans-family li {
        margin:3px!important;
    }
    .fam-plans-family li {
        width: 87px;
    }
    section#family-box .background-white.why-family .getting-started-family ul.fam-plans-family {
        max-width: 350px!important;
    }
    section#family .background-white h1 {
       text-align: center!important;
        
    }
    section#page-banner.family .banner-text h1 {
        font-size: 20px;
    }
    section#page-banner.family {
        min-height: 130px;
        height: 130px!important;
    }
    section#page-banner.family .banner-text-wrap {
        min-height: 125px!important;
        height: 125px!important;
    }
    #login-form-wrap {
        min-height: auto!important;
    }
    section#howdositwork-div a.content-link {
        margin-bottom: 20px;
    }
     h1.prod_title {
        font-size: 35px;
        text-align: center;
    }
     .box-desc-prod.unli_box_prod.four_g, .box-desc-prod.mbb_box_prod {
        margin-top: 30px;
    }
    #buy-sim-div.sim-div img {
        margin:10px auto;
    }
    .stars {
        padding-top: 20px;
        margin:0 auto;
        float: none;
    }
     section#testimonial-sec {
        height:410px;
    }
    
    .text-div p {
        font-size: 16px;
    }
    span.big-savings {
       font-size: 30px;
    }

    .you-save span.big-savings {
        position: relative;
        top: 4px;  
    }
    
    span.save-now {
        display: block;
        margin-top: 30px; 
    }
    
    .mobile-bundle li.planlist.first {
            border-bottom-left-radius: 0;
    }
    .mobile-bundle li.planlist.second {
        border-top-right-radius: 50px;
    }
    .mobile-bundle li.planlist.last {
        border-top-right-radius: 0;
    }
    .mobile-bundle li.planlist.fifth {
        border-bottom-left-radius: 50px;
    }
    .mobile-bundle li.planlist.with-value, .mobile-bundle li.planlist.no-value {
            background-size: 133px;
    }
    .mobile-bundle li.planlist {
        max-width: 193px;
    }
    .mobile-bundle ul.bundle-ulist li ul {
        position: absolute;
        width: 189px;
        margin: 0 auto;
    }
    #buy-sim-div .wireless-howto li.how-first {
        background: url(../images/wireless/icn_Location.svg) no-repeat 0 !important;
        background-size: 100px!important;
    }

    #buy-sim-div .wireless-howto li.how-fourth {
        background: url(../images/wireless/icn_Connect.svg) no-repeat 0 !important; 
        background-size: 100px!important;
    }
    .bundle-ulist {
        width: 82%;
    }
    .mobile-bundle .bundle-ulist {
        width: 95%;
    }
    .family .page_title {
         font-size: 1.6em; 
     }
     .background-white .you-save.text-div p {
        font-size: 14px;
     }
     .mobile-bundle p.active-alloc {
        font-size: 30px;
     }
     .mobile-bundle span.non-disc-price, .mobile-bundle span.new-price, .mobile-bundle span.new-price-disc {
        font-size: 16px;
     }
     .mobile-bundle .savings-disc {
        left: 15%;
     }
    .home-index .banner-text-wrap h1 {
        font-size: 2.75em;
        margin-bottom: 0!important;
    }
    .home-index span.sec-line {
        font-size: 25px!important;
        margin-bottom: 20px;
    }
    .home-index .banner-text-wrap a {
        margin-bottom: -12px;
    }
    section#plans-tabs {
        padding-top: 45%;
    }
    .mobile-bundle span.new-price-disc {
        font-size: 24px;
    }
 
    .mobile-bundle span.save {
            font-size: 17px;
    }
    div#banner {
        top: 111px;
    }
    .savings-div {
        max-width: 285px;
    }
    .text-div.you-save.monthly-save, .text-div.you-save.yearly-save {
        width: 140px;
    }
    .text-div.you-save.yearly-save {
        padding-left: 20px;
    }
    .wireless li.benefits {
        height: auto;
    }
  
     div#banner.home-index {
        background-attachment: initial!important;
    }
    #banner.home-index .banner-text-wrap {
       /* margin-top: 415px!important;*/
        margin-top: 267px!important;
    }
     #banner.home-index .center-design .banner-text-wrap {
       /* margin-top: 415px!important;*/
        margin-top: 139px!important;
    }
    .banner-text-wrap .banner-text {
        margin-left: 0;
    }
    .content-left {
        width: 100%;
    }
    .home-index .banner-text-wrap .banner-text {
        position: relative;
    }
    .competition {
        margin: 154px auto!important;
    }
    .home-index a.learn-more-btn {
        top: -258px!important;
        position: relative;
    }
    #plans-tabs p.plan-button {
        bottom: 38px;
    }
    #banner.home-index.left-side .center-design .banner-text-wrap h1 {
        font-size: 37px;
    }

   /* section#plans-tabs {
        padding-top: 54%!important;
    }*/
    section#monitor-track h1 {
        line-height:28px;
    }
    section#monitor-track h1 {
        font-size: 30px!important;
    }
    section#yomojo-box div.box-holder .column2 p {
            font-size: 14px;
    }
    section#yomojo-box div.box-holder .column1 img {
        margin: 19px auto!important;
    }
    .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2.install {
        font-size: 25px;
    }
}


@media only screen and (max-width : 375px)  {
    section.benefits-div {
        max-height: 890px;
    }
    section.devices-div {
        min-height: 600px;
    }
    #devicesdiv img.simnew {
        margin-bottom: 20px;
        float: initial;
        margin: 20px auto;
        width: 90%;
    }
    .seperator {
        display: none!important;
    }
    section#whyyomojo {
        margin-bottom: 30px;  
     }
     .page_title {
        font-size: 1.2em;
        padding-bottom: 20px; 
     }
     .price-change .box-wrap {
        width: 95%;
     }
     section#mbb_devices {
        min-height: 350px;
    }
    #mbb_div .page_title, section#whyyomojo .page_title, section#mbb_devices .page_title, section#howdositwork-div .page_title {
        font-size:1.2em!important;
        margin-top: 30px;
        padding-bottom: 20px;
    }
    section#howdositwork-div .page_title.outdata {
        margin-top: 0;
    }
    div#banner {
        margin-bottom: 0;
    }
    .family .page_title {
         font-size: 1.3em;
         padding-bottom: 10px;
         margin-top: 0;
    }
    section#family-box ul.fam-plans-family li img {
        margin:10px;
        width: 100px;   
        height: 125px;
    }
    section#page-banner.family {
        min-height: 120px!important;
        height: 120px!important;
    }
    #family .page_title, section#family .background-white h1 {
        text-align: center!important;
    }
    section#family .family-slider {
        margin:10px 10px;
    }
    section#family-box .background-white.why-family .getting-started-family ul.fam-plans-family li {
        margin:3px!important;
    }
    .fam-plans-family li {
        width: 87px;
    }
    section#family-box .background-white.why-family .getting-started-family ul.fam-plans-family {
        max-width: 350px!important;
    }
    .family-slider .fam-icon {
        flex: 0 0 35%!important;
    }
    .family-slider .fam-lines {
        flex: 0 0 65%!important;
    }
    
     h1.prod_title {
        font-size: 30px;
        text-align: center;
    }
     .box-desc-prod.unli_box_prod.four_g, .box-desc-prod.mbb_box_prod {
        margin-top: 30px;
    }
    section#testimonial-sec {
        height:365px;
    }
    .family-bundles h1 {
           font-size: 21px;
    } 
    .mobile-bundle li.planlist.first {
            border-bottom-left-radius: 0;
    }
    .mobile-bundle li.planlist.second {
        border-top-right-radius: 50px;
    }
    .mobile-bundle li.planlist.last {
        border-top-right-radius: 0;
    }
    .mobile-bundle li.planlist.fifth {
        border-bottom-left-radius: 50px;
    }
    .mobile-bundle li.planlist.with-value, .mobile-bundle li.planlist.no-value {
            background-size: 113px;
    }
    
    .mobile-bundle ul.bundle-ulist li ul {
        position: absolute;
        width: 189px;
        margin: 0 auto;
        left:0;
    }
    .mobile-bundle li.planlist {
        max-width: 175px;
    }
    #buy-sim-div .wireless-howto li.how-third {
        background-size: 75px!important;
    }
    .mobile-bundle .bundle-ulist {
        width: 95%;
    }
    
    span.non-disc-price, span.new-price, span.new-price-disc {
        font-size: 12px;
    }
    p.active-alloc {
        font-size: 27px;
    }

    .mobile-bundle span.non-disc-price, .mobile-bundle span.new-price, .mobile-bundle span.new-price-disc {
        font-size: 3.5vw;
    }
    .mobile-bundle p.active-alloc {
        font-size: 7.0vw;
    }
    .home-index .banner-text-wrap h1 {
        font-size: 2.50em; 
        line-height: 34px;
    }
    .home-index span.sec-line {
        font-size: 23px!important;
        margin-bottom: 20px;
    }
    .home-index .banner-text-wrap a {
        margin-bottom: 42px;
    }
    .home-index a.learn-more-btn {
            top: -230px!important;
    }
    section#plans-tabs {
        padding-top: 12%;
    }
    .mobile-bundle span.new-price-disc {
            font-size: 22px;
    }
    .mobile-bundle span.save {
            font-size: 17px;
    }
    .text-discount {
        font-size: 10.5vw;
    }
    div#banner {
        top: 110px;
        height: auto!important;
        min-height: auto!important;
    }
    #banner.home-index .banner-text-wrap {
       /* margin-top: 400px!important;*/
        margin-top: 275px!important;
    }

    #banner.home-index .center-design .banner-text-wrap {
       /* margin-top: 400px!important;*/
        margin-top: 147px!important;
    }

    div#banner {
        background: url(../img/banner-bg-mobile.jpg) no-repeat scroll center top #fff!important;
        padding-bottom: 30px;
    }
    /* .no-webp div#banner.left-side {
        background: url(../img/Banner_Home_mobile_portrait.jpg) no-repeat scroll center top #fff!important;
        padding-bottom: 30px;
    }
    .webp div#banner.left-side {
        background: url(../img/Banner_Home_mobile_portrait.webp) no-repeat scroll center top #fff!important;
        padding-bottom: 30px;
    } */
    .no-webp div#banner.left-side.wirelessBg {
        background: url(../images/wireless/mobilePortrait4G@2x.png) no-repeat scroll center top #fff!important;
        padding-bottom: 30px;
        background-size: 100%!important;
    }
    .webp div#banner.left-side.wirelessBg {
        background: url(../images/wireless/mobilePortrait4G@2x.webp) no-repeat scroll center top #fff!important;
        padding-bottom: 30px;
        background-size: 100%!important;
    }
    .banner-text-wrap a {
        width: 50%!important;
    }

    .savings-div {
        max-width: 284px;
    }
    .text-div.you-save.monthly-save, .text-div.you-save.yearly-save {
        width: 140px;
    }
    .text-div.you-save.yearly-save {
        padding-left: 20px;
    }
    section#plans-tabs {
        z-index: 6;
    }
    .home-index .banner-text-wrap .banner-text {
        margin-top: 264px;
        position: relative;
    }
    .competition {
        margin: 75px auto!important;
    }
    section#plans-tabs {
       /* margin-top: -26%!important;*/
    }
    .competition {  
        margin: 25px auto!important;
    }
    div#banner.home-index {
        background-attachment: initial!important;
        /*height: 877px!important;
        min-height: 877px!important;*/
       /* height: 740px!important;
        min-height: 740px!important;*/
         height: 600px!important;
        min-height: 600px!important;
    }

    
     div#banner.home-index.left-side { 
        /*height: 792px!important;
        min-height: 792px!important;*/
        /*height: 784px!important;
        min-height: 784px!important;*/
        height: 550px!important;
        min-height: 550px!important;
 }
 div#banner.home-index.left-side.unli-promo { 
    /*height: 792px!important;
    min-height: 792px!important;*/
    /*height: 784px!important;
    min-height: 784px!important;*/
    height: 550px!important;
    min-height: 550px!important;
}
 
    .home-index a.learn-more-btn {
        top: -249px;
        position: relative;
    }
    section#plans-tabs {
        /*padding-top: 13%!important;*/
        padding-top: 4%!important;
    }
    .new-menu-logo img, .sidr-class-mobile-logo img {
        left: -8px;
    }
     #plans-tabs p.plan-title {
        font-size: 28px!important;
        line-height: 28px!important;
        margin-bottom: 40px!important;
     }
    #plans-tabs p.plan-desc.mini {
        font-size: 17px;
        margin-top: -16px;
    }
     .family .hide320 {
        display: block;
     }
     #banner.home-index.left-side .center-design.left-design .banner-text-wrap {
           /* margin-top: 265px!important;*/
            margin-top: 0!important;
     }
     #banner.home-index.left-side.wirelessBg .center-design.left-design .banner-text-wrap {
        /* margin-top: 265px!important;*/
         margin-top: 45px!important;
  }
     #banner.home-index.left-side .center-design .banner-text-wrap h1 {
        font-size: 34px;
     }

     .free-trial-box.box-fixed.unlimited-page h1
        {
            font-size: 25px;
            text-align: center;
            font-family: "Montserratsemibold";
        }
    .free-trial-box.box-fixed.unlimited-page h3, 
    .free-trial-box.box-fixed.unlimited-page p {
        text-align: center;
        font-size: 17px;
    }  
    section#monitor-track {
        min-height: 800px;
    }
    section#who-we-are p {
        font-size: 14px!important;
    }
    .column2-text {
        padding:14px!important;
        /* margin:43px!important;*/
    }
    section#yomojo-box div.box-holder .column1 {
        padding:32px!important;
    }
    .col-lg-6.col-md-6.col-sm-6.col-xs-12.logo-x {
        margin-right: auto;
        margin-left: auto;
    }
    section#yomojo-box div.box-holder .column1 img {
        margin: 43px auto!important;
    }
    section#monitor-track h1 {
        font-size: 26px;
    }
    section#yomojo-box div.box-holder .column2 p {
            font-size: 12px;
    }
}
@media only screen and (max-width : 360px)  { 
    .mobile-bundle li.planlist {
        max-width: 142px;
    }    
    .home-index .banner-text-wrap .banner-text {
        margin-top: 206px;
    }
    .home-index .banner-text-wrap h1 {
        font-size: 2em!important;
    }
    .home-index span.sec-line {
        font-size: 18px!important;
        margin-bottom: 30px;
    }
    section#plans-tabs {
        padding-top: 0%!important; 
    }
     .mobile-bundle span.new-price-disc {
            font-size: 24px;
    } 
    .mobile-bundle span.save {
            font-size: 15px;
    }    
    div#banner {      
        top: 110px;
        height: auto!important;
        min-height: auto!important;
    }
    #banner.home-index .banner-text-wrap {
       /* margin-top: 370px!important;*/
        margin-top: 245px!important;
    }
    .home-index .banner-text-wrap a {
        margin-bottom: 46px;
    }   
    #banner.home-index .banner-text-wrap {
        margin-left: 0;
    }
    .home-index a.learn-more-btn {
        top: -216px!important;
    }
    #banner.home-index.left-side .center-design.left-design .banner-text-wrap {
        margin-top: 333px!important;
    }
    #banner.home-index.left-side.unli-promo .center-design.left-design .banner-text-wrap {
        margin-top: 377px!important;
    }
    

    /*#banner.home-index.left-side .center-design.left-design .banner-text-wrap {
        margin-top: 334px!important;
    }*/

}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    section.benefits-div {
        height: auto!important;
        background:#FE8F00;
    }
    #benefits h1, .devices-div h1 { 
        text-align: center;
        font-size: 1.1em!important;
    }
    section.devices-div {
       min-height: 550px;
    }
    
    .simdesc p {
        text-align: center;
        font-size: 14px!important;
    }
    #devicesdiv .simnew {
        margin-bottom: 20px;
        width:288px;
    }
    .phone-family {
        float: initial;
    }
    .banner-text-wrap .banner-text {
        margin-top: 85px;
    }

    .family .banner-text-wrap .banner-text {
        /*margin-top: 25px;*/
    }
    .top-header ul.loginactivate-link li a {
        font-size: 11px;
    }

    .fa.fa-bars {
        float: right;
        top: 10px;
        position: relative;
    }
    .banner-text-wrap {
        padding:5px 0 0;
    }
    
    .link.mbb-link {
        height:   253px;
    }
    #plans-tabs h1, .family-bundles h1, #benefits h1, #devicesdiv h1 {
        font-size:22px;
        margin-bottom:0;
    }
    .plan-boxes .img-wrap img {
        width:  80%!important;
    }
    section.benefits-div {
       /* max-height: 890px;*/
        max-height: 935px;
    }
    #devicesdiv h1 {
        padding:40px 20px 20px 20px;
    }
    .bundle-holder {
        height: 1124px;
    }
    .bundle-holder {
        width: 290px;
    }
    
    #whyyomojo li p {
        font-size:13px;
    }
    .page_title {
        padding-bottom:10px;
    }
    section#mbb_devices {
        min-height: 350px;
    }
    #mbb_div .page_title, section#whyyomojo .page_title {
        font-size:1.2em!important;
        margin-top: 20px;
    }
    .optus-powered {
        min-width: 260px;
        min-height: 23px;
    }
    #footer-bot  ul.list-left li {
        padding:0;
    }
    .how-it-works div.started {
        margin-bottom: 20px;
    }
    .greyed {
        padding:0 5px;
    }
    .banner-text-wrap h1, .banner-text-wrap p {
        text-align:center;
    }
    section#family-box .background-white.why-family .getting-started-family ul.fam-plans-family {
        max-width: 280px!important;
        margin:0 auto;
        text-align: center;
    }
    section#family-box ul.fam-plans-family li img {
        max-width: 112px!important;
        margin:10px;
    }
    section#family-box .background-white.why-family .getting-started-family ul.fam-plans-family li {
        margin: 20px!important;
    }
    section#family .background-white h1, section#page-banner .banner-text h1, section#page-banner .banner-text p {
        font-size: 1.2em;
        text-align: left!important;
    }
    section#page-banner .banner-text {
        height: 102px!important;
        min-height: 102px!important;
    }
    
    section#page-banner.family {
        min-height: 150px;
        height: 150px;
    }
    #family .page_title, section#family .background-white h1 {
        text-align: center!important;
    }
    section#family .family-slider {
        margin:10px 10px;
    }
    .family-slider .fam-icon {
        flex: 0 0 30%!important;
    }
    .family-slider .fam-lines {
        flex: 0 0 70%!important;
    }
    #login-form-wrap {
        min-height: auto!important;
    }
    section.banner_dataonly#banner_personalised {
        height: 116px;
    }
    #banner_personalised.plans h1 {
        font-size:14px;
    }
    #banner_personalised.plans.about-us h1 {
        font-size:30px;
    }
    
    section#banner_personalised.plans p {
        font-size:0.575em!important;
    }
    section#banner_personalised.plans .banner-title-wrap {
        height: 133px;
        max-height: 133px;
    }
    h1.prod_title {
        font-size: 30px;
        text-align: center;
    }
    .box-desc-prod.unli_box_prod.four_g, .box-desc-prod.mbb_box_prod {
        margin-top: 30px;
    }
    #buy-sim-div.sim-div img {
        margin:10px auto;
    }
    .family-bundles h1{
           font-size: 18px;
    } 
    #awardsdiv h1 {
        font-size: 20px;

    }
    .text-div p {
        font-size: 16px;
    }
    span.big-savings {
        font-size: 24px; 
    }
    span.save-now {
        display: block;
        margin-top: 30px;
    }
    .mobile-bundle .bundle-ulist {
        width: 90%!important;
    }
    .mobile-bundle li.planlist.first {
            border-bottom-left-radius: 0;
    }
    .mobile-bundle li.planlist.second {
        border-top-right-radius: 50px;
    }
    .mobile-bundle li.planlist.last {
        border-top-right-radius: 0;
    }
    .mobile-bundle li.planlist.fifth {
        border-bottom-left-radius: 50px;
    }
    .mobile-bundle li.planlist.with-value, .mobile-bundle li.planlist.no-value {
            background-size: 95px;
    }
    .mobile-bundle li.planlist {
        max-width: 140px;
    }
    .mobile-bundle ul.bundle-ulist li ul {
        position: absolute;
        width: 189px;
        margin: 0 auto;
        left:-30px;
    }
    .mobile-bundle span.non-disc-price, .mobile-bundle span.new-price, .mobile-bundle span.new-price-disc {
        font-size: 13px;
        font-size: 4.0vw;
    }
    .mobile-bundle span.new-price-disc {
        font-size: 5.5vw;
    }
    .mobile-bundle p.active-alloc {
        font-size: 25px;
    }
    .home-index .banner-text-wrap h1 {
        font-size: 2em!important;
    }
    .home-index.left-side .banner-text-wrap h1 {
        font-size: 1.8em!important;
    }
    .home-index span.sec-line {
        font-size: 18px!important;
        margin-bottom: 30px;
    }
    #banner.home-index .banner-text-wrap {
        margin-top: 243px!important; 
       /* margin-top: 143px!important;*/
    }     
    section#plans-tabs {
       /* margin-top: -36%!important;*/
    }
     .mobile-bundle span.new-price-disc {
            font-size: 22px;
    }
 
    .mobile-bundle span.save {
            font-size: 10px;
    }
    section#page-banner.family .banner-text h1 {
        font-size: 15px;
    }
    div#banner {
        top: 119px;
        height: auto!important;
        min-height: auto!important;
    }
    .savings-div {
        max-width: 219px;
    }
    img.homefambund {
         max-width: 290px!important;
         -webkit-flex: 0 1 auto;
         -ms-flex: 0 1 auto;
         flex: 0 1 auto;
    }
    .create-bundle-link {
        font-size: 16px;
    }
    h2.family-text.text-center {
        font-size: 12px;
    }
    .text-div.you-save.monthly-save, .text-div.you-save.yearly-save {
        width: 108px;
    }
    .text-div.you-save.yearly-save {
        padding-left: 20px;
    }
     .wireless li.benefits {
        height: auto;
    }
    section#page-banner .banner-text {
        flex: 0 0 70%!important; 
    }
    section#page-banner.family .banner-text {
        flex: 0 0 100%!important; 
    }
    .home-index .banner-text-wrap .banner-text {
        margin-top: 297px;
    }
    .content-left {
        width: 100%;
    }
       
    .home-index a.learn-more-btn {
        top: -197px!important;
        position: relative;
    }
    div#banner.home-index {
        background-attachment: initial!important;
    }
    .content-left {
        width: 100%;
        top: 312px;
        position: relative;
    }
    img.content-left {
        width: 100%;
        position: relative;
    }
    div#banner.home-index {
       /* height: 684px!important;
        min-height: 684px!important;*/
        /*height: 780px!important;
        min-height: 780px!important;*/
        height: 443px!important;
        min-height: 443px!important;
        
    }
    
    div#banner.home-index.left-side {
        /*height: 740px!important;
        min-height: 740px!important;*/
        /* height: 650px!important;
        min-height: 650px!important; */
         /* height: 550px!important;
        min-height: 550px!important; */       
            height: 470px!important;
            min-height: 470px!important;        
    }
    div#banner.home-index.left-side.unli-promo {
        /*height: 740px!important;
        min-height: 740px!important;*/
        /* height: 650px!important;
        min-height: 650px!important; */
         /* height: 550px!important;
        min-height: 550px!important; */       
            height: 600px!important;
            min-height: 600px!important;        
    }
    .new-menu-logo img, .sidr-class-mobile-logo img {
        left:-25px;
    }
    #plans-tabs p.plan-button {
        bottom:44px;
    }
    #plans-tabs p.plan-desc.mini {
        font-size: 17px;
        margin-top: -16px;
    }
   
     #plans-tabs p.plan-title {
        font-size: 22px!important;
        line-height: 22px!important;
        margin-bottom: 30px!important;
     }
      #plans-tabs p.plan-title.mobilepl,#plans-tabs p.plan-title.famtitle {
        line-height: 36px!important;
     }

     section#plans-tabs {
       /* margin-top: -22%!important;*/
        margin-top: 0!important;
    }
    .home-index .banner-text-wrap h1 {
        line-height: 30px!important;
    }
    
    #banner.home-index.left-side .center-design.left-design .banner-text-wrap {
        /* margin-top: 290px!important */
        margin-top:15px!important
    }
    #banner.home-index.left-side.wirelessBg .center-design.left-design .banner-text-wrap {
        margin-top: 80px!important
    }
    .home-index.left-side .center-design .banner-text-wrap h2 {
        font-size: 14px;
    }
    
    section#kids.text-only.familyprodapp p {
        font-size: 11px;
    }
    section#kids.text-only.familyprodapp .inner-dv h1 {
        font-size: 21px;
    }
    .free-trial-box.box-fixed.unlimited-page h1
        {
            font-size: 21px;
            text-align: center;
            font-family: "Montserratsemibold";
        }
    .free-trial-box.box-fixed.unlimited-page h3, 
    .free-trial-box.box-fixed.unlimited-page p {
        text-align: center;
        font-size: 14px;
    } 
    section#banner_personalised.plans.about-us .banner-title-wrap {
        max-height: 100px;
    }
    /*section.banner_dataonly#banner_personalised.about-us {
        height: 59px!important;
    }*/
    section#who-we-are h1 {
        font-size: 21px;
    }
    section#who-we-are p {
        font-size: 11px!important;
    }
    section#who-we-are {
        height: 104px!important;
        min-height: 104px!important;
    }
    
    section#monitor-track h1 {
        font-size: 21px;
    }
    section#yomojo-box div.box-holder .column1 img {
        margin: 49px auto!important;
    }
    section.banner_dataonly#banner_personalised.about-us {
        height: 150px!important;
        min-height: 150px!important;
    }
    section#yomojo-box div.box-holder .column2 p {
        font-size: 10px;
    }
}

@media only screen and (min-device-width: 900px) and (max-device-width: 1440px) {
    div#banner_personalised {
        min-height: auto!important;
        height: auto!important;
    }
    


}
@media only screen and (max-width: 1439px) {
   .home-index a.learn-more-btn {
        top: -161px; 
   }
}
@media only screen and (max-device-width: 1201px) {
   
}
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation:portrait){
    div#banner {
        min-height: 350px!important;
        height: 350px!important;
    }
     div#banner.home-index {
        min-height: 450px!important;
        height: 450px!important;
    }
    #banner .banner-text-wrap {
        min-height: 340px!important;
        height: 340px!important;
    }
   #devicesdiv h1 {
        margin-top: 45px;
   }
   section#devicesdiv {
        min-height: 470px;
        height: 470px;
   }
   section#page-banner.family {
        min-height: 270px!important;
        height: 270px!important;
    }
    section#page-banner.family .banner-text h1 {
        font-size: 30px!important;
    }
    section#page-banner.family .banner-text-wrap {
        min-height: 204px!important;
        height: 204px!important;
    }
    .testimonial {
        margin-left: 12%;
    }
    h2.family-text.text-center {
        margin-top: 0;
    }
    
    div#banner.home-index {
       /* background: url("../img/banner-bg-tablet.jpg")  no-repeat scroll center/cover transparent!important;*/
        background: url("../img/banner-bg-tablet.jpg")  no-repeat scroll top center transparent!important;
       /*  min-height: 308px!important;
        height: 308px!important;*/
       /* min-height: 388px!important;
        height: 388px!important;*/
        /* min-height: 294px!important;
        height: 294px!important;*/  
        background-size: 100%!important;  
        -webkit-background-size: 100%!important; 
        -moz-background-size: 100%!important; 
        -o-background-size: 100%!important; 
        -ms-background-size: 100%!important; 
        background-attachment: initial;
        height: 100%;
    }
    .banner-text-wrap .banner-text {
        margin-top: 0;
        margin-left: 50px;
    }
    #plans-tabs {
        padding: 50px 0 20px!important;
    }
    .banner-text.container-left {
        top: 161px;
        position: relative;
    }
    .home-index a.learn-more-btn {
        top: -142px!important;
    }
    #banner.home-index .banner-text-wrap {
        /* margin-top: 48px!important; */
         margin-top: 0px!important;
    }
    #plans-tabs p.plan-title.mobilepl {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 47px;
    }
    #plans-tabs p.plan-title.famtitle {
        font-size: 18px;
    }
    #plans-tabs p.plan-title {
        font-size: 16px;
    }
    .img-wrap img {
        height: 76px;
    }
}

@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation:landscape){ 
    section.devices-div {
        height: 415px;
        min-height: 415px;
    }
    /*section#page-banner.family {
        min-height: 285px!important;
        height: 285px!important;
    }  */  
    section#page-banner.family {
        min-height: 345px!important;
        height: 345px!important;
    }
    .home-index a.learn-more-btn {
        position: relative;
    }    
    .competition {
        width: 64%;
        margin: 200px auto;
    }
    .banner-text-wrap a {
        max-width: 226px;
    }
    #banner .banner-text-wrap {
        margin-top: 60px;
    }

    @supports (-ms-ime-align:auto) {
        #banner .banner-text-wrap {
            margin-top: 20px;
        }   
    }

    .home-index .banner-text-wrap .banner-text {
        min-height: 220px!important;
        height: 220px!important;
    }
    #kids .inner-dv .indiv_wrap {
        min-height: 368px;
    }
    #kids .inner-dv .indiv_wrap {
        margin-top: 15px;
        margin-left: 30px;
        padding-top: 20px;
    }
    section#monitor, section#track {
        min-height: 412px!important;
    }
}

 @media only screen and (max-width: 800px) and (orientation : portrait) {
    /* PORTRAIT:
    Samsung Galaxy Tab 3(10")
    Amazon indle Fire HD
    Motorola Xoom 1, 2 */
    #login-form-wrap {
        min-height: 880px;
    }
    #banner .banner-text-wrap {
        min-height: 250px!important;
        height: 250px!important;
        margin-top: 60px;
    }
}


    
    /* iPad Air */
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation : portrait) { 
     #login-form-wrap {
        min-height: 702px!important;
        height: 100%;
    }
    li.planlist {
        max-width: 113px;
        min-width:100px;
    }
    li.planlist.with-value, li.planlist.no-value{
        background-size: 95px;
    }
    span.big-savings {
        margin-left:0;
    }
    span.big-savings {
        font-size: 30px;
    }
    span.non-disc-price, span.new-price {
        font-size:12px;
    }
    .desktop-view span.non-disc-price, span.new-price {
        font-size:10px;
    }
    
    p.active-alloc {
        font-size: 15px;
    }
    .savings-disc.active {
        left:17%;
    }
    .desktop-view li.planlist.no-value span.new-price-disc {
        font-size: 16px;
    }
    .bundle-ulist.tablet-view {
        width: 342px;
    }
    .bundle-ulist.tablet-view span.new-price-disc {
        font-size: 2.0vw; 
    }
    .bundle-ulist.tablet-view span.new-price-disc {
        top: 5px;
        left:-2px;
    }
    li.planlist.no-value.click_add_sim {
    /*background:#fff url("../images/familybundle/AddSIM.svg") no-repeat center;*/
        background-size: 92px; 
    } 
    .img-wrap {
        min-height: 335px;
        padding: 10px 5px;
    }
    #plans-tabs p.plan-title, #plans-tabs p.plan-desc {
        font-size: 16px;
    }
    .optus-powered {
        margin: 20px 0 50px 0;
    }
    #banner .banner-text-wrap {
        margin-top: 28px!important;
    }
    #banner.home-index.left-side.wirelessBg .banner-text-wrap {
        margin-top: 100px!important;
    }
}

@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation : landscape)  {
    div#banner.home-index {
        height: 350px!important;
        min-height: 350px!important;
    }
    .banner-text-wrap .banner-text {
        margin-left: 113px;
    }
    
    .competition {
        width: 80%;
        margin: 232px auto;
    }
    
    .home-index a.learn-more-btn {
        top: -142px!important;
        position: relative;
    }
    .banner-text-wrap .banner-text {
        margin-top: 10px!important;
    }
    .img-wrap {
        min-height: 345px;
        padding: 10px 5px;
    }
    .home-index .center-design .banner-text-wrap p.promocode-line {
        margin-bottom: 12px;
    }
    .center-design #banner .banner-text-wrap {
        height: 330px!important;
        min-height: 330px!important;
    }
    #plans-tabs p.plan-title.mobilepl {
        margin-bottom: 0;
    }
    #plans-tabs p.plan-title.famtitle {
         margin-bottom: 5px;
    }
    .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2 {
        line-height: 20px;
    }
}

@media only screen and (device-width: 768px) 
and (device-height: 1024px) 
 and (-webkit-min-device-pixel-ratio: 2)
and (orientation : landscape) { 
    section#yomojo-box div.box-holder .column1 img {
        margin: 65px auto!important;
    }

}
/* ----------- Galaxy Tab S ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px)
  and (-webkit-min-device-pixel-ratio: 2)  
  and (orientation : portrait) 
 {
    
 }

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) { 
    section#faq {
        min-height: 426px!important;
    }
    
}




/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    #hwbb_modal #goto_signup {
        margin:20px auto;
    }

    #plans-tabs {
        padding: 50px 0 20px!important;
    }
    .content-left {
        width: 38%;
        position: relative;
    }
    #plans-tabs p.plan-title {
        margin: 0 0 10px 0;
        height: 45px;

    }
    section#yomojo-box div.box-holder .column1 img {
        margin: 8px auto;
    }

    
  }

/* ipad pro */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .content-left {
        width: 38%;
        position: relative;
    }
    .home-index a.learn-more-btn {
        top: -163px!important;
    }
    .banner-text-wrap .banner-text {
        margin-top: 0!important;
    }
    #banner .banner-text-wrap {
        height: 350px;
        min-height: 350px;
        margin-top: 60px;
    }
    section#yomojo-box div.box-holder .column1 img {
        margin: 53px auto;
    }
    /* div#banner.home-index {
        height: auto!important;
        min-height: auto!important;
    } */
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5)  {
     .content-left {
        width: 45%;
        position: relative;
    }
      
    #banner .banner-text-wrap {
        height: 350px;
        min-height: 350px;
        margin-top: 60px;
    }

  }
/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5){
   
    .content-left {
        width: 42%;
        position: relative;
    }
    #banner .banner-text-wrap {
        height: 350px;
        min-height: 350px;
        /*margin-top: 60px;*/
        margin-top: 10px;
    }
    .banner-text.container-left {
        top: 0;
    }
     #plans-tabs p.plan-title {
            font-size: 23px;
            padding-top: 0;
            line-height: 24px;
            margin:0 0 9px 0;
    }
    #plans-tabs p.plan-title.mobilepl {
        margin:0 0 15px 0;
        line-height: 45px;
    }
     #plans-tabs p.plan-title.famtitle{
        margin:0 0 15px 0;
        line-height: 45px;
    }
   
    
}


.home-index .banner-text-wrap h1 {
    /*color: #FF4505!important;*/
    font-family: "Montserrat";
    line-height: 65px;
    /*background: linear-gradient(to left,  rgba(246,99,45, 0), rgba(255,147,30, 1), rgba(228,0,77,0));
    background: -webkit-linear-gradient(to left,  rgba(246,99,45, 0), rgba(255,147,30, 1), rgba(228,0,77,0));
    background: -ms-linear-gradient(to left,  rgba(246,99,45, 0), rgba(255,147,30, 1), rgba(228,0,77,0));
    background: -moz-linear-gradient(to left,  rgba(246,99,45, 0), rgba(255,147,30, 1), rgba(228,0,77,0));
    background: -o-linear-gradient(to left,  rgba(246,99,45, 0), rgba(255,147,30, 1), rgba(228,0,77,0));
    background-image: linear-gradient(to left,  rgba(246,99,45, 0), rgba(255,147,30, 1), rgba(228,0,77,0));*/

     background: linear-gradient(to left,  #F6632D 0%, #FF931E 50%, #E4004D 100%);
     background: -webkit-linear-gradient(to left,  #F6632D 0%, #FF931E 50%, #E4004D 100%);
     background: -ms-linear-gradient(to left,  #F6632D 0%, #FF931E 50%, #E4004D 100%);
     background: -moz-linear-gradient(to left,  #F6632D 0%, #FF931E 50%, #E4004D 100%);
     background: -o-linear-gradient(to left,  #F6632D 0%, #FF931E 50%, #E4004D 100%);
     background-image: linear-gradient(to left,  #F6632D 0%, #FF931E 50%, #E4004D 100%);  
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4004D', endColorstr='#F6632D',GradientType=0 );   
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
    letter-spacing: -2px;
}



.home-index span.sec-line {
    color: #515151!important;
    font-size: 39px;
    background:transparent;
    -webkit-text-fill-color:#515151!important;
    text-shadow: 0px 0px 0px 1px #515151;
    /*background:transparent;*/
    /* background: linear-gradient(to left,  #515151 0%, #515151 50%, #515151 100%);
     background: -webkit-linear-gradient(to left,  #515151 0%, #515151 50%, #515151 100%);
     background: -moz-linear-gradient(to left,  #515151 0%, #515151 50%, #515151 100%);
     background: -o-linear-gradient(to left,  #515151 0%, #515151 50%, #515151 100%);
     background-image: linear-gradient(to left,  #515151 0%, #515151 50%, #515151 100%);     
    -webkit-background-clip: text!important;*/
    /*-webkit-text-fill-color: transparent; */

}
.home-index .center-design span.sec-line {
    font-size: 50px;
}



.home-index .banner-text-wrap a {
    font-family: "Montserratsemibold";
}
/*.home-index .center-design .text-holder {
    position: relative;
    bottom: -14px;
}*/
#who-we-are p {
        font-family: "Montserrat";
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1366px) {
    section.plans.banner_dataonly#banner_personalised.about-us .banner-title-wrap
     {
        height: 550px;
        min-height: 550px;
    }
  }
@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) { 
         div#banner {
            /*background: url(/assets/img/homeBanner_mobile_landScape.jpg) no-repeat scroll top right transparent!important;*/
            /* background-size: 100%!important; 
            -webkit-background-size: 100%!important; 
            -moz-background-size: 100%!important; 
            -o-background-size: 100%!important; 
            -ms-background-size: 100%!important; 
            background-attachment: initial; */
           
        }
        .home-index .banner-text-wrap a {
            margin-bottom: 0;
        }
        .banner-text-wrap a {
            margin:0!important;
        }
        .home-index span.sec-line {
            display: block;
            /*text-align: left;*/
            text-align: center;
            font-size: 22px;
        }
        .home-index .banner-text-wrap h1 {
            display: block;
           /* text-align: left;*/
            text-align: center;
            font-size: 2.2em;
            margin-bottom: 0;
        }
        .banner-text-wrap .banner-text {
            min-height: auto!important;
            height: auto!important;
        }
       
        .home-index .banner-text-wrap a {
            margin:40px auto!important;
            /*top: -510px!important;*/
        } 
         .home-index .center-design .banner-text-wrap a {
            margin:20px auto!important;
            /*top: -510px!important;*/
        } 
        .banner-text-wrap .banner-text {
            margin-top: 805px;
        }
        #plans-tabs p.plan-title {
                font-size: 30px!important;
                line-height: 30px;
        }
        #plans-tabs p.plan-desc {
            font-size:18px!important; 
        } 
        #banner.home-index.left-side .center-design.left-design .banner-text-wrap {
           /* margin-top: 226px!important;*/
            /* margin-top: 200px!important; */
              margin-top:0!important;
        }
        #banner.home-index.left-side.wirelessBg .center-design.left-design .banner-text-wrap {
            /* margin-top: 226px!important;*/
             /* margin-top: 80px!important; */
         }
         .home-index.left-side.wirelessBg .center-design .banner-text-wrap a {
             top   :-29px!important;
         }
        

    }    

@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : landscape) {

        div#banner {
            /*background: url(/assets/img/homeBanner_mobile_landScape.jpg) no-repeat scroll top right transparent!important;*/
           background-size: 100%!important; 
           -webkit-background-size: 100%!important; 
           -moz-background-size: 100%!important; 
           -o-background-size: 100%!important; 
           -ms-background-size: 100%!important; 
           background-attachment: initial;
        }
        
        .home-index .banner-text-wrap a {
            margin-bottom: 0;
        }
        .banner-text-wrap a {
            margin:0!important;
        }
        .home-index span.sec-line {
            display: block;
            /*text-align: left;*/
            text-align: center;
            font-size: 25px;
        }
        .home-index .banner-text-wrap h1 {
            display: block;
           /* text-align: left;*/
            text-align: center;
            font-size: 2.5em;
            margin-bottom: 0;
        }
        .home-index.left-side .banner-text-wrap h1 {
            font-size: 3.5em;
        }
         .banner-text-wrap .banner-text {
            min-height: auto!important;
             height: auto!important;
        }
        .content-left,  .home-index .banner-text-wrap a{
            margin:20px auto!important;
        }
        
        .home-index .banner-text-wrap a {
            /*top: -377px!important;*/
        }
        #banner.home-index .banner-text-wrap {
           /* margin-top: 700px!important;*/
            /*margin-top: 480px!important;*/
        }
         #banner.home-index .center-design .banner-text-wrap {
            /*margin-top: 700px!important;*/
            margin-top: 277px!important;
           
        }
       /* #banner.home-index .center-design.left-design .banner-text-wrap {
             margin-top: 235px!important;
        }*/
        #plans-tabs p.plan-title {
            font-size: 28px!important;
            line-height: 28px!important;
            margin-bottom: 30px!important;
        }
        #banner.home-index.left-side.wirelessBg .center-design .banner-text-wrap h1 {
            font-size: 30px;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2 {
            font-size: 15px;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap a {
            top:-35px;
        }
        /*section#plans-tabs {
            margin-top: 88px!important;
        }*/
       

    }

@media only screen 
    and (min-device-width : 360px) 
    and (max-device-width : 640px) 
    and (orientation:portrait){
        /*#banner.home-index.left-side.unli-promo .center-design.left-design .banner-text-wrap {
            margin-top: 380px!important;
        }*/
        .home-index.left-side.unli-promo .center-design.left-design .text-holder p.disclaimer {
            line-height: 20px;
        }
    }


@media only screen 
    and (min-device-width : 360px) 
    and (max-device-width : 640px) 
    and (orientation:landscape){
        .home-index.left-side.unli-promo .center-design .text-holder p.disclaimer {
            line-height: 18px;
        }
        .home-index.left-side.unli-promo .page_title {
            margin-top: 20px;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2 {
            font-size: 13px;
            margin-bottom: 0;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2.install {
            font-size: 15px;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap a {
            top: -36px!important;
        }
        .home-index.left-side .carousel-indicators {
            bottom: 10px!important;
        }
        
    }



@media only screen 
    and (min-device-width : 360px) 
    and (max-device-width : 640px)
    and (-webkit-device-pixel-ratio: 3)
    and (orientation:portrait) {
        #banner.home-index .banner-text-wrap {
            margin-top: 351px!important;
        }
        .home-index a.learn-more-btn {
            top: -220px!important;
        }
        div#banner.home-index {
            background-attachment: initial!important;
            /*height: 850px!important;
            min-height: 850px!important;*/
            height: 650px!important; 
            min-height: 650px!important; 
            /*height: 700px!important;
            min-height: 700px!important;*/
        }
         div#banner.home-index.left-side  {
            /*height: 750px!important; 
            min-height: 750px!important; */
            /* height: 450px!important; 
            min-height: 450px!important;  */
            height: 500px!important; 
            min-height: 500px!important; 
            margin-bottom: 34px;
         }
         div#banner.home-index.left-side.unli-promo  {
            /*height: 750px!important; 
            min-height: 750px!important; */
            height: 550px!important; 
            min-height: 550px!important; 
            margin-bottom: 0;
         }

        #banner.home-index .banner-text-wrap {
            margin-top: 250px!important;
        }
        .home-index.left-side .portrait-visible {
            display: block;
        }
        #banner.home-index.left-side .center-design .banner-text-wrap h1 {
            line-height: 50px!important;
        }
        /*#banner.home-index.left-side .center-design.left-design .banner-text-wrap {
            margin-top: 377px;
        }*/
    }

/*galaxy s5*/
 @media only screen 
    and (min-device-width : 360px) 
    and (max-device-width : 640px)
    and (-webkit-device-pixel-ratio: 2)
    and (orientation:landscape) {
        /*#banner.home-index .center-design.left-design .banner-text-wrap {
            margin-top: 197px!important;
        }*/

    }

 @media only screen 
    and (min-device-width : 360px) 
    and (max-device-width : 640px)
    and (-webkit-device-pixel-ratio: 3)
    and (orientation:landscape) {
       
        section#plans-tabs {
            /* padding-top: 30%!important; */
             /* padding-top: 10%!important; */
             padding-top: 5%!important;
        }
        .content-left {
            width: 100%;
          /*  top: 2px!important;*/
            position: relative;
        }
        .home-index a.learn-more-btn {
           /* top: -450px!important;*/
            top: -372px!important;
            position: relative;
        }
        #banner.home-index .center-design.left-design .banner-text-wrap {
            margin-top: 185px!important;
        }

       
    }

    /* Galaxy S5 portrait */
 @media screen 
      and (device-width: 360px) 
      and (device-height: 640px) 
      and (-webkit-device-pixel-ratio: 3) 
      and (orientation: portrait) {
        
        #banner.home-index.left-side .center-design.left-design .banner-text-wrap {
            margin-top: 351px!important;
       }

        #banner.home-index.left-side.unli-promo .center-design.left-design .banner-text-wrap {
            margin-top: 379px!important;
       }
}

    /* Galaxy S5 landscape */
    @media screen 
      and (device-width: 360px) 
      and (device-height: 640px) 
      and (-webkit-device-pixel-ratio: 3) 
      and (orientation: landscape) {

 }

/*iphone x*/

@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 812px)     
    and (-webkit-device-pixel-ratio : 3)
    and (orientation:portrait) {
        .home-index .banner-text-wrap .banner-text {
            position: relative;          
        }
        .home-index a.learn-more-btn {
            top: -229px!important;
        }
        section#plans-tabs {           
            margin-top: 0!important;
        }
        section#plans-tabs {
            padding-top: 2%!important;
        }
        #banner.home-index .banner-text-wrap {
            /*margin-top: 425px!important;*/
            margin-top: 267px!important;
        }
        #plans-tabs p.plan-button {
            bottom: 45px;
        }
        #plans-tabs p.plan-title {
            line-height: 28px!important;
        }

         .center-design span.first-line {
            line-height: 34px;
        }
       
        .center-design span.first-line {
            line-height: 34px;
        }
        .home-index.left-side .portrait-visible {
            display: block;
        }
        #banner.home-index.left-side .center-design .banner-text-wrap h1 {
            line-height: 50px!important;
        }
        .home-index.left-side .portrait-visible {
            display: block;
        }
        #banner.home-index.left-side .center-design .banner-text-wrap h1 {
            line-height: 50px!important;
        }
        .home-index.unli-promo .center-design.left-design .text-holder p.disclaimer {
            font-size: 11px;
            line-height: 17px;
        }
        section#banner_family p.secondliner span {
            display: none;
        }
        section#monitor-track {
            min-height: 850px;
        }
        #banner.home-index.left-side.wirelessBg .banner-text-wrap {
            margin-top: 100px!important;
        }
        /*.free-trial-box, .free-trial-box.box-fixed {
            display: none!important;
        }*/
    }



@media only screen 
    and (min-device-width : 375px) 
    and (max-device-height : 812px)    
    and (-webkit-device-pixel-ratio : 3)
    and (orientation:landscape) { 
        .wireless li.benefits.fifth, .wireless li.benefits.sixth  {
            height: 67px!important;
        }
        .banner-text-wrap .banner-text {
            margin-top: 0!important; 
        }
        .banner-text.container-left {
            top: 189px;
            position: relative;
        }     
        #banner .banner-text-wrap {
            /*height: 250px!important;
            min-height: 250px!important; */
            height: 290px!important;
            min-height: 290px!important; 
            margin-top: 50px!important;
        }
        #banner.left-side .banner-text-wrap {
            height: 250px!important;
            min-height: 250px!important;
        }
        .content-left {
            top: 3px!important;
            position: relative;
        }
        
        p.plan-desc {
            padding: 10px 9px;
        }
        #plans-tabs p.plan-title, #plans-tabs p.plan-desc {
            font-size: 11px!important;
        }
        #plans-tabs p.plan-desc.mini {
            font-size: 19px;
        }
        .img-wrap {
            height: 295px;
        }
        #plans-tabs p.plan-title{
            font-size: 16px!important;
            /*height: 45px;*/
        }
         #plans-tabs p.plan-desc  {
             line-height: 17px;
         }
        .img-wrap img {
            /*height: 158px!important;*/
            height: 53px!important;
        }
        #plans-tabs p.plan-desc.mini {
            font-size: 10px;
            margin-top: -4px;
        }
        .home-index .center-design .text-holder {
            left:0;
            top: 37px;
        }
        .home-index .center-design .banner-text-wrap h2 {
            font-size: 16px;
        }
        .home-index .center-design .banner-text-wrap h2 {
            margin-top: 0;
        }
       /* section#plans-tabs {
            margin-top: -24px!important;
        }*/
         section#plans-tabs {
            margin-top: -20px!important;
        }
        .home-index.left-side .center-design .text-holder p.disclaimer {
            width: 100%;
        }
        #banner.home-index.left-side .banner-text-wrap {
            margin-top: 13px!important;
        }
        #kids .inner-dv {
            padding-left: 50px;
            margin-bottom: 30px;
        }
       /* .free-trial-box, .free-trial-box.box-fixed {
            display: none!important;
        }*/
        #protect .benefits-wrap, #empower .benefits-wrap,
        #track .benefits-wrap, #monitor .benefits-wrap {
            width: 65%;
            margin:40px auto;
           

        }
        
         #protect .benefits-wrap {
            margin-left: auto!important;
         }
         #track br {
            display: none;
         }
         #monitor-track img {
            padding-top: 81px;
        }
        section.banner_dataonly#banner_personalised.about-us {
            background: #fff url(../img/OurStoryBG.png) top right/cover no-repeat!important;
            height: 370px!important;
            min-height: 370px!important;
            background-size: 189%!important;
        }
        section#monitor-track .monitor-div {
            padding-left: 70px;
        }
        #monitor-track .img-responsive {
            margin-top: 11px;
        }
        .home-index .center-design.left-design .text-holder {
            left:0;
        }
        .home-index.left-side .center-design .banner-text-wrap h1 {
            margin-bottom: 20px;
        }
        .home-index .center-design.left-design .banner-text-wrap h2 {
            font-size: 14px;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap a {
            top:1px;
        }
        /* .wless .jumbotron {
            transform: translateX(22%)!important;
        } */
        .webp section.banner_unli#banner_personalised {
            background: #000 url(../../img/HWBBTableLandscape4G@2x.webp) top center/100% no-repeat !important;
            margin: 0;
            height: 436px;
        }
        .nowebp section.banner_unli#banner_personalised {
            background: #000 url(../../img/HWBBTableLandscape4G@2x.png) top center/100% no-repeat !important;
            margin: 0;
            height: 436px;
        }
       


}
/*iPhone 11 Pro*/
/* 2436x1125px at 458ppi */
@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (orientation:landscape){ 
        div#banner.left-side {
            height:470px!important;
        }

}
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (orientation:landscape) {
        .banner-text-wrap .banner-text {
            margin-top: 0!important; 
        }
         #banner.home-index.left-side .banner-text-wrap {
            margin-top: 13px!important;
        }
        #banner.home-index.left-side.wirelessBg .banner-text-wrap {
            margin-top: 100px!important;
        }
        div#banner.left-side {
            height:470px!important;
        }
    }


@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 568px) 
    and (orientation:portrait){
        #banner.home-index .banner-text-wrap {
            margin-top: 350px;
        }
        .img-wrap {
            min-height: 330px;
        }
        #plans-tabs p.plan-title, #plans-tabs p.plan-desc {
            font-size: 18px;
            line-height: 18px;
            margin-bottom: 14px;
        }
        .home-index.left-side .portrait-visible {
            display: block;
        }
        #banner.home-index.left-side .center-design .banner-text-wrap h1 {
            line-height: 50px!important;
        }
    }
@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 568px) 
    and (orientation:landscape){ 
        #banner.home-index.left-side .center-design .banner-text-wrap h1 {
            font-size: 48px;
        }
        .home-index.left-side .center-design .banner-text-wrap h2 {
            font-size: 14px;
            line-height: 15px;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2 {
            font-size: 15px;
            
        }
        #banner.home-index.left-side .center-design .banner-text-wrap {
            margin-top: 200px!important;
        }
        #banner.home-index.left-side.wirelessBg .center-design.left-design .banner-text-wrap {
            /* margin-top: -33px!important; */
        }
        /*section#plans-tabs {
            padding-top:26%!important;
        }*/
    }
    
/*iphone 6s browserstack*/


 @media only screen 
    and (device-width: 375px) 
    and (device-height: 667px)     
    and (orientation:portrait){  
        #plans-tabs p.plan-title.mobilepl, #plans-tabs p.plan-title.famtitle {
            font-size: 20px;
            line-height: 20px;
        }
        .home-index.left-side .portrait-visible {
            display: block;
        }
        #banner.home-index.left-side .center-design .banner-text-wrap h1 {
            line-height: 50px!important;
        }
        .home-index .center-design.left-design .text-holder {
           /* top: 50px*/
        }
        div#banner.home-index.left-side {
            /*height: 870px!important;
            min-height: 870px!important;*/
            /* height: 670px!important;
            min-height: 670px!important; */
              height: 500px!important;
            min-height: 500px!important;
        }
        div#banner.home-index.left-side.unli-promo {
           /* height: 770px!important;
            min-height: 770px!important;*/
             height: 570px!important;
            min-height: 570px!important;
        }
        .home-index .center-design.left-design .text-holder p.disclaimer {
            line-height: 18px;
        }
        #banner.home-index.left-side.unli-promo .center-design.left-design .banner-text-wrap {
            margin-top: 280px!important;
        }

    }
    @media only screen 
    and (device-width: 375px) 
    and (device-height: 667px)     
    and (orientation:landscape){   
        .home-index .center-design .text-holder {
            top: 20px;
        }
        
        /*#banner.home-index .banner-text-wrap {
            margin-top: 670px!important;
        }*/
        section#plans-tabs {            
            padding-top: 15%!important;
        }
        .home-index a.learn-more-btn {
            top: -373px!important;
            position: relative;
        }
        #plans-tabs p.plan-title.mobilepl, #plans-tabs p.plan-title.famtitle {
            font-size: 25px!important;
            line-height: 25px!important;
        }
        section#plans-tabs {
            /* padding-top: 25%!important; */
            padding-top: 5%!important;
        }
        section.banner_dataonly#banner_personalised.about-us {
            height: 141px;
        }
        section#monitor-track {
            min-height: 1200px;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap a  {
            top:-29px;
        }
        #myCarouselBanner .carousel-indicators {
            bottom: 10px!important;
        }
    }
    
    

    @media only screen 
    and (device-width : 414px) 
    and (device-height : 736px) 
    and (orientation : portrait) {
           
            .competition {
                    margin: 144px auto!important;
                }
            
            .home-index a.learn-more-btn {
                top: -253px!important;
                position: relative;
            }
            section#plans-tabs {
                padding-top: 12%!important;
            }
            .img-wrap {
                min-height: 435px;
            }
            #plans-tabs p.plan-button {
                bottom: 50px;
            }
            #plans-tabs p.plan-title, #plans-tabs p.plan-desc {
                font-size: 23px!important;
                line-height: 27px;
            }
            #plans-tabs p.plan-title {
                margin: 20px 0 10px 0;
                height: 60px;
                font-size: 31px!important;
            }
            #plans-tabs p.plan-desc.mini {
                font-size: 23px;
                margin-top: 16px;
            }
            #plans-tabs p.plan-title.mobilepl, #plans-tabs p.plan-title.famtitle {
                font-size: 26px!important;
                line-height: 26px!important;
            }
            .img-wrap img {
                height: 109px;
            }
            .home-index.left-side .portrait-visible {
                display: block;
            }
            #banner.home-index.left-side .center-design .banner-text-wrap h1 {
                line-height: 50px!important;
            }
            .home-index .center-design.left-design .text-holder {
                top: -46px;
            }
            section#unlimited_div {
                padding-top: 0!important;
            }
            .home-index.unli-promo .center-design.left-design .text-holder p.disclaimer {
                font-size: 12px;
                line-height: 20px;
            }

    }

/*iphone 8*/
     @media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) {
           
            .home-index a.learn-more-btn {
                top: -400px!important;
            }
            section#plans-tabs {
                /*padding-top: 45%!important;*/
               /* padding-top: 10%!important;*/
              /*  padding-top: 20%!important;*/
            }
            #banner.home-index .banner-text-wrap {
                margin-top: 950px;
            }
            #plans-tabs p.plan-title {
                font-size: 23px!important;
                line-height: 27px;
            }
            #plans-tabs p.plan-desc {
                font-size: 20px!important;
                line-height: 25px;
            }
            #plans-tabs p.plan-title {
                margin: 20px 0 10px 0;
                height: 60px;
                font-size: 31px!important;
            }
            #plans-tabs p.plan-desc.mini {
                font-size: 23px;
                margin-top: 16px;
            }
            .home-index.left-side .center-design .text-holder p.disclaimer {
                width: 100%;
            }
            section#unlimited_div {
                padding-top: 50px;
            }
            /*section#plans-tabs {
                margin-top: 32px!important;
            }*/
            /*.home-index .center-design.left-design .text-holder {
                top: 73px;
            }*/
            section#monitor-track {
                min-height: 1300px;
            }
            section#monitor-track p {
                font-size: 20px;
            }
            section#monitor-track h1 {
                font-size: 32px;

            }
    }

/*iphone 8 plus */
 @media only screen 
    and (device-width : 414px) 
    and (device-height : 736px) 
    and (orientation : landscape) 
    and (-webkit-device-pixel-ratio : 3) { 
        section#monitor-track {
            height: 1220px!important;
            min-height: 1220px!important;
            margin-bottom: 100px;
        }
    }
/*iphone 5*/
 @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 568px)
    and (orientation:landscape) {    

      .content-left {
            width: 100%;
            position: relative;
      }
      #plans-tabs p.plan-title {
                font-size: 23px!important;
                line-height: 23px;
      }
      #plans-tabs p.plan-desc {
            font-size: 18px!important;
            line-height: 25px;
      }
      #who-we-are p {
        font-size: 12px;
      }
      #banner.home-index.left-side.wirelessBg .center-design.left-design .banner-text-wrap {
        margin-top: 29px!important;
      }
      .homepageBanner .carousel-control {
        width: 6%;
      }
      /* div#banner.home-index.left-side {
        height: 350px!important;
        min-height: 350px!important;
      } */

      /* div#banner.home-index.left-side.unli-promo {
        height: 550px!important;
        min-height: 550px!important;
      } */
      div#banner.home-index.left-side.unli-promo {
        height: 200px!important;
        min-height: 200px!important;
      }

      
    } 
/*pixel 2 */
    @media only screen 
    and (device-width : 411px) 
    and (device-height : 823px)
    and (-webkit-device-pixel-ratio: 3.5) 
    and (orientation:landscape)  {
            #banner .banner-text-wrap {
                margin-top: -81px;
            }
            .home-index a.learn-more-btn {
                top: -207px!important; 
            }
    }

   @media only screen 
   and (min-width : 1920px) { 
            div#banner.home-index  {
            min-height: 527px!important;
            height: 527px!important;
        }     
       /* #plans-tabs p.plan-title {
            font-size: 16px;
            padding-top: 7px;
        }*/
         #plans-tabs p.plan-title {
            font-size: 24px;
            padding-top: 0;
            line-height: 24px;
            margin:0 0 9px 0;
        }
        #plans-tabs p.plan-title.mobilepl {
            margin:0 0 15px 0;
            line-height: 45px;
        }
         #plans-tabs p.plan-title.famtitle{
            margin:0 0 15px 0;
            line-height: 45px;
        }
        .center-design span.first-line {
            line-height: 53px;
        }
        .center-design.left-design span.first-line {
            line-height: 84px;
        }
        .center-design.left-side span.first-line {
            line-height: 77px;
        }
        #banner .banner-text-wrap {
            margin-top: 80px;            
        }
        #banner.left-side.wirelessBg .banner-text-wrap {
            margin-top: 0;
        }
        .center-design .banner-text-wrap {
           /* margin-top: 64px!important;*/
            display: flex;            
            /*border: 1px solid green;*/
            position: relative;
        }
        div#banner.home-index {
            /*min-height: 475px!important;
            height: 475px!important;*/
        }

       section#page-banner.family {
            height: 552px!important;
            min-height: 552px!important;
        } 

        section#page-banner .banner-text p{
            font-size: 1.30em!important;
        }

        section#page-banner .banner-text h1 {
            font-size: 47px;
        }

        #kids .monitor-wrap {
            padding-left: 174px;
        }

    }

    @media only screen and (min-width: 2560px) {
        div#banner.home-index {
            min-height: 727px;
        }
        
        .home-index .center-design .banner-text-wrap h1 {
            font-size: 50px;
        }
        .home-index .center-design .banner-text-wrap p.sec-line {
            font-size: 60px;
        }
        .home-index .center-design .banner-text-wrap h2, .home-index .center-design .banner-text-wrap p.promocode-line {
            font-size: 22px;
        }
        .home-index .center-design .text-holder p.disclaimer {
            font-size: 16px;
            
        }
        .home-index .center-design.left-design .text-holder p.disclaimer,
        .home-index .center-design.left-design .banner-text-wrap h1 {
            
            width: auto!important;
        }
        .center-design .banner-text-wrap {
            margin-top: 93px!important;
        }
        #banner .banner-text-wrap {
            margin-top: 155px!important;
        }
        .banner-text-wrap .banner-text {
            min-height: 260px!important;
            height: 260px!important;
        }
        .home-index .banner-text-wrap h1 {
            line-height: 63px;
        }
        .inner-dv {
            width: 50%;
            margin: 150px auto;
        }
        #kids .inner-dv h1 {
            font-size: 39px;
        }
        section#kids.familyprodapp p {
            font-size: 20px;
            line-height: 36px!important;

        }
        section#kids.familyprodapp ul li {
                line-height: 37px;
                font-size: 20px;
        }
        #kids .inner-dv {
                margin: 150px auto;
        }
        section.banner_dataonly#banner_personalised.about-us {
            height: 550px;
            min-height: 550px;

        }
        section.banner_dataonly#banner_personalised.about-us .banner-title-wrap {
            height: 550px;
            max-height: 550px;
        }
        section.banner_dataonly#banner_personalised.about-us {            
            background: url(../img/OurStoryBG.png) top right no-repeat!important;
            background-size: 100%!important;

        }
        .family-holder {
            width: 870px;
            margin: 0 auto;
        }

        .home-index.left-side .banner-text-wrap h1 {
            font-size: 105px!important;
        }
        .home-index.left-side .center-design .banner-text-wrap h2 {
            font-size: 28px;
        }
    }


@media screen and (-webkit-min-device-pixel-ratio:0) {
    @media (max-width: 1024px) and (min-width: 768px){
        #pricing.m-plans, #pricing.mb-plan{
            display: none!important;
        }
        section#monitor-track p {
            font-size: 14px;
        }
        
    }
}
    @media only screen and (max-width: 420px) {
        .container-fluid.outagecontainer{
            padding-bottom: 20px;
        }
        section.banner_dataonly#banner_family {
            
        }
    }



/*Changes 3/15/19*/
@media only screen and (max-width: 768px) {
    #login-details div input[type="submit"].login{
        float: none;
    }
    section#banner_family p.secondliner span {
        display: block;
    }
    section#banner_family.plans .banner-title-wrap {
        margin:0 auto;
        width: 100%;
    }
    section#banner_family.plans .banner-title-wrap p {
        text-align: left;
        width: 50%;
    }
    section#banner_family.plans .banner-title {
        vertical-align: bottom;
    }
    section.banner_dataonly#banner_family {
        /*height: 473px;*/
        background: url(../img/FamilyEye_TP.jpg) no-repeat scroll top center #fff!important;
        
    }
    
    section#banner_family p.secondliner span {
        display: inline-block!important;
    }
    
    section#family-box .background-white.why-family .getting-started-family ul.fam-plans-family {
        max-width: 618px!important;
    }
    section.banner_dataonly#banner_personalised.about-us {
        margin-top: 119px;
    }
    section#yomojo-box div.box-holder .column1 img {
        margin: 4px auto;
    }
    section.banner_dataonly#banner_personalised.about-us {
        height: 158px;
    }
    #monitor-track img {
        padding-top: 86px;
    }
    .column2-text {
        padding:0!important;
    }
    section#monitor-track p {
        font-size: 12px;
        line-height:28px!important;
    }
    section#monitor-track .monitor-div {
        margin-top: 52px;
        padding-left: 75px;
    }
    section#monitor-track {
        height: 290px!important;
        min-height: 290px!important;
    }
    .column2-text {
        height: 77px;
    }
     .column2-text br {
        display: none;
     }
     section#yomojo-box div.box-holder .column1, .column2-text {
        /*width: 339px;*/
        height: 260px;
    }
    .column2-text  {
        padding:20px!important;
    }
    #who-we-are p {
        font-size: 17px!important;
    }
    .col-md-12.col-lg-12.col-sm-12.col-xs-12.text-who {
        margin-left: 0;
        margin-right: 0;
        padding:0 15px;
    }
    .col-lg-6.col-md-6.col-sm-6.col-xs-12.logo-x {
        margin-right: 0;
        /*margin-left: 15px;*/
        margin-left: 0;
        padding:0;
    }
    section#monitor-track p {
        font-size: 16px;
    }
    #awardsdiv.bout {
        margin-bottom: 0;
    } 
    section.banner_dataonly#banner_personalised.about-us {
            height: 350px;
            min-height: 350px;
            background-size: 102%!important;
    }
    /*section.plans#banner_personalised.about-us .banner-title-wrap {
        height: 250px!important;
        max-height: 250px!important;
    }*/
    .family-holder {
        width: auto!important;
    }
    .home-index .center-design.left-design .text-holder {
        left:0;
    }
    #banner.home-index.left-side.wirelessBg .banner-text-wrap {
        /* margin-top: 70px!important; */
        margin-left:0;
    }
    #banner.home-index.left-side .banner-text-wrap {
        height: 360px!important;
        min-height: 360px!important;        
    }
}

@media only screen and (min-width: 768px) {    
    .webp div#banner.left-side { 
        background: url("../images/wireless/tablet_landscape@2x.webp") no-repeat scroll top center #fff!important;
        background-size: 100%!important;         
        background-attachment: initial;
    }

    .no-webp div#banner.left-side {			
        background: url("../images/wireless/tablet_landscape@2x.jpg") no-repeat scroll top center #fff!important;			 
        background-size: 100%!important;         
        background-attachment: initial;
    }
    .webp div#banner.left-side.wirelessBg { 
        background: url("../images/wireless/tabletPortrait4G@2x.webp") no-repeat scroll top center #fff!important;
        background-size: 100%!important;         
        background-attachment: initial;
    }

    .no-webp div#banner.left-side.wirelessBg {			
        background: url("../images/wireless/tabletPortrait4G@2x.png") no-repeat scroll top center #fff!important;			 
        background-size: 100%!important;         
        background-attachment: initial;
    }
    img.award.homefambund {
        width:110px;
    }
}

@media only screen and (min-width: 1024px) {   
    img.award.homefambund {
        width:170px;
    }

}

/*Changes 4/1/19*/
.mb_search.mb_manualsearch ul li div {
    padding: 8px!important;
    margin: 0!important;
}

.mb_search.mb_manualsearch ul li {
    list-style-type: none;
}

.mb_search.mb_automaticsearch ul li div {
    padding: 8px!important;
    margin: 0!important;
}

.mb_search.mb_automaticsearch ul li {
    list-style-type: none;
}


/*iphone 5S*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
    section.benefits-div {
       max-height: 935px!important;
       height: 935px!important;
    }
    .home-index.left-side .portrait-visible {
            display: block;
    }
    /* #banner.home-index.left-side .center-design .banner-text-wrap h1 {
            line-height: 50px!important;           
            font-size: 43px!important;
    } */
    #banner.home-index.left-side .center-design .banner-text-wrap h1 {
        line-height: 25px!important;
        /*font-size: 46px!important;*/
        font-size: 25px!important;
    }
    #banner.home-index.left-side.wirelessBg .center-design .banner-text-wrap h1 {
        /* font-size: 34px!important; */
    }
  }
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){  
    section#monitor-track p br {
        display: none;
    }
    section#monitor-track .monitor-div {
        padding-left: 0!important;
        margin-top: 50px!important;
    }
    section#monitor-track {
        min-height: 1020px;
    }
    #banner.home-index.left-side.wirelessBg .center-design.left-design .banner-text-wrap {
        /* margin-top: -33px!important; */
    }
  }
/*iphone xs max*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) 
    and (orientation : portrait) { 

        div#banner.home-index {
            /*background-attachment: initial!important;
            height: 500px!important;
            min-height: 500px!important;*/
        }
        section#plans-tabs {
            padding-top: 15%!important;
        }
        div#banner.home-index {
            height: 550px!important;
            min-height: 550px!important;
        }
        .home-index.left-side .portrait-visible {
            display: block;
        }
        #banner.home-index.left-side .center-design .banner-text-wrap h1 {
            line-height: 50px!important;
        }
        div#banner.home-index.left-side {
            height: 550px!important;
             min-height: 690px!important;
        }

        #banner.home-index.left-side .center-design.left-design .banner-text-wrap {
            /*margin-top: 440px!important;*/
            margin-top: 280px!important;
            margin-left: 0;
        }
        /*section#unlimited_div {
            padding-top: 0!important;
        }*/
        #unlimited_div .page_title {
            margin-top: 20px;
        }
        .home-index.unli-promo .center-design.left-design .text-holder p.disclaimer {
            font-size: 12px;
        }
        #banner.home-index.left-side.unli-promo .center-design.left-design .banner-text-wrap {
            margin-top: 292px!important;
        }
        section#unlimited_div {
            padding-top: 145px;
        }
        #monitor-track .img-responsive {
            margin-left:0;
        }
    }




 @media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) 
    and (orientation : landscape) { 

       .home-index .banner-text-wrap h1 {
            -webkit-text-fill-color: #FF4505!important;
            background: none!important;
       }
       #banner.home-index .banner-text-wrap {
            margin-top: 250px!important;
            
       }
       div#banner {
            background: url(../img/banner-bg-mobile.jpg) no-repeat scroll center top #fff!important;
        }
        #plans-tabs p.plan-desc {
            font-size: 14px!important;
            line-height: 17px;
        }
        #plans-tabs p.plan-title {
          font-size: 16px!important;
          line-height: 23px;
        }
        #plans-tabs p.plan-desc.mini {
            font-size: 23px;
            margin-top: 5px!important;
        }
        .img-wrap {
            height: 415px;
        }
        .home-index .center-design.left-design .text-holder {
            left:0;
            top: -198px; 
        }
        .home-index .center-design.left-design .banner-text-wrap a {
            margin:0!important;
            width: 100%; 
        }
        section#plans-tabs {
            padding-top: 5%!important;
        }
        .home-index.left-side .center-design .text-holder p.disclaimer {
            width: 90%;
            
        }
        .home-index .center-design.left-design .banner-text-wrap  {
            margin-left: 20px;
        }
        #monitor-track .img-responsive {
            margin-left: 0;
            margin-top: 52px;
        }
        #goto_signup {
            left:auto;
        }
        .webp div#banner.left-side {
            height :400px!important;
        }
        
    }   

   
     @media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) 
    and (orientation : portrait)  {
        div#banner.home-index.left-side {
            height: 550px!important;
             min-height: 550px!important;
        }
        #banner.home-index.left-side.unli-promo .center-design.left-design .banner-text-wrap {
            margin-top: 292px!important;
        }

        
    }

     @media only screen 
    and (min-device-width : 414px) 
    and (min-device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) 
    and (orientation : portrait) {
        section#unlimited_div {
            padding-top: 150px!important;
        }

    }

@media only screen 
    and (min-device-width : 414px) 
    and (min-device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) 
    and (orientation : landscape) { 
        .home-index.left-side.unli-promo .banner-text-wrap h1 {
            margin-left: 0;
        }

    }
    

/*iphone xr*/
 @media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) 
    and (orientation : landscape) {  
       .home-index .banner-text-wrap h1 {
            -webkit-text-fill-color: #FF4505!important;
            background: none!important;
       }
       #banner.home-index .banner-text-wrap {
            margin-top: -25px!important;
            position: absolute;
            left:0px;
            
       }
       .home-index .banner-text-wrap a {
        /*position: absolute;
        left: 0px;*/
       }

       .home-index .banner-text-wrap h1{
            margin-left: 20px;
            text-align: left!important;
        }
        .home-index .banner-text-wrap a {
            margin-left: 20px!important;
        }

        .home-index span.sec-line{
            text-align: left!important;
        }

        .banner-text-wrap a {
            font-size: 1.3em!important;
        }
        .banner-text-wrap a {
            max-width: 154px!important;
            height:44px!important;
            -border-radius: 7px!important;
            -moz-border-radius: 7px!important;
            -o-border-radius: 7px!important;
            -ms-border-radius: 7px!important;
        }

       #plans-tabs p.plan-desc {
            font-size: 14px!important;
            line-height: 17px;
        }
        #plans-tabs p.plan-title {
          font-size: 16px!important;
          line-height: 23px;
        }
        #plans-tabs p.plan-desc.mini {
            font-size: 23px;
            margin-top: 5px!important;
        }
        .img-wrap {
            height: 415px;
        }
        .home-index .center-design.left-design .text-holder {
            left:0;
            top: -198px; 
        }
        .home-index .center-design.left-design .banner-text-wrap a {
            margin:0!important;
            width: 100%; 
        }
        section#plans-tabs {
            padding-top: 5%!important;
        }
        .home-index.left-side .center-design .text-holder p.disclaimer {
            width: 90%;
        }
        section#monitor-track {
            height: 306px;
            min-height: 306px;
            padding-top: 60px; 
        }
        #monitor-track img {
            padding-top: 22px;
        }
        section#monitor-track p {
            font-size: 18px;
        }
        section#monitor-track .monitor-div {
            margin-top: 500px;
        }
        .column2-text {
            margin:65px;
        }
        section#yomojo-box div.box-holder .column2 p {
            font-size: 9px;
        }
        #monitor-track .img-responsive {
            margin-left:0;
        }
        #monitor-track .img-responsive {
            margin-top: 88px;
        }
        section#monitor-track {
            padding-top: 0;
        }
        .column2-text {
            margin:0;
        }
        section#yomojo-box div.box-holder .column2 p {
            font-size: 13px;
        }
        section#yomojo-box div.box-holder .column1 img {
            margin: 55px auto;
        }
        section#page-banner.family .banner-text-wrap {
            min-height: 250px;
            height: 250px;
        }
       
    }

    @media only screen and (max-width : 1024px) {
        section#page-banner.family {
            min-height: 294px!important;
            height: 294px!important;
        }
        
        section.banner_dataonly#banner_personalised.about-us {
            background: #fff url(../img/OurStoryBG.png) top right/cover no-repeat!important;
            height: 450px;
            min-height: 450px;
            background-size: 189%!important;
         }
        section.plans#banner_personalised.about-us .banner-title-wrap {
            height: 400px!important;
            max-height: 400px!important;
            min-height: 400px!important; 
        }
        .family-holder {
            width: 870px;
            margin: 0 auto;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2.install {
            font-size: 20px;
            text-align:center;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap a {
            width: 150px;
            color: #333;
            background:none;
            text-decoration:none;
            margin:0 auto;
            position:relative;
            top:-17px;
            font-size: 14px;
        }
    }

     @media only screen and (max-width : 768px) { 
        section.banner_dataonly#banner_personalised.about-us {
             background: #fff url(../img/OurStoryBG.png) top right/cover no-repeat!important;
            height: 350px;
            min-height: 350px;
            background-size: 189%!important;
         }
         section.plans#banner_personalised.about-us .banner-title-wrap {
            height: 350px!important;
            max-height: 350px!important;
            min-height: 350px!important; 
        }
        section#who-we-are {
            margin-top: 70px!important;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap a {
            width: 150px;
            color: #333;
            background:none;
            text-decoration:none;
            margin:0 auto;
            position:relative;
            top:auto;
        }
        .home-index .fa-angle-right:before {
            font-size: 18px;
        }
     }

     @media only screen and (max-width : 480px) { 
         section.banner_dataonly#banner_personalised.about-us {
                 height: 350px;
                min-height: 350px;
                background-size: 206%!important;
         } 

        .no-webp section.banner_dataonly#banner_personalised.about-us {
            background: #fff url("../img/OurStoryBG.png") top right no-repeat!important;
            background-size: 153%!important;
        }
        
        .webp section.banner_dataonly#banner_personalised.about-us {
            background: #fff url("../img/OurStoryBG.webp") top right no-repeat!important;  
            background-size: 153%!important;

        } 
         section.plans#banner_personalised.about-us .banner-title-wrap {
            height: 200px!important;
            max-height: 200px!important;
            min-height: 200px!important; 
        }
        section#who-we-are {
            margin-top: 70px!important;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2.install {
            font-size: 15px;
            line-height: 20px;
        }
        #banner.home-index.left-side .center-design .banner-text-wrap h1 {
            margin-bottom:15px;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2.install {
            margin-bottom:0;
        }
        #banner.home-index.left-side.wirelessBg .center-design.left-design .banner-text-wrap {
            margin-top: 50px!important;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2 {
            line-height: 22px;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap a {
            top: 0!important;
        }
     }
     @media only screen and (max-width : 375px) { 
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap a {
            top: -22px!important;
        }
     }
     
    @media only screen  
    and (max-device-width : 360px)
    and (orientation : portrait){
        section#page-banner.family {
            min-height: 155px!important;
            height: 155px!important;
        }
        section#page-banner.family .banner-text h1 {
            font-size: 22px!important;
        }
        section#page-banner .banner-text p {
            font-size: 0.80em!important;
        }
    }
    
    @media only screen and (max-width : 320px) {  
        section.plans#banner_personalised.about-us .banner-title-wrap {
            height: 150px!important;
            max-height: 150px!important;
            min-height: 150px!important;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2.install {
            font-size: 17px;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2 {
            font-size: 12px;
        }
        #banner.home-index.left-side.wirelessBg .center-design.left-design .banner-text-wrap {
            margin-top: 38px!important;
        }

    }

    /*for iphone 5*/
    @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 568px) 
    and (orientation : landscape) { 
        section#page-banner.family {
           min-height: 220px!important;
           height: 220px!important;
        }
        section.banner_dataonly#banner_family {
            background: transparent url(../img/refresh/img/FamilyEye_ML.jpg) no-repeat scroll top right!important;
        }
        #banner.home-index.left-side.wirelessBg .center-design.left-design .banner-text-wrap {
            /* margin-top: -33px!important; */
        }
    }

    

    

     

@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 568px) 
    and (orientation:portrait){
        section#page-banner.family {
            min-height: 180px!important;
            height: 180px!important;
        }
        section#page-banner.family .banner-text h1 {
            font-size: 25px!important;
        }
        section#page-banner .banner-text p {
            font-size: 0.85em!important;
        }
        #banner.home-index.left-side .center-design .banner-text-wrap h1 {
            margin-bottom:15px;
            font-size: 50px;
            line-height: 40px;
        }
        .home-index.left-side.wirelessBg .center-design .banner-text-wrap h2.install {
            margin-bottom:10px;
        }
    }

.g-recaptcha {
    margin-top: 5px;
}

.g-recaptcha {
    transform-origin: left top;
    -webkit-transform-origin: left top;
}

.cis-head-title{
    font-size: 25px !important;
    padding: 0 !important;
    color: #4A4A4A !important;
    padding-right: 40px !important;
    max-width: 300px;
    display: table;
    position: relative;
    cursor: pointer;
}

.archiveCIS{
    content: "";
    width:20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 0px;
    top: 3px;
    background-image: url(../images/down-chevron.svg);
    background-size: 18px;
    background-position: center right;
    background-repeat: no-repeat;
    max-width: 300px;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .3s ease-in-out;  
}

.background-white {
    padding: 10px !important;
}