body { overflow-x: hidden; }

/* iPads (portrait and landscape) ----------- */
@media only screen and (max-width : 1024px){	
.menubar .mid .nav li.myac .subMenu, .menubar .mid .nav li.myac .subMenu, .menubar .mid .nav li .fourColumns{width:100%;}
.menubar .mid .nav li .fourColumns .subMenuCol{ width: 217px;}
.subMenuCol .menuHead{ font-size:1.6em;}
.subMenuCol{ width:289px;}
.quickBox{float: left;position: absolute;right: 0;top: 0;z-index: 1;}
.quickBox .arrow{background:url(../images/floating_panel_arrow.png) no-repeat; background-position:-2px 0;cursor:pointer;height:46px;right:2px;position:fixed;top:304px;width:27px;}
.quickBox .arrow.activeToggle{ background-position:-51px 0;}
.fixmenu{ right:-58px;}	
	
	}
	
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

.changepsw .row label.head { width: 20% }
.changepsw .row .checkboxBtn { margin-left: 20% }
.payback .rows .cols .divBox { width: 100%; padding: 5px; }
.RHSsection.standardWide { width: 100%; }
.boxStackBucket {/*overflow:hidden; margin-bottom:20px;*/ }
.boxStack li .details { font-size: 2.2em; }
.radioBtn { font-size: 1.2em; }
.missionVisionList .row.fr .imgContainer, .missionVisionList .row.fl .imgContainer { width: 160px; }
.saveYourselfWrap .onlineBox a { font-size: 1.3em; }
/*Careers Start*/
.quotesBox .thum img { width: 100% }
.quotesBox .info { width: 65% }
/*Careers End*/
.voiceUsageWrapper .column_1_2 { width: 254px; }
.paymentMethodWrap li.sel h3 { background-position: -63px 0; }
.subscriptionSearchWrap.pressSearch input{width:362px}

/*.topNav .abs{ right:42px;}*/
.newsData .imgRight{width:38%}

.contRow{padding:28px 0 20px}

.partners  .contRow.odd .rowInfo{padding: 15px 18px 15px 68px}
.partners  .contRow.even .rowInfo{padding: 15px 68px 15px 18px ;}
.partners  .contRow .rowInfo h4{font-size:2.2em;}
.contRow .rowInfo p{font-size:1.2em}
.contRow .rowInfo p.rowInfoHead{font-size:1.6em; margin:0 0 14px 0}
.contRow.odd .rowInfo {margin: 0 0 0 13%; padding: 25px 40px 25px 64px;}
.contRow .rowInfo h4{font-size:2.5em; }
.contRow.even .rowInfo {margin: 0  13% 0 0; padding: 25px 64px 25px 40px;}
/*.rowFrm .OTPtooltip{right:-112px}*/
.offersBoxes .amountBox {width: 143px !important;}
.offersBoxes .itemCont {margin: 0 0 0 10px; width: 156px !important;}
.offersBoxes .amountBox p.bottom{font-size:2em}
.leftSpace{padding:0}
.itemCont{margin:0 28px}
.midBoxWrap .midBox{width:50%; box-sizing:border-box}

.prepaidStepsWrap .leftSteps { display:none;}
.prepaidStepsWrap .rightSteps {float:left; width:100%;}
ul.sampleLinks li {width:47%; padding:3% 3% 3% 0;}

.roaming-calc .commonTabContent { padding:20px 10px;}
.roaming-calc .bucket-calc .slider-wrapper {padding:15px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)  {
.topNav { float: right; width: 90%; }
/*.topNav .menubar { float: right; width: 95%; }*/
/*.topNav .abs { right: 105px }
.searchAbs { right: 33px; }*/
/*.topbar, .menubar { width: 95%; float: right }*/
.breadcrums { margin: 0 0 0 4%; }
.radioBtn { font-size: 1.2em; }
/*.topNav .abs{ right:84px;}*/
.topNav .abs{right: 106px;}
.topNav .menubar{ width:91.5%;}
.searchAbs{right: 78px;}

.partners  .contRow.odd .rowInfo{padding: 15px 18px 15px 68px}
.partners  .contRow.even .rowInfo{padding: 15px 68px 15px 18px ;}
.partners  .contRow .rowInfo h4{font-size:2.2em;}

.contRow.odd .rowInfo {margin: 0 0 0 13%; padding: 25px 40px 25px 64px;}
.contRow.even .rowInfo {margin: 0  13% 0 0; padding: 25px 64px 25px 40px;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.vdLogo { display: block; top: -15px; width: 75px !important; }
.lhsSection { width: 220px; }
.RHSsection { /*margin: 0 0 0 30px; width: 482px;*/ }
/*******************About Us***************************************/
.locationWrap input { width: 285px; }
/*******************End of About Us***************************************/
/*.topNav{ width:92%; float:right;}
.topNav .menubar{left:0; width:95%;}
.mainMenu{ margin-left:0px;}*/
.saveYourselfWrap .saveTrip { width: 36%; }
.saveYourselfWrap .onlineWrap { width: 64%; }

.partners  .contRow.odd .rowInfo{padding: 15px 18px 15px 90px}
.partners  .contRow.even .rowInfo{padding: 15px 90px 15px 18px ;}

.contRow .rowImg{width:24%; height:auto; }
.contRow .rowInfo, .partners .contRow .rowInfo{width:87%; box-sizing:border-box;}
.contRow.odd .rowInfo {margin: 0 0 0 13%; padding: 25px 40px 25px 100px;}
.contRow .rowInfo h4{font-size:2.5em; }
.contRow.even .rowInfo {margin: 0  13% 0 0; padding: 25px 100px 25px 40px;}

.filterRight {width:65%;}
.offerBoxWrap .offerTop .rightArrow {margin:1.5% 0;}
.offerBoxWrap .offerTop p.head {padding-top:4%;}

}

@media only screen and (max-width : 992px) {
.footer, .container, .footer ul.col1, .footer ul.col2, .footer ul.col3, .footer ul.col4, .footer ul.smo, .RHSsection, .lhsSection .menulist li, .lhsSection, .RHSsection, .searchBoxDevice { width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.distribution .imgContent img {/* width: 100%;*/ }
.prepaid.offersBoxes .amountLayerWrap a{ left:9%;}
.container { padding: 0 5px }
.lhsSection { width: 30% }
.RHSsection { /*margin: 0 0 0 15px;*/ width: 65%; }
.quickBox { display: block }
.btns { margin: 0 0 0 15px }
.contctBox .box, .contctBox .box.lef { width: 100%; border: none; }
.actServicesBox .sliderBox { width: 100%; }
.contctBox .box.lef { padding: 0; }
.footer ul { margin: 0 0 5px 0; }
.footer { padding: 25px 0 50px 0; }
.footer ul.smo a { text-indent: -9999px; }
.footer ul.smo ul ul { padding: 0 15px }
.footer ul.smo ul ul li { float: left; margin: 0 15px 0 0; width: 28px; }
.footer ul.col1, .footer ul.col2, .footer ul.col3, .footer ul.col4, .footer ul.smo { width: 25%; }
.loginBox { right: 10px; }
.oldBillsWrap .btmLineBox .divBox { width: 100%; }
.cols { padding: 0 15px 15px 15px; margin: 0; width: 50%; border: 0; }
.rowBox .lef { width: 30%; }
.rowBox .rig { width: 70%; }
.summaryBox li, .summaryBox li:first-child { width: 46%; margin: 2%; }
.tableWarp { overflow-x: auto; }
/*******************About Us***************************************/

.awardsList li { width: 100%; padding: 10px 0 10px 0; }
.awardsList li:first-child { border-bottom: 1px solid #ccc; }
.bottomWidgetList li { width: 47%; margin-bottom: 10px; }
.bottomWidgetList li:last-child { margin: 0px; }
.bottomWidgetList a.purpleBtn { bottom: -25px; }
img.grayscale { width: 100%; }
.managementRow li .imageContainer { width: 156px; height: 114px; }
.managementRow li { width: 154px; margin-left: 15px; }
.popUp { width: 442px; }
/*******************End of About Us***************************************/
.uknowBox .semihead, .actServicesBox .semihead, .recdOffersBox .semihead { font-size: 1.5em }
/*TVADS*/
.pajinate { padding: 15px 0; }
.vidList li { padding: 0 5px 5px 5px; }

.tvads .tvadsSerach .col.serachBox .inputFieldBox{ width:auto}
.tvads .tvadsSerach .col.serachBox input { width: 135px; }
.tvads .tvadsSerach .col.selectBox .divBox { float: none; clear: both; }
.tvads .tvadsSerach .col.selectBox .divBox, .tvads .tvadsSerach .col.selectBox .divBox.and { width: 70%; }
.col.selectBox .divBox.and .andText { padding: 0; }
.tvads .tvadsSerach .col.selectBox .divBox.and { padding: 10px 0px 0px; }
.carouselBucket { width: auto; }
.carouselBucket .owl-prev, .carouselBucket .owl-next, .roamingTips .carouselBucket .owl-prev { margin: auto; height: 14px; }
.carouselBucket .owl-prev { background: url(/_layouts/images/consumer/prev-mob-carousel.png) no-repeat; float: left; width: 14px; }
.carouselBucket .owl-next { background: url(/_layouts/images/consumer/next-mob-carousel.png) no-repeat; float: right; width: 14px; }
.monthWrapper .carouselBucket .owl-prev, .carouselBucket .owl-next, .roamingTips .carouselBucket .owl-prev { margin: auto; height: 14px; }
.monthWrapper .carouselBucket .owl-prev { background: url(/_layouts/images/consumer/prev-mob-carousel.png) no-repeat; float: left; width: 14px; }
.monthWrapper .carouselBucket .owl-next { background: url(/_layouts/images/consumer/next-mob-carousel.png) no-repeat; float: right; width: 14px; margin: 0px }
.owl-controls { width: 40px; height: 14px; overflow: hidden; float: none; position: relative; margin: 25px auto; }
.carouselBucket .carouselItem:first-child, .carouselBucket .carouselItem { margin: 0 auto; float: none }
/*Careers Start*/
.lifeVf .speaks .box.HRSpeaks li img { width: 100% }
.carouselBox { width: auto; height: auto }
.careerOwl .owl-next, .careerOwl .owl-prev { margin: auto; }
.empquotes .owl-controls { float: right; margin: 0; position: absolute; top: 185px; width: 100%; z-index: 999; }
.tabBox .inputFieldBox input, .tabBox .inputFieldBox textarea { width: 200px; }
.tabBox .col3 .inputFieldBox input { width: 120px; }
.formtabs .radioBtn label { width: 160px; }
/*Careers End*/
.topNav .abs { right:50px }
.searchAbs { right:0px; }
.topNav .menubar { float: right; width: 99%; }
.topNav { float: right; width: 90%; }
.topbar, .menubar { width: 90%; float: right }/*remove*/
/*.topNav .menubar{ width: 98%; float: right }*/
.breadcrums { margin: 0 0 0 9% }
.loginWrp .box { padding: 0 10px }
.paymentMethodWrap li h3 { font-size: 2em; }
.paymentMethodWrap li.sel h3 { background-position: -60px 0; }
.loginWrp .checkboxBtn { width: 60%; }
.uknowBox #uknowcroll { overflow-x: scroll; }
.graphBox li { width: 32%; margin: 0 3px; padding: 0; }
/*Careers Form Start*/
.careerForm .tabBox { padding: 15px 8px }
.careerForm .tabBox .row { padding: 15px 0 }
/*Careers Form End*/

/*******common Tabs********/
ul.commonTabs li > a { width: 158px; }
ul.roaming-calc  li > a { width: 200px; }
.commonTabContent .lhs img { width: 100%; }
.commonTabContent .lhs { width: 100px; }
.commonTabContent .rhs { width: 330px; }
.commonTabContent .rhs p { font-size: 1.2em; }

/*******End of common Tabs********/

/*******************************Account Activity*******************************/
ul.monthsSelect li { width: 41px; font-size: 1.2em; }
ul.monthsSelect li span { background-size: 7px auto; right: 0 }
.sep .calender, .oct .calender, .nov .calender, .dec .calender { left: inherit; right: 0; }
/*******************************End of Account Activity*******************************/
.subMenuCol { width:33.3%; }
.menubar .mid .nav li .fourColumns .subMenuCol{ width:25%;}
.menubar .mid .nav li .fourColumns .subMenuCol .menuHead{ height:70px;}
.loginSection header, .loginSection .breadcrums, .loginSection footer, .loginSection .quickBox, .loginSection h1, .loginSectionQuickBox {display:none;}
.RHSsection.standardWide { width: 714px; }
.subMenu, .menubar .mid .nav li.myac .subMenu,.menubar .mid .nav li .fourColumns{ width:100%;}

.subscriptionCheckWrap, .subscriptionDateWrap { width: 100%; }


.DNDofferWrap .DNDvoucherPlan .planTitle {font-size: 1.5em;}
.DNDsectorWrap li {min-height:122px;}
 .owl-pageslides .owl-controls{  width:auto;bottom:25px;}
 .faqConnect .box p{ min-height:200px}
 /*Vodafone Cares Start*/
.vfCares { padding: 15px 0 }
.vfCares .titleBox h2 { font-size: 2em; margin: 30px 0 }
.tblWrap { top: -20px; left: 12% }
.tblarea .vline { width: 14% }
.tblarea .dataBox { left: 14%; padding: 10px; width: 350px }
.tblarea .dataBox .data { padding: 0 0 0 10px }
.tblarea.lst .dataBox { left: 16% }
/*Vodafone Cares End*/
.otpForm, .otpForm.otpFormLg{width:100%; box-sizing:border-box}

.familyServices .cols-70{ width:50%;}
.familyServices .cols-15{ width:25%;}
.office:first-child{ border:0px;}
.office{ width:100%; clear:both; padding:0px; margin-bottom:20px;}
.vodafone-circle-sel span.icon{top:-52px;}
/*.appBtns{ float:left; padding:10px 0 0 0;}*/
.appBtns{clear:both;display:block;float:none;margin:0 auto;padding:12px 0 0;}

.bottomWidgetWrap li h3{ font-size:1.3em;}
.bottomWidgetWrap p{ font-size:1.2em;}
.bottomWidgetWrap li{ height:300px;}
.freqAskquesContainer .questionHead{ width:100%;box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.ansContent{ width:100%; position:relative;}
.freqAskquesContainer{ height:auto;}
.freqAskquesContainer .questionHead.active span{ display:none;}

.serviceReqContainer .rows .cols{padding: 0 20px 0 0;width: 50%;}
.yearContent{ width:420px;}
.imageContainer img{ width:100%;}

.tabsData ul li, .tabsData ul li:first-child{width:24.8%}
.tabsData ul li:first-child .tabCont, .tabsData ul li .tabCont{font-size:1.8em}
.postPaid .tabsData ul li .tabCont, .postPaid .tabsData ul li:first-child .tabCont{font-size:1.5em}
.tabsInfo{top:80px}
.postPaid .tabsInfo{ top:60px;}
.tabsInfo{width:100%; box-sizing:border-box}
.RHSsection p.btmLink{padding:0 0 0 0}
.tabsData ul li{min-height:424px}
.rightArea > img{float:left; width:100%}
/*.tabsInfo{padding:20px; box-sizing:border-box; width:100%}*/
/*.rowFrm .OTPtooltip{top:26px}*/
.offersBoxes .itemCont{width:164px; margin:0 0 0 10px;}
.offersBoxes .amountBox{width:154px}
.offersBoxes .itemCont > a{margin:10px 0 0 45px}

.bannerContainer .img-container {margin-right:65px;}

.connectionList ul li{ width:100%; box-sizing:border-box; border:0px; padding-bottom:30px;padding-top:30px;}
.connectionList ul li p{min-height:0px; width:100%;}
.commonTabs.roaming-calc li .slider-wrapper p, .slider-wrapper p{ width:76%;}
.fullWidthBottomSection .content{width: 244px;}
.rowDivision .span3{ width:100%; box-sizing:border-box; padding:30px 0; border-left:0px; border-top:1px solid #ccc;}
.rowDivision .span3:first-child{ border-top:0px;}
.rowDivision .span2{ width:100%; box-sizing:border-box; border-left:0px; border-top:1px solid #ccc;padding:30px 0;}
.rowDivision .span2:first-child{ border-top:0px;}
.compareList ul li{ padding:0 12px;}
.compareFilter .phonesBox{width:120px;}
.compareFilter .plusSign{ width:35px;}
.midBoxWrap .midBox{width:50%; box-sizing:border-box}

.roamingTips .carouselBucket .carouselItem{box-sizing:border-box; width:100%}
.boxesData .boxesDataRight{width:269px}

.topBoxes{width:100%; }
.topBoxes > ul > li{width:31%;}
.postPaid .billamtlink{  clear: both;float: left;}
.postPaid .rightArea .imageContainer img{ width:auto;}
/*.postPaid .rowFrm .OTPtooltip{right: 30px;top: -81px;}*/
/*.rowFrm .OTPtooltip span {border-color: #00b0ca transparent transparent;left: 44%;margin: 0;top: 100%; }*/
.offersBoxes .itemCont, .offersBoxes .itemCont:first-child{margin:0 32px 20px;}
.fullCont .formSection .frmRow > label{width:19%; font-size:1.2em; }
.fullCont .frmRtBoxFull{width:80%;}
.fullCont .resetLink .frmRtBox{margin:0 0 0 20%}
.btnLinks .purpleBtn {margin: 30px 0 0 20%;}
.fullCont .formSection .frmRow .radioBtn .radioCont p{font-size:0.9em;}
.lhsSection .menulist li.active{ width:105%;}
}



@media only screen and (max-width : 767px) {
.mobileHide{ display:none;}
.RHSsection h2 { font-size: 2.5em }
.vdLogo { display: none }
.topbar, .menubar { width: 100%; float: left }
.deviceNav, .fixmenu, .fixmenu li, .quickBox, .cols, .contctBox .box.lef { width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.quickLinks { display: block }
.lhsSection, .RHSsection, .RHSsection.standardWide { width: 100% }
.cols { width: 33% }
/**/
.menubar .mid .nav li .fourColumns .subMenuCol .menuHead{ height:auto;}
.vdLogo, .lhsBanner, .header { display: none }
/**/
.mobileHeader { display: block; background: #fff }
.RHSsection { margin: 10px 0; padding: 0 5px }
.midContainer h1 { padding: 22px 0 0;}
/*mobileHeader*/
.menuborder { border-bottom: 1px solid #a4a3a3; float: left; width: 85%; position: relative; }
.menuborder.sel { background: #fff; border: none; position: absolute; top: 0; width: 100%; z-index: 9; }
.mobileHeader .MoLogo { float: left; width: 15%; position: relative; z-index: 9999; }
.cart { border-right: 1px solid #a4a3a3; margin: 10px 5px 10px 0; padding: 5px 0; right: 55px; top: 0; }
.cart .text, .breadcrums { display: none }
.mobileHeader img { width: 100% }
.menu.active {/* float: left; */ }
/*mobileHeader*/
.menulist { position: absolute; width: 90%; left: -90%; background: #fff; z-index: 999; top:42px;}
.midContainer h1 span { background: url(/_layouts/images/consumer/sprite-new.png) no-repeat -315px -128px; display: block; float: left; margin: 0 12px 0 0; cursor: pointer; border: 2px solid #fff; }
.midContainer h1 span.active { position: relative; border: 2px solid #fff; z-index: 9;}
.noLHS h1 {padding-left:10px;}
.noLHS h1 span {display:none;}
.lhsSection { border: none }
.lhsSection .menulist li.active { width: 100%; }
.loginBox { right: 15px;}
.fixmenu { background: #e0dfdf; position: relative; top: 0!important; width: 100%; float: left; display: none; right: 0; }
.fixmenu li a { padding: 5px 0; border-radius: 0; border: 0; }
.fixmenu li { border-left: 1px solid #a4a3a3; border-top: 0; border-right: 1px solid #ececec; border-bottom: 0; border-radius: 0; float: left; margin: 10px 0; min-height: 70px; padding: 5px; width: 25%; }
.quickBox { bottom: 0; float: left; position: fixed; z-index: 9999; width: 100%; right:inherit; top:inherit;}
.quickBox .arrow{ display:none;}
.quickLinks { border-bottom: 5px solid #e60000; float: left; position: relative; text-align: center; width: 100%; z-index: 9999; }
.quickLinks a { background: #e60000 url(/_layouts/images/consumer/mobile-sprite.png) no-repeat 94% 10px; color: #fff; display: block; font-size: 1.5em; margin: 0 auto; padding: 5px 15px 0 0; width: 110px; }
.quickLinks a.sel { background-position: 94% -25px; }
/*******************About Us***************************************/
.managementRow li { width: 211px; float: none; clear: both; margin: 0 auto 15px; }
.managementRow li:first-child { margin: 0 auto 15px; }
.managementRow li .imageContainer { width: 211px; height: 158px; }
.managementRow { margin: 0px; }
/*******************End of About Us***************************************/
.loginpopup { width: 300px; right: -5%;}
.loginpopup .adv { display: none }
.loginpopup .info { width: 100% }
.pagelinks { top: 5px }
.currentbillBox, .graphBox, .bilgraphBox, .uknowBox, .actServicesBox, .recdOffersBox { padding-bottom: 20px; }
/*Store Locator Map Start*/
.storeInfo { width: 100%; position: relative; height: 370px; top: 0; right: 0 }
.storeMapPlaceholder .iframeBox .iframediv { width: 100% }
.storeInfo .store-pane { height: 350px }
.mapiconBox { top: 5px; left: 5px; padding: 5px }
.mapiconBox li { padding: 0 }
.storeInfo .expandBtn { display: none }
.mapTabs { display: block; float: right; padding: 15px 0 0 0 }
.storeMapPlaceholder { margin: 0 }
.mapTabs li { background: url(/_layouts/images/consumer/map-tab-icons.png) no-repeat; cursor: pointer; float: left; height: 37px; width: 37px; margin: 0 5px 10px 0; }
.mapTabs li.map { background-position: 0 0; }
.mapTabs li.map.active { background-position: 0 -40px; }
.mapTabs li.address { background-position: 0 -80px; }
.mapTabs li.address.active { background-position: 0 -120px; }
/*Store Locator Map End*/


/*.topNav .menubar{ display:none !important;}
.topNav{ display:none;}*/


/*.topNav .menubar{ display:none !important*/
.menu { display: block; float: right; padding: 10px 8px; width: 21px; height: 14px; background-position: -312px -94px; margin-top: 6px; }
.topNav { display: none; }
.MoLogo { display: block; }
.MoLogo img { width: 100% }
.MoLogo { float: left; width: 84px; }
header .container { clear: none; padding: 0px; }
.topNav { float: left; position: absolute; right: 0; top: 50px; width: 70%; z-index: 9999; display: block; padding: 0px; }
.topNav .abs { position: relative; right: inherit; border-top: 0px; }
.topNav ul li:first-child { border: medium none; }
.topNav ul li { background: #e60000; border-top: 1px solid #b80000; clear: both; width: 100%; margin: 0px; }
.topNav ul { width: 100%; }
.topNav ul li a, .topNav ul li.help a, .topNav ul li.locator a,.topNav ul li.active > a { color: #fff; display: block; font-family: 'vodafone_rgregular'; font-size: 1.5em; padding: 12px 10px 12px 30px; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; }
.topNav .menubar { float: left; position: relative; width: 100%; background: #fff; top: 0; }
.topNav .menubar ul.nav { float: left; padding: 0; }
.topNav .menubar ul.nav li { background: #fff; border-top: 1px solid #999; border-left: none; float: left; padding: 0; }
.topNav .menubar ul.nav li:first-child { float: left; padding: 0; }
.topNav .menubar .mid { margin: 0px; }
.topNav .menubar ul.nav li a { color: #000; display: block; font-family: 'vodafone_rgregular'; font-size: 1.5em; padding: 12px 10px 12px 30px; }
.topNav ul li.abs ul li { background: #fff; border-top: 1px solid #999; }
.topNav ul li.abs ul li a { color: #000; }
.topNav ul li.abs ul li.active a{color: #f00;}
.subMenu { position: relative; top: 0; float: left; width: 100%; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.subMenuCol ul { display: none; margin: 0px; }
.menubar .mid .nav li .subMenu ul li a { border-bottom: 0px; }
.subMenuCol { padding: 0px; width: 100%; }
.menubar .mid .nav li .fourColumns { width: 100%; }
.menubar .mid .nav li .fourColumns .subMenuCol { width: 100%; }
.subMenuCol .menuHead { background: #F6F5F5; padding: 15px 0 15px 30px; font-size: 1.5em; font-family: 'vodafone_rgregular'; }
.menubar .mid .nav li .subMenu ul li a { padding-left: 30px; }
.mainMenu { display: none; }
header { height: auto; float: left; width: 100%; z-index: 99; background: #fff; position: relative; border-bottom: 1px solid #c9c9c9; }
.menubar .mid .nav li.selected span.arow { visibility: visible; }
.midContainer h1 span { height: 16px; width: 24px; }
.midContainer h1{ font-size:3em;}
.midContainer { padding-top: 25px; }
/******Icon List***************/
.topNav ul li a span, .topNav .menubar .mid ul.nav li span { background: url(/_layouts/images/consumer/sprite-new.png) no-repeat; float: left; }
.topNav ul li.active a span.icon2 { background-position: -10px 0; }
.topNav ul li a span.icon2 { background-position: -10px -35px; width: 16px; height: 17px; position: absolute; right: 8px; top: 9px; }
.topNav ul li a.consumer span.icon1 { background-position: -11px -386px; width: 14px; height: 22px; position: absolute; left: 8px; top: 9px; }
.topNav ul li a.business span.icon1 { background-position: -9px -437px; width: 17px; height: 22px; position: absolute; left: 8px; top: 9px; }
.topNav ul li a.aboutVoda span.icon1 { background-position: -9px -485px; width: 17px; height: 22px; position: absolute; left: 8px; top: 9px; }
.topNav ul li.help a span.icon1 { background-position: -9px -288px; width: 17px; height: 22px; position: absolute; left: 8px; top: 9px; }
.topNav ul li.locator a span.icon1 { background-position: -9px -338px; width: 17px; height: 22px; position: absolute; left: 8px; top: 9px; }
.topNav .menubar .mid ul.nav li .arow { position: absolute; height: 14px; right: 8px; top: 12px; background-position: -11px -94px !important; }
.topNav .menubar .mid ul.nav li.shop span.icon1 { background-position: -9px -139px; width: 20px; height: 22px; position: absolute; left: 6px; top: 9px; }
.topNav .menubar .mid ul.nav li.discover span.icon1 { background-position: -9px -188px; width: 20px; height: 22px; position: absolute; left: 6px; top: 9px; }
.topNav .menubar .mid ul.nav li.myac span.icon1 { background-position: -9px -238px; width: 20px; height: 22px; position: absolute; left: 6px; top: 9px; }
/******end Icon List***************/

.topNav ul li.searchAbs { padding: 12px 5px 12px 5px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.searchAbs { border-radius: 0px; position: relative; top: 0; }
.searchAbs .searchDiv { background: #f8f8f8; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; padding: 8px 10px; width: 100%; }
.searchAbs .searchDiv .searchIcon { display: none; }

.contentBox { margin: 0; }
iframe{display:none;}

.serviceReqContainer .rows .cols{padding: 0 10px 0 0;width: 80%; clear:both;box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.quotesBox .thum img{ width:100%;}
.quotesBox .info{ width:66%;}
.fullWidthBottomSection .content{ width:354px}
.rowDivision .span3{float:left; width:29%; text-align:center; padding:0 14px; border-left:1px solid #ccc; border-top:0px;}
.rowDivision .span2{float:left; width:45.5%; text-align:center; padding:0 14px; border-left:1px solid #ccc;border-top:0px;}

.offerBoxWrap .offerTop p.head {display:none;}
.offerBoxWrap .offerTop img {width:50%;}

.compareFilter .phonesBox{width:150px;}
.compareFilter .plusSign{ width:56px;}
.prepaidStepsWrap .leftSteps { display:none;}
.prepaidStepsWrap .rightSteps {float:left; width:100%;}
.postPaid .leftArea, .postPaid .rightArea{ width:45%;}
.loginBox{ top:55px;}
.press-release-detail-content .emailform {margin-top:-2px;}
}

@media only screen and (min-width : 0px) and (max-width : 640px) {
.loginBox {top:55px;}
.MoLogo img { width: 87px; }
/*.selectCity { width: 45%; }*/
.purpleBtn, .purpleBtn:hover { padding: 10px 15px; }
.tabdetails .billAmtWrap { padding: 25px 0; }
/*.loginBox { right: 150px; top: 12px }*/
.mobileHeader .menu { background: transparent url(/_layouts/images/consumer/sprite-new.png) no-repeat -315px -105px; margin: 15px 0px; width: 36px; height: 17px; float: right; cursor: pointer; }
.midContainer h1 { font-size: 2.1em }
.footer ul.col1, .footer ul.col2, .footer ul.col3, .footer ul.col4, .footer ul.smo { width: 33% }
.tableWarp table td { font-size: 1.3em; padding: 10px; }
.cols { width: 50%; border: none }
.contctBox .info { height: 120px }
.contctBox .box, .contctBox .box.lef { width: 50%; }
.contctBox .box.lef { padding: 0 15px 0 0 }
.billRecieveBox { width: 96%; }
.additionalPackWrapper li .details { font-size: 2.2em; }
/*******************About Us***************************************/
.popUp { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
/*******************End of About Us***************************************/
.currentbillBox li.billdue { width: 40%;}
.graphBox li { padding: 0 20px; }
.usageTime .box .info .data { width: 60%; }
.paymentTaps li span { display: none; }
.paymentDetails .deviceTitle { display: block; }
.paymentMethodWrap li { margin-bottom: 10px; width: 100%; }
.paymentMethodWrap li h3 { height: 17px; background: url(/_layouts/images/consumer/tab-bg.gif) repeat-x 0 0; border-radius: 5px; height: 17px; width: 100%; }
.paymentMethodWrap li.sel h3 { background: url(/_layouts/images/consumer/active-tab-bg.gif) repeat-x 0 0; }
.paymentMethodDetails { position: relative; top: 0; width: 99.5%; float: left; min-height: 255px; border-radius: 5px; }
.paymentMethodDetails .paybackHead { padding-top: 20px; }
.visaMasterCardWrap { margin: 0; }
.networkForWrap p { font-size: 1.5em; }
.locationWrap input { width: 280px; }
.storeLeft { width: 100%; }
.storeRight { width: 100%; float: left; }
.tvads .tvadsSerach .col.serachBox { padding: 0; width:50%; }
/*Edit Profile Start*/
.profileWrp .boxBg { padding: 20px 15px }
.profileWrp .semihead { font-size: 1.8em }
/*Edit Profile End*/
.fullWidth { width: 100%!important; }
.missionVisionList .row.fr .imgContainer { left: -18%; }
.missionVisionList .content { width: 74%; }
/*Careers Start*/
.quotesBox { padding: 0 }
.jobAlerts, .LinkedInBox { /*display: none;*/ }
.radioBtn { font-size: 1.2em; }
/*Careers End*/
.loginWrp .box.vfApp { background-color: #f8f7f7; border: 1px solid #c9c9c9; border-radius: 4px; }
.loginWrp .box { width: 100%; padding: 10px 0; border-left: 0; border-top: 1px solid #e5e5e5 }
.loginWrp .box.vfAcc { padding: 0 0 15px }
.loginWrp .box.vfApp { padding: 10px }
.loginWrp .box h3.accor { padding: 0 15px 5px 0; cursor: pointer; width: 94%; position: relative; }
.loginWrp .box h3.accor .drop { background: url(/_layouts/images/consumer/menulistarow.png) no-repeat 0 -37px; width: 15px; height: 9px; position: absolute; right: 0; top: 10px; }
.loginWrp .box h3.accor.sel .drop { background-position: 0 0; }
.loginWrp .box .setWrp { padding: 10px 0; float: left; display: none; }

/*.shopCont .loginBox{top:-40px;}*/
/*******************************Account Activity*******************************/
ul.monthsSelect li { }
.yearDiv { width: 168px; margin-right: 10px; margin-left: 62px; }
.monthsDiv { width: 266px; }
ul.monthsSelect li.first { border-radius: 0;}
ul.monthsSelect li.last { border-radius: 0;}
ul.monthsSelect { margin: 0px 0 0 15px; }
.apr .calender, .may .calender, .jun .calender, .oct .calender, .nov .calender, .dec .calender { left: inherit; right: 0; }
.sep .calender { right: inherit; left: 0; }
/*******************************End of Account Activity*******************************/

.topNav ul li.help a, .topNav ul li.locator a { padding: 12px 10px 12px 30px; }
.subscriptionCheckWrap, .subscriptionDateWrap { width: 50%; }
/*Dashboard prepaid*/
.quickTopWrap li.billdue { width:35%;}
.DNDsectorWrap li { margin-bottom:20px;}
.subscriptionSearchWrap .inputFieldBox, .subscriptionSearchWrap.pressSearch input, .searchContainer .divBox{}
.advsearch-cont{width:478px; box-sizing:border-box; left:auto; right:0}
.advance-search a.alinkDrop{margin:0}

.advsearch-cont .radioBtn{padding:0  0 15px 0}
.advsearch-cont .advselectBox{margin:0 10px 0 0; width:121px }
 .faqConnect .box p{ min-height:150px}
 .advsearch-cont .radioBtn{padding:5px 0 5px 0}
 .newsData .imgRight{width:38%}
 /*Vodafone Cares Start*/
.tblarea .dataBox { width: 420px }
.tblarea.lst .dataBox { left: 15.5% }
.vfCares .titleBox h2 { font-size: 2em; }
/*Vodafone Cares End*/

.contRow .rowImg{width:24%; height:auto; }
.contRow .rowInfo, .partners .contRow .rowInfo{width:86%; box-sizing:border-box}
.contRow{padding:22px 0 14px}
.contRow.odd .rowInfo {margin: 0 0 0 13%; padding: 40px 40px 40px 100px;}
.partners .contRow.odd .rowInfo{padding:15px 15px 15px 80px}
.contRow.even .rowInfo {margin: 0  13% 0 0; padding: 40px 100px 40px 40px;}
.partners .contRow.even .rowInfo{padding:15px 80px 15px 15px}
.contRow .rowInfo h4{font-size:2.5em }

.loginSection header, .loginSection footer, .loginSection .quickBox, .loginSection h1, .loginSectionQuickBox { display: block; }

.otpForm{padding:20px}
.otpForm label{font-size:1.2em; width:170px; }
.otpForm .inputFieldBox{margin:0}
.otpForm .btnRt{padding-left:170px}
.regLightbox{width:96%; box-sizing:border-box; padding:30px 16px}

.familyServices .cols-70 h2{ font-size:1.4em;}
.tabsInfo{top:58px}

.rowFrm .OTPtooltip{top:-14px; right:-142px}
.rowFrm .OTPtooltip{ left: 110px;right: auto;top: -72px; }
.rowFrm .OTPtooltip span{top: 100%; transform: rotate(270deg);border-color: #00b0ca transparent transparent; left:44%; margin:0}
.offersBoxes .itemCont{margin:0 0 0 63px}
/*.rechargePopup{width:90%; box-sizing:border-box; -webkit-box-sizing:border-box;}*/
.rechargePopup{width:90%; box-sizing:border-box; -webkit-box-sizing:border-box;}

.bannerContainer .bannerContent {margin:50px 0 0 20px; width:45%;}
.bannerContainer .img-container {margin:50px 20px 0 0; width:35%;}

.bannerContainer img {width:150%; margin-left:-20%;}

.connectionList ul li{ float:left; width:32%; text-align:center; padding:0 14px; border-left:1px solid #ccc;}
span.sliderText{ padding:0px;}
.tabsData ul li:first-child .tabCont, .tabsData ul li .tabCont{font-size:1.6em}
.tabsInfo{top:58px}

.filterLeft, .filterRight {width:100%; margin:0;}
.filterLeft .checkboxBtn P {clear:none;}
.filterLeft .box {margin-bottom:2%;}

.offerBoxWrap .offerDetails .owl-carousel-offer {width: 100%;}
.offerBoxWrap .offerTop .rightArrow { padding: 8% 1% 5% 3%;}
.postPaid .rightArea .imageContainer img{ width:auto;}
.boxesData .boxesDataRight{width:403px;}
.boxesData .boxesDataRight ul li{width:178px; }
.RHSsection .roamingBox p{min-height:52px}
.borderBox.boxesData img{width:14%;}
.boxesData .boxesDataRight{width:80%;}
.postPaid .rowFrm .OTPtooltip {right:-61px;}
ul.sampleLinks li {font-size:1.7em;}
.fullCont .formSection .frmRow > label, .fullCont .frmRtBoxFull{width:100%; }
.fullCont .resetLink .frmRtBox{margin:0;}
.btnLinks .purpleBtn{margin:30px 0 0 0;}
.fullCont .sQuestion .frmRtBox .inputFieldBox{width:55%;}
.fullCont .formSection .frmRow .radioBtn .radioCont{ margin: 0 5% 0 0; width: 27%;}
.fullCont .formSection .frmRow > label{width:30%}
.fullCont .frmRtBoxFull, .fullCont .formSection .frmRtBox.pswd{width:66%;}
.fullCont .formSection .frmRtBox.pswd .inputFieldBox{width:64%;}
}
@media only screen and (min-width : 0px) and (max-width : 639px) {
.saveYourselfWrap .saveTrip, .saveYourselfWrap .onlineWrap { width: 95%; }
.subscriptionCheckWrap, .subscriptionDateWrap { width: 100%; }
.rowFrm .OTPtooltip span{  transform: inherit;}
/*******common Tabs********/
.commonTabs.roaming-calc > li, .commonTabs li { width: 100%; clear: both; margin-bottom: 10px; }
.roaming-calc .commonTabContent {padding:20px 10px;}
ul.commonTabs li > a { width: 100%; border-radius: 6px; border: 1px solid #ccc; }
ul.commonTabs .commonTabContent { position: relative; float: left; top: 0; width: 100%; box-sizing: border-box; }
ul.commonTabs { height: auto; }
.commonTabContent .lhs { width: 100px; margin: 0 10px 0 0; }
.commonTabContent .rhs { width: 300px; }
ul.commonTabs li a.active span { display: none; }
ul.commonTabs.domore > li{ width:100%;}
/*******end common of Tabs********/

.bannerContainer .bannerContent {width:50%;}
.bannerContainer .bannerContent h2 {font-size:3em;}
.bannerContainer .bannerContent p {font-size:1.3em;}

.connectionList ul li{ width:100%; box-sizing:border-box; border:0px; padding-bottom:30px;padding-top:30px;}
.connectionList ul li p{min-height:0px; width:100%;}
/*.offersBoxes .itemCont{margin:0 0 0 23px}*/
.tabsData ul li:first-child .tabCont, .tabsData ul li .tabCont{font-size:1.4em}
.tabsData ul li:first-child{width: 140px}
.fullWidthBottomSection .content{ width:100%;box-sizing: border-box;}
.fullWidthBottomSection .img-container{ width:100%; text-align:center;}
.rowDivision .span3{ width:100%; box-sizing:border-box; padding:30px 0; border-left:0px; border-top:1px solid #ccc;}
.rowDivision .span3:first-child{ border-top:0px;}
.rowDivision .span2{ width:100%; box-sizing:border-box; border-left:0px; border-top:1px solid #ccc;padding:30px 0;}
.rowDivision .span2:first-child{ border-top:0px;}

.bottomBanner{ height:254px;}
.compareFilter .phonesBox{ width:25%;}
.compareFilter .plusSign{ width:10%;}
.postPaid .leftArea, .postPaid .rightArea{ width:100%;}
.postPaid .rightArea{ border-left:0px; padding-bottom:15px; padding-top:15px;}
.postPaid .leftArea{ padding-bottom:15px; border-bottom:1px solid #ccc;}
.postPaid .tabsData ul li{ width:100%; min-height: inherit;}
.postPaid .tabsInfo{ position:relative; float:left; top:0px;}
.offersBoxes .itemCont, .offersBoxes .itemCont:first-child{margin:0 32px 20px;}
.tabBox .row .col2{ width:100%;}
.jobAlerts, .LinkedInBox{ width:100%; box-sizing:border-box;}
.amountBox{ width:auto;}
.thirdparty { width:90%;}
}


@media only screen and (min-width : 0px) and (max-width : 480px) {
	.tvads .tvadsSerach .col.serachBox{ margin:0}
.cart { right: 35px }
.footer ul.col1, .footer ul.col2, .footer ul.col3, .footer ul.col4, .footer ul.smo { width: 50% }
.contctBox .box, .contctBox .box.lef { width: 100%; }
.contctBox .info { height: auto }
.contctBox .box.lef { padding: 0 }
.tabDetailsBox .txtBox { width: 60%; }
.tabDetailsBox .amtBox { width: 40%; }
.tabDetailsBox .amtBox .inputFieldBox input { width: 90px; }
/*******************About Us***************************************/
.graphicContent ul li { float: none; margin: 0 auto; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-bottom: 25px; padding-top: 25px; border-top: 1px solid #ccc; }
.graphicContent ul li:first-child { border-top: none; }
.bottomWidgetList a.knowMore { left: 186px; }
.bottomWidgetList li { width: 100%; margin-bottom: 10px; margin-left: 0px; }
.bottomWidgetList li:first-child { margin-bottom: 10px; }
/*******************End of About Us***************************************/
.distribution-content ul li { width: 48%; min-height: 100px; float: left; padding: 0; padding-bottom: 20px; border-top: 0px; }
.missionVisionList .row.fr .imgContainer, .missionVisionList .row.fl .imgContainer { width: 170px; }
.missionVisionList .content p, .missionVisionList .content ul li, .missionVisionList .content h4 { font-size: 1.2em; }
.content .quoteContent p { font-size: 1.5em; }
.visaMasterCardWrap { padding: 3% 5%; width: 90%; }
.currentbillBox li.billdue { width: 40% }
.graphBox li { width: 100%; }
.bilgraphBox .historyBox .graph { width: 100% }
.usageTime .box { border-left: none; border-top: 1px solid #d1d1d1; }
.actServicesBox .sliderBox { width: 100% }
.recdOffersBox .offers .box { width: 50% }
.actServicesBox .sliderBox { padding: 0 }
.actServicesBox ul.carouselWrapper { width: 100% }
.changepsw .row label.head { width: 25% }
.changepsw .row .checkboxBtn { margin-left: 25%; }
.payback { padding: 0 10px 10px 10px }
.payback .rows { padding: 10px 0 }
.payback .rows .cols .divBox { width: 33%; padding: 5px }
.payback .selectWrap, .payback .inputFieldBox, .textarea { width: 100%; }
.payback .rows .cols { width: 100% }
.networkForWrap li { width: 50%; }
.bottomWidgetWrap li { width: 100%; margin: 5px 0; }
.locationWrap input { width: 248px; }
.locationWrap .locationBtn { background: transparent url(/_layouts/images/consumer/network/current-location-device.png) no-repeat 0px 0; width: 45px; }
.storeLeft, .storeRight { width: 100%; }
/*TVADS*/
.tvads .tvadsSerach .col.serachBox, .tvads .tvadsSerach .col.selectBox, .tvads .tvadsSerach .col.orline { width: 100% }
.tvads .tvadsSerach .col.orline { background: url(/_layouts/images/consumer/tvorbgmo.gif) no-repeat top center; margin: 15px 0; padding: 0; min-height: 37px }
.tvads .tvadsSerach .col.orline .or { position: relative; top: 11px; text-align: center; display: block; }
.tvads .tvadsSerach .col.serachBox input { width: 175px; }
.vidList li { width: 50% }
.saveYourselfWrap .onlineBox a { font-size: 1.3em; }
/***************voice and data*******************/
.voiceUsageWrapper .column_1_1 { border-right: none; border-bottom: 1px solid #ccc; padding-bottom: 20px; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.voiceUsageWrapper .column_1_2 { padding-top: 20px; }
.planDetailsWrapper li { height: 118px; }
/***************end of voice and data*******************/

/*Careers Start*/
/*.loginBox.selectCity { right: 90px; top:0 }*/
.loginBox.selectCity label, .loginBox.selectCity .selectWrap {/* padding:0*/ }
.faqConnect .box.faqs, .faqConnect .box.connect, .lifeVf .speaks .box.employeeSpeaks, .lifeVf .speaks .box.HRSpeaks { width: 100%; }
.tabBox .inputFieldBox input, .tabBox .inputFieldBox textarea, .tabBox .col3 .inputFieldBox input { width: 180px; }
.tabBox .row .col3 { width: 50%; }
/*Careers End*/

.tabs li { padding-top: 12px; height: 43px; }
/*For the Media Start*/
.boxSection .box, .gettouch .subscribe .boxBg { width: 100% }
.boxSection .box.tvads, .boxSection .box { padding: 10px }
.boxSection .box.tvads { border-left: none; border-top: 1px solid #d0d0d0; }
.boxSection { margin-bottom: 15px }
/*For the Media End*/


.yearDiv { margin-left: 16px; }
/*Awards & Achievements Start*/
.awardsAchieve .accord-head { padding: 15px 5px }
.awardsAchieve .col3 { width: 50%; padding: 0 10px }
.awardsAchieve .h2bg h2 { font-size: 2em }
.awardsAchieve .accord-content li { padding: 10px; }
/*Awards & Achievements End*/
.imgleft { width: 40%; padding: 0 15px 15px 0 }
/*Dashboard prepaid*/
.RHSsection .quickTopWrap li.billstill { width:100%; padding:20px 0; border:none;}
.dashPrepaidWrap .usageBox {width:212px; padding:10px;}

.DNDofferWrap .DNDvoucherPlan .planTitle {font-size: 1.5em;}
.faqConnect .box{border-top:1px solid #ccc;border-left: none; padding:15px; width:100%;}
.faqConnect .box p{ min-height:inherit}
.advsearch-cont{width:460px}
.advsearch-cont .advselectBox{width:111px}
.advsearch-cont .radioBtn{padding:5px 0 5px 0}
/*Vodafone Cares Start*/
.vfCares .titleBox .movline { display: block; }
.vfCares .titleBox .tblLogo { width: 30%; padding: 0 5px 0 0 }
.vfCares .titleBox h2 { width: 70%; margin: 45px 0 }
.tblscroll { overflow-x: scroll; width: 100%; overflow-y: hidden }
.tblWrap { left: 0; top: 5px; }
.tblarea .vline { display: none }
.tblarea { border: none; width: 390px; padding: 0 20px 0 0 }
.tblarea.lst { padding: 0 }
.tblarea .dataBox, .tblarea.lst .dataBox { left: 0; width: 100%; min-height: 400px }
.tblarea .dataBox .data { width: 100%; border: none }
.tblarea .dataBox .thum { padding: 0; }
.tblarea .dataBox h3 { float: right; padding: 30px 0; font-size: 2.4em; width: 70%; margin: 0 }
/*Vodafone Cares End*/
.subscriptionSearchWrap .inputFieldBox, .subscriptionSearchWrap.pressSearch input, .searchContainer .divBox{width:100%; box-sizing:border-box}
.searchContainer .divBox, .searchContainer .divBox:first-child{margin:0 0 10px 0}
.advsearch-cont{ box-sizing:border-box; left:0}

.contRow.odd .rowInfo { padding: 25px 30px 25px 74px;}
.partners .contRow.odd .rowInfo{padding:15px 20px 15px 65px}
.contRow.even .rowInfo { padding: 25px 74px 25px  30px;}
.partners .contRow.even .rowInfo{padding:15px 65px 15px 20px}
.contRow .rowInfo h4{font-size:2.2em; }
.contRow .rowInfo p{ line-height:inherit}
/*Careers at Vodafone Start*/
.careersVf .feeds .news h3 .place { padding: 0; display: block }
.careersVf .searchContainer .divBox { width: 50% }
/*Careers at Vodafone End*/
/*distributor.html Start*/
.distributor { padding: 15px 0 }
.distributor .rows .cols { padding: 0 10px }
.distributor .btns {  padding: 0 5px; }
/*distributor.html End*/

.category .categorySection .catlist{ width:460px;}
.searchsection .inputarea{ width:330px;}
.searchsection{width:440px}
.chooseQuestion .chooseQuestionSection .questionList{ width:100%;}

.leftLabel {font-size:1.5em; width:70%;}
.rightChk {width:27%;}

.familyServices .cols-70{ width:39%;}
.familyServices .cols-15{ width:30%;}
.familyServices .cols-70 h2{ font-size:1.3em;}
.familyServices p{ font-size:1.3em;}

.vodafone-circle-sel .selectWrap .selectedvalue, .vodafone-circle-sel p{ font-size:1.6em;}

.deviceWrap .cols {width:50%;}
.ORdivider {width:100%; background: url(/_layouts/images/consumer/tvorbgmo.gif) no-repeat center top; min-height:37px; padding:0;}
.ORdivider span {top: 10px; position:relative; display:block; text-align:center;}
.deviceWrap .cols.SMSall {width:100%;}

.boxData .dataRight {padding:0;}
.tabsData ul li .tabCont, .tabsData ul li, .tabsData ul li:first-child .tabCont, .tabsInfo,  .tabsData ul li:first-child {width:100%; box-sizing:border-box}
.tabsInfo{position:relative; top:0; padding:20px; min-height:inherit; float:left }
.tabsData ul li{min-height:inherit; margin:10px 0 0 0; }
.tabsData ul li .tabCont, .tabsData ul li:first-child .tabCont, .tabsData ul li.last .tabCont{border-radius:5px}

.offersBoxes .itemCont, .offersBoxes .itemCont:first-child{margin:0 32px 20px}
.graphicContent.graphicContentGetConnection ul li{ float:left; padding:5px 0;}

.bannerContainer .bannerContent h2 {font-size:2.5em;}
.bannerContainer .bannerContent {margin-top:50px;}


.cartPopup{width:320px; right:0; box-sizing:border-box;}
.cartHead{ width:100%; box-sizing:border-box;}
.listMid{padding:0 0 0 26px}
.cartMid .cartBox{width:125px}
.cartMid .cartBox p{width:62px; min-height:75px}
.cartData .greyBtn{margin:10px 0 0 2px}
.cartButtons .recharge{font-size:1.1em; }
.cartButtons .purpleBtn{font-size:1.2em; margin:10px 0 0;}
.leftSpace{padding:0}
.itemCont{/*margin:0 35px*/}
.rowDivision .span3{ width:100%; box-sizing:border-box; padding:30px 0; border-left:0px; border-top:1px solid #ccc;}
.rowDivision .span3:first-child{ border-top:0px;}
.rowDivision .span2{ width:100%; box-sizing:border-box; border-left:0px; border-top:1px solid #ccc;padding:30px 0;}
.rowDivision .span2:first-child{ border-top:0px;}
.RHSsection .roamingBox h2{font-size:2.2em}
.RHSsection .roamingBox p{min-height:68px}
.borderBox.boxesData img{width:128px}
.boxesData .boxesDataRight{width:242px}
.fullCont .formSection .frmRow > label, .fullCont .frmRtBoxFull, .fullCont .formSection .frmRow .radioBtn .radioCont, .fullCont .formSection .frmRow .radioBtn label, .fullCont .sQuestion .frmRtBox{width:100%; box-sizing:border-box; }
.btnLinks .purpleBtn{margin:30px 0 0 0}
.fullCont .formSection .frmRow .radioBtn label{float:left;}
.fullCont .resetLink .frmRtBox{margin:0}
.headingArea img{top: 20px; width: 102px;}
.headingT {width:80%;}
.headingArea{width:100%;}
.fullCont .formSection .frmRow .radioBtn .radioCont p{font-size:1em; }
.fullCont .formSection .frmRow .radioBtn .radioCont{padding:0 0 20px 0;}
.fullCont .formSection .frmRow > label{width:36%}
.fullCont .frmRtBoxFull, .fullCont .formSection .frmRtBox.pswd{width:64%;}
.fullCont .formSection .frmRtBox.pswd .inputFieldBox{width:64%;}
.fullCont .frmRtBox{width:41%;}
}
@media only screen and (min-width : 0px) and (max-width : 479px) {
	.itemCont {float: none; margin: 0 auto;width: 142px;}
	.tabsData .carouselBucket .carouselItem{width: 142px;}
	.boxData:first-child .dataRight, .boxData .dataRight{ width:100%;box-sizing: border-box;}
	.offersBoxes .itemCont{ float:left; clear:both;}
	.myvodaApp .appImage, .myvodaApp .appImage img{ width:100%;}
	.searchsection {width: 100%;}
	.searchsection .inputarea {width: 240px;}
	.roaming-calc .bucket-calc .slider-wrapper {height:90px;}
    .distributor .rows .cols { width: 100% }
	}
@media only screen and (min-width : 0px) and (max-width : 360px) {
.tabs li { width: 150px; }
.tabs li.active { background-position: -25px 0; }
.process {/* display: none; */}
/*.loginBox { right: 80px; }*/
.radioBtn { font-size: 1.2em; }
.footer ul.col1, .footer ul.col2, .footer ul.col3, .footer ul.col4, .footer ul.smo { width: 100% }
.cols { border-bottom: 1px solid #dcdcdc; padding: 0 15px 15px 15px; margin: 0; width: 100% }
.contctBox .box, .contctBox .box.lef { width: 100%; }
.contctBox .box.lef { padding: 0 }
.footerSublinks { display: none; }
.rowBox .lef, .rowBox .rig, .secQus .leffld { width: 100% }
.summaryBox li, .summaryBox li:first-child { width: 100%; margin: 2% 0; }
.billRecieve li { width: 120px; font-size: 1.4em; }
.billRecieve li.active { background-position: -43px 0; }
.billRecieveBox .ebillWrap, .billRecieveBox .doorstepWrap { width: 245px; }
.billRecieve li { padding-top: 5px; height: 50px; }
.billRecieve li:first-child { padding-top: 15px; height: 40px; }
/*******************About Us***************************************/
.awardsList li > div.content { width: 130px; }
.bottomWidgetList a.knowMore { left: 104px; }
/*******************End of About Us***************************************/
.missionVisionList .row.fr .imgContainer, .missionVisionList .row.fl .imgContainer { width: 126px; }
.paymentTaps li { font-size: 1.5em; padding: 16px 30px; }
.paymentTaps li:first-child { padding: 16px 30px; }
.graphBox ul { float: none }
.currentbillBox li.billdue { border-right: none; border-bottom: 1px solid #171717; }
.currentbillBox li.billdue, .actServicesBox ul.carouselWrapper, .recdOffersBox .offers .box { width: 100%;}
.actServicesBox ul.carouselWrapper li { padding: 0 2px }
.currentbillBox li.billstill { padding: 15px 0 0 0; }
.actServicesBox ul.carouselWrapper li a { padding: 5px 10px }
.changepsw .row label.head { width: 40%; padding: 0 0 5px 0 }
.changepsw .row .inputarea { width: 98% }
.changepsw .row .checkboxBtn { margin: 0; padding: 0 }
.passtype { margin: 15px 0 0 0; }
.storeLeft .selectWrap { width: 90%; }
/*TVADS*/
.vidList li { width: 100% }
.vidList li { padding: 0 0 5px 0 }
/*Edit Profile Start*/
.profileWrp .editBox, .profilePic { width: 100% }
.updatearea .editarea .selectWrap, .updatearea .editarea .inputFieldBox, .updatearea .editarea .textarea { width: 80% }
/*Edit Profile End*/

/*Careers Start*/
/*.loginBox.selectCity{ top:12px}*/
.loginBox.selectCity label, .loginBox.selectCity .selectWrap { /*float: none;*/ height: 10px; /*line-height: 10px; */ }
.loginBox.selectCity label, .loginBox.selectCity .selectWrap .selectedvalue { font-size: 1.2em }
.quotesBox .thum img { width: 100% }
.quotesBox .info { width: 65%; }
.centerBox { width: 100%; text-align: center; padding-bottom: 10px }
.centerBox p { float: none; text-align: center; padding-bottom: 10px }
.centerBox .purpleBtn { margin: 0; float: none }
.careerOwl .rewards, .oppWrp .opportunities { width: 100%; background: none; padding: 0; height: auto; border: none }
.careerOwl .rewards .knowMore { position: relative; top: 0; left: 0; text-align: center; margin: 15px 0 0 0; display: inline-block }
/*Careers End*/
/*Careers Form Start*/
.tabBox .row .col1, .tabBox .row .col2, .tabBox .row .col3, .tabBox .wdth40, .tabBox .wdth50 { width: 100% }
.tabBox .row .col2, .tabBox .row .col3, .tabBox .wdth50 { padding: 5px 0 }
.tabBox .row .col1 { padding: 0 }
.roundgraph .data { top: 30px; }
/*Careers Form End*/

.monthsDiv { width: 248px; float: none; margin: 0 auto; }
.yearDiv { float: none; margin: 0 auto; }
ul.monthsSelect { margin: 20px 0 0; }
span.arrowDown { top: 33px; }

.DNDofferWrap .DNDvoucherPlan {width:100%; margin:0;}
.DNDsectorWrap li { width:42%; padding:0 3%;}

.DNDofferWrap .DNDvoucherPlan .planTitle {font-size: 2em;}
.vidList .vidHead h3{  width:60%}

.advsearch-cont{width:300px}
.advsearch-cont .advselectBox{margin:0 10px 15px 0; width:121px}
.advsearch-cont .radioBtn{padding:5px 0 15px 0}
/*Vodafone Cares Start*/
.vfCares .titleBox .tblLogo { width: 40%; padding: 0 5px 0 0 }
.vfCares .titleBox h2 { width: 60%; margin: 25px 0 }
.tblarea { width: 280px }
.tblarea .dataBox, .tblarea.lst .dataBox { min-height: 450px }
/*Vodafone Cares End*/

.contRow .rowImg{width:26%; height:auto; }
.contRow .rowInfo, .partners .contRow .rowInfo{width:86%; box-sizing:border-box}
.contRow{padding:22px 0 14px}
.contRow.odd .rowInfo {margin: 0 0 0 15%; padding: 20px 15px 20px 50px;}
.partners .contRow.odd .rowInfo {padding: 15px 15px 15px 50px;}
.contRow.even .rowInfo {margin: 0  15% 0 0; padding: 20px 50px 20px 15px ;}
.partners .contRow.even .rowInfo {padding: 15px 50px 15px 15px;}
.contRow .rowInfo h4{font-size:1.8em; }
.contRow .rowInfo p{font-size:1.4em; line-height:inherit}
.partners .contRow .rowInfo p{font-size:1.2em}
.contRow .rowInfo p.rowInfoHead{font-size:1.4em; margin:0 0 14px 0}
.careersVf .searchContainer .divBox { width: 100% }
.distributor .rows .cols { width: 100% }
.otpForm .btnRt{padding:0}
.pswdStrength{padding:8px 0 0 0}

.category .categorySection .catlist{ width:100%;}
.searchsection .inputarea{ width:190px;}
.searchsection{width:100%;}
.category .categorySection .catlist span.text{ font-size:1.3em;}
.category .categorySection .catlist.active a.normalBtn{  padding: 6px 12px; font-size:1.1em; margin-top:5px;}
.category .categorySection .catlist span.icon{ width:38px;}
.chooseQuestion .chooseQuestionSection .questionList{ width:100%;}
.chooseQuestion .chooseQuestionSection .questionList span.text{ font-size:1.3em;}
.chooseQuestion .chooseQuestionSection .questionList span.text{ margin-left:5px; font-size:1.3em;}
.chooseQuestion .chooseQuestionSection .questionList.active a.normalBtn{  padding: 6px 12px; font-size:1.1em; margin-top:2px;}
.answerSection h4{ font-size:1.3em;}
.answerSection p, .answerSection ul li{font-size:1.2em;}

.leftLabel {font-size:1.5em; width:64%;}
.rightChk {width:34%;}

.familyServices .amt{ width:85px;}

.vodafone-circle-sel .selectWrap .selectedvalue{ padding-left:0px;}

.supportTopics ul li span.text{ width:64px;}
.supportTopics ul li{ width:140px;}
.supportTopics ul li.callerTune span.text{ margin-top:7px;}

.myvodaApp .appImage{ width:100%;}
.appImage img{ width:100%;}

.boxData {width:100%; border:none;}
.boxData:first-child {border-bottom:1px solid #c9c9c9; padding-bottom:20px;}
.boxData .dataRight {padding-left:5px;}

.leftArea{width:100%}
.rightArea > img{display:none}
.rightArea a{margin:0 0 20px 0}

/*.rowFrm .OTPtooltip{top:-80px; left:auto; right:30px}*/
/*.postPaid .rowFrm .OTPtooltip{right:30px;top:-44px;}*/

.offersBoxes .itemCont, .offersBoxes .itemCont:first-child{margin:0 82px 20px}

.bannerContainer .bannerContent h2 {font-size:2em;}
.bannerContainer .bannerContent p {font-size:1.5em;}
.bannerContainer .bannerContent { margin-left:5px;}
.bannerContainer .img-container {}
.rightArea a{float:left}
.data-info-container{ width:100%;}
.dataPopup p {font-size: 1.8em; width: 80%;}
.data-info-container .dataText{ font-size:1.7em;}
.slider-wrapper p{ width:80%;}
span.sliderText{ padding:0px;}
.itemCont{margin:0}

.bonuscardPopUp {width:170px;}
.shopCont .bonuscardPopUp .inputFieldBox input {width:130px;}

.offerBoxWrap .offerTop .rightArrow { padding:7% 3% 4% 3%;}


.bonuscardPopUp {width:170px;}
.shopCont .bonuscardPopUp .inputFieldBox input {width:130px;}
.compareListRow h2{ font-size:1.8em;}
.compareList ul li h3{ font-size:1.2em;}
.compareList .price{ font-size:1.5em;}
.compareList ul li{ width:100%; border:0px;}
.bottomBanner{ height:278px;}
.compareFilter .phonesBox h2{ font-size:1.8em;}
.contentRow a.backtoPhones{ font-size:2em;}
.comparPhonesTable{ overflow:hidden; overflow-x:scroll;}
.midBoxWrap .midBox, .midBoxWrap .midBox:first-child{width:100%; box-sizing:border-box; padding:10px 3% 10px 3%; border-left:none; border-top:1px solid #d9d9d9}
.midBoxWrap .midBox:first-child{border:none}
.roamingBox p{min-height:86px}

.offerBoxWrap .offerDetails .owl-carousel-offer .cardBox { width: 140px; margin:0 auto;}
.roamingBox{width:100%; margin:15px 0}
.RHSsection .roamingBox p{min-height:10px}
.roamingTips .carouselBucket .carouselItem{border:none;}
.boxesData .boxesDataRight {box-sizing: border-box; padding: 0 0 0 10px; width: 70%;}
.borderBox.boxesData img{width:30%}
.boxesData .boxesDataRight ul li{width:100%; box-sizing:border-box; padding:0}
/*.itemCont > a{ float:none; margin-left:0px; display:block;}*/



.postPaid .exOffers .offersBoxes .itemCont{ float:left;}
.topBoxes > ul > li{width:47%;}
.topBoxes > ul > li.odd{background:#ccf0f4}
.topBoxes > ul > li:nth-child(4n+4){background:#ccf0f4}
.topBoxes > ul > li:nth-child(4n - 1){background:#e5f7f9}
.comparPhonesTable table{ width:600px;}
/*.BonusCardWrap li{ float:none;}*/
.postPaid .billamtlink{ float:left;}

.billamountPop{box-sizing: border-box; width:100%; left:4px;}
.billamountPop span.topArrow{ left:45%;}
.offersBoxes .itemCont , .offersBoxes .itemCont:first-child{ margin: 0 88px 20px;}
.prepaidStepsWrap .rightSteps .stepsbox {width:44%;}
.disclaim .heading {font-size:1.3em;}
ul.sampleLinks li { width:auto; float:none; padding:3% 3% 3% 0;}
.headingT {width: 72%;}
.fullCont .formSection .frmRow > label, .fullCont .frmRtBox, .fullCont .frmRtBoxFull, .fullCont .formSection .frmRtBox.pswd{width:100%}
.fullCont .formSection .frmRtBox.pswd .inputFieldBox{width:64%;}
.fullCont .frmRtBox.paddingTop, .frmRtPara{padding:0}
.fullCont .pswdStrength{padding:5px 0 0 5px;}
.fullCont .formSection .frmRow{padding:10px 0 5px}
.otpBox p{ font-size:1.8em;}
}

 @media only screen and (min-width : 0px) and (max-width : 320px) {
.missionVisionList .row.fr .imgContainer, .missionVisionList .row.fl .imgContainer { width: 120px; }
.locationWrap input { width: 228px; }
.saveYourselfWrap .onlineBox { width: 80%; border: none; }
.saveYourselfWrap .onlineBox a { font-size: 1.5em; padding-left: 18px; }
.saveYourselfWrap .onlineBox.last a { padding-left: 24px; }
.accord-head span { top: 18px; }
/*Vodafone Cares Start*/
.vfCares .titleBox .movline { left: 55px }
/*Vodafone Cares End*/
.contRow .rowImg{width:30%; height:auto; }

/*.itemCont{width:142px; margin-left:60px }*/
.offersBoxes .itemCont, .offersBoxes .itemCont:first-child{margin:0 62px 20px}
.cartPopup{right:-40px;}
.cartPopup span.arrow{right:80px}
.leftSpace{padding:0}

.offerBoxWrap .offerDetails .owl-carousel-offer {width: 56%;}
.boxesDataRight h4{font-size:2.1em;}
.postPaid .billamtlink{ float:left;}
.headingT {font-size: 1.8em; width: 64%;}
/*.pagelinks li{ padding:0 5px;}*/
.commonaccordContent .tableWarp .planHeader p {font-size:1.3em;}

}