.s4-ba { padding: 0px 0px 0px 0px; } .rightBlock.landingPage:nth-of-type(1) h4div.top-content{ position: relative; height: auto; top: 10px; display: inline-block; padding: 0px 45px; width:100%; } .top-colRight { height:auto; padding: 0px 0px; margin-left:20px; } .bx-wrapper img.hotdog { display:none; } .faded { opacity: 0.5; } p.bold.mainBold{ font-size:30px!important; font-family:'Myriad Pro', MyriadProRegular !important; } div.phoneGallery div.bx-controls.bx-has-pager.bx-has-controls-direction { height:0px; } .grid-10 { width:954px; } .grid-3 { width:301px; } .grid-1 { width:301px; } .grid-2 { width:301px; } .grid-4,.grid-5,.grid-6,.grid-7,.grid-8 { width:301px; } .col-left { margin-right:20px; margin-bottom:30px; } .col-center,.col-midRight,.col-bottomLeft,.col-bottomCenter,col-bottomRight,.col-farRight { margin-right:20px; margin-bottom:30px; } p.toolTipText{ font-family: 'Myriad Pro Light', MyriadProLight; font-size: 25px; color: #373737; margin-bottom:30px; } p.toolTipText span{ color: #027FA3; text-decoration: none; cursor:pointer; } p.toolTipText span.divider{ text-decoration:none; display:inline-block; margin:0px 3px; color:#373737; pointer-events:none; } div.contentContainer> p { padding-left: 10px; padding-right: 10px; } nav.bottomNav ul.right li:nth-of-type(4) a { background-position: -144px 0px; } nav.topNav ul { cursor: pointer; } nav.topNav ul li:hover { color:#ffbe00; } nav.topNav select.siteDropDown{ display:none; width: 95%; margin-top: 140px; margin-left: 20px; } @-moz-document url-prefix() { .bold { font-weight: normal; } } /************Safari and Chrome specific***********/ @media screen and (-webkit-min-device-pixel-ratio:0) { img.srch-gosearchimg { display: block!important; } .pagination ul > li > a:focus, .pagination ul > li > span:focus { color:#F8A124!important; } div#ReadyForUpgrade span.icon-phone-1 { margin-top: -60px; } .pagination ul > li > a:hover, .pagination ul > li > span:hover { } div#Slider .bx-wrapper h3{ padding:1px 0 0 0px; } .siteDropDown { padding: 0px; text-indent: 50px; line-height: 45px; } ul.contentList li:nth-of-type(1) h3 { font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; } } @media screen and (-webkit-min-device-pixel-ratio:0) and (min-device-width: 1366px){ div.answer .tableContainer ul { min-width: auto!important; float: left; } div.sidebarZoom a.seeMore{ font-family: 'Myriad Pro SemiBold', MyriadProSemiBold; font-weight:normal; } } @media only screen and (-webkit-min-device-pixel-ratio: 1) { ::i-block-chrome, h1.pageHeading_white{ margin-bottom:1px!important; } } @-moz-document url-prefix() { .bold{ font-weight:normal; } *{ font-weight:normal!important; } } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait){ .TerContainer { padding: 0px 30px; } div.answer .tableContainer ul { min-width: auto!important; float: left; } div#latestDeals h1 { font-size: 22px !important; } h3.paddingHeading { font-size: 21px; letter-spacing:-1px; } ul.topList + a.button{ margin:0px; margin-bottom:20px; } p#phonebefore { font-size: 24px; } h3.mediumHeading { font-size: 21px; letter-spacing: -1px; margin-top: 71px; padding: 20px; color: white; text-shadow: grey !important; text-shadow: 2px 0px #373737; line-height: 1.1; } a.withDeviceShopLink { display: block!important; width: 310px; margin-left: 20px; float: left; line-height: 24px; } a.withDeviceShopLink span.icon-external-link { width: 50px; margin: -20px 0px 0px 0px; } a.withDeviceShopLinkViewMoreDetails{ float:right; margin:0px; right:-80px; top:20px; } } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape){ } @media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){ .main_Content { width: 320px; } a.withDeviceShopLink span:nth-of-type(1) { width: 250px; } span.priceSecond { padding-top: 7px; letter-spacing:0px!important; } a.withDeviceShopLinkViewMoreDetails { top: 20px; right: -80px!important; position: relative; } #shareComponentMail label.error { top: 90px; } #shareComponentMail p.count { margin-top: 5px; } div.shareEmail a.thisURL{ top:-15px; } } .tab.openTab { border-bottom: none!important; } .yellowBold { font-family: 'Myriad Pro Bold', MyriadProSemiBold!important; } @media only screen and (min-width: 768px) { h1.pageHeading { padding-right: 4px; } .item.tailor .dataItems { width: 225px; height: 178px; } .owl-theme .owl-controls{ margin-top:0px!important; } .owl-buttons{ display:none; } } /****END****/ @media only screen and (max-width: 767px){ .TerContainer { padding: 0px 10px; } p.bold.mainBold{ font-size:20px!important; font-family:'Myriad Pro', MyriadProRegular !important; } /*AutoContent*/ .autopagecontent { padding: 0px 10px; } .Insuranceform #innerFields li { height: auto; } .Insuranceform span.showMaxOptions2{ margin-left:0px; } .FiledsDiv.Insuranceform { min-height: 900px; margin-left: 10px!important; } .Insuranceform .IdrequiredStyle { background-position: 67px!important; } .Insuranceform .cellrequiredstyle{ background-position: 40px!important; } .Insuranceform .IdrequiredStyle{ background-position: 66px!important; } .Insuranceform .IMEIrequiredStyle { background-position: 40px!important; padding-top:10px; } .cellrequiredstyle, .IdrequiredStyle, .IMEIrequiredStyle { width: 264px; } /**/ .mtnInternetBundle #no-more-tables td{ font-size:13px; padding-left: 75%; } .NetworkSA { padding: 0px 10px; } .MymtnHelp a.longLink { word-break: break-all; } ul.tools li { height: 63px !important; } ul.tools li.icon.icon-recharge:nth-of-type(1) { left: 0%; } ul.tools li.icon.icon-email-envelope:nth-of-type(2) { left: 20%; } ul.tools li.icon.icon-pin-map:nth-of-type(3) { left: 40%; } ul.tools li.icon.icon-cignal:nth-of-type(4) { left: 60%; } ul.tools li.icon.icon-upgrade:nth-of-type(5) { left: 80%; } div.hideTool img { margin-top: 30%; margin-left: 25%; } li.Fair { width: 172px!important; } .releaseMain { padding: 10px; } ul.showMaxTab .tab { padding: 20px 10px 20px 10px; } .sucessshowmax{ padding:0px; } .showMaxTab .CellNumberNWrequiredStyle, .showMaxTab .EmialNWregualrStyle, .showMaxTab .EmialNWrequiredStyle, .showMaxTab .NWrequiredStyle { width: 300px!important; } ul#showMaxFormContainer li{ width:300px; } .showMaxTab span.styled.NetworkCovcheckBox input { margin-top: 0px; } span.showMaxOptions, span.showMaxOptions2 { width: auto; } .step2OTP .convertButtons a.button { margin: 0 auto; margin-bottom: 20px; width: 300px; } .step2OTP .convertAirtimeOTP { margin-bottom: 20px; } input#txtOTP, input.showMaxInput{ width:300px!important; } span.showMaxOptions2{ margin-left:20px; } .step2OTP .convertButtonContainer{ margin-top:0px; } ul.showMaxTab li div#overview { min-height: auto!important; } a.button.showMaxUnsubBtn,ul#showMaxFormContainer .button.submit.next,a.yellowBox.showMaxYellowBtn{ width:300px!important; } a.button.showMaxUnsubBtn{ margin:20px 0px; } input#txtOTP, input.showMaxInput{ min-width:300px; } ul.showMaxTab li { float: none; } input.showMaxInput.required { width: 280px; } .boosterBun.boosterT thead.cf tr th, table.table-bordered.cf.boosterBunMadeForme thead.cf tr th{ width: 276px; } div#no-more-tables table.table-bordered.cf.boosterBun td.numeric { padding-left: 49%!important; } div#no-more-tables table.table-bordered.cf.boosterBun.boosterT td.numeric { padding-left: 58%!important; } ul#UpgradeUlPrdData .owl-controls .owl-page span, #ulPrdData .owl-controls .owl-page span{ width:25px; } div#popular { margin-left: 10px; } ul.cascadeBlock li img.mainImage_TP,ul.cascadeBlock li img.mainImage_D{ display:none!important; } ul.tab-links_dataPlan.familyData li{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; width: 100px; } .dataLandingContainer #owl-datalisting .owl-wrapper-outer { width: auto; } div#owl-bundlelisting .owl-wrapper-outer{ width:auto!important; } div#howToSim.tab.useArrows ul li:nth-of-type(1) h4 { background: url(/Style%20Library/Images/closeFAQ.png) no-repeat 94% #F1F1F1; } div#howToSim.tab.useArrows ul li h4 { background-image: url(/Style%20Library/Images/openFAQ.png); background-repeat: no-repeat; background-position: 94%; background-color: #f1f1f1; padding-right: 45px; height: auto; line-height: 20px; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; font-weight: normal!important; } div#signUp +h3 { display: inline-block; } span.icon-mtn-cloud, span.icon-mtn-storelocator, span.icon-mtn-wifispot, span.icon-mtn-virtualstore, span.icon-mymtnza, span.icon-mtn-zonepersecond, span.icon-mtn-talkfree, span.icon-mtn-paypersecond, span.icon-mtn-pulse { top: 10px; } .nwquerySection label.TextboxLable{ min-width: 200px; font-size: 13px; } .SignalTypeDiv label { font-size: 13px; } ul.accordionControl { margin: 2px 0px 0px 0px; } ul.nullList li { padding-left: 10px; } /*foundation*/ small.spanSmall{ font-size:10px; } div#owl-servicesLanding.foundationMain .owl-item .sliderImageHolder { height: 83px!important; } div#owl-servicesLanding.foundationMain .owl-item .sliderImageHolder span.spanText{ font-size:18px; line-height: 12px; } div#owl-servicesLanding.foundationMain .owl-item .sliderImageHolder .spanText small.spanSmall{ line-height: 12px; } .foundationSectionHead .paddingHeading{ border-left:none; } .foundBanner{ margin-left:10px; margin-bottom:0px; } div#owl-foundationSlider { width:320px; height: 367px; } div#owl-foundationSlider .owl-controls { position: relative; top: -40px; } #owl-foundationSlider .owl-item { height:367px } /*end*/ .educationBanner.bannerPrm .firstBannerPrm { background: url(/Style Library/Images/PromoBanners/Foundation_2.jpg) no-repeat; background-size: 300px 250px; width: 300px; height: 250px; } .EducationsideBar{ background-color:transparent; border:none; } .bannerPrm{ margin-left: 10px; } span.bundleLabel{ max-width: 265px; height:55px; } .bannerPrm.payGo.priceLeftPayG img{ margin-left: 0px; width: 300px; } .bannerPrm img { margin-left: 0px; margin-right: 20px; } .supportUpgradeContainer p { width: 134px !important; min-width: 275px!important; } .showDiv .supportUpgradeContainer .rightUpgradesReminder { } .CheckUpgradeButton { width: 279px !important; margin-left: -15px; } .RequiredUpgradeCheckError { width: 269px !important; } .RegularExpressionUpgradeCheckError { width: 269px !important; } .SeeAllUpgradeLink { margin-right: 66px !important; } .VerfyDiv hr{ width: 280px !important; } .VerfyDiv { width: 306px !important; margin-bottom: 20px !important; } .UpgradeCapButton { margin-left: -15px !important; } .VerfyDiv div#recaptchaNC { margin-left: -18px !important; } .VerfyDiv .NCCaptureRequired { width: 299px !important; background-position: 107px 0px !important; margin-top: -2px !important; left: -6px; color: #c8000a!important; } .supportUpgradeContainer.rightCheckUpgradesStatus label.error, .supportUpgradeContainer.rightUpgradesReminder label.error { position: relative; right: 13px; font-size: 14px; color: #c8000a; font-family: 'Myriad Pro', MyriadProRegular; text-align: right; background: url(/Style Library/Images/errorSymbol.png) no-repeat 0px -1px; padding-left: 15px; float: right; margin-right: -80px; } .startedContainer .controlsContainer,.contentContainer.commonContainer.startedContainer .controlsContainer .bottom.right, div.leftCol.sliderControl .startedContainer .controlsContainer ul.socialTracking { margin-left: 0px; } .CheckUpgradeButton { width: 270px !important; margin-left: -15px; } .RequiredUpgradeCheckError { width: 269px !important; } .NetworkCovcheckBox { width: 20px !important; height: 21px !important; margin-top: 28px !important; } .SignalTypeDiv { float: left; margin-bottom: 5px !important; margin-top: 2px !important; margin-left: 0px !important; width: 260px !important; } .SignalTypeDiv label { margin-left: 10px; margin-right: 10px; display: inline-block; font-size: 13px; } .rightUpgradesReminder .RequiredUpgradeCheckError { width: 270px !important; } .rightUpgradesReminder .RegularExpressionUpgradeCheckError { width: 270px !important; } span.RegularExpressionUpgradeCheckError.NCCaptureRequired { background-position: right 186px top!important; background-position-y: 8px!important; } span.RequiredUpgradeCheckError.NCCaptureRequired { background-position: right 145px top!important; background-position-y: 8px!important; } span.RequiredUpgradeCheckError.NCCaptureRequired,.RegularExpressionUpgradeCheckError, span.RegularExpressionUpgradeCheckError.NCCaptureRequired { width: 270px !important; } .VerfyDiv { width: 306px !important; } .UpgradeCapButton { margin-left: -15px !important; } .VerfyDiv div#recaptchaNC { margin-left: -18px !important; } .VerfyDiv .NCCaptureRequired { width: 299px !important; background-position: 107px 0px !important; margin-top: -2px !important; left: -56px !important; color: #c8000a!important; } .supportUpgradeContainer.rightCheckUpgradesStatus label.error, .supportUpgradeContainer.rightUpgradesReminder label.error { position: relative; right: 13px; font-size: 14px; color: #c8000a; font-family: 'Myriad Pro', MyriadProRegular; text-align: right; background: url(/Style Library/Images/errorSymbol.png) no-repeat 0px -1px; padding-left: 15px; float: right; margin-right: -80px; } #successContainer img.socialClose { left: 290px; top: 20px; } .pricePlanContent .bx-wrapper .bx-viewport{ background:transparent; } .image-replacement { display: block; box-sizing: border-box; background: url("/Style%20Library/Images/mobileBanner.jpg"); } .main_Content { width: 320px; } div#owl-aboutmtn .owl-wrapper { height: 120px; } #owl-play{ width:310px; } #owl-play .item{ width:200px; } div#owl-play .owl-item{ width:210px!important; } #owl-play img{ width:100%; } .item.tailor .dataItems { width: 264px; height: 200px; } #owl-home .owl-button{ display:block; } .owl-buttons{ display:none; } #owl-recharge .owl-item{ width:275px!important; } #owl-recharge .item{ width:260px!important; } #owl-recharge { max-width:310px; margin-bottom:20px; } div.rechargeOptions .rechargeItems { width: 266px; height: 164px; } .rechargeItems > span:nth-child(1){ height:130px; } #owl-light, #owl-daily, #owl-weekly, #owl-hourly, #owl-monthly, #owl-nightly, #owl-fortnight, #owl-6months, #owl-12month, #owl-sms, #owl-apps, #owl-aboutmtn, #owl-servicesLanding, div#owl-paygLanding, #owl-moredata, #owl-moreMinute, #owl-custom, #owl-unlimiteddata, #owl-minutesLight, #owl-minutesRegular, #owl-youthGames, #owl-minutesHigh, #owl-minutesAll, #owl-valueLight, #owl-valueRegular, #owl-valueHigh, #owl-valueAll, #owl-voice, #owl-MTNChoiceLight, #owl-MTNChoiceRegular, #owl-MTNChoiceHigh, #owl-MTNChoiceAll, #owl-MTNClassicLight, #owl-MTNClassicRegular, #owl-MTNClassicHigh, #owl-MTNClassicAll,#owl-MTNTopupLight,#owl-MTNTopupRegular,#owl-MTNTopupHigh,#owl-MTNTopupAll,#owl-MTNPayGo { width:320px; } #owl-light .owl-wrapper-outer, #owl-daily .owl-wrapper-outer, #owl-weekly .owl-wrapper-outer, #owl-hourly .owl-wrapper-outer, #owl-monthly .owl-wrapper-outer, #owl-nightly .owl-wrapper-outer, #owl-fortnight .owl-wrapper-outer, #owl-6months .owl-wrapper-outer, #owl-12month .owl-wrapper-outer, #owl-apps .owl-wrapper-outer, #owl-sms .owl-wrapper-outer, #owl-servicesLanding .owl-wrapper-outer, div#owl-paygLanding .owl-wrapper-outer, #owl-moredata .owl-wrapper-outer, #owl-youthGames .owl-wrapper-outer, #owl-moreMinute .owl-wrapper-outer, #owl-custom .owl-wrapper-outer, #owl-unlimiteddata .owl-wrapper-outer, #owl-minutesLight .owl-wrapper-outer, #owl-minutesRegular .owl-wrapper-outer, #owl-minutesHigh .owl-wrapper-outer, #owl-minutesAll .owl-wrapper-outer, #owl-valueLight .owl-wrapper-outer, #owl-valueRegular .owl-wrapper-outer, #owl-valueHigh .owl-wrapper-outer, #owl-valueAll .owl-wrapper-outer, #owl-voice .owl-wrapper-outer, #owl-MTNChoiceLight .owl-wrapper-outer, #owl-MTNChoiceRegular .owl-wrapper-outer, #owl-MTNChoiceHigh .owl-wrapper-outer, #owl-MTNChoiceAll .owl-wrapper-outer, #owl-MTNClassicLight .owl-wrapper-outer, #owl-MTNClassicRegular .owl-wrapper-outer, #owl-MTNClassicHigh .owl-wrapper-outer, #owl-MTNClassicAll .owl-wrapper-outer,#owl-MTNTopupLight .owl-wrapper-outer,#owl-MTNTopupRegular .owl-wrapper-outer,#owl-MTNTopupHigh .owl-wrapper-outer,#owl-MTNTopupAll .owl-wrapper-outer,#owl-MTNPayGo .owl-wrapper-outer { width: 320px; } #owl-allinonebundles .owl-wrapper-outer{ width: 310px; margin-left:10px; } #owl-aboutmtn .owl-wrapper-outer{ width:315px; } #owl-light .owl-item, #owl-daily .owl-item, #owl-weekly .owl-item, #owl-hourly .owl-item, #owl-monthly .owl-item, #owl-nightly .owl-item, #owl-fortnight .owl-item, #owl-6months .owl-item, #owl-12month .owl-item, #owl-sms .owl-item, #owl-apps .owl-item, #owl-aboutmtn .owl-item, #owl-servicesLanding .owl-item, div#owl-paygLanding .owl-item, #owl-moredata .owl-item, #owl-moreMinute .owl-item, #owl-custom .owl-item, #owl-unlimiteddata .owl-item, #owl-minutesLight .owl-item, #owl-minutesRegular .owl-item, #owl-minutesHigh .owl-item, #owl-minutesAll .owl-item, #owl-valueLight .owl-item, #owl-valueRegular .owl-item, #owl-valueHigh .owl-item, #owl-valueAll .owl-item, #owl-voice .owl-item, #owl-MTNChoiceLight .owl-item, #owl-MTNChoiceLight .owl-item, #owl-MTNChoiceRegular .owl-item, #owl-MTNChoiceHigh .owl-item, #owl-MTNChoiceAll .owl-item, #owl-MTNClassicLight .owl-item, #owl-MTNClassicRegular .owl-item, #owl-MTNClassicHigh .owl-item, #owl-MTNClassicAll .owl-item,#owl-MTNTopupLight .owl-item,#owl-MTNTopupRegular .owl-item,#owl-MTNTopupHigh .owl-item,#owl-MTNTopupAll .owl-item,#owl-MTNPayGo .owl-item { float: left; } img.img__Tp,img.img__D{ display:none; } img.img__M{ display:inline-block; } /*Tables*/ #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: block; } #no-more-tables tbody tr{ border-left:4px solid #ffffff; border-right:4px solid #ffffff; border-bottom:4px solid #ffffff; } td.numeric.nw { width: 60vw; font-size: 12px!important; } #no-more-tables td.numeric{ padding-bottom:6px; padding-top:0px; color:#989898; font-family: 'Myriad Pro Bold', MyriadProSemiBold!important; } #no-more-tables td.numeric b a, #no-more-tables td.numeric a{ font-size: 14px; } #no-more-tables td:nth-of-type(1):before { display: none; } div.test{ height:100px; width:100%; color:red; border:1ps solid; } th.numeric { display: none!important; } th span.mobileHeading { display: block; } thead.cf tr th{ width: auto; font-size: 18px; } table.table-bordered.cf.boosterBunMadeForme.DoubleBundle thead.cf tr th{ width:276px; } table.table-bordered.cf.boosterBun.boosterT thead.cf tr th,table.table-bordered.cf.boosterBunMadeForme thead.cf tr th{ width:294px; } table.table-bordered.cf.trivia thead.cf tr th { width: 276px; } #howTo thead.cf tr th{ width: 293px;; } .table-bordered td span{ font-size:16px; } .segmentsSteppa td.numeric { padding-left: 0px!important; } .segmentsSteppa td.numeric.LeftAlign >ul { position: relative; top: 32px; padding-left: 0px!important; } #no-more-tables thead tr { text-align:center; } #no-more-tables td:nth-of-type(1){ padding-left:0%; } #no-more-tables tbody tr { padding: 10px; padding-bottom:15px; } #no-more-tables tr { border: 2px solid #FFFFFF; background: #f1f1f1; } table.table-bordered.cf thead.cf{ background:#ffc925!important; } table#SocialTable td.numeric { padding-left: 29%!important; } #no-more-tables td { font-size:14px; border: none; padding: 10px; position: relative; padding-left: 70%; white-space: normal; text-align:left; } .autoPageBanking td.numeric { padding-left: 45%!important; } .autoPageTable td.numeric { padding-left: 30%!important; } table.bankingDetails td{ padding-left: 40%!important; } .ContactNumbersAccordion #no-more-tables td { padding-left: 40%; } div#no-more-tables.short-codes thead.cf tr th { width: 296px; } div#no-more-tables.short-codes td:before { white-space: pre-line; } #no-more-tables td:before { position: absolute; left: 0px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; } div#no-more-tables { padding-bottom: 20px; } .autoPageBanking td span.mobileAutoPageHeading { display: none; } #no-more-tables td:before { content: attr(title)!important; color:#6B6B6B; } /*END Tables*/ .yellowBox.right span.icon-external-link{padding: 0px 5px;} ul.contentListingSlider.payGoSlider div.triangle9 { margin-left: 50px; bottom: 19px; } ul.convertListingSlider .bx-wrapper .bx-viewport, ul.convertListingSlider .owl-wrapper-outer{ width:auto!important; max-width: 308px!important; } .leftCol.sliderControl .bx-wrapper .bx-viewport { background: transparent; } a.button.bundleButton { margin: 20px 0px; } .AppContainer p { padding:0px 10px; } .AppContainer ul.yelloList { margin-left: 12px; } /*.UserQuestion*/ .UserQuestion{ width:320px; margin-bottom: 20px; } .FAQCoverageName,.FAQEmail{ width:260px; } .QuestionTextbox,.BigFAQTextBoxValidation,.smallFAQQquestionValidation{ width:255px; background-position: 125px 5px; } .smallFAQQquestionValidation{ width:260px; background-position: 109px 5px; } .FAQRegularExp{ width:260px; background-position: 10px 5px; } /*END*/ ul.contentList,li.currentDeal { width:260px; } div#overview .bx-wrapper .bx-viewport{ background:transparent; } #overview div.static{ width:250px!important; margin-left:0px; } ul.contentList li{ width:256px!important; } ul.contentList li:nth-child(2){ height: auto; } .pricePlanContent li img { width: 103.8%; } .Yellotrader img{ width: 100%; padding-top: 80px; background: #FFBE00;} div.topSection div.bx-wrapper, div.topSection div.bx-viewport, div#homePageSlider.topSection .owl-wrapper-outer { height:368px!important; } .UpgradeStatus hr,.UpgradeStatus{ max-width:300px; } div.contentContainer.landingPage div.right ul + a{ clear:both; } h5.icon-services.label:before, h5.icon-heart.label:before{ padding: 0px 0px 20px 0px; } /****FTTH****/ .ftthContainer div#recaptchaNC { margin-left: 0px; } div#bottomSection { margin-left: -1px; margin-top: 0px; } /*****end*****/ p.airtimeVoice { width: 262px!important; } span.rechargeRates { width: 290px; } .rechargemiddleContent .innerContent p{ width:320px; margin-top:20px; float:none!important; } ::-webkit-input-placeholder { white-space:pre-line!important; } /*Network coverage*/ .NetworkCoverageInput, .textBox { font-size: 13px !important; } input.NetworkCoverageInput:nth-of-type(2) { white-space: pre-line; max-height: 90px; } div#recaptchaNC { margin-left: -17px; } span.NetworkCovcheckBox input { width: 17px; height: 20px; margin-left: -2px; margin-top: 2px; } /**END**/ ul.accordionControl li h3.control.selected, ul.accordionControl li h3.control2.selected, ul.accordionControl li h3.control3.selected, ul.accordionControl li h3.control4.selected, ul.accordionControl li h3.control5.selected, ul.accordionControl li h3.control6.selected, ul.accordionControl li h3.control7.selected, ul.accordionControl li h3.control8.selected, ul.accordionControl li h3.control9.selected, ul.accordionControl li h3.control10.selected { background: url('../images/upArrow.png') no-repeat 280px #FFF!important; padding-left: 10px; padding-right: 33px; color: #989898; } div#overview.tab.foundationOverview ul.accordionControl li h3, ul.accordionControl.smallaccordion li h3 { background-position: 280px!important; padding-left: 10px; padding-right: 30px; background-color:#FFFFFF; } div#overview.tab.foundationOverview .leftCol.sliderControl.aboutSlider .bottom.right { margin-left: 10px; margin-top: 20px; } .bottom.right{ margin-bottom:20px; } .contentContainer.commonContainer .bottom.right{ margin-left:10px; margin-top:20px; } div.tab p { line-height: 20px; } div.tab p.openAll { line-height: 31px; } div#PayGTermsLink p{ margin-top:0px; } .icon-share12:before{ vertical-align: top; } .dataLandingContainer.contractLandContainer .contentListingSlider h3.sliderHeader { width: 133px; } .contentListingSlider h3.sliderHeader{ height:32px!important; width: 133px; font-size:14px; } .ServiceLanding .icon-services:before{ padding:0px; } .ServiceLanding .bottom.right { margin-top: 20px; } .icon-services:before{ padding:15px; } .ServiceLanding .contentListingSlider h3.sliderHeader { height: 44px!important; } .right.paygLandRight h3 { margin-left: 20px; width:100%; } .buttonStyle { float: none!important; margin-bottom:30px; margin: 20px auto!important; } div.ContactUsSlider div.bx-wrapper div.bx-viewport{ width: 306px!important; padding:0px; height:170px!important; background:transparent; } div.loadingScreen { width: 300px; } #signUp input[type='email'].error, #signUp input[type='text'].error { width: 300px; } div#newletter label.error { width: 300px; } label#ctl00_g_2cd5695a_9d74_4cd6_8301_936007ad2e63_ctl00_emailOrmobile-error { width: 300px; } .txtNewsMeEmail,.btnSubmitNews{ width:290px } p.goShop { display: none; } .NewsLetterRegExpr{ padding-left:143px; background-position: 120px 0px; } div#newletter { margin-bottom: 0px; } .txtNewsMeEmail { margin-bottom:0px; } .footerDropDownContainer { display:none; } .pricing_opMedium ul li { width: 300px!important; } .detailCounter { width: 280px; } section.upgradesOnTop { float: left; } div#latestDeals div#divPhoneGallery{ margin-left:-20px; padding: 10px; } div#UpgradeCheck .ricaSearch,div#UpgradeCheck .ricaButton,div#UpgradeReminder .ricaSearch, div#UpgradeReminder .ricaButton { width: 260px!important; } div#UpgradeReminder { margin-top: 20px; } .supportUpgradeContainer.rightCheckUpgradesStatus,.supportUpgradeContainer.rightCheckUpgradesStatus,.supportUpgradeContainer.rightUpgradesReminder { width:300px; height:auto; padding: 15px; } .UpgradeSearch { width: 270px !important; } .supportHeading { font-size: 22px!important; } a#upgradeEligibiltyCheck { width: 269px !important; } .ReadyForUpgrade hr { width: 270px !important; } .ReadyForUpgrade { width: 300px !important; margin-top: 30px !important; height:340px !important; } .latestDealsLink { text-align: left; width: 250px;} a#availableUpgradesViewMore { display: none; } div.supportUpgradeContainer div.container a.button { width: 217px; margin: 10px 0px; text-align: center; padding: 15px; margin-bottom: 30px; margin-left: 0px !important; } a#availableUpgradesViewMore { color: #609abf !important; float: left; margin-top: 22px; font-size: 16px; margin-left: -14px; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; cursor: pointer; text-decoration: none; } .leftCol.sliderControl.ServiceLanding, .leftCol.sliderControl.ServiceLanding .bx-viewport{ background:transparent; } li.currentDeal div.yellowBox a { color: #000!important; } #overview > div.bx-control > div > div.bx-viewport { background-color: rgba(0,0,0,0); height: auto!important; max-height: 990px; } ul.tabControl.contractDetail #benefits{ margin-bottom:20px; } .overButton,.faqButton, .howToButton { display: inline-block; margin-top: 20px; } .sliderControl.PlaySlider .bx-wrapper,.sliderControl.PlaySlider .bx-viewport { height: 170px!important; } ul.MtnPlaySlider.MtnPlay li { width: 200px!important; } .playContentContainer h2, .VUContainer h2{ margin-top:0px; } div#points h2 { margin-bottom: 10px; } .Upgradescontent .contactLinkGroup{ float:none;!important; } #UpgradeContactUs.icon-phone-1 { float: none; padding: 20px 7px 0px 0px; } .Upgradescontent { width: 300px; } .playBottomSlider .bx-wrapper { margin-bottom: 30px!important; } .playBottomSlider .bx-wrapper .bx-viewport{ background:transparent; } .VuContainer ul.tabControl{ left:0px!important; } .linkPlay{ display:inline-block; margin:10px; } .VUContainer h2{ font-size:21px; } .playContentContainer div.contentContainer{ padding: 0px 0px 0px 10px; } .VuContainer ul.tabControl a,.VuContainer div.tab a.playLargeLink,.VuContainer a.terms { font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; font-weight: normal!important; color:#989898!important; } .VuContainer ul.tabControl a:hover,.VuContainer div.tab .playLargeLink a:hover,.VuContainer a.terms:hover { color:#ffbe00!important; } div.tab a.playLargeLink { margin: auto; color:#5e9ac1; font-size: 17px; text-decoration:none; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; margin:6px; } h1.pageHeading_white { font-family: 'Myriad Pro', MyriadProRegular; font-size: 35pt; color:#ffffff; font-weight:normal; padding: 0px 0px 20px 10px; } #desktop_button{ display:none; } .playContentContainer div#overview.tab,.playContentContainer div.tab { padding: 20px 20px 25px 10px; } .playContentContainer div.additionalContent { width: 320px; margin-top: -20px; } h3.playHeading{ font-size: 20px; color: #ffffff; font-family: 'Myriad Pro Light'; border-left: 0px; padding-left: 10px; margin-bottom: 10px; } .additionalContent h2 { margin: 10px; font-size: 25px; color: #373737; } .playContentContainer .right_play{ display:block; float:left; margin-right:0px; margin-bottom:20px; } .PlayLayConatiner div.contentContainer ul.tabControl,.loyalty141 div.contentContainer ul.tabControl { top: 0px; } .feature { font-size: 39px; float:left; padding-top:10px; } .PlayLayConatiner div.contentContainer .bottom.social_left,.loyalty141 div.contentContainer .bottom.social_left{ margin:20px 0px; } .VuContainer .bottom.social_left{ padding-left:10px; } .playContentContainer div#overview.tab, .playContentContainer div.tab{ padding: 20px 10px 25px 10px; background:#ecf1ee!important; } .PlayLayConatiner{ background: url('/Style Library/Images/Mobile_play.png') no-repeat 0px 0px #edefe7; } .loyalty141{ background: #edefe7 url('/Style%20Library/Images/141M.png') no-repeat 0px 0px; } .PlayLayConatiner.VUPlayLayConatiner{ background: #ecf1ee url('/Style Library/Images/mobile_medium.png') no-repeat 0px 0px; background-color:#ecf1ee!important; } div.frontRowContainer div.contentContainer { background-color:transparent; } div.frontRowContainer { padding: 0px 0px; margin-bottom: 0px; padding-top:120px; } .playContentContainer ul.topList { margin-top: 30px; color: #ffffff; } .playContentContainer ul.socialTracking.right { margin: 5px; color: #ffffff; } .playContentContainer .overview_bottom{ display:none; } .playContentContainer ul.topList li { font-size: 19px; margin-left: 0px; padding-left: 0px; background: none; line-height: 29px; font-family: 'Myriad Pro Regular',MyriadProRegular; } .ussdTable { display: inline-block; } .tableContainer.ussdTable >ul li:not(:first-child){ padding: 8px 8px 0px 8px; font-size: 12px; } .ussdTable ul { float: left; width: 210px; } .ussdTable .bx-wrapper { left: 65px; } div.answer .tableContainer div.bx-controls.bx-has-controls-direction { display: block!important; } div.answer .tableContainer .bx-wrapper .bx-controls-direction a { position: absolute; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; top: 35px; width: 27px; height: 27px; } div.answer .tableContainer .bx-wrapper .bx-prev { left: 10px; background: url('/Style Library/images/controls.png') no-repeat 0 0px; } div.answer .tableContainer .bx-wrapper .bx-next { right: 13px; background: url('/Style Library/images/controls.png') no-repeat -39px 0px; } div.answer .tableContainer .bx-wrapper .bx-next:hover { background-position: -39px 0; } div.answer .tableContainer{ width: 270px!important; display: inline-flex; } div.answer .tableContainer ul { min-width: auto!important; float: left; } div.answer .tableContainer .bx-wrapper { position: absolute!important; max-width:162px!important; padding: 0; background:transparent!important; margin-left: 150px!important; } div.answer .tableContainer .bx-viewport { height:auto!important; background:transparent!important; } .tableContainer div.bx-controls.bx-has-controls-direction { display: none!important; } .tableContainer .bx-wrapper .bx-controls-direction a { position: absolute; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; top: 35px; width: 27px; height: 27px; } .tableContainer .bx-wrapper .bx-prev { display:none; left: 10px; background: url('/Style Library/images/controls.png') no-repeat 0 0px; } .tableContainer .bx-wrapper .bx-next { display:none; right: 13px; background: url('/Style Library/images/controls.png') no-repeat -39px 0px; } .tableContainer .bx-wrapper .bx-next:hover { background-position: -39px 0; } .tableContainer{ width:150px!important; margin-bottom:20px; } .tableContainer ul { min-width: auto!important; float: left; } .tableContainer .bx-wrapper { position: absolute!important; max-width:165px!important; padding: 0; background:transparent!important; margin-left: 154px!important; } .tableContainer .bx-viewport { height:auto!important; background:transparent!important; } div.answer .tableContainer li.darken, .tableContainer li.darken { overflow:hidden; } .tableContainer ul.bx-controller { max-width: 120px!important; } a.termsConvert { float:left; left: -76px; } div#momoHowTo.tab.useArrows ul li:nth-of-type(1) h4 { color: #989898; } div.answer ul li{ width:300px; } div.tab h4 { width: 100%!important; line-height:normal!important; } .scrollbar { height: 300px; width: 300px; overflow-y: scroll; } table.momo { width: 290px; } div#momoHowTo.tab.useArrows ul li:nth-of-type(1) h4 { background: url('/Style%20Library/Images/closeFAQ.png') no-repeat 94% #F1F1F1; } div#momoHowTo.tab.useArrows ul li h4 { background-image: url('/Style%20Library/Images/openFAQ.png'); background-repeat: no-repeat; background-position: 94%; background-color: #f1f1f1; padding-right: 45px; height: auto; line-height: 20px; font-size: 18px; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; font-weight: normal; } div#momoHowTo { padding: 0px; } #momoHowTo .mobileContent { display: block; } div#momoHowTo ul.content img{ display:none; } .tabs_dataPlan{ margin:-10px; } .dataBottom .contractName { max-width: 320px!important; width: 320px!important; } p.stepTitle.subHeadings{ color:#6B6B6B; } .servicesLandingContainer li.bgPink { margin: -5px; } .contentContainer.landingPage.servicesLandingContainer{ padding:0px 0px 20px 0px!important; } div.contentContainer.landingPage.servicesLandingContainer div.right ul + a, .bundleButton, div.contentContainer.landingPage.servicesLandingContainer a.termsFaq, div.contentContainer.landingPage.servicesLandingContainer p.bundleFaqText, div.contentContainer.landingPage.servicesLandingContainer h4 { margin-left:10px; } .landingPage.servicesLandingContainer a.withDeviceShopLinkViewMoreDetails { top: 0px; float: left; } .servicesLandingContainer a.withDeviceShopLinkViewMoreDetails{ margin: 10px; right: 0px; } div#latestDeals { padding: 10px; } .phoneGallery .UpgradeBxlistContainer1 .bx-viewport { width: 314px !important; background: none !important; } .Upgradescontent a#achLatestDeast { margin-right: 92px !important; margin-top: 10px; } div#CustomizePlan p { width: 301px !important; } div#UpgradeStatus hr { width: 277px !important; } div#ReadyForUpgrade hr { width: 277px !important; } a#UpgradeTailorPlan { margin-right: 14px !important; margin: -80px 0px 0px 0px; color:black; } .Upgradescontent div#CustomizePlan { margin-bottom: 20px !important; width: 300px !important; margin-left: 10px !important; } h3#UpgradesContactPay { font-size: 15px !important; } div#latestDeals{ float:none!important; margin-top: 0px !important; margin-left: 0px !important; } div#ReadyForUpgrade { width: 300px !important; margin-top: 20px !important; height:auto!important; } div#UpgradeStatus { width: 300px !important; } div#ReadyForUpgrade h3 { font-size: 20px; } #UpgradeContactUs.icon-phone-1 { margin: 0px 7px 0px 0px!important; } h3#UpgradesContactPay { font-size: 14px; } div#ReadyForUpgrade span.icon-phone-1 { font-size: 25px; margin-left: -36px !important; margin-top: -2px; } div#UpgradeContactUs { font-size: 17px; width: 237px; margin-top: -16px !important; } a#UpgradeContactForm { margin-left: 4px !important; } a#UpgradeWebChat { margin-left: 6px !important; } a#UpgradeTwitter { margin-top: -14px !important; margin-left: 186px !important; } a#UpgradeTnC { margin-top:0px!important; padding: 10px; } div#divPhoneGallery .bxlistContainer#popular .bx-wrapper .bx-viewport .bx-wrapper { max-width: 307px !important; } #divPhoneGallery .bxlistContainer .bx-wrapper .bx-viewport { margin: 0px 14px!important; padding: 0px 0px!important; } ul#UpGradesAccordion { width: 320px!important; float: left; margin: 0px; } ul#UpGradesAccordion h3.control { background: url('/Style%20Library/Images/downArrow.png') no-repeat 284px #FBFBFB !important; } ul#UpGradesAccordion h3.control.selected { background: url('/Style%20Library/Images/upArrow.png') no-repeat 284px #FBFBFB !important; } ul#UpGradesAccordion { margin-top: 0px; padding-bottom: 0px; } .upgradesBottom{ margin-left:0px!important; } div.upgradesBottom div#PromoBanner { margin-left: -30px; clear: both; margin-top: -40px; margin-bottom: 30px; width: 300px !important; } div#PromoBanner { float:none!important; clear:both; margin-left:10px; width: 300px !important; padding: 58px 10px 10px 26px !important; } div#CallToAction { float:none!important; clear:both; margin-left:10px; width: 300px !important; padding: 21px 10px 10px 98px !important; } a.button.serviceButton { margin: 0px; width: 280px; } ul.accordionControl.smallaccordion { width: 314px; float:none; margin-left:0px; } div.servicesContainer img.contentImage { margin: 0px 0px 20px 0px; padding: 0px 10px 10px 10px; width:100%; } div.servicesContainer{ padding-top: 0px; max-width:320px; background-color: #f9f9f9; } .leftCol.sliderControl.appsSlider .bx-viewport{ background:transparent!important; min-height:170px!important; } #owl-aboutmtn .sliderImageHolder.tabBox>span{ top:13px; position:relative; } .sliderImageHolder.tabBox>span{ margin:10px; font-size: 40px; top:10px; } div#owl-voice .sliderImageHolder.tabBox>span, div#owl-sms .sliderImageHolder.tabBox>span, div#owl-allinonebundles .sliderImageHolder.tabBox>span{ font-size:14px; } span.icon-mtn-cloud,span.icon-mtn-storelocator,span.icon-mtn-wifispot,span.icon-mtn-virtualstore,span.icon-mymtnza,span.icon-mtn-zonepersecond,span.icon-mtn-talkfree,span.icon-mtn-paypersecond,span.icon-mtn-pulse { margin: 0px; } div.contentContainer.AppContainer { max-width: 320px; padding: 0px 10px 0px 0px; } div#faq.tab{ padding:0px; } .frontRowContainer .tab.playFaqs { height: auto!important; max-height: max-content!important; } .right.paygLandRight .terms { float: left; padding-right: 30px; margin-left: 10px !important; } .dataBottom .right.paygLandRight .terms{ float:right; } h3.recommended{ margin-top:0px; } ul.tabControl.contractDetail #benefits { margin-left:0px; margin-top: 0px; width:300px; } .next_link:hover{ color: #373737!important; } ul#FaqCategory li { width: 130px !important; } li.darken.darkHeading { padding-top: 10px; } div.detailRates ul li{ min-width:177px; } .FAQContainer { background:transparent; padding: 0px; } select#dpCategory { width: 95% !important; } span#NameSpan { display:none; } span#SurnameSpan { display:none; } span#emailAddressSpan { display:none; } span#CellNumberSpan { display:none; } span#CategorySpan { display:none; } span#MessageSpan { display:none; } ul#UpgradeUlPrdDatali.popular > span.icon.icon-hamburger { position: absolute; top: 10px; right: 10px; display: block; } ul#ulPrdData li.popular { padding-top: 20px; } ul#ulPrdData li.popular h2.price { left: 92px; top: 115px; height:45px; } ul#ulPrdData li.popular h2.price > span { font-size: 30px!important; margin-left: -2px!important; } ul#ulPrdData li.popular a.seeMore { font-size: 16px; } div.phoneGallery p.detail { font-size: 14px; } a.modalZoomTailor { padding-left: 10px; } ul#ulPrdData li.popular a.seeMore span.icon.icon-external-link { font-size: 11px; padding-left: 2px; top: 2px; } #divPhoneGallery .bxlistContainer#popular .bx-wrapper .bx-viewport .bx-wrapper { margin: 0px 10px!important; } #divPhoneGallery .bxlistContainer .bx-wrapper .bx-viewport { margin: 0px 0px!important; padding: 0px 0px!important; } .centerMidSection.homeMidSection { margin-bottom: 20px; } ul#UpgradeUlPrdData li.popular > span.icon.icon-hamburger { position: absolute; top: 10px; right: 10px; display: block; } ul#UpgradeUlPrdData li.popular { padding-top: 20px; } ul#UpgradeUlPrdData li.popular h2.price { left: 92px; top: 115px; } ul#UpgradeUlPrdData li.popular h2.price > span { font-size: 30px!important; margin-left: -2px!important; margin-top: -5px !important; } ul#UpgradeUlPrdData li.popular a.seeMore { font-size: 16px; margin-top: 20px; } div.phoneGallery p.detail { font-size: 14px; margin-bottom: 25px !important; } a.modalZoomTailor { padding-left: 10px; } ul#UpgradeUlPrdData li.popular a.seeMore span.icon.icon-external-link { font-size: 11px; padding-left: 2px; top: 2px; } #divPhoneGallery .UpgradeBxlistContainer1#popular .bx-wrapper .bx-viewport .bx-wrapper { margin: 0px 10px!important; } #divPhoneGallery .UpgradeBxlistContainer1 .bx-wrapper .bx-viewport { margin: 0px 0px!important; padding: 0px 0px!important; width: 314px !important; } .pagination ul.termPager li:last-child a:hover,.pagination ul.termPager li:first-child a:hover{ color: #373737!important; } .print.icon-ptint{ display:none; } div#genericContacts { margin-bottom: 20px; } .termsFilter { width: 300px!important; padding-left:10px!important; font-size:14px!important; margin-left:10px; } div#divDocs { padding-right: 10px; } .termsContainer { padding: 0px 0px 20px!important; } p#pDisplay, div.termsComp select{ font-size:17px; margin-left:10px; } p.TermsTitle{ font-size:17px; margin-left:10px; margin-top:0px; } .bp-docs-example,.pagination,.pagination ul { margin: 0 auto; display: table; width:auto; } .pagination ul > li > a, .pagination ul > li > span { float: left; font-size:17px; color: #373737; margin: 4px 6px; } .pagination ul > .active > a, .pagination ul > .active > span { cursor: none; color:#f8a124; } .termsContainer { width:320px; clear: both; padding: 20px 0; border-top: 3px solid #FFBE00; background: transparent; } .termsContainer ul.accordionControl li h3.control { background: url('../images/downArrow.png') no-repeat 280px #FFF!important; padding-left: 10px; padding-right: 58px; } .termsContainer ul.accordionControl li h3.control.selected { background: url('../images/upArrow.png') no-repeat 280px #FFF!important; padding-right: 58px; line-height: 22px; } div.bundleLandingContainer div.bx-wrapper{ margin: 0px auto 30px!important; clear:both; height:300px; } .bundleLandingContainer p.stepTitle:nth-of-type(2) { padding:15px!important; } .bundleBottom .placeHolder { margin-top: 50px; margin: 0px 10px 10px 0px; } .bundleFaqText{ margin: 30px 0 20px 0px; float:left; clear:both; }` div#divbundleCategoryType input[type='text'], select, textarea { width: 300px; height: 43px; padding: 0 0 0 20px!important; } .bundleBottom .triangle2, .bundleBottom .triangle1{ bottom:0px!important; } div.leftCol.sliderControl.bundleBottom div.bx-wrapper{ margin: 0 auto 0px; } .overviewLeft, .overviewRight { float: none; width: 100%; margin-bottom:20px; } .bundleBottom a.withDeviceShopLinkViewMoreDetails { float: left; margin: 0px; right: 0px; top: 20px; margin-bottom:30px; } .subContract h3.subContentHeading { width: 150px; display:inline-block; font-size:18px; } .subContract span { display:inline-block; float: right; margin-top: 0px; font-size: 25px; text-align:right; width:auto; } .overviewRight{ margin-left:0px; } .bundleButton { min-width: 300px!important; } span.priceSecond{ font-size: 13px!important; text-transform:none; font-family: 'Myriad Pro Bold'!important; } .contractName .price{ font-size:31px; } .bundleBottom.lightContainer h4 { width: 100%; } .btnSubmitNews { width: 290px; margin-top:3px; } h3.sliderHeader.discontinued { font-size: 13px!important; line-height: 12px!important; } .contentContainer.bundleBottom { margin-top: 0px!important; } span.bundleCaption { font-size: 15px; position: relative; display: block; } .bundleLandingContainer p.stepTitle { margin-right: -10px; width: 320px; margin-left:-10px; background:#FFFFFF; } .bundleLandingContainer p.stepTitle:nth-of-type(2) { margin-top: -12px; } .contractName span:nth-child(2) { margin-top: 5px!important; } div.PayGContainer .LightContentContainer:nth-of-type(2) { margin-top: 0px; } .leftCol.sliderControl.landingPage.bundleBottom{ width:310px; margin-left:-10px; } .bundleBottom ul.contentListingSlider li h3{ height: 24px!important; line-height: 12px!important; } div.bundleBottom div.triangle { bottom:-15px!important; margin-left: 50px; } .bundleBottom ul.contentListingSlider li{ margin-right:3px!important; } div.leftCol.sliderControl.bundleBottom div.bx-wrapper{ margin-left:0px!important; } ul.bundleOptions li .dataItems{ width:287px!important; } .bundleOptions li { max-width:294px!important; margin-right:3px!important; width:294px!important; } .bundleBottom ul.contentListingSlider li { margin-right: 3px!important; } div.bundleBottom ul.contentListingSlider li { height: 129px; width: 133px!important; } .contentContainer.bundleBottom{ padding: 0 10px 0 10px!important; } .bundleLandingContainer .rightSidebar_contractLanding.top-border{ margin-bottom:20px; clear:both; } .bundleLandingContainer { width: 300px!important; } ul.bundleOptions{ clear:both; } span.priceSecond{ font-size: 10px!important; text-transform:none; font-family: 'Myriad Pro Bold'!important; } .contractName .price{ font-size:25px; } li.bgPink,li.bgPink span{ font-size:20px!important; } p.stepTitle.icon.pointerNone.open.icon-angle-up{ float:none; } .triangle2,.triangle1,.triangle3,.triangle4,.triangle5,.triangle6,.triangle7,.triangle8,.triangle9, .triangle10,.triangle11,.triangle12 { border-width: 12px 12px 0 12px; } div.triangle { border-width: 12px 12px 0 12px; } p.headingText.paygLandingText { padding:20px; ;margin-bottom:0px!important; } .contactUSBlock{ display:none; } .dataBottom.lightContainer h4 { width: 100%; } h3.sliderHeader.discontinued { font-size: 13px!important; line-height: 12px!important; } .contactUSBlock .icon-phone-1{ padding: 5px 3px 0px 30px; } div.rightSidebar_container .dataRecharge h4.recharge { margin-left: 10px!important; margin-top:0px!important; padding-top:20px!important; color: #ffbe00!important; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'!important; font-weight: normal!important; } div.PayGContainer .LightContentContainer a.withDeviceShopLinkViewMoreDetails{ margin-bottom:20px; right:0px; top:0px; } .rightSidebar_container.rightSideDataContainer .placeHolder { margin: 30px 0px 20px 10px; } #owl-datalisting,.bundleLandingContainer #owl-bundlelisting { margin-left: 0px; margin-right: 0px; max-width:310px; padding-left:0px; } .dataItems.tabBox,.bundleItems.tabBox { height: 200px; } #owl-aboutmtn .owl-pagination, #owl-light .owl-pagination, #owl-daily .owl-pagination, #owl-weekly .owl-pagination, #owl-hourly .owl-pagination, #owl-monthly .owl-pagination, #owl-nightly .owl-pagination, #owl-fortnight .owl-pagination, #owl-6months .owl-pagination, #owl-12month .owl-pagination, #owl-light .owl-pagination, #owl-apps .owl-pagination, #owl-sms .owl-pagination, #owl-servicesLanding .owl-pagination, #owl-recharge .owl-pagination, #owl-play .owl-pagination, div#owl-paygLanding .owl-pagination, #owl-voice .owl-pagination, #owl-moredata .owl-pagination, #owl-moreMinute .owl-pagination, #owl-custom .owl-pagination, #owl-unlimiteddata .owl-pagination, #owl-minutesLight .owl-pagination, #owl-minutesRegular .owl-pagination, #owl-minutesHigh .owl-pagination, #owl-minutesAll .owl-pagination, #owl-valueLight .owl-pagination, #owl-valueRegular .owl-pagination, #owl-valueHigh .owl-pagination, #owl-valueAll .owl-pagination, #owl-MTNChoiceLight .owl-pagination, #owl-MTNChoiceRegular .owl-pagination, #owl-MTNChoiceHigh .owl-pagination, #owl-MTNChoiceAll .owl-pagination, #owl-MTNClassicLight .owl-pagination, #owl-MTNClassicRegular .owl-pagination, #owl-MTNClassicHigh .owl-pagination, #owl-MTNClassicAll .owl-pagination, #owl-MTNTopupLight .owl-pagination, #owl-MTNTopupRegular .owl-pagination, #owl-MTNTopupHigh .owl-pagination, #owl-MTNTopupAll .owl-pagination, #owl-MTNPayGo .owl-pagination { display: none; } #owl-datalisting .owl-pagination{ display:block; } .dataListingSlider.dataOptions.owl-carousel.owl-theme .owl-controls .owl-page span { width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; display: inline-block; height: 2.5px; opacity: 2.5; filter: Alpha(Opacity=100); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: #c0c0c0; } .dataListingSlider.dataOptions.owl-carousel.owl-theme .owl-controls .owl-page.active span { background: #ffbe00!important; } span.dataCaption { font-size: 15px; position: relative; display: inline; } .dataLandingContainer p.stepTitle, .dataLandingContainer p.stepTitleMin-Val { margin-right: -10px; width: 320px; margin-left:-10px; background:#FFFFFF; margin-bottom:15px; } .dataLandingContainer p.stepTitle:nth-of-type(2) { margin-top: -12px; } .contractName span:nth-child(2) { margin-top: 0px!important; } div.PayGContainer .LightContentContainer { background: #FFFFFF; width: 320px; margin: -10px; } span.contractTitle{ width: 141px; display:inline-block; font-family: 'Myriad Pro Bold'!important; color: #6b6b6b; font-size:18px!important; } div.PayGContainer .LightContentContainer .contractName { height: 60px; margin-left: -10px!important; max-width: 320px!important; width: 320px!important; } div.rightSidebar_container h4.recharge{ background:none!important; } .rightBlock.dataRecharge { width: 319px!important; margin-top:30px; } .dataRecharge div.icon { display: block!important; float: right; margin-right: 15px; margin-top:-20px; color: #373737; font-size: 20px; } .rightBlock.dataRecharge { border-top: none; border-bottom: none; margin-bottom:20px; margin-top:3px; } .rightBlock.dataRecharge:nth-of-type(1) h4{ margin-top:5px; padding-left:5px!important; } div.PayGContainer .LightContentContainer:nth-of-type(2) { margin-top: 0px; } .leftCol.sliderControl.landingPage.dataBottom{ width:320px; background:#ffffff; } .tab-content { border-top: 2px solid #ffc400; } .tab-content .tab { padding-left: 0px; } .tabs_dataPlan .tab-content .tab { padding: 0px; } .dataBottom ul.contentListingSlider li{ margin-right:3px!important; } div.leftCol.sliderControl.dataBottom div.bx-wrapper{ margin-left:0px!important; } div.rightSidebar_container h4.recharge div.icon { display: block; } ul.dataOptions li .dataItems{ width:265px!important; } .dataOptions li { margin: 0 0px!important; max-width:294px!important; margin-right:10px!important; width:265px!important; } .dataBottom ul.contentListingSlider li { margin-right: 3px!important; } .tab-links_dataPlan a{ font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; padding: 9px 11px!important; } .contractLandContainer div.dataBottom ul.contentListingSlider li { height: 150px; } div.dataBottom ul.contentListingSlider li { height: 133px; width: 133px!important; } .tab-content { width: 300px!important; } .contentContainer.dataBottom{ max-width:300px!important; padding: 0 0 0 0!important; } .dataLandingContainer .rightSidebar_contractLanding{ margin-top:0px; margin-left:0px; } .dataLandingContainer { width: 300px!important; } div.tab.howTo{ height:auto; } .visualImage { margin-left: 10px; } div.tab.Cost{ min-height:250px; height:auto; } .contentBlock, .contentBlock_two, .contentBlock_three { width: 320px; margin-left: 0px; } div#howTo ul.yelloList li { width: 300px; } .pricePlanContent .bx-wrapper{ margin: 0px auto 40px; } .pricePlanContent .bx-wrapper img{ max-width:104%!important; width:104%; } div.pricePlanContent { float: left; width: 310px; margin-bottom: 20px; } div.pricePlanContent ul li{ width:260px!important; height:240px; margin: 0px 20px 0px 0px; } .payGo.priceLeftPayG,.rightBlock.pricelandingPage.contactUs{ margin-bottom:20px; margin-left: 8px; width: 300px; } .rechargeOptions li { width: 245px!important; } .rechargeHeading { margin-top: -20px; } .border { border: 1px solid #eaeaea; margin-right:20px; top:60px; } .rechargeBottomContent li { margin-top: 20px; } .mainBorder { top:35px; } .seeAll>a { text-align: center; } .innerContent h3 { font-size: 38px; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; text-align:center; padding-top:25px; } a.terms.airtimeLink { text-align: center; } .cardContent p { text-align: center; padding: 80px 20px 0px 20px; font-size: 20px!important; } .rechargeBottomContent h4,.rechargeBottomContent p { padding: 15px 10px 0px 10px; } .rechargeBottomContent h4 { margin-bottom: 0px; } .cardContent p { padding: 80px 10px 10px 10px; } .innerContent p { margin-right: 0px; margin-top:0px; } div#PayGTermsLink { margin-bottom: 20px; } a.terms { margin-left: 0px; } .bottomContent .terms{ margin-left:10px; } span.rechargeLabel { font-size: 21px; } .rechargeHeading h3, .rechargeBottomContent h4{ font-size:21px; } div.rechargeBxContainter div.bx-wrapper { margin-left:0px!important; width:300px!important; } div.rechargeBxContainter .bx-controls-direction { display: none; } div.rechargeBxContainter .bx-wrapper .bx-viewport{ background-color:transparent!important; } .innerContent { margin-bottom:20px; float: left; width: 250px; font-size: 20px; color:#373737; font-family: 'Myriad Pro',MyriadProRegular; } .innerContent span { font-size: 36px; display: block; } a.button.rechargeButton{ width:236px; float:none!important; } .rechargemiddleContent .innerContent p a.terms { vertical-align: baseline; display:inline; } .rechargeBottomContent ul { padding: 10px; width:auto!important; } .rechargemiddleContent { background-color: #FFF; padding: 20px; border-bottom: 3px solid #FFBE00; margin-bottom: 30px; height: auto; float:left; padding-left:15px; margin-right: 20px; } .rechargeCard,.rechargeCardFlip{ width: 280px; } .rechargeCardFlip p { text-align: center; } .accordMobContainer.SupportContainer li:last-child,.accordMobContainer.otherContainer li:last-child,.accordMobContainer.profileContainer li:last-child { margin-bottom: 20px; } a.shopLink { font-size: 21px!important; } .accordMobContainer h5.control.icon.icon-angle-up { color: #989898!important; } .shopLink { padding: 0px 0px 20px 5px; font-size:21px; } .siteMapContainer{ margin:10px 0px 30px 0px; } .ddList_sitemap select{ margin-top:0px; } .ddList_sitemap { display: block; margin-bottom:-50px; } .tab.tab_sitemap { padding-left:0px!important; min-height: 284px; border-bottom:none!important; border-top:none; width: 320px; margin-bottom: 0px; } .listDD h3 { display:none; } .accordMobContainer h5.control { width: 320px; background-color: #fff; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; font-size: 21px!important; color: #f8a125!important; margin-left: 0px!important; padding-top:17px; margin-bottom:3px; height: 55px; } .accordMobContainer .container { display: none; padding:10px; } .SupportContainer.rightRica label.error { right: 30px; } #SubscriberComponent label.error { left:-25px; } .me2uContainer ul li{ width:96%!important; float:none!important; } a.button{ text-decoration:none!important; } img.PopularImage { float: right; margin-top: -44px; height: 43px; } .secondContainer.mobileDivAccord { margin-top: 0px; } .payGo h2 { padding-top: 20px; } a.button.payGoButton{ margin-top:20px; } .rightDevice{ background: url('/Style%20Library/Images/simonly_mob.png') #FFFFFF no-repeat; width:auto; } div#faq.tab.simOnlyFAQ { min-height: 280px; height:auto!important; } div#faq.simOnlyFAQ >ul li { width: 320px!important; } div#faq.simOnlyFAQ { margin-bottom: -20px; }s li.iconCommon p:nth-child(1){ font-size:21px!important; } .rightDevice.deviceSection h2 { font-size: 21px; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'!important; margin-left: 0px; width: 200px; margin: 0 auto; padding-top: 10px; line-height:25px; } div#faq.tab.useArrows.simOnlyFAQ ul li:nth-of-type(1) h4, div#faq.tab.useArrows.simOnlyFAQ li:nth-of-type(6n + 7) h4{ background: url('/Style%20Library/Images/downArrow.png') no-repeat 96% #F1F1F1!important; color:#989898; background-color:#FFFFFF!important; } div#faq.tab.useArrows.simOnlyFAQ h4{ background-color:#ffffff; background: url('/Style%20Library/Images/upArrow.png') no-repeat 96% #F1F1F1; } div#faq.tab.useArrows.simOnlyFAQ h4{ background-color:#FFFFFF!important; } .secondContainer.mobileDivAccord>h5{ margin-top:0px; } ul.dealOptions li { width: 272px!important; margin-right: 0px; } ul.dealOptions li .dealsItems { width: 275px; } .rightDevice { width: 300px; margin-left: 10px; margin-bottom: 20px; } .leftFloat{ float:left; padding-top:20px; } li.iconCommon { margin-right: 4px; } .divAccordionContainer ul li { width: 131px; text-align: center; } a.termsFaq.startedLink { padding: 10px; padding-bottom: 20px; } .icon-angle-down.icon:before,.icon-angle-up.icon:before{ display:block; float:right; margin-top:10px; } .icon-angle-down.icon:before{ color:#000000; } .bx-wrapper{ clear:both; } div.additionalContent .bx-wrapper { margin: 0 auto 0px; } .PlayLayConatiner.VUPlayLayConatiner .bx-wrapper .bx-viewport { background: #ecf1ee; } div.additionalContent .bx-viewport,div.additionalContent .bx-wrapper { min-height:300px; } ul.dealOptions li { width: 286px!important; } .simFaqs { float: left; width: 320px; margin-top: 30px; } .mobileDivAccord { margin-bottom:3px; } .icon-angle-down.icon,.icon-angle-up.icon, { padding-left: 10px; } .container.tab.useArrows.simOnlyFAQ{ border:none!important; } div.idealContainer { height: 467px; width: 320px; background-color:transparent; box-shadow:none; } .payGo { margin-left: 10px; width:300px; } h5.divAccordionControl { width: 320px; background-color:#FFFFFF; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; font-size:21px!important; color:#f8a125; } h5.divAccordionControl.open{ color:#989898; } .tab.tab_sitemap .icon.icon-angle-up{ float:none; } .siteMapContainer h3.control{ display: none; } .icon.icon-angle-up{ float:right; color:#989898; padding:10px; } .icon.icon-angle-down{ padding:10px; } div.dealContainer { width: 300px; margin-left:10px; } ul.grayList{ margin-bottom:30px; } .accessibleContainer h3{ font-size: 17px; color: #4c4c4c; font-family: 'Myriad Pro Regular',MyriadProRegular; padding: 5px 0px 5px 0px; margin-bottom: 20px; font-weight: normal; line-height:25px; } ul.grayList li { font-family: 'Myriad Pro Regular',MyriadProRegular; font-size: 15px; line-height: 21px; color: #4c4c4c; margin-bottom: 15px; vertical-align: -10px; background: url('/Style Library/Images/blackDot.png') no-repeat 2px 10px; padding-left: 30px; } .accessibleContainer { margin-bottom: 20px; padding:13px; } .RightAcces.contactUs { padding-top: 40px!important; } .RightAccess { background-color: #FFF; clear: both; height: 200px; display: inline-block; } .RightAccess p { font-size: 16px; } a.button.leftButton { margin-left:0px!important; min-width:280px; margin-bottom:10px; } .priceLink{ margin-bottom:20px; padding-left:10px; } .RightAccess.contactUs:nth-of-type(3) ul { width: 40%; float: left; margin-left: 30px; } .RightAccess.contactUs:nth-of-type(3) ul li { margin-bottom: 20px; } .RightAccess.contactUs:nth-of-type(3) ul li a { font-size: 17px; color: #609ABF; } .icon-phone-1 { float: left; font-size: 23px; padding: 7px 10px 0px 0px; margin-right:0px!important; color: #FFBE00; } .middleAccess h2{ font-size:25px!important; } h5.ContactUs{ font-size:20px!important; } .middleAccess{ background: url('/Style%20Library/Images/AccessibleBg.png') no-repeat; display: block; margin-bottom:20px; padding-top: 15px; text-align: center; background-color: #ffffff; float:left; padding:15px; } .disabilityContainer{ margin-left:0px; } .rightSidebar_container { display: block !important; } a.button.contractButton { margin: 20px 15px 29px; } .right_border{ height:auto; margin-top:0px; } div.support-Top{ width:100%!important; } .top-colRight { margin-left: 0px; } .supportUpgradeContainer { float: left; clear: both; } .supportUpgradeContainer, div.supportContainer div.container a{ clear: none!important; } a.button.subcribEmail{ margin: 30px 0px 30px 0px; width: 280px; padding:13px; } div.supportContainer.supportMostPopular .bx-controls.bx-has-controls-direction { display: block!important; } div.supportContainer.supportMostPopular h5 { margin-left: 0px; margin-bottom: 15px; } div.supportContainer.supportMostPopular .bx-wrapper .bx-viewport { background: transparent; } .rightContainer { margin-top: 0px; } div#colorbox { left: 0px; } .col-common{ margin-bottom:-23px!important; } div.supportList{ background:transparent; padding-left:0px; width:320px; } ul.supportList { margin-bottom: 15px; } .rightSidebar_container.top-border.rightRica.rightColContainer { width: 320px!important; background: transparent!important; border-top:none!important; margin-bottom: 0px!important; } h5.icon.ricaPhone.label:before{ display:none; } h5.control.icon-angle-down.icon:before, h5.control.icon-angle-up.icon:before { margin-top: 0px; } ul.phoneSupport li{ width:260px!important; } .rightSidebar_contractLanding .label { width: 280px; margin: 10px auto 0; color: #000 !important; font-weight: bold !important; font-size: 23px !important; } ul.benefitItems li:first-child { margin-top: 9px; } .sliderImageHolder { height: 69px !important; background: #DDD !important; padding: 0px!important; font-size: 17px !important; } #owl-aboutmtn .sliderImageHolder { padding-top: 15px; } ul.contentListingSlider.moreDataSlider li div.sliderImageHolder { padding: 15px; } ul.contentListingSlider li .sliderImageHolder { padding: 15px; } span.spanText { font-size: 14px; margin: 0 auto!important; display: table; width: auto; vertical-align: middle; padding-top: 27px; } h5.control.icon.icon-angle-down:before { margin-top: 0px; } h5.control.icon.icon-angle-up:before { margin-top: 0px; } div.supportContainer p { width: 281px; margin-top: 0px; display: inline-block; padding-top: 20px; } div.support.leftContainer .container { clear: both; display: inline-block; padding: 20px 0px; background-color: #FFF; margin-bottom: 30px; width: 320px; } div.supportList { border-right: none; } div.supportContainer.getStarted .container { margin-left: 20px; margin-bottom: 25px; } div.supportContainer.supportMostPopular .container { margin: 0px 0px 90px 20px; } div.supportContainer.supportContactUs .container { margin: 0px 20px 45px 20px; } div.shareRica ul.respAccordion { height: 250px; } ul.rightSidebar a.button { margin: 10px 0px; width: 280px; } .ricaSearch { width: 279px!important; } .RegularExpRica, .RicaRequiredStyle { width: 279px; } .right_ViewAll { margin-right: 10px; } .rightSidebar_container{ border-top: none; } .rightSidebar_container.mostPopularRight.partner { margin-bottom: 20px; } #leftColSection .contentContainer.commonContainer div.content p { padding: 0px 10px; } .leftCol.sliderControl.ServiceLanding.InsuranceC .commonContainer p { padding: 10px; } .leftCol.sliderControl.ServiceLanding.InsuranceC .bottom.right { margin-left: 0px; } .contentContainer.commonContainer{ float: none; } .contentContainer.commonContainer.startedContainer { padding: 10px; } .contentContainer.commonContainer.PartnerContiner { padding-bottom: 0px; margin-bottom: 0px!important; } h5.icon.hat.label:before { content: url('/style%20library/images/hat22.png'); padding-right: 9px; white-space: nowrap; } h5.icon.heart.label:before { content: url('/style%20library/images/heart22.png'); padding-right: 9px; white-space: nowrap; } .rightSidebar_container.rightSidebundleContainer .placeHolder { background-size: 300px 250px; background-image: url('/Style Library/Images/PromoBanners/MyMTN_App.jpg'); text-indent: -9999px; white-space: nowrap; display: block!important; margin-top: 20px; margin-bottom:20px; } .secondContainer.mobileDivAccord .bx-viewport { height: 273px!important; } h5.icon.ricaPhone.label.sup_content { font-size: 21px!important; padding: 10px 10px 15px 20px; color: #f8a125!important; margin-left: 0px; } .supportContainer.mostPopular { width: 320px; margin-left: 0px; height:auto; background-color: inherit; padding-top: 0px; margin: 0px 0px; padding-bottom: 10px; } .supportContainer.getStarted { width: 320px!important; height:auto; background-color: inherit; margin-top: 0px; margin-left: 0px!important; margin-bottom: 0px; padding: 0px 0px; } .supportSeparator { border-right: none!important; border-left: none!important; padding-left: 0px!important; height: auto; } .supportContainer.supportMostPopular { margin-left: 0px!important; height:auto; background-color: inherit; margin: 0px 48px; padding: 10px 0px 10px 0px!important; } div.supportContainer.networkCoverage { margin-left: 0px!important; height: auto; background-color: inherit!important; padding: 10px 16px 0px 20px!important; margin-bottom: 0px; } div.supportContainer.supportAccessD{ margin-left: 0px!important; height: auto; background-color: inherit!important; padding: 10px 16px 0px 0px; } .supportContainer.subscriberDocs { margin-left: 0px!important; width: 320px!important; height: auto; background-color: inherit; padding: 10px 16px 10px 20px!important; } .supportContainer.supportContactUs { margin-left: 0px!important; width: 320px!important; height:auto; background-color: inherit; margin: 10px 5px; padding: 0px 0px 5px 0px!important; } div.shareRica { margin-left: 0px!important; width: 320px!important; border-top: none!important; border-bottom: none!important; background: inherit; } div.supportContainer.rightRica .regMessage { width: 275px; } .icon-angle-up.icon:before { display: block; float: right; margin-top: 10px; } h5.control.supportHeading.icon.icon-angle-down:before { color: #373737!important; margin-top: 0px; } h5.control.supportHeading.icon.icon-angle-down:after { margin-top: 0px; } .supportContainer h5:nth-of-type(1){ width: 320px; background-color: #FFFFFF; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; font-size: 21px!important; color: #f8a125!important; margin-left: -20px; padding: 15px 10px 5px 20px; height: 54px; float: left; } .supportContainer.ricaReport h5:nth-of-type(1) { margin-left: -15px; } .supportContainer.ricaLostStolen { width: 320px; box-shadow: none; margin-left: 0px; } .supportContainer.ricaReport{ width: 320px; box-shadow: none; margin-left: 0px; margin-top:0px; } span.icon-file-text{ display:none; } h5.control.supportHeading { width: 320px; background-color: #fff; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; font-size: 21px!important; color: #f8a125!important; margin-left: 0px; padding-left: 20px; padding-top: 20px; height: 65px; margin-top: 0px; cursor:pointer; } .supportContainer.ricaLostStolen h5:nth-of-type(1) { background-color: initial; } .serviceRepairLocation h5 { font-size: 21px!important; } div.shareRica h5.control.icon.ricaPhone.label.sup_content.icon-angle-down { background-position: 285px!important; height: 54px; margin-top: 0px; } div.supportContainer.mostPopular .container { min-height: 260px; margin-bottom:30px; } div.supportContainer.getStarted div.container { display: none; } div.supportContainer.supportMostPopular div.container { display: none; height: 205px; } div.supportContainer.networkCoverage div.container { display: none; margin-bottom: 25px; } div.supportContainer.subscriberDocs div.container { display: none; } div.supportContainer.supportContactUs div.container { display: none; } div.supportContainer.supportAccessD div.container { display: none; padding: 0px 0px 0px 20px; } .supportContainer.rightRica { padding: 0px; margin: 0px; border-top: none; background-color: inherit; box-shadow: none; border-bottom: none!important; margin-top:10px; } div.supportContainer.rightRica h5.control.supportHeading { background: #fff!important; } div.supportContainer.rightRica div.container { margin: 0px 20px; width: 320px; } div.supportContainer div.container a.button { width: 279px; margin: 10px 0px; text-align: center; padding: 15px; margin-bottom: 30px; } .supportContainer.rightRica label { margin-right: 45px; } div#popupComponent { width: 320px!important; display: inherit; top: 360px; left: auto; background-color: #FFF; } .popupCompContainer { position: relative!important; left: 0px!important; top: -508px!important; } div.supportList.emailPop { width: 310px; float: left; padding-left: 20px; padding-top: 0px; height: 290px; } #popupComponent:after { display:none; top: 363px; left: 165px; box-shadow: none; } div.contentContainer.landingPage div.right ul { height: auto; } div#shareComponentSocial ul.socialMedia{ margin-left:0px; } .LightContentContainer span{ margin-top: 0px!important; } .benefitItems li { margin-top: -21px; } .contractName { margin-top: 0px; padding: 10px 20px; } h3.subContentHeading{ margin-top: 19px; } h3.tabSubHeading{ margin-bottom: 0px; } p.stepTitle.icon.pointerNone{ pointer-events: auto!important; } p.stepTitle:nth-of-type(2){ pointer-events: none; } div.dataLandingContainer .bx-wrapper .bx-viewport { width: 290px!important; } div.dataLandingContainer div.bx-wrapper { margin-left: 0px!important; width: 310px!important; } div.dataLandingContainer .bx-wrapper .bx-viewport { width: 310px!important } .justTabs > li > div{ width: 300px; height: 743px; } ul.justTabs{ float: left; width: 300px; height: 816px; } .justTabs li{ padding: 0px 11px; } .LightContentContainer { padding: 10px; width: 300px; } a.withDeviceShopLink { height: 70px; margin-top:0px; display: block!important; width: 310px; margin-left: 20px; float: left; line-height: 24px; } a.withDeviceShopLinkViewMoreDetails{ float:right; margin:0px; right:-20px; } .dataBottom a.withDeviceShopLinkViewMoreDetails{ margin-left:20px; float:left; position:static; } .LightContentContainer:nth-of-type(2) { margin-top: 156px; } .LightContentContainer:nth-of-type(3) { margin-left: -10px; } .LightContentContainer > *{ padding: 10px; max-width: 300px; } .contractLandingContainer ul.contentListingSlider li { display: block; height: 151px; width: 129px !important; } ul.contentListingSlider li h3 { margin-top: 36px; padding-bottom: 2px; color: black; } .rightSidebar_contractLanding.top-border.bannerPrm{ margin-bottom:0px; } .contractLandingContainer .placeHolder { margin-top:0px; margin-bottom: -13px; margin-left: 10px; width: 282px; display: block; } img.contractCallus { display: none; } .contractOptions li { width: 257px !important; } ul.contractOptions li .contractItems { width: 257px ; } .contractLandingContainer .bx-wrapper { width: 310px !important; position: absolute; } .contractLandingContainer { width: 300px; margin: 0 auto; overflow: hidden; } .contractLandingContainer ul.tabControl{ display: none; } p.stepTitle, p.stepTitlePayg, p.stepTitleMin-Val{ margin-bottom:15px; } p.stepTitle, p.stepTitleMin-Val { font-size: 21px; font-weight: normal; clear: both; padding-right: 27px; padding-left: 13px; color: #ffc517; } .rightSidebar_container.top-border.topContentRight.partner a.right_ViewAll,a.right_ViewAll { display: block; width: 320px; text-align: right; float:none; margin-bottom:3px; } ul.topList_opMedium { color: #ffffff; width: 209px; margin-bottom: 20px; } ul.topList_opMedium li { font-size: 19px; margin-left: 10px; padding-left: 0px; background: none; line-height: 29px; font-family: 'Myriad Pro Regular',MyriadProRegular; } span.title + ul li, p.widePricing_opMedium + ul li { background: url('/Style Library/Images/yellowDot.png') no-repeat 0px 5px; padding: 0px 10px 0px 20px; font-family: 'Myriad Pro'; font-size: 17px; line-height: 21px; margin-bottom: 15px; vertical-align: -10px; margin: 0px; } span.yellow.white{ color: #ffffff; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; } div.tab p.widePricing_opMedium { width: 100%; color: #ffffff; font-size: 17px; font-weight: bold; display: block; margin: 0px; font-family: 'Myriad Pro Bold', MyriadProSemiBold MyriadProBold; } div.play_opMedium,div.pricing_opMedium { float: none; margin-bottom: 20px; } div.pricing_opMedium p.widePricing_opMedium { background-color:transparent; } div.pricing_opMedium h4 { font-size: 21px; width:300px!important; margin-bottom:0px!important; } h3.mediumHeading{ font-size: 21px; color: #373737; font-family: 'Myriad Pro Light'; border-left: 0px; padding: 0px; margin-bottom: 10px; } .share::before{ content: url('/Style Library/Images/share_mobile.png'); } .like::before{ content: url('/Style Library/Images/like_mobile.png'); } .comment::before{ content: url('/Style Library/Images/comment_mobile.png'); } .UserQuestion .NCCaptureRequired { width: 299px !important; background-position: 74px 0px !important; margin-top: -13px !important; left: 30px; color: #c8000a!important; } .NCCaptureRequired{ width: 299px !important; background-position: 77px 0px !important; margin-top: -2px !important; left: -6px; color: #c8000a!important; } .ContactUsLanding.contentContainer div#innerFields ul li a.SubButton{ margin-top:20px!important; } .CheckBoxRequired{ width: 271px !important; background-position: 139px 0px !important; margin-top: 0px !important; margin-bottom: 10px; } .NetworkSubButton { margin-right: 18px !important; float: right; } .CellNumberNWrequiredStyle { width: 264px; } .NWrequiredStyle { width: 265px; margin-bottom: 10px; } div.networkContainer { width: 310px !important; } .EmialNWregualrStyle { width: 263px; margin-top:-23px; } .EmialNWrequiredStyle { width: 263px; } div.nwquerySection { padding-left: 20px !important; } .NWotherRequiredStyle { width: 265px; padding-top: 0px; background-position: 133px 0px; margin-top: -17px; } .bottomValidation { background-position: 146px 0px !important; } .Sincerly { margin-top: 9px; padding: 10px 10px 10px 78px; } .ThankYou { width: 280px !important; max-width: 300px !important; margin-left: 3px; } .NetworkCoverageInput { width: 263px !important; } a.next.button { margin-right: 19px !important; margin-bottom: 20px; !important; } .submitNetowrk { margin-bottom: 20px; margin-top:10px; } p.NetworkCovMap { width: 270px !important; margin-left: 20px !important; } .textarea{ background:none; !important; padding-top: 3px !important; } p.terms { margin-right: 30px; float: right; width: 240px !important; text-align: initial; max-width: 240px !important; } div#SRP a{ padding-left:4px; padding-right:4px; } .srch-Page STRONG{ font-size:17px!important; } input { font-size: 17px!important; } div#CSR { margin-top: 20px; } .ms-searchsummarymain{ display:none; } .srch-Title3 { font-size:14px; font-family: 'Myriad Pro Regular',MyriadProRegular; word-wrap: break-word; } .clearText { display: block; width: 16px; height: 20px; position: relative; z-index: 2; background: url('/Style Library/Images/clear.png')0px 4px no-repeat; left: 212px; top: 15px; cursor:pointer; } .srch-Page.srch-Page-bg { margin-bottom: 20px; margin-top:-12px; padding:0; height:50px; padding-left:48px; max-width: 350px; margin-left: auto; margin-right: auto; width: 300px; } .srch-Page.srch-Page-bg a { font-size:17px!important; } .srch-results { width: 320px; } #SRP { background-color:#ffffff; } .shopSearch { background: url('/Style Library/Images/mobilebg_search.png')20px; display: block; background-repeat: no-repeat; height: 190px; padding-top: 15px; text-align: center; background-color: #ffffff; margin-bottom:20px; } a.button.searchButton { margin: 15px; } td.ms-sbcell.ms-sbtext{ font-family: MyriadProRegular; font-size: 28px; } .rightSidebar_search { border-top: none; display:none; } input.s4-searchbox-QueryPrompt{ font-family: 'Myriad Pro', MyriadProRegular!important; font-size: 21px; font-style:normal; width:240px!important; } .ms-sbplain{ height:54px; float: left; font-size: 21px; border: 1px solid rgb(234, 234, 234); font-family: 'Myriad Pro', MyriadProRegular!important; background: url('/Style Library/Images/s.jpg'); width:246px!important; padding-right:30px; border-right: 1px solid #b6babf !important; } td.ms-sbcell { float: left; } td.ms-sbgo.ms-sbcell { margin-bottom: 20px; } td.ms-sbcell.ms-sbtext >span { position: relative; top: 17px; margin-right:20px; font-size: 28px; margin-bottom: 40px; display:block!important; } .srch-gosearchimg { height: 54px; } .srch-Description2 { color:#6b6b6b; clear:both; font-size:14px; font-family:'Myriad Pro Regular',MyriadProRegular; } .srch-URL2{ font-size:14px; font-family:'Myriad Pro Regular',MyriadProRegular; display:run-in; line-height:20px; color:#609abf!important; } span#CSR_NO_RESULTS p { font-size: 20px; } span#CSR_NO_RESULTS strong { font-size: 20px; word-wrap: break-word; } .srch-AutoCompList { color: #3d3d3d; max-width: 299px; font-size: 21px; font-family: MyriadProRegular!important;; background-color: rgba(0,0,0,0)!important; } div#connectWithUs { width: 100%; margin-top: 20px; margin-bottom:30px; } .col-full.header { padding-left: 35px; } div.col-right.grid-3 { display: block !important; } .grid-10, .grid-3 { width: 100%; } .mobile { display:block; } .content { max-width:320px; } div#homePageSlider.topSection .owl-wrapper-outer .owl-wrapper .owl-item a img { display: block; width: 100%; height: auto; } img.slider_desktop, img.slider_tablet { display: none!important; } ul.tabControl { border-bottom: 0px solid #FFF; } ul.tools li p { margin:6px 0 0 60px; max-width: 215px; } ul.tools li.icon.icon-recharge:before, ul.tools li.icon.icon-email-envelope:before, ul.tools li.icon.icon-pin-map:before, ul.tools li.icon.icon-cignal:before, ul.tools li.icon.icon-upgrade:before { left: 5px; top: 0px; font-size: 35px!important; color: #373737; padding: 12px 10px; position: relative; float: left; } .fixedMenu{ position: fixed; bottom: 0px; background: rgba(0,0,0,0.5); width: 320px; left: 20px; padding: 10px 5px; } .phoneGallery .bx-viewport{ margin:0px; } .bx-controls.bx-has-pager.bx-has-controls-direction { display: none; } footer{ margin-left:0px; } #newsLetter #shoppingOnline, #newsLetter #refundLinks, #newsLetter #creditCard{ display:none; } #newsLetter #signUp { display: none; } .NewletterEmailRequireField { width: 290px!important; background-position: 158px!important; } ul.cascadeBlock { height: auto; overflow: hidden; } nav.topNav ul li{ margin-bottom: 20px; font-size: 21px; font-weight: 600; } nav.topNav ul li{ float: none; } div.mainContent{ width:320px; margin: auto; } h2.mobile{ font-size: 31px; margin: 20px 0px 20px 10px; font-weight: 600; } ul.tools { position: absolute; width: 317px; height: 68px; background-color: #FFF; padding: 0px; display: block; box-sizing: border-box; bottom: -53px; left: 1px; z-index: 33; } ul.tools li { float: left; display: block; height: 50px; width: 60px; background-color: #FFBE00; margin-right: 2px; position: absolute; background-repeat: no-repeat; top: 3px; background-position: 13px 5px; overflow: hidden; } ul.tools li p{ color:#2a2a2a; font-family: 'Myriad Pro Bold', MyriadProSemiBold MyriadProRegular; font-size:17px; } span.small { font-family: 'Myriad Pro Regular', MyriadProRegular; float: left; font-size: 11px!important; position: absolute; top: 18px; left: 0px!important; } ul.tools li.icon.icon-recharge:nth-of-type(1){ left:3px; } ul.tools li.icon.icon-email-envelope:nth-of-type(2){ left:65px; } ul.tools li.icon.icon-pin-map:nth-of-type(3){ left:127px; } ul.tools li.icon.icon-cignal:nth-of-type(4){ left:189px; } ul.tools li.icon.icon-upgrade:nth-of-type(5){ left:251px; } div.phoneTool{ display: block; clear: both; position: absolute; top: 170px; left: 100px; width:180px; } div.phoneTool a:nth-of-type(1), div.phoneTool a:nth-of-type(2){ font-size: 15px; color: #6B6B6B!important; font-family: 'Myriad Pro Bold'; text-decoration: underline; } div.phoneTool a:nth-of-type(1){ padding-right:5px; border-right: 2px solid #6b6b6b; } div.phoneTool a:nth-of-type(2){ margin-left:5px; } div.phoneTool a.seeMore{ clear: both; margin-top: 20px; display: block; color: #609ABF; text-decoration: none; margin-left: 0px; } footer{ width: 100%; } div.columnsContainer { width: 560px; } div#copyright { margin-top:-6px; padding-top: 0px; padding-bottom:20px; margin-bottom: 0px; height: auto; } div#copyright p { color: #dedede; margin: 0px auto; font-size: 13px; line-height: 15px; text-align: center; background: #373737; padding-top: 0px; display:block; padding-bottom:10px; } div.mainContent{ width:320px; margin:0px auto; } div.upperMidSection { margin-bottom: 20px; overflow: hidden; width: 317px; position: relative; } div#ItemsMessage { font-size: 30px !important; font-style: italic; color: #989898; margin: 0 0 10px 0; padding: 10px 0px 0px 10px !important; margin-left: 14px !important; max-width: 300px; margin-top: 0px !important } div#latestDeals h1 { float: left; font-size:23px!important; } div#latestDeals{ width:320px; } a#achLatestDeast { color: #027FA3!important; margin-right: 0px!important; margin-top: 5px; } div.upperMidSection ul.tabControl { list-style: none; padding: 0px; width: 300px; height: 0px; margin:0px!important; position:absolute; left:10px; z-index:1; overflow:hidden; } ul#ulTabPrd.tabControl.homePage { left: 10px!important; background:#FFF; } div.upperMidSection ul.tabControl li.tabActive{ background: no-repeat 90% 20px #FFF; background-image:url('/Style Library/Images/downArrow.png'); } div.upperMidSection ul.tabControl li { display: block; text-align: left; padding-left: 10px; font-weight: normal; color:#373737; border:3px solid #fff; border-radius:0px; width:300px; } div.phoneGallery { width:320px; margin-top:30px; } ul#UpgradeUlPrdData,div.phoneGallery ul { padding:0px; float:left; width:300px; } div.phoneGallery img.device { margin-right:10px; width: 110px; margin-top: 3px; } div.phoneGallery ul li { width:300px!important; } div.upperMidSection ul.tabControl li{ float: none; } div.phoneGallery h2.price{ left: 100px; } p.detail{ margin-top:0px; } div.centerMidSection div.customDeal h2 { font-size: 18px; padding: 5px 0px 20px 60px; text-align: left; margin-top:0px; } .tailorHome.icon-tailor-deal { margin: 0 16px; padding: 10px 10px; display: block; height: 41px; width: 41px; position:static; float:left; } .tailorHome.icon-tailor-deal:before{ font-size:20px; } div.centerMidSection div.customDeal h3.button a{ font-size: 18px; } #loading { margin-left: 140px !important; } div.centerMidSection div.customDeal h3.button { position: static; font-size: 18px; text-align: center; padding: 10px 10px; background-color: #FFBE00; color: #373737; cursor: pointer; margin-left: 70px; margin-top: 0px; width:220px; } div.centerMidSection div.customDeal { background-image: url('/Style Library/Images/shifta_mobile.png'); background-repeat: no-repeat; height: 143px; padding-top: 10px; left: 0px; width: 320px; } ul.cascadeBlock{ margin-bottom:0px; width: 320px; } ul.cascadeBlock li.second { margin-top: 22px !important; } ul.cascadeBlock li { width: 100%; position: relative; margin-top: -2px; display: inline-block; height:110px; margin-bottom: 5px; } div#FAQTwitter iframe { height: 50px!important; min-height: 153px!important; } ul.cascadeBlock li img.mainImage { height: auto; display: block; width: auto; float:left; height: 110px; } ul.cascadeBlock li h3{ width: auto; padding: 0px; float: right; margin-left: 10px; font-size: 17px; margin-top: 45px; position:absolute; left: 160px; background-color: rgba(0, 0, 0, 0); white-space: normal; } ul.cascadeBlock li:nth-of-type(3) h3 a { display: none; } h3.showMore { position: static; display: block; padding: 20px 0px; background: url('/SiteCollectionDocuments/Resources/images/arrow.png') 220px 25px no-repeat #DEDEDE; cursor: pointer; font-size: 21px; font-weight: 600; width: 320px; text-align: center; margin-top: -2px; } div.map, ul.column{ display:none; } div.mobileFooter{ display: block; } footer .footerContainer { width: 300px; margin: 25px 10px 0px 10px; height: auto; padding-left: 5px; padding-right: 5px; position:static; } div.top, div.bottom{ clear: both; width:100%; height: 42px; margin-top: 0px; } div.top h3, div.bottom h3, div.bottom h3 a { font-size: 18px; display: block; float: left; height: 40px; color:#dfdfdf; font-family: Myriad Pro SemiBold,"MyriadProSemiBold"; font-weight: normal!important; } div#newsLetter h3{ font-size: 18px; color:#dfdfdf; } div.top h3{ width: 50%; margin-bottom: 5px; } div.bottom h3 { width: 100%; margin-left: 0px; padding-left: 0px; } div.bottom h3 span b{ font-weight: bold; display: block; clear: both; } div.top h3:nth-of-type(1){ background-position: 0px 7px; } div.top h3:nth-of-type(2){ background-position: 0px -28px; } div.top h3:nth-of-type(3){ background-position: 0px -60px; } div.bottom h3:nth-of-type(1){ background-position: 10px -130px; background: none; cursor: pointer; } div.bottom h3:nth-of-type(2){ background-position: 10px -92px; background: none; padding-top: 5px; margin-bottom: 0px; } #connectWithUs a:nth-last-of-type(1) { margin: 0px; } #connectWithUs a { margin-right: 13px!important; font-size:27px!important; } #connectWithUs a img{ height:30px; width:30px; } .columnsContainer{ display: none; } div#newsLetter > div.top, div#newsLetter > div.bottom{ display: none; } footer { height: 420px; margin-top: 0px; } p.license { top: -15px!important; font-size:14px; text-align:center; width: 300px; margin-bottom:0px; } div#newsLetter { width: 100%; float:none; } nav.topNav .right{ display: none; } #connectWithUs h5 { margin-top: 0px; margin-bottom: 23px; padding-left: 0px; } div.content{ padding:0px; } div.col-full.header{ padding-left:10px; } .col-full.header { margin-top: 95px; margin-bottom:0px; } div.top-content{ padding:0px; } div.support-Top{ margin-left:0px; } h1.pageHeading{ font-size: 35px!important; margin-top:20px; } p.topArticle{ width:320px; } ul.tabControl{ display: inline-block; margin-top:0px; } div.tab_sitemap{ margin-bottom: 36px; } .VUContainer ul.tabControl { border-bottom: none; } .VUContainer div.tab p { color: #989898; } .VUContainer ul.yelloList li, .VUContainer #cost ul li { color: #989898; } div#loyaltyFaq{ padding:0px 10px 0px 0px; } div#overview.tab, div.tab{ display:none; border:0px; padding:20px 10px 0px 10px; background-color:#f9f9f9; border-bottom:none!important; } div#howToSim.tab { padding: 0px; } .tabControl li:nth-of-type(1) #overview{ display: block; } ul.tabControl li{ width: 320px; } ul.yelloList { margin-top: 20px; } div#loyaltyRegister div.container ul { margin-bottom: 10px; margin-top: 10px; } #points ul.yelloList { width: 300px; margin-top: 0px; margin-bottom: 10px; border: 2px solid #eaeaea!important; } ul.yelloList li{ padding-right: 20px; background-position: 20px 10px; margin-left: 0px; } div.loyalty141Content ul.left li:nth-of-type(2) hr { border-top: 1px solid #6b6b6b; padding: 5px; width: 267px; display: inline-block; } .VUContainer ul.tabControl li h3.control { background: url('/Style Library/Images/Arrowdown.png') no-repeat 280px #FFFFFF; } .VUContainer ul.tabControl li h3.control.selected { background: url('../images/upArrow.png') no-repeat 280px #FFFFFF; } .rightSidebar_container .label, ul.tabControl li h3.control { float:none; position: static; margin-left: 10px; background: url('../images/downArrow.png') no-repeat 280px #FFF; margin: 0px; margin-bottom: 2px; width: 100%; padding: 17px 10px; color:#ffbe00; font-size: 21px; height: 54px; } .rightSidebar_container .label.selected{ color: } .rightSidebar_container .label.selected, ul.tabControl li h3.control.selected { color: #989898; background: url('../images/upArrow.png') no-repeat 280px #FFF; border:0px; } span.title{ padding-left: 10px; width:300px; } span.title + ul li{ width:240px; } div#faq.tab h4{ background-position: 280px; } div.additionalContent ul li{ width:300px !important; margin-right: 10px; box-shadow: 2px 2px 10px #d7d7d7; padding-right:0px; margin-bottom:30px; height: 295px; } div.additionalContent ul li h4 { margin: 6px 0px 0px 10px; } .col-full h2 { margin-bottom: 10px; margin-left: 10px; margin-top:10px; font-size: 20px; font-weight: 400; color: #6B6B6B; } div.additionalContent{ width:320px; margin-top:30px; margin-bottom: 20px; } img.leftImage{ display:none; } p.topArticle { border-left: 0px; font-size: 17px; padding-left: 10px; margin-bottom:0px; } #faq ul li:nth-of-type(1) h4 + p { display:block; } #faq ul li:nth-of-type(1) h4 { background-image: url('/Style%20Library/Images/closeFaq.png'); } div.sideBar { border-top:none; padding-top: 20px; background-color:transparent; border-bottom: none; } div.education.sideBarImage{ background-image: url('/Style Library/Images/visual464.png'); height: 196px; width: 299px; margin:0 0 20px 10px; } div.contentContainer{ padding-top:0px; background-color:transparent; display: inline-block; padding-bottom: 20px; } .leftCol.sliderControl.dataBottom { background: #FFFFFF; } .dataBottom div.contentContainer{ background-color:#ffffff; padding: 0px 20px 20px 10px!important; margin-top:0px; } div.contentContainer img.contentImage{ margin:0px; width:320px; margin-bottom: 20px; padding: 0px 10px 0px 10px; } h3.educationHeading{ font-size: 21px; margin: 20px 0 20px 20px; display: block; } ul.accordionControl li h3.control.selected { background: url('../images/upArrow.png') no-repeat 280px #FFF; padding-right: 30px; line-height: 22px; } div#Service1 ul.accordionControl li h3.control.selected { background: url('../images/upArrow.png') no-repeat 280px #FFF !important; padding-left: 10px; padding-right: 30px; } div#Service2 ul.accordionControl li h3.control.selected { background: url('../images/upArrow.png') no-repeat 280px #FFF !important; padding-left: 10px; padding-right: 30px; } ul.accordionControl li h3.control { background: url('../images/downArrow.png') no-repeat 280px #FFF; padding-left: 10px; padding-right: 30px; } h3.SubCategoryHeading { width: 290px !important; margin-top: 10px; padding-left: 10px; } div.tabContent { background: inherit; height: auto; padding: 10px; } div.bottomContent a.button{ margin:10px 25px; } .bottomContent ul.socialTracking { position: relative; } h3.questHeading { margin-left: 10px; } div#faq div.answer { display: none; padding: 20px 10px 30px 10px; } .col-left{ margin-bottom:0px; } ul.socialTracking li{ margin-right:0px; } .bottom.right{margin-left:10px;}.bottom.right.detailShare{margin-left: 0px;}.bottom.right.detailShare{margin: 0px;} .bottomContent { margin: 0; } .bottom.right.detailShare ul.socialTracking{margin-bottom: 0px;} .coverage{ display:none; } iframe#storefinder{ height:400px; } .error_placeHolder { height: 190px!important; background: #f9f9f9; text-align: center; padding-top: 100px; color: #aaa; font-size: 25px;; margin-top:30px; } .errorul1{ float:left; } .containerDiv p { font-size: 19px; } p#phonebefore span { font-size: 23px; position: relative; top: -5px; padding: 0px; margin-left: 10px; } div.containerDiv { width: 100%!important; height: 500px; background:white; } .main_image { background-image: url('/Style Library/Images/Mobile_error.jpg'); background-repeat: no-repeat; width: 310px; height: 247px; margin: -10px; } div.bottomCont_error a.button { width: 270px; margin: 20px 25px 0px 25px; height: 40px; padding: 10px 0px 10px 0px; } .search_error { width: 309px; } #emailOr { width: 300px; margin: 0px 21px 0px 10px; } .bottomCont_error { display: block!important; margin: 60px 0px 0px; } div.siteSearch { width: 340px; padding-left:0px; } .needhelp { float: left; display: block; margin-top: 20px; } div.siteSearch p{ padding-left:10px; } .search_error>p { margin-bottom: 20px; } input#emailOr::-webkit-input-placeholder { color: #fbfbfb; opacity:0.5; } div.siteSearch p:nth-child(2){ margin-bottom: 30px; } div.sideBarImage{ background:url('/Style Library/Images/banner300x167.png') no-repeat; height: 170px; width: 300px; margin: auto; margin-bottom:20px; margin-top:20px; } div.sideBarImage:nth-of-type(2){ background-image: none ; background: #aaa; } div.sideBarImage:nth-of-type(2):after{ content: 'Promo Banner'; font-size: 23px; margin-left: 80px; color: #000; height: 100px; display: block; padding-top: 81px; } .sliderControl .bx-wrapper, .sliderControl .bx-viewport { height: 140px!important; max-width:316px; float:left; padding-left: 2px; } ul.contentListingSlider li h3 { font-size: 13px; line-height: 15px; max-width: 150px; margin-top:20px; } ul.contentListingSlider li img { height:88px } ul.contentListingSlider li { height: 129px; width: 150px!important; } .owl-item .item .sliderImageHolder>img{ position: relative; top: 8px; width:50px; } ul.contentListingSlider.appsListSlider div.triangle { bottom: 20px; } div.bx-controls.bx-has-controls-direction{ display:none; } h3.contentHeading { font-size: 21px; margin-left:10px; } ul.detailList { margin:20px 0px 40px 10px; width: 100%; } ul.detailList li{ margin-bottom:10px; } a.button{ margin:30px 25px 0px 25px; } div.contentContainer{ max-width:320px; } h3.paddingHeading.PriceHeading { border-left:none; } h3.paddingHeading { font-size: 22px; color: #373737; font-family: 'Myriad Pro Light'; padding: 0px; margin-bottom: 10px; padding-left:10px; padding-right:30px; } div.frontRowContainer div.contentContainer{ position:relative; } div.frontRowContainer div.tabImage{ position: absolute; right: 0px; top: 35px; display: block; height: 141px; width: 320px; background: url('/Style Library/Images/interstellarPhone.png') no-repeat; } ul.topList { margin-top: 170px; margin-bottom: 10px; padding: 0px 10px 20px; } ul.topList li { font-size: 19px; margin-left: 0px; padding-left: 0px; background:none; line-height: 29px; } .rightBlock.pricelandingPage.contactUs h5 { color: #6b6b6b; padding: 20px 0px 0px 20px; font-weight: normal; font-family: 'Myriad Pro SemiBold', MyriadProSemiBold; font-size: 21px!important; } div.contentContainer ul.tabControl { left: -10px; } .tab.tabBackgound { border-bottom: none!important; margin-bottom: 20px; } .pricing.commonPrice h4{ color: #ffbe00; font-size: 21px; width: 300px!important; margin-bottom: 0px!important; } div.contentContainer ul.openLight { top: -35px; left: 0px; } .pricing.commonPrice p { margin-top: 0px; } div.frontRowContainer a.button { margin: 0px; position:relative; font-weight: normal !important; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; } a.button.playbutton.register141 { margin-top: 20px; } .playContentContainer .playbutton{ margin-left:0px; } .VuContainer .playbutton{ margin-left:10px!important; min-width:300px; } ul.socialTracking.right { margin: 0px; } div.contentContainer div.tab, div.frontRowContainer { height: auto; } .frontRowContainer .pageHeading,h3.VUHeading { padding-left: 10px; } h3.VUHeading{ font-size: 21px; font-family: 'Myriad Pro Light'; border-left: 0px; margin-bottom: 10px; } div.pricing { float: left; width: 300px; } div.pricing h4, div.pricing p.widePricing { text-align:left; } div.pricing p.widePricing { background-color:#f9f9f9; padding:0px; } span.title + ul li, p.widePricing + ul li { background: url('/Style Library/Images/yellowDot.png') no-repeat 0px 5px; padding: 0px 10px 0px 20px; } div.tab p.widePricing { height:30px; margin-bottom:0px; } div.frontRowContainer div.tab a.button{ display:none; } h1.pageHeading.mtnFrontRow{ margin-left: 10px; padding-left: 45px; background: url('/Style Library/Images/frontRowLogoPhone.png') no-repeat 0px 0px; margin-bottom: 15px; } div.tab a.largeLink { font-size: 20px; margin: auto; font-size: 16px; text-decoration: underline; } .topSection .bx-viewport, div#homePageSlider.topSection .owl-wrapper-outer { height: 367px!important; } div.topSection, div#homePageSlider.topSection .owl-wrapper-outer { height: 374px; } div.topSection { margin-bottom: 40px; } div.content h2 { font-size:31px; } div.phoneTool + a.seeMore { position: absolute; left: 80px; bottom: 10px; width: 100px; } div.upperMidSection ul.tabControl.homePage li { float: none; color: #989898; padding-top: 10px; background-color: #F1F1F1; font-family: 'MyriadProSemiBold'; } h3.mobile.dropDown{ background:url('/Style Library/Images/downArrow.png') no-repeat 95%; } ul.tools li p { margin-top: 13px!important; } a.boxer{ display:none; } div.phoneGallery img.device{ margin-left:10px; height: 200px; } div.phoneGallery ul li h4 { font-size: 15px !important; margin-top: 3px; width: 280px; } ul#ulPrdData li.popular h2 > p { margin-top: 6px; } p.include { width: 204px !important; line-height: 17px !important; font-size: 13px !important; margin-left: 80px !important; } div.recommendedContainer div.detailContainer p.include { width: 165px!important; } .recommendedContainer p.include{ margin-left: 15px !important; } .hide{ display:none!important; } ul.tabControl.home li.activeTab{ display:none!important; } .bx-wrapper img.hotdog{ position:absolute; top:10px; right:10px; display:block; } li[data-listItem=rates] div.static { width: 75px; margin: 0px!important; clear:both; } div.tab h3, div.tab h4 { font-family: 'Myriad Pro SemiBold', MyriadProSemiBold; font-size: 19px; font-weight: bold; line-height: 25px; color: #6B6B6B; margin-bottom: 15px; width: 75px; min-width: 104px; } .loyalty141Content ul.right >li >p{ width: 240px; } div.loyalty141Content{ padding-top:20px; } div#relatedquestions h3 { width: 100%; line-height: 22px; } div#relatedquestions br + h3 { margin-left: 10px; } ul#RelatedFaqAccordionControl { margin-top: -6px; margin-left: 0px; } .metaData ul li { width: 95px!important; } .bx-Control { width: 175px; } div.metaData { width: 85px; } ul.tabControl > li { float: left; } ul.contractDetail h3.control { padding: 10px 10px; } .metaData ul li { height: 60px; font-size: 12px; font-family: 'Myriad Pro Bold', MyriadProSemiBold 'MyriadProSemiBold\'\''; background-color: #F1F1F1; color: #989898; width: 85px!important; text-align: right; padding:23px 10px 0 0; } ul.contractDetail .tab { position: relative; width:310px; } div.bx-Control{ width: 180px; } .dataContainer ul { min-width: 0px; float: left; width: 86px; } div.dataContainer ul li { width: 86px; font-size: 12px; float: none; } div.firstColumn h2, ul.bx-controller li h2 { color: #373737; float: left; width: 175px; text-align: left; padding-left: 20px; font-size: 17px; height: 70px; padding-top: 25px; } .contractDetail div.metaData h3{ clear:both; } #rates h3.accordionControl { font-size: 16px; width: 175px!important; border: 3px solid #FFF; background: url('/Style%20Library/images/downArrow.png') no-repeat 90% 20px #FBFBFB; height: 55px; padding-top: 5px; overflow:hidden; } div.firstColumn h2, ul.bx-controller li h2 { width: 175px; padding: 15px 15px 0px 15px; font-size: 17px; height: 55px; } div.firstColumn h2 { font-family: 'Myriad Pro Bold'!important; } .static h3, .static h2 { height: 55px; font-size: 21px; padding-top: 15px; padding-right: 20px; margin-bottom: 0px!important; } #rates div.bx-Control div div.bx-viewport{ width:235px!important; } #rates > div.bx-Control > div > div.bx-viewport > ul > li{ margin-right:20px; } div#rates > h3{ color: #373737; margin-left: 20px; margin-top: 20px; font-size: 21px; font-family: 'Myriad Pro SemiBold'; width:50%; } p.openAll { float: right; position: absolute; top: 10px; right: 0px; margin: 0px!important; } li[data-listItem=rates] div.static { width: 85px; margin: 0px!important; clear:both; } div#faq.tab.useArrows ul li h4 { background-image: url('/Style%20Library/Images/openFAQ.png'); background-repeat:no-repeat; background-position: 94%; background-color:#f1f1f1; padding-right: 45px; height: auto; line-height: 20px; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; font-weight: normal!important; } div#benefits h4, .benefits .left h4, .benefits .right h4 { font-size: 21px; } .benefits .left p, .benefits .right p{ margin-top: 0px; margin-bottom: 20px; } li.currentDeal{ padding-bottom:20px; } #rate.tab .yellow .pagination{ display:block; clear:both; } div.static div.metaData h3{ font-size:16px; padding-right: 25px; padding-top:10px; } #rates h3.accordionControl { background: url('/Style%20Library/images/openFaq.png') no-repeat 95% 18px #FBFBFB; padding-top: 10px; } #rates h3.accordionControl:nth-of-type(1) { background: url('/Style%20Library/images/closeFaq.png') no-repeat 95% 35px #FBFBFB; padding-top: 10px; } .tabControl li .pagination ul li{ float:left; display:inline-block; width:10px; } .tabControl li .pagination ul li:nth-of-type(1){ width:80px; } .tabControl li .pagination ul li:nth-last-of-type(1){ width:80px; } div#faq.tab.useArrows ul li:nth-of-type(1) h4{ background: url('/Style%20Library/Images/closeFAQ.png') no-repeat 94% #F1F1F1; } .VUContainer div#faq.tab.useArrows ul li:nth-of-type(1) h4 { background: url(/Style%20Library/Images/closeFAQ.png) no-repeat 93% rgba(255,255,255,0.6); color: #989898; } .VUContainer div#faq.tab.useArrows h4 { background: url(/Style%20Library/Images/openFAQ.png) no-repeat 93% rgba(255,255,255,0.6); } .dataBenefits#benefits,.benefits { width: 100%; margin-left: 0px; } .benefits ul{ margin-left:10px; } .benefits p, .benefits h4, .benefits li{ width:260px!important; margin-bottom:10px; } .benefits .left, .benefits .right{ clear:both; } .benefits .right { margin-top: 20px; } ul.socialTracking.left + .yellowBox.right { width: 97%; text-align: center; float: left; } .data.dataContainer + .yellowBox { width: 95%; float: left; } #overview > div.bx-control > div > div.bx-viewport > ul > li{ width: 260px!important; } #overview > div.bx-control{ margin-bottom: 20px; } div.bx-control ul.contentList li { width: 100%; } ul.bx-controller li { margin-right: 0px!important; width:180px; } div.bx-control ul.contentList li:nth-of-type(1) { height: auto; color: #373737; background-color: #DEDEDE; } #overview > div.bx-control > div > div.bx-viewport > ul > li:nth-child(1) > ul > li:nth-child(1){ background-color:#ffbf04; } ul.contentList li p { font-size: 19px; } ul.contentList li:nth-of-type(3) h4, ul.contentList li:nth-of-type(4) h4 { font-family: 'Myriad Pro', MyriadProRegular !important; } ul.contentList li h4 { font-size: 25px; } ul.contentList{ width:260px; } li ul.contentList li:nth-of-type(1) h3 { font-family: 'Myriad Pro Bold'; font-size:19px; } li.currentDeal ul.contentList li:nth-of-type(1) h3 { font-family: 'Myriad Pro Bold'!important; letter-spacing:0px; color:#000; } li.currentDeal ul.contentList{ border-bottom:1px solid #ffbe00; } ul.socialTracking.left + .yellowBox.right{ padding-left:20px; } div.sidebarZoom { margin:0px 0px 10px; } div.rightBlock.contractDetail.contactUs{ display:none; } h3.recommended { margin-left: 10px; } ul.contentList li h4{ width:175px; } ul.contentList li h4{ width:175px; } ul.bx-controller li.currentDeal h2, .bx-control li.currentDeal h2{ background-color:#ffc10c!important; } ul.bx-controller li.currentDeal .yellowBox, .bx-control li.currentDeal .yellowBox{ background-color:#ffc10c!important; color:#373737!important; } p.openAll { float: right; position: absolute; top: 10px; right: 0px; margin: 0px!important; } li.darken{ font-size:16px!important; } .dataContainer ul li{ padding-left:5px; } div.metaData ul li.darken, div.bx-controller ul li.darken{ font-size:16px!important; font-family:'Myriad Pro SemiBold'!important; } .dataContainer ul:nth-of-type(2) li.darken { padding-top: 10px; } div.tab.useArrows ul{ display:inline-block; } #review h4{ width:100%; } #rates.tab{ padding-left:0px; } #rates h3.accordionControl:nth-of-type(1){ background-position-y:20px; } #rates ul.bx-controller li.currentDeal .yellowBox, #rates .bx-control li.currentDeal .yellowBox{ background-position-x: 125px; } #rates div.dataContainer + .yellowBox, #rates ul.contentList + .yellowBox{ background-position-x: 125px; background-position-y: 18px; } div#faq.tab.useArrows ul li:nth-of-type(1) h4{ color:#989898; } div.page_navigation { left: 30px; } .benefits .left{ border-right:0px solid #f1f1f1; } .benefits .right{ padding-left:0px; } ul.tabControl.contractDetail #faq h2{ display:none; } ul.tabControl.contractDetail{ margin-top:20px; } h3.mediumFirstHeading { margin-top: 0px; margin-left: 10px; font-size: 21px; font-weight: normal; } h3.contentHeading { font-size: 31px; width:300px; } .leftCol.sliderControl.aboutSlider .content>p { padding-left: 10px; padding-right: 10px; } h3.subContentHeading { margin-top: 19px; } p.toolTipText{ font-size:21px; padding-right:10px; } ul.socialTracking.left{ margin-top:10px; } div.yellowBox.right a.tailored{ font-size:17px; } .yellowBox.right.PayGdetailButton a.tailored { width: 265px; } .yellowBox span.icon-tailor-deal{ float:none; } .yellowBox.right { font-size: 20px; padding-left: 20px!important; padding-right: 15px!important; float:none!important; margin-top:20px!important; width:300px!important; } div.dataContainer + .yellowBox, ul.contentList + .yellowBox { background:#DEDEDE; } div.static .metaData h3, div.bx-control h3{ font-size:21px; font-family:'Myriad Pro SemiBold', MyriadProSemiBold; } #overview .bx-controller li{ min-width:270px; } #rates .bx-controller .bx-viewport{ height:917px; } #mailContainer{ padding-left:20px } div.shareComponent { width: 320px; display: none; box-shadow:none; position: absolute; left:20px; border:0px; background-color: #f9f9f9; height:340px; z-index:100; margin:0px; } div.shareComponent:after{ display:none!important; } div#shareComponentSocial ul{ margin-top:0px; margin-left:0px; } #mailContainer iframe{ padding-left:0px; } ul.socialTracking { margin-bottom: 20px; } div.leftCol.sliderControl ul.socialTracking{ margin-left:10px; } ul.socialMedia li{ margin-right:30px; } ul.socialMedia li:nth-of-type(3){ margin-right:0px; } div#shareComponentSocial { padding-left:30px; padding-top:10px; } #shareComponentSocial img.socialClose { position: relative; left: 245px; top: -15px; } ul.socialMedia li { margin-right: 20px; } ul.socialMedia li:nth-of-type(3) { margin-right: 0px; } div#shareComponentSocial { padding-left: 30px; padding-top: 10px; } img.socialClose { position: relative; left: 245px; top: -15px; } #shareComponentMail label.error { font-family: 'Myriad Pro' , MyriadPro; clear: both; margin-top: 10px; display: block; margin-bottom: 10px; margin-right: 15px; display: inline-block; top: 85px; right: 5px; font-size: 13px; } .shareComponent .captchaError { left: -15px; } #shareComponentMail input[type='text'] { font-family: 'Myriad Pro' , MyriadPro; padding: 15px; float: none; width: 280px; position: static; clear: both; color: #989898; -moz-box-shadow: inset 0 0 10px #ebebeb; -webkit-box-shadow: inset 0 0 10px #EBEBEB; box-shadow: inset 0 0 10px #EBEBEB; border: 1px solid #EBEBEB; margin-top: 10px; } #shareComponentMail ul li { height: auto; display: inline-block; } textarea#txtMessage { width: 100%; margin-top: -10px; font-size: 17px; padding: 15px; } div#shareComponentMail a.button { margin: 0px; position: relative; left:5px; top:20px; } #shareComponentMail h4 { font-size: 19px; } #shareComponentMail ul li{ width:300px; } ul.socialTracking li p.count span{ float:left; width: auto; margin-right: 5px; } #shareComponentMail h5 { float: right; margin-right: 40px; font-size: 16px; font-family: 'Myriad Pro SemiBold' , MyriadProSemiBold; margin-bottom: 15px; cursor: pointer; font-size: 15px !important; left:-30px; top:0px; } img.socialClose { position: relative; left: 211px; } div.shareEmail a.button { left: 0; } #shareComponentSocial img.socialClose { position: relative; left: 260px; top: 5px; } #shareComponentMail { padding: 0px; } #mailContainer iframe { padding: 0px; } #shareComponentMail input[type='text'], #shareComponentMail textarea { margin-left: 0px; width: 280px !important; font-size: 17px; } div#shareComponentSocial h3 { padding-left: 0px; margin-left: 0px; background-image: none; font-size: 19px; } #shareComponentMail > div > ul > li:nth-child(4) { height: 245px; } a.thisURL { font-size: 14px; } #shareComponentMail ul { clear: both; display: inline-block; width: 100%; } a#btnSendEmail { left: 10px; width: 280px; } #shareComponentMail p.count { margin-right: 25px; margin-top:10px; } #shareComponentMail ul li { position: relative; margin-bottom: 30px; } .shareContainer { background-color: #f9f9f9 !important; } div.BCPContainer{ margin-left:0px; width:320px; } ul.phoneListing li{ height:235px; } div.BCPContainer ul.phoneListing li{ width:300px!important; margin-bottom:0px; margin-right:10px; } div.BCPSideBar{ margin-left:0px; } div.BCPSideBar div.rightBlock.BCPDetail{ padding:0px; background-color:inherit; } div.BCPContainer ul.phoneListing li img.device{ max-width:80px; } ul.phoneListing div.info a.seeMore { bottom: -5px; } ul.phoneListing img.device { float: left; margin-top: 30px; margin-right: 15px; margin-left: 10px; } div.BCPContainer ul.phoneListing li a.boxer { position: absolute; } ul.phoneListing div.info{ width:180px; } div.BCPSideBar div.rightBlock.BCPDetail:nth-of-type(odd){ margin-right:20px; } div.rightBlock.BCPDetail.help ul li { margin-bottom: 30px; display: inline-block; } div.rightBlock.BCPDetail.status h5{ margin-top:0px; } div.rightBlock.BCPDetail.help ul li:nth-child(odd){ margin-right:70px; } div.rightBlock.BCPDetail.help ul li { margin-bottom: 30px; display: inline-block; } div.rightBlock.BCPDetail.status h5{ margin-top:0px; } div.rightBlock.BCPDetail.help ul li:nth-child(odd){ margin-right:70px; } div.BCPSideBar div.rightBlock.BCPDetail{ height:auto; clear:both; margin-bottom:0px; } div.rightBlock.BCPDetail.status > div:nth-of-type(1) { padding:0px; border-bottom: 0px; } div.BCPContainer h5.divAccordionControl, div.BCPSideBar div.rightBlock.BCPDetail h5.divAccordionControl{ width:320px; clear:both; height:55px; font-family:'Myriad Pro SemiBold', MyriadProSemiBold; font-size:21px!important; padding-top:17px; padding-left:15px; } div.BCPSideBar div.rightBlock.BCPDetail div.divAccordionContainer{ display:none; } div.BCPSideBar div.rightBlock.BCPDetail:nth-of-type(1){ border:0px; } div#owl-deals .owl-item { width: 274px!important; } .dataOptions .dealsItems{ width:264px } div#owl-deals .owl-pagination{ display:none; } div.divAccordionContainer{ display:none; } div.BCPSideBar div.rightBlock.BCPDetail div.icon{ display:none; } div.rightBlock.BCPDetail h5{ margin-top:0px; } div.rightBlock.BCPDetail.status > div:nth-of-type(2){ margin-top:0px; } .BCPContainer h5.phoneListingHeader{ margin-bottom:0px; } div.rightBlock.BCPDetail.status{ border:0px; } div.BCPSideBar div.rightBlock.BCPDetail div.icon.right{ display:block; float: right; margin-right: 30px; color: #373737; margin-top: -5px; } div.rightColPayAsLand h4.recharge div.icon{ display:block; float: right; color: #373737; font-size: 20px; margin-top:-20px } div.contentContainer.paygLandingPg{ max-width: 320px!important; padding: 20px 10px 30px 10px!important; margin: 0px; background-color:#ffffff!important; } .paygLandLeft { width: 100%!important; width: 320px; padding-left: 10px } .right.paygLandRight { margin-left: -10px!important; margin: 0px; width: 320px; float: left; padding-left: 0px!important; } .right.paygLandRight p { padding-left: 20px; padding-right: 10px; } .dataBottom div.contentContainer.landingPage div.right ul + a { float: right; } div.contentContainer.landingPage div.right ul + a.button.bundleButton { margin-left: 0px; } div.contentContainer.landingPage div.right ul + a { float: left; margin-top: 0px; margin-left: 10px; } div.contentContainer.landingPage .right.paygLandRight ul + a { padding-right: 30px; } div.contractLandContainer a.withDeviceShopLinkViewMoreDetails{ position:relative; float: right; clear: both; top: 0px; right:30px; margin-bottom: 10px; } .rightColPayAsLand { margin-right: 15px; width: 100%; margin-top: 10px; } li.paygLandingText { width: 250px!important; } .rightBlock.landingPage:nth-of-type(1) .yellowBox { margin: 10px 20px 20px 20px; } .rightBlock.landingPage:nth-of-type(2) .yellowBox { margin: 10px 20px 20px 20px; } .rightBlock.landingPage.contactUs{ display: none; } ul.contentListingSlider li img { height: 40px; } .contactUsText { margin-bottom: 10px; margin-left: 0px; margin-top: 20px; } h4.subHeading { margin-left: 10px!important; font-size: 20px; color: #6b6b6b; font-weight: 200; padding-top: 15px; padding-right: 7px; padding-bottom: 10px; } .contentContainer.landingPage.paygLandingPg { width: 320px!important; margin-left: 0px!important; margin-top: 0px!important; } div.contentContainer.landingPage h4{ line-height: 35px!important; width: 100%; } .rightBlock.landingPage.paygLandingCenter { margin-bottom: 36px!important; margin-top: 30px; } div.rechargeContainer { display: none; background-color: #ffffff; color: #FFBE00; padding-top:20px; } h4.recharge { background: #fff; background-position: right center; font-size: 25px; margin-top: 0px; margin-bottom: 0px; padding: 13px 0px 10px 15px; color: #FFBE00; display: block; margin-left: 0px; } .paygLandingYellowBtn a.button { margin: 0 auto 20px; } .rightBlock.landingPage:nth-of-type(2){ margin-top: 5px; margin-bottom: 20px; margin-left:-15px!important; margin-right:25px!important; padding-left: 2px; border-top: none; border-bottom: none; width: 320px; } .contentListingSlider h3.sliderHeader, .bundleBottom .contentListingSlider h3.sliderHeader { letter-spacing: 0px; } .subHeading { margin-left: 10px; font-size: 20px; letter-spacing:0px; padding-right:5px; } ul.contentListingSlider li h3{ height:30px; margin-bottom:0px; text-align:center; } div.queryContainer{ position: relative; background-color: red; height: 860px; width: 320px; top: 0px; background-color: #fff; left: -20px; z-index: 0; box-shadow: 0 0 0 0; display: none; margin:0px; margin-top:20px; } div.querySection{ padding:20px; } div.queryContainer ul{ margin-left: 20px; } div.querySection input[type='text'], select, textarea.textfield{ width:280px!important; padding:20px 10px; font-size: 13px !important; } div.queryContainer ul li{ display:none; } div.queryContainer ul li:nth-of-type(1){ display:block; width:110px; } div.queryContainer p{ max-width:100%; } div.querySection p.button{ width:130px; } div#step1 p.next.button{ right:35px; width:250px; } div.querySection p.back.button{ left:20px; } div.querySection p.next.button, div.querySection a.finish.button{ right:20px; } div.querySection a.finish.button{ width: 130px!important; bottom: 20px; position: absolute!important; height: 45px; padding: 13px; margin: 0px!important; right: 20px; min-width:130px!important; } div.querySection label.error{ right:0px; } div.supportContainer h5.control span.largeText{ display:none; } div.supportContainer h5.control span.smallText{ display:block; } .contentContainer.galContainer { padding: 0px!important; margin: 0px!important; margin-left:-10px!important; width:320px; } ul.galBlock{ width:320px; } ul.galBlock > li{ height:220px; float:none; max-width:100%; display:inline-block; margin:0px; margin-bottom:15px; } div.galleryImageBack.galleryImagePortrait + .galleryImageFront{ width:150px!important; } ul.galBlock > li .galleryImageBack { width:100%; } .galleryImageBack.galleryImage t { width: 155px!important; } #galModal { width: 320px; height: 290px; border: 1px solid #cccccc; background-color: #FFF; left: 50%; top: 50%; -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: fixed; padding: 20px 15px; display: none; z-index: 1002; overflow:hidden; } div.filterEvents span.icon.icon-remove + p.headingText.galFilterTitle{ display:block; } #galModal div#bx-pager { display:none; } ul.thumbnailContainer li{ width:300px!important; margin-bottom:30px; } .galBlock { margin-bottom:0px; display: inline-block; height: 2160px; overflow: hidden; } ul.galBlock > li:nth-of-type(1){ height:255px; } .VuContainer .shareControl.icon-share12:before, .VuContainer ul.socialTracking li span { color: #FFFFFF; } ul.socialTracking li{ margin-right: -10px; } .filterComp { width: 320px; height: 55px; overflow: hidden; margin-left: -10px; position:relative; } div.filterComp p.filterTitle:nth-of-type(1) { margin-left: 10px; } p.filterTitle, div.filterComp select { float: left; clear: none; font-family: 'Myriad Pro SemiBold', MyriadProSemiBold; font-size: 19px; } p.filterTitle { margin-top: 15px; margin-bottom: 30px; } span.filter { display: block!important; color: #faa200; font-family: 'Myriad Pro SemiBold', MyriadProSemiBold; font-size: 19px; position: absolute; right: 20px; top: 23px; } p.mobileLabel { display: block; clear:both; } span.filter + span.icon-remove { position: absolute; top: 18px; right: 20px; font-size: 25px; color: #faa200; display:none; } div.filterComp .icon-remove ~ p, div.filterComp .icon-remove ~ select{ margin:0px 0px 20px 20px; } div.filterComp .icon-remove ~ p{ font-size:19px; font-family:'Myriad Pro Semibold', MyriadProSemiBold; } div.filterComp .icon-remove ~ select{ font-family:'Myriad Pro', MyriadPro; font-size:17px; } div.filterOrderBy .galFilter { margin: 6px -2px!important; } .galFilter { margin:0px; margin-top:-10px; } .filterEvents { height: 140px; width:270px; } div.filterEvents span.filterList { font-weight: bold; font-size: 19px; color: #faa200; display:block!important; position: absolute; top: 22px; right: 0px; } div.filterEvents span.icon.icon-remove{ position: absolute; top: 17px; font-size: 30px; right: -5px; color: #ffbe00; display:none; } p.filterResults { margin: 70px 0px; position: absolute; float: left; display: block; } ul.galBlock li.galleryImagePortrait { width: 153px; } ul.galBlock li.galleryImagePortrait:nth-of-type(2n + 1) { margin-left: 14px; } li.galleryImagePortrait ul.socialTracking.galleryShareComponent { margin-top: 20px!important; } .galBackToTop { height: 65px; padding-top: 20px; text-align: center; font-size: 17px; font-family: 'Myriad Pro Semibold', MyriadProSemibold; color: #f8a125; } h3.galshowMore { position: relative; padding: 25px 0; background: #dedede; cursor: pointer; font-size: 21px; width: 100%; color: #989898; display: block; font-family: MyriadProSemibold; text-align: center; margin:0px; } h3.galshowMore.icon-angle-up:before, h3.galshowMore.icon-angle-down:before { float: right; font-size: 40px; position: absolute; right: 70px; top: 15px; } p.galleryImageLabel{ margin-top:25px; } li.galleryImagePortrait p.galleryImageLabel { margin-top: -10px; } ul.galBlock li:nth-of-type(1) h5 { font-size: 28px!important; font-weight: normal!important; font-family: 'Myriad Pro Semibold', MyriadProSemibold; } html[data-useragent*='IEMobile'] ul.galBlock { height: 2140px; } ul#loyaltyContainer { width: 320px!important; padding: 20px 0px; } p.loyaltyPackageSummary { width: 300px!important; } div.loyalty141RegisterHead h3.loyalty141Heading:nth-of-type(2) { display: none!important; } div.loyalty141Content div.right h3.loyalty141Heading { padding-left: 20px!important; } div.loyalty141TopContainer { padding-left: 10px; } div.loyalty141TopContainer p.topArticle{ padding-left:0px; } div.loyalty141Content { width: 320px; border: none; } div.loyaltyButtonContainer div.yellowBox { width: 295px; } div.loyaltyButtonContainer ul.socialTracking.right { float: left; margin-top: 25px; } div.howToRegisterContainer { width: 290px; border: none!important; padding: 0px; } div.howToRegisterContainer div.left, div.howToRegisterContainer div.right { border: 2px solid #eaeaea; width: 290px!important; margin-left: 0px!important; padding: 10px; height: 96px; } div.loyaltyAboutRegister div.left, div.loyaltyAboutRegister div.right { padding-left: 0px!important; } div.right.mobileLoyaltyHeading { border: none!important; height: 50px!important; padding-left: 0px!important; } div.howToRegisterContainer div.left { margin-bottom: 0px; } h3.bgGrey { font-size: 13px!important; width: 266px!important; margin: 20px 0px; } h3.loyalty141Heading { font-size: 15px!important; } div.loyaltyAboutRegister div.right { display: none; } h3.loyalty141Heading { width: 290px!important; margin-bottom: 10px!important; } div#loyaltyRegister { padding: 0px!important; } div.loyalty141Content ul.left { width: 281px!important; padding: 0px; margin: 0px!important; } .loyalty141Content >ul >li >h4{ width: auto!important; min-width: auto; margin-bottom: 0px; } div.loyalty141Content ul.left, div.loyalty141Content ul.right { width: 280px!important; border: 1px solid #6b6b6b; padding: 5px; } div.loyalty141Content ul.left li { width: 255px; border-right: none!important; } div.loyalty141Content ul li { width: 260px; } div.loyalty141Content ul.right li:nth-of-type(2) { border-top: 1px solid #373737; padding-top: 10px; } div.loyalty141RegisterBottom h3 { font-size: 15px!important; width: 290px!important; line-height: 22px!important; margin-top: 22px; } ul.userPointFor li { width: 130px!important; margin-right: 10px; margin-bottom: 20px; } ul.userPointFor li span.icon:before { font-size: 22px!important; } div.loyaltyRedeemTransferContainer div.left, div.loyaltyRedeemTransferContainer div.right { width: 300px; padding-left: 0px; } div.loyaltyRedeemTransferContainer { margin-top: 0px!important; } div.loyaltyRedeemTransfer { border: none; padding: 0px; } div.loyaltyRedeemTransferContainer div.right { display: none; } div.loyaltyRedeemTransfer div.right{ display: block; float: left; padding: 0px; } div.loyaltyRedeemTransferContentleft, div.loyaltyRedeemTransferContentright { border: 2px solid #eaeaea; padding: 10px; width: 290px; } div#loyalty141Faq { padding: 0px!important; } ul.loyalty141BottomSlider { margin-left: 0px!important; } ul#accordionControl.loyalty141FaqAccordion li h3.control2, ul#accordionControl.loyalty141FaqAccordion li h3.control2.selected { background-position: 280px!important; } .FtthCaptureRequired { top: -31px; background: url('/Style Library/Images/errorSymbol.png') no-repeat 120px 2px; font-size: 13px; } span.ftthCheckInput input { margin-bottom: 20px; } .ftthContainer { width: 320px; padding: 10px; } div#ftthleft input[type='text'] { width: 295px!important; } div.LogInterestRadio input[type='radio'] { margin-right: 0px!important; width: 20px!important; } div.leftColumn { width: 300px; display: block!important; } span.SubmitExpressionStyle { width: 295px!important } div#ftthleft span#spryName span.SubmitExpressionStyle { background-position: 42px 3px!important; padding-left: 21px; } div#ftthleft span#spryRegistersurname span.SubmitExpressionStyle { padding-left: 10px!important; background-position: 24px 2px!important; } .SubmitExpressionStyle, div#ftthleft span#SpryEmail span.SubmitExpressionStyle { background-position: 82px!important; } span#spryRegisterCell span.SubmitExpressionStyle { background-position: 93px!important; } span#SpryConfirmEmail .SubmitExpressionStyle { background-position: 102px!important; } span.FtthTerms { width: 280px!important; } div.ftthContainer input.textfield { width: 295px!important; height: 43px; } .LogInterestRadio { margin-bottom: 20px; } span#spryNumberofHomes .SubmitrequiredStyle, span#spryNumStreets .SubmitrequiredStyle, span#spryNumResidents .SubmitrequiredStyle { background-position: 170px!important; } .SubmitrequiredStyle { width: 295px!important; background-position: 166px; } div.ftthContainer a.button:nth-of-type(1) { margin-right: 15px!important; } div.ftthContainer a.button:nth-of-type(2) { margin-left: 15px!important; margin-top: 20px; } div#ftthright { display: inline-block; padding-top: 0px; width: 300px; margin-top: 0px; float: left; } div#ftthleft input[type='checkbox'] { height: 20px; } div.ftthContainer div a.more { margin-right: 20px; } span.FtthTerms + span { width: 275px!important; margin-top: 0px!important; margin-right: 0px!important; position: relative; } div.ftthSucess { width: 295px; margin-left: 10px; } div.ftthMessageComplete { width: 320px!important; margin: 0px; } div.ftthMessageComplete a { margin-left: 0px; padding: 0px 0px 0px; width: 320px; } .ContactUsSlider ul.contactListingSlider li div.icon:hover { background-color: #dddddd; } div.contactUsAccordionContainer div ul li div.tabContent { padding: 10px; } div.ContactUsSlider div.bx-wrapper{ background:transparent; } ul.contactListingSlider .owl-item { margin-right:5px; height: 133px; } .ContactUsSlider ul.contactListingSlider h3 { font-size: 14px; } ul.contactListingSlider.owl-carousel { width: 310px; margin-left:10px; } div.ContactUsSlider ul.contactListingSlider li div.icon { margin: 0 auto; display: block; padding: 15px; height:74px; font-size: 40px; } .ContactUsSlider ul.contactListingSlider li#5{ display:none; } div.InnerFieldsDiv ul li:nth-of-type(6) { height: 140px!important; } ul#ContactNumbersAccordion li div.tabContent span.right, ul#ContactNumbersAccordion li div.tabContent a.right{ width: 290px; color: #609abf; } div.ContactUsLanding div.content p.MaxCharLabel { margin: 10px 0px 0px 157px; width: 150px; } .ContactUsLanding.contentContainer p.mainParagraph { display: none; } .ContactUsLanding.contentContainer { padding-left: 10px; background: transparent; } div#ContactUsTwitter iframe#twitter-widget-0 { height: 360px!important; width: 281px!important; } ul#ContactNumbersAccordion { width: 320px!important; margin-left: -10px; } label.MaxCharLabel { margin-right: 14%; float: right; margin-top: 0px; font-size: 16px; width: 97px; } .InnerFieldsDiv { margin-top: 24px; margin-left: 14px; height: auto; padding-bottom: 30px; margin-bottom: 20px; } .FiledsDiv { margin-top: 24px; margin-left: 0px !important; height: auto !important; margin-bottom: 0px; width: 100%!important; height: 765px; } .contactUsEmail { margin-right: 48px !important; font-size: 15px !important; font-family: 'myriad pro light' !important; color: rgb(170, 170, 170) !important; } ul#ServiceAccordion1 { width: 320px!important; margin-left: -10px; } div#Service2 ul.accordionControl { width: 317px!important; } .SubButton { width: 65% !important; padding: 12px !important; background: #ffbe00; height: 41px !important; display: block !important; text-align: center !important; margin-left: 14% !important; margin-top: 41px !important; border-style: none !important; } div.networkContainer p { max-width: 245px !important; font-size: 13px !important; margin-bottom: 10px !important; line-height:20px; } .textBox { width: 265px!important; height: 44px; paddding-left: 10px; } div#ContactUsForm div#innerFields .textBox { padding-left: 10px!important; padding-right: 50px!important; position: relative; white-space: initial; white-space: -moz-pre-wrap; white-space: -webkit-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; } .celltextBox { width: 65% !important; height: 44px !important; } .bigTextBox { width: 95% !important; height: 11% !important; } div#Service1.contactUsService { float: left; display: block; margin-top: 12px; width: 320px; } div#Service2.contactUsService { display: inline-block !Important; width: 268px !Important; float: right !Important; margin-right: 18px !Important; margin-top: 0px !Important; } div#SocialMedia ul.accordionControl li h3.control, div#SocialMedia2 ul.accordionControl li h3.control { float: none; position: static; margin-left: 10px; background: url('/Style%20Library/Images/downArrow.png') no-repeat 285px #fbfbfb; margin: 0px; margin-bottom: 2px; width: 100%; padding: 10px 5px; color: #f8a124; font-size: 19px; cursor: pointer; padding-left: 10px; background-color: #FFF; } div#SocialMedia2 { margin-top: 0px!important; margin-left: 0px; width: 320px !important; } div#SocialMedia,div#SocialMedia2 { width: 320px !important; margin-left: -10px; margin-bottom: 0px; margin-top: 0px; } div#SocialMedia ul.accordionControl li h3.control.selected { padding-right: 30px; line-height: 22px; } div#SocialMedia ul.accordionControl li h3.control.selected { background: url('../images/upArrow.png') no-repeat 285px #ffffff !important; } div#SocialMedia2 ul.accordionControl li h3.control.selected { background: url('../images/upArrow.png') no-repeat 285px #ffffff !important; padding-right: 30px; line-height: 22px; } ul.accordionControl li h3.control { padding-left: 10px; padding-right: 35px; } .ContactUsTextArea { width: 265px!important; background: none; padding: 10px!important; } .WebChatCellInput { width: 95%; margin-left: 0px !important; margin-bottom: 0px; } .WebChatButtonStyle { margin-right: 14px; width: 95%; margin-top: 0px; } .WebChatRequiredStyle { width: 95%; background-position: 160px 5px; margin-top: 0px; left: 10px; font-size: 14px!important; margin-bottom:0px!important; } .WebChatCellNumberCheck { width: 95%; background-position: 25px 6px; left: 10px; margin-top: -28px; } div#ContactUsTwitter { margin-bottom: 20px; margin-left: 20px; margin-top: 0px; padding-top: 0px; } div#ContactUsContactBlock { width: 283px !important; height: 107px; margin-left: 20px; } div.serviceRepairLocation p span.boldNumber { color: #609abf; } div.serviceRepairLocation { width: 281px!important; margin-top: 0px!important; padding: 10px!important; margin-left: 20px; } .ContactUsInput { height: 45px !important; width: 265px !important; } .ContactUsCellInput { width: 265px!important; } .SubButton { width: 260px!important; margin: 0px 2px !important; } iframe#twitter-widget-0 { width: 286px !important; } div#ContactUsForm h5 { font-family: Myriad Pro SemiBold,'MyriadProSemiBold' !important; } .contactUsAccordion ul.accordionControl li h3.control { background: url('/Style%20Library/Images/downArrow.png') no-repeat 285px #ffffff!important; padding-right: 40px; padding-left: 18px; font-size: 19px; } .contactUsAccordion ul.accordionControl li h3.control.selected { background: url('/Style%20Library/Images/upArrow.png') no-repeat 285px #ffffff!important; } .PagecontactUSBlock { width: 286px !important; margin-top: 0px !important; } .InnerFieldsDiv { padding-bottom: 0px !important; } ul#ContactNumbersAccordion{ margin-bottom:0px; } div#ContactUsContactBlock span.icon-phone-1 { font-size: 23px; float: left; color: #ffbe00; } div#EmailContactUS a { font-family: 'Myriad Pro', MyriadProRegular!important; color: #609abf; float: left; margin-top: 0px !important; } .ContactUsContactNumbers { font-size: 15px !important; } .ContactUsServiceRepair { font-size: 15px !important; margin-top: 0px; } div#ContactUsSlider .bx-wrapper .bx-viewport ul.contentListingSlider3 li { width: 131px!important; height: 88px; } div#ContactUsSlider .contentListingSlider3 li .icon { font-size: 41px; margin-top: 0px; margin-right: 42px; float: right; height: 88px!important; padding: inherit!important; } #ContactUsSlider ul.contentListingSlider3 div.triangle { margin-left: 51px !important; } div#ContactUsContactBlock { width: 283px !important; height: 107px; } ul#ContactNumbersAccordion li div.tabContent span.right { width: 290px!important } div.serviceRepairLocation { width: 281px!important; margin-top: 0px!important; padding: 10px!important; } select#dpCategory { width: 95% !important; } div#ContactUsSlider div.bx-wrapper div.bx-viewport { margin-left: 0px; width: 320px!important; } div#ContactUsForm { width: 300px!important; float: none!important; margin-bottom: 0px; border-top:none; padding-top:0px; } div.ContactUsLanding div.content { margin-left: 0px!important; } div#ContactUsContactBlock p { font-size: 16px; width: 280px; } div.serviceRepairLocation > p, div.serviceRepairLocation a{ text-align: left; } div.ContactUsLanding div.content p{ margin: 0px ; padding-bottom: 20px; width: 300px; } #ContactUsSlider ul.contentListingSlider3 h3 { margin-top: -35px!important; margin-bottom: 30px; width: 130px; font-size: 13px; } div#Service1 ul.accordionControl li h3.control { background: url('../images/downArrow.png') no-repeat 280px #FFF !important; padding-left: 10px; padding-right: 30px; } div#Service2 ul.accordionControl li h3.control { background: url('../images/downArrow.png') no-repeat 280px #FFF !important; padding-left: 10px; padding-right: 30px; } div#Service2 { margin-right: 0px!important; width: 320px!important; margin-left: -10px; margin-top: -32px; float: left; } div#description { margin-left: 0px!important; } .ContactUsrequiredStyle, .ContactUsCellnumberrequiredStyle { right: 20px!important; top: 0px!important; } .ContactUsLongMessagerequiredStyle, .ContactUsSubjectrequiredStyle, .ContactUsLongMessagerequiredStyle { right: 20px!important; } .ContactUsrequiredStyle{ right: 20px!important; top: 0px!important; width: 265px !important; margin-top: -11px; background-position: 110px 8px; } .ContactUsCellnumberrequiredStyle { right: 0px!important; top: 0px!important; width: 262px !important; margin-top: -14px; background-position: 108px 8px; } ul.contactListingSlider { margin-top: 20px; } .ContactUsSurnameRequired{ right: 20px!important; top: 0px!important; width: 265px !important; margin-top: -20px; } .validEmailCheck { margin-top: -15px !important; background-position: 12px 3px !important; } .validCellCheck { background-position: 4px; margin-top: -11px !important; margin-right: -2px; } .ContactUsSubjectrequiredStyle, .ContactUsLongMessagerequiredStyle { right: 20px!important; width: 261px !important; background-position: 108px 3px; } .ContactUsLongMessagerequiredStyle, .ContactUsLongMessagerequiredStyle { right: 171px!important; width: 261px !important; } .WebChatCellInput { width: 95%; } .WebChatButtonStyle { margin-right: 14px; width: 95%; } div#innerFields ul li:nth-of-type(1) input.ContactUsInput { margin-bottom: 0px; } input#basic { max-width: 260px !important; min-width: 260px !important; margin-top: 0px; } div#terms { width: 299px !important; } select#Selterms { max-width: 260px !important; min-width: 260px !important; margin-top: 0px; margin-left: 0px; } table.detailTerms thead.cf tr th { width: 293px; } table.detailTerms thead.cf { display: block; } table.detailTerms thead tr { border: 2px solid #FFFFFF; background: #f1f1f1; text-align: center; display: block; } .detailTerms thead.cf tr th { width: 284px; font-size: 18px; } table.detailTerms tbody{ display: block; } table.detailTerms tbody tr td:nth-of-type(1) { padding-left: 0%; } table.detailTerms tbody tr td { font-size: 14px; border: none; padding: 10px; position: relative; padding-left: 40%; white-space: normal; text-align: left; display: block; } table.detailTerms td:before { content: attr(title)!important; color: #6B6B6B; position: absolute; left: 0px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; } } @media (min-width:768px) and (max-width:991px){ } @media only screen and (min-width:768px) and (max-width:1023px) { .TerContainer { padding: 0px 30px; } .PrivacyContent { padding: 0px 23px; } /*AutoContent*/ .Insuranceform .IdrequiredStyle { background-position: 120px!important; } .Insuranceform .cellrequiredstyle{ background-position: 90px!important; } .IMEIrequiredStyle{ background-position: 47px!important; } .cellrequiredstyle, .IdrequiredStyle, .IMEIrequiredStyle { width: 316px; } /**/ tr.notd td:nth-child(1) { display: none; } ul.cascadeBlock li img.mainImage_D,ul.cascadeBlock li img.mainImage_M{ display:none; } .rightSidebar_contractLanding.top-border.bannerPrm,.rightSidebar_contractLanding.ContractBanner.bannerPrm { display: none; } ul#serviceData1 li a img { max-width: 300px!important; } div.mobileManagementContent{ display:none; } .InterRoamTbl { margin: 0 auto; display: inline-block; } .InterRoamTbl { margin-left: 2px !important; } .InterRoamTbl .table-bordered td{ padding: 20px 5px 20px 5px!important; } .InterRoamTbl thead.cf tr th{ font-size:17px; padding: 20px 5px 20px 5px; } .topMyMTNComponent.owl-carousel .owl-item { float: none; } #myUsage li.detail { display: block!important; } #myUsage li#seeDetails.detail { display: none!important; } .leftCol.sliderControl.landingPage.dataBottom, .leftCol.sliderControl.dataBottom{ width:710px; } .leftCol.sliderControl.ServiceLanding, .leftCol.sliderControl.ServiceLanding.BundlesTraing, .leftCol.sliderControl.landingPage.payGLand, .leftCol.sliderControl{ width:729px; } ul#FaqCategory li .triangle{ margin-left:73px; } div#Slider ul#FaqCategory li.selected:hover { background: #ffc925!important; } .sliderImageHolder.selected:hover{ background-color: #ffc400!important; } .sliderImageHolder.selected:hover~div, .sliderImageHolder.selected:hover div, .sliderImageHolder.selected:hover .triangle1, ul#FaqCategory li.selected:hover .triangle { border-color: #ffc400 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)!important; } .foundationSection .foundationMain .spanText { font-size: 17px; } .foundBanner{ margin:0px 0px 0px 20px; } .bannerPrm.ricaBannerPromo{ width:auto; } .bannerPrm.ricaBannerPromo .firstBannerPrm{ width:300px; } .bannerPrm div { margin-bottom: 20px; margin: 0 auto; display: table-cell; } .rightSidebar_contractLanding.top-border.bannerPrm, .rightSidebar_contractLanding.ContractBanner.bannerPrm{ width:822px; margin:0 auto; float:none; } .foundationSectionHead,.foundationSection { max-width: 750px; width: 100%; } .bannerPrm{ margin:0 auto; display:table; width:620px; margin-bottom:20px; } .bannerPrm.aboutMTNBannerPromo,.educationBanner.bannerPrm{ width:auto; margin-bottom:20px; } .PricePlansRight { display: table; margin: 0 auto; } .txtNewsMeEmail { width: 334px !important; } .btnSubmitNews { width: 334px !important; } .ReadyForUpgrade hr { width: 320px !important; margin-bottom: 15px !important; } .latestDealsLink { width: 320px !important; margin-bottom: 5px !important; margin-top: 5px !important; } .Upgradescontent .contactLinkGroup { width: 290px !important; margin-top: -28px !important; } .rightUpgradesReminder .RegularExpressionUpgradeCheckError { width: 290px !important; } .showDiv.supportUpgradeContainer.rightUpgradesReminder a.button { margin-top: -20px!important; } .showDiv.supportUpgradeContainer.rightUpgradesReminder .RegularExpressionUpgradeCheckError { margin-top: -30px; } .rightUpgradesReminder .RequiredUpgradeCheckError { width: 290px !important; margin-top: -10px !important; margin-bottom: 0px !important; } .remindMeButton { width: 290px !important; } .VerfyDiv hr { width: 280px !important; } .showDiv .VerfyDiv .SeeAllUpgradeLink { margin-right: 82px !important; } .SeeAllUpgradeLink { float:none!important; } .RequiredUpgradeCheckError { width: 290px !important; } .RegularExpressionUpgradeCheckError { width: 290px !important; } .CheckUpgradeButton { width: 290px !important; } .VerfyDiv { width: 320px !important; } .UserQuestion #recaptchaNC { margin-left: 20px !important; } div#recaptchaNC { margin-left: -20px !important; } .supportUpgradeContainer p { min-width: 360px; } .UpgradeCapButton { margin-left: -7px !important; } .NCCaptureRequired { margin-top: -2px !important; margin-left: -20px !important; } .disabilityContainer{ margin-left:20px; } div#loyaltyRegister div.container ul.left h3, div#loyaltyRegister div.container ul.right h3 div#loyaltyRegister div.container ul.left h4, div#loyaltyRegister div.container ul.right h4{ color: #6b6b6b; } div#owl-play { width: 708px; } .bundleListingSlider .owl-item { width: 240px!important; } #owl-recharge .owl-item{ width: 310px!important; } #owl-recharge .owl-wrapper-outer .owl-wrapper{ width: 2960px; } /*#owl-home{ width:768px; }*/ img.img__D,img.img__M{ display:none; } img.img__Tp{ display:inline-block; } .rightMenuContainer, ul.primaryMenu, div.loginPanel ul { display: block!important; } .feature { font-size: 49px; } .QuestionTextbox,.BigFAQTextBoxValidation{ width:690px; background-position: 555px 5px; } .UserQuestion{ width:730px; height:480px; } div#ThankYouNewsletter a.btnSubmitNews { width:333px; } .NewsLetterRegExpr { background-position: 172px 2px; text-align: right; float: right; padding-top: 2px; width: 333px; padding-left: 0px; margin-top: -2px; } .Yellotrader img{ width: 100%; padding-top: 80px; background: #FFBE00;} div.topSection div.bx-wrapper, div.topSection div.bx-viewport { height: 462px!important; } div.slider img { height: 462px; margin-left: 0px; } .image-replacement { display: block; background: url("/SiteCollectionDocuments/Resources/images/tabletBannerTP.jpg")!important; } img.slider_tablet { display: block; } img.slider_tablet { display: block; } img.slider_mobile{ display: none!important; } .leftCol.sliderControl .bx-wrapper { position: relative; margin: 0 auto!important; padding: 0; max-width: 733px!important; } ul.tabControl.contractDetail #overview > div.bx-control > div.bx-wrapper { max-width:435px!important; } ul.tabControl.contractDetail #overview > div.bx-control > div > div.bx-viewport{ min-height:900px; } phoneGallery .UpgradeBxlistContainer1 .bx-viewport { background: none !important; width: 960px !important; } div.upperMidSection{ max-height:310px; } div.upperMidSection div#divPhoneGallery .bx-wrapper { margin: 0 auto; } ul.tools { left: 440px; width: 311px; bottom: 10px!important; } ul.tools li { width: 55px; height: 60px; background-position: 12px 9px; } ul.tools li p { margin: 0px 0 0 51px; width: 180px!important; } ul.tools li.icon.icon-email-envelope:nth-of-type(2){ left: 65px; } ul.tools li.icon.icon-pin-map:nth-of-type(3) { left: 125px; } ul.tools li.icon.icon-cignal:nth-of-type(4) { left: 185px; } ul.tools li.icon.icon-upgrade:nth-of-type(5) { left: 245px; } ul.tools li.icon.icon-recharge:before, ul.tools li.icon.icon-email-envelope:before, ul.tools li.icon.icon-pin-map:before, ul.tools li.icon.icon-cignal:before, ul.tools li.icon.icon-upgrade:before { left: 0px; padding: 10px; } div.hideTool img { margin-top: 15px; } div.centerMidSection div.customDeal{ width:768px; } div.centerMidSection div.customDeal { background: url(/Style Library/Images/TailorDeal_homeD.png) center; } div.topSection { height: auto!important; margin-bottom: 0px!important; } div.centerMidSection div.customDeal h2{ font-size:28px; } div.ContactUsSlider ul.contactListingSlider { margin-top: 0px; width:767px; } div.ContactUsSlider div.bx-wrapper div.bx-viewport{ width:720px!important; height: 210px!important; padding:0px; top:20px; background:transparent; margin: 0px 5px 0px 0px; } ul.contactListingSlider { margin-top: 20px; } .content > p { padding-left: 20px; padding-right:20px; } .ussdTable ul { float: left; width: 230px; } .tableContainer.ussdTable >ul li:not(:first-child) { padding: 6px 12px 6px 12px; font-size: 12px; } .mtnPlayBox.tabBox1 h3 { padding: 4px 0px 0px 10px; } .mtnPlayBox.tabBox1{ background: none repeat scroll 0% 0% #FFFFFF; box-shadow: 2px 2px 2px #D7D7D7; } .VuContainer .faqButton { position: static; } .computer_play, .phone_play{ float:left; width:450px; margin-left:20px; } .playContentContainer h2,.VUContainer h2{ font-size: 23px; } .UpgradeStatus { width: 320px !important; } div#UpgradeReminder *{ width: 312px!important; } div#UpgradeCheck,div#UpgradeReminder { width: 350px !important; height:auto; } div#UpgradeReminder { height: 254px!important; } .ReadyForUpgrade hr { width:320px !important } div#latestDeals{ float:none!important; float: none!important; margin-top: 0px !important; margin-left: 10px !important; } .Upgradescontent .contactLinkGroup { width: 160px; margin-top: -19px !important; } .supportUpgradeContainer.rightCheckUpgradesStatus { width: 330px; } .UpgradeSearch { width: 291px !important; } .ReadyForUpgrade { width: 373px !important; } .Upgradescontent{ width: 769px; } a#achLatestDeast { margin-right: 20px!important; } div#CallToAction{ float:left!important; clear:both; } div#PromoBanner { float: left!important; margin-top: 0px; margin-bottom: 40px; } .phoneGallery .UpgradeBxlistContainer1 .bx-viewport { width: 727px !important; } ul#UpGradesAccordion{ float:none!important; } .sliderControl.PlaySlider .bx-wrapper, .sliderControl.PlaySlider .bx-viewport { max-width: 1165px!important; background: transparent; } .PlayLayConatiner h3.control.selected,.loyalty141 h3.control.selected { color: #f8a125!important; border-bottom: 2px solid #f8a125; } .PlayLayConatiner ul.socialTracking,.loyalty141 ul.socialTracking{ float:left; clear:both; margin:30px 0px 30px 0px; } .contentContainer.playContentContainer ul.socialTracking { margin-top: 25px; } .PlayLayConatiner #howTo h2,.loyalty141 #howTo h2 { font-size: 25px; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; line-height: 36px; color: #6B6B6B; margin-bottom: 15px; } .PlayLayConatiner ul.right.right_play,.loyalty141 ul.right.right_play { margin-top: 20px; } .PlayLayConatiner .additionalContent h2,.loyalty141 .additionalContent h2 { margin-bottom: 20px; font-size: 39px; font-weight: normal; } .PlayLayConatiner div.tab,.loyalty141 div.tab{ background:transparent; border-top: none; } div.frontRowContainer { padding: 150px 20px 0 20px; height: auto; margin-bottom: 0px; } .playBottomSlider .bx-wrapper { margin-bottom: 30px!important; } .playBottomSlider .bx-wrapper .bx-viewport{ background:transparent; } .additionalContent.playBottomSlider{ margin-left:30px; } div.frontRowContainer div.contentContainer { background-color: transparent; } .PlayLayConatiner .tab_openmedium,.loyalty141 .tab_openmedium,div.tab1{ background-color: rgba(255,255,255,0.8); border-top: 2px solid #FFBE00; margin-top: 100px; } .PlayLayConatiner div.leftCol.sliderControl,.loyalty141 div.leftCol.sliderControl { background-color:transparent; } .PlayLayConatiner div.contentContainer ul.tabControl,.loyalty141 div.contentContainer ul.tabControl { top: 0px; } a.playLargeLink{ display:none; } .contentContainer.playContentContainer .computer_play, .contentContainer.playContentContainer .phone_play { float: none; } .faqButton{ margin: 20px 20px; } .playbutton{ margin-left:0px!important; } .PlayLayConatiner li.name h1,.loyalty141 li.name h1{ font-size:35px; } .PlayLayConatiner .topList,.loyalty141 .topList{ font-weight:normal; } h1.pageHeading_white{ font-family: 'Myriad Pro', MyriadProRegular; font-size: 50px; color: #ffffff; font-weight: normal!important; } a#desktop_button { width: 440px; float: none; } a.button.playbutton { width: 315px; } .frontRowContainer .tab { padding-top: 30px !important; min-height: 650px!important; } .tableContainer.playTableContainer div { width: 83%; } .PlayLayConatiner div.additionalContent ul li,.loyalty141 div.additionalContent ul li { padding-right: 0px; } .PlayLayConatiner .contentContainer>h3,.loyalty141 .contentContainer>h3, .playContentContainer ul.topList{ width:500px; } .PlayLayConatiner div#faq.tab h4,.loyalty141 div#faq.tab h4 { padding-left:20px; } .PlayLayConatiner{ background: url('/Style Library/Images/Tablet_play.png') no-repeat 0px 0px; } .loyalty141{ background: url('/Style Library/Images/141P.png') no-repeat 0px 0px; } .VUPlayLayConatiner{ background: url('/Style Library/Images/Tablet_portr.png') no-repeat 0px 0px; } h3.playHeading{ font-size:28px; margin-bottom:10px; } .playContentContainer ul.tabControl li h3.control,.VUContainer ul.tabControl li h3.control { margin-left: 20px; color: #6b6b6b; } .frontRowContainer .tab{ padding-top:50px; } .rightSidebar_container.PlaceContainer .placeHolder{ width:100%; } .startedContainer p { margin-top:0px; padding-left: 20px; } div#ReadyForUpgrade span.icon-phone-1 { margin-top: -60px!important; } .rightSideDataContainer .rightBlock.contractDetail{ margin-top: 55px; } .rightBlock.landingPage.dataRecharge { margin-top: 55px; height: 249px; } .PayGContainer.PaygDataContain .LightContentContainer { background: #FFFFFF; margin-top: 30px; height: 320px; width: 480px; padding: 30px 30px; } .PayGContainer.PaygDataContain a.withDeviceShopLinkViewMoreDetails { left:-123px; } .rightSidebar_container.rightSideDataContainer { float: left!important; margin: 0 auto; width: 1024px!important; margin-left: 50px; } .rightSidebar_container.rechargeRightCol .placeHolder, .rightSidebar_container.rechargeRightCol .rightBlock.contractDetail.contactUs{ margin-right:20px; float:left; width:300px; } .rightSidebar_container.rechargeRightCol .rightBlock.contractDetail.contactUs { height: 249px; } .rightSidebar_container.rechargeRightCol { width: 100%!important; margin: 0 auto; margin-left:53px; } .rightSidebar_container.rechargeRightCol .rightBlock{ margin-top:0px; } #divPhoneGallery .bxlistContainer .bx-wrapper .bx-viewport { width: 742px!important; } div#UpgradeStatus hr { width: 305px !important; } .upperMidSection div#ItemsMessage { font-size: 45px; width: 850px; } div#ReadyForUpgrade { width: 360px !important; } div#UpgradeContactUs { margin-left: 42px !important; } div#ReadyForUpgrade hr { width: 330px !important; } div#ReadyForUpgrade span.icon-phone-1 { margin-left: 0px !important; margin-top:0px !important; } div#ReadyForUpgrade h3#UpgradesContactPay { margin: 6px 10px 10px 0px !important; } a#UpgradeContactForm { margin-left: -56px !important; } a#UpgradeWebChat { margin-left: 49px !important; } div#CustomizePlan { float: left !important; width: 726px !important; margin-top: 16px !important; margin-bottom: 16px !important; height: 186px !important; } div#CustomizePlan h3 { width: 424px !important; margin-top: 0px !important; } div#CustomizePlan p { width: 556px !important; margin-left: 65px !important; margin-top: 12px !important; } ul#UpGradesAccordion { width: 724px!important; } ul#UpGradesAccordion h3.control.selected { background: url('/Style%20Library/Images/upArrow.png') no-repeat 697px #F1F1F1 !important; } ul#UpGradesAccordion h3.control{ background: url('/Style%20Library/Images/downArrow.png') no-repeat 697px #F1F1F1 !important; } a#UpgradeTailorPlan { float: left !important; margin: 5px 15px 29px 0px !important; margin-left: 223px !important; position: relative; text-decoration: none; cursor: pointer; } .ServiceLanding .bx-viewport { min-height: 180px!important; } .appsSlider{ width:728px; } ul.appsListSlider .triangle{ bottom:-9px; } .appsSlider .bx-viewport { height: 170px!important; } ul.appsListSlider li { width: 212px!important; } .appsListSlider h3.sliderHeader{ min-width:230px; } .servicesContainer{ width:733px; } ul.detailsMainContainer div#overview { height: auto; } #rates h3.accordionControl{ font-size:17px; } ul.detailsMainContainer #benefits{ width:700px; } ul.detailsMainContainer #benefits ul li{ width:100% } ul.detailsMainContainer .benefits .left{ width:100%; border-right:none } div.topSection div.bx-wrapper{ margin:0 auto 30px; } div.phoneGallery div.bx-controls.bx-has-pager.bx-has-controls-direction{ display:none; } #galModal .bx-wrapper .bx-controls-direction a.bx-prev { display: none; } div#divPanels div.container div.bx-wrapper .bx-pager.bx-default-pager { top: 30px; } div#galModal.homePagePhoneGallery { padding: 240px 230px!important } div#divPanels div.container div.bx-wrapper .bx-pager.bx-default-pager { top: 30px!important; } ul.termPager li:last-child a:hover, ul.termPager li:first-child a:hover{ color: black!important; } span#NameSpan { display:none; } span#SurnameSpan { display:none; } span#emailAddressSpan { display:none; } span#CellNumberSpan { display:none; } span#MessageSpan { display:none; } span#CategorySpan { display:none; } .print.icon-ptint{ display:none; } .bp-docs-example,.pagination,.pagination ul { margin: 0 auto; display: table; width:auto; margin-top:10px; } div#genericContacts{ float:left; clear:both; margin-top:20px; } div#genericContacts .contactUs{ margin-top:0px; width: 333px; } div#genericContacts .placeHolder{ float:left; width: 353px; margin-left: 20px; height: 247px; } .coverage { height: 625px; margin-bottom: 80px; } div.bundleLandingContainer div.bx-wrapper { display: block!important; clear: both; max-width: 720px!important; } .subContract h3.subContentHeading { width: 250px; } div.bundleLandingContainer div.bx-wrapper{ margin: 0 auto 30px; } .subContract h3.subContentHeading { width: 190px; font-size:19px; display: inline-block; } .subContract span { float: right; margin-top: 0px; font-size: 25px; display: inline-block; text-align: right; width: auto; } .bundleBottom a.withDeviceShopLinkViewMoreDetails{ right: -20px; top: 20px; float:left; width: 140px; } .overviewRight { margin-left: 0px; } .rightSidebundleContainer .contactUSBlock.bundleContact { height:227px; } .rightSidebar_container.rightSidebundleContainer .contactUs{ width:300px; } .rightSidebar_container.rightSidebundleContainer .rightBlock.contractDetail { margin-top: 20px; margin-bottom: 0px; } .contentContainer.bundleBottom { margin-top: 0px!important; padding-bottom:0px!important; } .bundleOptions li { width: 230px!important; float: left; margin: 0 0px; } span.bundleCaption { font-size: 15px; position: relative; display: block; } .bundleOptions li { max-width: 260px!important; } ul.bundleOptions li .bundleItems { display: block; background-color: #eaeaea; width: 227px!important; } .rightSidebar_container.rightSidebundleContainer .placeHolder { background-size: 300px 250px; background-image: url('/Style Library/Images/PromoBanners/MyMTN_App.jpg'); text-indent: -9999px; white-space: nowrap; display: block!important; margin-top:20px; margin-right: 20px; float:left; } .landingPage.servicesLandingContainer a.withDeviceShopLinkViewMoreDetails{ top: 20px; float: left; } .rightSidebar_container.rightSidebundleContainer { float: left!important; margin: 0 auto; width: 1024px!important; margin-left: 50px; } .rightSidebundleContainer .contactUSBlock{ float: left; margin-left: 0px; } .contentListingSlider h3.sliderHeader{ font-size: 20px; letter-spacing: -1px; } div.bundleBottom ul.contentListingSlider li { width: 214.45px!important; } .contentContainer.bundleBottom{ max-width: 730px!important; float: left; clear: both; } .rightBlock.bundleRecharge:nth-of-type(1) h4{ padding-top: 0px; padding-top: 12px; text-align: left; padding-left: 50px; margin-left: 10px; } .rightSidebar_container .bundleRecharge{ float: left; margin: 40px 20px 0px 0px!important; } .bundleBottom .contentListingSlider h3.sliderHeader{ letter-spacing: -1px!important; padding: 0 10px 12px; font-size: 19px; } .rightSidebar_contractLanding.top-border{ height: auto; } span.dataLabel,span.bundleLabel { font-size: 18px; } span.bundleLabel { min-width: 225px; z } .contractName span:nth-child(1) { margin-top: 0px!important; } .contractName span:nth-child(2) { margin-top: 0px!important; } .rightSideDataContainer .contactUSBlock.dataContact { height:227px; } h3.sliderHeader.discontinued { line-height: 16px!important; font-size: 18px!important; } .contentContainer.dataBottom { margin-top: 0px!important; padding-bottom:0px!important; } .dataOptions li { width: 225px!important; float: left; margin-right: 12px; } p.stepTitle:nth-of-type(2) { width: 700px; margin-top:20px; } #owl-recharge, #owl-datalisting, #owl-bundlelisting { margin-left: 0px; margin-right: 0px; max-width: 750px; float: left; padding-left: 0px; margin-bottom:20px; } .dataItems.tabBox,.bundleOptions .bundleItems { width: 225px; height: 178px; } span.dataCaption { font-size: 15px; position: relative; display: inline; } .dataOptions li { max-width: 260px!important; } ul.dataOptions li .dataItems { display: block; background-color: #eaeaea; width: 227px!important; } div.PayGContainer .LightContentContainer a.withDeviceShopLinkViewMoreDetails { right: 84px!important; top: 10px; } span.contractTitle { width: 151px; } .contractName span:nth-child(1) { margin-top: 0px; margin-right:0px; display:inline-block; } .rightSideDataContainer .placeHolder{ width: 300px; margin-top: 40px; float: left; margin-right: 20px; } div.PayGContainer .LightContentContainer { width: 365px !important; } .rightSideDataContainer .contactUSBlock{ float:left; } div.PayGContainer { width: 780px; float: none; } .contentListingSlider h3.sliderHeader{ font-size:20px; height:35px; } .dataLandingContainer .bx-controls.bx-has-pager.bx-has-controls-direction{ z-index:-1; } div.PayGContainer .LightContentContainer { background: #FFFFFF; margin-top: 30px; height: 260px; width: 480px; } .rightSidebar_container .rightBlock.landingPage:nth-of-type(1) .yellowBox { margin: 10px 10px 32px 20px!important; } .tab-content { width: 730px!important; } .contentContainer.dataBottom{ max-width:708px!important; } .rightBlock.pricelandingPage.contractDetail.contactUs h3 { margin: 20px 0px 20px 0px; } .rightBlock.pricelandingPage.contactUs.PriceContact { width: 350px; margin-top:0px; margin-right:0px; margin-left:20px; height:220px; } .paddingHeading.PriceHeading{ width: 730px!important; } .payGo.priceLeftPayG { margin-left:0px; margin-bottom: 20px; width: auto; } .bannerPrm.payGo.priceLeftPayG img { width: 350px; } div.pricePlanContent ul li { height:225px; width: 354px !important; margin-right:20px; } .innerContent.USSDContent { left: 30px!important; } .innerContent:nth-child(2) { width: 352px !important; position: relative; left: 40px; } .innerContent p { width: 300px !important; text-align: center; margin-right:0px!important; } div.rechargeBxContainter .bx-controls-direction { display: none; } .cardContent p { line-height:25px; } .border { margin-right: 20px; } .seeAll { width:100% } .innerContent h3 { font-size: 38px; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; } .rechargeBxContainter .bx-wrapper { margin: 0; max-width: 765px!important; } .col-full .rechargeBxContainter .bx-wrapper .bx-viewport{ width: 748px!important; } .rechargeHeading h3, .rechargeBottomContent h4 { font-size: 28px; } .rechargemiddleContent { width: 727px; } .rechargeBottomContent ul { width: 740px; } .rechargeCard span.icon-external-link { position: static; } .rechargeCard { width: 347px; height: 200px; background-color: #FFFFFF; } .rechargeCardFlip { width: 348px; } .rechargeCardFlip p { text-align: center; padding: 0px 20px 10px; } .innerContent { float: left; width: initial; font-size: 20px; font-family: 'Myriad Pro', MyriadProRegular; padding: 23px 0px 20px 20px!important; width:320px!important; } .innerContent span { font-size: 38px; display: block; width: 368px !important; } a.button.rechargeButton { width: 300px; } .rechargemiddleContent { background-color: #fff; padding:0px!important; border-bottom: 3px solid #ffbe00; margin-bottom: 30px; clear: both; } .utilities { position: absolute; top: 498px; right: 62px; } .tab.tab_sitemap{ min-height:1048px!important; } .accordMobContainer.SupportContainer { position: relative; top: -40px; left:50px; } .accordMobContainer { float: none; } .accordMobContainer.SupportContainer { height: 353px; display:inline-block; } .accordMobContainer.otherContainer,.accordMobContainer.profileContainer { float: left; } .siteMapContainer { padding: 0px 40px 40px 40px; } .rightDevice.deviceSection h2{ width:auto!important; } .rightDevice{ background: url('/Style%20Library/Images/simonly_port.png') #FFFFFF no-repeat; width:auto; } h5.divAccordionControl{ font-size:26px!important; } .bannerPrm.simOnly_banner{ display:table; margin:0 auto; width:auto; } .bannerPrm.simOnly_banner .secondBannerPrm{ margin-left:0px; margin-bottom:20px; } .firstContainer.mobileDivAccord h5 { margin-bottom: 20px; } div#owl-deals .owl-item { width: 247px!important; } .dealsItems > span:nth-child(1) { height: 120px; } .dataOptions .dealsItems{ width:227px; } .simFaqs { float: left; width: 728px; margin-bottom: 40px; } .rightDevice.deviceSection { width: 728px; height: 191px; margin: 20px 20px 20px 0px; } div.idealContainer { width: 728px; } .divAccordionContainer ul li { width: 149px; text-align: center; margin-right: 20px; } ul.dealOptions { height: 300px; } span.dealsLabel{ margin-top:30px; } .middleAccess h2{ font-size:25px; padding-top:20px; } .RightAccess.rightBlock.contactUs { padding: 20px; } .accessibleContainer h3{ font-size: 25px; color: #4c4c4c; font-family: 'Myriad Pro Regular',MyriadProRegular; padding: 5px 0px 5px 0px; margin-bottom: 20px; font-weight: normal; } .accessibleContainer { margin-bottom: 30px; } .RightAcces.contactUs { padding-top: 20px; } .middleAccess { background: url('/Style%20Library/Images/AccessibleBg.png'); display: block; background-repeat: no-repeat; height: 220px; padding-top: 15px; text-align: center; background-color: #ffffff; width: 353px!important; float: left; } .RightAccess { background-color: #FFF; clear: both; margin-bottom: 10px; display: inline-block; margin-left:20px; width:354px!important; height:220px; } .RightAccess.contactUs:nth-of-type(3) ul { width: 40%; float: left; margin-left: 30px; } .RightAccess.contactUs:nth-of-type(3) ul li { margin-bottom: 20px; } .RightAccess.contactUs:nth-of-type(3) ul li a { font-size: 17px; color: #609ABF; } div.searchContainer input[type='text'] { width: 162px; } div.searchContainer { width: 230px; margin-left: -30px; } #ricaSearch{ width:200px; } .supportUpgradeContainer.rightUpgradesReminder { width: 370px; } a#upgradeEligibiltyCheck { width:290px!important; } div#latestDeals h1{ margin-left:10px; } a.button.ricaButton{ width: 205px !important; } a.button.inline.cboxElement.subcribEmail { width: 210px; margin-left: -20px; } div.supportList{ width:243px; height:525px; } .right_border { border-right: 1px solid #f1f1f1; height: 480px; margin-top: 20px; } div.support-Top { width: 768px!important; float: left; margin-left:0px; } div.contentContainer.landingPage div.left ul li{ padding-right: 30px; } .col-common{ margin-right:0px!important; } .col-common { width:243px; } .rightColContainer{ max-width:240px; float:left; width:230px; margin-right:20px; height:400px; } .col-right1.grid-3.grid-tab,.col-right2.grid-3.grid-tab{ width: 230px!important; } .grid-tab { width: 750px!important; } .col-right.grid-3.col-left-Support.grid-tab{ width:230px!important; } p.stepTitle { font-size: 27px; letter-spacing: 0px; } .top-colRight { margin-left: 20px; } ul.justTabs { width: 708px; overflow: hidden; } .justTabs > li > div .bx-wrapper { margin-left: 8px !important; } .contractLandingContainer .rightSidebar_container{ display: none; } .col-full.header { margin-top: 140px; } a.right_ViewAll.commonViewAll { bottom: 27px; left: 66px; } .frontRowContainer.commonFrontRowContainer{ padding:0 20px; } .pricing.commonPrice{ width:362px; } .pricing.commonPrice:nth-of-type(odd){ margin-left:3px } .tab.tabBackgound{ background-color:#ffffff!important; min-height: 680px!important; } ul.socialTracking.right.leftSocial{ float:left; margin-top:30px; margin-left:20px; } a.button.openButton { margin-top: 0px!important; } .tabImage { position:relative; top:-38px; display: block; height: 300px; width: 300px; background: url('/Style Library/Images/interstellarTab.png') no-repeat; background-size: 100%; float:right; } ul.topList{ width:400px; } div#interstellar { min-height: 1150px; } .srch-Title3 a:hover{ color:#ffbe00!important; } .srch-Title2 a:link, .srch-Title2 a:visited, .srch-Title2 a:hover{ text-decoration:none!important; } .srch-URL2 { color: #609abf!important; } .ms-searchsummarymain{ display:none; } td.ms-sbcell.ms-sbtext >span { position: relative; top: -17px; margin-right:20px; display:inline!important; } .clearText { display: block; width: 16px; height: 20px; position: relative; z-index: 2; background: url('/Style Library/Images/clear.png')0px 4px no-repeat; left: 330px; top: 15px; cursor:pointer; } .srch-Page.srch-Page-bg{ padding-left:240px; background:#ffffff; margin-top:-14px; width:728px; height:50px; padding:0; padding-left:282px; } .srch-stats{ font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; font-size:21px; padding:20px 0px 20px 20px; position:relative; top:20px; margin-left:0px; width:728px; color:#6b6b6b!important; } .srch-AutoCompContainer { top: 193px!important; width: 412px!important; background:#ededed; } .srch-AutoCompDropImg{ display:none; } .srch-AutoCompList { color: #3d3d3d; width: 410px!important; font-size: 21px; font-family: MyriadProRegular!important; background-color:rgba(0,0,0,0)!important; } .rightSidebar_search { border-top: none; display:none; } .shopSearch{ display: block; padding-top: 15px; text-align: center; background: url('/Style Library/Images/Tablet_Pot.png') center; background-repeat: no-repeat; width: 100%; height: 185px; position: relative; background-color: #fff; margin-bottom:20px; } .shopSearch h2{ font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; font-size:25px; color:#6b6b6b; } input.s4-searchbox-QueryPrompt{ font-family: MyriadProRegular!important; font-size: 25px; font-style:normal; width:358px!important; } .ms-sbplain{ background:url('/Style Library/Images/s.jpg'); max-width:358px!important; height:53px; float: left; font-size: 21px; border: 1px solid rgb(234, 234, 234); font-family: MyriadProRegular!important; padding-right:30px; border-right: 1px solid #b6babf !important } .srch-gosearchimg { height: 53px; position:relative; } .srch-results{ max-width: none; background:#ffffff; padding:20px 20px 20px 20px; max-width: 728px; } td.ms-sbcell.ms-sbtext{ font-family: MyriadProRegular; font-size: 35px; } .srch-Description2 { max-width: none; clear:both; font-size:17px; font-family:'Myriad Pro Regular',MyriadProRegular; } .mostPopular select { font-size: 12px!important; width: 220px !important; } .mostPopular ul.supportList select { width: 230px!important; } .main_Content { width: 768px; overflow:hidden; } .MtnPlaySlider li *{ max-width: 183px; } .MtnPlaySlider li{ width: 183px !important; } .tab_openmedium{ width: 706px; } div#faq.tab h4{ background-position: 665px; } div.additionalContent ul li{ width: 300px !important; height: 290px; } .additionalContent .bx-wrapper .bx-viewport{ height:290px!important; } div.additionalContent ul li h4{ font-size: 17px; margin: 17px 0px 0px 14px; } .additionalContent h2{ margin-top: 20px; } .mobileFooter { display: none; } #overview h3 { font-size: 20px; font-family: myriad pro bold; font-weight: bold; } .pricePlanContent ul li a img { min-width: 103%; } h3.showMore { margin-left: 275px !important; } #loading { margin-left: 370px !important; } div.centerMidSection ul.cascadeBlock li img.mainImage { height: 177px !important; /*width: 258px !important;*/ } ul.cascadeBlock li h3, ul.cascadeBlock li h3 a { font-size: 19px; padding-left: 15px !important; white-space: nowrap; } ul.cascadeBlock .twitter-block { height: 177px!important; } ul.cascadeBlock .twitter-block iframe#twitter-widget-0 { width: 100% !important; } ul.cascadeBlock { /*width: 770px;*/ height: 258px; } div.additionalContent ul{ padding: 0px 0px; } .bx-wrapper .bx-pager{ display:none; } ul.openLight div#overview.tab.tabBackgound{ min-height:700px!important; } td#MSOZoneCell_WebPartWPQ2{ background-size: 105% !important; } h3.playHeading{ text-shadow: 1px 2px 8px #000; } #howTo h3{ margin-top: 5px; } img.contentImage { width: 303px; height: 231px; } .startedContainer ul.yelloList { display: block; margin-bottom: 40px; } ul.accordionControl li h3.control{ background-position: 698px; padding-right: 42px; } .termsContainer ul.accordionControl li h3.control { background-position: 680px!important; } .termsContainer ul.accordionControl li h3.control.selected { background-position: 680px!important; } ul.accordionControl li h3.control.selected{ background-position: 698px; } div.top-content{ padding:1px 30px; } div.sideBar{ width: 464px; float: left; } ul.socialTracking li span { width: 30px; color: #7e7e7e; } div.sideBar h3{ background-size: 20px 20px; padding-left: 53px; } div.sideBar { width: 400px; margin-bottom: 41px; } div.sideBar ul li { padding: 23px 36px; margin: 0; } div.sideBar ul li:nth-child(even) { background: #f9f9f9; } div.sideBar ul li a{ font-size: 17px; } div.sideBar ul li:nth-last-child(1){ margin-bottom: 68px; } div.sideBar ul{ padding-left: 0px; width: 410px; } div.contentContainer { width: 728px; } div.top-content { padding: 1px 19px; } .education.sideBarImage { width: 300px; height: 249px; background-color: #aaa; } .education.sideBarImage:after { content: 'Promo Banner'; color: #fff; position: relative; left: 18px; font-size: 22px; } .coverage_mobi{ display:none; } .grid-10 { width: 730px; } ul.tabControl.contractDetail{ width:734px; margin-top: 40px; } #overview div.static{ width:206px; margin-left:20px; } ul.contentList,#overview div.static{ margin-right:20px; } ul.contentList{ width:206px; } ul#otherItem li,ul.contentList li{ width:203px!important; } ul.contentList li:nth-of-type(1), div.bx-control ul.contentList li:nth-of-type(1), ul.contentList li{ height:auto; } ul.contentList li:nth-of-type(4) { height: 160px; } ul.contentList li p { width: 160px; } .benefits .left, .benefits .right{ width:50%; } ul.tabControl.contractDetail #benefits{ margin-left:20px; padding:0px; } ul.tabControl.contractDetail #benefits.payGBenefits { margin-left: 0px; } .contractBenefits#benefits { width: 92%; } div#benefits .left { background: #FFFFFF; padding: 20px; padding-top:0px; margin-top:20px; } ul.tabControl.contractDetail div.tab{ background:transparent; } #overview ul.contentList li:nth-of-type(1) h3{ font-family:'Myriad Pro SemiBold', MyriadProSemiBold; font-size: 23px; padding-left:0px; width:175px; margin-bottom:10px!important; line-height:30px; height:90px; } #overview > div.bx-control > div > div.bx-controls.bx-has-controls-direction > div > a.bx-next{ right:-30px; display:block; } #overview > div.bx-control > div > div.bx-controls.bx-has-controls-direction > div > a.bx-prev{ left:-255px; display:block; } #rates > div.yellowBox{ padding-right:65px; } div.bottomContent ul.socialTracking{ clear: none !important; margin-left: -9px; } ul.tabControl.contractDetail #benefits.payGBenefits { height: 220px; } .benefits{ width:660px; display: block; height: 270px; margin-bottom: 0px; } .dataBenefits#benefits{ height: 220px; } div.firstColumn h2, ul.bx-controller li h2{ padding-left:10px; width: 245px; padding-top:15px; } div.firstColumn h2 { font-family: 'Myriad Pro Bold'!important; } div.sidebarZoom img.device{ margin-right:15px; } .DetailRecomendedContainer div.sidebarZoom{ height:205px; margin-top:-13px; } .recommendedContainer.DetailRecomendedContainer { width:320px; float:left; margin-top:0px; margin-bottom:20px; } .recommendedContainer { width: 660px; margin-left: 45px; display: inline-block; margin-top:20px; } .recommendedContainer h3 { margin:0px; margin-bottom:20px; } div.sidebarZoom { float:left; margin-right:20px; width:308px; } .rightColPayAsLand .rightBlock.contractDetail { margin-left: 20px; width: 300px; } .rightSidebar_container.rightSidebundleContainer .contactUs { margin-left: 0px; } .rightBlock.contractDetail { margin-left: 20px; width: 300px;; margin-top: 30px; height: 207px; } div.tabs_dataPlan .rightSidebar_container.rightSideDataContainer div.rightBlock.contractDetail.contactUs { height: 249px; margin-top: 20px; margin-bottom:0px; } .rightBlock.contractDetail h5 { text-align: left; padding-left: 50px; } .rightBlock.contractDetail h5 + p { text-align: left; margin-left: 30px; } .dataContainer ul { min-width: 0px; } div.dataContainer ul:nth-of-type(1) { width: 113px!important; } .dataContainer ul:nth-of-type(2) { width: 132px; } .me2uContainer ul { min-width: 117px; } #rates h3.accordionControl { width: 245px!important; } div.metaData { width: 160px; } li[data-listItem=rates] div.static { width: 405px; margin: 0px; margin-right: 20px; } .metaData ul li { width: 100%; } div.firstColumn { float: left; width: 245px; } #rates > div.bx-Control > div.bx-wrapper{ max-width:245px!important; } #rates ul.bx-controller li{ margin-right:0px; } #rates > div.bx-Control > div > div.bx-controls.bx-has-controls-direction > div > a.bx-prev{ left:-430px; display:block; } ul.contractDetail .bx-controls-direction a.bx-next{ right: -40px; background: url('/Style Library/images/controls.png') no-repeat -31px 5px; } div.sideBar h3{ font-size: 21px; } .bottomContent{ width: 1008px; } li.darken { font-size: 18px!important; color: #6B6B6B!important; font-family: 'Myriad Pro Bold'!important; display:block; } .dataContainer ul:nth-of-type(2) li.darken{ padding-top:20px; } #overview div.dataContainer + .yellowBox, ul.contentList + .yellowBox{ background-position: 150px 20px!important; } #rates div.dataContainer + .yellowBox, ul.contentList + .yellowBox{ background-position: 170px 18px; } div.metaData li.darken{ display:block; height:60px; clear:both; width:160px; } div.containerDiv{ width: 728px; } .search_error { width: 366px; } a.button.error{ min-width: 171px; height: 46px; font-size: 25px; margin-right: 0px; } #btnSendEmail1{ width:310px; } a.button{ height: 46px; min-width: 162px; padding: 16px; } .loyalty141 a.button.playbutton{ width:162px; height: 46px; min-width: 162px; padding: 10px; } a.button.error:nth-of-type(1){ margin-right: 23px; } div.siteSearch { width: auto; } .error_placeHolder{ width: 94%; } #emailOr{ width: 367px; } .col-full.header{ padding-left: 20px; padding-right: 20px; } .grid-3 { width: 727px; height: 287px; } .sideBarImage { height: 250px; float: left; width: 300px; background-color: #ccc; margin-left: 20px; font-size: 26px; padding-left: 65px; padding-top: 103px; } .sideBarImage:after{ content:'Promo Banner' } .sideBarImage { height: 250px; float: left; width: 300px; background-color: #ccc; margin-left: 20px; } .sideBarImage:nth-of-type(1) { margin-left: 52px; } ul.tabControl.contractDetail #overview{ margin-left: 15px; } div.tab { padding: 20px 0px 0px 20px; min-height: auto !important; border-bottom: 2px solid #FFBE00!important; } .tab_openmedium div.tab { border-bottom: none !important; padding: 0 20px 20px; } div.infoBlock{ margin-right: 0px; width:317px; } div.infoBlock:nth-of-type(1){ margin-right: 50px; } .rightSidebar_container:nth-child(4) ul.respAccordion{ padding-left: 0px !important; } .rightSidebar_container{ width: 350px !important; } .rightSidebar_container:nth-of-type(1){ margin-right: 25px; } .rightRica:nth-of-type(1) { margin-right: 20px; } .rightSidebar_container:nth-of-type(2){ border-top:none; } .tab_openmedium .tabControl li > div{ background-color: transparent !important; } .comment::before { content: url('/Style Library/Images/comment_black.png'); } .like::before { content: url('/Style Library/Images/like_black.png'); } .share::before { content: url('/Style Library/Images/share_black.png'); } ul.socialTracking li span{ color: #6b6b6b; } h3.mediumHeading { font-size: 31px; color: #373737; font-family: 'Myriad Pro Light'; border-left: 0px; padding: 0px; margin-bottom: 10px; } ul.topList_opMedium li { font-size: 19px; margin-left: 0px!important; line-height: 29px; color: #373737; width: 700px; } h1.pageHeading.mtnFrontRow { padding-left: 60px; background: url('/Style Library/Images/frontRowLogoTab.png') no-repeat 0px 6px; margin-bottom: 15px; } ul.topList_opMedium li{ width: 465px; } .tab_openmedium{ width: 728px !important; } div.frontRowContainer a.button{ margin-top: 20px; font-weight: normal !important; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; } span.title + ul li, p.widePricing_opMedium + ul li { font-family: 'Myriad Pro Regular',MyriadProRegular; font-size: 17px; line-height: 21px; color: #989898; margin-bottom: 15px; vertical-align: -10px; margin: 0px; background: url('/Style Library/Images/yellowDot.png') no-repeat 20px 10px; padding-left: 40px; } div.tab p.widePricing_opMedium { background: transparent; text-align: left; width: 100%; color: #ffffff; font-size: 19px; font-weight: bold; display: block; height: 40px; padding-top: 10px; margin: 0px; margin-bottom: 20px; padding-left: 20px; font-family: 'Myriad Pro Bold', MyriadProSemiBold MyriadProBold; } div.play_opMedium,div .pricing_opMedium { float: left; width: 349px; padding-bottom: 20px; } .tab_openmedium div.tab h3, .tab_openmedium div.tab h4{ color: #ffbe00 !important; } div.frontRowContainer{ min-height: auto; } div#faq.tab h4{ background-position: 693px !important; } h3.mediumHeading{ font-size: 13px; width: 457px; line-height: 1.2;} h1.pageHeading{ font-size:50px; } h3.mediumFirstHeading { font-size: 31px; padding-bottom: 10px; color: #373737; font-family: 'Myriad Pro Light'; } ul.socialTracking.right{ padding-left: 0px !important; } .grid-3 { width: 727px; height: auto; display:inline; } .additionalContent { margin-left: 23px !important; } .additionalContent h2{ font-size: 32px !important; } .col-full h2{ margin-left: 0px; } h5.icon.hat.label:before { height: 32px; display: block; float: left; } h5.icon.hat.label{ padding: 18px 10px; } h5.icon.heart.label:before{ height: 32px; display: block; float: left; margin-top: -6px; } li.rightSidebar_item:last-child { border-bottom: 2px solid #ccc; } .rightSidebar_container.mostPopularRight ul li h5 { display: block; padding: 0px 0px 20px!important; } .col-full .additionalContent .bx-wrapper { margin-bottom: auto !important; } #faq ul li:nth-of-type(1) h4{ background-image: url('/Style%20Library/Images/closeFaq.png'); } .rightSidebar_container:nth-of-type(2){ border-top: 7px Solid #ffbe00 !important; } .col-right.grid-3{ margin-bottom: 0px !important; } .rightSidebar_container:nth-of-type(2){ border:none!important; } #leftColSection{ margin-left:0px!important; } a.button.sectionbutton { width: 270px; margin-left: 20px!important; } ul.socialTracking{ margin-top:3px; } ul.accordionControl li h3.control.selected, ul.accordionControl li h3.control2.selected, ul.accordionControl li h3.control3.selected, ul.accordionControl li h3.control4.selected, ul.accordionControl li h3.control5.selected, ul.accordionControl li h3.control6.selected, ul.accordionControl li h3.control7.selected, ul.accordionControl li h3.control8.selected, ul.accordionControl li h3.control9.selected, ul.accordionControl li h3.control10.selected { background: url('../images/upArrow.png') no-repeat 696px #F1F1F1; } ul.accordionControl.smallaccordion li h3 { background-position: 338px!important; } p.toolTipText + ul.socialTracking{ margin-top:37px; } p.mainParagraph{ width:320px!important; } .contentContainer.commonContainer{ width:733px!important; } ul.accordionControl.smallaccordion{ width:363px!important; margin-left: 3px; margin-right: -18px; } .servicesContainer ul.accordionControl.smallaccordion { width: 363px!important; margin-left: 3px; margin-right: 0px; } ul.accordionControl.smallaccordion li h3.control { background-position: 330px!important; } div.page_navigation { left: 220px; } ul.rightSidebar { display: block !important; } h5.icon.heart.label { pointer-events: none; background: none !important; } h5.icon.hat.label { pointer-events: none; background: none !important; } .benefits ul li{ width:280px; } div.static .metaData h3, div.bx-control h3{ font-size:21px; font-family:'Myriad Pro SemiBold', MyriadProSemiBold; } #overview .bx-controller li{ width:200px!important } ul.socialTracking.left + .yellowBox.right{ padding-left:50px; margin-right:0px; } p.toolTiptext{ font-size:24px; margin-bottom:55px; } h1.pageHeading.contractDetailHeading{ margin-bottom:30px; } .contractLandingContainer { width: 713px; margin: 0 auto; } .rightSidebar_contractLanding.top-border.bannerPrm{ margin-bottom: 10px; } .rightSidebar_contractLanding.top-border { margin-top: 0px; border-bottom: 2px #ccc solid; margin: 0px 105px; width: 520px; border-top: 5px solid #ffbf00; margin-bottom: 50px; } div.leftCol.sliderControl.dataBottom .bx-wrapper .bx-viewport { width: 700px!important; } div.dataLandingContainer div.bx-wrapper { margin-left: 0px!important; } a.button.contractButton { margin: 0 auto; display: block; text-align: center; float: none; width: 300px; margin-bottom: 20px; } ul.contractOptions li .contractItems { width: 213px; height: 171px; } .contractOptions li { width: 213px; } span.contractCaption { font-size: 14px; } .contractLandingContainer ul.tabControl { width: 713px !important; float: left; } .bx-wrapper .bx-controls-direction a{ display: none; } a.withDeviceShopLink { color: #609abf !important; font-size: 17px; margin-top: 15px; display: block; width: 315px; } .contractLandingContainer .rightSidebar_container { width: 713px !important; background: none !important; } ul.benefitItems li { width: 288px; } .LightContentContainer { width: 280px !important; } a.withDeviceShopLinkViewMoreDetails { right:0px; } .contractName { max-width: 341px; } .LightContentContainer { padding: 30px 50px; width: 347px; float: left; } .contractLandingContainer .placeHolder { margin-top: 31px; } div.shareComponent{ right:-10px; } span.contractLabel{ font-size:18px; } span.icon-external-link { position: relative; font-size: 17px; } a.withDeviceShopLink span { font-size: 16px!important; font-family: 'Myriad Pro Bold'; } div.shareEmail a.button { position: relative; left: 70px; width: 260px; } div.BCPContainer{ margin-left:30px; } div.BCPContainer div.bx-wrapper{ margin-left:0px!important; max-width:768px!important; } div.BCPContainer ul.phoneListing li{ width:300px!important; margin-bottom:0px; margin-right:20px; } div.BCPContainer ul.phoneListing li img.device{ max-width:80px; } ul.phoneListing img.device { float: left; margin-top: 50px; margin-right: 15px; margin-left: 10px; } div.BCPContainer ul.phoneListing li a.boxer { position: absolute; } ul.phoneListing div.info{ width:180px; } div.BCPSideBar div.rightBlock.BCPDetail{ clear:none; width:349px; } div.BCPSideBar div.rightBlock.BCPDetail:nth-of-type(3), div.BCPSideBar div.rightBlock.BCPDetail:nth-of-type(4){ height:580px; } div.BCPSideBar div.rightBlock.BCPDetail:nth-of-type(odd){ margin-right:20px; } div.rightBlock.BCPDetail.help ul li { margin-bottom: 30px; display: inline-block; } div.rightBlock.BCPDetail.status h5{ margin-top:0px; } div.rightBlock.BCPDetail.help ul li:nth-child(odd){ margin-right:70px; } .leftCol.sliderControl.plansServControl{ background-color:#FFFFFF; } div.contentContainer.paygLandingPg { width: 720px!important; } div.rightBlock.landingPage:nth-of-type(3) { max-width: 305px; margin-left: 25px; padding-top: 10px; padding-bottom: 18px; } .rightBlock.landingPage:nth-of-type(2) { max-width: 305px; height: 210px; float: left; margin-left: 40px; margin-top: 30px; } .rightBlock.landingPage.dataRecharge:nth-of-type(1) { margin-left: 0px; margin-right: 0px; } .rightBlock.landingPage:nth-of-type(1) { max-width: 635px; margin-left: 40px; margin-right: 40px; } div.leftCol.sliderControl .bx-slider{ } .rightColPayAsLand{ margin-top:0px!important; margin-bottom:20px; } .rightBlock.landingPage:nth-of-type(1) .yellowBox { margin: 10px 10px 32px 200px!important; } .rightBlock.landingPage:nth-of-type(2) div.yellowBox { margin: 20px 0px 24px 28px; } .rightBlock.landingPage.contactUs:nth-of-type(3) ul { float: left; margin-left: 28px!important; margin-bottom: 7px!important; } .rightBlock.landingPage:nth-of-type(1) { margin-bottom: 0px; } .paygLandingYellowBtn a.button { min-width: 270px; } .rightBlock.landingPage:nth-of-type(3) h5 + p{ text-align: left; margin-left: 25px; padding-bottom: 15px; } p.contactUsText { text-align: left!important; margin-left: 0px!important; padding-bottom: 0px!important; } h4.recharge { margin-top: 20px; padding-bottom:20px; } h4.subHeading { margin-top: 20px; margin-bottom: 50px; margin-left: 0px!important; } div.contentContainer.landingPage { margin-top: 30px; padding: 20px 10px; } .landingPage.servicesLandingContainer { padding: 30px 20px!important; } .paygLandLeft { width: 50%; float: left; } .paygLandRight { width: 50%; margin-left: 0px; } .rightBlock.pricelandingPage.contactUs .icon-phone-1 { padding-left: 20px; margin-right: 20px; } h5.paygLandingContactUs { display: block; padding-left: 35px!important; } span.icon-smile { padding-left: 40px; } .contactUs { padding-bottom: 20px; } div.contentContainer.landingPage h4{ width: 400px; } div.supportContainer.rightRica.regMessage:before { display: none; padding-bottom: 0px; } div.shareRica { position: absolute; float: left; } div.mostPopular p { margin-top: 25px; font-family: 'Myriad Pro', MyriadProRegular!important; } .rightRica div.container { margin-left: 0px; } .supportContainer.mostPopular { margin-left: 0px; width: 277px; height:460px } .supportContainer.networkCoverage { margin-left: 0px!important; } .supportContainer.getStarted { margin-left: 4px!important; width: 260px; padding-left: 7px; height: 460px; } .supportContainer.supportMostPopular { margin-left: 5px!important; width: 245px!important; padding-left: 10px!important; padding-right: 5px!important; } ul.phoneSupport li { height: 210px; width: 225px!important; } div.supportContainer.supportMostPopular .bx-wrapper .bx-viewport { height: 215px!important; } div.supportContainer.supportMostPopular .bx-wrapper .bx-controls-direction a { display: initial; } div.supportContainer.getStarted h5.control.supportHeading { width: 235px; } h5.control.supportHeading.icon.icon-angle-down,.serviceRepairLocation h5 { width: inherit; font-size: 22px!important; } .supportContainer h5:nth-of-type(1) { font-size: 22px!important; } .supportSeparator { padding-left: 15px!important; padding-right: 10px!important; width: 232px; height: 410px; } input#popularInput { width: 217px; } .popularSearch { width: 223px; } .supportContainer.networkCoverage { margin-left: 0px!important; width: 250px!important; height: 360px; } div.supportContainer.supportAccessD { margin-left: 0px!important; width: 250px!important; height: 360px; height:461px !important; } div.supportContainer p { font-size: 17px; font-family: 'Myriad Pro', MyriadProRegular!important; color: #6b6b6b; } div.supportContainer.supportContactUs div.container p { width: 195px; } div#UpgradeCheck .ricaSearch,div#UpgradeCheck .ricaButton { width: 310px!important; } div.supportContainer.subscriberDocs h5.control { width: 215px; } div.supportContainer div.container a { clear: right; font-size: 17px; color: #609ABF; display: inline-block; } .supportContainer.subscriberDocs { margin-left: 0px!important; padding-left: 7px; width: 265px!important; height: 461px; } .supportContainer.supportContactUs { margin-left: 7px!important; width: 242px!important; } div.supportContainer.supportContactUs ul.supportList:nth-of-type(1) li { width: 190px; line-height: 12pt!important; } div.supportContainer.subscriberDocs .subcribEmail { min-width: 199px!important; height: 46px!important; margin-top: 0px; } div.TandCs a:link{ width: 135px; } .supportContainer.rightRica { width: 230px!important; float:left; margin-right:20px; padding: 5px 10px; margin-bottom:20px; height: auto; min-height: 317px; } div.supportContainer.rightRica .ricaSearch { width: 205px!important; } div.supportContainer.rightRica a.button.ricaButton { min-width: 205px!important; margin-top: 5px; margin-bottom: 14px; font-weight: bold; font-size: 21px; } span.ricaSmallText { display: block; } .supportContainer.ricaReport { float: left; margin-top: 0px; margin-left: 20px; width: 230px!important; height: 315px!important; } .supportContainer.ricaLostStolen { width: 230px!important; height: 315px!important; float: left; margin-left: 40px; } span.icon-adobe11{ position: absolute; } .content.manualForms span.icon-adobe11{ position: inherit; } div.supportContainer.subscriberDocs div.container .subAgreement a { margin-left: 30px; } div.supportContainer.subscriberDocs div.container .TandCs a { margin-left: 30px; width: 150px; } div.supportContainer.ricaReport div.container p { width: 185px; } div.supportContainer.ricaLostStolen div.container p { width: 185px; } div.supportContainer.subscriberDocs div.container p { width: 195px; } .supportContainer.rightRica h5 { margin-bottom: 10px; margin-left: -5px; } input#popularInput { font-size: 20px; } div.supportContainer.supportMostPopular img.PopularImage { margin-top: -51px!important; margin-left: 172px; } img.PopularImage { float: right; height: 41px; } ul.supportList { padding-top: 10px; } a.networkCoverageControl { width: 150px; } .supportContainer.rightRica h5 { padding: 15px 0 0 40px; background-position: 3px 6px; background-size: 35px!important; } div#popupComponent { left: auto; } div.queryContainer { top: -535px!important; left: 0px!important; } ul.galBlock > li.galleryImagePortrait{ width:165px; } .contentContainer.galContainer{ margin-left:0px; } .galBlock{ width:755px; height:1015px; } ul.galBlock > li{ width: 359px!important; height:240px; max-width:359px!important; } .contentContainer.galContainer{ width:740px; } ul.galBlock > li { margin-right: 15px!important; margin-bottom: 15px!important; } div.filterComp select:nth-of-type(1) { margin-right: 40px; } div.filterComp select:nth-of-type(2) { width:140px!important; } ul.socialTracking.galleryShareComponent{ margin-left:20px; } ul.socialTracking.galleryShareComponent li span{ color:#fff; } ul.socialTracking.galleryShareComponent li { padding: 0px; width: 90px; display: inline-block; height: 45px; } p.galleryImageLabel{ margin-top:65px; } li.galleryImagePortrait ul.socialTracking.galleryShareComponent { margin-top: 27px!important; } #galModal .bx-wrapper .bx-controls-direction a.bx-prev { right: 10px; background: url('/Style Library/images/controls.png') no-repeat 5px 5px!important; display: block; } p.filterResults { display: none; } .filterEvents { width: 410px; float: left; } .galFilter{ width:190px!important; } .loadingScreen{ width:740px; } ul.galBlock img.mainImage{ height:240px; } ul#ContactNumbersAccordion li div.tabContent span.right, ul#ContactNumbersAccordion li div.tabContent a.right { color: #609abf; } .ContactUsSlider ul.contactListingSlider li div.icon:hover { background-color: #DDD; } div.ContactUsSlider div.bx-wrapper { max-width: 728px!important; padding:0px!important; } .WebChatCellInput { width: 40%; margin-left: 0px; } .WebChatRequiredStyle { width: 40%; background-position: 106px 6px; margin-left: 0px; } .WebChatCellNumberCheck { width: 40%; background-position: 0px 6px; margin-left: -9px; } .WebChatButtonStyle { margin-right: 180px; } div#SocialMedia2 { float: left; margin-top: 0px; margin-right: 117px; display: inline-block; margin-bottom: 30px; } ul#ContactNumbersAccordion li div.tabContent span.right, ul#ContactNumbersAccordion li div.tabContent a.right { width: 270px!important; } div#ContactUsTwitter .root.timeline.ltr.customisable-border { width: 354px; } div#ContactUsContactBlock { margin-right: 0px; float: right; margin-top: 0px; width: 348px; } .contactUsEmail { margin-top: 10px; float: left; } div#innerFields a.SubButton { margin: 0px auto; } div#ContactUsTwitter { margin-left: 0px; padding: 0px 0px 0px 10px!important; } .contactUsEmail { margin-right: 113px !important; float: right !important; margin-top: 4px !important; font-size: 15px !important; font-family: 'myriad pro light' !important; color: rgb(170, 170, 170) !important; } div#SocialMedia2 { width: 315px !important; float: right !important; margin-top: 10px !important; margin-right: 20px !important; display: inline-block !important; } div#SocialMedia { display: inline-block; width: 315px!important; } div#SocialMedia2 ul.accordionControl li h3.control { background-position: 300px; } div#accordion.contactUsAccordion ul.accordionControl li h3.control.selected { background: url('/Style%20Library/Images/upArrow.png') no-repeat 670px #F1F1F1!important; } div#accordion.contactUsAccordion ul.accordionControl li h3.control { float: none ; position: static; margin-left: 10px; background: url('/Style%20Library/Images/downArrow.png') no-repeat 670px #F1F1F1; margin: 0px; margin-bottom: 2px; width: 100%; padding: 10px 5px ; color: #FFBE00 ; font-size: 19px ; cursor: pointer ; padding-left: 20px; } div#SocialMedia ul.accordionControl li h3.control.selected { background-position: 302px !important; padding-right: 42px; } div#SocialMedia2 ul.accordionControl li h3.control.selected { background-position: 302px !important; padding-right: 42px; } div#SocialMedia ul.accordionControl li h3.control { background-position: 302px !important; padding-right: 42px; } div#SocialMedia2 ul.accordionControl li h3.control { background-position: 302px !important; padding-right: 42px; } div#accordion ul.accordionControl li h3.control.selected { background: url('/Style%20Library/Images/upArrow.png') no-repeat 586px#F1F1F1 !important; } div#Service1 ul.accordionControl li h3.control.selected { background: url('/Style%20Library/Images/upArrow.png') no-repeat 302px #F1F1F1!important; } div#Service2 ul.accordionControl li h3.control.selected { background: url('/Style%20Library/Images/upArrow.png') no-repeat 302px #F1F1F1!important; } div#Service1 ul.accordionControl li h3.control { background: url('/Style%20Library/Images/downArrow.png') no-repeat 302px #F1F1F1!important; } div#Service2 ul.accordionControl li h3.control { background: url('/Style%20Library/Images/downArrow.png') no-repeat 302px #F1F1F1!important; } div#ContactUsSlider div.bx-wrapper div.bx-viewport { width: 720px!important; } div#SocialMedia, div#SocialMedia2{ width: 313px!important; } div#Service1, div#Service2 { width: 345px!important; } ul#SocialMediaAccordion1 li, ul#SocialMediaAccordion2 li { width: 340px; } ul#ServiceAccordion1 li, ul#ServiceAccordion2 li { width: 342px; } div#contactUsWebChat p.mainParagraph { width: 100% !important; } div#Service1 ul.accordionControl li h3.control.selected { background-position: 352px; background: url('/Style%20Library/Images/upArrow.png') no-repeat 280px #fbfbfb; } div#Service2 ul.accordionControl li h3.control.selected { background-position: 352px; background: url('/Style%20Library/Images/upArrow.png') no-repeat 358px #fbfbfb; } div#ContactUsContactBlock { margin-top: 0px; } .serviceRepairLocation { margin-top: 20px !important; float: right; width: 348px!important; } div#ContactUsTwitter iframe#twitter-widget-0 { height: 268px!important; width: 361px !important; } div#ContactUsContactBlock { margin-top: 0px; height: 105px; margin-bottom: 0px; } .ContactUsTextArea { width: 490px; } div#ContactUsTwitter { padding: 20px; margin-top: 0px!important; margin-bottom: 30px; float: left; display: block; padding-left: 0px!important; } div#ContactUsForm { width: 665px!important; } .rightSidebar_container.rightSideDataContainer { float: none!important; margin: 0 auto; width: 890px!important; display: block; } ul#ServiceAccordion1 { width: 310px!important; margin: 0px; } ul#ServiceAccordion2 { width: 310px!important; margin: 0px; } ul#ContactNumbersAccordion { width: 724px!important; } ul#ContactNumbersAccordion li div.tabContent span.right { width: 270px!important; } .ContactUsrequiredStyle { right: 320px!important; } .ContactUsCellnumberrequiredStyle { right: 0px!important; } .ContactUsLongMessagerequiredStyle { right: 150px!important; } .ContactUsrequiredStyle { right: 320px!important; background-position: 160px 2px; } .validEmailCheck { margin-top: -27px !important; background-position: 65px 10px !important; } .validCellCheck { background-position: 0px; margin-top: -61px !important; margin-right: 211px; } .ContactUsSubjectrequiredStyle { right: 316px; background-position: 160px; } .ContactUsCellnumberrequiredStyle { background-position: 63px; margin-top: -61px !important; margin-right: 211px; } .ContactUsLongMessagerequiredStyle { width: 491px; margin-right: -7px; margin-top: -65px; background-position: 334px; } div#ContactsFAQ div#FAQContactDetails { padding: 38px 20px; } div#FAQContactDetails input#SendFAQQuestion { width: 310px; } a#btnSendEmail { width: 310px!important; } div#FAQContactDiv div#FAQContactBlock span.icon-phone-1 { margin-left: 0px; } div.ContactUsLanding div.content { margin-left: 20px; } .rightSidebar_container.rightSideDataContainer.rightSideContactUs { width: 730px!important; margin-left: 0px; } table.detailTerms { border-spacing: 0; max-width: 710px; } #terms input#basic { max-width: 520px; min-width: 520px; } img#btnSearchDetailTerms { margin-left: 655px!important; } div.upperMidSection ul.tabControl { margin: 0 0 10px 10px!important; } div#latestDeals div#ItemsMessage{ font-size: 23px !important; font-style: italic; color: #989898; min-width:950px; } div.upperMidSection ul.tabControl > li { max-width: 116px!important; font-size: 12px!important; height: 39px !important; } #divPhoneGallery .bxlistContainer .bx-wrapper .bx-viewport { width: 767px!important; } #divPhoneGallery .bxlistContainer .bx-wrapper .bx-viewport { min-width: 100%!important; padding:0px!important } .Upgradescontent #divPhoneGallery .bxlistContainer#popular .bx-wrapper .bx-viewport .bx-wrapper { margin: 0px 10px!important; } #divPhoneGallery .bxlistContainer#popular .bx-wrapper .bx-viewport .bx-wrapper { margin: 0px 0px!important; max-width: 980px !important; } div.phoneGallery img.device { width: 98px; padding-bottom: 45px; margin-left: 25px; } div.phoneGallery ul li { width: 344px!important; height: 220px; margin-right: 4px; } div.phoneGallery ul { padding: 0px; } div#divPhoneGallery .bxlist1{ width:758px; } div.upperMidSection ul.tabControl { max-width: 750px; } ul#ulPrdData li.popular h2.price { left: 130px; } ul#UpgradeUlPrdData li.popular h2.price { left: 130px; } div.upperMidSection ul.tabControl > li { font-size: 12px!important; height: 40px !important; margin-top: 10px; } div.centerMidSection { float:left; } .centerMidSection.homeMidSection { margin-bottom: 20px; } p.include { margin-top: -20px; width: 348px; height: 32px; font-size: 14px !important; line-height: 15px; } div.recommendedContainer div.detailContainer p.include { width: 180px; } .phoneGallery .bx-viewport { margin: 0px; } ul#ulPrdData li.popular h2 > p { font-size: 10px; margin-top: 12px; } ul#ulPrdData li.popular h2.price > span { margin-left: 0px; width: auto; font-size: 47px !important; } div.phoneGallery h4 { font-size: 20px; } div.upperMidSection ul.tabControl { height: 53px !important; } p.detail { font-size: 17px !important; margin-bottom: 17px; } div.detailCounterContainer { min-height: 100px!important; } div.howToRegisterContainer div.left, div.howToRegisterContainer div.right { width: 320px!important; } div.loyaltyAboutRegister div.left, div.loyaltyAboutRegister div.right { width: 332px!important; } div#loyaltyRegister div.container ul.left, div#loyaltyRegister div.container ul.right { width: 320px!important; margin-right: 0px; } div.loyalty141RegisterHead h3.loyalty141Heading.left, div.loyalty141RegisterHead h3.loyalty141Heading { width: 320px!important; } div.loyaltyRedeemTransferContentleft, div.loyaltyRedeemTransferContentright { width: 320px!important; } div.loyaltyRedeemTransferContainer div.left, div.loyaltyRedeemTransferContainer div.right { width: 345px!important; } div.loyaltyButtonContainer ul.socialTracking.right { margin: 30px; } div.loyalty141Content{ padding: 10px; } div.loyalty141RegisterHead { padding-left: 15px; } ul.pointsContainer li { width: 450px!important; } div#bottomSection { margin-left: 340px; margin-top: -530px; width:300px; } span#spryAddress input { width: 300px!important; } span.FtthTerms + span { margin-top: 0px!important; position: relative; display: block; } .ftthContainer { width: 720px; } .ftthInput { width: 300px !important; } .FtthCaptureRequired { top: -32px; background: url('/Style Library/Images/errorSymbol.png') no-repeat 95px 2px; width: 301px; font-size: 15px; margin-left: -19px; } div#ftthleft input { height: 43px; } span#SpryConfirmEmail .SubmitExpressionStyle { width: 300px!important; background-position: 105px!important; } .SubmitExpressionStyle { background-position: 107px!important; margin-top: -15px; } div#ftthleft span#spryName span.SubmitExpressionStyle { width: 300px!important; background-position: 39px 2px!important; padding-right: 5px; } div#ftthleft span#spryRegistersurname span.SubmitExpressionStyle { width: 300px!important; background-position: 25px 2px!important; padding-right: 5px; } span#spryRegisterCell .SubmitExpressionStyle { width: 300px!important; background-position: 97px!important; } div#ftthleft span#SpryRegisterCell span.SubmitExpressionStyle{ width: 300px!important; background-position: 55px; } span#spryPostalCode input { margin-top: 5px; } div#ftthleft span#SpryEmail span.SubmitExpressionStyle{ width: 300px!important; background-position:86px !important; margin-top: -15px !important; } div#ftthright { width: 330px; float: left; margin-left: 340px; margin-top: -866px; display: inline-block!important; position: relative; } div#ftthleft { margin-right: 20px!important; } div.ftthContainer a.button { min-width: 270px; } div.ftthContainer a.button:nth-of-type(1) { margin-right: 50px!important; } div.ftthContainer a.button:nth-of-type(2) { margin-left: 50px!important; } div.ftthContainer a.more { margin-right: 0px; } div.ftthMessageComplete { margin: 0px auto; width: 325px; } div#signUp,div#connectWithUs{ float: left; width: 333px; } div#newletter * { width: 333px; } .NewletterEmailRequireField{ background-position: 196px 2px; width: 334px; padding-top: 2px; margin-top: -2px; } div#connectWithUs a { margin-right: 26px!important; margin-left: -3px; } div#newsLetter { position: absolute; width: 100%; } div#shopsAndServices ul:nth-child(1),div#Lifestyle ul:nth-child(1) { width:250px; } div#shopsAndServices ul:not(:nth-child(1)),div#Lifestyle ul:not(:nth-child(1)){ width: 225px; } .footerDropDownContainer{ top:77px; left:377px; width:333px!important; } div#connectWithUs { width: 345px; margin-left:44px; } #connectWithUs h5{ margin-top:0px; } .columnsContainer { width: 700px; padding: 0px; height: 485px; float: left; margin-top:60px; clear: both; position: absolute; /*top: 265px;*/ top: 120px; } .column li { line-height: 30px; font-size: 15px; } footer .footerContainer { width: 730px; padding-left: 10px; padding-right: 10px; /*height: 973px;*/ height: 840px; margin: 45px 20px 0px 20px; } #copyright p { color: #e3e3e3; margin-bottom: 5px; } #Lifestyle,#shopsAndServices{ height:300px; } footer{ /*height:1019px*/ height:870px } p.terms { margin-right: 450px; top: 47px; float: right; max-width: 620px !important; width: 620px; margin-right: 39px; } .CheckBoxRequired { width: 458px; margin-top: -16px; } .NetworkSubButton { margin-left: 87px; margin-bottom: 20px; } div.networkContainer { width: 730px !important; } .NWotherRequiredStyle { margin-top: -16px; } .SubmitrequiredStyle { background: url('/Style Library/Images/errorSymbol.png') no-repeat 175px 0px; width: 300px!important; font-size: 13px !important; } .FtthCaptureRequired { float: left; } p.license{ display:none; } .topSection { width: 100%!important; } } /***************** END TABLET PORTRAIT ***************/ /*for1025 lower*/ @media (min-width: 1275px) and (max-width: 1290px) { tr.notd td:nth-child(1) { display: none; } #ulPrdData { min-width: 1265px; } .upperMidSection div#divPhoneGallery .owl-item{ width:395px!important } ul#UpgradeUlPrdData .owl-item,.upperMidSection div#divPhoneGallery .owl-item{ max-width:395px!important } ul#UpgradeUlPrdData{ min-width: 1200px; } div.pricePlanContent ul li a img { min-width: 400px!important; } .additionalContent .bx-viewport { height: 240px!important; } .additionalContent ul#serviceData1 li a img { max-width: 380px!important; } div.additionalContent ul{ padding:0px; } .additionalContent h2{ padding-bottom:20px; } div.additionalContent ul li { margin-right: 30px; width: 380px!important; } .rightRica div.container { max-width: 248px; } .ContactUsCellnumberrequiredStyle { right: 269px!important; } .ContactUsLongMessagerequiredStyle { right: 18px!important; max-width: 750px; margin-right: 0px!important; } p.stepTitle, p.stepTitlePayg, p.stepTitleMin-Val { margin-bottom: 20px; } .rightSidebar_contractLanding.top-border.bannerPrm .firstBannerPrm{ margin-left: 30px!important; display: block!important; } span.dataCaption { font-size: 17px; position: relative; display: inline; padding-left: 0px; padding-right: 0px; } div#Slider{ max-width:883px; } div.pricePlanContent { width: auto!important; } .PricePlansRight .contactLinkGroup { width: 120px; } .PricePlansRight .bannerPrm.payGo.priceLeftPayG > img, .bannerPrm.payGo.priceLeftPayG img{ max-width:300px!important; } .PricePlansRight .rightBlock.pricelandingPage.contactUs{ margin-left:0px; } div#rates.tab div.firstColumn,div#rates.tab .bx-wrapper { width: 280px; } div.firstColumn h2, ul.bx-controller li h2,#rates h3.accordionControl { max-width: 280px; } .dataContainer ul { min-width: 140px!important; width: 140px; } .recommendedContainer.DetailRecomendedContainer, div.sidebarZoom{ margin-left:0px; max-width: 300px; } .col-left.grid-10{ max-width:883px; width:100%; } ul.contentList,#overview div.static { max-width: 260px; } #overview > div.bx-control > div { max-width: 545px!important; } ul.contentList li,ul.contentListingSlider1 li { max-width: 257px; } #overview > div.bx-control > div { width: 548px!important; } li[data-listItem=rates] div.static{ margin-right:0px; } #overview div.static,li[data-listItem=rates] div.static{ margin-left:30px; } div.col-full div#popular div.bx-wrapper{ margin-left:0px!important; max-width: 1200px!important; } div.pricePlanContent ul li { min-width: 409px!important; } ul#FaqCategory li { width: 198px !important; } .col-full .upgradesBottom { margin: 0 auto!important; } div#latestDeals { width: 1200px; } a#achLatestDeast { margin-right: px!important; } .phoneGallery .UpgradeBxlistContainer1 .bx-viewport { margin-left: 40px; } div.loginPanel h4:nth-of-type(3) { left: 520px!important; } div.loginPanel ul:nth-of-type(2) li a.button { margin: 0 auto!important; display: block; } div.loginPanel h4:nth-of-type(2) { left: 250px!important; } div.loginPanel.Anonymous ul:nth-of-type(2) li p,div.loginPanel.Anonymous a.button.signOutBtn { width: 240px; } div.loginPanel.Anonymous a.button.signOutBtn, div.loginPanel.Anonymous ul { max-width: 240px; } .loginPanel.Anonymous { width: 1075px; } div#genericContacts .contactUs { max-width: 300px; } .top-content.support-Top{ width:942px!important; } .top-content.support-Top .col-common { width: 285px!important; } .supportSeparator{ max-width:275px; } .top-content.support-Top .col-left.grid-1.col-common, .top-content.support-Top .col-bottomLeft.grid-5.col-common { width: 270px!important; } .supportContainer.mostPopular, .supportContainer.subscriberDocs, .supportContainer.supportContactUs, div.supportContainer.supportAccessD, .supportContainer.getStarted, div.supportContainer.networkCoverage{ max-width:300px; } .supportContainer.rightRica,.supportContainer.ricaLostStolen { margin-bottom: 20px; } .supportContainer.mostPopular #FAQs{ max-width:250px; } a.button.subcribEmail { min-width: 220px!important; } .supportContainer.supportAccessD .button.serviceButton { min-width: 250px; } .supportContainer.ricaLostStolen{ margin-left:0px!important; } .menuList:nth-of-type(3) { margin-right: 30px!important; } div.menuList div.submenuContainer a.titleLink.icon-recharge,a.titleLink.icon-upgrade { margin-left: 20px!important; } .profile.loggedIn a.titleLink.icon-upgrade:nth-of-type(1) { margin-left: 0px!important; } div.submenuContainer a.icon-adobe11 { margin-right: 60px!important; } .middleAccess { width: 740px!important; } .RightAccess { width: 440px!important; } div.profile { width: 1043px!important; } nav.loginMenu ul{ margin-right:30px!important; } div#SocialMedia ul.accordionControl li h3.control, div#SocialMedia2 ul.accordionControl li h3.control, div#Service1 ul.accordionControl li h3.control.selected, div#Service2 ul.accordionControl li h3.control { background-position: 358px!important; } div#SocialMedia, div#SocialMedia2,div#Service1, div#Service2 { max-width: 400px!important; } ul#faqAccordionControl h3.control.selected, ul#faqAccordionControl h3.control{ background-position: 855px!important; } ul#SocialMediaAccordion1 li, ul#SocialMediaAccordion2 li, ul#ServiceAccordion1 li, ul#ServiceAccordion2 li { max-width: 390px; } div.ContactUsLanding div.content { max-width: 800px; } ul#ContactNumbersAccordion { max-width: 866px; } div#ContactUsTwitter,div#ContactUsContactBlock,div.serviceRepairLocation{ max-width:300px; } .contentContainer.playContentContainer{ max-width: 100%!important; width: 100%!important; } .leftCol.sliderControl.PlaySlider { width: 100%!important; } div#owl-play { width: 1140px!important; margin-left: 10px; } div#ContactUsForm { max-width: 800px; } .ContactUsTextArea { max-width: 750px; } .PlayLayConatiner{ background-size: 100% 100%!important; } .menuList:nth-of-type(3) { max-width: 300px; } div.menuList{ margin-right:0px!important; } .main_Content .menuList:nth-of-type(3),.main_Content .menuList:nth-of-type(2),.main_Content .menuList3 { display:block!important; } .tab-content { max-width: 840px; } .contentContainer.dataBottom { padding-left: 0px; max-width: 820px !important; margin-left: 0px; } .Upgradescontent .contactLinkGroup { max-width: 195px; } .Upgradescontent{ width:100%!important; } .Upgradescontent div#CustomizePlan { margin:0px!important; height: 257px!important; max-width: 300px; } .supportContainer.rightRica { max-width: 300px; } div.contentContainer { max-width: 880px; } div#owl-recharge .owl-item { width: auto; } .innerContent { float: left; min-width: 460px; } .rechargeCard { width: 350px; height: 235px; background-color: #FFFFFF; box-shadow: 1px 1px 4px 1px rgba(184, 182, 184, 0.5); } ul#faqAccordionControl{ max-width:883px; } .rechargeCardFlip{ width: 350px; background-color: #FFFFFF; } div#FAQTwitter iframe,div#FAQContactDiv,div#FAQContactDetails,div#FAQTwitter,div.rightSidebar_container.FAQrightSideDataContainer { max-width: 300px!important; } ul.accordionControl.smallaccordion li h3 { background-position: 400px !important; } .rechargemiddleContent,#owl-recharge { min-width: 1210px; } #owl-recharge{ margin-bottom: 20px; } .leftCol.sliderControl.ServiceLanding.BundlesTraing .landingPage.servicesLandingContainer a.withDeviceShopLinkViewMoreDetails,div#allInOneContainer .landingPage.servicesLandingContainer a.withDeviceShopLinkViewMoreDetails { right: -50px; } div#allInOneContainer .contentContainer.commonContainer.landingPage.servicesLandingContainer { padding: 30px 40px 20px 40px!important; } ul#FaqCategory,div#owl-servicesLanding,div#owl-allinonebundles,div#owl-voice,div#owl-paygLanding,div#owl-sms,div#owl-aboutmtn,ul#loyaltySecondSlider { width: 810px; margin-left: 30px; } .rightCol.rightColPayAsLand .rightBlock.contractDetail{ float:none!important; } .rightCol,.rightBlock.landingPage, .rightBlock.landingPage:nth-of-type(2){ max-width: 300px; width: 300px!important; margin: 0px 0px 20px!important } .classicContract.mainContentCommon .rightSidebar_container .dataRecharge{ margin: 0px 0px 20px!important } p.mainParagraph { float: none!important; overflow: initial; min-width:800px!important; } .bannerPrm { max-width: 300px; margin-bottom: 0px; display: block!important; margin-bottom: 20px!important; margin: 0px!important; } ul.accordionControl li h3.control.selected, ul.accordionControl li h3.control2.selected, ul.accordionControl li h3.control3.selected, ul.accordionControl li h3.control4.selected, ul.accordionControl li h3.control5.selected, ul.accordionControl li h3.control6.selected, ul.accordionControl li h3.control7.selected, ul.accordionControl li h3.control8.selected, ul.accordionControl li h3.control9.selected, ul.accordionControl li h3.control10.selected { background: url('../images/upArrow.png') no-repeat 830px #FBFBFB; } ul.accordionControl li h3.control, ul.accordionControl li h3.control2, ul.accordionControl li h3.control3, ul.accordionControl li h3.control4, ul.accordionControl li h3.control5, ul.accordionControl li h3.control6, ul.accordionControl li h3.control7, ul.accordionControl li h3.control8, ul.accordionControl li h3.control9, ul.accordionControl li h3.control10 { background: url('../images/downArrow.png') no-repeat 830px #FBFBFB; } .rightSidebar_contractLanding.ContractBanner.bannerPrm .firstBannerPrm{ margin-left: 30px!important; display: block!important; } #owl-light,#owl-unlimiteddata, #owl-daily, #owl-weekly, #owl-hourly, #owl-monthly, #owl-nightly, #owl-fortnight, #owl-6months, #owl-12month,#owl-moreMinute,#owl-custom, #owl-moredata, #owl-minutesLight, #owl-minutesRegular, #owl-minutesHigh, #owl-minutesAll, #owl-valueLight, #owl-valueRegular, #owl-valueHigh, #owl-valueAll, #owl-MTNChoiceLight, #owl-MTNChoiceRegular, #owl-MTNChoiceHigh, #owl-MTNChoiceAll, #owl-MTNClassicLight, #owl-MTNClassicRegular, #owl-MTNClassicHigh, #owl-MTNClassicAll, #owl-MTNTopupLight, #owl-MTNTopupRegular, #owl-MTNTopupHigh, #owl-MTNTopupAll, #owl-MTNPayGo { width: 790px!important; margin-left: 15px; } span.dataLabel { min-width: 250px; width: 250px; } .firstBannerPrm, .secondBannerPrm { background-size: 300px 250px!important; max-width: 320px; height: 250px!important; } .bannerPrm div { display:block!important; margin-bottom:20px!important; } ul.accordionControl.smallaccordion { max-width: 430px; } div.leftCol.sliderControl { width: 880px!important; } div.phoneGallery ul li { max-width:380px; } div.contentContainer.landingPage .left, div.contentContainer.landingPage .right { float: left; width: 365px; } .col-left, .col-right { float: left; } .col-right.grid-3{ clear:none!important; min-width: 300px; width:100% } .grid-3 { width: 300px!important; } .col-right.grid-3.col-left-Support.grid-tab { max-width: 318px; width:318px!important; } .grid-10 { width: 889px; } .dataLandingContainer { width: 1348px; margin: 0 auto; } .rightSidebar_container{ width:300px!important; float: left!important; clear: none!important; } .rightSideDataContainer .rightBlock.contractDetail.contactUs{ margin-top: 0px!important; } a.withDeviceShopLink { width: auto; } .dataLandingContainer.contractLandContainer div#owl-datalisting .owl-controls .owl-prev, .dataLandingContainer.contractLandContainer div#owl-datalisting .owl-controls .owl-next { top: 60%!important; } .dataLandingContainer div#owl-datalisting .owl-controls .owl-prev, .dataLandingContainer div#owl-datalisting .owl-controls .owl-next { top: 50%!important; } .subContract h3.subContentHeading { width: 240px!important; } .rightBlock.contractDetail.contactUs{ max-width:300px; } .rightSidebar_container.rightSidebundleContainer .placeHolder{ margin-left:20px; } .bundleLandingContainer .rightSidebar_contractLanding.top-border{ max-width: 300px; float: left; margin: 0px 35px!important; } div#owl-bundlelisting .owl-wrapper-outer { width: 600px!important; margin: 0 auto!important; display: block; } a.button.contractButton{ margin: 0px 15px 29px!important; } #owl-datalisting,div#owl-bundlelisting { margin: 0px 20px 20px 20px!important; max-width: 830px!important; float: left; padding-left: 6px!important; } .dataListingSlider .owl-item, .bundleListingSlider .owl-item { max-width: 275px!important; width: auto; } .owl-buttons { display: inline-block; } ediv.rechargeOptions .rechargeItems, .dataItems.tabBox, bundleItems.tabBox { width: 260px!important; } .owl-prev { width: 22px !important; height: 22px !important; display: block; background: url('/Style Library/Images/prevDark.png') top left no-repeat !important; position: absolute; top: 45% !important; left: -30px !important; } .owl-next { width: 22px !important; height: 22px !important; display: block; background: url('/Style Library/Images/nextDark.png') top left no-repeat !important; position: absolute; top: 45% !important; right: -35px !important; } div.top-content { height: auto; display: inline-block; padding: 0px 0px; width: 950px; } .tab-content { max-width: 870px; } .rightSidebar_contractLanding.top-border.bannerPrm, .rightSidebar_contractLanding.ContractBanner.bannerPrm{ display:block!important; max-width: 300px; float:left!important; } div.upperMidSection ul.tabControl li { min-width: 198px!important; } div#divPhoneGallery{ margin-left:0px!important; } div.phoneGallery div.bx-controls.bx-has-pager.bx-has-controls-direction { display: block!important; } .phoneGallery .bx-wrapper .bx-viewport { height: 454px; min-width: 1177px!important; } ul.tools { left: 825px!important; } div.upperMidSection ul.tabControl { max-width: 1220px!important; } .topSection, .upperMidSection, .centerMidSection { width: 1266px!important; max-width: 1348px!important; } .footerDropDownContainer { width: 384px; } footer .footerContainer { width: 1195px!important; } div#shopsAndServices ul:not(:nth-child(1)), div#Lifestyle ul:not(:nth-child(1)) { width: 265px!important; margin-bottom: 60px; } div#shopsAndServices ul:nth-child(1), div#Lifestyle ul:nth-child(1) { width: 270px!important; } .columnsContainer { width: 804px!important; } .main_Content{ width:100%!important; } div.menuContainer { width: 100%!important; } p.headingText.paygLandingText { width: 806px; } } /*END lower*/ /***************** TABLET LANDSCAPE ******************/ @media only screen and (min-width: 1024px) and (max-width: 1348px) and (orientation: landscape), screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){ .PrivacyContent { padding: 0px 33px; } /*auto*/ .TerContainer { padding: 0px 30px; } .Insuranceform .IdrequiredStyle { background-position: 189px!important; } .Insuranceform .cellrequiredstyle { background-position: 161px!important; } .Insuranceform .validCellCheck { background-position: 117px; } .cellrequiredstyle, .IdrequiredStyle, .IMEIrequiredStyle{ width:384px; } /**/ tr.notd td:nth-child(1) { display: none; } div.recommendedContainer div.detailContainer p.include { width: 305px; } ul.cascadeBlock li img.mainImage_TP,ul.cascadeBlock li img.mainImage_M{ display:none; } .rightSidebar_contractLanding.top-border.bannerPrm,.rightSidebar_contractLanding.ContractBanner.bannerPrm { display: none; } ul#serviceData1 li a img { max-width: 410px!important; } div.mobileManagementContent{ display:none; } .InterRoamTbl { margin: 0 auto; display: inline-block; } .topMyMTNComponent.owl-carousel .owl-item { float: none; } div#Slider ul#FaqCategory li.selected:hover { background: #ffc925!important; } .sliderImageHolder:hover span{ color: #fff!important; } .sliderImageHolder.selected:hover{ background-color: #ffc400!important; } .sliderImageHolder.selected:hover~div, .sliderImageHolder.selected:hover div, .sliderImageHolder.selected:hover .triangle1, ul#FaqCategory li.selected:hover .triangle { border-color: #ffc400 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)!important; } .bannerPrm.ricaBannerPromo{ width:auto; } .bannerPrm.aboutMTNBannerPromo,.educationBanner.bannerPrm{ width:auto; margin-bottom:20px; } .bannerPrm{ margin:0 auto; display:table; width:948px; margin-bottom:0px; } .bannerPrm div { margin-bottom: 20px; margin:0 auto; display:table-cell; } .bannerPrm.appsBanner .firstBannerPrm{ background: url('/Style Library/Images/PromoBanners/MyMTN_App_L.jpg') no-repeat; background-size:464px 387px; width:484px; height: 387px; } .bannerPrm.appsBanner .secondBannerPrm{ background: url('/Style Library/Images/PromoBanners/ZaService_L.jpg') no-repeat; background-size:464px 387px; width:464px; height: 387px; } .rightMenuContainer, ul.primaryMenu, div.loginPanel ul { display: block!important; overflow: hidden!important; } .rightSidebar_contractLanding.top-border.bannerPrm{ margin-bottom:20px!important; } .rightSidebar_contractLanding.top-border.bannerPrm, .rightSidebar_contractLanding.ContractBanner.bannerPrm{ width:600px; margin:0 auto; float:none; margin-bottom:0px; } .rightSidebar_contractLanding.ContractBanner.bannerPrm { margin-bottom: 20px; } .bannerPrm.ricaBannerPromo .firstBannerPrm{ background: url('/Style%20Library/Images/PromoBanners/RICA_L.jpg') no-repeat; background-size:464px 387px; width:464px; height: 387px; } .bannerPrm.getstartBannerPromo .firstBannerPrm{ background: url('/Style Library/Images/PromoBanners/ZaService_L.jpg') no-repeat; background-size:464px 387px; width:484px; height: 387px; } .bannerPrm.getstartBannerPromo .secondBannerPrm{ background: url('/Style Library/Images/PromoBanners/MyMTN_App_L.jpg') no-repeat; background-size:464px 387px; width: 464px; height: 387px; } .bannerPrm.reportfraudBannerPromo .firstBannerPrm{ background: url('/Style Library/Images/PromoBanners/newdevice_L.jpg') no-repeat; background-size:464px 387px; width:484px; height: 387px; } .bannerPrm.reportfraudBannerPromo .secondBannerPrm{ background: url('/Style Library/Images/PromoBanners/Insurance_L.jpg') no-repeat; background-size:464px 387px; width: 464px; height: 387px; } .educationBanner.bannerPrm .firstBannerPrm,.bannerPrm.aboutMTNBannerPromo .firstBannerPrm{ background: url('/Style%20Library/Images/PromoBanners/Foundation_L.jpg') no-repeat; background-size:464px 387px; width:484px; height: 387px; } .bannerPrm.lostStolenBanner .firstBannerPrm{ background: url('/Style Library/Images/PromoBanners/newdevice_L.jpg') no-repeat; background-size:464px 387px; width:484px; height: 387px; } .bannerPrm.lostStolenBanner .secondBannerPrm{ background: url('/Style Library/Images/PromoBanners/Insurance_L.jpg') no-repeat; background-size:464px 387px; width: 464px; height: 387px; } .foundationSection .foundationMain .spanText { font-size: 17px; } .foundBanner { width: 472px; margin: 0px 0px 0px 20px; } .PricePlansRight { display: table; margin: 0 auto; } .VerfyDiv .UpgradeCapButton { margin-left: 53px !important; margin-top: 20px !important; } .remindMeButton { width: 396px !important; } .control .supportHeading .RequiredUpgradeCheckError { margin-bottom: 0px !important; margin-top: -10px !important; } .control .supportHeading .RequiredUpgradeCheckError { margin-bottom: 0px !important; margin-top: -19px !important; } .showDiv .supportUpgradeContainer .rightUpgradesReminder. RequiredUpgradeCheckError { margin-top: -10px !important; } .item.tailor .dataItems { width: 293px; height: 187px; } .dataListingSlider .owl-item { max-width: 311px; width:311px; } .bundleListingSlider .owl-item { max-width: 311px!important; width:311px!important; } .disabilityContainer{ margin-left:30px; } div#loyaltyRegister div.container ul.left, div#loyaltyRegister div.container ul.right{ width:390px!important; } div#loyaltyRegister div.container ul.left h3, div#loyaltyRegister div.container ul.right h3 div#loyaltyRegister div.container ul.left h4, div#loyaltyRegister div.container ul.right h4{ color: #6b6b6b; } .image-replacement { background-size: 100%; } div#owl-play { width: 944px; } #owl-light, #owl-daily, #owl-weekly, #owl-hourly, #owl-monthly, #owl-nightly, #owl-fortnight, #owl-6months, #owl-12month, #owl-moredata, #owl-moreMinute, #owl-custom, #owl-unlimiteddata, #owl-minutesLight, #owl-minutesRegular, #owl-minutesHigh, #owl-minutesAll, #owl-valueLight, #owl-valueRegular, #owl-valueHigh, #owl-valueAll, #owl-MTNChoiceLight, #owl-MTNChoiceRegular, #owl-MTNChoiceHigh, #owl-MTNChoiceAll, #owl-MTNClassicLight, #owl-MTNClassicRegular, #owl-MTNClassicHigh, #owl-MTNClassicAll,#owl-MTNTopupLight,#owl-MTNTopupRegular,#owl-MTNTopupHigh,#owl-MTNTopupAll,#owl-MTNPayGo,#owl-allinonebundles{ width: 915px; } .feature { font-size: 55px; } .additionalContent h2, div.col-full .additionalContent div.bx-wrapper { margin-left: 0px!important; margin-bottom:0px; } .additionalContent h2{ padding-bottom:20px; } /*.UserQuestion*/ .UserQuestion{ width:965px; height:480px; } /*END*/ .Yellotrader img{ width: 100%; padding-top: 80px; background: #FFBE00; } ul.rightSidebar{ display:block!important; } div#ReadyForUpgrade.nonMTNupgrade hr { width: auto; } .FtthCaptureRequired { top: -33px; background: url('/Style Library/Images/errorSymbol.png') no-repeat 119px 0px; width: 301px; display: inline-block; margin-left: 0px; font-size: 13px; } span.FtthTerms { display: block; width: 280px; } div#bottomSection { margin-left: 535px !important; } /*contact us tablet landscape*/ div.ContactUsSlider .bx-wrapper .bx-prev, div.ContactUsSlider .bx-wrapper .bx-next { display:none; } ul.contactListingSlider li { float: left; margin-right: 10px; } div.ContactUsSlider div.bx-wrapper div.bx-viewport{ width: 920px!important; padding:0px; } div#SocialMedia2,div#Service2 { margin-left: 0px; } div#SocialMedia, div#SocialMedia2 { width: 447px!important; } div#Service1, div#Service2 { width: 447px!important; } div#Service1 ul.accordionControl li h3.control { background: url('/Style%20Library/Images/downArrow.png') no-repeat 406px #FBFBFB; } div#Service2 ul.accordionControl li h3.control { background: url('/Style%20Library/Images/downArrow.png') no-repeat 406px #FBFBFB; } div#Service1 ul.accordionControl li h3.control.selected { background: url('/Style%20Library/Images/upArrow.png') no-repeat 406px #FBFBFB; } div#Service2 ul.accordionControl li h3.control.selected { background: url('/Style%20Library/Images/upArrow.png') no-repeat 406px #FBFBFB; } div#SocialMedia2 ul.accordionControl li h3.control { background: url('/Style%20Library/Images/downArrow.png') no-repeat 406px #FBFBFB; } div#SocialMedia ul.accordionControl li h3.control { background-position: 406px; } div#SocialMedia2 ul.accordionControl li h3.control.selected { background: url(/Style%20Library/Images/upArrow.png) no-repeat 406px #fbfbfb; } ul#SocialMediaAccordion1 li, ul#SocialMediaAccordion2 li, ul#ServiceAccordion1 li, ul#ServiceAccordion2 li { width: 444px; } ul.contactListingSlider { width: 852px; margin: 0 auto; } .ContactUsLongMessagerequiredStyle { right: 340px; } .WebChatCellNumberCheck { left: 10px; } .WebChatRequiredStyle { left: 4px; } /*end*/ .content>p { padding-left: 20px; padding-right:20px; } .rightBlock.pricelandingPage.contactUs .icon-phone-1 { padding-right: 15px; } ul.contentListingSlider li { width: 208px!important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } p.mainParagraph { width: 500px !important; } .sliderControl.PlaySlider .bx-wrapper, .sliderControl.PlaySlider .bx-viewport { height: 195px!important; max-width: 1165px!important; background: transparent; } .mtnPlayBox.tabBox1 h3 { padding: 4px 0px 0px 10px; } .mtnPlayBox.tabBox1{ background: none repeat scroll 0% 0% #FFFFFF; box-shadow: 2px 2px 2px #D7D7D7; } .computer_play, .phone_play{ float:left; width:450px; margin-left:20px; } .contentContainer.playContentContainer .computer_play, .contentContainer.playContentContainer .phone_play { float: none; } .playContentContainer h2,.VUContainer h2{ font-size: 23px; } div#points h2{ color:#6b6b6b; margin-bottom:20px; } div#latestDeals{ float:none!important; margin-top: 20px !important; } .Upgradescontent .contactLinkGroup { width: 200px; } .Upgradescontent{ width: 980px; } a#achLatestDeast { margin-right: 30px!important; } #UpgradeContactUs.icon-phone-1 { float: none; padding: 20px 7px 0px 30px; } .supportUpgradeContainer.rightCheckUpgradesStatus{ height:auto; } div#CustomizePlan h3,div#CustomizePlan p{ width:auto!important; } div#UpgradeReminder{ width:500px; } .PlayLayConatiner h3.control.selected,.loyalty141 h3.control.selected { color: #f8a125!important; border-bottom: 2px solid #f8a125; } .PlayLayConatiner ul.socialTracking,.loyalty141 ul.socialTracking{ float:left; clear:both; margin:30px 0px 40px 0px; } .PlayLayConatiner #howTo h2,.loyalty141 #howTo h2 { font-size: 25px; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; line-height: 36px; color: #6B6B6B; margin-bottom: 15px; } .PlayLayConatiner .additionalContent h2,.loyalty141 .additionalContent h2 { margin-bottom: 20px; font-size: 39px; font-weight: normal; } .frontRowContainer .tab { height: 650px!important; } .PlayLayConatiner div.tab,.loyalty141 div.tab{ background:transparent; border-top: none; padding-top:30px!important; } .frontRowContainer .tab{ padding-top:50px; } div.frontRowContainer { padding: 150px 30px 0 30px; height: auto; margin-bottom: 0px; } .additionalContent.playBottomSlider{ margin-left:30px; } div.frontRowContainer div.contentContainer { background-color: transparent; } .additionalContent.playBottomSlider .bx-viewport { background: transparent; } .PlayLayConatiner .tab_openmedium,.loyalty141 .tab_openmedium,div.tab1 { background-color: rgba(255,255,255,0.8); border-top: 2px solid #FFBE00; margin-top: 100px; } .additionalContent { margin-left: 30px; } .PlayLayConatiner div.leftCol.sliderControl,.loyalty141 div.leftCol.sliderControl { background-color:transparent; } .PlayLayConatiner div.contentContainer ul.tabControl,.loyalty141 div.contentContainer ul.tabControl { top: 0px; } a.playLargeLink{ display:none; } .faqButton{ margin: 20px 20px; } .playbutton{ margin-left:0px!important; } .PlayLayConatiner li.name h1,.loyalty141 li.name h1{ font-size:35px; } .PlayLayConatiner .topList,.loyalty141 .topList{ font-weight:normal; } h1.pageHeading_white{ font-family: 'Myriad Pro', MyriadProRegular; font-size: 50px; color: #ffffff; font-weight: normal!important; } a#desktop_button { width: 440px; float: none; } .loyalty141 a.button.playbutton{ min-width:250px; width:260px; } a.button.playbutton { width: 315px; } .PlayLayConatiner div.additionalContent ul li,.loyalty141 div.additionalContent ul li { padding-right: 0px; } .PlayLayConatiner .contentContainer>h3, .playContentContainer ul.topList{ width:500px; } .PlayLayConatiner div#faq.tab h4,.loyalty141 div#faq.tab h4 { padding-left:20px; } .PlayLayConatiner,.loyalty141 { background-color: #edefe7; } .PlayLayConatiner.VUPlayLayConatiner{ background-color:#ecf1ee!important; background: url('/Style Library/Images/Tablet-L.png') no-repeat 0px 0px; } .PlayLayConatiner{ background: url('/Style Library/Images/TabletL_play.png') no-repeat 0px 0px; } .loyalty141{ background: url('/Style Library/Images/141L.png') no-repeat 0px 0px; } .playContentContainer ul.tabControl li h3.control,.VUContainer ul.tabControl li h3.control { margin-left: 20px; color: #6b6b6b; } .servicesContainer { width: 965px; } ul.accordionControl.smallaccordion { width: 478px!important; } .rightSidebar_container.PlaceContainer .placeHolder{ width:100%; } .servicesContainer ul.accordionControl.smallaccordion li h3.control { background-position: 435px; } .startedContainer p { padding-left: 20px; } span.contractTitle { width: 200px; display: inline-block; } .landingPage.servicesLandingContainer a.withDeviceShopLinkViewMoreDetails{ right: -20px; top: -15px; } /*Upgrade*/ .supportContainer.rightUpgradesReminder { width: 500px; } div#UpgradeReminder *{ width: 460px!important; } div#ReadyForUpgrade { width: 500px !important; } div#ReadyForUpgrade hr { width: auto; } .phoneGallery .bx-wrapper .bx-viewport { height: 454px; width: 985px !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div#UpgradeStatus hr { width: 275px !important;} div#CustomizePlan { float: left!important; margin-bottom: 20px!important; width: 964px !important; margin-top: 20px!important; height: 200px !important; } a#UpgradeContactForm { margin-left: 38px !important; } a#UpgradeEmail { margin-left: 48px !important; } a#UpgradeWebChat { margin-left: 43px !important; } div#ReadyForUpgrade h3#UpgradesContactPay { margin: 25px 10px 0px 0px !important; font-size: 14px; } #divPhoneGallery .bxlistContainer#popular .bx-wrapper .bx-viewport .bx-wrapper{ max-width: 1030px !important; margin:0px!important; left:15px; } .Upgradescontent #divPhoneGallery .bxlistContainer#popular .bx-wrapper .bx-viewport .bx-wrapper{ max-width: 998px !important; margin: 0px 10px!important; } #divPhoneGallery .bxlistContainer .bx-wrapper .bx-viewport { width: 1004px !important; } div#ReadyForUpgrade span.icon-phone-1 { margin-left: 4px !important; } div#PromoBanner { float: left !important; margin-top: 20px; margin-bottom: 30px; } #divPhoneGallery .bxlistContainer .bx-wrapper .bx-viewport .bx-wrapper .bx-viewport ul li { width: 475px!important; margin-right:10px!important; } #divPhoneGallery .bxlistContainer .bx-wrapper .bx-viewport { min-width: 100%!important; margin: 0px!important; padding: 0px 3px!important; left: 0px; } ul#UpGradesAccordion h3.control { background: url('/Style%20Library/Images/downArrow.png') no-repeat 920px #F1F1F1 !important; } ul#UpGradesAccordion h3.control.selected { background: url('/Style%20Library/Images/upArrow.png') no-repeat 920px #F1F1F1 !important; } div#CustomizePlan { margin-left: 0px !important; } div#CallToAction { float: left!important; clear:both; padding: 16px 10px 10px 112px !important; } ul#UpGradesAccordion { width: 960px !important; } .upgradesBottom{ margin-left:30px!important; } a#UpgradeTwitter { margin-top: -13px !important; margin-left: 177px !important; } a#UpgradeTailorPlan { margin-left: auto!important; margin-right: auto!important; display:block; float:none!important; } div#UpgradeContactUs { font-size: 16px !important; margin-left: 36px !important; margin-top: -4px !important; float:none !important; } /*Upgrade End*/ .ServiceLanding .bx-viewport { min-height: 180px!important; } .appsListSlider h3.sliderHeader{ min-width:230px; } div#galModal.homePagePhoneGallery { padding: 130px 350px!important; } /*Deatils*/ div.tab { display:none; padding:20px; background-color:#fff; border-bottom: 2px solid #FFBE00; border-top: 2px solid #FFBE00; } ul.detailsMainContainer div#overview { min-height: 300px!important; } div.yellowBox.right { float: right; margin-right: 30px; } /*END*/ div#ContactUsTwitter { float: left; margin-bottom: 30px; margin-left: -147px; } div#ContactUsContactBlock { width: 399px !important; margin-left: 39px; margin-top: 2px; } .contactUsEmail { margin-right: 166px; } div#EmailContactUS { margin-right: 168px; } ul.termPager li:last-child a:hover, ul.termPager li:first-child a:hover{ color: black; } .print.icon-ptint{ display:none; } .bp-docs-example,.pagination,.pagination ul { margin: 0 auto; display: table; width:auto; margin-top:10px; } div#genericContacts .contactUs{ margin-top:0px; width: 444px; } div#genericContacts .placeHolder{ float:left; width: 468px; margin-left: 20px; } div#genericContacts{ float:left; clear:both; } /*END*/ .coverage { height: 625px; margin-bottom: 80px; } /*BundlesLanding*/ div.leftCol.sliderControl.bundleBottom .bx-wrapper { max-width: 960px!important; } .subContract h3.subContentHeading { width: 250px; display:inline-block; } div.bundleLandingContainer div.bx-wrapper{ margin: 0 auto 30px; } .bundleBottom .contentListingSlider h3.sliderHeader{ letter-spacing:-1px!important; padding: 0 10px 15px 10px; font-size:19px; } .bundleBottom a.withDeviceShopLinkViewMoreDetails{ right: -20px; top: 15px; } .rightSidebundleContainer .contactUSBlock.bundleContact { height:210px!important; } h3.sliderHeader.discontinued { line-height: 16px!important; font-size: 18px!important; } .contentContainer.bundleBottom { margin-top: 0px!important; padding-bottom:0px!important } .bundleOptions li { width: 297px!important; float: left; margin: 0 10px; } span.bundleCaption { font-size: 17px; position: relative; display: block; } .contractName span:nth-child(1) { margin-top: 3px!important; } div.PayGContainer .LightContentContainer a.withDeviceShopLinkViewMoreDetails { right:0px!important; top:10px; } .rightSidebundleContainer .placeHolder{ width: 300px; float: left; margin-right: 20px; } .rightSidebar_container.rightSidebundleContainer { width: 1024px; clear: both; margin: 0 auto; } .rightSidebar_container.rightSidebundleContainer .placeHolder { background-size: 300px 250px; background-image: url('/Style Library/Images/PromoBanners/MyMTN_App.jpg'); text-indent: -9999px; white-space: nowrap; display: block!important; margin-top:20px; } .rightSidebundleContainer .contactUSBlock{ float:left; } .rightSidebar_container.rechargeRightCol .placeHolder { float: left; width: 300px; margin-right: 20px; } .contentContainer.bundleBottom { margin-left: 0px!important; float:left; clear:both; } .bundleLandingContainer .bx-controls.bx-has-pager.bx-has-controls-direction{ display:none; } .contentListingSlider h3.sliderHeader{ font-size:20px; } .overviewRight { margin-left: 0px; width:394px; } .right.overviewRight { margin-left: 40px; } .tabs_bundlePlan .rightSiderbar_container{ width: 300px; float: left; min-width:300px; } div.PayGContainer .LightContentContainer { background: #FFFFFF; height: 300px; width: 480px; margin-top: 30px; } div.bundleBottom ul.contentListingSlider li { width: 214.45px!important; } .rightBlock.bundleRecharge:nth-of-type(1) h4{ padding-top:0px; padding-top: 12px; text-align: left; padding-left: 50px; margin-left: 10px; } .rightSidebar_container .bundleRecharge{ float:left; margin: 40px 20px 0px 0px!important; } .rightSidebar_container .contactUSBlock { margin-left: 0px; margin-top: 40px; padding: 28px 20px!important; height:250px; } /*End*/ /*Dataplans*/ #owl-recharge,#owl-datalisting,#owl-bundlelisting { margin-left: 0px; margin-right: 0px; max-width: 994px; float: left; padding-left: 0px; margin-bottom:20px; } ediv.rechargeOptions .rechargeItems,.dataItems.tabBox,bundleItems.tabBox { width: 295px; height: 183px; } .rightSideDataContainer .contactUSBlock.dataContact { height:210px!important; } h3.sliderHeader.discontinued { line-height: 16px!important; font-size: 18px!important; } .contentContainer.dataBottom { margin-top: 0px!important; padding-bottom:0px!important } .dataOptions li { width: 297px!important; margin-right:15px; float: left; } span.dataCaption { font-size: 17px; position: relative; display: block; padding-left: 0px; padding-right: 0px; } .contractName span:nth-child(1) { margin-top: 3px!important; } div.PayGContainer .LightContentContainer a.withDeviceShopLinkViewMoreDetails { right:0px!important; top:10px; } .rightSideDataContainer .placeHolder{ width: 300px; margin-top: 40px; float: left; margin-right: 20px; } .contentContainer.dataBottom { margin-left: 0px!important; } .contentContainer.dataBottom { width: 917px!important; } .dataLandingContainer .bx-controls.bx-has-pager.bx-has-controls-direction{ display:none; } .contentListingSlider h3.sliderHeader{ font-size:20px; height:35px; } .tabs_dataPlan .rightSiderbar_container{ width: 300px; float: left; min-width:300px; } div.PayGContainer .LightContentContainer { background: #FFFFFF; height: 300px; width: 480px; margin-top: 30px; } .tab-content{ float:none; } .rightBlock.dataRecharge:nth-of-type(1) h4{ padding-top:0px; padding-top: 12px; text-align: left; padding-left: 50px; margin-left: 10px; } .rightSidebar_container .dataRecharge{ float: left; margin: 45px 20px 0px 0px!important; height: 249px; } .rightSidebar_container .contactUSBlock { margin-left: 0px; margin-top: 40px; padding: 28px 20px!important; height:250px; } /***PricePlan tablet landt ***/ .payGo.priceLeftPayG { margin-top: 0px; margin-left: 0px; position: static; width: auto; } .rightBlock.pricelandingPage.contactUs { margin-top: 0px!important; background-color: #FFF; float: left; width: 470px!important; margin-left: 20px; margin-right:0px; clear: none; height: 218px!important; } .pricePlanContent h3.paddingHeading{ margin-bottom:20px; } div.pricePlanContent { float: left; width: 980px; } div.pricePlanContent ul li { margin-right:20px; height: 250px; } div.pricePlanContent ul li a img { height: 184px; } .pricePlanContent .bx-wrapper .bx-viewport { height: 255px!important; } /***END***/ /*Recharge*/ .innerContent.USSDContent { left: 30px!important; } .innerContent:nth-child(2) { width: 352px !important; position: relative; left: 255px; } .innerContent p { width: 365px !important; text-align: center; } div.rechargeBxContainter .bx-controls-direction { display: none; } .border { border: 1px solid #eaeaea; margin-right:20px; } ul.rechargeBottomContent li:nth-last-child(9){ margin-bottom:30px!important; } .seeAll { margin-top: 30px; width:100% } .seeAll.RoamingSeeAll{ float:left; margin-top:0px!important; } .innerContent h3 { font-size: 41px; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; } .terms.airtimeLink { margin: 75px 0px 0px 100px; } .rechargeBxContainter .bx-wrapper { margin: 0; max-width: 1200px!important; } ul.rechargeOptions { margin-left: -20px; } .rechargeListingSlider .bx-wrapper .bx-viewport { min-height: 200px!important; } .innerContent { float: left; width: 320px; font-size: 23px; font-family: 'Myriad Pro', MyriadProRegular; } .rechargemiddleContent { width: 959px; } div#owl-recharge .owl-item { max-width: 320px!important; } .rechargeCardFlip p{ padding:20px; } .rechargemiddleContent{ padding:40px 20px; } span.rechargeRates { width: 600px; } .innerContent span { font-size: 43px; display: block; } .rechargeBottomContent ul { padding: 50px; margin: -50px 0px -50px 0px; } .rechargeCard ul.yelloList{ margin: -50px 0px -50px 0px; } /*END*/ .utilities { position: absolute; top: 505px; left: 460px; } .AboutMTN { float: left; position: absolute; top: 505px; left: 241px; } .myProfile { float: left; padding-right: 40px; height: 333px; } .accordMobContainer { float: left; padding-right: 0px; } .accordMobContainer.SupportContainer{ padding-right:30px; } .loyality { width: 300px; } .tab.tab_sitemap{ min-height: 844px; } .siteMapContainer { padding: 0px 40px 40px 40px; } /**** SMONLY ****/ .rightDevice.deviceSection h2{ width:auto!important; } .rightDevice{ background: url('/Style%20Library/Images/simonly_landsc.png') #FFFFFF no-repeat; width:auto; } .firstContainer.mobileDivAccord h5 { margin-bottom: 20px; } .bannerPrm.simOnly_banner{ display:table; margin:0 auto; width:auto; } .bannerPrm.simOnly_banner .secondBannerPrm{ margin-left:0px; margin-bottom:20px; } div#owl-deals .owl-item { width: 332px!important; } .payGo { position: relative; left: 20%; margin-bottom:30px; } div.dealContainer { width: 950px; float: left; } ul.dealOptions { height: 326px; width: 977px; } .simFaqs { float: left; width: 950px; margin-bottom: 40px; } ul.dealOptions li{ width:300px!important; } ul.dealOptions li .dealsItems{ width:303px; } ul.dealOptions li .dealsItems,.dealOptions li { margin-left: 0px; } .rightDevice.deviceSection { width: 950px; height: 191px; margin: 20px 20px 20px 0px; } div.idealContainer { width: 950px; } .divAccordionContainer ul li { text-align: center; width:200px; } .middleAccess h2 { font-size:25px; padding-top:20px; } .accessibleContainer h3{ font-size: 25px; color: #373737; font-family: 'Myriad Pro Light', MyriadProLight; padding: 5px 0px 5px 0px; margin-bottom: 20px; font-weight: normal; } .accessibleContainer { margin-bottom: 30px; } .RightAcces.contactUs { padding-top: 20px; } .RightAccess { background-color: #FFF; clear: both; display: inline-block; margin-left:30px; width:375px; height:220px; } .RightAccess.contactUs:nth-of-type(3) ul { width: 40%; float: left; margin-left: 30px; } .RightAccess.contactUs:nth-of-type(3) ul li { margin-bottom: 20px; } .RightAccess.contactUs:nth-of-type(3) ul li a { font-size: 17px; color: #609ABF; } #UpgradeContactUs.icon-phone-1:before { font-size: 30px; padding: 0px 55px 48px 0px; color: #FFBE00; position: absolute; margin: 0px -30px; } .icon-phone-1 { float: left; font-size: 30px; padding: 0px 5px 0px 0px; color: #FFBE00; } .middleAccess{ background: url('/Style%20Library/Images/AccessibleBg.png'); display: block; background-repeat: no-repeat; height: 220px; padding-top: 15px; text-align: center; background-color: #ffffff; width:550px; float:left; } /**END***/ div.BCPContainer div.bx-wrapper { margin-left: 0px!important; max-width: 956px!important; } .justTabs .bx-wrapper { max-width: 909px !important; } .justTabs .bx-wrapper .bx-controls-direction a{ display: none; } .top-colRight { margin-left: 35px; } .right_container { background: #fff; padding: 20px; margin-bottom: 20px; width: 299px; float: left; margin-right: 20px; height:400px; } .rightSidebar_container.top-border.rightRica{ width:300px!important; float:left; } .rightRica{ float:left; margin-right:20px; width: 300px!important; } div.supportList { width: 315px; float: left; padding-left: 20px; padding-top: 0px; height: 450px; background: #FFFFFF; } .right_border { border-right: 1px solid #f1f1f1; height: 409px; margin-top: 20px; } .contractLandingContainer .rightSidebar_container{ display: none; } .contractLandingContainer { width: 946px; } .contractLandingContainer .placeHolder { margin-top: 32px; margin-left: 148px; } .contractLandingContainer .rightSidebar_container{ border-top: none; } a.button.contractButton { margin: 0px 140px 30px; } .rightSidebar_contractLanding.top-border { margin-top: 0px; border-bottom: 2px #ccc solid; margin: 0px 224px; width: 520px; margin-bottom:20px; border-top: 5px solid #ffbf00; } a.right_ViewAll.commonViewAll { position: static; } .pricing.commonPrice{ width:463px; } .tab_openmedium div.tab h3, .tab_openmedium div.tab h4{ color: #ffbe00 !important; } ul.topList{ width:460px; } div.col-left.grid-10{ clear:both; } div.dataLandingContainer div.bx-wrapper { margin-left: 0px!important; } div.dataLandingContainer .bx-wrapper .bx-viewport { width: 950px!important; } /*open Medium*/ .tab.tabBackgound { background-color: #ffffff!important; } ul.topList_opMedium li { font-size: 19px; margin-left: 0px!important; line-height: 29px; color: #373737; width:700px; } ul.topList_opMedium{ margin-bottom:75px; } .bold{ font-family:'Myriad Pro Bold', MyriadProSemiBold MyriadProRegular!important; font-weight:bold; } div.tab p.widePricing_opMedium { background:transparent; text-align: left; width: 100%; color: #ffffff; font-size: 19px; font-weight: bold; display: block; height: 40px; padding-top: 10px; margin: 0px; margin-bottom: 20px; padding-left:20px; font-family: 'Myriad Pro Bold', MyriadProSemiBold MyriadProBold; } div.play_opMedium,div.pricing_opMedium h4 { text-align: left; color: #ffbe00!important; } div.play_opMedium,div.pricing_opMedium { float: left; width: 445px; padding-bottom:20px; } span.title + ul li, p.widePricing_opMedium + ul li { font-family: 'Myriad Pro Regular',MyriadProRegular; font-size: 17px; line-height: 21px; color: #cccccc; margin-bottom: 15px; vertical-align: -10px; margin: 0px; background: url('/Style Library/Images/yellowDot.png') no-repeat 20px 10px; padding-left: 40px; } h3.mediumHeading{ font-size: 31px; color: #373737; font-family: 'Myriad Pro Light'; border-left: 0px; padding: 0px; margin-bottom: 10px; } .share::before{ content: url('/Style Library/Images/share_black.png'); } .like::before{ content: url('/Style Library/Images/like_black.png'); } .comment::before{ content: url('/Style Library/Images/comment_black.png'); } /*End*/ /*search page*/ .srch-AutoCompContainer { top: 203px; width: 618px; background:#ededed; clear:left; } .ms-searchsummarymain{ display:none; } .srch-AutoCompDropImg { display: none; } .srch-Metadata1 { max-width: none; } td.ms-sbcell.ms-sbtext >span { position: relative; top: -17px; margin-right:20px; display:inline!important; } .clearText { display: block; width: 16px; height: 20px; position: relative; z-index: 2; background: url('/Style Library/Images/clear.png')0px 4px no-repeat; left: 525px; top: 15px; cursor:pointer; } .srch-Page.srch-Page-bg{ padding-left:300px; background:#ffffff; margin-top:-14px; padding:0; height:50px; padding-left:350px; } .rightSidebar_search { border-top: 7px Solid #ffbe00; width: 450px; float: left; background: #fff; margin-left:20px; display:none; } td.ms-sbcell.ms-sbtext{ font-family: MyriadProRegular; font-size: 41px; } .shopSearch{ display: block; padding-top: 15px; text-align: center; background: url('/Style Library/Images/tablet_search.png') 30px; background-repeat: no-repeat; width: 100%; height: 185px; position: relative; background-color: #fff; margin-bottom:20px; } .shopSearch h2{ font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; font-size:25px; color:#6b6b6b; } input.s4-searchbox-QueryPrompt{ font-family: MyriadProRegular!important; font-size: 25px; font-style:normal; width:550px!important; } .ms-sbplain{ background:url('/Style Library/Images/searchNew.png'); height:54px; float: left; font-size: 21px; border: 1px solid rgb(234, 234, 234); font-family: MyriadProRegular!important; padding-right:30px; border-right: 1px solid #b6babf !important } .srch-gosearchimg { height: 54px; position:relative; } .srch-results{ max-width: none; background:#ffffff; padding:20px 20px 20px 20px; } .srch-Description2 { max-width: none; clear:both; font-size:17px; font-family:'Myriad Pro Regular',MyriadProRegular; } .srch-AutoCompList { width: 616px!important; } #loading { margin-left: 500px !important; } ul.cascadeBlock li img.mainImage { height: 182px!important; } .topSection, .upperMidSection, .centerMidSection { width: 1024px; float:left; } .topSection{ max-height: 620px; height: auto; } .centerMidSection{ float:left; } div.centerMidSection div.customDeal { width: 1024px; } .col-full.header { padding-left: 30px; margin-top: 140px; } div.hideTool img { margin-top: 20px; margin-left: 25px; } ul.tools { position: relative; top: -80px; left: 590px; } ul.tools li p { width: 240px!important; } ul.tools li.icon.icon-recharge:before, ul.tools li.icon.icon-email-envelope:before, ul.tools li.icon.icon-pin-map:before, ul.tools li.icon.icon-cignal:before, ul.tools li.icon.icon-upgrade:before { padding: 12px!important; left: 10px!important; } div.contentContainer { width: 956px; } div#openlightCont { width: 930px; } div.phoneGallery div.bxlistContainer div.bx-controls div.bx-controls-direction { display:none; } div.col-right.grid-3{ display:block!Important; } img.leftImage{ display:none; } div.support-Top { margin-left: 0px; } div.top-content{ height: auto; display: inline-block; padding: 0px 30px; width:100%; } div.leftCol.sliderControl{ background-color:#fff; padding-top:10px; width:963px; } .leftCol.sliderControl.ServiceLanding.BundlesTraing { width: 963px; } #faq ul li:nth-of-type(1) h4{ background-image: url(/Style%20Library/Images/closeFaq.png); } #faq ul li:nth-of-type(1) h4 + p { display:block; } .phoneGallery .UpgradeBxlistContainer1 .bx-viewport { width: 967px !important; margin-left: 0px; background: none !important; } .main_Content{ width: 1024px; } div.upperMidSection ul.tabControl li{ font-size: 17px; width: auto; min-width: 152px; padding: 14px 5px; } .content { width: 100%; } .bottomNav > ul.leftNav > li { width: 17% !important; margin-right: 19px; } div.upperMidSection{ width: 100% !important; overflow: hidden; padding-right: 6px; } div.phoneGallery ul li { margin-right:10px; } ul#UpgradeUlPrdData .owl-item { width: 435px !important; float: left; padding-right: 0px; } div#divPhoneGallery { margin-left: -20px; } ul#UpgradeUlPrdData{ padding:0px 5px!important; } div#divPhoneGallery .bxlist1{ padding: 0px 40px; width: 1085px; } div#divPhoneGallery ul#UpgradeUlPrdData{ width: 1018px; } div.phoneGallery div.bx-controls.bx-has-pager.bx-has-controls-direction{ display:none; } div.upperMidSection ul.tabControl{ max-width: 985px; margin: 10px 20px!important; } footer .footerContainer { width: 974px; height: auto; margin: 50px 25px 0px 25px; float: left; padding-left: 10px; padding-right: 10px; } p.license{ top:0px; } .bottomNav > ul > li > ul{ height: 350px !important; } iframe#twitter-widget-0 { width: 325px !important; } ul.cascadeBlock .twitterHeading { padding: 27px 0 28px 20px; } ul.cascadeBlock li h3, ul.cascadeBlock li h3 a{ font-size: 24px; } .twitter-block{ height:182px!important; } h5 { font-size: 21px; } .columnsContainer{ width: 559px; height:auto; padding:0px; } div#shopsAndServices ul:nth-child(1),div#Lifestyle ul:nth-child(1) { width:199px; } div#shopsAndServices ul:not(:nth-child(1)),div#Lifestyle ul:not(:nth-child(1)){ width: 180px; margin-bottom: 60px; } .column li { line-height: 30px; font-size: 15px; } div#newletter *,div#connectWithUs { width: 370px; } .NewsLetterRegExpr { padding-left: 223px!important; width: 382px!important; background-position: 216px 6px!important; float: left; } .footerDropDownContainer{ width: 368px; } div#connectWithUs a{ float:left; } .column h5{ font-size:21px!important; } div#copyright { padding-bottom:30px; height: auto; } #shopsAndServices { height:auto; } img.slider_desktop { display: block; } img.slider_tablet, img.slider_mobile{ display: none!important; } div.slider img { height: 449px; margin-left: 0px; border-right: 4px solid #fff; } .bx-pager.bx-default-pager{ display: none; } div.centerMidSection div.customDeal h2{ font-size:29px; } .customDeal h3.button { left: 355px !important; } ul.cascadeBlock{ height: 270px; min-width:100vw; } .menuIcon, .mobileFooter{ display:none; } #connectWithUs a { margin-right: 50px; } #connectWithUs a:nth-last-of-type(1) { margin: 0px; } #supportMenu .secondaryMenuList h3 { display: none; } ul#socialMediaLiast { margin-top: 10px; } footer { height:760px; clear:both; } #copyright p { margin-top: 30px; color: #e3e3e3; margin-bottom: 5px; } #newsLetter{ width: 370px; } select#mtnWebsites { -webkit-appearance: listbox; } h1.pageHeading { font-size: 54px; } div.slide { width: 410px!important; } div.rechargeBxContainter div.bx-wrapper { margin-left: 0px!important; } div.col-full div.bx-wrapper { margin-left: 40px; } .col-left-Support{ width: 100% } .col-right.grid-3.col-left-Support.grid-tab{ width:318px; float:left; } .col-right.grid-3 { width: 964px; margin: auto; float: left; clear: both; } /*education*/ div.sideBar, div.sideBarImage { width:464px; float:left; } div.sideBar h3{ height: 65px; padding-top: 25px; } div.sideBarImage { background-image:url('/Style Library/Images/visual464.png'); height:197px; float:left; } div.sideBarImage div.sideBar{ padding:0px; border-bottom: 3px solid #CCC; } div.sideBar ul li { margin:0px; height: 61px; padding-top: 20px; } .bottomContent { /*height: 120px;*/ display:inline-block; } /*end education*/ .closeIcon{ right: 20px; } /* div.bottomContent ul.socialTracking{ position: relative; right: -350px; float: right; top: -105px; }*/ .sideBarImage:nth-of-type(2) { margin-left: 35px; } /*CoverageMap*/ .coverage_mobi{ display:none; } /*End CoverageMap*/ /*content listing*/ div.leftCol.sliderControl .bx-wrapper{ max-width:100%!important; } div.leftCol.sliderControl.plansServControl .bx-wrapper{ max-width:81%!important; } div.leftCol.sliderControl .bx-controls-direction{ display:none; } p.setupClass { margin-top: 67px !important; } .startedContainer ul.yelloList { display: block; } div.leftCol.sliderControl div.content p{ width:90%; } .sliderImageHolder:hover { background: #fce9b2!important; } div.leftCol.sliderControl div.content p.date, div.leftCol.sliderControl div.content p.place{ width:30% } ul.accordionControl div.content p{ float:none; width:90% } .sliderControl .bx-wrapper, .sliderControl .bx-viewport { height: 170px!important; } ul.socialTracking.right { float: left; clear: both; margin: 20px; } div.frontRowContainer div.contentContainer{ position:relative; margin-bottom: 20px; } div.frontRowContainer div.tabImage{ position: absolute; right: 0px; top: -80px; display: block; height: 387px; width: 432px; background: url('/Style Library/Images/interstellarTab.png') no-repeat; } /* div.frontRowContainer { min-height: 1115px; }*/ h1.pageHeading.mtnFrontRow{ padding-left: 60px; background: url('/Style Library/Images/frontRowLogoTab.png') no-repeat 0px 6px; margin-bottom: 15px; } /*******Error Page*******/ .error_placeHolder { height: 249px; background: #f9f9f9; text-align: center; padding-top: 100px; color: #aaa; font-size: 35px; } .error_image { margin-left: auto; padding: 0px; margin-right: auto; display: block; width:900px; } .error_placeHolder::before { content: url('/Style Library/Images/error.png'); margin-left: auto; margin-right: auto; display: block; padding-bottom:10px; } div.containerDiv { width: 97%; padding-top:30px; height: 300px; background-color: #fff; } .main_image { background-image: url('/Style Library/Images/error.jpg'); background-repeat: no-repeat; width: 960px; height: 230px; } .search_error{ width:414px; } a.button.error{ min-width:198px!important; } .bottomCont_error { margin: 90px 0px 0px 0px; } .bottomCont_error{ width:599px; } div.siteSearch { width: 50%; float: left; margin-right: 0px; margin-bottom: 20px; padding-left:20px; } div.needhelp { width: 50%; float: left; margin-left: ; margin-bottom: 20px; } #emailOr{ padding: 12px 22px; margin: 15px 21px 0px 0px; height: 54px; background-image: url('/Style Library/Images/s.jpg'); border:none; float:left; width:415px; font-size:20px; border: 1px solid rgb(218, 207, 207); } .searchimage{ float: right; margin-top: -51px; } .search_error>p { margin-bottom: 0px; } /****** ERROR END*******/ /*******Open Light******/ div.pricing:nth-of-type(odd) { padding-left: 5px; } /*******End Open Light******/ div.phoneTool{ display: block; clear: both; position: absolute; top: 170px; left: 170px; width:180px; } div.phoneTool a:nth-of-type(1), div.phoneTool a:nth-of-type(2){ font-size: 15px; color: #6B6B6B!important; font-family: 'Myriad Pro Bold'; text-decoration: underline; } div.phoneTool a:nth-of-type(1){ padding-right:5px; border-right: 2px solid #6b6b6b; } div.phoneTool a:nth-of-type(2){ margin-left:5px; } div.phoneTool a.seeMore{ clear: both; margin-top: 20px; display: block; color: #609ABF; text-decoration: none; margin-left: 0px; } div.phoneTool + a.seeMore { position: absolute; left: 150px; bottom: 10px; width: 100px; } .bx-wrapper img.hotdog { position: absolute; top: 10px; right: 10px; display: block; } div.recommendedContainer .rightBlock.contractDetail{ margin-top:-45px; } .recommendedContainer { width: 870px; margin-left: 45px; margin-bottom: 30px; display: block; clear:both; height:245px; } .recommendedContainer.DetailRecomendedContainer { width: 430px; float: left; margin-right:20px; } .recommendedContainer h3 { margin:0px; margin-bottom:20px; } .benefits{ display:block; height:280px; clear:both; } .dataBenefits#benefits{ height: 220px; } div.sidebarZoom { float:left; margin-right:20px; width:435px } .rightBlock.contractDetail { float: left; width: 414px; height: 249px; } .rightSidebar_container.rightSidebundleContainer .rightBlock.contractDetail{ margin-top:20px; } .rightColPayAsLand .rightBlock.contractDetail.contactUs { width: 300px; height: 246px; margin-top: 0px !important; margin-top: 0px; } .rightBlock.contractDetail.contactUs{ width: 405px; margin-top: 0px; margin-bottom: 0px; } .rightSideDataContainer .rightBlock.contractDetail.contactUs { width: 300px; margin-top: 20px; height: 245px; } .rightSidebar_container.rechargeRightCol { margin: 0 auto; display: table; } .rightSidebar_container.rechargeRightCol .rightBlock.contractDetail.contactUs { height: 249px; } .rightSidebar_container.rechargeRightCol .rightBlock.contractDetail.contactUs { margin-top: 0px!important; margin-bottom: 20px; height: 249px; } .rightBlock.contractDetail h5 { text-align: left; padding-left: 50px; } .rightBlock.contractDetail h5 + p { text-align: left; margin-left: 30px; } ul.socialTracking.left + .yellowBox.right{ margin-right:30px; } #overview > div.bx-control{ margin-bottom:0px; } #overview > div.bx-control > div{ max-width:590px!important; } ul.contractDetail .bx-controls-direction a.bx-next { right: -40px; } .dataContainer ul { min-width: 155px; } div.firstColumn h2, ul.bx-controller li h2 { width: 315px; } ul.topList_opMedium { color: #ffffff; width:209px; margin-bottom: 20px; } #rates h3.accordionControl { width: 315px!important; } .metaData ul li{ width:200px; } .benefits{ width:870px; } ul.tabControl.contractDetail #benefits{ margin-left:45px; padding:0px; } a.payGterms.terms{ top:60px; } ul.tabControl.contractDetail #benefits.payGBenefits { margin-left: 0px; height: 220px; } ul.contentListingSlider1 li{ width:277px!important; } div#benefits .left { background: #FFFFFF; padding: 20px; margin:10px 0px 20px 0px; width:870px; } .contractBenefits#benefits .left { width: 45%; } .contractBenefits#benefits{ width: 93%; background:#ffffff; } div#benefits .left ul li { width: 100%; } ul.tabControl.contractDetail div.tab{ background:transparent; } .benefits ul li{ width:300px; } ul.contentList{ width:281px; } ul.contentList li{ width:277px; } div.dataContainer + .yellowBox, ul.contentList + .yellowBox { /* background: url('/Style Library/Images/lightExternalLink.png') no-repeat #DEDEDE 72% 20px;*/ } div.static .metaData h3, div.bx-control h3{ font-size:21px; font-family:'Myriad Pro SemiBold', MyriadProSemiBold; } #overview .bx-controller li{ width:266px!important } ul.socialTracking.left{ margin-top:40px; } a.withDeviceShopLink span { font-size: 16px!important; font-family: 'Myriad Pro Bold'; } /*ul.socialMedia li{ background-image: url('/Style Library/Images/hoverIcons.png')!important; }*/ div.shareEmail a.button { position: relative; /*top: 210px;*/ left: 70px; width: 260px; } div.BCPContainer{ margin-left:30px; } div.BCPContainer div.bx-wrapper{ margin-left:0px!important; } div.BCPContainer ul.phoneListing li{ width:410px!important; margin-bottom:0px; margin-right:20px; } div.BCPSideBar div.rightBlock.BCPDetail{ clear:none; width:470px; } div.BCPSideBar div.rightBlock.BCPDetail:nth-of-type(3), div.BCPSideBar div.rightBlock.BCPDetail:nth-of-type(4){ height:425px; } div.BCPSideBar div.rightBlock.BCPDetail:nth-of-type(odd){ margin-right:20px; } div.rightBlock.BCPDetail.help ul li { margin-bottom: 30px; display: inline-block; } div.rightBlock.BCPDetail.status h5{ margin-top:0px; } div.rightBlock.BCPDetail.help ul li:nth-child(odd){ margin-right:70px; } .rightBlock.landingPage.contactUs { padding-top: 0px!important; padding-left: 0px!important; padding-bottom: 15px!important; } div.leftCol.sliderControl.dataBottom .bx-wrapper .bx-viewport{ width: 910px!important; } /************Pay As You Go Page Tablet Landscape @ ************/ .leftCol.sliderControl.landingPage .bx-wrapper .bx-viewport{ height: 180px!important; /*width: 990px!important; please fix on payG page*/ } /* body content headers*/ div.contentContainer.landingPage h4{ line-height:none!important; } /*ul.contentListingSlider li{ width: 207.47px!important; }*/ .paygLandRight { float: right; margin-left: 0px; } .paygLandleft { float: left; margin-left: 0px!important; } .rightBlock.landingPage:nth-of-type(1) .yellowBox { float:left; margin: 0px 10px 23px 20px; } .rightBlock.landingPage:nth-of-type(2) div.yellowBox { margin: 10px 20px 23px 20px; } .rightBlock.landingPage, .rightBlock.landingPage:nth-of-type(2){ width: 30.3%; box-shadow: 3px 3px #F0F0F0; } .rightBlock.landingPage.contactUs:nth-of-type(3) ul { margin-left: 27px; } .contentContainer.landingPage.paygLandingPg{ width:950px; margin-bottom:0px; } div.contentContainer{ width: 964px!important; } #allInOneContainer .landingPage.servicesLandingContainer { padding: 30px 0px 0px 0px!important; width: 890px!important; } .paygLandingCenter { margin-bottom: 20px; } h4.recharge { margin-left: 10px; margin-top: 25px; padding-bottom: 25px; } .rightCol.rightColPayAsLand .rightBlock.contractDetail { float: right; } .rightCol{ margin-top: 0px!important; width: 985px; } h4.subHeading { margin-left: 5px!important; padding-bottom: 20px; } .rightBlock.landingPage:nth-of-type(1) .paygLandingRightBox1 { background: none; padding-bottom: 20px; /* margin-top: 35px; */ text-align: center; font-size: 20px; font-family: 'Myriad Pro SemiBold', MyriadProSemiBold; color: #6B6B6B; } .rightBlock.landingPage.paygLandingCenter { margin: 0px 0px 20px 0px; height:245px; float:left; } /* body content headers*/ div.contentContainer.landingPage h4{ width: 400px; } .rightBlock.landingPage.paygLandingCenter2 { height:245px; margin: 0px 0px 20px 30px; } /*** support Landing tablet landscape ***/ div.shareRica { float: left; position: absolute; margin-top:20px; height: 320px; margin-left: 0px; } div.supportContainer.getStarted h5.control.supportHeading { width: 275px; } div.supportContainer.rightRica a.button.ricaButton { margin-top: 5px; font-weight: bold; font-size: 21px; padding-top: 12px; margin-top:20px; width: 249px; } .supportContainer.ricaReport { width: 300px; margin-top: 0px; height: 317px; float:left; } .supportContainer.ricaLostStolen { border-top: none; padding: 15px 15px 20px; width: 300px; height: 317px; margin-left:20px; float:left; } .supportContainer.mostPopular { margin-left: 0px!important; } .supportContainer.supportMostPopular { margin-left: 13px!important; } .supportContainer.networkCoverage, div.supportContainer.supportAccessD { margin-left: 0px!important; } div.supportContainer.rightRica p { margin-top: 0px; } div.supportContainer.supportMostPopular .bx-wrapper .bx-viewport { max-width: 250px!important; height: 212px!important; } div.supportContainer.rightRica .ricaSearch { width: 249px!important; } div#popupComponent { /*top: 300px!important;*/ left: 0px; height: auto; } div.supportList.emailPop { background: transparent; } div.mostPopular p { margin-top: 20px; } /***** Gallery ****/ ul.galBlock > li { height: 210px; width: 313px; margin-bottom: 15px; margin-right: 15px; position: relative; } ul.galBlock > li.galleryImagePortrait { width: 149px; } .galBlock { width: 990px; height:670px; } ul.socialTracking.galleryShareComponent{ margin-left:32px; } ul.socialTracking.galleryShareComponent li{ width:70px; } div#UpgradeCheck .ricaSearch,div#UpgradeCheck .ricaButton { width: 400px!important; } p.galleryImageLabel{ margin-top:45px; } li.galleryImagePortrait ul.socialTracking.galleryShareComponent { margin-top: 4px!important; } ul.galBlock li div.contentContainer{ margin-left:0px!important; } .loadingScreen{ width:990px; } /**** End Gallery *******/ /*** support Landing - landscape ***/ /*** loyalty141 - landscape ***/ div.loyaltyButtonContainer ul.socialTracking.right { float: right; } /*** end loyalty141 - landscape ***/ /***** Contact Us tablet landscape ******/ div.ContactUsSlider div.bx-wrapper { max-width: 964px!important; } .ContactUsSlider ul.contactListingSlider li div.icon:hover { background-color: #DDD; } a.WebChatButtonStyle { margin-top: 0px; } div.ContactUsLanding div.content { width: 900px; } div#contactUsWebChat p.mainParagraph { width: 900px!important; } .serviceRepairLocation { float: left; width: 464px!important; display: inline-block; margin-right: 0px; /* margin-bottom: 110px; */ /* margin-top: 0px!important; */ } .FiledsDiv { width: 100%; } div#ContactUsContactBlock { width: 464px!important; margin-left: 0px; /*margin-top: 62px;*/ height: 112px; margin-bottom: 30px; } div#ContactUsContactBlock h3 { font-size: 20px !important; } .ContactUsTextArea { width: 800px; } div#ContactUsTwitter { padding: 20px 0px; margin-top: 0px!important; background-color: #fff; width: 464px; margin-left: 0px; margin-right: 30px; } .ContactUsServiceRepair { margin-top: -16px; color: black; margin-left: -96px !important; font-size: 21px; } a#ContactUsRepairsLink { margin-left: 0px; cursor: pointer; } div#ContactUsTwitter iframe#twitter-widget-0 { width: 450px !important; margin-left: 0px; height: 245px !important; } .ContactUsContactNumbers { margin-right: 216px !important; } div#EmailContactUS a { margin-left: 40px !important; } .rightSidebar_container.rightSideDataContainer { margin-left: 0px; width: 632px; clear: both; margin: 0 auto; float: none; } .ContactUsLongMessagerequiredStyle { margin-top: -60px; right: 190px; width: 800px; margin-right: -132px; margin-top: -66px; } ul#ContactNumbersAccordion li div.tabContent span.right, ul#ContactNumbersAccordion li div.tabContent a.right { color: #609abf; } /***** end Contact Us tablet landscape ******/ /*** T's & C's Search landscape ***/ table.detailTerms { border-spacing: 0; max-width: 930px; } /*** end T's & C's Search landscape ****/ /**** ftth tablet landscape *****/ .ftthContainer { width: 960px; } span.FtthTerms + span { position: relative!important; margin-top: 0px!important; display: block!important; } div.ftthContainer a.button:nth-of-type(2) { margin-left: 170px!important; } div#ftthleft span#spryName span.SubmitExpressionStyle { background-position: 102px; } div#ftthleft span#spryRegistersurname span.SubmitExpressionStyle { background-position: 85px; } /**** end ftth landscape ***/ /************End Tablet Landscape************/ } /*****************Desktop******************/ @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi), only screen and (min-width: 1349px){ .TerContainer { padding: 0px 40px; } a.IOS,a.And{ pointer-events:none; } ul.tools li p { width: 240px!important; } .seeAll { margin-top: 20px !important; } tr.notd td:nth-child(1) { display: none; } #owl-datalisting{ padding-left:5px; } ul#UpgradeUlPrdData{ width:1280px; margin-left:10px; } div#divPhoneGallery ul#UpgradeUlPrdData li { width: auto!important; } div#divPhoneGallery ul#UpgradeUlPrdData .owl-prev{ left:-20px!important; } div#divPhoneGallery ul#UpgradeUlPrdData .owl-next{ right:-20px!important; } ul.cascadeBlock li img.mainImage_TP,ul.cascadeBlock li img.mainImage_M{ display:none; } div#homePageSlider .bx-wrapper .bx-pager { display: block; bottom: 40px; } ul.contactListingSlider .owl-item { width: 214px!important; height:165px; } .sliderImageHolder:hover span { color: #373737!important; } .sliderImageHolder:hover { background: #fce9b2!important; } .sliderImageHolder.selected:hover{ background-color:#ffd96b!important; } ul#FaqCategory li.selected:hover .triangle { border-color: #ffd96b rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)!important; } .sliderImageHolder.selected:hover~div,.sliderImageHolder.selected:hover div, .sliderImageHolder.selected:hover .triangle1, { border-color: #ffd96b rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)!important; border-style: solid; border-width: 15px 15px 0 15px; } /*ul#loyaltySecondSlider div:hover .triangle,*/ ul#loyaltySecondSlider li.selected:hover>div, #myProfileSlider.secondary li div:hover+div { border-color: #fce9b2 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)!important; border-style: solid; border-width: 15px 15px 0 15px; } .sliderImageHolder.selected:hover + .triangle { border-color: #ffd96b rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .slider .bx-controls.bx-has-pager.bx-has-controls-direction .bx-pager.bx-default-pager { bottom:30px; display:block; } ul.tabControl.contractDetail #benefits{ margin-top:0px; } ul.convertListingSlider .owl-controls .owl-prev, ul.convertListingSlider .owl-controls .owl-next { top: 42%!important; } div#owl-datalisting .owl-controls .owl-prev, div#owl-datalisting .owl-controls .owl-next { top: 60%!important; } div.bundleBottom .contentListingSlider .owl-controls .owl-prev, div.bundleBottom .contentListingSlider .owl-controls .owl-next { top: 50%!important; } .supportUpgradeContainer.rightCheckUpgradesStatus .RequiredUpgradeCheckError{ margin-top:-24px!important; } .RicaRequiredStyle, .RegularExpRica{ width:248px; } .supportContainer.rightRica{ margin-bottom:20px; } .rightSidebar_contractLanding { margin-left: 20px; } .ms-PartSpacingVertical{ margin-top:0px; } /*foundation*/ .foundationSectionHead{ width:810px; margin-top:0px; } .foundationSectionHead h3{ margin-left:0px; } small.spanSmall{ font-family: 'Myriad Pro', MyriadProRegular !important; font-size: 17px; color: #4b4b4b; display:table-cell; padding-top:10px; } .foundtionLinks{ float:right; padding-top:20px; } .owl-carousel.foundationMain .spanText { font-size: 30px!important; margin: 0 auto!important; top:-20px; position:relative!important; } div#owl-foundationSlider { width: 100vw; height: 650px; } div#owl-foundationSlider .owl-controls { position: relative; top: -40px; } #owl-foundationSlider .owl-item { height:617px } /*end*/ ul.contactListingSlider.owl-carousel { margin-left: 40px; } ul#FaqCategory { width: 858px; margin-left: 40px; padding-top: 0px!important; } ul#FaqCategory .owl-prev,ul#FaqCategory .owl-next { top: 50%!important; } .item.tailor .dataItems { width: 293px; height: 178px; } div#owl-datalisting .item, div#owl-bundlelisting .item { width: 285px; } p.stepTitle,p.stepTitlePayg,p.stepTitleMin-Val{ margin-bottom:45px; } .disabilityContainer{ margin-left:40px; } div.supportContainer div.container ul.reportList li:nth-child(1) a, div.supportContainer div.container ul.supportList a.boldNumber,div.supportContainer div.container ul.reportList a.boldNumber,.RightAccess.rightBlock.contactUs a.boldNumber { pointer-events:none; } div#points h2 { font-size:23px; } .rightSidebar_container.rightSideDataContainer .rightBlock.contractDetail{ margin-top:0px; } .rightSidebar_container.rightSideDataContainer .rightBlock.landingPage.dataRecharge{ margin-bottom:20px; } div#owl-aboutmtn .owl-buttons .owl-prev, div#owl-aboutmtn .owl-next{ top: 40%!important; } #owl-voice,div#owl-paygLanding,#owl-servicesLanding,#owl-sms,#owl-apps,#owl-aboutmtn, #owl-allinonebundles{ width: 860px; margin-left:40px; } .rightSidebar_contractLanding.top-border { height:210px; margin-top:10px; } .bundleBottom .contentListingSlider .owl-wrapper{ height:175px; } div#owl-aboutmtn .owl-wrapper{ height:155px; } div#owl-aboutmtn .triangle{ bottom:-14px; } #owl-light, #owl-daily, #owl-weekly, #owl-hourly, #owl-monthly, #owl-nightly, #owl-fortnight, #owl-6months, #owl-12month { margin-left:0px!important; } #owl-play{ width:1192px; margin-left:20px; } #owl-recharge .owl-item{ width:320px!important; } #owl-recharge{ width:1260px; margin-bottom:20px; } #owl-light, #owl-daily, #owl-weekly, #owl-hourly, #owl-monthly, #owl-nightly, #owl-fortnight, #owl-6months, #owl-12month, #owl-moredata, #owl-moreMinute, #owl-custom, #owl-unlimiteddata, #owl-minutesLight, #owl-minutesRegular, #owl-minutesHigh, #owl-minutesAll, #owl-valueLight, #owl-valueRegular, #owl-valueHigh, #owl-valueAll, #owl-MTNChoiceLight, #owl-MTNChoiceRegular, #owl-MTNChoiceHigh, #owl-MTNChoiceAll, #owl-MTNClassicLight, #owl-MTNClassicRegular, #owl-MTNClassicHigh, #owl-MTNClassicAll,#owl-MTNTopupLight,#owl-MTNTopupRegular,#owl-MTNTopupHigh,#owl-MTNTopupAll,#owl-MTNPayGo { width: 858px; margin-left:20px; } /* #owl-light .item, #owl-daily .item, #owl-weekly .item, #owl-hourly .item, #owl-monthly .item, #owl-nightly .item, #owl-fortnight .item, #owl-6months .item, #owl-12month .item, #owl-apps .item, #owl-aboutmtn .item, #owl-sms .item, #owl-servicesLanding .item, div#owl-paygLanding .item, #owl-voice .item, #owl-moredata .item, #owl-minutesLight .item, #owl-minutesRegular .item, #owl-minutesHigh .item, #owl-minutesAll .item, #owl-valueLight .item, #owl-valueRegular .item, #owl-valueHigh .item, #owl-valueAll .item, #owl-MTNChoiceLight .item, #owl-MTNChoiceRegular .item, #owl-MTNChoiceHigh .item, #owl-MTNChoiceAll .item, #owl-MTNClassicLight .item, #owl-MTNClassicRegular .item, #owl-MTNClassicHigh .item, #owl-MTNClassicAll .item,#owl-MTNTopupLight .item,#owl-MTNTopupRegular .item,#owl-MTNTopupHigh .item,#owl-MTNTopupAll .item,#owl-MTNPayGo .item { width:208px; } #owl-light .owl-item, #owl-daily .owl-item, #owl-weekly .owl-item, #owl-hourly .owl-item, #owl-monthly .owl-item, #owl-nightly .owl-item, #owl-fortnight .owl-item, #owl-6months .owl-item, #owl-12month .owl-item, #owl-apps .owl-item, #owl-aboutmtn .owl-item, #owl-sms .owl-item, #owl-servicesLanding .owl-item, div#owl-paygLanding .owl-item, #owl-voice .owl-item, #owl-moredata .owl-items, #owl-minutesLight .owl-item, #owl-minutesRegular .item, #owl-minutesHigh .owl-item, #owl-minutesAll .owl-item, #owl-valueLight .owl-item, #owl-valueRegular .owl-item, #owl-valueHigh .owl-item, #owl-valueAll .owl-item, #owl-MTNChoiceLight .owl-item, #owl-MTNChoiceLight .owl-item, #owl-MTNChoiceRegular .owl-item, #owl-MTNChoiceHigh .owl-item, #owl-MTNChoiceAll .owl-item, #owl-MTNClassicLight .owl-item, #owl-MTNClassicRegular .owl-item, #owl-MTNClassicHigh .owl-item, #owl-MTNClassicAll .owl-item,#owl-MTNTopupLight .owl-item,#owl-MTNTopupRegular .owl-item,#owl-MTNTopupHigh .owl-item,#owl-MTNTopupAll .owl-item,#owl-MTNPayGo .owl-item { width: 214px !important; float: left; } */ .owl-next { width: 22px !important; height: 22px !important; display: block; background: url('/Style Library/Images/nextDark.png') top left no-repeat !important; position: absolute; top: 45% !important; right: -35px !important; } .owl-prev { width: 22px !important; height: 22px !important; display: block; background: url('/Style Library/Images/prevDark.png') top left no-repeat !important; position: absolute; top: 45% !important; left: -30px !important; } #owl-bundlelisting .owl-next, #owl-bundlelisting .owl-prev { margin-top: 30px !important; } .owl-prev:hover { background-position: bottom left !important; height: 21px !important; } .owl-next:hover { background-position: bottom left !important; height: 21px !important; } .owl-buttons{ display:inline-block; } .topMyMTNComponent.owl-carousel .owl-buttons { display:none; } div.support-Top{ margin-right:20px; } img.img__Tp,img.img__M{ display:none; } img.img__D{ display:inline-block; } .frontRowContainer .tab { height: 600px!important; } .Yellotrader img{ width: 100%; padding-top: 50px; background: #FFBE00; } .contracttype a.boldNumber { pointer-events: none; color: #6b6b6b!important; font-family:'Myriad Pro Bold', MyriadProSemiBold!important; } .contracttype span.boldNumber a{ color: #6B6B6B!important; pointer-events:none; } /*rightSide services tabs*/ ul.rightSidebar{ display:block!important; } .rightSidebar_container.mostPopularRight ul li h5.icon-heart.label{ margin-top:40px; } .rightSidebar_container { margin-bottom: 0px; } .rightSidebar_container:nth-child(4){ margin-bottom:30px; } .rightSidebar_container .label { background:#FFFFFF; } .rightSidebar_container{ border-top: none; } .rightSidebar_container.rightSidebundleContainer{ float:left; } .rightSidebar_container.top-border{ border-top: 7px Solid #ffbe00; background: #fff; } /*END*/ div.centerMidSection div.customDeal{ background-postion-x:0px; } .phoneGallery .bx-viewport { width: 1280px !important; } .dataOptions .dataItems:hover,ul.dealOptions li .dealsItems:hover,.bundleOptions .bundleItems:hover,.rechargeOptions .rechargeItems:hover{ background: #fce9b2!important; } ul.dealOptions li .dealsItems:hover span{ color:#333333; } div.ContactUsSlider ul.contacttListingSlider li div.icon:hover, ul#loyaltySecondSlider.secondary li div:nth-child(1):hover, #myProfileSlider.secondary li div:nth-child(1):hover, div#Slider ul li:hover, ul.contentListingSlider li .sliderImageHolder:hover, ul.convertListingSlider li .sliderImageHolder:hover { background: #fce9b2!important; } /*div.ContactUsSlider ul.contactListingSlider li.selected:hover, */ div.ContactUsSlider div.bx-wrapper div.bx-viewport { width: 863px!important; margin-left: 45px; padding: 30px 0px; } ul#FaqCategory li >div:hover { color: #333333; } div#Slider ul#FaqCategory li.selected:hover { background: #ffd96b!important; } div#Slider ul#FaqCategory li.selected:hover + div.triangle, div#Slider ul#FaqCategory li.selected:hover + div{ border-style: solid; border-width: 15px 15px 0 15px; border-color: #ffd96b rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)!important; } ul.convertListingSlider li.selected div:hover, ul#loyaltySecondSlider.secondary li.selected div:nth-child(1):hover, ul#myProfileSlider.secondary li.selected div:nth-child(1):hover, div#Slider ul li.selected:hover, ul.contentListingSlider1 li .sliderImageHolder.selected:hover, ul.contentListingSlider li .sliderImageHolder.selected:hover, .dataOptions .dataItems.selected:hover, .bundleOptions .bundleItems.selected:hover, .rechargeOptions .rechargeItems.selected:hover, .sliderImageHolder.selected .triangle:hover, { background: #ffd96b!important; } ul#redeemPointsSlider.secondary li.selected div:hover + .triangle, ul#loyaltySecondSlider.secondary li.selected div:hover + .triangle{ border-style: solid; border-width: 15px 15px 0 15px; border-color: #fce9b2 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)!important; } ul#loyaltySecondSlider.secondary li.selected h4 div.usage-icon:hover .triangle, div.usage-icon:hover + .triangle { border-color: #fce9b2 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)!important; } /*ContactUs*/ ul#SocialMediaAccordion1 li, ul#SocialMediaAccordion2 li, ul#ServiceAccordion1 li, ul#ServiceAccordion2 li { width: 437px; } ul.contactListingSlider li { float: left; margin-right: 10px; width:208px!important; } .SubButton:hover, .WebChatButtonStyle:hover { background: #ffd96b; } .ContactUsSlider ul.contactListingSlider li div.icon:hover { background: #ffd96b; } /*end*/ /*Upgrades*/ .rightColPayAsLand{ width:300px; } .supportUpgradeContainer.rightCheckUpgradesStatus { height: auto!important; } .content>p { padding-left: 20px; padding-right:20px; } .paygLandingPg .headingText { padding-left: 0px; } div#CallToAction,div#PromoBanner{ margin-left: 20px; } /*------ Price Plan -----*/ h3.paddingHeading.PriceHeading { width: 860px; } div.pricePlanContent ul{ margin-left:15px; } div#UpgradeCheck .ricaSearch,div#UpgradeCheck .ricaButton,div#UpgradeReminder .ricaSearch, div#UpgradeReminder .ricaButton { width: 400px!important; } .supportUpgradeContainer.rightCheckUpgradesStatus { width: 440px; background-color: white; height: 249px; box-shadow: 2px 2px 10px #d7d7d7; padding: 20px; float: left; margin-right: 20px; } div#benefits h4{ font-size:31px; } /*MTNPLAY*/ .contentContainer.playContentContainer .computer_play,.contentContainer.playContentContainer .phone_play{ float:none; } .computer_play, .phone_play{ float:left; width:620px; margin-left:20px; } ul.MtnPlaySlider li{ width:230px; background:#FFFFFF; } /*END*/ .topUpgradeTC{ display:none!important; } .Upgradescontent .contactLinkGroup { width: 200px; height:60px; margin-top:-15px; } .Upgradescontent #divPhoneGallery .bxlistContainer .bx-wrapper .bx-viewport { width: 99% !important; margin: 0px ; padding: 0px 10px; left: 0px; } #UpgradeContactUs.icon-phone-1 { float: none; padding: 20px 7px 0px 0px; } .PlayLayConatiner{ background: url('/Style%20Library/Images/_play_background_old.png') no-repeat 0px 0px; background-color: #edefe7!important; } .PlayLayConatiner.VUPlayLayConatiner{ background: url('/Style Library/Images/desktop.png') no-repeat 0px 0px; background-color: #ecf1ee!important; } .loyalty141{ background: url('/Style Library/Images/141D.png') no-repeat 0px 0px; background-color: #edefe7!important; } .playContentContainer .faqButton{ position:relative; top:0px; margin-left:20px; } .VuContainer .faqButton{ margin-top:20px; margin-bottom:20px; } .playbutton{ margin-left:0px!important; } .PlayLayConatiner h2.tabHeading,.loyalty141 h2.tabHeading{ font-family: 'Myriad Pro', MyriadProRegular; font-size: 21px; color: #373737; margin-bottom: 20px; font-weight: normal!important; } .PlayLayConatiner ul.socialTracking.social_left,.loyalty141 ul.socialTracking.social_left { margin-top: 10px; margin-left:20px; color:#ffffff } .PlayLayConatiner .additionalContent,.loyalty141 .additionalContent { margin-top: 20px; } .PlayLayConatiner .additionalContent h2,.loyalty141 .additionalContent h2 { margin-bottom: 20px; margin-left: 40px; font-size: 39px; font-weight: normal; color:#373737; } .playContentContainer div.leftCol.sliderControl ,.loyalty141 div.leftCol.sliderControl{ background-color:transparent; } .PlayLayConatiner li.name h1,.loyalty141 li.name h1{ font-size:35px; } .VUPlayLayConatiner li.name h1::before{ content:url('/Style Library/Images/NewVU.png'); margin-top:-20px; float:left; } /*.playContentContainer.overButton { clear: both; position: relative; top: 250px; } .VuContainer .overButton { clear: both; position: relative; top: 230px!important; } .playContentContainer .overButton { clear: both; position: relative; top: 0px; } .VuContainer .howToButton{ clear: both; position: relative; top: 330px!important; } .playContentContainer .howToButton{ clear: both; position: relative; top: 364px; }*/ .playContentContainer div#faq.tab,.loyalty141 div#faq.tab{ padding-bottom:0px; padding-top:30px; } div.frontRowContainer { padding: 145px 40px 0; height: auto; margin-bottom:0px; } h1.pageHeading_white{ font-family: 'Myriad Pro', MyriadProRegular; font-size: 61px; color: #ffffff; margin-bottom:20px; font-weight: normal!important; } .PlayLayConatiner div.tab,.loyalty141 div.tab{ background:transparent; border-top: none; } .PlayLayConatiner a#desktop_button,.loyalty141 a#desktop_button { width: 435px; float: none; } .PlayLayConatiner h3.control.selected,.loyalty141 h3.control.selected { color: #f8a125!important; border-bottom: 2px solid #f8a125; } a.button.playbutton { width: 390px; } a.playLargeLink{ display:none; } .PlayLayConatiner div.tab h3,.loyalty141 div.tab h3{ font-size:14px; } .PlayLayConatiner .right,.loyalty141 .right{ text-align:end; color:#ffffff; } .PlayLayConatiner div.contentContainer ul.tabControl,.loyalty141 div.contentContainer ul.tabControl { top: 0px; } .PlayLayConatiner div.contentContainer,.loyalty141 div.contentContainer { width: auto; } div.frontRowContainer div.contentContainer { background-color:transparent; } .PlayLayConatiner .tab_openmedium,div.tab1,.loyalty141 .tab_openmedium{ background-color: rgba(255,255,255,0.8); border-top: 2px solid #FFBE00; margin-top: 100px; } .additionalContent.playBottomSlider .bx-viewport { background: transparent; } .VUPlayLayConatiner .tab_openmedium,div.tab1{ border-bottom:none!important; } .PlayLayConatiner .tab_openmedium,.loyalty141 .tab_openmedium{ clear:both; } .PlayLayConatiner #howTo h2,.loyalty141 #howTo h2{ font-size:25px; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; line-height: 36px; color: #6B6B6B; margin-bottom: 15px; } .PlayLayConatiner div#faq.tab h4,.loyalty141 div#faq.tab h4 { font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; color: #f8a124; background-position:1234px; } .PlayLayConatiner .topList,.loyalty141 .topList{ font-weight:normal; width:677px; } .playContentContainer ul.tabControl li h3.control { float: left; margin-right: 40px; font-size: 20px; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; color: #6b6b6b; padding-bottom: 9px; cursor: pointer; position: absolute; font-weight: normal!important; margin-left: 20px; } div.playFaqs.tab h4{ padding-left:20px!important; } .startedContainer p { padding-left: 20px; } /*Details*/ .servicesContainer ul.accordionControl.smallaccordion li h3.control { background-position: 435px; } span.contractTitle { width:auto; display: inline-block; font-size:19px; } .rightSidebar_container.rechargeRightCol{ width:300px; } .ServiceLanding .bx-viewport { height: 180px!important; } .AppContainer .mainParagraph{ overflow:visible; } .appsSlider .bx-viewport { height: 190px!important; } div#faq.tab { padding:2px; height: auto; border-bottom:0px; position:relative; } div.tab{ display:none; padding:20px; background-color:#fff; border-bottom: 3px solid #FFBE00; } .recommendedContainer { margin-top: 10px; margin-bottom:0px; } .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > li.active > a, .pagination ul > li.active > span { color: #f8a124!important; -webkit-tap-highlight-color: rgba(0,0,0,0); text-decoration: none!important; } div#genericContacts { margin-bottom: 20px; } #genericContacts .contactUs{ margin-top:0px; } .bp-docs-example,.pagination,.pagination ul { margin: 0 auto; display: table; width:auto; margin-top:10px; } div#genericContacts .placeHolder{ margin-top: 20px; } /*END*/ .coverage { height: 625px; margin-bottom: 80px; } /*Bundles Data Plan*/ .subContract h3.subContentHeading { width: 250px; display:inline-block; } .bundleLandingContainer .rightSidebar_contractLanding{ margin-left:20px; height:auto!important; } .rightSidebar_container.rightSidebundleContainer .rightBlock.contractDetail{ float:left; margin-top:0px; } .rightSidebundleContainer .placeHolder{ margin-left:30px; } .rightSidebar_container.rightSidebundleContainer .contactUs{ margin-left:26px; } .bundleBottom.landingPage .left, .bundleBottom.landingPage .right{ float:left; min-width:419px; margin-bottom:20px; } .bundleBottom a.withDeviceShopLinkViewMoreDetails{ right:0px; top:36px; } .bundleBottom.landingPage div.right ul{ margin-bottom:20px; } div#divDataCategoryType{ width:965px; } div.bundleBottom .bx-wrapper { width: 916px; margin-bottom:0px!important; } .BundleContent{ width:1300px; float:left; } .rightSidebar_container.rightSidebundleContainer .placeHolder{ background-size: 300px 250px; background-image: url('/Style Library/Images/PromoBanners/MyMTN_App.jpg'); text-indent: -9999px; white-space: nowrap; display:block!important; margin-bottom:20px; } .leftCol.sliderControl.landingPage.bundleBottom{ padding-left: 30px; padding-top:0px; float:left; } .bundleLandingContainer .bx-controls.bx-has-pager.bx-has-controls-direction { position: relative; bottom: 66px; display: block; width: 100%; height: 0px; } h3.sliderHeader.discontinued { line-height: 16px!important; font-size: 18px!important; } .contentContainer.bundleBottom { margin-top: 0px!important; padding-bottom:0px!important; margin-left: -30px; min-width:950px; float:left; } .bundleRecharge.landingPage:nth-of-type(1) { margin-bottom: 0px; } .rightSideDataContainer .contactUSBlock{ margin-top:20px; } .bundleOptions li { width: 306px!important; float: left; margin: 0 10px; } span.bundleCaption { font-size: 17px; position: relative; display: block; } .contractName span:nth-child(1) { margin-top: 10px!important; } div.PayGContainer .LightContentContainer a.withDeviceShopLinkViewMoreDetails { right:0px!important; } .tabs_dataPlan div.leftCol.sliderControl div.bx-wrapper{ max-width:857px!important; margin-left:20px!important; float:none!important; } div.PayGContainer .LightContentContainer { background: #FFFFFF; height: 310px; width: 482px; } div.PayGContainer .LightContentContainer:nth-child(2) { margin-right: 20px; } .contentListingSlider h3.sliderHeader{ font-size:20px; height:35px; } div.bundleBottom ul.contentListingSlider li { width: 214.45px!important; } /*Bundle end*/ /*Data Plan*/ .leftCol.sliderControl.landingPage.dataBottom{ /*padding-left:20px;*/ padding-top:0px; } .dataLandingContainer .bx-controls.bx-has-pager.bx-has-controls-direction { position: relative; bottom: 66px; display: block; width: 100%; height: 0px; } h3.sliderHeader.discontinued { line-height: 16px!important; font-size: 18px!important; } .contentContainer.dataBottom { margin-top: 0px!important; padding-bottom:0px!important; background:transparent; } .dataRecharge.landingPage:nth-of-type(1) { margin-bottom: 0px; } .rightSideDataContainer .contactUSBlock{ margin-top:20px; } .dataOptions li { width: 296px!important; float: left; margin: 0 12px 0px 0px; } span.dataCaption { font-size: 17px; position: relative; display: block; padding-left: 20px; padding-right: 20px; } .contractName span:nth-child(1) { margin-top: 10px!important; } .tabs_dataPlan div.leftCol.sliderControl div.bx-wrapper{ max-width:857px!important; margin-left:20px!important; float:none!important; } div.PayGContainer .LightContentContainer { background: #FFFFFF; height: 310px; width: 482px; } div.PayGContainer .LightContentContainer:nth-child(2) { margin-right: 20px; } .contentListingSlider h3.sliderHeader{ font-size:20px; } div.dataBottom ul.contentListingSlider li { width: 208px!important; } /*end*/ .phone_play { width: 600px!important; margin-top: -6px; } /*Recharge*/ .rechargeBxContainter .bx-wrapper { margin: 0; max-width: 1300px!important; } .seeAll{ width:100%; } .innerContent:nth-child(2) { width: 400px; float: right; } .innerContent.USSDContent { width: 600px!important; } .cardContent p { font-size: 30px!important; } .terms.airtimeLink { margin: 75px 0px 0px 100px; } .rechargemiddleContent { width: 1260px; } .innerContent h3 { font-size: 51px; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; } /*END*/ .utilities { position: absolute; top: 108px; right: 23px; } .tab.tab_sitemap{ min-height:666px; width: 100%; } .siteMapContainer { padding: 0px 40px 40px 40px; } /*Sim-only***/ div.dealOptions .dealsItems { width: 303px; } .simFaqs { width: 950px; } div.dealOptions { width: 303px!important; margin-right: 20px; } div.dealOptions { height: 326px; width: 970px; margin-right:-10px; } div.dealContainer { width: 960px; float: left; } .rightDevice.deviceSection p { margin-top: 8px; } .secondContainer.mobileDivAccord .divAccordionControl{ margin-bottom:0px; } h5.divAccordionControl{ margin-bottom:40px; } div#owl-deals .owl-item { width: 329px!important; } .bannerPrm.simOnly_banner{ margin-top:65px; } .payGo{ margin-top:93px; width:300px; margin-left:20px; } /**END**/ /***Accessible**/ .accessibleContainer h3{ font-size: 25px; color: #373737; font-family: 'Myriad Pro Light', MyriadProLight; padding: 5px 0px 5px 0px; margin-bottom: 20px; font-weight: normal; } .accessibleContainer { margin-bottom: 30px; } .RightAcces.contactUs { padding-top: 20px; } .RightAccess { background-color: #FFF; clear: both; margin-bottom: 10px; display: inline-block; margin-left:30px; width:480px; height:220px; } .RightAccess.contactUs:nth-of-type(3) ul { width: 40%; float: left; margin-left: 30px; } .RightAccess.contactUs:nth-of-type(3) ul li { margin-bottom: 20px; } .RightAccess.contactUs:nth-of-type(3) ul li a { font-size: 17px; color: #609ABF; } .icon-phone-1 { float: left; font-size: 30px; padding: 0px 7px 19px 0px; color: #FFBE00; } .contactUSBlock .icon-phone-1{ padding: 5px 3px 0px 30px; } .middleAccess{ background: url('/Style%20Library/Images/AccessibleBg.png') 40px; display: block; background-repeat: no-repeat; height: 220px; padding-top: 15px; text-align: center; background-color: #ffffff; width:768px; float:left; } .middleAccess h2{ font-size:25px; padding-top:20px; } /***END***/ div.col-left.grid-10{ margin-left:45px; } div.BCPSideBar { margin-top: 78px; } ul.phoneListing + div.showMoreControl { display:block; } ul.justTabs { height: 711px; } .contractLandingContainer .rightSidebar_container{ display: none; } .tab_openmedium div.tab h3, .tab_openmedium div.tab h4{ color: ##F8A124 !important; } .tab.tabBackgound { background-color: #ffffff!important; } /*Search*/ .srch-AutoCompContainer { top: 223px; width: 618px; background:#ededed; clear:left; } srch-AutoCompList{ width:618px!important; } .srch-Metadata1 { max-width: none; } td.ms-sbcell.ms-sbtext >span { position: relative; top: -17px; margin-right:20px; display:inline!important; } .clearText { display: block; width: 16px; height: 20px; position: relative; z-index: 2; background: url('/Style Library/Images/clear.png')0px 4px no-repeat; left: 510px; top: 15px; cursor:pointer; } .shopSearch { background: url('/Style Library/Images/mobile_share.png'); display: block; background-repeat: no-repeat; height: 220px; padding-top: 15px; text-align: center; background-color: #ffffff; margin-bottom:30px; } td.ms-sbcell.ms-sbtext{ font-family: MyriadProRegular; font-size: 41px; } .ms-sbplain{ background: url('/Style Library/Images/searchNew.png'); width:563px!important; padding-left:10px; height:54px; float: left; font-size: 21px; border: 1px solid rgb(234, 234, 234); font-family: MyriadProRegular!important; padding-right:30px; border-right:1px solid #b6babf !important; } input.s4-searchbox-QueryPrompt{ font-style:normal; width:564px!important; } .srch-gosearchimg { height: 54px; } .srch-Page.srch-Page-bg{ padding-left:340px; background:#ffffff; margin-top:-14px; padding:0; height:50px; padding-left:320px; } .srch-Description2 { max-width: none; clear:both; font-size:17px; font-family:'Myriad Pro Regular',MyriadProRegular; color:#6b6b6b; } .srch-Title3 a:hover{ color:#ffbe00!important; } .srch-Title2 a:link, .srch-Title2 a:visited, .srch-Title2 a:hover{ text-decoration:none!important; } .srch-URL2 { color: #609abf!important; } .srch-results{ max-width: 950px!important; } .srch-stats{ max-width: 950px!important; } /*End*/ div.hideTool { display:none!important; } .col-full.header { padding-left: 45px; margin-top: 140px; margin-bottom:15px; } #faq ul li:nth-of-type(1) h4{ background-image: url(/Style%20Library/Images/closeFaq.png); } #faq ul li:nth-of-type(1) h4 + p { display:block; } #connectWithUs a { margin-right: 50px; } #connectWithUs a:nth-last-of-type(1) { margin-right: 0px; } .menuIcon, .mobileFooter{ display:none; } div.hideTool img { margin-top: 20px; margin-left: 25px; } div.topSection .bx-wrapper .bx-viewport, div#homePageSlider.topSection .owl-wrapper-outer .owl-wrapper, div#homePageSlider { height:614px!important; width: 100vw; } div#homePageSlider .owl-wrapper-outer { width: 100%; overflow: hidden; position: relative; height: 614px; } div.sideBarImage{ background-image: url('/Style Library/Images/Visual300.png'); display: block; height: 250px; margin-top:20px; } div.sideBarImage:nth-of-type(1){ margin-top:0px; } div.contentDetail.sideBarImage{ background-image: url('/Style Library/Images/Visual300.png'); display: block; height: 250px; margin-top:20px; } div.rightContent.sideBarImage:nth-of-type(2){ margin-top:20px; } .coverage_mobi{ display:none; } .sliderPayg.bx-wrapper, .sliderPayg .bx-viewport{ height:170px!important; width: 830px; } div.sliderControl.dataBottom .bx-wrapper .bx-controls-direction a:nth-of-type(1),div.sliderControl.dataBottom .bx-wrapper .bx-controls-direction a:nth-of-type(2){ top: 75px; } div.sliderControl .bx-wrapper .bx-controls-direction a:nth-of-type(1) { background: url('../../SiteCollectionDocuments/Resources/images/prev.png') no-repeat 4px 5px; top: 85px; left: -35px; z-index:99; } div.sliderControl .bx-wrapper .bx-controls-direction a:nth-of-type(2) { background: url('../../SiteCollectionDocuments/Resources/images/next.png') no-repeat 4px 5px; top: 85px; right: -35px; z-index:99; } .leftCol.sliderControl.appsSlider .bx-wrapper .bx-controls-direction a:nth-of-type(2),.leftCol.sliderControl.appsSlider .bx-wrapper .bx-controls-direction a:nth-of-type(1),div.ServiceLanding .bx-wrapper .bx-controls-direction a:nth-of-type(1),div.ServiceLanding .bx-wrapper .bx-controls-direction a:nth-of-type(2) { top: 110px; } ul.convertListingSlider.owl-carousel,ul.convertListingSlider.owl-carousel .owl-wrapper-outer{ margin-left:5px; } div.leftCol.sliderControl.convertBottom{ width:850px; } div.leftCol.sliderControl{ background-color:#fff; } div.leftCol.sliderControl a.button { /*margin-top: 30px; */ margin-left: 0px; } /*End Content listing*/ div#interstellar{ background: url('/Style Library/Images/interstellarDesktop.png') no-repeat 1030px 1px; } h1.pageHeading.mtnFrontRow{ padding-left: 75px; background: url('/Style Library/Images/frontRowLogoDesktop.png') no-repeat 0px 0px; margin-bottom: 15px; } div.phoneTool{ display: none; } div.phoneTool + a.seeMore { position: absolute; left: 150px; bottom: 30px; width: 100px; } div.contentContainer.landingPage .left, div.contentContainer.landingPage .right{ float:left; width:405px; } div.yellowBox.right { margin-right: 42px; text-align: center; } /*open Medium*/ h3.mediumFirstHeading { font-size: 31px; font-weight: normal; color: #373737; } h3.mediumHeading{ font-size: 22px; color: #373737; font-family: 'Myriad Pro Light', MyriadProLight; padding: 5px 0px 5px 0px; margin-bottom: 10px; font-weight: normal; line-height: 1.5; width: 758px;} .share::before{ content: url('/Style Library/Images/share_black.png'); } .like::before{ content: url('/Style Library/Images/like_black.png'); } .comment::before{ content: url('/Style Library/Images/comment_black.png'); } div.tab p.widePricing_opMedium { background-color:transparent; } div.tab p.widePricing_opMedium { width: 100%; color: #ffffff; font-size: 21px; font-weight: bold; display: block; height: 40px; padding-top: 10px; margin: 0px; margin-bottom: 20px; font-family: Myriad Pro SemiBold,'MyriadProSemiBold'; text-align:left; padding-left:20px; margin-left:4px; } div.play_opMedium,div.pricing_opMedium { float: left; width: 614px; margin-bottom:30px; } .tab.openTab { border-bottom: none!important; } div.play_opMedium,div.pricing_opMedium h4 { text-align: left; color: #ffbe00!important; } span.title + ul li, p.widePricing_opMedium + ul li { font-family: 'Myriad Pro Regular',MyriadProRegular; font-size: 16px; line-height: 21px; color: #cccccc; margin-bottom: 15px; vertical-align: -10px; margin: 0px; background: url('/Style Library/Images/yellowDot.png') no-repeat 20px 10px; padding-left: 40px; } .bold{ color:#6b6b6b; font-family:'Myriad Pro Bold', MyriadProSemiBold!important; } .boldgray{ color:#989898; font-family:'Myriad Pro Bold', MyriadProSemiBold!important; } ul.topList_opMedium { margin-bottom: 20px; width: 690px; font-weight:normal; font-family:'Myriad Pro Regular', MyriadProRegular; } ul.topList_opMedium li { font-size: 19px; margin-left:0px; line-height: 29px; color: #373737; } #overview > div.bx-control > div.bx-wrapper{ max-width:580px!important; } /*End*/ /*Contract Detail*/ ul.tabControl.contractDetail div#overview.tab{ padding-top: 30px; background: transparent; } p.toolTipText + ul.socialTracking.left { margin-top: 39px!important; } } @media (min-width: 1023px) and (max-width:1300px) { .PressListContainer { width: 98%; } .listingEntryContainer { width: 100%; } } @media (min-width:600px)and (max-width:991px) { .listingEntryContainer { width: 97%; } .filterContainer{ float:left; width:100%; } select#selYear { margin-right: 20px; float: left; } } @media (min-width: 1300px) { select#selYear { margin-right: 30px; } section.PressMediaComponent { margin: 0px 40px; } .filterContainer { float:left; width:100%; } .listingEntryContainer { width: 48%; } } @media (min-width: 992px){ select#selYear { margin-right: 20px; float: left; } .listingEntryContainer { float: left; } .filterContainer { float:left; width:100% } } @media (max-width: 640px){ .PressDetailContainer h3 p{ font-size:18px; } h4.PressTitle { font-size: 25px; } .PressDetailContainer { padding: 10px; } .listingEntryContainer .listingDetails h3 { margin: 15px; } .filterContainer { float:left; } .styledSelect { background: url('/Style Library/styles/images/selectBgMobile.png') top right no-repeat; width: 100%; border-left: 1px solid #e6e6e6; } p.summary { display: none; } .listingEntryContainer .listingThumbnail { width: 110px; height: 110px; } .listingEntryContainer .listingDetails { float: left; width: 55%; } .listingEntryContainer{ width:94%; } } .MTNVideo { height: 400px; } /***End Desktop*/