nav.searchNav {
    background: rgba(0, 0, 0, .9);
    position: absolute;
    top: 108px;
    display: none;
    height: 110px;
    z-index: 3333
}

nav.bottomNav span#userIcon:hover,
nav.bottomNav span#searchIcon:hover {
    color: #ffbe00;
    pointer: cursor
}

nav.searchNav h3 {
    font-size: 22px;
    line-height: 36px;
    color: #FFF;
    font-family: 'Myriad Pro Semibold', Myriadprosemibold!important;
    font-weight: normal!important;
    float: left;
    margin-right: 20px;
    margin-top: 30px;
    margin-left: 45px;
    clear: none;
    display: inline-block
}

a.linkToShop:hover {
    color: #ffbe00
}

nav.searchNav span.icon-remove {
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px
}

nav.searchNav span.icon-search-find,
nav.searchNav span.icon-delete-circle {
    display: block;
    height: 48px;
    float: left;
    margin-top: 20px;
    background: #fff;
    width: 48px;
    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;
    cursor: pointer
}

nav.searchNav span.icon-delete-circle {
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    border: 0;
}

nav.searchNav span.icon-search-find:before,
nav.searchNav span.icon-delete-circle:before {
    font-size: 25px;
    position: relative;
    top: 12px;
    left: 12px;
    color: #989898
}

.menuSearch {
    width: 30%;
    font-size: 21px;
    font-family: 'Myriad Pro', MyriadProRegular;
    padding: 15px 20px;
    margin-bottom: 15px;
    color: #989898;
    display: block;
    background-color: #fff;
    margin-top: 20px;
    float: left;
    -moz-box-shadow: inset 0 0 10px #ebebeb;
    -webkit-box-shadow: inset 0 0 10px #ebebeb;
    box-shadow: inset 0 0 10px #ebebeb;
    background: #fff
}

input#menuSearch:focus {
    outline-color: #6b6b6b!important
}

div.topNavDropDownContainer {
    display: none
}

nav.bottomNav {
    background-color: rgba(0, 0, 0, .7)!important;
    overflow: visible!important;
    height: 50px!important
}

div.menuSearchContainer {
    position: absolute;
    right: 40px;
    top: 10px;
    display: inline-block;
    overflow: hidden;
    width: 0
}

div#supportMenu>div.menuList:nth-of-type(3) div.bx-wrapper {
    position: relative;
    left: 83px;
    width: 300px!important
}

div.allServices {
    top: 15px;
    position: relative
}

div.loginPanel h4:nth-of-type(3) {
    color: #fff!important
}

div.allServices a {
    color: #fff!important;
    cursor: pointer
}

h2.shopServices.active {
    color: #ffbe00!important
}

nav.topNav ul {
    display: block
}

div.menuContainer {
    display: none;
    float: left;
    clear: both;
    width: 1366px;
    left: 0;
    margin-left: 0;
    background: rgba(0, 0, 0, .9);
    height: 580px!important;
    position: absolute;
    top: 0;
    padding: 85px 45px 0 135px;
    z-index: 1
}

h2.visible + div.menuContainer,
h2.active + div.menuContainer {
    display: block!important
}

ul.primaryMenu li.active h2.shopServices.visible,
ul.primaryMenu li.active h2.shopServices.active {
    color: #FFB400
}

h2.shopServices:hover div.menuContainer {
    height: 580px!important
}

ul.right {
    margin-top: 0
}

div.menuContainer ul li {
    float: none
}

div.menuList {
    float: left;
    width: 572px;
    margin-right: 30px
}

div.menuList3 {
    float: right;
    width: 300px;
    margin-right: 0;
    display: block
}

#supportMenu ul.menu.mobileMenu {
    width: 320px
}

ul.menu.mobileMenu li h4.headingListItem {
    top: 140px!important;
    margin-bottom: 0px!important
}

div#shopMenu .menu {
    float: left
}

#shopMenu .menuList:nth-of-type(1) h4:nth-of-type(2) {
    margin-top: -35px;
    margin-bottom: 18px;
    margin-right: 100px;
    display: block;
    float: right
}

div.submenuContainer a:nth-of-type(2) small {
    margin-left: 10px
}

a.linkToShop.icon-external-link:before {
    float: right;
    margin-left: 5px;
    font-size: 14px;
    margin-top: 5px
}

#shopMenu .menuList:nth-of-type(1) ul:nth-of-type(2) {
    float: right;
    margin-right: 123px
}

a.linkToShop {
    font-size: 22px;
    color: #fff;
    font-family: 'Myriad Pro Semibold', MyriadProSemiBold!important;
    font-weight: normal!important;
    position: relative;
    top: 0
}

a.linktoShop {
    float: right
}

div.menuContainer ul li {
    float: none;
    line-height: 32px;
    margin: 0
}


#supportMenu ul li {
    line-height: 20px;
    margin-bottom: 15px
}

div.menuContainer ul li a {
    font-size: 17px;
    color: #FFF;
    font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
    font-weight: normal!important;
    text-decoration: none
}

div.menuContainer ul li a:hover {
    color: #ffd96b
}

ul.socialMediaList li a {
    color: #fff!important
}

div.menuContainer h3 {
    font-size: 30px;
    line-height: 36px;
    color: #ffbe00;
    font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
    font-weight: normal!important
}

div.listContainer {
    float: left;
    display: inline-block;
    height: 178px
}

ul#socialMediaList li a {
    font-size: 27px
}

div.yellowBox {
    clear: both;
    background-color: #FFBE00;
    padding: 15px 25px;
    font-size: 20px;
    font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
    font-weight: normal!important;
    float: left;
    margin-top: 30px;
    color: #000
}

.box .button {
    display: none
}

.box {
    display: inline-block;
    clear: both;
    font-weight: normal!important;
    float: left;
    margin-top: 5px
}

.box a.button span.icon {
    vertical-align: middle
}

div.yellowBox a {
    color: #000
}

div.menuContainer h4,
div.menuContainer h4 a {
    font-size: 25px!important;
    line-height: 36px;
    color: #fff;
    margin-top: 28px;
    margin-bottom: -8px;
    font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
    font-weight: normal!important;
    -webkit-font-smoothing: subpixel-antialiased
}

div.menuContainer h4 {
    color: #989898
}

div.menuContainer li h4,
div.menuContainer li h4 a {
    margin-top: 0px!important;
    margin-bottom: 7px;
    white-space: nowrap;
    cursor: pointer
}

div.menuContainer li h4.selected,
div.menuContainer li h4 a.selected,
div.menuContainer li a.selected,
.footerContainer .column a.selected,
div.submenuContainer a.titleLink.selected h4.menuContent,
div#copyright a.selected {
    color: #FFB400!important
}

div.submenuContainer a.icon-adobe11 {
    color: #ffffff;
    display: inline-block;
    margin-top: 10px;
    margin-right: 47px;
    float: left;
    top: 80px;
    position: relative;
}
div.submenuContainer a.icon-adobe11:before {
    font-size: 25px;
    vertical-align: middle
}

#thirdSubmenu li>a>h4 {
    border-top: 2px solid #6b6c69;
    padding-top: 23px!important
}

h2.shopServices {
    font-size: 22px;
    line-height: 36px;
    color: #FFF;
    cursor: pointer;
    position: absolute;
    top: 14px;
    font-family: 'Myriad Pro Semibold', Myriadprosemibold!important;
    font-weight: normal!important;
    z-index: 2
}

h2.shopServices:before {
    display: none
}

div#supportMenu .menuList:nth-of-type(2) ul.menu.mobileMenu li:nth-of-type(2) {
    display: none
}

ul.primaryMenu li a.linkToMyMTN {
    left: 519px;
    font-size: 22px;
    line-height: 36px;
    color: #FFF;
    cursor: pointer;
    position: absolute;
    top: 14px;
    font-family: 'Myriad Pro Semibold', Myriadprosemibold!important;
    font-weight: normal!important;
    z-index: 2
}
ul.primaryMenu li a.linkToWhole {
    left: 620px;
    font-size: 22px;
    line-height: 36px;
    color: #FFF;
    cursor: pointer;
    position: absolute;
    top: 14px;
    font-family: 'Myriad Pro Semibold', Myriadprosemibold!important;
    font-weight: normal!important;
    z-index: 2
}

	ul.primaryMenu li a.linkC19 {

    left: 745px;
    font-size: 22px;
    line-height: 36px;
    color: #FFF;
    cursor: pointer;
    position: absolute;
    top: 14px;
    font-family: 'Myriad Pro Semibold', Myriadprosemibold!important;
    font-weight: normal!important;
    z-index: 2;

}

h2[data-id='shop'] {
    left: 145px
}

ul.primaryMenu>li:nth-of-type(1) {
    position: absolute;
    left: 138px;
    z-index: 2
}

ul.primaryMenu>li:nth-of-type(7) {
    display: none
}

h2[data-id='support'] {
    left: 420px
}

h2[data-id='plans'] {
    left: 228px
}
a.linkToWhole{
    left: 620px
}

div.rightMenuContainer ul.right {
    margin-right: 90px
}

h2.shopServices.active div.menuContainer {
    display: block
}

h2.shopServices:hover {
    color: #ffbe00
}

ul#socialMediaList li {
    float: left;
    margin-right: 40px
}

div.siteDropDown + ul.right>li:nth-of-type(2) {
    margin-right: 0
}

div.siteDropDown + ul.right>li:nth-of-type(1) {
    margin-right: 20px!important
}

ul#socialMediaList li:nth-last-of-type(1) {
    margin: 0
}

ul#socialMediaList li:nth-last-of-type(1) img {
    margin-top: 5px
}

h4.globalNavChanger {
    display: none
}

img.closeIcon {
    display: none
}

h3.other {
    display: none
}

img.searchIcon {
    position: absolute;
    right: 32px;
    margin-top: 20px
}

#secondSubmenu {
    float: left;
    position: relative
}

#firstSubmenu a {
    background: none!important
}

#firstSubmenu {
    float: left;
    width: 272px
}

h4.menuContent {
    color: #fff!important;
    font-size: 27px;
    font-family: 'Myriad Pro SemiBold', MyriadProSemibold;
    -webkit-font-smoothing: subpixel-antialiased
}

h4.menuContent.headingListItem {
    font-family: 'Myriad Pro SemiBold', MyriadProSemibold!important;
    -webkit-font-smoothing: subpixel-antialiased
}

div.menuContainer h3.mobileSubMenuMainHeading {
    display: none
}

.subMenuIcon {
    float: left;
    padding-top: 29px;
    padding-right: 26px
}

a.titleLink small {
    color: #fff;
    line-height: 24px
}

div.submenuContainer a.titleLink small {
    font-size: 17px;
    color: #FFF;
    font-family: Myriad Pro SemiBold, 'MyriadProSemiBold';
    text-decoration: none
}

.rechargeMTop.icon-recharge h4,
a.titleLink h4.menuContent {
    margin-bottom: 5px
}

.profile.loggedIn a.titleLink.icon-upgrade:nth-of-type(1) {
    margin-top: 0px!important
}

div.submenuContainer a h4.menuContent {
    font-family: 'Myriad Pro SemiBold', MyriadProSemibold!important;
    -webkit-font-smoothing: subpixel-antialiased;
    font-weight: 400
}

.subMenuIcon:nth-of-type(2) {
    border-top: 1px solid #aaa;
    padding-right: 26px
}

ul#thirdSubmenu {
    float: left
}

#secondSubmenu {
    float: left;
    position: relative;
    width: 165px;
    margin-top: 22px
}

.subMenuIcon:nth-of-type(2) {
    border-top: 2px solid #6b6c69;
    padding-top: 30px
}

.menuList:nth-of-type(2),
.menuList:nth-of-type(3) {
    width: 266px;
    margin-right: 0;
    padding: 62px 0
}

.menuList:nth-of-type(2) {
    padding: 0
}

.menuList:nth-of-type(3) {
    width: 300px;
    float: right;
    margin-right: 18px
}

.menuList #owl-menuSlider2 {
    float: right;
    width: auto;
    margin-right: 0
}

div#plansMenu div.menuList:nth-of-type(3) .bx-wrapper .bx-viewport {
    width: 300px!important
}

.menuSlide {
    background: #aaa;
    width: 300px!important;
    height: 250px
}

.menuList .bx-wrapper .bx-pager {
    width: 300px!important;
    top: 250px;
    display: block
}

.loginPanel .bx-pager.bx-default-pager {
    display: block
}

.promoBannerExample {
    margin: auto;
    width: 152px;
    font-size: 25px;
    color: black;
    margin-top: 35%
}

#supportMenu .menuList {
    width: 334px
}

#supportMenu .menuList:nth-of-type(2) {
    width: 373px;
    margin-right: -10px;
    margin-left: 60px
}

.submenuContainer .icon-recharge:before {
    display: block;
    font-size: 40px;
    float: left;
    height: 85px;
    margin-top: 10px;
    color: #ffbe00;
    width: 45px;
    margin-right: 10px
}

.rechargeMTop small {
    font-size: 17px;
    color: #FFF;
    font-family: Myriad Pro SemiBold, 'MyriadProSemiBold';
    text-decoration: none;
    color: #fff;
    line-height: 24px
}

.rechargeMTop {
    display: inline-block;
    margin-bottom: 10px;
    width: 230px;
    margin-left: 20px;
    padding-right: 10px;
    padding-left: 5px
}

a.titleLink {
    display: inline-block;
    margin-bottom: 10px;
    width: 230px;
    margin-left: 20px;
    padding-right: 10px;
    padding-left: 5px
}

.rechargeMTop.icon-recharge {
    border-bottom: 1px solid;
    padding-bottom: 20px
}

a.titleLink.icon-recharge:before,
a.titleLink.icon-upgrade:before {
    display: block;
    font-size: 40px;
    float: left;
    height: 85px;
    margin-top: 10px;
    color: #ffbe00;
    width: 45px;
    margin-right: 10px
}

.shopIconWhite {
    background: url(/Style%20Library/images/shopIconWhite.png) no-repeat center;
    padding: 0 10px
}

.shopIconBlack {
    background: url(/Style%20Library/images/shopIconBlack.png) no-repeat center;
    padding: 0 10px
}

.shopIconGrey {
    background: url(/Style%20Library/images/shopIconGrey.png) no-repeat center;
    padding: 0 10px
}

h2[data-id='shop']>a {
    left: 145px;
    color: #fff!important
}

.menuItems {
    top: 18px;
    position: relative
}

p.goShop span {
    padding: 7px 0 0 5px;
    font-size: 17px;
    vertical-align: middle
}

div#connectWithUs a {
    font-size: 31px;
    color: #b7b7b7!important;
    margin-right: 34px
}

div#connectWithUs a:hover {
    color: #FFB400!important
}

ul#socialMediaList {
    margin-top: 20px
}

.icon-arrow-down:before {
    content: '-';
    float: right;
    margin: 13px 10px 0 0;
    text-align: left
}

img.globalNavClose {
    display: none
}

span#userIcon.icon-user.active {
    color: #ffbe00
}

h3#loginName {
    position: absolute;
    right: 155px;
    margin-top: 21px;
    color: #fff;
    font-size: 22px;
    z-index: 1000;
    display: none
}

span#userIcon.icon-user {
    position: absolute;
    right: 105px;
    margin-top: 19px;
    color: #fff;
    font-size: 25px;
    z-index: 1000;
    display: inline-block;
    cursor: pointer
}

div#menuIcon.container {
    width: 0;
    height: auto
}

span#searchIcon.icon-search-find {
    position: absolute;
    right: 55px;
    margin-top: 17px;
    background: none!important;
    color: #fff;
    font-size: 25px;
    z-index: 1000;
    display: inline-block;
    top: 0;
    cursor: pointer
}

span#searchIcon.icon-search-find.active {
    color: #ffbe00
}

span#menuIcon.icon-hamburger {
    position: absolute;
    right: 15px;
    margin-top: 20px;
    color: #fff;
    font-size: 20px;
    z-index: 1000;
    display: none;
    -webkit-transform: scale(1.8, 1);
    -moz-transform: scale(1.8, 1);
    -ms-transform: scale(1.8, 1);
    -o-transform: scale(1.8, 1);
    transform: scale(1.8, 1)
}

span#menuIcon.icon-remove {
    position: absolute;
    right: 10px;
    margin-top: 13px;
    color: #fff;
    font-size: 34px;
    z-index: 1000;
    display: block
}

nav.loginMenu {
    display: none;
    background: rgba(0, 0, 0, .9);
    height: 580px!important;
    position: absolute;
    top: 49px;
    padding: 95px 45px 0 135px;
    z-index: 1
}

div.profile,
div.loginPanel,
loyaltySlider {
    position: relative;
    top: 30px;
    left: 0
}

div.profile {
    position: absolute;
    display: block;
    overflow: visible!important;
    width: 1170px;
    top: 115px;
    left: 135px;
    padding-top: 0
}

div.profile ul:nth-of-type(2) {
    width: 240px
}

div.profile .bx-wrapper {
    float: right;
    margin: 0 45px
}

div.profile .bx-wrapper .bx-viewport {
    width: 300px!important
}

div.profile .bx-pager.bx-default-pager {
    display: inline-block!important;
    bottom: 0px!important;
    padding-top: 0px!important
}

nav.loginMenu ul {
    margin-right: 50px;
    float: left
}

nav.loginMenu ul li {
    float: none;
    margin-bottom: 13px;
    width: 100%
}

nav.loginMenu ul li a {
    color: #fff;
    font-size: 17px;
    display: inline-block;
    font-size: 17px;
    color: #FFF;
    font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
    font-weight: normal!important;
    text-decoration: none
}

nav.loginMenu ul li a.selected {
    color: #FFBE00
}

a.loginForgotPassword {
    margin-bottom: 10px
}

div.profile a.titleLink:nth-of-type(1) {
    border-bottom: none;
    margin-left: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-left: 0
}

nav.loginMenu h3 {
    font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
    font-weight: normal!important;
    color: #ffbe00;
    font-size: 30px;
    position: relative;
    top: 20px;
    left: 0
}

div.loginPanel h3 {
    top: -25px!important;
    left: 0px!important
}

.loginPanel {
    overflow: visible!important
}

div.profile h3 {
    top: -25px!important;
    left: 0px!important
}

nav.loginMenu h4 {
    font-size: 25px!important;
    line-height: 36px;
    color: #fff;
    margin-top: 0;
    margin-bottom: -8px;
    font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased
}

div.loginPanel h4 {
    position: absolute;
    color: #b3b3b3
}

div.loginPanel h4:nth-of-type(3) {
    left: 630px
}

div.loginPanel h4:nth-of-type(2) {
    left: 285px
}

div.profile ul:nth-of-type(1) li:nth-of-type(4) {
    margin-bottom: 55px
}

div.profile ul:nth-of-type(1) li:nth-of-type(6) {
    margin-bottom: 30px
}

div.profile ul:nth-of-type(2) li p {
    color: #b3b3b3;
    line-height: inherit;
    margin-top: 27px;
    width: 190px
}

div.LoginPannel2 a.button {
    min-width: 220px;
    margin-bottom: 13px
}

div.profile ul li:nth-of-type(1) {
    margin-bottom: 30px
}

div.profile ul:nth-of-type(2) li:nth-of-type(1) {
    margin-bottom: 0
}

div.loginPanel input[type='text'],
div.loginPanel input[type='password'] {
    padding: 15px 20px;
    margin-bottom: 5px;
    font-family: 'Myriad Pro Regular', MyriadProRegular;
    font-size: 16px;
    color: #b7b7b7;
    width: 220px
}

div.loginPanel ul {
    width: 220px;
    float: left;
    margin-right: 65px;
    margin-top: 50px
}

div.loginPanel li:nth-of-type(1) {
    margin-bottom: 15px
}

div.loginPanel ul:nth-of-type(3) {
    margin-right: 20px
}

div.loginPanel .button,
div.loginPanel a.facebookLogin {
    width: 100%;
    color: #000;
    font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
    font-weight: normal!important;
    font-size: 20px;
    text-align: center;
    display: block;
    background-color: #ffbe00;
    padding: 10px 0;
    clear: both;
    cursor: pointer
}

ul div.LoginPannel2 li p.button a {
    color: #373737
}

div.loginPanel a.facebookLogin.icon-facebook {
    background-color: #5174bb;
    font-family: 'Myriad Pro', MyriadPro;
    font-size: 16px;
    color: #fff;
    text-align: right;
    position: relative;
    margin-bottom: 25px;
    padding-top: 15px;
    padding-right: 10px;
    width: 220px
}

div.loginPanel ul:nth-of-type(2) li p {
    width: 280px
}

a.facebookLogin.icon-facebook:before {
    position: absolute;
    font-size: 30px;
    top: 0;
    display: block;
    border-right: 1px solid rgba(255, 255, 255, .5);
    height: 21px;
    padding: 10px
}

div.loginPanel ul:nth-of-type(2) li a {
    margin-left: 10px;
    font-size: 17px;
    position: relative;
    float: left;
    left: 35px;
    top: 10px;
    display: inline-block;
    color: #b3b3b3
}

div.registerPannel li:nth-of-type(4) a {
    left: -7px!important;
    margin-left: -30px
}

div.loginPanel ul:nth-of-type(2) li a:before {
    font-size: 30px;
    position: absolute;
    left: -45px
}

div.loginPanel ul:nth-of-type(2) li:nth-of-type(3) a {
    top: 0
}

span.semibold {
    font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
    font-weight: normal!important
}

div.loginPanel ul:nth-of-type(2) li:nth-of-type(3) a:before {
    top: 0
}

div.loginPanel ul:nth-of-type(2) {
    width: 280px
}

div.loginPanel ul:nth-of-type(2) li p {
    margin: 0;
    line-height: 23px;
    color: #b3b3b3
}

div.loginPanel ul:nth-of-type(2) li p.button {
    color: #000!important;
    width: 261px!important;
    margin-left: 0px!important
}

div.loginPanel ul:nth-of-type(2) li {
    margin-bottom: 25px;
    clear: both;
    display: inline-block;
    min-height: 35px
}

div.registerPannel li p.button {
    height: 42px;
    width: 261px!important;
    margin: 0 auto!important;
    padding: 0px!important
}

div.registerPannel li p.button a {
    color: #373737;
    left: 90px!important;
    vertical-align: -webkit-baseline-middle;
    text-align: center!important
}

div.profile ul li h4:before {
    display: none
}

nav.loginMenu a.icon-external-link:before {
    float: right;
    margin-left: 5px
}

a.logout {
    position: absolute;
    right: 30px;
    font-size: 17px;
    color: #fff;
    font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
    font-weight: normal!important
}

a.logout span:before {
    font-size: 15px
}

a.logout span.icon-user {
    position: absolute;
    right: 105px;
    margin-top: 20px;
    color: #fff;
    font-size: 30px
}

a.logout span#userIcon.icon-user {
    position: relative;
    top: 0;
    left: 0;
    margin-right: 10px
}

a.logout {
    position: absolute;
    right: 30px;
    font-size: 17px;
    color: #fff;
    font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
    font-weight: normal!important;
    right: 0;
    top: -40px
}

nav.loginMenu a.logout span {
    top: -28px;
    left: -30px
}

div.loginPanel .bx-wrapper {
    width: 300px;
    float: left;
    display: block
}

.loginPanel .bx-wrapper .bx-controls.bx-has-pager.bx-has-controls-direction {
    bottom: 20px;
    position: relative
}

div.loginPanel input[type='password'] {
    margin-bottom: 14px
}

@media only screen and (min-width:1349px) {
    img.globalNavClose {
        display: none!important
    }
    span#searchIcon.icon-search-find {
        z-index: 10;
        padding-top: 5px;
        height: 40px;
        width: 50px;
        background: #000;
        right: 30px;
        top: -6px
    }
    input#menuSearch {
        position: absolute;
        top: -68px;
        right: 83px;
        padding: 10px 0;
        width: 0;
        height: 38px;
        background: rgba(0, 0, 0, .5);
        box-shadow: 0 0 0 #000
    }
    nav.searchNav {
        display: block;
        height: 0
    }
    nav.searchNav h3,
    nav.searchNav span:nth-of-type(2),
    nav.searchNav span:nth-of-type(3) {
        display: none
    }
    nav.bottomNav span#userIcon.icon-user {
        right: 105px;
        margin-top: 15px!important
    }
    nav.searchNav span.icon-delete-circle {
        color: #fff!important;
        position: absolute;
        box-shadow: 0 0 0 #000!important;
        right: 85px;
        background: 0;
        height: 23px;
        width: 27px;
        top: -61px;
        padding: 0;
        margin-top: 20px!important;
        display: none
    }
    nav.searchNav span.icon-delete-circle:before {
        top: 0;
        left: 0
    }
    h3.shopMenu.mobileMenuSubHeader:before {
        display: none
    }
    ul.menu.mobileMenu {
        width: 190px;
        
        float: left
    }
    div.menuContainer h4 {
        margin-top: 0
    }
    a.titleLink {
        width: 230px
    }
    .rechargeMTop.icon-recharge {
        margin-top: 25px;
        border-bottom: 1px solid;
        margin-bottom: 30px;
        padding-bottom: 30px
    }
    #supportMenu div.menuList:nth-of-type(1) ul.menu.mobileMenu {
        margin-top: 25px
    }
    #supportMenu div.menuList:nth-of-type(2) ul.menu.mobileMenu {
        margin-top: 0
    }
    #supportMenu div.menuList:nth-of-type(1) ul.menu.mobileMenu li h4 {
        margin-top: 35px!important;
        margin-bottom: 25px;
        color: #989898;
        font-size: 24px;
        font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
        font-weight: normal!important
    }
    #supportMenu div.menuList:nth-of-type(2) ul.menu.mobileMenu li h4 {
        color: #fff;
        position: absolute;
        left: 132px!important;
        font-size: 25px;
        top: 120px;
        font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
        font-weight: normal!important
    }
    #supportMenu div.menuList:nth-of-type(2) h3 {
        color: #989898;
        margin-top: 60px;
        font-size: 24px;
        font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
        font-weight: normal!important
    }
    #supportMenu div.yellowBox {
        margin-top: 0;
        width: 321px;
        padding: 15px 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .topNavDropDownContainer {
        display: none!important
    }
    img.globalNavClose {
        display: none!important
    }
    nav.searchNav {
        background: rgba(0, 0, 0, .9);
        position: absolute;
        top: 108px;
        height: 110px
    }
    nav.searchNav h3 {
        font-size: 22px;
        line-height: 36px;
        color: #FFF;
        font-family: 'Myriad Pro Semibold', Myriadprosemibold!important;
        font-weight: normal!important;
        float: left;
        margin-right: 20px;
        margin-top: 30px;
        margin-left: 45px;
        clear: none;
        display: inline-block
    }
    nav.searchNav span.icon-remove {
        color: #fff;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 25px
    }
    .menuSearch {
        width: 30%!important;
        height: 48px;
        font-size: 21px;
        font-family: 'Myriad Pro', MyriadProRegular;
        padding: 15px 20px;
        margin-bottom: 15px;
        color: #989898;
        display: block;
        background-color: #fff;
        margin-top: 20px;
        float: left;
        -moz-box-shadow: inset 0 0 10px #ebebeb;
        -webkit-box-shadow: inset 0 0 10px #ebebeb;
        box-shadow: inset 0 0 10px #ebebeb;
        background: #fff
    }
    nav.searchNav span.icon-search-find,
    nav.searchNav span.icon-delete-circle {
        display: block;
        height: 48px;
        float: left;
        margin-top: 20px;
        background: #fff;
        width: 48px;
        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;
        cursor: pointer
    }
    span#userIcon.icon-user {
        right: 105px!important
    }
    ul.menu.mobileMenu li h4.headingListItem {
        top: 152px!important;
        left: 31px!important
    }
    .bottomNav .rightMenuContainer {
        display: block
    }
    span#menuIcon.icon-remove {
        display: none
    }
    #supportMenu .box a.button {
        padding: 15px 20px
    }
    a.logo {
        margin-left: 33px
    }
    a.logout {
        right: 50px
    }
    a.logout span#userIcon.icon-user {
        left: -5px
    }
    div.menuContainer {
        display: none;
        float: left;
        clear: both;
        width: 768px!important;
        margin-left: 0px!important;
        padding: 95px 25px 0 33px!important;
        z-index: 1
    }
    div#plansMenu,
    div#supportMenu {
        margin-top: -1px!important
    }
    h2.shopServices.visible .menuContainer {
        display: block!important
    }
    div.menuList {
        width: 490px;
        margin-right: 20px
    }
    .menuList:nth-of-type(2),
    .menuList:nth-of-type(3) {
        width: 195px;
        margin-top: 0
    }
    .menuList:nth-of-type(3) {
        display: none
    }
    div#plansMenu div.menuList:nth-of-type(1) div.submenuContainer {
        width: 485px
    }
    h3.shopMenu.mobileMenuSubHeader:before {
        display: none
    }
    ul.menu.mobileMenu {
        width: 164px;
        margin-right: 0;
        float: left
    }
    div.menuContainer h4 {
        margin-top: 0;
        font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
        font-weight: normal!important
    }
    a.titleLink {
        width: 230px
    }
    a.titleLink:nth-of-type(1) {
        margin-bottom: 7px;
        padding-bottom: 15px
    }
    div#supportMenu div.menuList:nth-of-type(1) {
        margin-right: 90px
    }
    #supportMenu div.menuList:nth-of-type(1) ul.menu.mobileMenu {
        margin-top: 24px;
        margin-bottom: 20px
    }
    #supportMenu div.menuList:nth-of-type(2) ul.menu.mobileMenu {
        margin-top: 0;
        margin-bottom: 15px
    }
    #supportMenu div.menuList:nth-of-type(1) ul.menu.mobileMenu li h4 {
        margin-top: 35px!important;
        margin-bottom: 25px;
        color: #989898;
        font-size: 24px;
        font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
        font-weight: normal!important
    }
    #supportMenu div.menuList:nth-of-type(2) ul.menu.mobileMenu li h4 {
        color: #fff;
        position: absolute;
        left: 30px;
        font-size: 25px;
        top: 150px;
        font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
        font-weight: normal!important
    }
    #supportMenu div.menuList:nth-of-type(2) h3 {
        color: #989898;
        margin-top: 60px;
        font-size: 24px;
        font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
        font-weight: normal!important
    }
    #supportMenu div.yellowBox {
        margin-top: 0
    }
    .box a.button {
        min-width: 230px;
        padding: 8px 5px;
        margin-right: 0
    }
    div.loginPanel {
        left: 0
    }
    .LoginPannel2 {
        width: 204px
    }
    div.LoginPannel2 a.button {
        width: 204px!important
    }
    div.profile {
        left: 35px;
        width: 740px
    }
    div.loginPanel ul {
        margin-right: 40px
    }
    a.button.signOutBtn {
        left: 0px!important;
        margin-left: 0px!important
    }
    div.loginPanel ul:nth-of-type(2) {
        width: 270px
    }
    div.loginPanel ul:nth-of-type(3) {
        width: 145px;
        margin-right: 0
    }
    nav.bottomNav,
    nav.topNav {
        padding-left: 30px;
        height: 50px!important
    }
    div.loginPanel h4:nth-of-type(3) {
        left: 560px
    }
    div.menuList3 {
        display: none
    }
    div.loginPanel h4:nth-of-type(2) {
        left: 255px
    }
    nav.loginMenu h3 {
        left: 0
    }
    .loginPanel .bx-wrapper {
        display: none
    }
    div.submenuContainer div.yellowBox {
        padding-left: 10px;
        padding-right: 10px
    }
    div#supportMenu.menuContainer div.menuList:nth-of-type(1) div.submenuContainer div.yellowBox {
        width: 321px;
        padding-left: 15px
    }
    a.titleLink:nth-of-type(2) {
        float: right;
        margin-top: -60px!important
    }
    div.submenuContainer a.icon-adobe11 {
        margin-right: 0;
        margin-left: 45px
    }
    div.profile .bx-wrapper {
        display: none
    }
    div.loginPanel .bx-wrapper {
        display: none
    }
    nav.loginMenu {
        padding: 95px 25px 0 33px!important
    }
    img.searchIcon {
        position: absolute;
        right: 49px;
        margin-top: 20px
    }
    .menuItems {
        top: 18px;
        position: relative;
        right: 8px
    }
    div.secondaryMenuList {
        width: 280px
    }
    #supportMenu .menuList:nth-of-type(2) {
        width: 250px;
        margin: 0
    }
    .menuList:nth-of-type(3) {
        display: none
    }
    nav.loginMenu ul {
        margin-right: 35px
    }
}

@media only screen and (min-width:962px) and (orientation:landscape) {
    span#menuIcon.icon-remove {
        display: none
    }
}

@media only screen and (max-width:1348px) and (min-width:1024px) {
    nav.topNav {
        height: 50px!important
    }
    img.globalNavClose {
        display: none!important
    }
    nav.searchNav {
        background: rgba(0, 0, 0, .9);
        position: absolute;
        top: 108px;
        height: 110px
    }
    nav.searchNav h3 {
        font-size: 22px;
        line-height: 36px;
        color: #FFF;
        font-family: 'Myriad Pro Semibold', Myriadprosemibold!important;
        font-weight: normal!important;
        float: left;
        margin-right: 20px;
        margin-top: 30px;
        margin-left: 45px;
        clear: none;
        display: inline-block
    }
    nav.searchNav span.icon-remove {
        color: #fff;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 25px
    }
    .menuSearch {
        width: 30%!important;
        height: 48px;
        font-size: 21px;
        font-family: 'Myriad Pro', MyriadProRegular;
        padding: 15px 20px;
        margin-bottom: 15px;
        color: #989898;
        display: block;
        background-color: #fff;
        margin-top: 20px;
        float: left;
        -moz-box-shadow: inset 0 0 10px #ebebeb;
        -webkit-box-shadow: inset 0 0 10px #ebebeb;
        box-shadow: inset 0 0 10px #ebebeb;
        background: #fff
    }
    nav.searchNav span.icon-search-find,
    nav.searchNav span.icon-delete-circle {
        display: block;
        height: 48px;
        float: left;
        margin-top: 20px;
        background: #fff;
        width: 48px;
        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;
        cursor: pointer
    }
    span#userIcon.icon-user {
        right: 105px!important
    }
    .topNavDropDownContainer {
        display: none!important
    }
    .rightMenuContainer {
        display: block!important
    }
    span#menuIcon.icon-remove {
        display: none
    }
    div.loginPanel h4:nth-of-type(3) {
        left: 560px
    }
    #supportMenu div.menuList:nth-of-type(2) ul.menu.mobileMenu li h4 {
        color: #fff;
        position: absolute;
        left: 145px;
        font-size: 25px;
        top: 146px;
        font-family: 'Myriad Pro Semibold', MyriadProSemibold!important;
        line-height: 25px
    }
    a.logout {
        right: -35px
    }
    #supportMenu div.menuList:nth-of-type(1) {
        margin-top: 40px
    }
    #supportMenu div.menuList:nth-of-type(1) ul.menu.mobileMenu li h4 {
        margin-top: 25px!important;
        margin-bottom: 15px
    }
    div.profile {
        width: 795px;
        height: 340px;
        left: 140px
    }
    .box a.button {
        min-width: 239px!important;
        padding: 10px
    }
    #supportMenu div.menuList:nth-of-type(2) ul.menu.mobileMenu li h4 {
        left: 128px;
        top: 115px
    }
    #supportMenu div.menuList:nth-of-type(2) h3 {
        margin-top: 82px
    }
    div.submenuContainer a.icon-adobe11 {
        margin-top: 0px!important;
        margin-left: 0px!important
    }
    h2.shopServices.visible + .menuContainer {
        display: block!important
    }
    div.menuContainer {
        width: 100%;
        margin-left: 0px!important;
        padding: 55px 20px 0 130px!important
    }
    div#plansMenu .menuList {
        margin-top: 40px;
        width: 565px
    }
    div#plansMenu div.menuList:nth-of-type(1) div.submenuContainer {
        width: 525px
    }
    div#plansMenu div.menuList:nth-of-type(2) {
        width: 200px
    }
    div.menuList div.submenuContainer a.titleLink.icon-recharge {
        margin-left: 60px;
        margin-top: 7px
    }
    .rechargeMTop.icon-recharge,
    a.titleLink.icon-upgrade {
        margin-left: 30px
    }
    .menuList:nth-of-type(3) {
        display: none
    }
    ul#socialMediaList.socialMediaIcons {
        width: 380px
    }
    div.loginPanel ul {
        margin-right: 80px
    }
    div.loginPanel h4:nth-of-type(3) {
        left: 660px
    }
    div.loginPanel {
        left: 105px
    }
    .menuList3 {
        display: none!important
    }
    nav.loginMenu h3 {
        left: 105px
    }
    .menuSlide {
        display: none
    }
    nav.loginMenu {
        padding: 80px 45px 0 35px
    }
    h3.shopMenu.mobileMenuSubHeader.icon-angle-right:before {
        content: ''
    }
    div.menuContainer h4 {
        margin-top: 10px
    }
    a.titleLink.icon-recharge:before,
    a.titleLink.icon-upgrade:before {
        height: 95px
    }
    div#menuSlider {
        display: none
    }
    .loginPanel .bx-wrapper {
        display: none
    }
    div.menuList:nth-of-type(1) div.submenuContainer ul.menu.mobileMenu {
        width: 178px;
        float: left
    }
    div.profile .bx-wrapper {
        display: none
    }
    div.loginPanel .bx-wrapper {
        display: none
    }
}

@media screen and (max-width:767px) {
    ::-webkit-scrollbar-thumb {
        background-color: #000!important
    }
    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)!important;
        background-color: #F5F5F5!important
    }
    ::-webkit-scrollbar {
        width: 6px!important;
        background-color: #F5F5F5!important
    }
    h2.shopServices.active .menuContainer {
        display: block;
        height: 580px
    }
    div#menuIcon {
        float: right;
        z-index: 1000;
        margin: 10px 5px 0;
        position: relative;
        cursor: pointer
    }
    #menuIcon.container {
        display: block;
        width: initial;
        width: 32px!important
    }
    .change .bar1,
    .change .bar3 {
        background-color: #ffbe00
    }
    .bar1,
    .bar2,
    .bar3 {
        width: 30px;
        height: 5px;
        background-color: #fff;
        margin: 6px 0;
        transition: 0.4s;
        z-index: 9999
    }
    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 7px);
        transform: rotate(-45deg) translate(-9px, 7px)
    }
    .change .bar2 {
        opacity: 0
    }
    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -7px);
        transform: rotate(45deg) translate(-8px, -7px)
    }
    .mobileMenuBackground {
        background-color: rgba(0, 0, 0, .9)!important;
        height: 59px;
        width: 320px;
        position: relative;
        z-index: 4;
        display: block;
        margin-left: -12px
    }
    ul.primaryMenu>li:nth-of-type(1) {
        position: static
    }
    span#userIcon.icon-user {
        right: 95px!important;
        margin-top: 17px
    }
    span#menuIcon.icon-hamburger {
        display: block
    }
    .icon-arrow-down:before {
        content: '-';
        float: right;
        margin: 13px 10px 0 0;
        text-align: left
    }
    div.siteDropDown>div {
        background-image: url(/SiteCollectionDocuments/Resources/images/flag.png);
        background-repeat: no-repeat;
        background-position: 10px 15px
    }
    div.topNavDropDownContainer {
        width: 280px;
        height: 47px;
        padding: 10px 0 10px 10px;
        color: #989898;
        background-repeat: no-repeat;
        background-position: 10px 15px;
        background-color: #FFF;
        font-size: 20px;
        overflow: hidden;
        clear: both;
        margin-top: 90px;
        margin-left: 20px;
        position: absolute;
        display: none
    }
    div.topNavDropDownContainer h3.linkContainer {
        color: #6B6B6B;
        display: inline-block;
        float: left;
        margin-top: 5px;
        margin-bottom: 15px;
        font-size: 17px;
        width: 230px;
        background: url(../../SiteCollectionDocuments/Resources/images/flag.png) no-repeat;
        padding-left: 50px
    }
    div.topNavDropDownContainer ul {
        clear: both;
        display: block!important;
        overflow-y: scroll;
        margin-top: 10px;
        height: 85px;
        width: 275px!important;
        top: 15px!important;
        left: 0px!important
    }
    div.topNavDropDownContainer ul li {
        margin-bottom: 8px!important;
        padding-left: 50px;
        background: url(../../SiteCollectionDocuments/Resources/images/flag.png) no-repeat;
        cursor: pointer;
        font-size: 17px!important;
        color: #898989!important;
        margin-right: 0px!important;
        margin-bottom: 8px
    }
    div.topNavDropDownContainer ul li a {
        font-size: 17px!important;
        color: #6B6B6B!important;
        margin-right: 0px!important;
        margin-bottom: 8px
    }
    option {
        padding-left: 56px;
        display: block;
        white-space: pre-wrap!important
    }
    div#connectWithUs a {
        margin-right: 14px
    }
    div.menuContainer li h4 {
        margin: 0
    }
    .mobileMenu {
        float: left;
        position: absolute;
        top: 0px!important;
        width: 100%;
        left: 0px!important;
        height: 200px
    }
    .mobileSupport {
        display: block!important
    }
    div.menuContainer li h4 {
        white-space: nowrap
    }
    h2[data-id='shop'] {
        left: 145px;
        background: none!important;
        margin-bottom: 24px
    }
    ul.primaryMenu li {
        padding: 0;
        margin-bottom: 10px;
        width: 298px;
        overflow: hidden;
        display: block;
        height: 30px;
        margin-bottom: 15px
    }
    div.allServices {
        left: 20px
    }
    #supportMenu .menuList:nth-of-type(2) {
        margin-left: 20px
    }
    ul.primaryMenu li.active:nth-of-type(3) #supportMenu {
        overflow-y: scroll;
        padding-top: 10px;
        -webkit-transition: height 2s;
        -moz-transition: height 2s;
        -ms-transition: height 2s;
        -o-transition: height 2s;
        transition: height 2s
    }
    .subMenuIcon {
        display: none
    }
    nav.bottomNav ul.right li:nth-of-type(1) a {
        z-index: 2;
        position: relative
    }
    .menuList:nth-of-type(3) {
        display: none
    }
    div.submenuContainer {
        display: block;
        position: absolute!important;
        background: rgba(0, 0, 0, .9);
        overflow: hidden;
        right: -300px;
        z-index: 4;
        height: 650px;
        top: -68px;
        width: 320px;
        padding-left: 20px;
        padding-top: 70px
    }
    div.menuContainer h4 {
        margin: 0;
        font-size: 21px
    }
    h4.globalNavChanger {
        font-size: 12px!important;
        color: #FFBE00;
        text-align: center;
        margin: 10px auto;
        font-family: 'Myriad Pro', MyriadProRegular;
        display: block;
        height: 30px
    }
    img.menuIcon {
        z-index: 2;
        right: 17px;
        position: absolute;
        top: 22px
    }
    div.menuItems {
        position: absolute;
        right: 14px;
        top: 16px;
        height: 30px
    }
    img.closeIcon {
        display: none;
        z-index: 2;
        position: absolute;
        bottom: 16px;
        right: 16px
    }
    div.submenuContainer ul.mobileMenu {
    height: auto;
}
ul.menu.SecondarySectionMenu {
    margin-top: 0px;
    padding-top: 0px;
    left: 0;
    top: 0px;
    width: 100%;
}
div.submenuContainer a.icon-adobe11 {
    margin-left: 20px!important;
    margin-right: 10px;
    margin-bottom: 20px;
    float: left!important;
    top:0;
}
    .rightMenuContainer ul,
    nav.bottomNav ul:nth-of-type(1) {
        position: relative;
        left: 20px;
        top: 60px;
        margin: 0;
        margin-top: 10px;
        padding-top: 25px
    }
    div.rightMenuContainer {
        height: 750px;
        background: rgba(0, 0, 0, .9);
        left: 0px!important;
        position: absolute;
        width: 320px;
        display: none;
        overflow: hidden;
        margin-bottom: 20px;
        z-index: 2
    }
    div.rightMenuContainer::-webkit-scrollbar,
    div#plansMenu .menuList:nth-of-type(1) div.submenuContainer::-webkit-scrollbar {
        display: none
    }
    img.menuControl {
        position: absolute;
        bottom: 10px;
        left: 15px
    }
    nav.bottomNav ul.right li {
        margin-right: 40px
    }
    nav.bottomNav ul.right li:nth-of-type(3) {
        margin: 0
    }
    nav.bottomNav {
        padding: 0 0 0 12px
    }
    header.mainHeader {
        background-color: rgba(0, 0, 0, .8)
    }
    nav.topNav {
        background-color: rgba(0, 0, 0, .9);
        position: absolute;
        top: 0;
        padding: 0;
        height: 30px;
        z-index: 4
    }
    nav.topNav ul {
        left: 130px;
        position: relative;
        top: 25px;
        width: 155px;
        display: none
    }
    nav.topNav ul li {
        font-family: 'Myriad Pro', MyriadProRegular;
        font-size: 27px;
        color: #fff;
        margin-bottom: 40px
    }
    nav.topNav ul.left li a.icon-external-link:before {
        margin-top: 7px;
        margin-left: 7px;
        -webkit-margin-after: 7px
    }
    nav.topNav ul.left li {
        text-transform: lowercase!important;
        margin-right: 31px;
        width: 100%;
    }
    nav.topNav ul.left>li:first-letter {
        text-transform: capitalize
    }
    a.logo {
        top: 30px!important;
        margin-left: 10px!important
    }
    h2.shopServices {
        position: static;
        font-size: 27px;
        color: #fff;
        font-weight: 700
    }
    a.linkToShop {
        font-size: 27px;
        float: none
    }
    h2.shopServices.onhover.icon-angle-down:before,
    h2.shopServices.onhover.icon-angle-up:before {
        float: right;
        font-size: 30px;
        position: relative;
        right: 0;
        top: 5px;
        display: block
    }
    div.menuContainer {
        width: 320px;
        margin: 0;
        display: block!important;
        height: 0;
        overflow: hidden;
        padding: 10px 0;
        top: 0;
        height: 0;
        background: none;
        position: inherit
    }
    nav.topNav ul {
        left: 105px;
        position: relative;
        top: 100px
    }
    body.bodyFreeze {
        overflow-y: hidden!important
    }
    nav.bottomNav {
        position: absolute;
        top: 30px
    }
    header {
        position: fixed;
        z-index: 99999;
        width: 320px;
        height: 30px;
        overflow: visible!important
    }
    ul.primaryMenu {
        padding: 15px 0 0px!important
    }
    h3.shopMenu,
    h4.socialMediaHeading {
        display: block
    }
    div.menuContainer h3 {
        font-size: 22px;
        line-height: 21px;
        color: #FFF;
        width: 180px;
        display: inline-block;
        width: auto;
        margin-bottom: 25px;
        font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
        font-weight: normal!important
    }
    #plansMenu h3.shopMenu.mobileMenuSubHeader {
        margin-left: 20px
    }
    ul.primaryMenu>li:nth-of-type(4) h2:before {
        display: none!important
    }
    div.menuContainer h3:before {
        float: right;
        margin-top: -2px
    }
    a.linkToShop.icon-external-link:before {
        position: absolute;
        left: 70px;
        font-size: 20px;
        top: 4px
    }
    h2.shopServices.onhover.visible.icon-angle-up {
        color: #ffbe00
    }
    div.menuContainer h3.mobileSubMenuMainHeading {
        z-index: 5;
        display: block;
        position: absolute;
        top: 0;
        left: 10px;
        font-size: 27px;
        color: #ffbe00;
        font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
        font-weight: normal!important;
        margin: 0;
        width: 280px;
        padding: 5px 0;
        background: rgba(0, 0, 0, .8);
        display: block;
        cursor: pointer
    }
    div.menuContainer h3.mobileSubMenuMainHeading:before {
        float: left;
        color: #fff;
        margin-top: -4px
    }
    h3.mobileSubMenuMainHeading span.icon-angle-left {
        margin-left: -20px;
        color: #fff;
        cursor: pointer;
        vertical-align: middle
    }
    h3.shopMenu.mobileMenuSubHeader.active:before {
        float: left;
        position: absolute;
        color: #fff;
        left: -25px;
        top: 3px
    }
    ul.menu {
        margin-top: 15px
    }
    div.menuContainer ul li a {
        font-size: 15px;
        display: block;
        width: 260px;
        color: #fff;
        font-family: 'Myriad Pro Semibold', MyriadProSemiBold;
        margin: 0
    }
    div.menuList {
        float: none;
        width: 280px;
        margin-right: 0;
        clear: both
    }
    div#plansMenu .menuList:nth-of-type(1) {
        height: 45px
    }
    div#plansMenu .menuList:nth-of-type(1) div.submenuContainer {
        margin-bottom: 45px;
        overflow-y: scroll;
        height: 550px
    }
    #shopMenu .menuList:nth-of-type(1) h4:nth-of-type(2),
    #shopMenu .menuList:nth-of-type(1) ul:nth-of-type(2) {
        margin: 0;
        clear: both;
        float: left
    }
    h4.menuContent {
        display: block
    }
    div.listContainer {
        display: none
    }
    div.menuContainer {
        width: 320px;
        margin: 0;
        display: none;
        height: 0;
        overflow: hidden
    }
    div#supportMenu {
        background: none;
        position: relative;
        padding-top: 0;
        top: 15px!important;
        width: 280px!important;
        padding: 10px 0;
        margin-left: 0;
        right: 0px!important;
        display: none
    }
    #supportMenu::-webkit-scrollbar {
        display: none
    }
    div.menuList div.yellowBox {
        display: inline-block;
        clear: both;
        background: #FFBE00;
        padding: 15px;
        font-size: 16px;
        float: left;
        margin: 10px 0 20px 20px;
        color: #000;
        width: 280px;
        position: relative;
        left: -20px;
        text-align: center
    }
    div.submenuContainer ul.mobileMenu {
        height: auto
    }
    select.siteSelector {
        display: none;
        width: 95%;
        margin-top: 80px;
        margin-left: 10px
    }
    ul#socialMediaList {
        display: inline-block;
        width: 280px;
        margin-top: 20px;
        left: 0;
        top: 0;
        padding: 0
    }
    ul#socialMediaList li {
        float: left;
        margin-right: 50px;
        width: 40px;
        margin-bottom: 20px
    }
    ul#socialMediaList li a {
        font-size: 30px
    }
    div.menuContainer h2 {
        font-size: 20px
    }
    div.listContainer {
        height: 118px;
        clear: both
    }
    div.listContainer ul li {
        line-height: 22px
    }
    div.menuContainer ul li {
        float: none;
        line-height: 25px;
        margin: 0;
        margin-bottom: 5px;
        display: inline-block;
        height: auto
    }
    ul.menu li {
        width: 290px;
        padding-left: 20px;
        color: #989898
    }
    nav.bottomNav h2 {
        width: 290px;
        margin-bottom: 10px
    }
    h3.other {
        display: block
    }
    ul.primaryMenu>li:nth-of-type(7){
	display:block;
}
    ul.primaryMenu li a.linkToMyMTN,ul.primaryMenu li a.linkToWhole {
        width: 100%;
        left: 0;
        top: initial;
        font-size: 27px
    }
    
    ul.primaryMenu li a.linkToMyMTN, ul.primaryMenu li a.linkC19{
 
width: 100%;
    left: 0;
    top: initial;
    font-size: 27px;
 
}
    
    img.searchIcon {
        position: absolute;
        right: 55px;
        height: 23px;
        z-index: 2
    }
    ul.right {
        margin-right: 90px
    }
    .siteDropDown div {
        padding-top: 5px;
        box-sizing: border-box
    }
    img.globalNavClose {
        float: right;
        position: absolute;
        right: 15px;
        top: 5px
    }
    .rechargeMTop.icon-recharge {
        border-bottom: 1px solid #4c4c4c;
        padding-bottom: 20px
    }
    a.titleLink small {
        color: #fff
    }
    ul.menu.mobileMenu li {
        padding-left: 20px
    }
    span.mobileMenuClose.icon-remove {
        z-index: 5;
        position: absolute;
        top: 500px;
        right: 40px;
        font-size: 30px;
        display: none
    }
    h4.headingListItem.icon-angle-left:before {
        position: relative;
        top: 3px
    }
    ul.menu.mobileMenu + div.yellowBox {
        margin-bottom: 10px
    }
    div#otherSectionMenu div.menuList div.submenuContainer div.yellowBox {
        display: none
    }
    a.titleLink h4.menuContent {
        margin-bottom: 0
    }
    div.submenuContainer a.icon-adobe11 {
        margin-left: 20px!important;
        margin-right: 10px;
        margin-bottom: 20px;
        float: left!important
    }
    a.titleLink.icon-recharge {
        padding-bottom: 10px
    }
    div#supportMenu h3.shopMenu.mobileMenuSubHeader,
    div#supportMenu div.menuList:nth-of-type(1) {
        display: none!important
    }
    div#supportMenu div.submenuContainer {
        display: block;
        position: relative!important;
        top: -10px;
        height: 300px;
        padding: 0px!important;
        background: none
    }
    div#supportMenu ul.menu.mobileMenu {
        margin: 0;
        padding: 0
    }
    ul.primaryMenu li:nth-of-type(5) {
        display: block
    }
    div#supportMenu .menuList .submenuContainer {
        right: 20px
    }
    div.menuContainer ul li a:hover {
        color: #fff
    }
    div#otherSectionMenu div.menuList {
        display: block;
        padding: 0
    }
    ul.primaryMenu>li:nth-of-type(7) {
        height: 290px!important
    }
    ul.primaryMenu>li:nth-of-type(5) h2 {
        color: #989898;
        font-size: 27px
    }
    ul.primaryMenu>li:nth-of-type(5) div.menuContainer {
        height: auto
    }
    div#otherSectionMenu.menuContainer {
        padding-top: 5px;
        display: block!important
    }
    div#otherSectionMenu.menuContainer ul.menu.mobileMenu li h3 {
        left: -10px
    }
    div#supportMenu .menuList:nth-of-type(2) ul.menu.mobileMenu li:nth-of-type(2) {
        display: block
    }
    nav.loginMenu {
        top: 29px;
        height: 850px!important;
        position: relative;
        padding-top: 20px;
        padding-left: 0
    }
    nav.loginMenu h3 {
        top: -44px!important;
        left: 10px
    }
    div.profile,
    div.loginPanel {
        left: 20px;
        width: 320px
    }
    nav.loginMenu>div.loginPanel>h4 {
        font-size: 20px!important;
        top: 0;
        position: absolute;
        border-bottom: 1px solid #ffbe00;
        padding: 0 20px;
        padding-bottom: 10px;
        color: #fff;
        display: block;
        clear: both
    }
    div.loginPanel h4:nth-of-type(1) {
        left: -20px;
        padding-right: 5px
    }
    div.loginPanel h4:nth-of-type(2) {
        left: 55px;
        padding-right: 5px
    }
    div.loginPanel h4:nth-of-type(3) {
        left: 164px;
        padding-left: 7px!important;
        padding-right: 5px!important
    }
    div.registerPannel a.button.signOutBtn {
        left: 0px!important;
        margin-left: 0px!important;
        margin-top: 0px!important;
        top: 0px!important
    }
    div.loginPanel ul:nth-of-type(2) li p {
        margin: 0
    }
    div.loginPanel input[type='text'],
    div.loginPanel input[type='password'],
    div.loginPanel ul {
        width: 280px
    }
    div.loginPanel ul {
        margin-right: 0;
        top: 25px!important;
        position: absolute
    }
    .LoginPannel2 li {
        position: relative
    }
    div.loginPanel .button {
        width: 280px;
        margin: 30px 0
    }
    div.loginPanel ul:nth-of-type(2),
    div.loginPanel ul:nth-of-type(3) {
        top: 0;
        display: none
    }
    div.loginPanel ul:nth-of-type(2),
    .registerPannel {
        margin-right: 0
    }
    div.loginPanel a.facebookLogin.icon-facebook {
        height: 45px;
        padding-top: 15px;
        padding-right: 55px;
        width: 280px
    }
    div.loginPanel>ul>li:nth-of-type(1) {
        display: block!important
    }
    div.loginPanel>ul:not(1)>li:nth-of-type(1) {
        min-height: 0px!important;
        margin: 0px!important;
        border: 1px solid red
    }
    div.loginPanel>ul:nth-of-type(1) {
        display: block
    }
    div.profile {
        top: 134px
    }
    div.menuList3 {
        display: none
    }
    div.profile ul:nth-of-type(1) {
        top: 30px;
        margin-bottom: 30px
    }
    div.loginPanel>h4.active {
        border-bottom: 1px solid #989898!important;
        color: #989898!important
    }
    div.profile ul {
        width: 270px;
        height: auto!important;
        margin-bottom: 20px
    }
    div.profile ul li {
        display: none
    }
    div.profile ul li h4 {
        font-family: Myriad Pro SemiBold, 'MyriadProSemiBold'!important;
        font-weight: normal!important;
        width: 280px;
        height: 30px
    }
    nav.loginMenu ul li h4 a {
        font-size: 21px
    }
    div.profile ul li h4:before {
        float: right;
        display: block;
        font-size: 30px
    }
    div.profile ul li:nth-of-type(1) {
        display: block
    }
    div.profile ul:nth-of-type(2) li:nth-of-type(1) {
        margin-bottom: 20px
    }
    div.profile ul:nth-of-type(2) li:nth-of-type(2) {
        display: block
    }
    div.profile ul:nth-of-type(2) li:nth-of-type(1) p {
        margin-left: 0
    }
    div.profile ul:nth-of-type(2) li:nth-of-type(2) {
        padding-left: 0;
        width: 170px
    }
    div.profile ul:nth-of-type(2) li:nth-of-type(2) a:before {
        float: right
    }
    h2.shopServices:hover {
        color: #fff
    }
    a.logout {
        right: 35px;
        top: -20px
    }
    a.logout span#userIcon.icon-user {
        position: relative;
        top: 1px;
        left: -5px
    }
    nav.loginMenu ul:nth-of-type(1) {
        margin-top: 0;
        position: relative;
        height: 550px
    }
    div.loginPanel {
        display: block;
        top: 90px;
        height: 600px;
        overflow-y: scroll;
        overflow-x: hidden
    }
    nav.searchNav h3 {
        margin-left: 20px;
        margin-top: 10px
    }
    .menuSearch {
        width: 200px!important;
        height: 50px;
        margin-left: 10px;
        margin-top: 0
    }
    input#menuSearch {
        -webkit-appearance: none
    }
    nav.searchNav span.icon-search-find,
    nav.searchNav span.icon-delete-circle {
        margin-top: 0;
        height: 50px;
        width: 50px
    }
    nav.searchNav {
        top: 89px!important
    }
    div.profile .bx-wrapper {
        display: none
    }
    div.loginPanel .bx-wrapper {
        display: none
    }
    div.profile ul li {
        height: auto!important
    }
}

@media screen and (max-width:360px) and (max-height:640px) and (orientation:portrait) {
    div.loginPanel ul {
        overflow-y: scroll;
        height: 350px
    }
    div#plansMenu .menuList:nth-of-type(1) div.submenuContainer {
        height: 490px;
        overflow-y: scroll;
        overflow-x: hidden;
        margin-bottom: 20px
    }
    div.loginPanel ul:nth-of-type(2),
    .registerPannel {
        height: auto;
        margin-right: 0;
        overflow-y: scroll
    }
}

.blurmenu {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px)
}

#owl-menuSlider .owl-buttons,
#owl-menuSlider2 .owl-buttons,
#owl-menuSlider3 .owl-buttons,
#owl-loyaltySlider .owl-buttons {
    display: none!important
}

#owl-menuSlider .owl-controls .owl-page.active span,
#owl-menuSlider2 .owl-controls .owl-page.active span,
#owl-menuSlider3 .owl-controls .owl-page.active span,
#owl-loyaltySlider .owl-controls .owl-page.active span {
    background: #FFBE00!important
}

#owl-menuSlider .owl-controls .owl-page span,
#owl-menuSlider2 .owl-controls .owl-page span,
#owl-menuSlider3 .owl-controls .owl-page span,
#owl-loyaltySlider .owl-controls .owl-page span {
    background: #B7B7B7!important
}

#owl-menuSlider .item.banner1 {
    background: url('/Style Library/Images/promo.jpg');
    width: 300px;
    height: 250px;
    background-repeat: no-repeat
}

#owl-menuSlider .item.banner2 {
    background: url('/Style Library/Images/Services/Mobile/MTN-Pla.jpg');
    width: 300px;
    height: 250px;
    background-repeat: no-repeat
}

#owl-menuSlider .item.banner3 {
    background: url('/Style Library/Images/Services/Mobile/XtraTime.jpg');
    width: 300px;
    height: 250px;
    background-repeat: no-repeat
}

#owl-menuSlider .item.banner4 {
    background: url('/Style Library/Images/Services/Mobile/ME2U.jpg');
    width: 300px;
    height: 250px;
    background-repeat: no-repeat
}

#owl-menuSlider3 .item.banner1 {
    background: url('/Style Library/Images/promo.jpg');
    width: 300px;
    height: 250px;
    background-repeat: no-repeat
}

#owl-menuSlider3 .item.banner2 {
    background: url('/Style Library/Images/promo.jpg');
    width: 300px;
    height: 250px;
    background-repeat: no-repeat
}

#owl-menuSlider3 .item.banner3 {
    background: url('/Style Library/Images/promo.jpg');
    width: 300px;
    height: 250px;
    background-repeat: no-repeat
}

#owl-menuSlider3 .item.banner4 {
    background: url('/Style Library/Images/promo.jpg');
    width: 300px;
    height: 250px;
    background-repeat: no-repeat
}

#owl-menuSlider2 .item.banner1 {
    background: url('/Style Library/Images/promo.jpg');
    width: 300px;
    height: 250px;
    background-repeat: no-repeat
}

#owl-menuSlider2 .item.banner2 {
    background: url('/Style Library/Images/promo.jpg');
    width: 300px;
    height: 250px;
    background-repeat: no-repeat
}

#owl-menuSlider2 .item.banner3 {
    background: url('/Style Library/Images/promo.jpg');
    width: 300px;
    height: 250px;
    background-repeat: no-repeat
}

#owl-menuSlider2 .item.banner4 {
    background: url('/Style Library/Images/promo.jpg');
    width: 300px;
    height: 250px;
    background-repeat: no-repeat
}

#owl-loyaltySlider .item.banner1 {
    background: url('/Style Library/Images/promo.jpg');
    width: 300px;
    height: 250px;
    background-repeat: no-repeat
}

#owl-loyaltySlider .item.banner2 {
    background: url('/Style Library/Images/promo.jpg');
    width: 300px;
    height: 250px;
    background-repeat: no-repeat
}

#owl-loyaltySlider .item.banner3 {
    background: url('/Style Library/Images/promo.jpg');
    width: 300px;
    height: 250px;
    background-repeat: no-repeat
}

#owl-loyaltySlider .item.banner4 {
    background: url('/Style Library/Images/promo.jpg');
    width: 300px;
    height: 250px;
    background-repeat: no-repeat
}

div#owl-menuSlider2,
div#owl-menuSlider3,
div#owl-loyaltySlider {
    width: 300px!important
}

div#owl-menuSlider .owl-controls,
div#owl-menuSlider2 .owl-controls,
div#owl-menuSlider3 .owl-controls,
div#owl-loyaltySlider .owl-controls {
    margin-top: 20px!important
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
	a.linkToShop,h2.shopServices,h2.shopServices,ul.primaryMenu li a.linkToWhole,ul.primaryMenu li a.linkToMyMTN, ul.primaryMenu li a.linkC19 {
    font-size: 16px;
    }
    h2[data-id='plans'] {
    left: 171px;
}
h2[data-id='support'] {
    left: 311px;
}
ul.primaryMenu li a.linkToWhole {
    left: 386px;
    }
    ul.primaryMenu li a.linkToMyMTN {
    left: 478px;
    }
    ul.primaryMenu li a.linkC19{
	
	left:549px;
	}
    ul.primaryMenu>li:nth-of-type(1) {

    left: 120px;
    }
}