#campaign-name1 {} #campaign-name1 a {float: right;} #bdcampaign-item .info {padding-top: 100px;} #bdcampaign-item .info h1 {padding-bottom: 30px;} #bdcampaign-item4 .info {top: 100px;} #bdcampaign-item4 h1 {color: #333; } #hmcampaign-name1{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+25,cccccc+65 */ background: #e8e8e8; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #e8e8e8 25%, #cccccc 65%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #e8e8e8 25%,#cccccc 65%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #e8e8e8 25%,#cccccc 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #hmcampaign-name1 img.phoneImage {height: auto; width: 33%; float: left;} #hmcampaign-name1 .copy { float: left; width: 262px; } #hmcampaign-name1 h2, #hmcampaign-name1 p {color: #333;} #hmcampaign-name1 .producticons {margin-bottom: 20px;} #hmcampaign-name1 .producticons li {float: left; border-right: 1px solid #b3b3b3;} #hmcampaign-name1 .producticons.Wrapper img { display: block; margin: 0 auto; padding: 10px; } #hmcampaign-name4 h2 {margin-bottom: 10px;} #hmcampaign-name4 .price {color: #fff; font-size: 60px; float: none; margin-bottom: 21px; } #hmcampaign-name4 .hotOffer {color: #fff; text-decoration: none; display: block; margin-bottom: 30px;} #hmcampaign-name5 .inner, #hmcampaign-name4 .inner { height: 340px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d20001+26,b40001+65 */ background: #d20001; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #d20001 26%, #b40001 65%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #d20001 26%,#b40001 65%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #d20001 26%,#b40001 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d20001', endColorstr='#b40001',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #hmcampaign-name5 .inner h2 {padding-bottom: 20px;} #hmcampaign-name5 .inner ul li {padding-bottom: 10px;} #hmcampaign-name5 .inner ul li a {color: #fff;} #new-phone {} #new-phone a {display: block; text-align: center; padding: 40px 0 36px; margin: 0 auto;} #new-phone img {display: inline; margin-right: 10px; width: 30px;} #new-phone h2 { background: transparent url("/assets/ui/elements/arrows-white-widget.png") no-repeat scroll right -33px / auto 107px; color: #fff; display: inline-block; padding-top: 25px; vertical-align: top; height: 50px; padding: 25px 30px 0 0; } #contact-us {} #contact-us h2 {text-align: center; margin: 54px 0;} #contact-us ul { width: 92%; margin: 0 auto; padding-bottom: 70px; } #contact-us ul li { float: left; border-left: 1px solid #fdedee; height: 50px; width: 18%; min-width: 140px; padding-left: 1%; margin-bottom: 20px; } #contact-us p { font-size: 14px; margin-bottom: 9px; color: #fdedee; } #contact-us a { color: #fff; text-transform: uppercase; font-size: 15px; } #regen {padding: 50px 0; text-align: center;} #regen h2 {display: inline-block; padding-bottom: 0; vertical-align: middle;} #regen a {margin-left: 40px;} /******* END TEST STYLES ******/ /******* REAL PROMOS **********/ #better-member {} #better-member .info {padding-top: 265px;} .fr #better-member .info {padding-top: 205px;} #big-daddy #better-member.bditem p {width: 60%;} .fr #big-daddy #better-member.bditem p {width: 80%;} #music-summer .info {padding-top: 100px; width: 90%; margin: 0 auto;} .fr #music-summer .info {padding-top: 60px;} #music-summer .info h1 {font-size: 50px; padding-bottom: 20px;} #music-summer .info h2 {font-size: 30px; padding-bottom: 10px;} #music-summer .info span {text-transform: uppercase; font-size: 12px; padding-left: 25px;} #music-summer .btnBasic {margin-top: 40px;} #music-summer .Wrapper img {vertical-align: middle;} #tix-for-two .info {padding: 115px 0 0 10%; width: 320px; float: left; text-align: left;} .fr #tix-for-two .info {width: 450px;} #tix-for-two .info h1 {font-size: 50px; padding-bottom: 20px;} .fr #tix-for-two .info h1 {font-size: 40px;} #gold-plan-hm{} #hot-momma #gold-plan-hm h2.price {display: inline-block;} #hot-momma #gold-plan-hm .btnBasic {position: static;} #byop .price {color: #fff; font-size: 60px; float: none; margin-bottom: 0;} #byop .hotOffer {} #byop .inner { } #byop .hotOffer { background: url("/assets/icons/ho-white-flame-small.png") no-repeat 10px 6px; padding-left: 30px; } #byop .hotOffer .chevron::before { top: 0.8em; border-width: 0.15em 0.15em 0 0; } #byop a.secondLink {color: #fff;} #tips-and-tricks .copyHeader {min-height: inherit;} #tips-and-tricks a {color: #333; white-space: pre-wrap;} #tips-and-tricks.hmphone .phoneImage {width: 45%;} #tips-and-tricks.hmphone .copy {width: 55%; margin-left: 0;} #member-options .inner h2 {padding-bottom: 20px;} #member-options .inner ul li {overflow: hidden;} #member-options .inner ul li a {color: #fff;} .hmitem .icon { display: block; width: 32px; height: 23px; margin-top: 3px; background: url("/assets/icons/homepage-icons-sprite.png") no-repeat left top; float: left; } .hmitem .myaccount {background-position: 0 0;} .hmitem .secondline {background-position: 0 -48px;} .hmitem .updateplan {background-position: 0 -100px;} .hmitem .checkusage {background-position: 0 -156px;} .hmitem .travelplan {background-position: 0 -200px;} #why-virginmobile {} #why-virginmobile a {display: block; text-align: center; padding: 40px 0 36px; margin: 0 auto;} #why-virginmobile img {display: inline; margin-right: 10px; width: 30px;} #why-virginmobile h2 { color: #fff; display: inline-block; padding-top: 25px; vertical-align: top; height: 50px; padding: 25px 0 0 0; } #why-virginmobile .textchevron {font-family: arial; font-size: 40px;} #regen {padding: 0; text-align: center; height: 475px; color: #fff;} #regen .inner {padding-top: 140px;} #regen .inner img {width: 175px; margin-bottom: 15px;} #regen .inner p {margin-bottom: 25px;} #regen a {margin-left: 0;} #support-options {padding: 49px 0;} #support-options h2 {text-align: center; } #support-options ul { width: 70%; margin: 0 auto; } .fr #support-options ul {width: 80%;} #support-options ul li { width: 24%; display: inline-block; } #support-options p { font-size: 14px; margin-bottom: 9px; color: #fdedee; } #support-options a { display: table; color: #fff; text-transform: uppercase; font-size: 16px; height: 100%; width: 95%; padding-left: 5%; } #support-options a span { line-height: 1em; display: table-cell; vertical-align: middle; } #hot-momma #plan-extra-gig-and-minutes.item .inner {padding: 0 0 0 58px; margin: 60px 0 0; width: 421.5px; /* border-left: 1px solid #fff; */} #hot-momma #plan-extra-gig-and-minutes h2 {vertical-align: initial;} .fr #hot-momma #plan-extra-gig-and-minutes h2 {font-size: 50px;} #hot-momma #plan-extra-gig-and-minutes h4 {display: inline-block; color: #fff; margin-left: 10px;} #hot-momma #plan-extra-gig-and-minutes .copyHeader {min-height: auto;} #hot-momma #plan-extra-gig-and-minutes .copyPrice, #hot-momma #plan-extra-gig-and-minutes .copyContent {padding-bottom: 10px;} #home-phone {height: 540px; } #home-phone .inner {height: 100%; } #home-phone h2 {padding: 140px 0 15px; font-size: 40px; margin-left: 15px;} #home-phone p {color: #fff; padding-bottom: 15px; margin-left: 15px;} #home-phone .btnBasic {margin-left: 15px;} /* centered, no promo for home phone #home-phone {height: 369px; text-align: center;} #home-phone .inner {height: 100%;} #home-phone a {display: block; width: 100%; height: 100%;} #home-phone h2 {padding: 80px 0 25px; } #home-phone p {color: #fff; padding-bottom: 25px;} */ #double-data h2 {font-size: 45px;} #double-data p {margin-bottom: 2em;} #hot-momma #double-data .copyContent {min-height: 0;} #lg-g4-hm {} #big-daddy .bditem#black-friday {height: auto; padding-bottom: 30px;} #black-friday .bf-logo {float: left; max-width: 500px; width: 35%; padding: 70px 2% 0 0;} #black-friday .mainContainer {width: 63%; float: left;} #black-friday .info {float: left; width: 45%; padding: 70px 5% 0 0; color: #fff; text-align: left;} #black-friday h1 {font-size: 26px;} #black-friday p {} #black-friday h2 {font-size: 134px; padding: 25px 0 0; line-height: 1em;} #black-friday .info a.btnBasic {margin-top: 24px;} #black-friday .mobile {display: none;} #black-friday .phones {float: left; position: relative; width: 50%; padding-top: 32px;} #black-friday .phones img.badge {position: absolute; right: 0; top: 215px;} #black-friday .coming-soon .bf-logo {padding: 70px 0 0 10%; max-height: 320px; height: auto; max-width: 40%;} #black-friday .coming-soon .info {width: 45%; max-width: 475px; padding:13% 0 0 5%;} #black-friday .coming-soon .info h1 {font-size: 41px;} #hot-momma .iphonese .copyHeader {min-height: 0;} #fourgb-for-forty h2 {font-size: 40px;} #unlimited-talk h2 {font-size: 48px;} #big-daddy #lto {text-align: left;} #lto .info {float: left; padding: 172px 0 0 10%; width: 25%;} #lto h1 {padding-bottom: 0.2em; } .fr #lto h1 {font-size: 40px;} #big-daddy #lto .info p {font-size: 18px; margin-bottom: 20px;} #lto .phones {position: relative; float: right; width: 65%; max-width: 665px; height: 100%; margin-right: 7.8%;} #lto .phones img {position: absolute; bottom: 0; left: 4%;} #lto .phones img.desktop {display: block;} #lto .phones img.mobile {display: none;} #lto .phones .badge {width: 69px; top: 110px;} #lto .phones .badge1 {position: absolute; left: -35px;} #lto .phones .badge2 {position: absolute; left: 63%;} #lto .phones .badge3 {position: absolute; right: -35px;} #lto .startingFrom {position: absolute; top: 30%; right: 6%; text-align: center;} #lto .startingFrom p.ultra {font-size: 66px; margin: 0; width: auto;} #lto .startingFrom p.ultra + p.ultra {width: 100%; font-size: 14px; text-transform: uppercase;} #samsung-s8 .inner {padding: 53px 50px 58px 20px !important; width: 412.5px !important;} #samsung-s8 .Wrapper > div {position: relative;} #samsung-s8 .Wrapper > div .phoneImg {padding: 10px 0 0 20px;} #samsung-s8 .Wrapper > div .badge {position: absolute; right: -15px; top: 30px;} #samsung-s8 .Wrapper p {text-align: right; font-weight: bold; font-size: 12px;} #samsung-s8 .Wrapper .Wrapper {margin-top: 30px;} #samsung-s8 .Wrapper .phoneLogo {float: left;} #samsung-s8 .Wrapper a {float: right;} #hot-momma #samsung-s8-buy.hmphone .phoneImage {width: 60%;} #hot-momma #samsung-s8-buy.hmphone .copy {width: 40%; margin-left: 0; padding-top: 50px;} #hot-momma #samsung-s8-buy.hmphone .copyCta {margin-top: 30px;} #big-daddy .bditem#jd-power {text-align: left;} #big-daddy .bditem#jd-power h1 {float: left; padding-top: 120px; width: 50%; font-size: 40px;} #big-daddy .bditem#jd-power p {font-size: 20px; padding-top: 30px;} #big-daddy .bditem#jd-power .jdpower {clear: both; max-width: 45%; padding-top: 70px;} #big-daddy .bditem#jd-power .jdpower img {float: left; width: 112px; margin-right: 15px;} #big-daddy .bditem#jd-power .legal {font-size: 11px; margin: 55px 0 0; display: block; padding-top: 0;} #big-daddy .bditem#jd-power .legal a {color: #fff; text-decoration: underline;} #jd-power-tout { height: 190px; overflow: hidden; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c2c2c+0,1b1b1b+100 */ background: #2c2c2c; /* Old browsers */ background: -moz-linear-gradient(top, #2c2c2c 0%, #1b1b1b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #2c2c2c 0%,#1b1b1b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #2c2c2c 0%,#1b1b1b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */ } .fr #jd-power-tout {height: auto;} #jd-power-tout .jdpower {clear: both; max-width: 675px; margin: 0 auto;} #jd-power-tout .jdpower img {float: left; margin-right: 35px; max-width: 165px; padding-top: 33px;} #jd-power-tout .jdpower h3 {color: #fff; text-transform: none; font-size: 22px; padding-top: 50px;} #jd-power-tout .jdpower h3.nm {padding-top: 65px;} #jd-power-tout p {float: left; color: #fff; width: calc(100% - 175px);} #jd-power-tout p.legal {font-size: 11px;} #jd-power-tout p a {color: #fff; text-decoration: underline;} #lto-q3 {} #lto-q3 .info {padding-top: 125px; width: 35%; margin-left: 10px; text-align: left;} .fr #lto-q3 .info {width: 50%;} #lto-q3 .info h1 {font-size: 45px;} .fr #lto-q3 .info h1 {font-size: 38px;} #lto-q3 .info p {width: 100%; padding-bottom: 25px;} #lto-q3 .info.member {text-align: center;} #lto-q3 .info.member h2 {font-size: 24px; padding-bottom: 0.3em;} #lto-q3 .info.member h1 {font-size: 48px;} #lto-q3 .info.member a {margin-right: 10px;} #lto-q3 .info.member a:last-child {margin-right: 0;} #hot-momma > div > div:nth-child(1) .item#iphone8-hm .inner {padding: 0 95px 0 0; width: 100%; height: 100%; display: table; position: static;} #hot-momma .item#iphone8-hm .inner .imageHolder {position: relative; width: 295px; text-align: center;} #iphone8-hm a { /* display: table-cell; height: 100%; vertical-align: bottom; */ width: 148px; height: 50px; display: block; position: absolute; top: 98px; } #iphone8-hm a.preorder {left: 0;} #iphone8-hm a.learnmore {right: 0;} #hot-momma > div > div:nth-child(1) .item#iphone10-hm .inner {padding: 0 95px 0 0; width: calc(100% - 95px); height: 100%; display: table; position: static;} #hot-momma .item#iphone10-hm .inner .imageHolder {position: relative; width: 388px; text-align: center;} #iphone10-hm a { width: 148px; height: 50px; display: block; position: absolute; top: 132px; } #iphone10-hm a img {padding-right: 50px;} #iphone10-hm a.preorder {left: 47px;} #iphone10-hm a.learnmore {right: 47px;} #holiday .info {width: 25%; max-width: 390px; float: left; padding-top: 172px; padding-left: 8%; text-align: left;} .fr #holiday .info {width: 30%;} #holiday h1 {padding-bottom: 0.1em; font-size: 41px;} .fr #holiday h1 {} #holiday h2 {font-size: 20px;} #holiday .btnBasic {margin-top: 20px;} #holiday p.ultra {font-size: 20px; margin: 0 0 15px;} #holiday .phones {position: relative; float: right; width: 60%; max-width: 700px; height: 100%;} #holiday .phones img:first-child { position: absolute; bottom: 0; right: 0;} #holiday .phones .badge {width: 110px; top: 53%; right: 20%; position: absolute;} #holiday .startingFrom {position: absolute; top: 51%; left: 13%; text-align: center;} #holiday .startingFrom p {width: 100%; font-size: 14px;} #holiday .startingFrom p.ultra {font-size: 66px; margin: 0 18px 0 0; width: auto;} .fr #holiday .startingFrom p.ultra {margin: 0;} #samsung-s9 {max-width: 441px !important;} #samsung-s9 .inner {padding: 50px 50px 0 10% !important; width: 412.5px !important;} #samsung-s9 .Wrapper .copyHeader {padding-bottom: 20px; padding-top: 30px;} .fr #samsung-s9 .Wrapper .copyHeader {padding-top: 0;} #samsung-s9 .Wrapper > div {position: relative; width: 53%;} #samsung-s9 .Wrapper > div .phoneImg {padding: 10px 0 0 20px;} #samsung-s9 .Wrapper > div .badge {position: absolute; right: -15px; top: 90px !important; width: 85px !important;} #samsung-s9 .Wrapper h3 {font-size: 30px;} .fr #samsung-s9 .Wrapper h3 {font-size: 26px;} #samsung-s9 .Wrapper p {} #samsung-s9 .Wrapper .Wrapper {margin-top: 30px;} #samsung-s9 .Wrapper .phoneLogo {float: left;} #samsung-s9 .inner {display: table; height: 100%; width: 80% !important; padding: 50px 10% 0 !important;} #samsung-s9 .inner .Wrapper {display: table-row; vertical-align: bottom;} #samsung-s9 .inner .Wrapper .phoneImage {display: table-cell; vertical-align: bottom; float: none;} .fr #samsung-s9 .inner .Wrapper .phoneImage {vertical-align: middle;} .fr #samsung-s9 .inner .Wrapper .phoneImage .cutoff {display: none;} #hot-momma.member > div > div:nth-child(2) .item .inner {padding-bottom: 28px;} #hot-momma #samsung-s9.hmphone .copy {padding-left: 5%; float: none; display: table-cell;} .fr #hot-momma #samsung-s9.hmphone .copy {width: 59%;} #pitchtorich {} #big-daddy #pitchtorich.bditem {height: 580px;} #pitchtorich .info {width: 50%; padding-top: 130px; float: left; text-align: center; font-size: 16px; color: #333333;} #pitchtorich img {width: 105px; margin-bottom: 15px;} #pitchtorich h2 {font-size: 20px; color: #333333;} #pitchtorich h1 {font-size: 78px; color: #333333;} .fr #pitchtorich h1 {font-size: 62px;} #pitchtorich p {padding-bottom: 30px;} #p2r-hm {width: 100%; max-width: 482.5px !important;} #p2r-hm .inner {padding: 53px 0 58px !important; width: 100% !important;} #p2r-hm .copy {width: 50%; float: right; padding-right: 5%;} #p2r-hm img {width: 105px; padding-bottom: 20px;} #p2r-hm h1 {color: #333; font-size: 40px;} .fr #p2r-hm h1 {font-size: 30px;} #p2r-hm h2 {font-size: 18px;} #s9 {} #s9 .info {float: left; padding: 110px 0 0 24px; width: 45%; text-align: left;} #s9 .info h1 {font-size: 45px; padding-bottom: 35px;} .fr #s9 .info h1 {font-size: 36px;} #s9 .info p {width: 100%; text-align: left; padding-bottom: 35px;} #s9 .phones { float: right; padding-right: 20px; position: relative; height: 100%; width: 45%; } #s9 .phones img {position: absolute; bottom: 0; right: 20px;} #s9 .legal {padding-top: 40px; font-size: 12px !important;} #iphone8-ti-hm {} #iphone8-ti-hm .inner {width: 458.5px !important; padding: 20px 30px 20px 0 !important;} #iphone8-ti-hm .copyLegal {font-size: 11px; padding-top: 15px;} #iphone8-ti-hm.hmphone .copy {width: 54%; padding-top: 32px;} .fr #iphone8-ti-hm h2 {font-size: 22px;} #samsung-a8 {} #samsung-a8 .inner {} #samsung-a8 .copyLegal {font-size: 11px; padding-top: 15px;} #samsung-a8.hmphone .copy {} .fr #samsung-a8 h2 {font-size: 22px;} #samsung-tradein {} #samsung-tradein .info {width: 370px; padding-top: 140px; float: left; text-align: left;} .fr #samsung-tradein .info {width: 50%; padding-top: 100px;} .fr #samsung-tradein .info h1 {font-size: 40px;} #samsung-tradein .info p {width: auto; margin-bottom: 20px;} #samsung-tradein .legal {font-size: 11px !important; margin-top: 20px !important;} #samsung-tradein .phones {position: relative; float: right; width: 60%; max-width: 405px; height: 100%;} #samsung-tradein .phones img:first-child {position: absolute; bottom: 0; right: 0;} #samsung-tradein .phones .badge {position: absolute; left: -50px; top: 230px;} #lg-g7 {} #lg-g7 .info {width: 350px; padding-top: 110px; float: left; text-align: left;} .fr #lg-g7 .info {width: 420px;} #lg-g7 .info h1 {font-size: 50px;} .fr #lg-g7 .info h1 {font-size: 42px;} #lg-g7 .info p {width: auto; margin-bottom: 20px;} #lg-g7 .Wrapper {position: absolute; bottom: 0; width: 100%;} #lg-g7 .info img {float: left;} #lg-g7 .info img + img {padding: 20px 0 0 30px; float: none; display: block;} #lto-q2 {} #lto-q2 .info {width: 33%; float: left; text-align: left; padding-top: 70px;} #lto-q2 .info h1 {font-size: 55px;} .fr #lto-q2 .info h1 {line-height: 1.2em; font-size: 50px;} #lto-q2 .info p {width: 100%; margin-bottom: 60px;} #lto-q2 .startingFrom {positioN: absolute; left: 30%; bottom: 20px;} #lto-q2 .startingFrom p {font-size: 14px; width: 100%;} #lto-q2 .startingFrom p.ultra {font-size: 95px;} #shop-online { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#060606+0,2c2c2c+100 */ background: #060606; /* Old browsers */ background: -moz-linear-gradient(top, #060606 0%, #2c2c2c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #060606 0%,#2c2c2c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #060606 0%,#2c2c2c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060606', endColorstr='#2c2c2c',GradientType=0 ); /* IE6-9 */ padding: 0; } #shop-online .inner {max-width: 1280px; margin: 0 auto; text-align: center; padding: 0; color: #fff; text-align: left;} #shop-online ul {width: 96%; padding: 45px 2% 35px;} #shop-online ul li {float: left; width: 25%; margin: 0;} #shop-online img { display: inline-block; float: left; padding-top: 2px; width: 40px;} #shop-online p {font-size: 14px; display: inline-block; float: left; width: calc(80% - 50px); padding: 0 4%;} #customer-care {} #customer-care .info {width: 50%; padding-top: 120px; text-align: left;} #customer-care .info h1 {font-size: 40px;} .fr #hot-momma #huawei-hm.hmphone .phoneImage {width: 70px;} .fr #hot-momma #huawei-hm.hmphone .copy {width: calc(100% - 91px);} .fr #hot-momma #huawei-hm .inner {padding: 42px 18px 46px 19px; width: calc(100% - 37px);} #flash-sale {} #flash-sale .info {text-align: left; width: 40%; padding-top: 120px;} #flash-sale .info h1 {padding-bottom: 0.3em;} .fr #flash-sale .info h1 {font-size: 36px;} #flash-sale .phones {text-align: left;} #flash-sale .phones a.btnBasic {vertical-align: top; margin: 28px 100px 0 0;} #flash-sale .phones .startingFrom {vertical-align: top; text-align: center; width: 140px; display: inline-block;} #flash-sale .phones .startingFrom p {width: 100%;} #flash-sale .phones .startingFrom p.ultra {font-size: 100px; line-height: 1.1em;} #flash-sale .phones .startingFrom p.ultra + p {font-size: 14px;} #flash-sale .phones a.mobile {display: none;} #big-daddy #flash-sale .info br {display: none;} #flash-sale img.mobile {display: none;} #internet {height: 475px;} #internet .info {width: calc(90% - 700px); float: left; padding-top: 145px; margin-top: 0; padding-left: 10%;} #internet h2 {font-size: 28px; color: #fff; padding-bottom: 10px;} #internet p {color: #fff; margin-bottom: 25px;} #internet a.btnBasic + p {margin-top: 20px;} #internet p.ultra {font-size: 20px; color: #fff; margin-bottom: 34px;} #internet ul li {display: inline-block; width: 25%; text-align: center; margin-bottom: 39px; vertical-align: top;} #internet ul li p {font-size: 15px; color: #fff; font-family: VMUltramagneticNormalRegular; text-transform: uppercase; margin-bottom: 0;} #internet .icon { background: url("/assets/elements/landing_pages/internet_landing/internet-icons-sprite.png") no-repeat; height: 71px; width: 71px; display: block; margin: 0 auto 15px; } #internet .icon.modem {background-position: -187px -173px;} #internet .icon.loop {background-position: -187px -353px;} #internet .icon.contract {background-position: -187px -548px;} #internet a {display: inline-block; width: auto; height: auto;} #internet .mobile {display: none;} #samsung-s9-tabe h2 {font-size: 40px;} #hug-offer-hm {background: url("/assets/images/hug-hm.jpg") no-repeat left top #000 !important; color: #fff !important;} .fr #hug-offer-hm {background-position-x: -40px;} #hug-offer-hm .tb {width: 70%; float: right; } .fr #hug-offer-hm .tb {width: 76%;} #hug-offer-hm-slo {background: url("/assets/images/hug-hm-slo.jpg") no-repeat -50px top #000 !important; color: #fff !important;} .fr #hug-offer-hm-slo {background-position-x: -40px;} #hug-offer-hm-slo .tb {width: 50%; float: right; } #hot-momma #hug-offer-hm-slo.hmitem .inner {padding: 0 20px 0 48px; width: calc(100% - 68px);} #iphone7-hm {} #hot-momma #iphone7-hm.hmitem.hmphone .phoneImage {width: 110px;} #iphone-xs {} #iphone-xs .phone {float: left; margin: 140px 0 0 5%; width: 59%;} #iphone-xs .info {float: right; margin: 105px 5% 0 0; text-align: center;} #iphone-xs .info .logo {display: block; margin: 0 auto 15px;} #iphone-xs .info p {margin-bottom: 40px; font-weight: 18px;} #iphone-xs .info .btnBasic {margin-bottom: 15px;} #iphone-xs .info .mobile {display: none;} #iphone-xr {} #iphone-xr .phone {float: right; margin-top: 35px;} #iphone-xr .info {position: absolute; top: 21%; left: 10%; max-width: 380px; text-align: left;} .fr #iphone-xr .info {left: 2%; max-width: 500px;} #iphone-xr .info .logo {display: block; margin: 0 auto 35px;} #iphone-xr .info p {margin-bottom: 40px; font-weight: 18px;} #iphone-xr .info br {display: none;} #iphone-xr .info .btnBasic {margin: 0 15px 15px 0;} #iphone-xr .info .mobile {display: none;} #boxing-week {background: url("/assets/images/boxing-week-bg-min.jpg") no-repeat right top;} #boxing-week .info {width: 40%; max-width: 400px; float: left; padding-top: 140px; padding-left: 8%; text-align: left;} .fr #boxing-week .info {padding-top: 60px;} #boxing-week h1 {padding-bottom: 0.1em; font-size: 41px;} .fr #boxing-week h1 {} #boxing-week h2 {font-size: 20px;} #boxing-week .btnBasic {margin-top: 20px;} #boxing-week p.ultra {font-size: 20px; margin: 0 0 15px;} #boxing-week .phones {position: relative; float: right; width: 60%; max-width: 488px; height: 100%; margin-right: 15%;} #boxing-week .phones img.phone { position: absolute; top: 20px; right: 0;} #boxing-week .phones .badge {width: 110px; top: 10%; right: -24px; position: absolute;} #boxing-week .startingFrom {position: absolute; top: 35%; right: 8%; text-align: center;} #boxing-week .startingFrom p {width: 100%; font-size: 14px;} #boxing-week .startingFrom p.ultra {font-size: 66px; margin: 0 18px 0 0; width: auto;} .fr #boxing-week .startingFrom p.ultra {margin: 0;} #samsung-flash-sale .info {max-width: 360px; float: left; padding-top: 130px; padding-left: 13%; text-align: left;} .fr #samsung-flash-sale .info {max-width: 450px; padding-top: 100px;} #samsung-flash-sale h1 {padding-bottom: 0.1em; font-size: 41px;} #samsung-flash-sale .btnBasic {margin-top: 20px;} #samsung-flash-sale p.ultra {font-size: 20px; margin: 0 0 15px;} #samsung-flash-sale .phones {position: relative; float: right; height: 100%; margin: 30px 12% 0 0;} #samsung-flash-sale .phones .badge {width: 110px; top: 6%; right: -9%; position: absolute;} #samsung-flash-sale .startingFrom {position: absolute; top: 29%; right: 8%; text-align: center;} #samsung-flash-sale .startingFrom p {width: 100%; font-size: 14px;} #samsung-flash-sale .startingFrom p.ultra {font-size: 66px; margin: 0 18px 0 0; width: auto;} .fr #samsung-flash-sale .startingFrom p.ultra {margin: 0;} #cny-data-sale {} #cny-data-sale .info {width: 30%; float: left; padding: 115px 0 0 10%; color: #fff; text-align: left;} #cny-data-sale .info p {font-size: 18px; margin-bottom: 20px;} #cny-data-sale img {float: right; width: 55%;} .fr #cny-data-sale .info h1 {font-size: 32px;} #cny-data-sale .info p.legal {font-size: 12px;} #cny-data-sale .info a:first-child {margin-right: 10px;} #cny-data-sale .info a {margin: 0 10px 20px 0;} #samsung-gs8 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,e10a0a+50,cc0000+100 */ background: #cc0000; /* Old browsers */ background: -moz-linear-gradient(top, #cc0000 0%, #e10a0a 50%, #cc0000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #cc0000 0%,#e10a0a 50%,#cc0000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #cc0000 0%,#e10a0a 50%,#cc0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */ } #hot-momma #captain-marvel {} #hot-momma #captain-marvel .inner {width: 100%; padding: 0;} #hot-momma #captain-marvel .tc img {max-width: 238px; max-height: 100%; padding: 0;} #hot-momma #captain-marvel .tc.phone {vertical-align: top;} #hot-momma #captain-marvel .inner h2 {color: #fff;} #hot-momma #h-and-m-hm {background-color: #f8f7f7;} #hot-momma #h-and-m-hm .inner {width: 100%; padding: 0;} #hot-momma #h-and-m-hm .tc img {max-width: 238px; max-height: 100%; padding: 0;} #hot-momma #h-and-m-hm .tc.phone {vertical-align: bottom;} #hot-momma #h-and-m-hm .tb {table-layout: fixed;} #hot-momma #samsung-s9-hm .tc.phone {vertical-align: bottom;} #lto-q1 {max-width: 1000px; margin: 0 auto;} #lto-q1 .info {width: 35%; float: left; padding: 135px 0 0 0; color: #fff; text-align: left;} .fr #lto-q1 .info h1 {font-size: 34px;} #lto-q1 .info p {font-size: 18px; margin-bottom: 20px;} #lto-q1 .imgHolder {float: right; position: relative;} #lto-q1 .imgHolder .startingFrom {position: absolute; top: 39%; right: 28%; text-align: center;} #lto-q1 .imgHolder .startingFrom p {width: 100%; font-size: 14px;} #lto-q1 .imgHolder .startingFrom p.ultra {font-size: 66px; margin: 0 18px 0 0; width: auto;} .fr #lto-q1 .imgHolder .startingFrom p.ultra {margin: 0;} #lto-q1 .imgHolder .badge {position: absolute; right: 12%; top: 12%;} #hot-momma #crave-deal {background-color: #000;} #hot-momma #crave-deal .inner {width: 100%; padding: 0;} #hot-momma #crave-deal .tc img {max-width: 238px; max-height: 100%; padding: 0;} #hot-momma #crave-deal .inner h2 {color: #fff;} #hot-momma #huawei-p30-p30pro {background-color: #fff; color: #333;} #hot-momma #huawei-p30-p30pro .tc img {max-width: 210px;} /**** SNOW FALL ****/ .snowverlay { background: none; font-family: Androgyne; background-image: url('/assets/images/s1.png'), url('/assets/images/s2.png'), url('/assets/images/s3.png'); height: 100%; position: absolute; left: 0; top: 0; width: 100%; z-index:1; -webkit-animation: snow 40s linear infinite; -moz-animation: snow 40s linear infinite; -ms-animation: snow 40s linear infinite; animation: snow 40s linear infinite; } @keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 50% {background-position: 500px 1000px, 200px 400px, -100px 300px;} 100% {background-position: 800px 2000px, 600px 1000px, -100px 800px;} } @-moz-keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 400px 1000px, 200px 400px, 100px 300px;} } @-webkit-keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;} } @-ms-keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;} } .snowverlay a {display: block; height: 100%; width: 100%;} /******* MEDIA SCREENS *********/ @media screen and (min-width:1400px) { /* .campaign-banner.layout-row {background-size: cover !important;} */ /* #big-daddy.content-area {background-size: cover !important;} */ } @media screen and (max-width:1440px) { #cny-data-sale .info {padding: 7% 0 50px 13%;} #big-daddy .bditem#cny-data-sale {height: auto;} } @media screen and (max-width:1365px) { .fr #hug-offer-hm {background-size: contain;} .fr #cny-data-sale .info p br {display: none;} } @media screen and (max-width:1225px) { #pitchtorich .info {width: 60%;} #hug-offer-hm .tb {width: 62%; float: right; } #lto .info {padding-left: 5%;} .fr #lto .info {width: 29%; padding-left: 3%;} #hug-offer-hm, .fr #hug-offer-hm {background: url("/assets/backgrounds/hug-hm.jpg") no-repeat -80px top #000; background-size: cover; } #black-friday .phones img.badge {right: 0;} #boxing-week .info {padding-left: 3%;} #boxing-week .phones {margin-right: 10%;} #cny-data-sale .info {padding: 7% 0 50px 5%; width: 35%;} .fr #cny-data-sale .info {float: none; width: 80%; text-align: center; margin: 0 auto; padding: 50px 0;} .fr #cny-data-sale img {float: none; display: block; margin: 0 auto; width: 80%; max-width: 750px;} } @media screen and (max-width:1100px) { #p2r-hm .copy {width: 85%; padding-left: 10%:} .fr #big-daddy .bditem#jd-power h1 {padding-top: 70px;} #lto .phones {margin-right: 4%;} #lto .info, .fr #lto .info {padding-left: 3%; width: 25%;} #lto .info br {display: none;} #tix-for-two .info {padding-left: 3%;} #hug-offer-hm, .fr #hug-offer-hm {background: url("/assets/backgrounds/hug-hm-mid2.jpg") no-repeat center -40px #000; background-size: cover;} .fr #black-friday .bf-logo {float: none; width: 100%; padding: 50px 0 0;} .fr #black-friday .mainContainer {float: none; margin: 0 auto; width: 600px;} .fr #black-friday .info {padding-bottom: 50px;} .fr #black-friday .phones {width: 300px;} .fr #black-friday .phones img.badge {right: -50px;} #internet .info {padding-left: 2%; width: calc(98% - 700px);} #boxing-week .phones {margin-right: 5%;} #iphone-xr .info {top: 15%; left: 2%;} .fr #iphone-xr .info {max-width:440px;} #samsung-flash-sale .info {padding-left: 2%} .fr #samsung-flash-sale .info {float: none; text-align: center; margin: 0 auto; padding: 50px 0;} .fr #samsung-flash-sale .phones {float: none; margin: 0 auto; max-width: 477px;} .fr #big-daddy #samsung-flash-sale.bditem {height: auto; padding-bottom: 30px;} } @media screen and (max-width:1000px) { #samsung-flash-sale .info {float: none; text-align: center; margin: 0 auto; padding: 50px 0;} #samsung-flash-sale .phones {float: none; margin: 0 auto; max-width: 477px;} #big-daddy #samsung-flash-sale.bditem {height: auto; padding-bottom: 30px;} #cny-data-sale .info {float: none; width: 80%; margin: 0 auto; text-align: center; padding: 50px 0;} #cny-data-sale img {float: none; display: block; margin: 0 auto; width: 80%; max-width: 750px;} #hot-momma #samsung-s9-hm .tb:not(.copy) {min-height: 230px;} #big-daddy .bditem#lto-q1 {height: auto;} #lto-q1 .info {width: 80%; float: none; text-align: center; margin: 0 auto; padding: 70px 0 50px 0;} #lto-q1 .imgHolder {float: none; position: relative; margin: 0 auto; max-width: 630px;} } @media screen and (max-width:965px) { #music-summer .info {width: 90%;} #hot-momma #plan-extra-gig-and-minutes.item .inner {border-left: none;} #samsung-s8 .inner {width: initial !important;} #samsung-s8 .Wrapper .Wrapper {text-align: center;} #samsung-s8 .Wrapper a {float: none; clear: both; margin-top: 30px; } #jd-power-tout {height: auto;} #big-daddy #black-friday-coming-soon.bditem {text-align: left;} #black-friday-coming-soon .info {float: none;} #big-daddy #holiday {height: auto; padding-bottom: 30px;} #holiday .info, .fr #holiday .info {width: 80%; text-align: center; max-width: 100%; float: none; padding: 55px 0 0 0; margin: 0 auto;} #holiday h1 {font-size: 40px;} #holiday .info a.btnBasic:last-child {margin: 15px 0 0 15px;} #holiday p.ultra {width: 100%;} #holiday .phones img:first-child {position: static;} #holiday .phones {width: 85%; max-width: 100%; float: none; margin: 0 auto; padding: 45px 0 0;} #holiday.startingFrom {top: 118px; right: 23px;} #holiday .startingFrom p br {display: block;} #big-daddy #boxing-week {height: auto; padding-bottom: 30px; background-position: center top;} #boxing-week .info, .fr #boxing-week .info {width: 80%; text-align: center; max-width: 100%; float: none; padding: 55px 0 0 0; margin: 0 auto;} #boxing-week h1 {font-size: 40px;} #boxing-week .info a.btnBasic:last-child {margin: 15px 0 0 15px;} #boxing-week p.ultra {width: 100%;} #boxing-week .phones img:first-child {position: static;} #boxing-week .phones {width: 85%; max-width: 455px; float: none; margin: 0 auto; padding: 45px 0 0;} #boxing-week.startingFrom {top: 118px; right: 23px;} #boxing-week .startingFrom p br {display: block;} #member-options .inner h2 br {display: none;} #samsung-s9 .inner {width: initial !important;} #samsung-s9 .Wrapper .Wrapper {text-align: center;} #samsung-s9 .Wrapper a {float: none; clear: both;} #samsung-s9 .phoneImage {max-width: 200px;} .fr #samsung-s9 .inner .Wrapper .phoneImage .cutoff {display: block;} .fr #samsung-s9 .inner .Wrapper .phoneImage .full {display: none;} .fr #samsung-tradein .info {padding-top: 50px;} #big-daddy .bditem#jd-power h1 {padding-left: 5%;} #big-daddy .bditem#jd-power .jdpower {padding-left: 5%;} .fr #big-daddy .bditem#jd-power p {font-size: 16px;} .fr #big-daddy .bditem#jd-power .legal {font-size: 11px;} .fr #big-daddy .bditem#jd-power h1 {padding-top: 70px;} #customer-care .info {padding-left: 5%;} #big-daddy #flash-sale {height: auto;} #flash-sale .phones {padding-bottom: 20px;} #flash-sale .info, #flash-sale .phones {padding-left: 10px;} #flash-sale .info h1 {font-size: 45px;} #internet {height: auto;} #internet .info {padding-left: 0; width: 60%; margin: 0 auto; text-align: center; float: none;} #internet img {margin: 0 auto; display: block;} #lg-g7 .info {padding-left: 5%;} .hmitem .copyCta {position: static;} #big-daddy #lto {height: auto;} #lto .info, .fr #lto .info {width: 90%; padding: 95px 0 50px 0; margin: 0 auto; float: none; text-align: center;} #lto .phones {float: none; position: relative; width: 100%; max-width: 450px; margin: 0 auto;} #lto .phones img {display: block; position: static; margin: 0 auto;} #lto .startingFrom {right: 6%;} #lto .startingFrom p + p {font-size: 14px;} #support-options ul {width: 95%;} #big-daddy #iphone-xs.bditem {height: auto; padding-bottom: 30px;} #iphone-xs .phone {display: none;} #iphone-xs .info {float: none; margin: 40px 0 0 0;} #iphone-xs .info .mobile {display: block; margin: 0 auto 20px;} #iphone-xs .info .logo {margin-bottom: 20px;} #hug-offer-hm .tb {width: 100%; } #hug-offer-hm .copy .tr:first-child .tc {vertical-align: bottom !important;} #hug-offer-hm-slo {background-position-x: center !important;} #hug-offer-hm-slo .tb {width: 100%;} #hug-offer-hm-slo .copy .tr:first-child .tc {vertical-align: bottom !important;} #black-friday .bf-logo {float: none; width: 100%; padding: 50px 0 0;} #black-friday .mainContainer {float: none; margin: 0 auto; width: 600px;} #black-friday .info {padding-bottom: 50px;} #black-friday .phones {width: 300px;} #black-friday .phones img.badge {right: -50px;} #big-daddy #iphone-xr.bditem {height: auto;} #iphone-xr .info, .fr #iphone-xr .info {position: static; max-width: 530px; text-align: center; margin: 50px auto 0 !important; } #iphone-xr .phone {float: none; margin-top: 0;} } @media screen and (min-width:800px) { /* #samsung-s9 .inner {width: 90% !important; padding-left: 10% !important;} */ } @media screen and (max-width:800px) { #jd-power-tout .jdpower img {float: none; display: block; margin: 0 auto; padding-top: 45px;} #jd-power-tout .jdpower {max-width: 100%; width: calc(100% - 4em); padding-bottom: 20px;} #jd-power-tout .jdpower h3, #jd-power-tout .jdpower h3.nm {padding-top: 20px;} #jd-power-tout p {width: 100%;} #internet .info {width: 60%; padding-left: 20px;} #iphone10-hm a {vertical-align: middle; text-align: center;} #pitchtorich .info {width: 60%;} #p2r-hm .copy {width: 40%:} #samsung-tradein {height: auto !important;} #samsung-tradein .info, .fr #samsung-tradein .info {width: 80%; float: none; text-align: center; padding: 75px 0 50px; margin: 0 auto; } #samsung-tradein .info p {text-align: center; width: 80%;} #samsung-tradein .phones {width: 100%; float: none; margin: 0 auto;} #samsung-tradein .phones img:first-child {position: static; margin: 0 auto; display: block; width: 60%;} #samsung-tradein .phones .badge {position: absolute; left: 0; top: 25%;} #lg-g7 .info {padding-left: 5%;} #lg-g7 .Wrapper {position: static;} #lto-q2 .info {padding: 30px 0;} #lto-q2 .info p {margin-bottom: 30px;} #lto-q2 .startingFrom {left: auto; right: 3%; top: 30%; bottom: auto;} #big-daddy .bditem#jd-power .jdpower {width: 90%; max-width: 90%; padding: 0 5% 10px;} #big-daddy .bditem#jd-power h1 {padding-left: 5%;} .fr #customer-care .info h1 {font-size: 36px;} #hug-offer-hm {overflow: hidden;} #hug-offer-hm .tb, .fr #hug-offer-hm .tb {width: 90%;} #hug-offer-hm-slo {overflow: hidden; background-position-x: -50px !important;} #hug-offer-hm-slo .tb, .fr #hug-offer-hm-slo .tb {width: 60%;} #black-friday .coming-soon .bf-logo {max-width: 80%; float: none; padding-left: 0;} #black-friday .coming-soon .info {width: 90%; float: none; max-width: 100%; padding: 40px 0; text-align: center; margin: 0 auto;} } @media screen and (max-width:790px) { #big-daddy #music-summer.bditem {height: 580px;} .fr #big-daddy #music-summer.bditem {height: 620px;} #music-summer .info {padding-top: 50px; } #music-summer .info h1 {font-size: 40px;} #music-summer .Wrapper img {width: 20%;} #member-benefit h2 {width: 80%; margin: 0 auto;} #member-benefit h2 + p {width: 80%; margin: 0 auto;} .fr #better-member .info {padding-top: 50px;} #hmcampaign-name1 .copy {width: 60%;} #gold-plan-hm .copy {width: 60%;} #byop .hotOffer {padding-left: 57px; background-position: 37px 6px;} #hot-momma #plan-extra-gig-and-minutes.item .inner {width: auto; margin: 0; padding: 2em;} #hot-momma #plan-extra-gig-and-minutes .copyPrice h2:first-child {display: block;} .fr #hot-momma #plan-extra-gig-and-minutes h2 {font-size: 24px;} #iphone8-hm a {text-align: center; } #hot-momma .item#iphone8-hm .inner .imageHolder {margin: 0 auto;} #iphone8-hm .inner img {} #hot-momma > div > div:nth-child(1) .item#iphone8-hm .inner { padding-right: 0; text-align: center;} #lto-q3 .info { width: 55%; padding-top: 60px; } #big-daddy #black-friday.bditem {height: auto;} #samsung-s9 .Wrapper a {margin-top: 0;} #samsung-s9 .mobileCta {display: none !important;} #samsung-s9 .Wrapper .copyCta {display: block;} .member #samsung-s9 .copy {padding-top: 50px;} } @media screen and (max-width:720px) { #hug-offer-hm, .fr #hug-offer-hm {background: url("/assets/images/hug-hm.jpg") no-repeat left top; background-size: contain;} #hug-offer-hm .tb, .fr #hug-offer-hm .tb {width: 60%; position: static;} #hot-momma #hug-offer-hm.hmitem, .fr #hot-momma #hug-offer-hm.hmitem {height: auto;} .fr #hot-momma #hug-offer-hm.hmitem {background-position-x: -40px;} } @media screen and (max-width:700px) { #s9 {height: auto !important;} #s9 .info {width: 80%; float: none; text-align: center; padding: 75px 0 50px;} #s9 .info p {text-align: center; width: 80%;} #s9 .phones {width: 100%; float: none;} #s9 .phones img {position: static; margin: 0 auto; display: block; width: 60%;} .fr #lg-g7 .info h1 {width: auto;} #shop-online ul {width: 90%; padding: 45px 5% 20px;} #shop-online ul li:first-child, #shop-online ul li:last-child {margin: 0;} #shop-online ul li {width: 50%; margin-bottom: 15px; margin: 0; height: auto; min-height: 75px;} .fr #shop-online ul li {height: 150px;} } @media screen and (max-width:640px) { #internet .info {padding-top: 60px; padding-left: 0; width: 90%; float: none; margin: 0 auto; text-align: left;} #home-phone {background: url("/assets/elements/landing_pages/homephone_landing/masthead-bg-mobile-new.jpg") no-repeat center top / cover; height: 816px;} #home-phone .inner {text-align: center;} #home-phone h2, .fr #home-phone h2 {padding: 55px 0 15px;} #home-phone p {padding-bottom: 1em;} #lto p.ultra {width: 80%; margin: 0 auto 30px;} #big-daddy .bditem#jd-power { background: url("/assets/backgrounds/jd-power-bd-mobile.jpg") no-repeat center top #000; height: 700px; background-size: cover; } #big-daddy .bditem#jd-power h1 {float: none; width: 90%; padding: 50px 5% 0;} #big-daddy .bditem#jd-power .jdpower {padding-top: 80px; max-width: 95%;} #big-daddy .bditem#jd-power .jdpower img {width: 70px; margin-left: 15px;} #big-daddy .bditem#jd-power .Wrapper p {padding-top: 0; width: 100%;} #big-daddy .bditem#jd-power .legal, .fr #big-daddy .bditem#jd-power .legal {width: 90%; margin: 15px auto;} #holiday p.ultra {width: 80%; margin: 0 auto 30px;} #pitchtorich {background: #fff url("/assets/backgrounds/p2r-bd-mobile.jpg") no-repeat center bottom / contain; height: 785px !important;} #pitchtorich .info {width: 100%; padding-top: 60px;} #pitchtorich h1 {font-size: 65px;} .fr #pitchtorich h1 {font-size: 42px;} #p2r-hm {height: 650px !important;} #p2r-hm .copy {width: 80%; float: none; margin: 0 auto; text-align: center;} #big-daddy #lg-g7 {background: url("/assets/backgrounds/lg-g7-bg1-en-mobile.jpg") no-repeat center bottom #000; height: 754px; background-size: cover;} .fr #big-daddy #lg-g7 {background: url("/assets/backgrounds/lg-g7-bg1-mobile-fr.jpg") no-repeat center bottom #000; height: 754px; background-size: cover;} #lg-g7 .info h1 {width: auto;} #lg-g7 .info, .fr #lg-g7 .info {width: 90%; text-align: center; padding: 50px 5% 0;} #lg-g7 .Wrapper {position: absolute; bottom: 0; width: 100%;} #lg-g7 .info img + img {padding-top: 70px;} #big-daddy #lto-q2 {background: url("/assets/backgrounds/q2-lto-bd-mobile.jpg") no-repeat center bottom #000; height: 954px; background-size: cover;} #lto-q2 .info {float: none; width: 80%; margin: 0 auto; text-align: center;} #lto-q2 .info {padding-top: 40px; padding-bottom: 0} #lto-q2 .info h1 {font-size: 45px;} #lto-q2 .info p {margin-bottom: 20px;} #lto-q2 .startingFrom {position: static; padding-top: 40px;} #lto-q2 .startingFrom p.ultra {font-size: 50px;} #big-daddy .bditem#customer-care { background: url("/assets/backgrounds/jd-power-bd-mobile.jpg") no-repeat center top #000; height: 700px; background-size: cover;} #customer-care .info {width: 90%;} #big-daddy #flash-sale {background: #000 none; height: auto;} #flash-sale .info {text-align: center; padding-top: 50px; width: 80%; margin: 0 auto;} #flash-sale .phones a.desktop {display: none;} #flash-sale .phones a.mobile {display: inline-block; margin-right: 0;} #flash-sale .phones {text-align: center; width: 100%; padding-bottom: 40px;} #big-daddy #flash-sale .info br {display: block;} #flash-sale img.mobile {display: block; margin: 0 auto;} #flash-sale .info h1 {padding-bottom: 0;} #flash-sale .info, #flash-sale .phones {padding-left: 0;} #tix-for-two {background: url("/assets/en/backgrounds/tix-for-two-bd-mobile.jpg") no-repeat center bottom #000; padding-bottom: 400px; background-size: cover;} .fr #tix-for-two {background: url("/assets/fr/backgrounds/tix-for-two-bd-mobile-fr.jpg") no-repeat center bottom #000; padding-bottom: 400px; background-size: cover;} #tix-for-two .info, .fr #tix-for-two .info {width: 80%; padding: 95px 0 50px 0; margin: 0 auto; float: none; text-align: center;} .fr #hug-offer-hm {background-size: contain;} #black-friday .mainContainer, .fr #black-friday .mainContainer {width: 100%; max-width: 600px;} #black-friday .mobileStuff {display: table; margin: 0 auto;} #black-friday .mobile {display: table-cell; vertical-align: middle; padding-right: 20px;} #black-friday .desktop {display: none;} #black-friday .info, .fr #black-friday .info {float: none; margin: 0 auto; text-align: center; width: 80%; padding: 30px 0;} #black-friday .phones {display: table-cell; float: none;} .fr #internet .stamp {top: 55%;} #big-daddy #boxing-week {background: url("/assets/images/boxing-week-bg-mobile-min.jpg") no-repeat center bottom / cover;} #cny-data-sale .info {width: 80%; margin: 0 auto;} } @media screen and (max-width:600px) { #music-summer .Wrapper img {width: auto;} .fr #music-summer .info {padding-top: 20px;} #contact-us ul {width: auto;} #contact-us ul li {float: left;} #hmcampaign-name1 img.phoneImage {float: left; height: auto; width: 30%;} #gold-plan-hm img.phoneImage {float: left; height: auto; width: 30%;} #better-member .info {width: 90%; padding-top: 200px; margin: 0 auto;} /* .fr #why-virginmobile h2 {display: inline;} */ #why-virginmobile a {padding: 20px 0 17px;} #tips-and-tricks .inner {padding: 2em 2em 2em 0 !important;} #tips-and-tricks.hmphone .phoneImage {width: 43%; max-width: inherit;} #tips-and-tricks.hmphone .copy {width: 57%;} #hot-momma #plan-extra-gig-and-minutes.item, #hot-momma #zero-dollar-phones.item {max-width: 100%;} #hot-momma #plan-extra-gig-and-minutes.item .inner {margin: 0; padding: 40px 28px 40px; border-left: none; } #zero-dollar-phones {background: url("/assets/backgrounds/red-spackle-on-black-tall_01.jpg") no-repeat center bottom / cover; height: 444px !important;} #plan-extra-gig-and-minutes {background: url("/assets/backgrounds/red-spackle-on-black-tall_02.jpg") no-repeat center top / cover; height: 420px !important;} #big-daddy #lto-q3 {background: url("/assets/backgrounds/lto-q3-bg-mobile.jpg") no-repeat center bottom #000; height: 754px; background-size: cover;} #lto-q3 .info, .fr #lto-q3 .info {padding-top: 45px; width: 90%; text-align: center;} .fr #lto-q3 .info h1 {font-size: 32px;} .fr #lto-q3 .info.member h1 {font-size: 40px;} #lto-q3 .info.member a {margin: 0 0 10px;} #iphone8-hm .inner img {position: static;} #samsung-s9 .inner {display: block; padding: 53px 3% 0 10% !important;} #samsung-s9 .inner .Wrapper {display: block;} #samsung-s9 .copy {padding-top: 50px;} .fr #samsung-s9 .copy {padding-top: 0;} #samsung-s9 .Wrapper > div .badge {left: -30% !important;} #hot-momma.nonmember #samsung-s9 .copyHeader, #samsung-s9 .copy {padding-top: 0;} #p2r-hm {} #hot-momma > div > div, .fr #hot-momma > div > div {background-size: contain !important;} #iphone8-ti-hm .inner {width: auto !important; padding: 2em !important;} #iphone8-ti-hm.hmphone .mobileCta {text-align: right; padding-top: 10px;} .fr #iphone8-ti-hm h2 {font-size: 24px;} #samsung-a8 .inner {} #samsung-a8.hmphone .mobileCta {} #shop-online ul {width: 90%; padding: 45px 5% 0;} #shop-online ul li:first-child, #shop-online ul li:last-child {margin: 0;} #shop-online ul li {width: 50%; margin-bottom: 15px; margin: 0; height: 150px;} #samsung-flash-sale .phones .badge {right: 0;} #samsung-flash-sale .startingFrom {top: 36%;} } @media screen and (max-width:480px) { #music-summer .info {width: 95%; padding-top: 50px;} #music-summer .info h1 {font-size: 40px;} #music-summer .Wrapper img {min-width: 80px;} .fr #music-summer .btnBasic {margin-top: 20px;} .fr #why-virginmobile a {text-align: left;} .fr #why-virginmobile img {float: left;} .fr #why-virginmobile h2 {width: 80%; height: auto; padding-top: 0;} #big-daddy #better-member.bditem p, .fr #big-daddy #better-member.bditem p {width: 90%;} .fr #better-member .info {padding-top: 150px;} #member-options ul {margin: 0 auto;} .fr #hot-momma #plan-extra-gig-and-minutes h2 {font-size: 40px;} #big-daddy #lto.bditem p br {display: block;} #hot-momma .item#iphone8-hm .inner .imageHolder {} .fr #internet h2 {font-size: 30px;} #black-friday-coming-soon {background-position: contain;} #holiday .info {padding-top: 65px;} #holiday p.ultra {font-size: 24px;} #boxing-week .info {padding-top: 65px;} #boxing-week p.ultra {font-size: 24px;} #samsung-s9 .Wrapper a {margin-top: 0;} #samsung-s9 .mobileCta {display: none !important;} #samsung-s9 .Wrapper .copyCta {display: block;} #samsung-s9 .Wrapper > div .badge {left: 1em !important;} #samsung-s9 .Wrapper > div .badge {left: -30% !important;} #samsung-s9 .fullLink {display: block; height: 100%; width: 100%; position: absolute; z-index: 100;} #pitchtorich {height: auto !important; overflow: hidden; background-size: auto;} #pitchtorich .info {padding-bottom: 400px;} #p2r-hm {height: 600px !important;} #iphone8-ti-hm.hmphone .copy {padding-top: 0;} #iphone8-ti-hm.hmphone h2 {font-size: 26px;} #big-daddy #lto-q2 {background-size: contain; height: 850px;} #big-daddy .bditem#jd-power {background-size: auto;} #big-daddy .bditem#jd-power .jdpower {padding-top: 0; position: absolute; bottom: 10px; width: 90%; padding: 0 5%;} .fr #big-daddy .bditem#jd-power .legal {clear: both;} #big-daddy #flash-sale {background-size: contain;} #big-daddy #flash-sale p br {display: block;} #internet h2 {font-size: 36px;} #lg-g7 .info h1 {font-size: 40px;} .fr #lg-g7 .info h1 {font-size: 36px;} #tix-for-two {background-size: contain; height: auto !important;} #lto .phones {width: 90%;} #iphone-xs .info {float: none; margin: 40px 0 0 0 !important;} #hug-offer-hm-slo .tb {min-width: 200px;} .fr #hug-offer-hm-slo .tb {min-width: 224px;} #black-friday .info, .fr #black-friday .info {width: 100%;} #black-friday .phones img.badge, .fr #black-friday .phones img.badge {right: 0;} .fr #internet {height: 700px;} #big-daddy #boxing-week {background-size: contain;} #lto-q1 .imgHolder .startingFrom {display: none;} } @media screen and (max-width:400px) { #internet h2 {font-size: 34px;} #why-virginmobile a {text-align: center;} #why-virginmobile img {height: 60px; width: auto;} #support-options ul {width: 90%;} #music-summer .info h1 {font-size: 30px;} #music-summer .info h2 {font-size: 20px;} #music-summer .info span {padding: 15px 0 0 0; } #lto .startingFrom {display: none;} #lto-q3 .info h1 {font-size: 36px;} #hot-momma > div > div:nth-child(1) .item#iphone10-hm .inner {width: 100%; padding: 0;} #hot-momma .item#iphone10-hm .inner .imageHolder {width: 100%;} #holiday .startingFrom {display: none;} .member #samsung-s9 .inner, #samsung-s9 .inner {width: 87% !important;} #samsung-s9 .Wrapper h3 {font-size: 24px;} .fr #samsung-s9 .Wrapper h3 {font-size: 20px;} #samsung-s9 .Wrapper .copyCta {display: none;} #samsung-s9 .Wrapper .copy {padding-top: 50px;} #pitchtorich {background-size: contain;} #pitchtorich .info {padding-bottom: 300px;} #pitchtorich h1 {font-size: 45px;} .fr #pitchtorich h1 {font-size: 26px;} #s9 .info {padding-bottom: 10px;} #iphone8-ti-hm.hmphone .phoneImage {width: 70%; max-width: 70%; margin: 0 auto; float: none;} #iphone8-ti-hm.hmphone .copy {width: 100%; margin: 0; padding-top: 15px;} #iphone8-ti-hm.hmphone .copyCta {display: block;} #iphone8-ti-hm.hmphone .mobileCta {display: none;} .fr #iphone8-ti-hm h2 {font-size: 26px;} #samsung-a8.hmphone .phoneImage {width: 70%; max-width: 70%; margin: 0 auto; float: none;} #samsung-a8.hmphone .copy {width: 100%; margin: 0; padding-top: 15px;} #samsung-a8.hmphone .copyCta {display: block;} #samsung-a8.hmphone .mobileCta {display: none;} .fr #samsung-a8h2 {font-size: 26px;} #lg-g7 .info a {margin: 30px 0 0 0;} #shop-online ul li, .fr #shop-online ul li {height: auto; width: 100%;} #iphone-xr .info {padding-top: 0;} #iphone-xr .info .logo {margin-bottom: 0;} .fr #customer-care .info h1 {font-size: 30px;} #big-daddy #flash-sale {height: auto;} #big-daddy #flash-sale .info {padding-top: 50px; width: 100%;} #flash-sale .phones {bottom: 20px;} #hot-momma #hug-offer-hm.hmitem .inner {width:calc(100% - 38px); padding-right: 10px;} #hot-momma #hug-offer-hm.hmitem, .fr #hot-momma #hug-offer-hm.hmitem {height: 400px;} .fr #hot-momma #hug-offer-hm.hmitem {background-position-y: -40px;} #hug-offer-hm, .fr #hug-offer-hm {background: url("/assets/images/hug-hm-mid.jpg") no-repeat left top; background-size: cover;} } @media screen and (max-width:320px) { #music-summer .Wrapper img {width: 40%;} #iphone8-hm a {width: 140px;} #iphone8-hm a.preorder {left: 6%;} #iphone8-hm a.learnmore {right: 4%;} #big-daddy .bditem#jd-power {height: 735px;} } @media screen and (max-width:800px) and (orientation:landscape) { #big-daddy .bditem {height: 350px;} #big-daddy #music-summer.bditem {height: 400px;} .fr #big-daddy #music-summer.bditem {height: 420px;} #music-summer .info {padding-top: 20px; width: 100%;} #music-summer .info h1 {font-size: 40px;} #music-summer .info h2 {font-size: 24px;} #music-summer .btnBasic {margin-top: 20px;} .fr #music-summer .info {padding-top: 20px;} #better-member .info {padding-top: 0; position: relative; top: 53%; left: 50%; transform: translate(-50%, -50%);} .fr #better-member .info h1 {font-size: 34px;} #byop .hotOffer {padding-left: 57px; background-position: 37px 6px;} #support-options ul { width: 90%; } #big-daddy .member #downArrow {display: none;} #lto-q3 .info {width: 55%; padding-top: 60px;} #lto-q3 .info h1 {font-size: 40px;} .fr #lto-q3 .info h1 {font-size: 26px;} #internet .info {width: 45%;} #jd-power-tout .jdpower img.mobile {display: none;} #jd-power-tout .jdpower img.desktop {display: block;} #s9 {height: 450px !important;} #big-daddy #flash-sale {background-size: auto; height: auto;} } @media screen and (max-width:700px) and (orientation:landscape) { } @media screen and (max-width:600px) and (orientation:landscape) { #big-daddy #music-summer.bditem {height: 320px;} .fr #big-daddy #music-summer.bditem {height: 360px;} #music-summer .info h1 {font-size: 30px;} #music-summer .info h2 {font-size: 18px;} #music-summer .Wrapper img {width: 20%;} }