/**
* #.#  Order Selection Page Styles
*
* Styles specific to Order Selection Page. 
*/

/*** #.# Fonts** Tesco Mobile font*/

@font-face {
    font-family: 'Tesco-Regular';
    /*font-family: 'tesco_display_reg';
	*/
    src: url('../fonts/Tesco-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Tesco-Regular.woff') format('woff'), url('../fonts/Tesco-Regular.ttf') format('truetype'), url('../fonts/Tesco-Regular.svg#Tesco-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tesco-Italic';
    /*font-family: 'tesco_display_it';
	*/
    src: url('../fonts/Tesco-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Tesco-Italic.woff') format('woff'), url('../fonts/Tesco-Italic.ttf') format('truetype'), url('../fonts/Tesco-Italic.svg#Tesco-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tesco-Bold';
    /*font-family: 'tesco_display_bold';
	*/
    src: url('../fonts/Tesco-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Tesco-Bold.woff') format('woff'), url('../fonts/Tesco-Bold.ttf') format('truetype'), url('../fonts/Tesco-Bold.svg#Tesco-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tesco-BoldItalic';
    src: url('../fonts/Tesco-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Tesco-BoldItalic.woff') format('woff'), url('../fonts/Tesco-BoldItalic.ttf') format('truetype'), url('../fonts/Tesco-BoldItalic.svg#Tesco-BoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TescoBlack-Regular';
    src: url('../fonts/TescoBlack-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/TescoBlack-Regular.woff') format('woff'), url('../fonts/TescoBlack-Regular.ttf') format('truetype'), url('../fonts/TescoBlack-Regular.svg#TescoBlack-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*** #.# Fonts** New 2019 Tesco Mobile font
     =================================================================================================================================================================================================
*/

@font-face {
    font-family: 'TescoModern-Regular';
    src: url('../fonts/tesco-modern/TescoModern-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/tesco-modern/TescoModern-Regular.woff') format('woff'), url('../fonts/tesco-modern/TescoModern-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TescoModern-Italic';
    src: url('../fonts/tesco-modern/TescoModern-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/tesco-modern/TescoModern-Italic.woff') format('woff'), url('../fonts/tesco-modern/TescoModern-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TescoModern-Bold';
    src: url('../fonts/tesco-modern/TescoModern-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/tesco-modern/TescoModern-Bold.woff') format('woff'), url('../fonts/tesco-modern/TescoModern-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TescoModern-BoldItalic';
    src: url('../fonts/tesco-modern/TescoModern-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/tesco-modern/TescoModern-BoldItalic.woff') format('woff'), url('../fonts/tesco-modern/TescoModern-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TescoModern-Medium';
    src: url('../fonts/tesco-modern/TescoModern-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/tesco-modern/TescoModern-Medium.woff') format('woff'), url('../fonts/tesco-modern/TescoModern-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TescoModern-MediumItalic';
    src: url('../fonts/tesco-modern/TescoModern-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/tesco-modern/TescoModern-MediumItalic.woff') format('woff'), url('../fonts/tesco-modern/TescoModern-MediumItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TescoModern-Light';
    src: url('../fonts/tesco-modern/TescoModern-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/tesco-modern/TescoModern-Light.woff') format('woff'), url('../fonts/tesco-modern/TescoModern-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TescoModern-LightItalic';
    src: url('../fonts/tesco-modern/TescoModern-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/tesco-modern/TescoModern-LightItalic.woff') format('woff'), url('../fonts/tesco-modern/TescoModern-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
    -webkit-tap-highlight-color: none !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none !important;
}

/* Black Friday Sony Deal */
.sony-headphone-text {
    width: 100%;
    background-color: #FCD700;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    position: relative;
    top: 100%;
    height: 38px;
}

/*Black Friday Otterbox Deal */
.otterbox-offer-text {
    width: 100%;
    background-color: #FCD700;
    font-size: 14px;
    line-height: 14px;
    color: #000;
    position: relative;
    top: 100%;
    height: 38px;
}


/* Black Friday Iframe */
@media (min-width: 320px) {
    #idFormBlackFriday iframe {
        height: 1600px;
    }
}

@media (min-width: 375px) {
    #idFormBlackFriday iframe {
        height: 1500px;
    }
}

@media (min-width: 576px) {
    #idFormBlackFriday iframe {
        height: 1250px;
    }

    .sony-headphone-text {
        height: 35px;
    }

    .otterbox-offer-text {
        height: 35px;
    }
}

@media (min-width: 768px) {
    #idFormBlackFriday iframe {
        height: 1150px;
    }
}

@media (min-width: 992px) {
    #idFormBlackFriday iframe {
        height: 1100px;
    }
}

@media (min-width: 1200px) {
    #idFormBlackFriday iframe {
        height: 1000px;
    }
}

.phone-inner.prepay-height {
    height: 400px !important;
}

@media (max-width: 800px) {
    .phone-inner.prepay-height {
        height: 350px !important;
    }
}

@media (max-width: 480px) {
    .phone-inner.prepay-height {
        height: 325px !important;
    }
}

.short-line-text {
    line-height: 25px;
}

.NoImage {
    text-align: center;
    height: 329px;
}

    .NoImage img {
        height: 90%;
        margin: 5% auto;
    }

.order-selection .order-selection-title,
.shoppingcart .title {
    margin: 20px 0 0 0;
}

.order-selection p.lead,
.shoppingcart p.lead {
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.order-selection .num-heading {
    margin-bottom: 10px;
}

.order-selection span.num-square-title {
    font-size: 1.1875em;
}

.order-selection .device-options-wrap {
    margin: 5px 0;
}
/*rate plan message notification */

.order-selection .notificationWrapper {
    padding: 0;
}

.order-selection .notification {
    color: #00AEEF;
}
/* Phone selection image */

.order-selection .phone_img-frame {
    border-bottom: 1px #F1F4FA solid;
    height: 180px;
    overflow: hidden;
    margin-bottom: 20px;
}

.order-selection .order-selection-image {
    display: block;
    margin: 0 auto 20px 0;
    text-align: center;
}

.order-selection-image .NoImage {
    height: auto;
}

    .order-selection-image .NoImage img {
        margin: 0;
        height: auto;
    }

#plan10euro {
    display: none;
}

@media (max-width:416px) {
    .order-selection .order-selection-image img {
        width: 68%;
        height: auto;
    }
}

@media (min-width: 768px) {
    .order-selection .order-selection-title,
    .shoppingcart .title {
        margin: 0 0 0 0;
        font-size: 2.5em;
    }

    .order-selection .num-heading {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .order-selection .device-options-wrap {
        margin: 25px 0;
    }

    .order-selection span.num-square-title {
        font-size: 1.5em;
    }

    .order-selection-image .NoImage img {
        margin: 0;
        width: 95%;
        height: 325px;
    }

    .order-selection-image img {
        /*height: 315px;*/
        height: 280px;
        max-width: 134px;
    }
}

@media (min-width: 992px) {
    .order-selection-image .NoImage img {
        height: auto;
    }

    .order-selection .out-of-stock a.button_request-call {
        width: 100%;
        margin: 0px auto 20px auto;
        white-space: normal;
    }
}
/* banner with title of phone and description button */

.order-selection .banner-title-area {
    display: block;
    padding: 13px 20px;
}

    .order-selection .banner-title-area h3 {
        margin: 0;
        font-size: 1.2em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

.order-selection .phone-desciption p {
    padding-top: 10px;
}
/**
* #.# description button on Tablets and larger desktops
*
* Styles for displays of between 768px and 992px width
*/

@media (min-width: 768px) {
    .order-selection .phone_img-frame {
        height: auto;
        border-bottom: none;
    }

    .order-selection .btn-text {
        float: right;
    }

    .container.order-selection {
        padding: 40px 0 65px 0;
    }
}

@media (min-width: 992px) {
    .container.order-selection {
        padding: 70px 0 65px 0;
    }
}
/**
* #.# Your plan table section
*
* Styles for your plan table section
*/
/* removes padding and margin so that checked label has background colour*/

.order-selection .your-plan.table > tbody > tr > td {
    margin: 0;
    padding: 0;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.order-selection .your-plan.table > tbody > tr:last-child {
    border-bottom: 1px solid #ddd;
}

.order-selection .radio input[type="radio"] {
    opacity: 0;
}

.order-selection .your-plan label {
    width: 100%;
    height: 100%;
    display: inline-block;
    margin-bottom: 0;
    padding: 10px 0;
}

.order-selection .your-plan input[type="radio"]:checked + label {
    background-color: #effcf4;
}

.order-selection .your-plan .radio label::before,
.your-plan .radio label::after {
    margin-left: 14px;
    top: 13px;
}

.order-selection .your-plan .radio label::after {
    top: 16px;
}

.order-selection span.plan-data {
    display: block;
    line-height: 1.5em;
    margin-left: 18%;
}
/**
* #.# .order-plan tables on Tablets and larger desktops
*
* Styles for displays of between 768px and 992px width
*/

@media (min-width: 768px) {
    .order-selection span.plan-data:first-child {
        margin-left: 40px;
        width: 12%;
    }

    .order-selection span.plan-data:last-child {
        margin-left: 0;
        width: 25%;
    }
    /* changes to table for tablet and larger*/

    .order-selection span.plan-data {
        display: inline-block;
        width: 24%;
        margin: 0;
    }
}
/**
* #.#  Phone Details Page and Order selection page
*
* Styles specific to  Phone Details Page and Order selection page
*/

.callback-form {
    margin: 30px 0;
}

    .callback-form h2 {
        font-size: 1em;
    }

.out-of-stock {
    padding: 20px 0;
}

    .out-of-stock .underline {
        text-decoration: underline;
    }

    .out-of-stock a.button_request-call {
        padding: 20px 18px;
        font-weight: 600;
        margin: 10px 0;
        white-space: normal;
        width: 100%;
    }
    /*out-of-stock-email form*/

    .out-of-stock .form-wrap .email-row {
        display: block;
        width: 100%;
    }
    /* form label width  of table cell*/

    .out-of-stock .form-wrap .form-label {
        display: block;
        width: 100%;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    /* form value width  of table cell*/

    .out-of-stock .form-wrap .form-value {
        display: block;
        margin: 10px 0;
    }

    .out-of-stock .form-wrap .email-row input[type="text"].email-code {
        width: 100%;
        height: 50px;
        margin: 0;
        float: left;
    }

    .out-of-stock .callback-form .btn {
        padding: 12px 30px;
        margin: 10px 0 !important;
        width: 100%;
    }

.order-selection .out-of-stock {
    padding: 0;
}
/**
* #.#  Out of stock
*
* END Styles specific to  Phone Details Page and Order selection page - Out of stock
*/

@media (min-width: 1180px) {
    .out-of-stock .form-wrap .email-row {
        display: table;
        table-layout: fixed;
        margin: 20px auto;
        width: 100%;
    }
    /* form label width  of table cell*/

    .out-of-stock .form-wrap .form-label {
        display: table-cell;
        width: 20%;
        vertical-align: middle;
        text-align: right;
        padding-right: 20px;
    }
    /* form value width  of table cell*/

    .out-of-stock .form-wrap .form-value {
        display: table-cell;
        vertical-align: middle;
        height: 50px;
        width: 100%;
        margin: 0;
    }

    .out-of-stock a.button_request-call {
        width: 100%;
        margin: 20px auto 10px auto;
        white-space: normal;
    }

    .out-of-stock .form-wrap .email-row input[type="text"].email-code {
        width: 60%;
    }

    .out-of-stock .callback-form .btn {
        padding: 12px 30px;
        margin: 0 5px !important;
        width: auto;
    }
}
/**
* #.#  END Phone Details Page and Order selection page
*
* END Styles specific to  Phone Details Page and Order selection page
*/
/**
* #.#  Swoosh background image
*
* Styles specific Swoosh background image 
*/

.swoosh-container {
    width: 100%;
    height: 530px;
    position: absolute;
    z-index: 0;
    top: 0px;
    overflow: hidden;
}

.swoosh {
    background: url("../img/cached/swoosh/swoosh.png") no-repeat 0 0;
    width: 721px;
    height: 428px;
    position: absolute;
    top: -20px;
    right: 0;
}

.phone-details-container .back {
    display: none;
}
/**
* #.# Swoosh position 
*
* Styles for displays of between 768px and 992px width
*/

@media (min-width: 768px) {
    .swoosh-container {
        top: 0px;
    }

    .swoosh {
        right: 40%;
    }

    .phone-details-grey-banner {
        top: 60px;
    }
}
/**
* #.# Swoosh position 
*
* Modifying heading styles etc. for displays larger than 992px;
*/

@media (min-width: 992px) {
    .swoosh-container {
        top: 0px;
    }

    .swoosh {
        right: 40%;
        margin-right: 200px;
        top: -10px;
    }
}

@media (min-width: 992px) {
    .phone-details-container {
        background: #fff;
        width: 90%;
    }

    .phone-details-grey-banner {
        width: 90%;
    }

        .phone-details-grey-banner a.back-btn {
            display: inline-block;
        }

    a.back-btn {
        color: #fff;
        text-decoration: none;
    }

        a.back-btn:hover {
            text-decoration: underline;
        }

    span.back-icon {
        position: absolute;
        width: 15px;
        height: 15px;
        background: url("../img/icons/back-icon.png") no-repeat 0 0;
        border-width: 0 0 0 0;
        text-indent: -1000px;
        overflow: hidden;
        font-size: 0;
        margin-left: -20px;
        top: 19px;
    }
}

.phone-details-slider {
    margin: 20px 0;
    width: 95%;
}

    .phone-details-slider #owl-demo .item img {
        display: block;
        width: 100%;
        height: auto;
    }

    .phone-details-slider .owl-theme .owl-controls .item-link {
        position: relative;
        display: block;
        width: 100px;
        height: 40px;
        margin: 0 2px;
        border-bottom: 4px solid #ccc;
        outline: none;
    }

        .phone-details-slider .owl-theme .owl-controls .item-link:focus {
            -webkit-box-shadow: 0 0 8px #cc4895;
            -moz-box-shadow: 0 0 8px #cc4895;
            box-shadow: 0 0 8px #cc4895;
            outline: none;
        }

    .phone-details-slider .owl-theme .owl-controls .active .item-link {
        border-bottom: 4px solid #cc4895;
    }

    .phone-details-slider .owl-theme .owl-controls .owl-page span {
        display: none;
    }

    .phone-details-slider .owl-theme .prev-owl,
    .phone-details-slider .owl-theme .next-owl {
        position: absolute;
        top: 5px;
        display: block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: red;
        outline: none;
    }

        .phone-details-slider .owl-theme .prev-owl:focus,
        .phone-details-slider .owl-theme .next-owl:focus {
            -webkit-box-shadow: 0 0 8px #cc4895;
            -moz-box-shadow: 0 0 8px #cc4895;
            box-shadow: 0 0 8px #cc4895;
        }

    .phone-details-slider #sync1 .item {
        text-align: center;
        height: 329px;
    }

        .phone-details-slider #sync1 .item img {
            height: 90%;
            margin: 5% auto;
            max-width: 142px;
        }
    /*styles arrows of main slider mobile*/

    .phone-details-slider #sync1 .owl-controls .owl-buttons div {
        display: inline-block;
        zoom: 1;
        padding: 0;
        font-size: 12px;
        color: #00AEEF;
        opacity: 1;
        background: none;
        position: absolute;
        font-size: 1.5em;
    }

    .phone-details-slider #sync1 .owl-controls.clickable .owl-buttons:hover,
    .phone-details-slider #sync1 .owl-controls.clickable .owl-buttons:focus {
        opacity: .7;
    }

    .phone-details-slider #sync1 .owl-controls .owl-buttons .owl-prev {
        left: 0;
        top: 50px;
        margin-top: 33%;
    }

    .phone-details-slider #sync1 .owl-controls .owl-buttons .owl-next {
        right: 0;
        top: 50px;
        margin-top: 33%;
    }

    .phone-details-slider #sync2 .owl-item .item {
        display: none;
    }

    .phone-details-slider #sync2 .owl-buttons {
        display: none;
    }
/**
* #.# changes slider styles for medium screen size
*
* changes slider styles for  medium screen size
*/

@media (min-width: 768px) {
    .phone-details-slider .phone-details-thumbs {
        display: block !important;
    }

    .phone-details-slider #sync2 {
        display: block;
        width: 90%;
        margin: 0 auto;
    }

        .phone-details-slider #sync2 .owl-item .item {
            border: 1px solid #00AEEF;
            height: 67px;
            width: 67px;
            cursor: pointer;
            display: block;
            overflow-x: hidden;
            /*if incorrect image is added it will be cut off*/
        }

        .phone-details-slider #sync2 .synced .item {
            border: 1px solid #19D769;
        }

        .phone-details-slider #sync2 .owl-item .item:hover {
            border: 1px solid #0095D6;
        }

        .phone-details-slider #sync2 .owl-buttons {
            display: block;
        }
    /*hides arrows of main slider images on ipad and desktop*/

    .phone-details-slider #sync1 .owl-controls .owl-buttons div {
        display: none;
    }

    .phone-details-slider #sync2 .owl-item .item img {
        height: 100%;
        padding: 6% 25%;
    }

    .phone-details-slider #sync2.phone-details-thumbs .owl-controls .owl-buttons div {
        display: inline-block;
        zoom: 1;
        padding: 0;
        font-size: 12px;
        color: #869791;
        opacity: 1;
        background: none;
        font-size: 1.5em;
    }

    .phone-details-slider #sync2.phone-details-thumbs .owl-controls .owl-buttons .owl-prev {
        left: -12%;
        top: 15px;
        position: absolute;
        font-size: 2em;
    }

    .phone-details-slider #sync2.phone-details-thumbs .owl-controls .owl-buttons .owl-next {
        right: -10%;
        top: 15px;
        position: absolute;
        font-size: 2em;
    }
}
/**
* #.# Phone highlight section
*
* styles for phone highlight section
*/

p.intro-description {
    margin: 20px 0 20px 30px;
    font-family: "Tesco-Bold", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.intro-description {
    display: none;
}

.phonedetails-notification {
    background: #ebeff5;
    padding: 15px;
    margin: 10px 0 20px 0;
}

@media (min-width: 992px) {
    .phonedetails-notification {
        width: 57%;
    }
}
/**
* #.# adds top margin to description area - only tablet
*
* styles for adding margin to top of description area for tablet only
*/

@media (min-width: 768px) and (max-width: 992px) {
    .tablet-margin {
        margin-top: 50px;
    }
}

@media (min-width: 992px) {
    .intro-description {
        display: block;
    }
    /* intro description only visible on desktop*/

    p.intro-description {
        margin: 20px 0;
        font-size: 1.2em;
        line-height: 1.5em;
    }

    .phone-details-slider #sync2 .owl-item .item {
        margin: 0;
        text-align: center;
    }

    .phone-details-slider #sync2 {
        width: 85%;
    }
}
/*Phone details*/
/*.phone-highlights indicates the section with phone details - colour, capacity, data*/
/*price plan box disappears on smaller devices*/

.phone-highlights .price-plan-box {
    display: none;
}

.phone-highlights .price-plan {
    display: inline-block;
}

.price-guide h5 {
    display: none;
}

.phone-highlights span.price-guide-euro {
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.phone-highlights .price-plan p {
    margin: 0;
    padding: 5px;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

    .phone-highlights .price-plan p:first-child {
        border-bottom: 1px solid #ddd;
    }
/**
* #.# Phone details - price-plan-box
*
* displaying price-plan-box on larger screens
*/


.offer-strikethrough {
    width: 25%;
    margin-bottom: -35px;
    margin-left: 25px;
}

    .offer-strikethrough span {
        position: relative;
        font-size: 24px;
        font-weight: bold;
    }

    .offer-strikethrough span:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        right: 0;
        border-top: 2px solid;
        border-color: inherit;
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }


.offer-strikethrough--sim-only {
    width: 100%;
    margin-bottom: 0px;
    margin-left: 15px;
}

    /*.sim-only-price.plan-price h3 {
        font-size: 44px !important;
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }*/

    .sim-only-price.plan-price .sml-monthly-font {
        font-size: 20px;
    }

    /*.sim-only-price.plan-price p {
        text-align: center;
        padding: 0 !important;
        margin: -5px 0 0 0;
        font-size: 18px !important;
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }*/

    .offer-strikethrough--sim-only span {
        position: relative;
        font-size: 24px;
        font-weight: bold;
        /*font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif*/
    }

    .offer-strikethrough--sim-only .strike-through:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        right: 0;
        border-top: 2px solid;
        border-color: inherit;
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    .offer-strikethrough--sim-only .sml-monthly-font {
        font-size: 16px;
    }


    @media only screen and (max-width: 480px) {
        .offer-strikethrough--sim-only {
            margin-left: 20px;
        }
    }

@media (min-width: 992px) {
    .phone-highlights .price-plan-box {
        display: inline-block;
        border: 1px solid #ddd;
        width: 42%;
        margin: 0 12px;
        padding: 10px;
    }

    .price-guide h5 {
        display: inline-block;
        line-height: 70px;
    }
    /*pulls content right on desktop*/

    .pull-right-lg {
        float: right !important;
    }

    .phone-details-master-wrapper .colour-options h5 {
        line-height: 50px;
    }

    .phone-details-master-wrapper .device-options-wrap {
        height: 50px;
        margin: 0;
    }

        .phone-details-master-wrapper .device-options-wrap.price-guide {
            height: 90px;
            margin: 20px 0 10px 0;
        }
}
/**
* #.# phone features section
*
* styles for phone features section
*/
/* hides buttons for mobile and tablets */
/*TAB STYLES*/

.sidebar-feature-buttons {
    display: none;
}

.phone-features-section h3.tab-title {
    display: none;
    margin-top: 0;
}
/**
* #.# styles for feature tabs/buttons
*
* styles for feature tabs/buttons
*/

@media (min-width: 992px) {
    h3.tab-title {
        display: block;
        padding-bottom: 15px;
    }

    .sidebar-feature-buttons {
        display: inline-block;
        width: 80%;
    }

    .features-tab-nav {
        display: none;
    }
    /*content inside of tab*/

    .tech-tab-content,
    .feature-tab-content {
        display: block !important;
        border-bottom: none;
    }

    .feature-tab-content {
        width: 90%;
    }

    .phone-features-section h3.tab-title {
        display: block;
    }

    .sidebar-feature-buttons .list-group-item {
        color: #00AEEF;
        padding: 14px 0 15px 13px;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        border: none;
        font-size: 1.125em;
    }

        .sidebar-feature-buttons .list-group-item:focus,
        .sidebar-feature-buttons .list-group-item:hover {
            color: #0095D6;
            background: none;
        }

        .sidebar-feature-buttons .list-group-item.active:hover {
            border-image-source: none;
            background: #545558 url("../img/icons/forward-icon.png") no-repeat 95% 50%;
            text-decoration: none !important;
        }

        .sidebar-feature-buttons .list-group-item.active:focus,
        .sidebar-feature-buttons .list-group-item.active {
            border-radius: 0;
            box-shadow: none;
            background: #6D6E72 url("../img/icons/forward-icon.png") no-repeat 95% 50%;
            border-width: 0 0 0 0;
            color: #fff !important;
        }
}
/* end min-width: 992px */
/* tech spec table - tabs */

.tech-tab-content .table > tbody > tr {
    border-bottom: 1px solid #ddd;
}

    .tech-tab-content .table > tbody > tr > td {
        display: block;
        border-top: transparent;
        padding-bottom: 5px;
        /* adds padding below heading */
    }
/* adds padding between rows */

.tech-tab-content tr td:first-child {
    padding-top: 15px !important;
}

.tech-tab-content tr td:last-child {
    padding-bottom: 15px !important;
}
/**
* Tech Tab table styles
*
* Tech Tab table styles tablet and larger
*/

@media (min-width: 768px) {
    .phone-features-section .feature-tab-content,
    .phone-features-section .tech-tab-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .tech-tab-content .table > tbody > tr > td {
        display: table-cell;
        border-top: 1px solid #ddd;
        padding: 10px 0 10px 0 !important;
        /* forces padding */
    }

    .tech-tab-content tr td:first-child {
        width: 25%;
    }

    .tech-tab-content tr td:last-child {
        width: 75%;
    }
}
/**
* END  Phone Details Page
*/
/**
* plan landing page bill pay section
*
*/

.bill-pay-plans .owl-bill-pay li:first-child {
    border-top: none !important;
}

.plan-landing-page.bill-pay-plans .container {
    padding: 0;
    margin: 0 auto;
}

.owl-bill-pay .owl-controls .owl-buttons div {
    position: relative;
    margin: 0;
    padding: 12px 8px;
    font-size: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #00AEEF;
    filter: Alpha(Opacity=100);
    opacity: 1;
}

.owl-bill-pay.owl-carousel .owl-controls .owl-buttons i {
    margin-top: 2px;
    color: #fff;
    top: 0;
    font-size: 100%;
}

/*.plan-link-highlight-btn {
    margin: auto;
    width: 88%;
    padding: 0;
    border-radius: 3px;
}*/

/**
* Bill pay slider section styles
*
* Bill pay slider section tablet and larger
*/

@media (min-width: 768px) {
    .bill-pay-plans .lead {
        display: block;
        font-size: 1.1em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

    .owl-bill-pay.owl-carousel .owl-wrapper-outer {
        width: 100%;
        margin: 0 auto;
        border-left: 1px solid #D1D4D9;
        border-right: 1px solid #D1D4D9;
    }

    .owl-bill-pay .owl-controls .owl-buttons {
        top: 50%;
        margin-top: -50px;
    }
}
/**
* Bill pay slider section styles
*
* Bill pay slider section  larger
*/

@media (min-width: 992px) {
    /*increases slider container for tablet */

    .owl-bill-pay.owl-carousel .owl-wrapper-outer {
        width: 100%;
        margin: auto;
        border-left: none;
        border-right: none;
    }

    .owl-bill-pay.owl-carousel .owl-wrapper {
        left: 30px !important;
    }
}

.plan-landing-page a.plan-button {
    color: #00AEEF;
    text-align: center;
}

.plan-landing-page a.plan-button-primary {
    color: #fff;
    background: #00AEEF;
    text-align: center;
}

.plan-landing-page a.plan-button:hover {
    color: #0095D6;
    border-color: #0095D6;
}

.plan-landing-page a.plan-button-primary:hover {
    background: #0095D6;
    border-color: #0095D6;
}

.plan-landing-page .topup {
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

    .plan-landing-page .topup a:hover {
        text-decoration: underline;
    }

.plan-landing-page .plan-details-hightlight .plan-details-inner ul.plan-list li {
    border-top: 1px solid #1AC8FF;
}

    .plan-landing-page .plan-details-hightlight .plan-details-inner ul.plan-list li:first-child {
        border-top: none;
    }

.plan-landing-page .prepay-plans .plan-details-box .plan-details ul li a {
    color: #fff;
    text-decoration: underline;
}
/**
* Plan landing page Prepay section styles
*
* Plan landing page Prepay section tablet and larger
*/

@media (min-width: 768px) {
    .plan-landing-page.prepay-plans .intro h4 {
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        font-size: 1.5em;
    }

    .plan-landing-page.prepay-plans .plan-details-inner ul.plan-list li {
        border: none;
    }

    .prepay-plans a.plan-button,
    .prepay-plans a.plan-button-primary {
        width: 65% !important;
    }
    /* Gives more room to the terms*/

    .prepay-plans .plan-details-box .plan-details {
        width: 70%;
        border-left: 1px solid #0095D6;
    }
    /* decreases the price width*/

    .prepay-plans .plan-details-box .plan-price {
        width: 20%;
    }
}
/**
* Plan landing page Prepay section styles
*
* Plan landing page Prepay section tablet and larger
*/

@media (min-width: 992px) {
    .prepay-plans .plan-price h3 {
        font-size: 3.5em;
    }

    .prepay-plans .plan-price p {
        line-height: .8em;
    }
}
/**
* Phone list page 
*
* Phone list page styles
*/

.phone-list-page.section-heading {
    background: #EAEDF2 url("../img/swoosh/tesco-swooh-lg-background.jpg") no-repeat 50% 50%;
}

.phone-list-banner-heading {
    width: 100%;
    margin: 0 auto 30px auto;
}

    .phone-list-banner-heading .lead {
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

@media (min-width: 768px) {
    .phone-list-container.prepay-phones .phone-box .phone-inner {
        height: 330px;
    }
}

@media (min-width: 992px) {
    .phone-list-page.section-heading .col-md-12 {
        padding-left: 48px;
        padding-right: 48px;
    }

    .phone-list-container .phone-box .phone-img-frame {
        height: auto;
    }

    .phone-list-container .phone-box .phone-inner {
        padding: 0;
        height: 470px;
    }

    .phone-list-container .phone-box .phone-link {
        padding: 19px 20px 24px 20px;
    }

    .phone-list-container.prepay-phones .phone-box .phone-inner {
        padding: 0;
        height: 400px;
    }

    .phone-list-page .phone-box {
        margin: 0 0 11px 0;
        padding-left: 7px;
        padding-right: 7px;
    }

        .phone-list-page .phone-box .phone-inner {
            padding: 21px 24px 0 24px;
            height: 420px;
            border: 0;
            border-radius: 2px;
        }

    .phone-box .phone-price span {
        padding: 8px 22px 9px 22px;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
}
/**
* Phone list slider styles 
*
*/

.phone-list-page .owl-bill-phone-list .phone-box .phone-inner .phone-link .phone-img-frame {
    height: 190px;
    overflow: hidden;
    width: 80%;
    padding-right: 30px;
}
/*slider controls*/

.owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons div {
    padding: 10px 5px;
    background: #00AEEF;
    z-index: 0;
    border-radius: 0;
    font-size: 1.5em;
    opacity: 1;
    margin: 0;
    display: block;
    position: relative;
}

.owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%, -100%);
    /*positions the arrows  center*/
    background-color: transparent;
}

.owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -100%);
    background-color: transparent;
}
/**
* Phone list tab section
*
* Phone list tab section
*/

.phone-list-container .phone-list-tab-nav {
    margin: 40px 0 20px 0;
}
/**
* #.# styles for tabs
*
* styles for feature tab on phone list page
*/

@media (min-width: 992px) {
    .phone-list-container ul.tmi-tab-nav > li {
        width: 268px;
    }

    .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-prev {
        left: -53px;
        width: 43px;
        height: 72px;
        margin-top: -10px;
    }

    .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-next {
        right: -42px;
        width: 43px;
        height: 72px;
        margin-top: -10px;
    }

    .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons span.left-arrow {
        display: block;
        width: 43px;
        height: 72px;
        background: url("../img/arrows/img_arrow_left_transparent_desktop.png") no-repeat;
    }

    .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons span.right-arrow {
        display: block;
        width: 43px;
        height: 72px;
        background: url("../img/arrows/img_arrow_right_transparent_desktop.png") no-repeat;
    }
}

@media (min-width: 1180px) {
    .phone-list-page.section-heading {
        padding-bottom: 19px;
        background-size: 1280px;
    }

        .phone-list-page.section-heading .col-md-12 {
            padding-left: 0;
            padding-right: 0;
        }

    .phone-list-banner-heading .lead {
        margin: auto;
        width: 80%;
    }

    .owl-bill-phone-list.owl-carousel .owl-controls .owl-page span {
        margin: 0 5px;
        width: 15px;
        height: 15px;
        background: #fff;
    }
}

.phone-list-container .filter-wrap {
    background: #666666;
    line-height: 2.5em;
    display: block;
    margin-bottom: 27px;
    padding: 15px;
}

    .phone-list-container .filter-wrap .btn-primary {
        padding: 11px 17px;
        width: 100%;
    }
/**
* #.# filter-wrap button
*
* styles for filter-wrap button on phone list page
*/

@media (min-width: 768px) {
    .filter-phone-list {
        display: block;
    }

    .phone-list-container .filter-wrap .btn-primary {
        width: auto;
    }

    .phone-list-container .filter-wrap .btn-primary {
        padding: 9px 17px 10px 17px;
        margin-top: 10px;
    }
}

.phone-list-page .phone-box .phone-inner .phone-img-frame {
    margin: 0 0 25px 0;
    height: 263px;
    overflow: auto;
}
/**
* #.# Shopping cart styles
*


/* New Shopping Cart Styling 2019
   =============================================================================================================================================================================================*/

.shoppingcart.cart--update .total-column .your-order .order-details .first-product img {
    display: none;
}
.shoppingcart.cart--update .total-column .your-order .order-details .first-product .product-info {
    width: 90%;
    padding-left: 0;
}
.shoppingcart.cart--update .total-column .your-order .delivery-row td:first-child {
    display: none;
}
.shoppingcart.cart--update .total-column .your-order .delivery-row td {
    padding-left: 0px;
}
/*.shoppingcart.cart--update .plan-section__block {
    margin-left: 153px;
    padding-top: 5px;
}*/
/*.container.shoppingcart.cart--update {
    font-family: "TescoModern-Regular", Arial, sans-serif;
}*/
/*.container.shoppingcart.cart--update h4 {*/
    /*font-family: "TescoModern-Bold", Arial, sans-serif;
        color: #000;*/
}

    /*.container.shoppingcart.cart--update p {
        font-family: "TescoModern-regular", Arial, sans-serif;
        color: #000;
        font-size: 14px;
    }*/

.shoppingcart-wrapper {
    background-color: #F6F6F6;
    border: none;
}

#shoppingCartMaster {
    /*border: 1px solid grey;
    padding: 10px 25px;
    margin: 0 25px 25px;
    background-color: #fff;*/
}

    /*#shoppingCartMaster .bill-pay-phone {
        border: 1px solid grey;
        border-bottom: none;
        padding: 10px 25px;
        margin: -1px 25px 0;
        background-color: #fff;
    }*/
    /*#shoppingCartMaster .billpay-plan {
        margin: -50px 25px 0px;
        background-color: #fff;
        border: 1px solid grey;
        border-top: none;
        padding: 10px 25px 50px;
    }*/
        /*#shoppingCartMaster .billpay-plan .info__section-bg {
            padding: 40px 25px 0;
            background-color: #f1f4fb;
            margin-top: -50px;
            position: relative;
        }*/

        #shoppingCartMaster .billpay-plan .shoppingcart__details ul.plan-features {
            padding-top: 10px;
            font-size: 14px;
        }
        #shoppingCartMaster .billpay-plan .shoppingcart.cart--update .plan-section__block {
            margin-left: 153px;
            padding-top: 5px;
        }
        /*#shoppingCartMaster .billpay-plan .shoppingcart__price {
            margin-top: 60px;
        }*/
        #shoppingCartMaster .shoppingcart__price.mobile {
            margin-top: 60px;
            display: none;
        }
        #shoppingCartMaster .billpay-plan .shoppingcart-title h3 {
            font-size: 18px;
            margin-bottom: 20px;
        }
    /*#shoppingCartMaster .billpay-plan .shoppingcart-phone__img {
            margin-left: 15px;
        }*/
            #shoppingCartMaster .billpay-plan .shoppingcart-phone__img img {
                width: 90px;
            }

    #shoppingCartMaster .trio-sim--plan .shopping-cart__details .phone-section__block {
        margin-left: 120px;
    }
        #shoppingCartMaster .trio-sim--plan .shopping-cart_details .shoppingcart-phone__img--block .phone-section__block {
            margin-left: 120px
        }

    /*#shoppingCartMaster .prepay-phone {
        border: 1px solid grey;
        padding: 10px 25px;
        margin: -1px 25px 0px;
        background-color: #fff;
    }*/
    /*#shoppingCartMaster .trio-sim--plan {
        border: 1px solid grey;
        padding: 10px 25px;
        margin: -1px 25px 25px;
        background-color: #fff;
    }
        #shoppingCartMaster .trio-sim--plan .shoppingcart-phone__img img {
            width: 110px;
        }
    #shoppingCartMaster .paygsim {
        border: 1px solid grey;
        padding: 10px 25px;
        margin: -1px 25px 25px;
        background-color: #fff;
    }
        #shoppingCartMaster .paygsim .shoppingcart-phone__img img {
            width: 110px;
        }*/

        .shoppingcart__welcome {
            background-color: #F6F6F6;
            padding: 25px;
        }

.shoppingcart__newtitle {
    font-size: 28px;
}

/*.container.shoppingcart.cart--update .your-order {
    margin-top: -130px;
}*/

.shoppingcart-phone-img {
    position: relative;
}

.shoppingcart-phone-img .phone-img {
    width: 150px;
}

/*.shoppingcart-phone__img--block .ping {
    top: 10px !important;
}*/

/*.cart--update .your-order h2 {
    border: none;
    padding: 25px 0 14px 0;
    margin: 0;
    text-align: center;
    letter-spacing: -1px;
}

    .cart--update .your-order p {
        margin: 0;
    }

    .cart--update .your-order .plan-type {
        font-weight: bold;
    }

    .cart--update .your-order .sml-symbol {
        font-size: 14px;
    }

    .cart--update .your-order .billpay-qty-wrap {
        font-size: 14px;
    }

    .cart--update .your-order .item-price, .cart--update .your-order .planprice {
        vertical-align: top;
        text-align: right;
    }

    .cart--update .your-order .monthly-price {
        font-weight: bold;
    }

    .cart--update .your-order .plan-description ul li {
        list-style: none;
        font-size: 14px;
    }

    .cart--update .your-order .delivery-row td {
        font-size: 14px;
        vertical-align: top;
        padding-left: 8px;
    }

    .cart--update .your-order .delivery-row td:first-child {
        width: 25%;
        text-align: center;
        padding-right: 10px;
    }

    .cart--update .your-order .delivery-row td.bold{
        text-align: right;
    }

    .cart--update .your-order .table.order-calculation tr td:last-child {
        padding-right: 0;
        text-align: right;
    }

    .cart--update .your-order .table.order-calculation tr:last-child {
        border-image: url(../img/cached/borders/img_phone_name.gif) 100;
        border-bottom: 1px solid transparent;
    }

    .cart--update .your-order .table.order-calculation tr.cartTotal-row {
        border-image: url(../img/cached/borders/img_phone_name.gif) 100;
        border-top: solid 1px transparent !important;
    }

    /*.cart--update .your-order .voucher-code {
        display: none;
    }*/

/*.cart--update #ctl00_ctl00_main_content_content_page_ShoppingCart_YourOrder_txtVoucherCode {
    border: none;
    background-color: #fff;
    color: #6D6E71;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
}

    .cart--update #ctl00_ctl00_main_content_content_page_ShoppingCart_YourOrder_txtVoucherCode::placeholder {
        color: #aeaeae;
    }

    .cart--update #ctl00_ctl00_main_content_content_page_ShoppingCart_YourOrder_btnApplyVoucher {
        display: block;
        margin: 16px 0 0 0;
        padding: 21px 0;
        width: 100%;
        font-size: 14px;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        background-color: transparent;
        border: 1px solid #0095D6;
        color: #0095D6;
    }

    .cart--update .voucher-code {
        padding: 25px 0 0;
    }

    .title--sml {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 0 !important;
    }

    .bold-p {
        margin-bottom: 0 !important;
    }

    .cart--update .your-order .first-product {
        border-image: url(../img/cached/borders/img_phone_name.gif) 100;
        border-bottom: 1px solid transparent;
    }

    .cart--update .your-order {
        padding: 0 20px 35px 20px;
    }

.cart--update .your-order .product-info {
    width: 45%;
    padding-right: 0;
    padding-left: 10px;
    display: table-cell;
    vertical-align: top;
}
.cart--update .your-order .monthly-plan-icon {
    text-align: center;
}

.cart--update .shoppingcart-title {
    float: none !important;
    display: block !important;
    padding-left: 0;
}

.cart--update .shoppingcart-phone__img--block {
    display: flex;
    flex-wrap: wrap;
}
    .cart--update .shoppingcart-phone__img img {
        width: 150px;
        position: relative;
        z-index: 2;
    }

.cart--update .shoppingcart__details {
    width: 45%;
    margin-left: 45px;
    padding-top: 20px;
}
    .cart--update .shoppingcart__details ul.phone-features {
        list-style-type: none;
        padding-left: 0;
        padding-top: 15px;
    }

    .cart--update .shoppingcart__details ul.plan-features {
        list-style-type: none;
        padding-left: 0;
        padding-top: 15px;
    }
        .cart--update .shoppingcart__details ul.plan-features li {
            padding-bottom: 5px;
        }

.cart--update .shoppingcart__quantity {
    margin-top: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
    .cart--update .shoppingcart__quantity .form-group {
        margin-right: 20px;
        margin-bottom: 0;
    }
    .cart--update .shoppingcart__quantity .shoppingcart-quantity-options {
        
    }
.cart--update .shoppingcart__price {
    margin-top: 75px;
    text-align: right;
}
    .cart--update .shoppingcart__price .item-price {
        line-height: 1.42857143;
        font-size: 1.5em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        color: #00AEEF;
    }

.cart--update .your-order .table.order-calculation tr.cartTotal-row td.amount-text {
    font-size: 16px;
    width: 50%;
}
.cart--update .your-order .table.order-calculation tr.cartTotal-row td.total-price {
    font-size: 22px;
}

.cart--update .content-icon h4 {
    line-height: 1.42857143;
    font-size: 18px;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    color: #00AEEF;
    margin-top: 0;
}*/*/

/* Checkout Modifiers
   =======================================================================================================================*/

.small-mrg-btm {
    margin-bottom: 25px !important;
}

.cart--update .quantity-remove a, .quantity-edit a {
    color: #E7002D;
}

    .cart--update .quantity-remove a, .quantity-edit a:hover {
        color: #E7002D !important;
        text-decoration: none !important;
    }

.tmi-white {
    padding-right: 0px !important;
}
.modal-open {
    overflow-y: auto
}



/* New Checkout Media Queries
   =======================================================================================================================*/

@media only screen and (max-width: 1024px) {
    .cart--update .shoppingcart__details {
        width: 45%;
    }
    /*#shoppingCartMaster .billpay-plan {
        margin: 0px 25px;
        background-color: #fff;
        padding: 0px 0px 5px;
    }*/
        #shoppingCartMaster .billpay-plan .info__section-bg {
            padding: 20px;
            margin: 25px;
            width: auto;
        }
    .cart--update .shoppingcart-phone__img img {
        width: 80px;
    }
    /*.shoppingcart.cart--update .plan-section__block {
        margin-left: 88px;
    }*/
    #shoppingCartMaster .trio-sim--plan .shopping-cart__details .phone-section__block {
        margin-left: 85px;
    }
    #shoppingCartMaster .trio-sim--plan .shoppingcart-phone__img img {
        width: 70%;
    }
    .cart--update .shoppingcart__quantity .form-group {
        margin-right: 3px;
    }
    /*#shoppingCartMaster .trio-sim--plan {
        padding: 10px 25px 25px;
    }*/
}

@media only screen and (max-width: 900px) and (min-width: 801px) {
    .cart--update .shoppingcart__details {
        text-align: left;
    }
    .cart--update .shoppingcart-title {
        text-align: left;
    }
    .cart--update .shoppingcart__price .item-price {
        width: 10%;
    }
    .container.shoppingcart.cart--update .your-order {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 800px) {
    /*.cart--update .shoppingcart__details {
        width: 66%;
        margin-left: 20px;
        padding-top: 20px;
    }*/

    .total-column {
        padding: 0;
    }

    .container.shoppingcart.cart--update .your-order {
        margin-top: 0px;
    }

    /*.cart--update .shoppingcart__price {
        margin-top: 25px;
    }*/

    /*.your-order .first-product img {
        width: 120px;
    }*/

    /*.shoppingcart.cart--update .plan-section__block {
        margin-left: 65px;
        width: 65%;
    }*/

    /*#shoppingCartMaster .billpay-plan {
        margin: 0px 25px;
        background-color: #fff;
        padding: 0px 0px 5px;
    }*/

        /*#shoppingCartMaster .billpay-plan .shoppingcart__price {
            margin-top: 0px;
        }*/

            #shoppingCartMaster .billpay-plan .shoppingcart__price .price__block--area .item-price {
                width: 10%;
            }

    #shoppingCartMaster .trio-sim--plan .phone-section__block {
        margin-left: 96px;
    }
    #shoppingCartMaster .trio-sim--plan .phone-section__block .item-price {
        width: 10%;
    }
    .cart--update .shoppingcart__price .item-price {
        width: 10%;
    }
    #shoppingCartMaster .billpay-plan .info__section-bg {
        padding: 20px;
        margin: 25px;
        width: auto;
    }
    #shoppingCartMaster .trio-sim--plan .shopping-cart__details .phone-section__block {
        margin-left: 55px;
    }
    /*#shoppingCartMaster .trio-sim--plan {
        padding-bottom: 25px;
    }*/
    #shoppingCartMaster .trio-sim--plan .shoppingcart-phone__img img {
        width: 70%;
    }
}

@media only screen and (max-width: 480px) {
    #shoppingCartMaster {
        padding: 10px 0px;
        margin: 0 10px 25px;
    }

    .cart--update .shoppingcart-title {
        display: none !important;
    }

    .cart--update .shoppingcart-phone__img {
        float: left;
        width: 30%;
    }

        .cart--update .shoppingcart-phone__img img {
            width: 78px;
        }

    .shoppingcart.cart--update .plan-section__block {
        margin-left: 18px;
    }

    .shoppingcart-box .ping {
        display: none !important;
    }

    .cart--update .shoppingcart__details {
        width: 60%;
        margin-left: 18px;
        padding-top: 0px;
        text-align: left;
    }

        .cart--update .shoppingcart__details ul.phone-features li {
            display: none;
        }

            .cart--update .shoppingcart__details ul.phone-features li:first-child {
                display: block;
            }

    .cart--update .shoppingcart__price {
        margin-top: 0px;
        text-align: left;
        padding: 0;
    }

    .container.shoppingcart.cart--update .your-order {
        margin-top: 25px;
    }

    .total-column {
        padding: 0;
    }

    .cart--update .shoppingcart__details h3.phone_name {
        font-size: 16px;
    }

    .cart--update .shoppingcart__details ul.phone-features {
        padding-top: 5px;
    }

    .cart--update .shoppingcart__quantity {
        justify-content: flex-start;
    }

    .cart--update .your-order .btn.button-collapsed {
        text-align: left;
    }

    .cart--update .shoppingcart-phone__img--block {
        border-bottom: 1px solid #ccc;
        padding-bottom: 50px;
    }

        .cart--update .shoppingcart-phone__img--block:last-child {
            border-bottom: none;
        }

    .cart--update .your-order .table.order-calculation tr.cartTotal-row td.total-price {
        font-size: 26px;
    }
    .cart--update .your-order .table.order-calculation tr.cartTotal-row td.amount-text {
        font-size: 21px;
        line-height: 25px;
    }
    .container.shoppingcart.cart--update p {
        font-size: 16px;
    }
    .cart--update .your-order .delivery-row td {
        font-size: 17px;
    }
    .shopping-support-info {
        padding: 20px 20px 35px 20px !important;
    }
    .your-order .order-summary__button {
        width: 100% !important;
        height: 50px;
        border-radius: 0;
        font-size: 18px !important;
        font-weight: bold !important;
    }
    .your-order .btn.button-collapsed.collapsed .show-order {
        float: right;
    }
    .your-order .btn.button-collapsed .hide-order {
        float: right;
    }
    #shoppingCartMaster .billpay-plan .shoppingcart-phone__img {
        margin-left: 0;
    }
        #shoppingCartMaster .billpay-plan .shoppingcart-phone__img {
            width: 25%;
        }
            #shoppingCartMaster .billpay-plan .shoppingcart-phone__img img {
                width: 60px;
            }
    #shoppingCartMaster .trio-sim--plan .phone-section__block {
        margin-left: 20px;
        margin-top: 10px;
    }
    #shoppingCartMaster .billpay-plan .plan-section__block {
        margin-left: 32px;
        width: 63%;
    }
        #shoppingCartMaster .billpay-plan .shoppingcart-phone__img--block {
            padding-bottom: 0;
        }
        #shoppingCartMaster .prepay-phone .shoppingcart-phone__img--block {
            padding-bottom: 0;
        }
        #shoppingCartMaster .trio-sim--plan .shoppingcart-phone__img--block {
            padding-bottom: 0;
        }

    /*#shoppingCartMaster .bill-pay-phone, #shoppingCartMaster .billpay-plan, #shoppingCartMaster .prepay-phone, #shoppingCartMaster .trio-sim--plan {
        margin: -1px 5px 0;
        padding: 10px 5px;
    }*/
        #shoppingCartMaster .trio-sim--plan .shopping-cart__details .phone-section__block {
            margin-left: 20px;
        }
    #shoppingCartMaster .billpay-plan .info__section-bg {
        padding: 5px;
        margin: 5px;
    }
    /*#shoppingCartMaster .row.billpay-plan {
        margin-top: -75px;
    }*/
    .cart--update .shoppingcart__price.mobile {
        display: block !important;
    }
    .cart--update .shoppingcart__price.desktop {
        display: none;
    }
}

@media only screen and (max-width: 375px) {
    #shoppingCartMaster .billpay-plan .plan-section__block {
        margin-left: 26px;
        width: 64%;
    }
}

@media only screen and (max-width: 320px) {
    .cart--update .shoppingcart-phone__img img {
        width: 60px;
    }
    #shoppingCartMaster .billpay-plan .plan-section__block {
        width: 62%;
    }
}



/* styles for OLD Shopping cart page
*/
/*container for shoppingcart page boxes*/
/*.shoppingcart-wrapper {
    border: 2px solid #edeef2;
    padding: 5px;
    margin: 0 0 20px 0;
    position: relative;
}*/
.shoppingcart-title {
    display: block;
    text-align: center;
}

    .shoppingcart-title h3 {
        font-size: 1.8em;
    }

.shoppingcart-quantity-container {
    text-align: right;
    display: block;
}

.shoppingcart-quantity .form-group {
    display: inline-block;
    margin: 0 10px;
}

.shoppingcart-quantity .quantity-edit {
    margin: 0 10px;
}
/* options for adding and removing products */

.shoppingcart-quantity-options {
    display: inline-block;
}

.shoppingcart-box {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 15px 0;
    text-align: center;
}

    .shoppingcart-box h3.phone_name {
        font-size: 22px;
        margin: 0;
    }

    .shoppingcart-box .shoppingcart-box-content {
        display: block;
        width: 100%;
    }
/*putting phone image in table and vertically aligning middle */

.shoppingcart-box-content .shoppingcart-phone-img {
    display: block;
    text-align: center;
}

.shoppingcart-box-content .shoppingcart-details {
    display: block;
    text-align: center;
    padding: 10px 0 0 0;
}

    .shoppingcart-box-content .shoppingcart-details ul.phone-features,
    .shoppingcart-box-content .shoppingcart-details ul.phone-plan-features,
    .shoppingcart-box-content .shoppingcart-details ul.plan-features {
        padding: 0;
        list-style: none;
    }

        .shoppingcart-box-content .shoppingcart-details ul.phone-features li {
            display: none;
        }

            .shoppingcart-box-content .shoppingcart-details ul.phone-features li:first-child {
                display: block;
            }
/*phone details price */

.shoppingcart-box .shoppingcart-price {
    border-left: none;
    text-align: center;
    font-size: 1.2em;
}

    .shoppingcart-box .shoppingcart-price span {
        line-height: 1.42857143;
        font-size: 1.5em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        color: #00AEEF;
    }

.hrline {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #eee;
}

.white-link {
    color: #fff !important;
}
    .white-link:hover {
        color: #fff !important;
        text-decoration: none;
    }

/**
* #.# shopping cart phone price alignment moved
*
* styles for shopping cart phone price 
*/

.shoppingcart-quantity {
    float: right;
    margin-right: 20px;
}

@media (min-width: 768px) {
    .shoppingcart-box .shoppingcart-box-content {
        display: table-cell;
        width: 65%;
    }

    .shoppingcart-box {
        text-align: left;
        margin: 0;
    }

    .shoppingcart-title {
        display: inline-block;
        width: 50%;
        float: left;
        text-align: left;
        padding-left: 20px;
    }

        .shoppingcart-title h3 {
            font-size: 1.8em;
            font-family: 'Tesco-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        }

    .shoppingcart-quantity-container {
        text-align: left;
        display: inline-block;
        width: 50%;
    }

    .shoppingcart-quantity {
        margin-top: 20px;
    }

    .shoppingcart-box .shoppingcart-price {
        display: table-cell;
        vertical-align: top;
        padding: 0 9%;
        text-align: left;
        border-top: none;
        vertical-align: middle;
    }

    .shoppingcart-box-content .shoppingcart-details ul.phone-features,
    .shoppingcart-box-content .shoppingcart-details ul.phone-plan-features,
    .shoppingcart-box-content .shoppingcart-details ul.plan-features {
        padding: 10px 0;
        list-style: none;
    }

    .shoppingcart-box .shoppingcart-box-content {
        padding: 20px;
        border-right: 1px solid #D1D4D9;
    }

    .shoppingcart-box-content .shoppingcart-phone-img {
        display: table-cell;
        vertical-align: middle;
    }

    .shoppingcart-box-content .shoppingcart-details {
        display: table-cell;
        vertical-align: top;
        text-align: left;
        padding: 10px 0 0 20px;
    }

    .container.shoppingcart {
        padding-top: 40px;
    }
}
/**
* #.# Shopping cart
*
* specifc styles for phone details page - Desktops
*/
/* Style to fix the button on the Masterpayment iFrame */

@media (min-width: 768px) {
    #CardDetailsFrame .formValue input[type="submit"] {
        width: 100% !important;
    }
}

/*@media (min-width: 992px) {
    .container.shoppingcart {
        padding: 70px 0 65px 0;
    }

        .container.shoppingcart .title h2 {
            margin: 0;
        }
}*/
/* shopping cart gift voucher section */

.shoppingcart .gift-voucher,
.shoppingcart .discount {
    padding: 20px;
}

.shoppingcart .content-icon-text {
    width: 100%;
}

.shoppingcart.terms {
    margin-top: 20px;
    border-top: 2px solid #edeef2;
}

.shoppingcart .discountValue {
    display: block;
    width: 100%;
    margin-top: 5px;
}

    .shoppingcart .discountValue .discount-input {
        padding: 10px 0;
        margin: 0 5% 5% 0;
        display: block;
        width: 100%;
    }

    .shoppingcart .discountValue .btn-discount {
        padding: 10px 0;
        margin: 0 5% 0 0;
        display: block;
        width: 100%;
    }
/**
* #.# shopping cart discount section
*
* styles for shopping cart discount section
*/

@media (min-width: 768px) {
    .shoppingcart .content-icon {
        display: table;
    }

    .shoppingcart .content-icon-text {
        display: table-cell;
        text-align: left;
    }

    .shoppingcart .content-icon .icon {
        display: table-cell;
        vertical-align: top;
        padding: 0 20px 0 0;
    }

    .shoppingcart .discountValue {
        display: table;
        width: 100%;
        table-layout: fixed;
        margin-top: 5px;
    }

        .shoppingcart .discountValue .discount-input {
            padding: 10px 0;
            margin: 0 5% 0 0;
            display: table-cell;
            width: 45%;
            vertical-align: middle;
        }

        .shoppingcart .discountValue .btn-discount {
            padding: 10px 0;
            margin: 0;
            display: table-cell;
            width: 45%;
            vertical-align: middle;
        }
}
/* information below your order component*/
/* ex. secure checkout and returns & repairs*/

.shopping-support-info {
    /*border-top: 2px solid #ddd;*/
    padding: 20px 0;
}

    .shopping-support-info .content-icon {
        margin: 0;
    }
/**
* #.# thank you page
*
* styles for thank you page section
*/

.thank-you-page h1 {
    margin-bottom: 40px;
}

.thank-you-page .content-icon {
    display: block;
}

    .thank-you-page .content-icon .icon {
        width: 100px;
        display: inline-block;
        padding: 0;
    }

.thank-you-cta {
    margin: 20px 0 0 0;
}

.thank-you-page .topic-panel {
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px;
}

.thank-you-page .content-icon {
    padding: 0 0 50px 0;
}

    .thank-you-page .content-icon.last {
        padding: 0 0 0 0;
    }

    .thank-you-page .content-icon h3 {
        padding: 0 0 10px 0;
        width: 100%;
        font-size: 1.125em;
    }

.thank-you-page .icon {
    display: block;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
}

.thank-you-page .content-icon .content-icon-text {
    display: block;
    margin: auto;
    vertical-align: top;
    width: 70%;
    padding-bottom: 20px;
}

.thank-you-page .content-icon p {
    margin: 10px 0 20px 0;
}

.thank-you-page .list-questions {
    margin: 0;
    padding: 0;
    list-style: none;
}

.thank-you-page .content-icon ul.list-questions li a {
    color: #6d6e71;
    text-decoration: none;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    background: url("../img/borders/img_helpcentre_underline.gif") repeat-x 0 100%;
}

    .thank-you-page .content-icon ul.list-questions li a:hover {
        color: #00AEEF;
        text-decoration: none;
    }
/**
* #.# thank you page
*
* styles for thank you page tablet
*/

@media (min-width: 768px) {
    .thank-you-page .topic-panel {
        padding-left: 12px;
        padding-right: 12px;
        margin-top: 20px;
    }
}
/**
* #.# Phone Details
*
* specifc styles for phone details page
*/

.phone-details-master-wrapper {
    padding: 20px 16px 0 16px;
    background: url("../img/swoosh/img_phonedetails_swoosh_mobile.gif") no-repeat 0 0;
}

    .phone-details-master-wrapper .row {
        margin: 0;
    }
/** Phone Details Grey Banner **/

main .phone-details-grey-banner {
    padding-left: 0;
    padding-right: 0;
}

.phone-details-grey-banner {
    margin: auto;
    padding: 0;
    color: #fff;
    background: #6D6E71;
}

    .phone-details-grey-banner h2 {
        display: inline-block;
        padding: 14px 0 8px 18px;
        margin: 0;
        font-size: 1.125em;
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

    .phone-details-grey-banner button {
        background: none;
        border: 0;
    }

        .phone-details-grey-banner button:focus {
            outline: none;
        }

main .phone-details-container {
    padding-left: 0;
    padding-right: 0;
}
/** Phone Highlights **/

.phone-highlights .col-sm-7 {
    padding: 0;
}

.phone-highlights .device-options-wrap .col-md-5 {
    padding-left: 7px;
    padding-right: 7px;
}

.phone-highlights .device-options-wrap .col-md-7 {
    padding-left: 7px;
    padding-right: 7px;
}

.phone-highlights .device-options-wrap {
    margin-bottom: 0;
}

.phone-details-master-wrapper .phone-details-container .out-of-stock {
    padding: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .phone-details-master-wrapper .phone-details-container .out-of-stock {
        width: 70%;
    }
}

.tmi-green-text,
.phone-details-master-wrapper .phone-highlights .price-plan p {
    padding: 5px 5px 5px 0;
}

.phone-details-master-wrapper .choose-phone .col-md-5 {
    padding-left: 7px;
    padding-right: 7px;
}

    .phone-details-master-wrapper .choose-phone .col-md-5 .btn {
        padding: 20px 32px;
        width: 100%;
        margin: 15px 0;
    }
/** Phone Features **/

.phone-features-section .tmi-tab-nav {
    margin: 0;
}

.phone-features-section ul.tmi-tab-nav > li {
    width: 49.5%;
}

.phone-features-section .tmi-tab-nav > li > a {
    margin: 0;
    padding: 10px 8px 10px 8px;
}

.phone-features-section .tmi-tab-nav > li:last-child {
    float: right;
}

.phone-features-section #features {
    padding-left: 7px;
    padding-right: 7px;
}

    .phone-features-section #features table {
        margin: 15px 0 0 0;
    }

    .phone-features-section #features .tech-tab-content .table > tbody > tr {
        border-top: 1px solid #ddd;
    }

        .phone-features-section #features .tech-tab-content .table > tbody > tr > td {
            padding: 0;
        }

    .phone-features-section #features .tech-tab-content tr td:first-child {
        padding-top: 10px !important;
    }

.phone-features-section #features-tab h5 {
    margin-top: 15px;
}
/**
* #.# Phone Details
*
* specifc styles for phone details page - Tablet Portrait
*/

@media (min-width: 768px) {
    .phone-details-master-wrapper {
        padding: 20px 30px 0 30px;
        background: url("../img/swoosh/img_phonedetails_swoosh_tablet.gif") no-repeat 0 0;
    }

    main .phone-details-grey-banner,
    main .phone-details-container {
        width: 100%;
    }

    .phone-details-grey-banner h2 {
        padding: 13px 0 13px 18px;
        font-size: 1.5em;
    }

    .phone-details-master-wrapper .choose-phone .col-md-5,
    .phone-highlights .device-options-wrap .col-md-7,
    .phone-highlights .device-options-wrap .col-md-5 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .phone-details-master-wrapper .colour-options h5 {
        margin: 0;
    }

    .phone-details-master-wrapper .choose-phone .col-md-5 .btn {
        padding: 20px 36px;
        width: auto;
        border-radius: 3px;
        font-size: 1.125em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    /** Phone Features **/

    .phone-features-section #features {
        padding-left: 0;
        padding-right: 0;
    }

    .phone-features-section .tmi-tab-nav {
        margin: 30px 0 0 0;
    }

    .phone-features-section ul.tmi-tab-nav > li {
        margin-right: 5px;
        width: 49%;
    }

    .phone-features-section .tmi-tab-nav > li:last-child {
        float: left;
    }

    .phone-features-section .tmi-tab-nav > li > a {
        font-size: 1.125em;
        padding: 14px 135px 14px 18px;
    }
    /** Call to Action Wrapper **/

    .phone-details-master-wrapper .calltoactions-wrapper {
        margin: 30px 0 60px 0;
    }

        .phone-details-master-wrapper .calltoactions-wrapper .row {
            margin-left: -12px;
            margin-right: -12px;
        }

        .phone-details-master-wrapper .calltoactions-wrapper .cta-btn {
            display: inline-block;
            width: 33%;
            padding: 0 5px;
        }
}
/**
* #.# Phone Details
*
* specifc styles for phone details page - Tablet Landscape & Medium Desktops
*/

@media (min-width: 992px) {
    .phone-details-master-wrapper {
        padding: 20px 24px 0 24px;
        background: url("../img/swoosh/img_phonedetails_swoosh_tablet_medium.gif") no-repeat 0 0;
    }

    .phone-details-grey-banner button {
        margin: 0;
        padding: 10px 18px 10px 0;
        font-size: 1.125em;
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

        .phone-details-grey-banner button span {
            display: inline-block;
        }

            .phone-details-grey-banner button span.back-icon {
                position: relative;
                top: 4px;
                margin: 0 9px 0 0;
                height: 25px;
                background: url("../img/icons/back-icon.png") no-repeat 0 8px;
            }

    .phone-highlights #sync1 {
        margin: 0 0 20px 0;
        border: 1px solid #ddd;
    }

        .phone-highlights #sync1 .owl-carousel .owl-item {
            width: 305px;
        }

    .phone-highlights .col-sm-7 {
        padding: 0 12px;
    }

    .phone-highlights p.intro-description {
        font-size: 16px;
    }

    .phone-details-master-wrapper .phone-highlights .price-plan-box {
        display: inline-block;
        border: 1px solid #e2e6e9;
        width: 34%;
        margin: 0 12px;
        padding: 10px;
    }

    .phone-details-master-wrapper .phone-highlights .price-plan p {
        padding-right: 0;
    }

        .phone-details-master-wrapper .phone-highlights .price-plan p:first-child {
            padding-right: 0;
            border-bottom: 1px solid #e2e6e9;
        }

    .phone-details-master-wrapper .phone-highlights .btn {
        margin: 20px 0;
    }

    .phone-details-master-wrapper .calltoactions-wrapper {
        margin: 60px 0 50px 0;
    }
}
/**
* #.# Phone Details
*
* specifc styles for phone details page - Large Desktops
*/

@media (min-width: 1180px) {
    .phone-details-master-wrapper {
        padding: 58px 24px 0 24px;
        background: url("../img/swoosh/img_phonedetails_swoosh_desktop.gif") no-repeat 0 0;
    }

    main .phone-details-grey-banner,
    main .phone-details-container {
        width: 90%;
        max-width: 1200px;
        min-width: 1170px;
    }

    .phone-details-master-wrapper .phone-highlights .price-plan-box {
        width: 30%;
    }

    .phone-details-master-wrapper .choose-phone .col-md-5 .btn {
        padding: 20px 32px;
    }

    .phone-highlights p.intro-description {
        width: 70%;
    }
}
/**
* #.# Phone Details
*
* specifc styles for phone details page - Large Desktops
*/

@media (min-width: 1400px) {
    .phone-details-master-wrapper {
        background: url("../img/swoosh/img_phonedetails_swoosh_desktop_large.gif") no-repeat 0 0;
    }
}
/**
* #.# Help Centre - Phone Settings Images
*
* Specific styles for images uploaded in the cma for the phone settings questions
*/

.settings-icon {
    width: 22px;
}

.settings-screenshot {
    display: block;
    width: 220px;
    border: 1px solid grey;
    margin: 10px 0;
}

.question-content,
.helpcentre-img {
    width: 100%;
}

    .question-content img {
        max-width: 100%;
    }
/**
* #.# Tesco Clubcard
*
* Styles specific to clubcard page. 
*/

.clubcardpage.container-fluid {
    padding: 0;
}

.clubcardpage-banner {
    padding: 0;
    color: #fff;
}

    .clubcardpage-banner .container {
        background: url("../img/swoosh/tesco-swooh-background.jpg") no-repeat 50% 0;
    }

    .clubcardpage-banner h1 {
        margin: 0;
        padding: 15px 0 6px 0;
        font-size: 2.5em;
    }

    .clubcardpage-banner h2 {
        margin: auto;
        padding: 0 0 15px 0;
        font-size: 1.125em;
    }

.clubcardpage-content {
    padding: 60px 0;
}

.box-content-outer {
    margin: 20px 0 0 0;
}

.box-content-inner {
    margin: 0 0 20px 0;
    padding: 20px;
    border: solid 1px #CCCCCC;
}

    .box-content-inner h3 {
        color: #00AEEF;
        font-size: 1.25em;
    }

.box-number {
    display: inline-block;
    padding: 10px 0 0 0;
    width: 60px;
    height: 60px;
    background: #00AEEF;
    color: #fff;
    font-size: 1.75em;
    border-radius: 30px;
}

.box-content-inner p {
    margin: 20px 0 0 0;
    color: #5E5E5E;
    line-height: 1.75em;
}

.box-content-inner .btn-default-green,
.box-content-inner .btn-primary-green {
    display: block;
    margin: 28px 0;
    padding: 21px 0;
    width: 100%;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-size: 1.1em;
    border-radius: 5px;
}

.box-tip {
    padding: 18px 0 0 0;
    color: #5E5E5E;
    font-size: 0.875em;
    border-top: solid 1px #919191;
}

.clubcardpage-content p {
    margin: 20px 0;
}

.clubcardpage-content h2 {
    color: #00AEEF;
    font-size: 2.25em;
}

.clubcardpage-content p.intro {
    font-size: 1.25em;
}
/**
* #.# Tesco Clubcard
*
* Styles specific to Tesco Clubcard - Tablet Portrait
*/

@media (min-width: 768px) {
    .box-content-inner .btn-default-green,
    .box-content-inner .btn-primary-green {
        margin: 28px auto;
        width: 60%;
    }
}
/**
* #.# Tesco Clubcard
*
* Styles specific to Tesco Clubcard - Tablet Landscape and Medim Desktops
*/

@media (min-width: 992px) {
    .box-content-inner {
        margin: 0;
    }

        .box-content-inner .btn-default-green,
        .box-content-inner .btn-primary-green {
            margin: 28px auto;
            width: 90%;
        }

    main .container.clubcardpage-content .col-md-12 {
        margin: auto;
        padding: 0;
        float: none;
        max-width: 680px;
        min-width: 300px;
    }
}
/**
* #.# Tesco Clubcard
*
* Styles specific to Tesco Clubcard - Large Desktops
*/

@media (min-width: 1180px) {
    main .container.clubcardpage-content {
        padding: 30px 0 60px 0;
    }
}
/**
* #.# Tesco Clubcard
*
* Styles specific to Tesco Clubcard - Very Large Desktops
*/

@media (min-width: 1280px) and (max-width: 1280px) {
    .box-content-inner {
        padding: 15px;
    }
}
/**
* #.# Join Tesco Mobile Clubcard
*
* Styles specific to join box. 
*/

.join-tesco-mobile {
    padding: 36px 0 66px 0;
    border-top: solid 1px #c5c5c5;
}

    .join-tesco-mobile .row {
        margin-left: 0;
        margin-right: 0;
    }

    .join-tesco-mobile h2 {
        margin: 10px 0 0 0;
        font-size: 2em;
    }

    .join-tesco-mobile h3 {
        margin: 4px 0 26px 0;
        font-size: 1.1875em;
    }

    .join-tesco-mobile .order-clubcard {
        margin-bottom: 20px;
        padding: 2px 10px 0 10px;
    }

        .join-tesco-mobile .order-clubcard a {
            display: block;
        }

        .join-tesco-mobile .order-clubcard img {
            margin-bottom: 14px;
        }

        .join-tesco-mobile .order-clubcard h5 {
            margin: 0;
            padding: 10px 0 15px 0;
            border-top: solid 1px #CCCCCC;
            font-size: 1em;
        }

    .join-tesco-mobile .phones-plans {
        margin: 0 0 40px 0;
        padding: 0;
    }

    .join-tesco-mobile ul {
        margin: 0;
        padding: 0;
        border-top: solid 1px #E6E6E6;
    }

        .join-tesco-mobile ul li {
            display: table;
            table-layout: fixed;
            width: 100%;
            margin: 0;
            padding: 12px 0 12px 12px;
            text-align: left;
            list-style: none;
            border-bottom: solid 1px #E6E6E6;
        }

            .join-tesco-mobile ul li a {
                font-size: 1.125em;
                font-weight: 900;
            }

    .join-tesco-mobile .phones-plans .label,
    .join-tesco-mobile .phones-plans .icon-narrow {
        display: table-cell;
        vertical-align: middle;
    }

    .join-tesco-mobile .phones-plans .label {
        padding: 0 0 0 20px;
        color: #00AEEF;
        border-radius: 0;
        font-size: 1em;
    }

    .join-tesco-mobile .btn-primary {
        display: inline-block;
        padding: 14px 38px;
        font-size: 1.1875em;
        font-weight: 900;
        border-radius: 3px;
    }
/**
* #.# Join Tesco Mobile
*
* Styles specific to Join Tesco Mobile - Phones 320px
*/

@media (min-width: 320px) {
    .join-tesco-mobile .btn-primary {
        padding: 14px 36px;
    }
}
/**
* #.# Join Tesco Mobile
*
* Styles specific to Join Tesco Mobile - Phones 360px
*/

@media (min-width: 360px) {
    .join-tesco-mobile .btn-primary {
        padding: 14px 38px;
    }
}
/**
* #.# Clubcard Page styles on Tablets and larger desktops
*
* Styles for displays of between 768px and 992px width
*/

@media (min-width: 768px) {
    .clubcardpage-banner h1 {
        padding: 49px 0 6px 0;
        font-size: 3.5em;
    }

    .clubcardpage-banner h2 {
        width: 60%;
    }

    .clubcardpage-content .col-md-offset-2.col-md-8 {
        padding-left: 50px;
        padding-right: 59px;
    }

    .join-tesco-mobile h2 {
        margin: 10px 0 0 0;
        font-size: 2.25em;
    }

    .join-tesco-mobile .order-clubcard {
        float: left;
        width: 50%;
        margin-bottom: 40px;
    }

    .join-tesco-mobile .phones-plans {
        float: left;
        margin: 0 0 0 0;
        width: 50%;
        padding-left: 12px;
        padding-right: 12px;
    }
}
/**
* #.# Clubcard Page styles on Tablets and larger desktops
*
* Styles for displays of between 768px and 992px width
*/

@media (min-width: 992px) {
    .join-tesco-mobile .order-clubcard {
        width: 33.3333%;
        margin-bottom: 40px;
    }

    .join-tesco-mobile .phones-plans {
        width: 33.3333%;
    }

    .join-tesco-mobile h3 {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
}
/**
* #.# Contact Page
*
* Styles specific to contact page
*/

.contactpage.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.container.contact-options,
.container.common-actions {
    padding: 0 12px;
}

.container.shop-discover {
    padding: 0 12px;
}

.contact-options .border-bottom {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #ccc;
}

.social-options.border-bottom {
    margin-bottom: 40px;
    padding-bottom: 10px;
}

.contactpage .btn-primary {
    display: inline-block;
    margin: 10px 0;
    padding: 20px 20px;
    width: 100%;
    font-weight: 500;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.contactpage .btn-default {
    display: inline-block;
    margin: 10px 0;
    padding: 20px 20px;
    width: 100%;
    font-weight: 500;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.contactpage .content-icon {
    margin-bottom: 0;
    padding: 0 0 20px 0;
}

.contactpage .help-you-box ul {
    margin: 20px 0;
}

    .contactpage .help-you-box ul a {
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

.contactpage .email-box {
    padding-bottom: 20px;
}

.contactpage .talk-box {
    padding-bottom: 20px;
}

    .contactpage .talk-box img {
        width: 100%;
        max-width: 100%;
        margin: 20px 0;
    }

.social-options .content-icon .icon {
    vertical-align: middle;
}

.social-options .content-icon .content-icon-text {
    vertical-align: middle;
}

    .social-options .content-icon .content-icon-text p {
        margin: 0;
    }

.urgent-response {
    margin-bottom: 40px;
    border-bottom: solid 1px #ccc;
}

.contactpage .common-actions .content-icon {
    margin-bottom: 40px;
    padding: 0;
}

.contactpage .social-icon {
    height: 48px;
}

.contactForm .required {
    top: 18px;
}

.contactForm .nameRow .required {
    left: 80px;
}

.contactForm .phoneRow .required {
    left: 120px;
}

.contactForm .emailRow .required {
    left: 110px;
}

.contactForm .queryRow .required {
    left: 50px;
}

.contactForm .categoryRow .required {
    left: 110px;
}

.contactForm .validationRow .required {
    left: 85px;
}

.contactForm .commentRow .required {
    left: 80px;
}
/* adding space so that page appears more even - client request*/

.contact-options .new-customer {
    padding: 20px 0;
}
/**
* #.# Contact Page
*
* Styles specific to contact page - Tablet Portrait
*/

@media (min-width: 768px) {
    .contactForm .nameRow .required {
        left: 75px;
    }

    .contactForm .phoneRow .required {
        left: 115px;
    }

    .contactForm .emailRow .required {
        left: 110px;
    }

    .contactForm .queryRow .required {
        left: 55px;
    }

    .contactForm .categoryRow .required {
        left: 105px;
    }

    .contactForm .validationRow .required {
        left: 85px;
    }

    .contactForm .commentRow .required {
        left: 80px;
    }

    .contactpage .btn-primary,
    .contactpage .btn-default {
        width: 70%;
    }

    .email-box.border-bottom {
        border: none;
    }

    .contactpage .talk-box img {
        width: 100%;
        max-width: 100%;
        margin: 10px 0;
        border: solid 1px#ccc;
    }

    .social-options {
        overflow: hidden;
    }

        .social-options .content-icon {
            float: left;
            width: 50%;
        }

            .social-options .content-icon .icon {
                width: 35%;
            }

            .social-options .content-icon .content-icon-text {
                vertical-align: middle;
                width: 60%;
                padding-right: 10px;
            }

    .container.common-actions {
        padding: 20px 0 0 0;
        border-top: solid 1px #ccc;
    }

    .urgent-response {
        margin-bottom: 0;
        border-bottom: solid 0px #ccc;
    }

    .contactForm .forms-wrapper .row {
        display: table;
        table-layout: fixed;
    }

    .contactForm.short-wrapper {
        width: 600px !important;
        margin: 25px auto !important;
    }

    .contactForm .forms-wrapper .formLabel {
        display: table-cell;
        width: 30%;
        vertical-align: middle;
    }

        .contactForm .forms-wrapper .formLabel.short-label {
            display: block;
            width: 20%;
            vertical-align: middle;
            float: left;
            padding-top: 15px;
            text-align: left;
        }

        .contactForm .forms-wrapper .formLabel.button-label {
            display: table-cell;
            width: 20%;
            vertical-align: middle;
        }

    .contactForm .forms-wrapper .formValue {
        display: table-cell;
        width: 70%;
    }

        .contactForm .forms-wrapper .formValue.button-value {
            display: table-cell;
            width: 80%;
        }

        .contactForm .forms-wrapper .formValue.short-value {
            display: block;
            width: 80%;
            float: left;
        }

    .contactForm .forms-wrapper input[type="text"] {
        margin: 0 10px 10px 0;
        width: 100%;
    }

    .contactForm .forms-wrapper textarea {
        margin: 0 0 5px 0;
        width: 100%;
    }

    .contactForm .forms-wrapper .btn-default {
        width: 95%;
    }

    .contactForm .forms-wrapper .phoneRow input[type="text"].prefixCode {
        width: 20%;
        float: left;
    }

    .contactForm .forms-wrapper .phoneRow input[type="text"].phoneNumber {
        width: 54%;
        float: left;
        margin-right: 0;
        margin: 0 0 10px 0;
    }

    .contactForm .forms-wrapper select.operatorCode {
        width: 20%;
        float: left;
        padding-right: 0;
        margin-right: 10px;
    }

    .contactForm .forms-wrapper .row.queryRow .custom-select,
    .contactForm .forms-wrapper .row.categoryRow .custom-select {
        width: 95%;
    }

    .contactForm .required {
        top: 50%;
    }

    .contactForm .forms-wrapper .btn-primary {
        padding: 20px 50px;
        width: 100%;
        font-weight: 500;
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    /* adding space so that page appears more even - MOG - client request*/

    .contact-options .new-customer {
        padding: 20px 0 70px 0;
    }
}
/**
* #.# Contact Page
*
* Styles specific to contact page - Tablet Landscape and Medium Desktops
*/

@media (min-width: 992px) {
    .contactpage .btn-primary,
    .contactpage .btn-default {
        width: 250px;
    }

    .social-options .content-icon .icon {
        width: 20%;
    }

    .social-options .content-icon .content-icon-text {
        padding-right: 50px;
    }

    .container.contact-options,
    .container.common-actions {
        padding: 20px 12px;
    }
    /* adding space so that page appears more even - MOG - client request*/

    .contact-options .new-customer {
        padding: 50px 0 40px 0;
    }
}
/**
* #.# Contact Page
*
* Styles specific to contact page - Large Desktops
*/

@media (min-width: 1180px) {
    .social-options .content-icon .content-icon-text {
        padding-right: 0;
    }
    /* adding space so that page appears more even - MOG - client request*/

    .contact-options .new-customer {
        padding: 60px 0 70px 0;
    }
}
/**
* #.# Contact Page
*
* Styles specific to contact page - Large Desktops
*/

@media (min-width: 1400px) {
    /* adding space so that page appears more even - MOG - client request*/

    .contact-options .new-customer {
        padding: 50px 0 60px 0;
    }
}
/**
* #.# General Sub Page
*
* Styles specific to general sub page
*/

/*.general-subpage {
    padding-top: 25px;
    padding-bottom: 15px;
    min-height: 400px;
}*/

    /*.general-subpage p {
        padding-bottom: 10px;
    }

    .general-subpage .italic {
        font-style: italic;
    }


    .general-subpage ol,
    .general-subpage ul {
        margin: 30px 0;
    }

            .general-subpage ol ol li {
                margin-bottom: 5px;
            }


            .general-subpage ol ul li {
                margin-bottom: 5px;
            }

        .general-subpage ol.list-no-number {
            list-style: none;
        }

    .general-subpage blockquote {
        margin: 30px 0;
    }

    .general-subpage table {
        margin: 30px 0;
    }

    .general-subpage h2,
    .general-subpage h3,
    .general-subpage h4,
    .general-subpage h5 {
        margin: 0;
        padding: 10px 0;
    }

    .general-subpage img.pull-left {
        float: none !important;
        padding: 0 0 20px 0;
        max-width: 100%;
    }

    .general-subpage img.pull-right {
        float: none !important;
        padding: 0 0 20px 0;
        max-width: 100%;
    }

    .general-subpage .calltoactions-wrapper {
        padding-top: 30px;
        border-top: solid 1px #ccc;
    }

    .general-subpage .forms-wrapper {
        padding: 20px;
    }

    .general-subpage h3 span {
        font-weight: 400;
        font-size: 16px;
    }

        .general-subpage h3 span a {
            font-weight: 400;
            font-size: 16px;
        }

    .general-subpage table .highlight-cell {
        font-weight: bold;
        background: #ebe8e8;
    }*/




.table > tbody > tr > td.vertical-align-middle {
    vertical-align: middle;
}




/* Phone Settings Form */
.phone-settings .w30 {
    width: 30%;
}

.phone-settings .w68 {
    width: 68%;
}

.forms-wrapper.phone-settings input[type="text"].w68 {
    width: 68%;
}

.search-stores a {
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 12px 0;
    font-size: 1.1875em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
/**
* #.# General Sub Page
*
* Styles specific to general sub page - Tablet Portrait
*/

@media (min-width: 768px) {
    /*.general-subpage {
        padding-top: 50px;
        padding-bottom: 30px;
        max-width: 680px;
        min-width: 300px;
    }*/

    .general-subpage--policy {
        max-width: 780px;
    }

    .general-subpage img.pull-left {
        float: left !important;
        padding: 0 30px 20px 0;
    }

    .general-subpage img.pull-right {
        float: left !important;
        padding: 0 30px 20px 0;
    }

    .general-subpage .forms-wrapper {
        margin: auto;
        width: 50%;
    }

        .general-subpage .forms-wrapper.roaming-form {
            margin: 20px 0;
            float: none;
            width: 100%;
        }

        .general-subpage .forms-wrapper.phone-settings {
            margin: auto;
            width: 70%;
        }

    .phone-settings .w10 {
        width: 10%;
    }

    .phone-settings .w15 {
        width: 15%;
    }

    .phone-settings .w20 {
        width: 20%;
    }

    .phone-settings .w80 {
        width: 80%;
    }

    .search-stores {
        display: inline-block;
        width: 50%;
        margin: auto;
        text-align: center;
    }

        .search-stores a {
            padding: 12px 0;
            font-size: 1.1875em;
            font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        }

    .general-subpage h2 {
        font-size: 2em;
    }

    .general-subpage h3 {
        font-size: 1.5em;
    }

    .general-subpage .calltoactions-wrapper .cta-btn {
        width: 50%;
        float: left;
    }

    .general-subpage.phones-special-offers .calltoactions-wrapper .cta-btn {
        width: 33%;
        float: left;
    }

    /*.general-subpage .accordion {
        width: 100%;
    }

    .general-subpage .accordion-group {
        background-color: #f1f4fb;
    }*/
}
/**
* #.# Google Search Results
*
* Styles specific to search results
*/

.container.search-results-page {
    padding: 0 12px;
}

.gsc-adBlock {
    display: none !important;
}

.gsc-control-cse {
    background-color: red;
    font-family: "Tesco-Regular", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif !important;
}

    .gsc-control-cse .gsc-table-result {
        font-size: 16px !important;
        font-family: "Tesco-Regular", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif !important;
    }

.gsc-table-result,
.gsc-thumbnail-inside,
.gsc-url-top {
    padding-left: 0 !important;
}

.gsc-control-cse .gs-spelling,
.gsc-control-cse .gs-result .gs-title,
.gsc-control-cse .gs-result .gs-title * {
    font-size: 18px !important;
}

.gsc-webResult .gsc-result {
    padding: 15px 0 !important;
}

.gsc-results .gsc-cursor-box {
    margin: 10px;
    font-size: 16PX !important;
}

.gsc-selected-option-container {
    min-width: 75px !important;
}
/**
* #.# Monthly Special Offers & Facebook Offer
*
* Styles specific to monthly special offers / facebook offers
*/

.offers-terms {
    margin: 10px 0 0 0;
    padding-bottom: 10px;
}

.facebook-wrapper {
    background: #fff;
}

    .facebook-wrapper .container {
        width: 100%;
        max-width: 800px;
        min-width: 700px;
    }

    .facebook-wrapper .row {
        margin: 0;
    }
/**
* #.# Monthly Special Offers & Facebook Offer - Tablets in Portrait Mode
*
* Styles for Component D - Phone Box - Tablets in Portrait Mode
*/

@media (min-width: 768px) {
    .container.general-subpage.phones-special-offers {
        padding-top: 20px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        min-width: 600px;
        max-width: 100%;
    }
}
/**
* #.# Monthly Special Offers & Facebook Offer - Medium Desktops & Larger Desktops
*
* Styles for Component D - Phone Box - Medium Desktops & Larger Desktops
*/

@media (min-width: 992px) {
    .container.general-subpage.phones-special-offers {
        padding-top: 50px;
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 30px;
    }

    .facebook-wrapper .container.general-subpage.phones-special-offers {
        padding-top: 25px;
    }

    .facebook-wrapper .col-md-3 {
        width: 33.33333333%;
    }
}
/**
* #.# Campaign Page
*
* Styles specific to campaign page. 
*/

.campaign-page {
    background: #fff;
}

    .campaign-page h1 {
        margin: 0;
        font-size: 2em;
    }

    .campaign-page h2 {
        margin: 0;
        font-size: 1em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

.campaign-section {
    padding: 30px 0;
}

.campaign-page .icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url("../img/campaign-pages/spritesheet_campaign.png") no-repeat;
}

    .campaign-page .icon.two {
        background-position: -60px 0;
    }

    .campaign-page .icon.three {
        background-position: -120px 0;
    }

    .campaign-page .icon.tick {
        background-position: -180px 0;
    }
/** Campaign Banners **/

main .container.campaign-banner {
    padding: 0;
    width: 100%;
    max-width: 100%;
}

.campaign-banner img {
    margin: auto;
}

.campaign-banner .row {
    margin: 0;
}

.campaign-banner .tablet,
.campaign-banner .desktop {
    display: none;
}

.campaign-banner .flag {
    position: absolute;
    top: 15px;
    right: -30px;
}

    .campaign-banner .flag a {
        color: #fff;
    }

    .campaign-banner .flag img {
        width: 60%;
    }
/** SIM Only Selling Points **/

.campaign-sim-plans-selling-points .points {
    margin: 10px 0 0 0;
}

    .campaign-sim-plans-selling-points .points .single-point {
        display: table;
        table-layout: fixed;
        padding: 15px 0;
        width: 100%;
        text-align: left;
    }

        .campaign-sim-plans-selling-points .points .single-point .image,
        .campaign-sim-plans-selling-points .points .single-point .text {
            display: table-cell;
            vertical-align: middle;
        }

        .campaign-sim-plans-selling-points .points .single-point .image {
            width: 60px;
        }

        .campaign-sim-plans-selling-points .points .single-point .text {
            padding-left: 20px;
        }

.campaign-sim-plans-selling-points h3 {
    margin: 0;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-size: 1.2em;
}
/** SIM Plans **/

.campaign-sim-plans .plan-link-btn {
    padding: 0;
}

    .campaign-sim-plans .plan-link-btn a {
        display: block;
        padding: 20px 0;
    }

.campaign-sim-plans .plan-link-highlight-btn {
    margin-top: -10px;
    padding: 0;
}

    .campaign-sim-plans .plan-link-highlight-btn a {
        display: block;
        padding: 20px 0;
        color: #fff;
    }
/** Switch Panel **/

.switch-panel,
.switch-panel:hover {
    /*color:#fff;
    background:#00b3ef;*/
    color: #00AEEF;
    background: #fff;
}

    .switch-panel h1 {
        padding: 0 0 10px 0;
    }

    .switch-panel h2 {
        padding: 0 0 20px 0;
        line-height: 1.4em;
    }

    .switch-panel h3 {
        margin: 0;
        font-size: 1.5em;
        color: #fff;
    }

    .switch-panel a {
        color: #fff;
    }

    .switch-panel p {
        margin: 0;
    }

    .switch-panel .video-row {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .switch-panel .responsive-video {
        margin: 0 0 20px 0;
    }

    .switch-panel .what-you-need {
        margin: 0 10px;
        padding: 0 0 10px 0;
        background: #337ab7;
    }

        .switch-panel .what-you-need h3 {
            padding: 20px 0 10px 0;
        }

        .switch-panel .what-you-need p {
            padding: 5px 20px;
        }

        .switch-panel .what-you-need .single-point {
            display: table;
            table-layout: fixed;
            padding: 0;
            width: 80%;
            text-align: left;
            margin: auto;
        }

            .switch-panel .what-you-need .single-point .number,
            .switch-panel .what-you-need .single-point .text {
                display: table-cell;
                vertical-align: middle;
            }

            .switch-panel .what-you-need .single-point .number {
                width: 60px;
            }

            .switch-panel .what-you-need .single-point .text {
                padding: 0 0 0 10px;
            }

    .switch-panel .telesales-team {
        margin: 0 0 5px 0;
        padding: 10px 0;
        font-size: 1.1em;
        color: #666;
        background: #fff;
        border-radius: 3px;
    }

        .switch-panel .telesales-team span {
            display: block;
            padding: 0;
        }

    .switch-panel .call-team {
        font-size: 1.3em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

    .switch-panel .call-number a {
        color: #00b3ef;
        font-size: 2em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        line-height: 0.7em;
    }

    .switch-panel .call-times {
    }

    .switch-panel .switch-panel-actions a {
        display: block;
        margin: 10px 0;
        padding: 16px 0;
        font-size: 1.1em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        border-radius: 3px;
    }

    .switch-panel .switch-panel-actions .orderSIM a {
        color: #00b3ef;
    }

        .switch-panel .switch-panel-actions .orderSIM a:hover {
            background: #f8f8f8;
            text-decoration: none;
        }

    .switch-panel .what-you-need h3 {
        padding: 20px 0px 20px 0px !important;
        text-align: center !important;
    }

    .switch-panel .what-you-need {
        /*background: #0097CE!important;*/
        background: #00AEEF;
    }

    .switch-panel .telesales-team span {
        display: block;
        text-align: center;
        padding: 0;
    }

.switch-customer h1,
.switch-customer h2 {
    text-align: center;
}

.switch-customer .owl-theme .owl-controls {
    top: 40%;
}

.switch-customer .owl-carousel .owl-item {
    margin-bottom: 40px;
}

.callback-form a {
    text-align: center;
    margin: auto;
    display: inherit;
    margin-top: 23px;
}
/** Promoblock **/

.promoblock img {
    width: 100%;
}
/*.promoblock .testimonial {
    background: #00AEEF
}
.promoblock .testimonial h3, .promoblock .testimonial span, .promoblock .testimonial a {
    color: #fff;
}*/
/* *********************************************************************************************************************
* Request a Call Pop-Up Box
*/

.callback-form label {
    display: block;
    margin-top: 25px;
}

.callForm {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .callForm h2 {
        margin-bottom: 30px;
        color: #0084c2;
    }

    .callForm label {
        margin-bottom: 10px;
        display: block;
    }

    .callForm input {
        margin-bottom: 20px;
        display: block;
    }

#callback-form {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 8002;
}

#callback-form {
    display: none;
}

.callback-form input[type=submit] {
    background-color: #00AEEF;
    border-color: #00AEEF;
    text-indent: 0;
    border: none;
    color: #fff;
    width: auto;
    height: auto;
    text-align: center;
    display: block;
    padding: 15px 30px;
    border-radius: 2px;
    margin: auto;
    margin-top: 25px;
    font-size: 1.1em;
}

.callback-form input[type="submit"]:hover {
    background: #337AB7;
}

#callback-form a#callback-form_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .9);
    text-indent: -1000px;
    overflow: hidden;
    opacity: 0.9;
}

#callback-form.active {
    display: block;
    background: rgba(0, 0, 0, 0.7);
}

.callback-form {
    width: 600px;
    min-height: 150px;
    margin: -225px 0 0 -300px;
    padding: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    background: #fff;
    border-radius: 4px;
}

    .callback-form input {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        width: 100%;
        height: 40px;
        margin-bottom: 0px;
        padding: 0 10px;
    }

    .callback-form#callForm_thanks,
    .CallMeSubmitted .callback-form#callForm {
        display: none;
    }

    .CallMeSubmitted .callback-form#callForm_thanks,
    .callback-form#callForm {
        display: block;
    }

    .callback-form h2 {
        margin-bottom: 20px;
    }

a#callback-form_button-close {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 10px;
    top: 10px;
    /* background: url(../mobile/img/button_close.png) no-repeat 0 0; */
    /* text-indent: -1000px; */
    /* overflow: hidden; */
    font-weight: bold;
    font-size: 20px;
    margin: 0;
}

.request-callback a {
    background: #E7002D;
    display: block;
    margin: 10px 0;
    text-align: center;
    padding: 16px 0;
    font-size: 1.1em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    border-radius: 3px;
}

.switch-customer-testimonials.customer-testimonials {
    /*background:none!important;*/
    background-size: 300px auto;
}

.switch-customer-testimonials h2 {
    padding: 0 0 30px 0;
}

.call-me-please-note {
    color: #6D6E71;
    font-weight: 400;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-size: 1em;
    margin-top: 23px;
}

p.call-me-confirmation {
    margin: 24px 0;
}

@media (max-width: 960px) {
    .callback-form {
        width: 90%;
        height: auto;
        margin: 0 0 0 0;
        padding: 20px;
        position: absolute;
        left: 5%;
        top: 5%;
        z-index: 2;
        background: #fff;
        border-radius: 15px;
        display: block;
    }

    a#callback-form_button-close {
        width: 100%;
        height: 44px;
        margin-top: 10px;
        position: static;
        display: block;
        line-height: 44px;
        background: none;
        text-indent: 0;
        overflow: visible;
        text-align: center;
    }
}

@media (min-width: 992px) {
    .switch-panel .what-you-need {
        width: 33.33333333%;
        margin: 10px auto 0 auto !important;
    }
}
/** Campaign Compare Networks **/

main .campaign-comparison .container {
    padding: 0;
}

.campaign-comparison h1 {
    padding: 0 12px 10px 12px;
}

.campaign-comparison h2 {
    padding: 0 12px 20px 12px;
    line-height: 1.4em;
}

.campaign-comparison .row.comparisonBlockWrp {
    margin: 0;
    padding: 20px 0 20px 0;
    background: #fff;
}

.campaign-comparison .comparison-box {
    margin: 0 0 30px 0;
}

    .campaign-comparison .comparison-box h2 {
        padding: 20px 0;
        font-size: 1.2em;
    }
/** Customer Testimonials **/

/*.customer-testimonials {
    padding-top: 14px;
    padding-bottom: 40px;
}*/

    .customer-testimonials .container {
        position: relative;
    }

    .customer-testimonials h1 {
        padding: 0 12px 10px 12px;
    }

    .customer-testimonials h2 {
        padding: 0 0 30px 0;
    }

    .customer-testimonials blockquote {
        margin: 0 0 0 0;
        padding: 15px 15px 20px 15px;
        border: none;
        text-align: center;
    }

    .customer-testimonials cite {
        display: block;
        text-align: center;
        padding-bottom: 32px;
    }

    .customer-testimonials .owl-carousel {
        margin: auto;
        width: 80%;
    }

    .customer-testimonials .owl-theme .owl-controls {
        position: absolute;
        top: 40%;
        margin: 0;
        width: 100%;
    }

        .customer-testimonials .owl-theme .owl-controls .owl-buttons div {
            position: absolute;
            padding: 12px 8px;
            font-size: 100%;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            background: #00AEEF;
            filter: Alpha(Opacity=100);
            opacity: 1;
        }

            .customer-testimonials .owl-theme .owl-controls .owl-buttons div.owl-prev {
                left: -45px;
            }

            .customer-testimonials .owl-theme .owl-controls .owl-buttons div.owl-next {
                right: -45px;
            }

                .customer-testimonials .owl-theme .owl-controls .owl-buttons div.owl-prev .fa,
                .customer-testimonials .owl-theme .owl-controls .owl-buttons div.owl-next .fa {
                    top: 0;
                    font-size: 1.5em;
                }

                .customer-testimonials .owl-theme .owl-controls .owl-buttons div.owl-next i {
                    left: -1px;
                }
/* Terms and Conditions **/

.campaign-page .terms-box p {
    margin: 0;
    padding: 15px 0;
}
/**
* #.# Poland Campaign Page
*
* styles for /poland and /polish which extend on the general Campaign page styles
*/

.campaign-section .btn-primary {
    display: block;
    width: 100%;
    margin: 15px auto 15px auto;
    padding: 15px 5px;
    text-align: center;
    font-size: 17px;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.campaign-section .accordion-heading a.collapsed {
    border: 1px solid #d1d4d9;
}

.campaign-section .accordion-heading a {
    border: 1px solid #d1d4d9;
    border-bottom: none;
}

.campaign-section .accordion-inner {
    border: 1px solid #d1d4d9;
    border-top: none;
}

.comparison-box .highlight {
    background: #00AEEF;
    color: #fff;
}

    .comparison-box .highlight ul.comparison-terms li {
        border-top: 1px solid #1AC8FF;
    }
/**  Poland Page
 Media Query for Screen Size with minimum width of 1024px**/

@media (min-width: 1200px) {
    /** Swoosh only appears on Larger screens as it cover over the text **/

    .poland-swoosh-img {
        position: absolute;
        display: block;
        width: 410px;
        height: 285px;
        background: url("../img/phone-landing-pages/samsung-s7/img-swoosh.png") no-repeat left center;
        background-size: 90%;
        left: 0;
        top: 90px;
    }
}

@media (max-width: 1024px) {
    .campaign-banner img {
        margin: auto;
        width: 100%;
        max-width: 100%;
    }
}
/**
* #.# Campaign Page
*
* Styles specific to campaign page - Tablet Portrait
*/

@media (min-width: 768px) {
    .campaign-page h1 {
        font-size: 2.5em;
    }

    .campaign-page h2 {
        font-size: 1.3em;
    }

    .campaign-section {
        padding: 40px 0;
    }
    /** Banner Image **/

    .campaign-banner .mobile,
    .campaign-page .desktop {
        display: none;
    }

    .campaign-banner .tablet {
        display: block;
        width: 768px;
    }

    .campaign-banner .flag {
        position: absolute;
        top: 15px;
        right: -40px;
    }
    /** SIM Only Selling Points **/

    .campaign-sim-plans-selling-points .points {
        margin: 30px 0 0 0;
    }

        .campaign-sim-plans-selling-points .points .single-point {
            margin: auto;
            width: 60%;
        }
    /** SIM Plans **/

    .campaign-sim-plans h1 {
        padding: 0 0 30px 0;
    }

    .campaign-sim-plans .plan-box {
        float: left;
        width: 50%;
        margin: 20px 0 0 0;
        padding: 0 12px;
    }

    .campaign-sim-plans .plan-hightlight {
        margin-top: 0;
        padding-bottom: 10px;
    }

    .campaign-sim-plans .plan-link-highlight-btn {
        margin-top: 15px;
        padding: 0;
    }
    /** Switch Panel **/

    .switch-panel .what-you-need {
        width: 50%;
        margin: 30px auto 0 auto;
    }

    .switch-panel .telesales-team {
        width: 50%;
        margin: 0 auto 5px auto;
    }

    .switch-panel .switch-panel-actions {
        width: 50%;
        margin: auto;
    }

        .switch-panel .switch-panel-actions .orderSIM,
        .switch-panel .switch-panel-actions .request-callback {
            padding: 0;
        }

        .switch-panel .switch-panel-actions a {
            margin: 10px auto;
        }
    /** Campaign Compare Networks **/

    main .campaign-comparison .container {
        width: 100%;
    }

    .campaign-comparison h1 {
        padding: 0 0 30px 0;
    }
    /*.campaign-comparison h2 {
        padding-bottom:40px;
    }*/

    .campaign-comparison .comparison-box {
        float: left;
        width: 50%;
        margin: 0;
        padding: 0 12px;
    }

    .campaign-comparison .row.comparisonBlockWrp {
        padding: 40px 0 60px 0;
    }
    /** Customer Testimonials **/

    /*.customer-testimonials {
        padding-top: 28px;
        background-color: #f1f4fc;
    }*/

        .customer-testimonials .owl-theme .owl-controls {
            top: 20%;
        }
}
/**
* #.# Campaign Page
*
* Styles specific to campaign page - Tablet Landscape & Medium Desktops
*/

@media (min-width: 992px) {
    .campaign-page h1 {
        font-size: 3em;
    }

    .switch-panel h1 {
        font-size: 1.5em;
    }

    .campaign-page h2 {
        font-size: 1.6em;
    }

    .campaign-section {
        padding: 50px 0;
    }
    /** Banner Image **/

    .campaign-banner .mobile,
    .campaign-banner .tablet {
        display: none;
    }

    .campaign-banner .desktop {
        display: block;
    }

    .campaign-banner .flag {
        position: absolute;
        top: 15px;
        right: auto;
    }
    /** SIM Only Selling Points **/

    .campaign-sim-plans-selling-points .points {
        margin: 50px 0 0 0;
    }

        .campaign-sim-plans-selling-points .points .single-point {
            display: inline-block;
            width: 33.33333333%;
        }
    /** SIM Plans **/

    .campaign-sim-plans h1 {
        margin: 0 0 30px 0;
    }

    .campaign-sim-plans .plan-box {
        margin: 0;
        width: 100%;
    }
    /* Switch Panel */
    /*.switch-panel {
         color:#fff;
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0, 
        -moz-linear-gradient(top,#00b3ef, #009dd8);
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0,    
        -webkit-gradient(linear, 0 0, 0 100%, from(#00b3ef), to(#009dd8));
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0,    
        -webkit-linear-gradient(top, #00b3ef, #009dd8);
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0,  
        -o-linear-gradient(top, #00b3ef, #009dd8);
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0, linear-gradient(to bottom, #00b3ef, #009dd8);
    }
    .switch-panel:hover {
        color:#fff;
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0, 
     -moz-linear-gradient(top,#00b3ef, #009dd8);
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0, 
     -webkit-gradient(linear, 0 0, 0 100%, from(#00b3ef), to(#009dd8));
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0, 
     -webkit-linear-gradient(top, #00b3ef, #009dd8);
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0, 
     -o-linear-gradient(top, #00b3ef, #009dd8);
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0, linear-gradient(to bottom, #00b3ef, #009dd8);
    }*/

    .switch-panel .video-row {
        margin: 30px 0 0 0;
    }

    .switch-panel .what-you-need {
        width: 33.33333333%;
        margin: 20px auto 0 auto;
    }

    .switch-panel .telesales-team {
        width: 48%;
    }

    .switch-panel .call-number a {
        line-height: 1.1em;
    }

    .switch-panel .switch-panel-actions {
        width: 100%;
        margin: auto;
        text-align: center;
    }

        .switch-panel .switch-panel-actions .orderSIM,
        .switch-panel .switch-panel-actions .request-callback {
            display: inline-block;
            float: none;
            padding: 0 12px;
        }

    .switch-panel .container,
    .switch-customer.container {
        max-width: 960px;
        min-width: 960px;
    }
    /** Campaign Compare Networks **/

    .campaign-comparison .row.comparisonBlockWrp {
        padding: 30px 12px 30px 12px;
    }

    .campaign-comparison .comparison-box {
        width: 100%;
        padding: 0;
    }

    main .campaign-comparison .container {
        width: 970px;
    }
    /** Customer Testimonials **/

    /*.customer-testimonials {
        background: #f1f4fc url("../img/bg-customers-white.png") no-repeat 50% 50%;
        background-size: 300px auto;
        padding-top: 54px;
        padding-bottom: 70px;
    }*/

        .customer-testimonials .owl-theme .owl-controls {
            top: 10%;
        }
    /** Terms and Conditions **/

    .campaign-page .terms-box {
        display: inline-block;
        float: none;
        margin: auto;
        width: 80%;
    }
}
/**
* #.# Campaign Page
*
* Styles specific to campaign page - Large Desktops
*/

@media (min-width: 1180px) {
    /** SIM Only Selling Points **/

    .campaign-sim-plans-selling-points h3 {
        padding-right: 30px;
    }

    /*.customer-testimonials {
        padding-bottom: 99px;
    }*/
}
/**
* #.# Bill Pay Plans Page
*
* Styles specific to Bill Pay Plans Page. 
*/

.bill-pay-plans-page {
    text-align: left;
}

    .bill-pay-plans-page h1 {
        margin: 0;
        font-size: 1.5em;
    }

    .bill-pay-plans-page p.lead {
        margin: 0;
        padding: 0;
        display: none;
    }

    .bill-pay-plans-page .page-heading h1 {
        padding: 20px 0 17px 0;
    }

    .bill-pay-plans-page .page-heading .col-xs-5 a {
        display: block;
        padding: 24px 0 0 0;
        text-align: right;
        font-size: 0.75em;
    }

    .bill-pay-plans-page .plan-details-hightlight,
    .bill-pay-plans-page .plan-details-box {
        background: none;
        margin: 0 0 20px 0;
        padding: 0 0 10px 0;
        border-bottom: solid 0px #ccc;
    }

        .bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list,
        .bill-pay-plans-page .plan-details-box .plan-details ul.plan-list {
            margin: 0;
        }

            .bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li,
            .bill-pay-plans-page .plan-details-box .plan-details ul.plan-list li {
                border: none;
                padding: 0;
            }

                .bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li:first-child,
                .bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li:first-child {
                    padding: 15px 0 5px 0;
                    font-size: 14px;
                    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
                }

                .bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li span,
                .bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span {
                    display: inline-block;
                    color: #00AEEF;
                    padding: 0 5px;
                }

                    .bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li span.val,
                    .bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span.val {
                        color: #00AEEF;
                    }

                .bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li:last-child,
                .bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li:last-child {
                    color: #6d6e71;
                    font-size: 16px;
                }

        .bill-pay-plans-page .plan-details-hightlight span.bottom-caret,
        .bill-pay-plans-page .plan-details-box span.bottom-caret {
            display: none;
        }

    .bill-pay-plans-page .plan-details-container {
        margin: 0;
        width: 100%;
    }

    .bill-pay-plans-page .plan-details-box .plan-price {
        display: none;
    }

    .bill-pay-plans-page .phone-box .phone-price span {
        color: #00AEEF;
        background: #fff;
        border: solid 1px #00AEEF;
    }

        .bill-pay-plans-page .phone-box .phone-price span:hover {
            color: #fff;
            background: #00AEEF;
            border: solid 1px #00AEEF;
            text-decoration: none;
        }
    /** Navigation Tabs - Only Show on mobile*/

    .bill-pay-plans-page .nav-tabs > li {
        width: 25%;
    }

        .bill-pay-plans-page .nav-tabs > li.tabs-three {
            width: 33%;
        }

        .bill-pay-plans-page .nav-tabs > li.tabs-two {
            width: 50%;
        }

        .bill-pay-plans-page .nav-tabs > li > a {
            margin: 0;
            padding: 0;
            border-radius: 0;
            border: 0;
            border-right: solid 1px #cccccc;
            background-color: #fff;
        }

        .bill-pay-plans-page .nav-tabs > li.active > a,
        .bill-pay-plans-page .nav-tabs > li.active > a:focus,
        .bill-pay-plans-page .nav-tabs > li.active > a:hover {
            color: #fff;
            cursor: default;
            background-color: #6e6f72;
            border: 0px solid #ddd;
            border-bottom-color: transparent;
            border-right: solid 1px #cccccc;
        }

        .bill-pay-plans-page .nav-tabs > li:first-child > a {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .bill-pay-plans-page .nav-tabs > li:last-child > a {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .bill-pay-plans-page .nav-tabs > li:last-child > a {
            border: none;
        }

        .bill-pay-plans-page .nav-tabs > li > a:hover {
            background: #f6f7f9;
        }

        .bill-pay-plans-page .nav-tabs > li > a > span {
            display: block;
            line-height: 1em;
        }

    .bill-pay-plans-page .nav-tabs .price-amt {
        padding: 10px 0 0 0;
        font-size: 1.125em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

    .bill-pay-plans-page .nav-tabs .price-mth {
        padding: 1px 0 10px 0;
        font-size: 0.75em;
    }

    .bill-pay-plans-page .row.plan-description {
        margin: 0;
        padding-left: 24px;
        padding-right: 24px;
    }

    .bill-pay-plans-page .tab-content {
        background-color: #EAEDF2;
    }

    .bill-pay-plans-page .tab-pane .container {
        padding: 0;
    }

    .bill-pay-plans-page .row.plan-phones {
        margin: 0;
        padding-left: 24px;
        padding-right: 24px;
    }

    .bill-pay-plans-page .phone-box .phone-inner {
        margin: 0 20px 40px 20px;
        padding: 24px 12px 22px 12px;
        height: auto;
        background: #fff;
        border: none;
    }

        .bill-pay-plans-page .phone-box .phone-inner a {
            padding: 0;
        }

    .bill-pay-plans-page .phone-box .phone-name {
        margin: 0;
        padding: 10px 0 20px 0;
        color: #6D6E71;
        font-size: 1.125em;
        text-align: center;
        background: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
    }

        .bill-pay-plans-page .phone-box .phone-name a {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 100%;
        }
    /** Phones Slider Controls **/

    .bill-pay-plans-page .owl-theme .owl-controls {
        margin: -20px 0 0 0;
        width: 100%;
    }

        .bill-pay-plans-page .owl-theme .owl-controls .owl-buttons {
            position: absolute;
            top: 30%;
            width: 100%;
        }

            .bill-pay-plans-page .owl-theme .owl-controls .owl-buttons div {
                position: relative;
                margin: 0;
                padding: 12px 8px;
                font-size: 100%;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                background: #00AEEF;
                filter: Alpha(Opacity=100);
                opacity: 1;
            }

                .bill-pay-plans-page .owl-theme .owl-controls .owl-buttons div.owl-prev {
                    left: -48.5%;
                }

                .bill-pay-plans-page .owl-theme .owl-controls .owl-buttons div.owl-next {
                    right: -48.5%;
                }

    .bill-pay-plans-page .fa {
        font-size: 1.5em;
    }

    .bill-pay-plans-page .owl-theme .owl-controls .owl-buttons div i {
        top: 0;
    }

    .bill-pay-plans-page .owl-theme .owl-controls .owl-buttons div.owl-next i {
        left: -1px;
    }
    /** More Phones Button **/

    .bill-pay-plans-page .plan-morephones {
        margin: 10px 0 20px 0;
        padding: 0 24px;
        text-align: center;
    }

        .bill-pay-plans-page .plan-morephones a {
            padding: 25px 0;
            color: #fff;
            font-size: 1.125em;
            font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            background: #00AEEF;
            border-radius: 3px;
        }

            .bill-pay-plans-page .plan-morephones a:hover {
                background-color: #0095D6;
            }
    /** Previous and Next Plans Buttons **/

    .bill-pay-plans-page .prev-next-plans {
        margin: 10px 0 0 0;
        padding-bottom: 50px;
        text-align: center;
        background: #fff;
    }

        .bill-pay-plans-page .prev-next-plans .col-xs-6 a {
            display: block;
            position: relative;
            color: #5E5E5E;
            text-decoration: underline;
            font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        }

        .bill-pay-plans-page .prev-next-plans .left {
            text-align: left;
        }

        .bill-pay-plans-page .prev-next-plans .col-xs-6.left a {
            padding: 15px 20px 30px 16px;
        }

            .bill-pay-plans-page .prev-next-plans .col-xs-6.left a:before {
                margin-top: -12px;
                width: 12px;
                height: 12px;
                position: absolute;
                left: 0;
                top: 50%;
                background: url(../img/spritesheet_general.png) no-repeat 0 -29px;
                background-size: auto 50px;
                content: '';
            }

        .bill-pay-plans-page .prev-next-plans .right {
            text-align: right;
        }

        .bill-pay-plans-page .prev-next-plans .col-xs-6.right a {
            padding: 15px 16px 30px 20px;
        }

            .bill-pay-plans-page .prev-next-plans .col-xs-6.right a:before {
                margin-top: -12px;
                width: 12px;
                height: 12px;
                position: absolute;
                right: 0;
                top: 50%;
                background: url(../img/spritesheet_general.png) no-repeat 0 -16px;
                background-size: auto 50px;
                content: '';
            }

    .bill-pay-plans-page .calltoactions-wrapper {
        display: none;
    }
/**
* #.# Bill Pay Plans Page
*
* Styles specific to Bill Pay Plans Page - Tablets Portrait and Medium Desktops
*/

@media (min-width: 768px) {
    .bill-pay-plans-page .phone-box .phone-inner a {
        padding: 24px;
    }

    .bill-pay-plans-page .plan-price h3 {
        font-size: 3.5em;
    }

    .bill-pay-plans-page .plan-price p {
        font-size: 1.5em;
        margin: -10px 0 0 0;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

    .bill-pay-plans-page .page-heading h1 {
        margin: 0;
        padding: 40px 0 17px 0;
        font-size: 3em;
        text-align: center;
    }

    .bill-pay-plans-page p.lead {
        display: block;
        text-align: center;
        font-size: 1em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        margin: auto;
        width: 90%;
    }

    .bill-pay-plans-page .tab-pane .container {
        padding-left: 24px;
        padding-right: 24px;
    }

    .bill-pay-plans-page .tab-content {
        padding-bottom: 40px;
        background-color: #fff;
    }

        .bill-pay-plans-page .tab-content > .tab-pane {
            display: block!important;
        }

    /*#plan50euro,
    #plan20euro,
    #plan10euro {
        padding: 20px 0 0 0;
    }

        #plan50euro .container,
        #plan20euro .container,
        #plan10euro .container {
            border-bottom: solid 1px #c5c5c6;
        }*/
    /** Plan Details*/

    .bill-pay-plans-page .plan-details-container {
        margin: 30px auto;
        width: 100%;
    }

    .bill-pay-plans-page .plan-details-box.plan-details-hightlight {
        background: #00AEEF;
        margin: 0 0 10px 0;
        padding: 25px 0;
        border-bottom: 0;
    }

    .bill-pay-plans-page .plan-details-box {
        background: #EAEDF2;
        margin: 0 0 10px 0;
        padding: 25px 0;
        border-bottom: 0;
    }

        .bill-pay-plans-page .plan-details-box .plan-price {
            display: inline-block;
        }

        .bill-pay-plans-page .plan-details-box.plan-details-hightlight .plan-details-inner ul.plan-list li:last-child {
            color: #fff;
            font-size: 19px;
        }

        .bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li:last-child {
            color: #6d6e71;
            font-size: 19px;
        }

        .bill-pay-plans-page .plan-details-box .plan-price {
            width: 25%;
        }

        .bill-pay-plans-page .plan-details-box .plan-details {
            width: 70%;
        }

        .bill-pay-plans-page .plan-details-box.plan-details-hightlight .plan-details {
            border-left: 1px solid #0099d2;
        }

    .bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li:first-child span.val {
        padding: 0 5px 0 0;
    }

    .bill-pay-plans-page .plan-details-hightlight span.bottom-caret,
    .bill-pay-plans-page .plan-details-box span.bottom-caret {
        display: block;
        border-left: 22px solid transparent;
        border-right: 22px solid transparent;
    }

    .bill-pay-plans-page .plan-details-hightlight span.bottom-caret {
        border-left: 22px solid transparent;
        border-right: 22px solid transparent;
        border-top: 20px solid #00AEEF;
        display: block;
        height: 0;
        vertical-align: bottom;
        width: 0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -20px;
        margin: 0 auto;
    }

    .bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li:first-child,
    .bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li:first-child {
        font-size: 19px;
    }

    .bill-pay-plans-page .plan-details-box.plan-details-hightlight .plan-details-inner ul.plan-list li span {
        color: #fff;
        padding: 0 10px 0 0;
        font-family: "Tesco-Regular", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

        .bill-pay-plans-page .plan-details-box.plan-details-hightlight .plan-details-inner ul.plan-list li span.val {
            color: #fff;
            font-family: "Tesco-Bold", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        }

    .bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span {
        padding: 0 10px 0 0;
        color: #6d6e71;
        font-family: "Tesco-Regular", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

        .bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span.val {
            color: #6d6e71;
            font-family: "Tesco-Bold", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            padding: 0 3px 0 0;
        }
    /** Phone Box Over-rule **/

    .bill-pay-plans-page .plan .phone-box {
        width: 60%;
        background: #fff;
        margin: auto;
        border: solid 2px #f4f6f8;
    }

    .bill-pay-plans-page .plan.highlighted .phone-box {
        width: 60%;
        background: #fff;
        margin: auto;
    }
    /* Phone Slider Controls*/

    .bill-pay-plans-page .owl-theme .owl-controls {
        margin: 10px 0 0 0;
    }

        .bill-pay-plans-page .owl-theme .owl-controls .owl-buttons {
            top: 50%;
            margin-top: -50px;
        }

            .bill-pay-plans-page .owl-theme .owl-controls .owl-buttons div.owl-prev {
                left: -35%;
            }

            .bill-pay-plans-page .owl-theme .owl-controls .owl-buttons div.owl-next {
                right: -35%;
            }

        .bill-pay-plans-page .owl-theme .owl-controls .owl-page span {
            margin: 5px 4px;
        }

    .bill-pay-plans-page .row.plan-phones {
        margin: 10px 0 0 0;
    }

    .bill-pay-plans-page .phone-box .phone-inner {
        padding: 0;
        border: 0;
        margin: 0;
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }

    .bill-pay-plans-page .phone-box .phone-price span {
        color: #00AEEF;
        background: #fff;
        border: solid 1px #00AEEF;
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

        .bill-pay-plans-page .phone-box .phone-price span:hover {
            color: #fff;
            background: #0095D6;
            border: solid 1px #0095D6;
            text-decoration: none;
        }

    .bill-pay-plans-page .phone-box .phone-name {
        margin: 0 0 24px 0;
        padding: 0 0 10px 0;
        color: #6D6E71;
        font-size: 1.125em;
        text-align: left;
        background: url("../img/cached/borders/img_phone_name.gif") no-repeat 0 100%;
    }

        .bill-pay-plans-page .phone-box .phone-name a {
            color: #6d6e71;
        }
    /** More Phones **/

    .bill-pay-plans-page .plan-morephones a {
        padding: 20px 0;
        font-size: 1.5em;
    }

    .bill-pay-plans-page .plan-morephones {
        margin: 20px auto 30px auto;
        padding: 0 24px;
        text-align: center;
        width: 50%;
    }
}
/**
* #.# Bill Pay Plans Page
*
* Styles specific to Bill Pay Plans Page - Tablets Landscape and Medium Desktops
*/

@media (min-width: 992px) {
    .bill-pay-plans-page .page-heading h1 {
        font-size: 3.5625em;
    }

    .bill-pay-plans-page p.lead {
        width: 60%;
        font-size: 1.1875em;
    }
    /** Plan Sections **/

    /*#plan10euro .container,
    #plan20euro .container,
    #plan30euro .container,
    #plan50euro .container {
        padding-bottom: 15px;
    }*/

    #plan10euro .container {
        border-bottom: solid 0px #c5c5c6;
    }
    /** Phone Box - Width*/

    .bill-pay-plans-page .plan.highlighted .phone-box {
        width: 80%;
        border: none;
    }

    .bill-pay-plans-page .plan .phone-box {
        width: 80%;
    }
    /** Phone Slider Controls **/

    .bill-pay-plans-page .owl-theme .owl-controls {
        margin: 30px 0 0 0;
    }

        .bill-pay-plans-page .owl-theme .owl-controls .owl-buttons div.owl-prev {
            left: -50%;
        }

        .bill-pay-plans-page .owl-theme .owl-controls .owl-buttons div.owl-next {
            right: -50%;
        }
    /** More Phones Button Wrapper*/

    .bill-pay-plans-page .plan-morephones {
        width: 35%;
    }
    /** Call to Action Wrapper*/

    .bill-pay-plans-page .calltoactions-wrapper {
        display: block;
        margin: 0;
        padding-bottom: 55px;
    }

        .bill-pay-plans-page .calltoactions-wrapper .cta-btn {
            margin: 0;
        }

        .bill-pay-plans-page .calltoactions-wrapper .cta-btn {
            display: inline-block;
            width: 33%;
            padding: 0 12px;
        }
}
/**
* #.# Bill Pay Plans Page
*
* Styles specific to Bill Pay Plans Page - Large Desktops
*/

@media (min-width: 1180px) {
    .bill-pay-plans-page p.lead {
        width: 50%;
    }
    /** Plan Description - Positioning **/

    .bill-pay-plans-page .row.plan-description {
        text-align: center;
    }

        .bill-pay-plans-page .row.plan-description .col-md-offset-2 {
            margin: 0;
            display: inline-block;
            float: none;
            width: 54%;
        }
    /** Plan Sections **/

    .bill-pay-plans-page .tab-content {
        padding-bottom: 0;
    }

    /*#plan10euro .container,
    #plan20euro .container,
    #plan30euro .container,
    #plan50euro .container {
        padding-bottom: 45px;
    }*/
    /** Phone Box - Widths **/

    .bill-pay-plans-page .plan.highlighted .phone-box {
        width: 92%;
    }

    .bill-pay-plans-page .plan .phone-box {
        width: 92%;
    }
    /** More Phones **/

    .bill-pay-plans-page .plan-morephones {
        margin-top: 35px;
        margin-bottom: 0;
    }
    /** Call to Actions Wrapper **/

    .bill-pay-plans-page .calltoactions-wrapper {
        display: block;
        margin: 90px 0 0 0;
        padding-bottom: 55px;
    }
}
/**
* #.# Bill pay plan page: CMA rules
*
* Styles specific to tariffs edit
*/
/*forces the tariff to align left*/
/*even if the user changes the wysysig alignment in cma*/

.bill-pay-plans-page .plan-details-box.plan-details-hightlight .plan-details-inner ul.plan-list li:last-child div,
.plan-details-inner.plan-details li:last-child,
.plan-details-inner.plan-details li:last-child div {
    text-align: center !important;
}

@media (min-width: 768px) {
    .bill-pay-plans-page .plan-details-box.plan-details-hightlight .plan-details-inner ul.plan-list li:last-child div,
    .plan-details-inner.plan-details li:last-child,
    .plan-details-inner.plan-details li:last-child div {
        text-align: left !important;
    }
}
/**
* #.# Homepage: General Style
*
* Styles specific to homepage. 
*/

/*.homepage h1 {
    margin: 0;
    font-size: 1.5em;
}*/

.homepage p.lead {
    margin: 0;
    padding: 0;
    font-size: 1em;
}
/**
* #.# Homepage: General Style
*
* Styles specific General Style - Tablet Portrait
*/

@media (min-width: 768px) {
    /*.homepage h1 {
        font-size: 2.25em;
    }*/
}
/**
* #.# Homepage: General Style
*
* Styles specific General Style - Tablet Landscape and Medium Desktops
*/

@media (min-width: 992px) {
    /*.homepage h1 {
        font-size: 3em;
    }*/

    .homepage p.lead {
        margin: auto;
        width: 70%;
        font-size: 1.1875em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
}
/**
* #.# Homepage: Homepage Slider
*
* Styles specific homepage slider 
*/

.homepage-mainSlider {
    background: #eff1f7;
}

    .homepage-mainSlider img {
        margin: auto;
        width: 100%;
    }

    .homepage-mainSlider .container {
        padding-left: 0;
        padding-right: 0;
    }
    /** Slider Controls **/

    .homepage-mainSlider .owl-theme .owl-controls {
        margin: 0;
        height: 0px;
    }

    .homepage-mainSlider .owl-buttons {
        display: none;
        position: absolute;
        top: 50%;
        width: 100%;
        margin-top: -67px;
    }

    .homepage-mainSlider .owl-theme .owl-controls .owl-buttons div {
        background-color: transparent;
    }

    .homepage-mainSlider .owl-theme .owl-controls .owl-buttons .owl-prev {
        position: absolute;
        left: 0;
    }

    .homepage-mainSlider .owl-theme .owl-controls .owl-buttons .owl-next {
        position: absolute;
        right: 0;
    }

    .homepage-mainSlider .owl-theme .left-arrow {
        display: block;
        width: 28px;
        height: 46px;
        background: url("../img/arrows/img_arrows_homeslider_mobile.png") no-repeat;
    }

    .homepage-mainSlider .owl-theme .right-arrow {
        display: block;
        width: 28px;
        height: 46px;
        background: url("../img/arrows/img_arrows_homeslider_mobile.png") no-repeat -28px 0;
    }

@media (min-width: 768px) {
    .homepage-mainSlider .owl-buttons {
        display: block;
    }
}

.homepage-mainSlider .owl-pagination {
    position: relative;
    z-index: 2;
    top: -8px;
    left: 0;
    bottom: 0;
    margin: 0 16px 0 16px;
    padding: 0;
    width: auto;
    background: url("/img/cached/bg_pagination.png") repeat-x;
}

.homepage-mainSlider .owl-theme .owl-controls .owl-page.active span {
    background: #00AEEF;
}

.homepage-mainSlider .owl-theme .owl-controls .owl-page span {
    position: relative;
    top: 14px;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 4px 0 4px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #80dcda;
}

.homepage-mainSlider .slider-tabs {
    display: none;
}

@media (min-width: 300px) and (max-width: 480px) {
    .homepage-mainSlider .owl-pagination {
        background: none;
    }
}
/**
* #.# Homepage: Homepage Slider
*
* Styles specific homepage slider - Tablet Portrait
*/

@media (min-width: 768px) {
    .homepage-mainSlider .container {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        max-width: 768px;
        min-width: 768px;
    }

    .homepage-mainSlider .owl-theme .owl-controls .owl-buttons div {
        width: 47px;
        height: 79px;
        -webkit-box-shadow: 2px 7px 34px -12px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 2px 7px 34px -12px rgba(0, 0, 0, 0.75);
        box-shadow: 2px 7px 34px -12px rgba(0, 0, 0, 0.75);
    }

    .homepage-mainSlider .owl-theme .left-arrow {
        display: block;
        width: 47px;
        height: 79px;
        background: url("../img/cached/arrows/img_arrows_homephones_tablet_alt.png") no-repeat;
    }

    .homepage-mainSlider .owl-theme .right-arrow {
        display: block;
        width: 47px;
        height: 79px;
        background: url("../img/cached/arrows/img_arrows_homephones_tablet_alt.png") no-repeat -47px 0;
    }

    .homepage-mainSlider .owl-pagination {
        top: -58px;
    }

    .homepage-mainSlider .owl-theme .owl-controls .owl-page.active span {
        background: #FFFFFF;
    }
}
/**
* #.# Homepage: Homepage Slider
*
* Styles specific homepage slider - Tablet Landscape & Medium Desktops
*/

@media (min-width: 992px) {
    .homepage-mainSlider .container {
        width: 100%;
        max-width: 1024px;
        min-width: 992px;
    }

    .homepage-mainSlider .owl-pagination {
        top: -63px;
        margin: 0;
    }
    /** Active Tab Style **/

    .homepage-mainSlider .owl-theme .owl-controls .owl-page.active {
        width: 33.3333%;
        background: #4dcdff;
    }

    .homepage-mainSlider .owl-theme.four-slides .owl-controls .owl-page.active {
        width: 25%;
    }

    .homepage-mainSlider .owl-theme .owl-controls .owl-page.active h4 {
        color: #fff;
    }

    .homepage-mainSlider .owl-theme .owl-controls .owl-page.active p {
        color: #fff;
    }
    /** Standard Tab Style **/

    .homepage-mainSlider .owl-theme .owl-controls .owl-page {
        width: 33.3333%;
        background: #e5fbfd;
    }

    .homepage-mainSlider .owl-theme.four-slides .owl-controls .owl-page {
        width: 25%;
    }

    .homepage-mainSlider .owl-theme .owl-controls .owl-page:hover {
        color: #fff;
        background: #4dcdff;
    }

    .homepage-mainSlider .owl-theme .owl-controls .owl-page h4 {
        margin: 0;
        padding: 0 0 5px 0;
        font-size: 1.125em;
    }

    .homepage-mainSlider .owl-theme.four-slides .owl-controls .owl-page h4 {
        font-size: 1em;
        padding-right: 5px;
    }

    .homepage-mainSlider .owl-theme .owl-controls .owl-page p {
        margin: 0;
        font-size: 1em;
    }
    /* Reset of Tab on Desktop */

    .homepage-mainSlider .owl-theme .owl-controls .owl-page.active span,
    .homepage-mainSlider .owl-theme .owl-controls .owl-page span {
        top: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        text-align: left;
        border-radius: 0;
        background: none;
    }
    /*Positiong of Content of Tab */

    .homepage-mainSlider .owl-theme .owl-controls .owl-page .caption {
        padding: 8px 0 9px 18px;
        border-right: solid 1px #e0e2e8;
        text-align: left;
    }

    .homepage-mainSlider .owl-theme .owl-controls .owl-page.active .caption {
        border: 0;
        position: relative;
    }

    .homepage-mainSlider .owl-theme .owl-controls .owl-page.active .top-caret {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #4dcdff;
        display: block;
        height: 0;
        vertical-align: bottom;
        width: 0;
        position: absolute;
        top: -10px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .homepage-mainSlider .owl-theme .owl-controls .owl-page:nth-child(3) .caption {
        border: 0;
    }
}
/**
* #.# Homepage: Homepage Slider
*
* Styles specific homepage slider - Large Desktops
*/

@media (min-width: 1180px) {
    .homepage-mainSlider .container {
        width: 100%;
        max-width: 1200px;
        min-width: 1170px;
    }

    .homepage-mainSlider .owl-pagination {
        top: -78px;
        margin: 0;
    }
    /*Positiong of Content of Tab */

    .homepage-mainSlider .owl-theme .owl-controls .owl-page .caption {
        padding: 16px 0 18px 18px;
    }

    .homepage-mainSlider .owl-theme .owl-controls .owl-page,
    .homepage-mainSlider .owl-theme .owl-controls .owl-page.active {
        width: 400px;
    }

    .homepage-mainSlider .four-slides .owl-controls .owl-page,
    .homepage-mainSlider .four-slides .owl-controls .owl-page.active {
        width: 25%;
    }
}
/**
* #.# Homepage: Plans Section
*
* Styles specific Plans Section 
*/

.homepage-plans {
    padding: 25px 0 40px 0;
}

    .homepage-plans h1 {
        color: #00AEEF;
    }

    .homepage-plans p.lead {
        margin: auto;
        padding: 10px 0 0 0;
        width: 80%;
    }
    /** Plan Box **/

    .homepage-plans .plan-box {
        margin: 30px auto 0 auto;
        width: 100%;
    }

        .homepage-plans .plan-box h2 {
            margin: 7px 0 16px 0;
            font-size: 1.125em;
            font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        }

    .homepage-plans .plan-inner,
    .homepage-plans .plan-inner.plan-hightlight {
        margin-bottom: 35px;
    }

    .homepage-plans .plan-hightlight {
        margin-top: 0;
        padding: 10px;
    }

    .homepage-plans .plan-price p {
        margin: 0 0 11px 0;
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

    .homepage-plans ul.plan-terms {
        margin-bottom: 20px;
    }

        .homepage-plans ul.plan-terms li {
            padding: 11px;
        }

            .homepage-plans ul.plan-terms li:first-child {
                border: 0;
            }

    .homepage-plans .plan-link-highlight-btn {
        margin: auto;
        width: 88%;
        padding: 0;
        border-radius: 3px;
    }

        .homepage-plans .plan-link-highlight-btn a {
            display: block;
            width: 100%;
            height: 100%;
            color: #fff;
            padding: 12px 0;
        }

            .homepage-plans .plan-link-highlight-btn a:hover {
                text-decoration: none;
            }
    /** Phone Slider Controls **/

    .homepage-plans .owl-theme .owl-controls {
        position: absolute;
        top: 50%;
        width: 100%;
        margin-top: -50px;
    }

        .homepage-plans .owl-theme .owl-controls .owl-buttons div.owl-prev {
            left: -48.7%;
        }

        .homepage-plans .owl-theme .owl-controls .owl-buttons div.owl-next {
            right: -48.7%;
        }

    .homepage-plans .more-plans-link {
        padding: 8px 0;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
/**
* #.# Homepage: Plans Section
*
* Styles specific Plans Section - Tablet Portrait
*/

@media (min-width: 768px) {
    .homepage-plans {
        padding: 43px 0 40px 0;
    }

        .homepage-plans .container {
            width: 100%;
        }

        .homepage-plans .plan-box {
            width: 93%;
            padding: 0;
        }

            .homepage-plans .plan-box h2 {
                margin-top: 10px;
            }

        .homepage-plans .plan-hightlight {
            margin-top: -10px;
        }

        .homepage-plans .plan-inner.plan-hightlight ul.plan-terms {
            margin-bottom: 40px;
        }

        .homepage-plans .euro30euroPlan .plan-link-highlight-btn {
            margin-top: -10px;
        }
}
/**
* #.# Homepage: Plans Section
*
* Styles specific Plans Section - Tablet Landscape and Medium Desktops
*/

@media (min-width: 992px) {
    .homepage-plans {
        padding: 40px 0 40px 0;
    }

        .homepage-plans p.lead {
            padding: 15px 0 20px 0;
        }

        .homepage-plans .container {
            width: 970px;
            max-width: 970px;
            min-width: 970px;
        }

        .homepage-plans .plan-box {
            width: 100%;
            padding: 0 10px;
        }
}
/**
* #.# Homepage: Phones Section
*
* Styles specific Phones Section 
*/

.homepage-phones {
    padding: 29px 0 16px 0;
}

    .homepage-phones h1 {
        padding: 0 0 12px 0;
    }

.homepage .homepage-phones p.lead {
    margin: auto;
    padding: 0 0 23px 0;
    width: 60%;
}
/** Phone Box Styles **/

.homepage-phones .phone-outer {
    padding: 0 5px;
}

.homepage-phones .phone-box {
    margin: 0;
}

    .homepage-phones .phone-box .phone-inner {
        padding: 15px 18px 13px 18px;
        border: 1px solid #e5e7ec;
        background: #fff;
        height: 410px;
    }

    .homepage-phones .phone-box h2 a {
        color: #6e6e70;
    }

    .homepage-phones .phone-box .phone-name {
        margin: 0 0 13px 0;
        padding: 0 0 9px 0;
    }

        .homepage-phones .phone-box .phone-name a {
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 98%;
            overflow: hidden;
        }

    .homepage-phones .phone-box .phone-features {
        margin: 0;
        padding: 0;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

        .homepage-phones .phone-box .phone-features li:before {
            display: none;
        }

    .homepage-phones .phone-box .phone-plan-type {
        margin: 0 0 0 0;
    }

        .homepage-phones .phone-box .phone-plan-type a {
            margin: 12px auto;
            width: 80%;
            font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-size: 1em;
        }

.homepage-phones .owl-carousel {
    margin: auto;
    width: 97%;
}

.homepage-phones .owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 26px;
}

.homepage-phones .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -29px;
}

.homepage-phones .owl-theme .owl-controls .owl-buttons .owl-next {
    right: -29px;
}

@media (max-width: 320px) {
    .homepage-phones .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: -25px;
    }

    .homepage-phones .owl-theme .owl-controls .owl-buttons .owl-next {
        right: -26px;
    }
}

.homepage-phones .owl-pagination {
    display: none;
}

.homepage-phones .phone-box .phone-features li {
    display: block;
}
/** More from Tescomobile **/

.homepage-phones .more-from-tescomobile {
    position: relative;
    margin: 22px 0 28px 0;
    padding: 10px 0;
}

    .homepage-phones .more-from-tescomobile h3 {
        margin: auto;
        width: 55%;
        font-size: 1em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        line-height: 1.3em;
    }

    .homepage-phones .more-from-tescomobile span.bottom-caret {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -10px;
        margin: 0 auto;
        width: 0;
        height: 0;
        vertical-align: bottom;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #FFFFFF;
    }

.homepage-phones .phones-actions {
    padding: 0 10px;
}

    .homepage-phones .phones-actions a {
        display: block;
        width: 100%;
        margin: 10px 0;
        padding: 12px 0;
        font-size: 1.1875em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

        .homepage-phones .phones-actions a:hover,
        .homepage-phones .phones-actions a:active {
            color: #fff;
            background-color: #0095D6;
            border-color: #0095D6;
        }
/**
* #.# Homepage: Phones Section
*
* Styles specific Phones Section - Tablet Portrait
*/

@media (min-width: 768px) {
    .homepage-phones {
        padding: 41px 0 53px 0;
        background: #EAEDF2 url("../img/cached/swoosh/swoosh.png") -180px 92px no-repeat;
    }

    .homepage .homepage-phones p.lead {
        padding: 0 0 37px 0;
    }

    .homepage-phones .owl-carousel {
        width: 90%;
    }

    .homepage-phones .phone-outer {
        padding: 0 10px;
    }

    .homepage-phones .owl-pagination {
        display: block;
    }

    .homepage-phones .phone-box .phone-inner {
        padding: 22px 24px 12px 24px;
    }

    .homepage-phones .phone-box .phone-img-frame {
        margin: 0 0 15px 0;
        height: 155px;
        overflow: hidden;
    }

    .homepage-phones .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: -67px;
        width: 46px;
        height: 79px;
        background: #EAEDF2 url("../img/cached/arrows/img_arrows_homephones_tablet.png") 0 0;
    }

    .homepage-phones .owl-theme .owl-controls .owl-buttons .owl-next {
        right: -67px;
        width: 46px;
        height: 79px;
        background: #EAEDF2 url("../img/cached/arrows/img_arrows_homephones_tablet.png") -46px 0;
    }

        .homepage-phones .owl-theme .owl-controls .owl-buttons .owl-prev i,
        .homepage-phones .owl-theme .owl-controls .owl-buttons .owl-next i {
            display: none;
        }

    .homepage-phones .more-from-tescomobile {
        margin: 10px auto 26px auto;
        padding: 5px 0;
        width: 100%;
        max-width: 280px;
    }

        .homepage-phones .more-from-tescomobile h3 {
            width: 100%;
            font-size: 1.125em;
            line-height: 1.42857143;
        }

    homepage-phones .phones-actions {
        text-align: center;
    }

    .homepage-phones .phones-actions a {
        display: inline-block;
        margin: 0 5px;
        max-width: 175px;
    }
}
/**
* #.# Homepage: Phones Section
*
* Styles specific Phones Section - Tablet Landscape and Medium Desktops
*/

@media (min-width: 992px) {
    .homepage-phones {
        padding: 47px 0 56px 0;
    }

        .homepage-phones .phones-actions a {
            margin: 0 10px;
        }

        .homepage-phones .more-from-tescomobile {
            margin: 32px auto 26px auto;
            padding: 5px 0;
            width: 100%;
            max-width: 280px;
        }
}
/**
* #.# Homepage: Phones Section
*
* Styles specific Phones Section - Large Desktops
*/

@media (min-width: 1180px) {
    .homepage-phones {
        padding: 47px 0 56px 0;
        background: #EAEDF2 url("../img/cached/swoosh/swoosh.png") -160px 75px no-repeat;
    }

        .homepage-phones .owl-carousel {
            width: 80%;
        }
}
/**
* #.# Homepage: Why Tesco Mobile
*
* Styles specific Why Tesco Mobile 
*/

.homepage-whyTesco {
    padding: 29px 0 0 0;
}

    .homepage-whyTesco h1,
    .homepage-whyTesco p.lead {
        text-align: center;
    }

    .homepage-whyTesco .row {
        margin: 0;
    }

.calltoactions-wrapper {
    margin: 25px 0 0 0;
}

    .calltoactions-wrapper .cta-btn {
        margin: 0 0 17px 0;
    }

        .calltoactions-wrapper .cta-btn a {
            font-size: 1.125em;
        }

    .calltoactions-wrapper .cta-icon-text {
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

.homepage-whyTesco .content-columns {
    padding: 0;
    margin: 0 25px;
}

@media (min-width: 768px) {
    .homepage-whyTesco .content-columns {
        margin: 0;
    }
}

.homepage-whyTesco .content-columns .col-md-6 {
    padding: 6px 0 0 0;
}

    .homepage-whyTesco .content-columns .col-md-6.first {
        padding: 0;
        border-top: solid 1px #e9ecf1;
    }

.homepage-whyTesco .content-columns h3 {
    margin: 0;
    padding: 0;
}

.homepage-whyTesco .content-icon {
    padding: 12px 0;
    width: 100%;
    border-bottom: solid 1px #e9ecf1;
}

    .homepage-whyTesco .content-icon .icon {
        width: 26px;
        padding: 0;
        vertical-align: middle;
    }

        .homepage-whyTesco .content-icon .icon img {
            width: 26px;
        }

    .homepage-whyTesco .content-icon .content-icon-text {
        display: table-cell;
        vertical-align: middle;
    }

@media (min-width: 768px) {
    .homepage-whyTesco .content-icon {
        padding-top: 0;
        padding-bottom: 24px;
        border: 0;
    }

    .homepage-whyTesco .content-icon-text a,
    .homepage-whyTesco .content-icon-text p {
        display: block !important;
    }
}

.homepage-whyTesco .content-icon-text a,
.homepage-whyTesco .content-icon-text p {
    display: none;
}

.homepage-whyTesco .content-icon-text h3 {
    padding-left: 16px;
    font-size: 1em;
}

    .homepage-whyTesco .content-icon-text h3 a {
        display: block;
        text-decoration: none;
    }
/** Help Centre Column **/


@media (max-width: 480px) {
    .homepage-whyTesco .help-centre-column {
        padding: 56px 25px 0 25px;
    }
}

.homepage-whyTesco .help-centre-column h3 {
    margin: 0;
    padding: 0 0 12px 0;
}

.homepage-whyTesco .help-centre-column p {
    margin: 0;
}

.homepage-whyTesco .help-centre-column ul {
    margin: 1px 0 0 0;
    padding: 0;
    list-style: none;
}

    .homepage-whyTesco .help-centre-column ul li {
        margin: 0 0 8px 0;
        padding: 2px 0 0 0;
    }

.homepage-whyTesco .help-centre-column .block {
    margin: 0 0 21px 0;
    padding: 0 0 24px 0;
    border-bottom: solid 1px #b6b6b6;
}

    .homepage-whyTesco .help-centre-column .block.last {
        margin: 0;
        padding: 0 0 40px 0;
        border: none;
    }

    .homepage-whyTesco .help-centre-column .block h3 a {
        color: #6D6E71;
    }
/**
* #.# Homepage: Why Tesco Mobile
*
* Styles specific Why Tesco Mobile - Tablet Portrait
*/

@media (min-width: 768px) {
    .homepage .homepage-whyTesco {
        padding: 41px 0 0 0;
    }

        .homepage .homepage-whyTesco .container {
            width: 100%;
        }

        .homepage .homepage-whyTesco h1 {
            padding: 0 0 5px 0;
        }
    /** Call to Actions **/

    .homepage-whyTesco .calltoactions-wrapper {
        margin: 36px 0 24px 0;
        padding: 0 0 27px 0;
        border-bottom: solid 3px #e8e8e8;
    }

        .homepage-whyTesco .calltoactions-wrapper .row {
            margin-left: -12px;
            margin-right: -12px;
        }

        .homepage-whyTesco .calltoactions-wrapper .cta-btn {
            float: left;
            width: 50%;
            margin: 0;
        }
    /** Content Columns **/

    .homepage-whyTesco .content-columns .col-md-6.first {
        border: none;
    }

    .homepage-whyTesco .content-columns .col-md-6 {
        padding: 0;
    }

    .homepage-whyTesco .content-icon {
        padding-top: 0;
        padding-bottom: 24px;
        border: 0;
    }

        .homepage-whyTesco .content-icon .icon {
            display: block;
        }

            .homepage-whyTesco .content-icon .icon img {
                width: 50px;
            }

        .homepage-whyTesco .content-icon .content-icon-text {
            display: block;
        }

            .homepage-whyTesco .content-icon .content-icon-text h3 {
                padding: 15px 0 0 0;
                font-size: 1.5em;
            }

    .homepage .content-icon .content-icon-text a,
    .homepage .content-icon .content-icon-text p {
        display: block;
    }

    .homepage .content-icon .content-icon-text p {
        padding-bottom: 5px;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

    .homepage .content-icon .content-icon-text a {
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    /** Help Centre Column **/

    .homepage-whyTesco .help-centre-column {
        margin: 4px 0 12px 0;
        /*padding: 0 0 30px 0;*/
        background: #ebeff5;
    }

        .homepage-whyTesco .help-centre-column .block {
            margin: 0;
            padding: 24px 12px 0 12px;
            border: 0;
        }

            .homepage-whyTesco .help-centre-column .block.last {
                margin: 0;
                padding: 31px 12px 0 12px;
                border: 0;
            }

                .homepage-whyTesco .help-centre-column .block.last h3 {
                    font-size: 1.1875em;
                    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
                }
}
/**
* #.# Homepage: Why Tesco Mobile
*
* Styles specific Why Tesco Mobile - Tablet Landscape and Medium Desktops
*/

@media (min-width: 992px) {
    .homepage .homepage-whyTesco {
        padding: 47px 0 0 0;
    }
    /** Call to Actions **/

    .homepage-whyTesco .calltoactions-wrapper {
        margin: 32px 0 35px 0;
        padding: 0;
        border-bottom: none;
    }

        .homepage-whyTesco .calltoactions-wrapper .cta-btn {
            float: none;
            width: 40%;
            margin: 0;
        }

            .homepage-whyTesco .calltoactions-wrapper .cta-btn a {
                font-size: 1.3125em;
            }
    /** Content Columns **/

    .homepage-whyTesco .content-columns {
        padding-top: 25px;
    }

        .homepage-whyTesco .content-columns .col-md-6,
        .homepage-whyTesco .content-columns .col-md-6.first {
            padding: 0 12px;
        }

    .homepage-whyTesco .content-icon .icon {
        display: table-cell;
        vertical-align: top;
    }

    .homepage-whyTesco .content-icon .content-icon-text {
        display: table-cell;
        padding-left: 35px;
    }

        .homepage-whyTesco .content-icon .content-icon-text h3 {
            padding: 0;
            font-size: 1.5em;
        }

    .homepage-whyTesco .content-icon .icon img {
        width: 40px;
    }

    .homepage-whyTesco .content-icon .content-icon-text h3 a {
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

    .homepage-whyTesco .content-icon .content-icon-text a {
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    /** Help Column **/

    .homepage-whyTesco .help-centre-column {
        margin-bottom: 60px;
        padding: 8px 30px 30px 30px;
    }

        .homepage-whyTesco .help-centre-column .block {
            margin: 0;
            padding: 12px 0 24px 0;
            border-bottom: solid 1px #b6b6b6;
        }

            .homepage-whyTesco .help-centre-column .block.last a {
                font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            }

        .homepage-whyTesco .help-centre-column h3 {
            color: #00AEEF;
            font-size: 1.5em;
        }

            .homepage-whyTesco .help-centre-column h3 a {
                font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            }

                .homepage-whyTesco .help-centre-column h3 a:hover {
                    color: #0095D6;
                    text-decoration: none;
                }

        .homepage-whyTesco .help-centre-column .block.last {
            padding: 25px 0 0 0;
        }

            .homepage-whyTesco .help-centre-column .block.last h3 {
                color: #6d6e71;
                font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            }

        .homepage-whyTesco .help-centre-column .block h3 a {
            color: #00AEEF;
        }

        .homepage-whyTesco .help-centre-column ul li {
            margin: 0;
        }

        .homepage-whyTesco .help-centre-column .block.last a:hover,
        .homepage-whyTesco .help-centre-column .block.last a:active {
            color: #00AEEF;
            text-decoration: underline;
        }
}
/**
* #.# Homepage: Why Tesco Mobile
*
* Styles specific Why Tesco Mobile - Large Desktops
*/

@media (min-width: 1180px) {
    .homepage-whyTesco .calltoactions-wrapper .cta-btn {
        float: none;
        width: 33%;
        margin: 0;
    }
}
/**
* #.# Help Centre
*
* Styles specific to the help centre
*/

.help-centre-landing .container {
    padding: 0 20px;
}

.help-centre-landing .row {
    margin-left: 0px;
    margin-right: 0px;
}

.help-centre-landing p.lead {
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-size: 1.125em;
}

.help-centre-landing .section-heading {
    padding: 30px 24px 55px 24px;
}

    .help-centre-landing .section-heading h1 {
        font-size: 1.5em;
    }
/** Help Centre Search **/

.help-centre-top-row {
    margin-top: -50px;
}

    .help-centre-top-row .search-column {
        padding: 0;
    }

.help-centre-landing #search:hover {
    background: #00AEEF;
}

.help-centre-landing #search {
    padding: 10px;
}

    .help-centre-landing #search input {
        border: none;
        background: none;
    }

        .help-centre-landing #search input[type="text"] {
            color: #a7a8aa;
            height: 100%;
            display: inline-block;
            vertical-align: middle;
            padding: 13px 0 13px 14px;
            width: 80%;
        }

        .help-centre-landing #search input[type="submit"] {
            background: url("../img/cached/icons/icon_search.png") no-repeat 70% 15px;
            height: 100%;
            display: inline-block;
            vertical-align: middle;
            width: 50px;
            height: 48px;
            background-size: 22px auto;
        }

            .help-centre-landing #search input[type="text"]:focus,
            .help-centre-landing #search input[type="submit"]:focus {
                outline: 0;
            }

.help-centre-landing .search-container {
    background: #fff;
    border: solid 1px #e6e6e6;
    border-radius: 3px;
}

.help-centre-landing #search h3,
.help-centre-landing #search p {
    display: none;
    margin: 0;
    color: #fff;
}

@media (min-width: 320px) and (max-width: 360px) {
    .help-centre-landing #search input[type="text"] {
        width: 77%;
    }
}
/** Search Predictive Results **/

.help-centre-landing #search input:focus {
    color: #6D6E71;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    /*test*/
    min-width: 160px;
    _width: 160px;
    width: 265px !important;
    padding: 0 20px;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 0px;
    border-radius: 3px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

    .ui-autocomplete li {
        padding: 10px 0;
        border-top: solid 1px #e2e4eb;
    }

        .ui-autocomplete li:first-child {
            border: none;
        }

        .ui-autocomplete li a:hover {
            cursor: pointer;
            color: #666;
        }

.ui-helper-hidden-accessible {
    position: absolute;
    top: 15px;
    right: 38px;
    color: #fff;
    width: 50%;
    display: none;
}
/** Category Boxes **/

.help-centre-landing .topic-panel:nth-child(2) .content-icon,
.help-centre-landing .topic-panel:nth-child(3) .content-icon {
    height: auto !important;
    border: solid 2px #e6e6e6;
    border-radius: 3px;
}

.help-centre-landing .topic-panel:nth-child(2) .content-icon {
    margin-top: 26px;
}

.help-centre-landing .topic-panel:nth-child(3) .content-icon {
    margin-bottom: 24px;
}

    .help-centre-landing .topic-panel:nth-child(2) .content-icon .icon,
    .help-centre-landing .topic-panel:nth-child(3) .content-icon .icon {
        display: none;
    }

    .help-centre-landing .topic-panel:nth-child(2) .content-icon .content-icon-text,
    .help-centre-landing .topic-panel:nth-child(3) .content-icon .content-icon-text {
        border: none;
    }

    .help-centre-landing .topic-panel:nth-child(2) .content-icon h3,
    .help-centre-landing .topic-panel:nth-child(3) .content-icon h3 {
        width: 100%;
        font-size: 1em;
        padding: 14px 0;
    }

        .help-centre-landing .topic-panel:nth-child(2) .content-icon h3:before,
        .help-centre-landing .topic-panel:nth-child(3) .content-icon h3:before {
            content: "\f0da";
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #00AEEF;
            font-size: 14px;
            margin: 0 9px 0 14px;
        }

.help-centre-landing .topic-panel {
    padding: 0;
}

.help-centre-landing .content-icon {
    width: 100%;
    margin: 12px 0;
    border-top: solid 5px #00adef;
}

    .help-centre-landing .content-icon .icon {
        padding: 0;
        width: 80px;
        border-left: solid 1px #e6e6e6;
        border-bottom: solid 1px #e6e6e6;
        vertical-align: middle;
        text-align: center;
    }

    .help-centre-landing .content-icon .content-icon-text {
        border-right: solid 1px #e6e6e6;
        border-bottom: solid 1px #e6e6e6;
        vertical-align: middle;
    }

    .help-centre-landing .content-icon h3 {
        margin: 0;
        width: 90%;
        font-size: 1.125em;
    }

        .help-centre-landing .content-icon h3 a {
            text-decoration: none;
        }

    .help-centre-landing .content-icon ul.list-questions {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .help-centre-landing .content-icon ul.list-questions li a {
            color: #6d6e71;
            text-decoration: none;
            font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            background: url("../img/borders/img_helpcentre_underline.gif") repeat-x 0 100%;
        }

            .help-centre-landing .content-icon ul.list-questions li a:hover {
                color: #00AEEF;
                text-decoration: none;
            }
/** Call to Actions **/

.help-centre-landing .calltoactions-wrapper {
    margin: 10px 0 98px 0;
}

    .help-centre-landing .calltoactions-wrapper .cta-btn a {
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
/**
* #.# Help Centre
*
* Styles specific to the help centre - Tablet Portrait
*/

@media (min-width: 768px) {
    .help-centre-top-row .search-column {
        padding: 0 12px;
    }

    .ui-autocomplete {
        width: 678px !important;
    }

    .help-centre-landing .topic-panel:nth-child(2) .content-icon h3,
    .help-centre-landing .topic-panel:nth-child(3) .content-icon h3 {
        width: 100%;
        font-size: 1.125em;
        padding: 0;
    }

        .help-centre-landing .topic-panel:nth-child(2) .content-icon h3:before,
        .help-centre-landing .topic-panel:nth-child(3) .content-icon h3:before {
            display: none;
        }

    .help-centre-landing .content-icon .content-icon-text {
        height: 195px;
    }

    .help-centre-landing .content-icon .content-icon-text {
        vertical-align: top;
    }

    .help-centre-landing .section-heading h1 {
        font-size: 3em;
    }

    .help-centre-landing .container {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%;
    }

    .help-centre-landing .row {
        margin-left: -12px;
        margin-right: -12px;
    }

    .help-centre-landing .topic-panel {
        padding-left: 12px;
        padding-right: 12px;
    }

    .help-centre-top-row {
        margin-top: -38px;
    }

    .help-centre-landing #search {
        padding: 21px 24px 30px 24px;
    }

        .help-centre-landing #search h3,
        .help-centre-landing #search p {
            display: block;
        }

        .help-centre-landing #search h3 {
            padding-bottom: 24px;
            font-size: 1.125em;
        }

        .help-centre-landing #search p {
            padding-top: 13px;
            font-size: 1em;
        }

        .help-centre-landing #search input[type="text"] {
            width: 91%;
        }
    /** Category Blocks **/

    .help-centre-landing .content-icon h3 {
        padding: 16px 0 10px 0;
    }

    .help-centre-landing .content-icon ul.list-questions li {
        padding: 2px 0;
    }

    .help-centre-landing .content-icon .icon {
        vertical-align: top;
        padding-top: 10px;
        width: 100px;
    }
    /** Call to Actions **/

    .help-centre-landing .calltoactions-wrapper {
        margin: 32px 0 0 0;
        padding: 42px 0 55px 0;
        border-top: solid 1px #b3b3b3;
    }

        .help-centre-landing .calltoactions-wrapper .cta-btn {
            width: 50%;
            float: left;
            margin: 0;
        }

    .help-centre-landing .topic-panel:nth-child(2) .content-icon {
        margin-top: 12px;
        padding-left: 12px;
    }

    .help-centre-landing .topic-panel:nth-child(2) .content-icon,
    .help-centre-landing .topic-panel:nth-child(3) .content-icon {
        border: none;
        height: auto !important;
    }

        .help-centre-landing .topic-panel:nth-child(2) .content-icon .content-icon-text,
        .help-centre-landing .topic-panel:nth-child(3) .content-icon .content-icon-text {
            height: auto !important;
        }

        .help-centre-landing .topic-panel:nth-child(2) .content-icon h3,
        .help-centre-landing .topic-panel:nth-child(3) .content-icon h3 {
            padding-top: 20px;
            padding-bottom: 10px;
        }

    .navigation-sticky .left-navigation {
        position: fixed;
        margin: 0;
        top: 20px;
        width: 226px;
    }

        .navigation-sticky .left-navigation .left-nav-wrapper {
            margin: 0;
        }

    .navigation-sticky .questions-content {
        margin-left: 33.33333333%;
    }
}
/**
* #.# Help Centre
*
* Styles specific to the help centre - Tablet Landscape & Medium Desktops
*/

@media (min-width: 992px) {
    .ui-autocomplete {
        width: 347px !important;
    }

    .help-centre-landing .section-heading {
        padding: 51px 24px 57px 24px;
    }

    .help-centre-landing p.lead {
        margin: 0;
    }

    .help-centre-landing .container {
        padding-left: 12px;
        padding-right: 12px;
        width: 100%;
    }

    .help-centre-landing .help-centre-top-row {
        margin-top: 25px;
        margin-left: 0;
        margin-right: 0;
    }

    .help-centre-landing #search input[type="text"] {
        width: 83%;
    }
    /** Overwrite styles for top two category boxes **/

    .help-centre-top-row .top-mod .topic-panel {
        padding: 0;
        width: 100%;
    }

    .help-centre-landing .help-centre-top-row .top-mod .content-icon h3 {
        width: 100%;
        padding-top: 0;
    }

    .help-centre-landing .help-centre-top-row .top-mod .content-icon {
        margin: 0;
        border: none;
    }

        .help-centre-landing .help-centre-top-row .top-mod .content-icon .icon {
            display: none;
            border: 0;
        }

        .help-centre-landing .help-centre-top-row .top-mod .content-icon .content-icon-text {
            border: 0;
            height: auto;
        }
    /** Divder for landing page **/

    .help-centre-landing .categories-border {
        margin: 44px 12px 28px 12px;
        height: 1px;
        background: #b3b3b3;
    }
    /** Set width of call to action button **/

    .help-centre-landing .calltoactions-wrapper .cta-btn {
        width: 33%;
        float: none;
        margin: 0;
    }

    .help-centre-top-row .search-column {
        position: relative;
        padding: 0 12px;
    }

    .help-centre-landing .categories-row .topic-panel:nth-child(2) .content-icon,
    .help-centre-landing .categories-row .topic-panel:nth-child(3) .content-icon {
        border-top: solid 5px #00adef;
        padding: 0;
        height: 195px !important;
    }

        .help-centre-landing .categories-row .topic-panel:nth-child(2) .content-icon .icon,
        .help-centre-landing .categories-row .topic-panel:nth-child(3) .content-icon .icon {
            display: table-cell;
        }

    .help-centre-landing .categories-row .topic-panel:nth-child(2) .content-icon-text,
    .help-centre-landing .categories-row .topic-panel:nth-child(3) .content-icon-text {
        border-right: solid 1px #e6e6e6;
        border-bottom: solid 1px #e6e6e6;
        vertical-align: middle;
    }

    .help-centre-landing .categories-row .topic-panel:nth-child(2) .content-icon-text,
    .help-centre-landing .categories-row .topic-panel:nth-child(3) .content-icon-text {
        height: 195px !important;
        vertical-align: top;
    }

    .help-centre-landing .categories-row .topic-panel:nth-child(2) .content-icon h3,
    .help-centre-landing .categories-row .topic-panel:nth-child(3) .content-icon h3 {
        padding: 16px 0 10px 0;
    }

    .help-centre-landing .topic-panel:nth-child(3) .content-icon {
        margin-bottom: 12px;
    }

    .help-centre-landing .topic-panel:nth-child(8) .content-icon {
        height: auto !important;
    }

        .help-centre-landing .topic-panel:nth-child(8) .content-icon .content-icon-text {
            height: auto;
            padding-bottom: 20px;
        }

    .navigation-sticky .left-navigation {
        position: fixed;
        margin: 0;
        top: 20px;
        width: 236px;
    }

    .navigation-sticky .questions-content {
        margin-left: 25%;
    }
}

@media (min-width: 1180px) {
    .ui-autocomplete {
        width: 540px !important;
    }

    .help-centre-landing #search input[type="text"] {
        width: 89%;
    }

    .navigation-sticky .left-navigation {
        position: fixed;
        margin: 0;
        top: 20px;
        width: 286px;
    }

    .navigation-sticky .questions-content {
        margin-left: 25%;
    }
}
/**
* #.# Help Centre - Category Page
*
* Styles specific to the help centre category page
*/

.help-centre-category {
}

    .help-centre-category .category-header h1 {
        margin: 0;
        padding: 15px 0 6px 0;
        font-size: 1.5em;
    }

    .help-centre-category .breadcrumbs {
        padding: 0 0 6px 0;
        font-size: 0.875em;
    }

        .help-centre-category .breadcrumbs a {
            font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        }

    .help-centre-category .category-header p.lead {
        margin: 0;
        padding: 0 0 23px 0;
        font-size: 1.125em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

    .help-centre-category .category-header .row {
        margin: 0;
    }

    .help-centre-category .left-navigation {
    }

        .help-centre-category .left-navigation ul {
            margin: 15px 0 30px 0;
            padding: 0 0 25px 0;
            list-style: none;
            border-bottom: solid 1px #e6e6e6;
        }

            .help-centre-category .left-navigation ul li {
                padding: 3px 0;
            }

        .help-centre-category .left-navigation a {
            font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        }

            .help-centre-category .left-navigation a.active {
                color: #666;
                text-decoration: none;
            }

    .help-centre-category .question-outer {
        padding: 0;
    }

        .help-centre-category .question-outer h1.question-title {
            margin: 0;
            padding: 0 0 15px 0;
            color: #00AEEF;
            font-size: 1.5em;
        }

        .help-centre-category .question-outer p {
            padding: 8px 0;
        }

    .help-centre-category .hrline {
        border-top: solid 2px #eee;
    }

    .help-centre-category .questions-content h2 {
        font-size: 1.5em;
    }

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 100px;
    right: 10px;
    z-index: 10;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgb(0, 174, 235) url(../img/icons/cd-top-arrow.png) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

    .cd-top.cd-is-visible,
    .cd-top.cd-fade-out,
    .no-touch .cd-top:hover {
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s;
    }

    .cd-top.cd-is-visible {
        /* the button becomes visible */
        visibility: visible;
        opacity: 1;
    }

    .cd-top.cd-fade-out {
        /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
        opacity: 1;
    }

.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}
/**
* #.# Help Centre - Category Page
*
* Styles specific to the help centre category page - Tablet Portrait
*/

@media (min-width: 768px) {
    .help-centre-category {
        padding: 0 0 200px 0;
    }

        .help-centre-category .category-header h1 {
            padding: 20px 0 10px 0;
            font-size: 2.5em;
        }

        .help-centre-category .breadcrumbs {
            padding: 0 0 6px 0;
        }

        .help-centre-category .category-header p.lead {
            padding: 0 0 25px 0;
        }
        /** Left Navigation **/

        .help-centre-category .left-nav-wrapper {
            margin: 36px 0 0 0;
            border-top: solid 5px #00aeef;
        }

            .help-centre-category .left-nav-wrapper .left-nav-inner {
                padding: 0 10px 10px 10px;
                border-right: solid 1px #e6e6e6;
                border-bottom: solid 1px #e6e6e6;
                border-left: solid 1px #e6e6e6;
            }

            .help-centre-category .left-nav-wrapper h2 {
                margin: 0;
                padding: 10px 0 5px 0;
                font-size: 1.125em;
            }

        .help-centre-category .left-navigation ul {
            margin: 0;
            padding: 0;
            border: none;
        }

            .help-centre-category .left-navigation ul li {
                padding: 2px 0;
            }

        .help-centre-category .questions-content {
            margin-top: 30px;
        }
        /** Question **/

        .help-centre-category .question-outer {
            padding: 0;
        }

            .help-centre-category .question-outer h1.question-title {
                font-size: 2em;
                color: #6D6E71;
            }
}
/**
* #.# Help Centre - Category Page
*
* Styles specific to the help centre category page - Tablet Landscape & Medium Desktops
*/

@media (min-width: 992px) {
    .help-centre-category .category-header h1 {
        padding: 26px 0 11px 0;
    }

    .help-centre-category .breadcrumbs {
        padding: 0 0 12px 0;
    }

    .help-centre-category .category-header p.lead {
        padding: 0 0 27px 0;
    }
}
/**
* #.# Help Centre - Category Page
*
* Styles specific to the help centre category page - Tablet Landscape & Medium Desktops
*/

@media (min-width: 1180px) {
    .help-centre-category .left-nav-wrapper h2 {
        padding: 21px 0 10px 0;
    }

    .help-centre-category .left-nav-wrapper .left-nav-inner {
        padding: 0 24px 24px 24px;
        border-right: solid 1px #e6e6e6;
        border-bottom: solid 1px #e6e6e6;
        border-left: solid 1px #e6e6e6;
    }

    .help-centre-category .left-navigation ul li {
        padding: 5px 0;
    }

    .help-centre-category .question-outer h1.question-title {
        color: #6D6E71;
    }

    .help-centre-category .question-content h3 {
        font-size: 1.5em;
    }
}
/**
* #.# Phone List Page -
*
* Styles specific to the phone list page
*/

.phone-list-page.section-heading {
    padding: 30px 0 0 0;
}

    .phone-list-page.section-heading .phone-box .phone-name {
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
        overflow: hidden;
        margin-left: 24px;
        margin-right: 24px;
        padding-top: 24px;
    }

    .phone-list-page.section-heading h1 {
        font-size: 2.25em;
    }

.phone-list-page .lead {
    margin: auto;
    width: 85%;
    font-size: 1.125em;
}

.phone-list-page .phone-list-banner-heading {
    margin: 0 auto 20px auto;
}

.phone-list-page.section-heading .container {
    padding: 0;
}

.phone-list-page.section-heading .row {
    margin: 0;
}

    .phone-list-page.section-heading .row .col-md-12 {
        padding: 0;
    }

.phone-list-page.section-heading .phone-box {
    margin: 0 32px;
}

    .phone-list-page.section-heading .phone-box .phone-inner {
        padding: 0;
        height: 420px;
        border-radius: 3px;
        border: none;
        box-shadow: 2px 2px 2px 2px rgba(143, 139, 139, 0.3);
    }

.prepay-phones-wrapper .phone-list-page.section-heading .phone-box .phone-inner {
    height: 350px;
}

.phone-list-page.section-heading .phone-box .phone-price {
    margin: 0 24px 14px 24px;
}

    .phone-list-page.section-heading .phone-box .phone-price span {
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

.phone-list-page.section-heading .owl-theme .owl-controls .owl-pagination {
    margin: 15px 0 10px 0;
}

.phone-list-page.section-heading .owl-theme .owl-controls .owl-page span {
    width: 15px;
    height: 15px;
    margin: 0 4px 0 5px;
    background: #fff;
}

.phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-prev,
.phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-next {
    padding: 0;
    margin-top: -20px;
}

.owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-prev .left-arrow {
    display: block;
    width: 28px;
    height: 47px;
    background: url("../img/arrows/img_arrows_phonelist.png") 0 -72px;
}

.owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-next .right-arrow {
    display: block;
    width: 28px;
    height: 47px;
    background: url("../img/arrows/img_arrows_phonelist.png") -28px -72px;
}

.phone-list-page.section-heading .phone-box .phone-inner .phone-plan-features {
    margin: auto;
    max-width: 75%;
}

.phone-list-page.section-heading .phone-box .phone-img-frame img {
    height: 340px;
}

.phone-list-page.section-heading .phone-box .NoImage {
    height: auto;
    background: none;
    padding: 0;
}

    .phone-list-page.section-heading .phone-box .NoImage img {
        height: 300px;
    }
/******************/

.container.phone-list-container {
    padding-left: 21px;
    padding-right: 21px;
}

.phone-list-container .tmi-tab-nav li:last-child {
    /*float:right;*/
    margin: 0 -2px -1px 0;
}

@media (max-width: 480px) {
    .phone-list-container .tmi-tab-nav li:last-child {
        width: 100%;
        margin-top: 3px;
    }
}

.phone-list-container .tmi-tab-nav li a {
    /*padding:10px 0 10px 13px;*/
    padding: 10px 5px 10px 5px;
    text-align: center;
}

@media (max-width: 480px) {
    .phone-list-container .tmi-tab-nav li:last-child {
        width: 33.3%;
        margin-top: 0px;
    }

        .phone-list-container .tmi-tab-nav li:last-child a {
            margin-right: 0px;
        }
}

.phone-list-container .tab-content .row {
    padding: 0 10px;
}

.phone-list-container .row.phonelist-filter-button {
    margin: 0;
    padding: 0 10px;
}

    .phone-list-container .row.phonelist-filter-button button {
        display: block;
        margin: 0 0 0 0;
        padding: 10px 0;
        width: 100%;
        border: solid 1px #ececec;
        text-align: left;
        color: #19D769;
    }

        .phone-list-container .row.phonelist-filter-button button:focus {
            outline: 0px auto #e0e1e5;
        }

        .phone-list-container .row.phonelist-filter-button button:before {
            margin: 0 12px;
            content: "\f0da";
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .phone-list-container .row.phonelist-filter-button button.open:before {
            margin: 0 8px 0 12px;
            content: "\f0d7";
        }

        .phone-list-container .row.phonelist-filter-button button:active {
            box-shadow: none;
        }

.phone-list-container #filterPhoneList .filter-wrap {
    position: relative;
    z-index: 10;
    background: #fff;
    margin: -5px 10px 0 10px;
    padding: 15px;
    border: solid 1px #ececec;
    border-top: 0;
}

.phone-list-container #filterPhoneList.custom-select {
    border: solid 1px #edeef2;
}

@media (min-width: 768px) {
    .phone-list-container #filterPhoneList .custom-select {
        border: none;
    }
}

.phone-list-container #filterPhoneList .btn {
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.phone-list-container .tab-content {
    margin: 15px 0 0 0;
}

.phone-list-container .phone-box .phone-price span {
    font-size: 1.125em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.prepay-phones-wrapper .calltoactions-wrapper {
    margin: 10px 0 50px 0;
}

    .prepay-phones-wrapper .calltoactions-wrapper .row {
        margin: 0 8px;
    }

.container.phone-list-container .phone-box .phone-inner {
    height: 395px;
}

.container.phone-list-container .NoImage {
    height: auto;
    padding: 0;
    background: none;
    display: inline;
}
/**
* #.# Phone List Page 
*
* styles for Phone List Page  - Tablet
*/

@media (min-width: 768px) {
    .phone-list-page.section-heading .container {
        width: 100%;
    }

    .phone-list-page.section-heading h1 {
        font-size: 3em;
    }

    .phone-list-page .lead {
        width: 85%;
    }

    .phone-list-page .phone-list-banner-heading {
        margin: 0 auto 25px auto;
    }

    .phone-list-page.section-heading .phone-box {
        margin: 0 10px;
    }

    .phone-list-page.section-heading .row .col-md-12 {
        padding: 0 18px;
    }

    .phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-prev {
        left: -28px;
    }

    .phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-next {
        right: -28px;
    }

    .phone-list-page.section-heading .owl-theme .owl-controls .owl-pagination {
        margin: 25px 0 20px 0;
    }

    .container.phone-list-container {
        padding-left: 12px;
        padding-right: 12px;
        width: 100%;
    }

    .phone-list-container .tmi-tab-nav {
        margin: 30px 0 0 0;
    }

        .phone-list-container .tmi-tab-nav li:last-child {
            float: left;
            margin: 0 -2px -1px 0px;
        }

        .phone-list-container .tmi-tab-nav li a {
            padding: 15px 0 15px 13px;
            font-size: 1.125em;
        }

    .phone-list-container #filterPhoneList .filter-wrap {
        margin: 16px 0 0 0;
        padding: 15px;
        background: #666666;
    }

        .phone-list-container #filterPhoneList .filter-wrap .btn {
            vertical-align: top;
        }

    .phone-list-container .tab-content {
        margin: 25px 0 0 0;
    }

        .phone-list-container .tab-content .row {
            padding: 0;
        }

        .phone-list-container .tab-content .col-lg-3 {
            padding-left: 6px;
            padding-right: 6px;
        }

    .container.phone-list-container .phone-box .phone-inner {
        height: 415px;
    }

    .calltoactions-wrapper-outer .container {
        width: 100%;
        padding: 0;
    }

    .calltoactions-wrapper-outer .calltoactions-wrapper .row {
        margin: 0;
    }

    .calltoactions-wrapper-outer .calltoactions-wrapper .cta-btn {
        padding: 0 5px;
    }

    .top-container {
        width: 700px;
        margin: 0 auto;
    }
}
/**
* #.# Phone List Page 
*
* styles for Phone List Page  - Tablet Landscape and Medium Desktops
*/

@media (min-width:768px) and (max-width:991px) {
    .container.phone-list-container.prepay-phones .phone-box .phone-inner,
    .container.phone-list-container .pre-pay-clearance .phone-box .phone-inner {
        padding: 15px 8px;
    }
}



@media (min-width: 992px) {
    .phone-list-page.section-heading h1 {
        font-size: 3.5625em;
    }

    .phone-list-page .lead {
        width: 60%;
    }

    .phone-list-page.section-heading {
        padding: 30px 0 40px 0;
    }

    .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-prev .left-arrow {
        display: block;
        width: 43px;
        height: 72px;
        background: url("../img/arrows/img_arrows_phonelist.png") 0 0;
    }

    .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-next .right-arrow {
        display: block;
        width: 43px;
        height: 72px;
        background: url("../img/arrows/img_arrows_phonelist.png") -43px 0;
    }

    .phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-prev {
        left: -52px;
    }

    .phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-next {
        right: -52px;
    }

    .container.phone-list-container .phone-box .phone-inner {
        height: 490px;
    }

    .container.phone-list-container.prepay-phones .phone-box .phone-inner,
    .container.phone-list-container .pre-pay-clearance .phone-box .phone-inner {
        height: 400px;
    }
}
/**
* #.# Phone List Page 
*
* styles for Phone List Page  - Large Desktops
*/

@media (min-width: 1180px) {
    .phone-list-page .lead {
        width: 35%;
    }

    .phone-list-container .tab-content .col-lg-3 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .prepay-phones-wrapper .calltoactions-wrapper {
        margin: 30px 0 50px 0;
    }

    .phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-prev {
        left: -35px;
    }

    .phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-next {
        right: -35px;
    }

    .phone-list-page.section-heading .phone-box {
        margin: 0 0px;
    }
}

@media (min-width: 1300px) {
    .phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-prev {
        left: -46px;
    }

    .phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-next {
        right: -46px;
    }
}
/**
* #.# Plans Landing Page
*
* specifc styles for plans landing page
*/

.plan-landing-page {
}

.prepay-plans-page,
.sim-only-plans-page {
    padding: 0 0 40px 0;
}

.plan-button-wrap {
    display: none;
}

.bill-pay-plans .lead {
    display: none;
}

.plan-landing-page .plans-title {
    margin: 0 40px 30px 40px;
    color: #6d6e71;
    font-size: 22px;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    background: url(../img/borders/img_grey_dot_2.gif) 0 50% repeat-x;
}

    .plan-landing-page .plans-title .contract-length {
        padding: 0 15px;
        background: #fff;
    }
/** Bill pay and sim only - Slider Styles */

.plan-landing-page .owl-carousel .owl-controls .owl-buttons div {
    padding: 10px 5px;
    background: #00AEEF;
    z-index: 0;
    border-radius: 0;
    font-size: 1.5em;
    opacity: 1;
    margin: 0;
    display: block;
    position: relative;
}

.plan-landing-page .owl-carousel .owl-buttons i {
    margin-top: 2px;
    color: #fff;
}

.plan-landing-page .owl-carousel .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%, -100%);
    /*positions the arrows  center*/
}

.plan-landing-page .owl-carousel .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -100%);
}

.plan-landing-page .section-heading {
    padding: 0 0 23px 0;
    background: url("../img/swoosh/img_section_heading_mobile.gif") no-repeat 0 0;
}

@media only screen and (max-width: 414px) {
    .plan-landing-page .section-heading {
        background-size: cover;
    }
}

.plan-landing-page .section-heading .row {
    margin: 0;
}

.plan-landing-page .section-heading h1 {
    padding: 29px 0 3px 0;
    font-size: 1.5em;
}

.plan-landing-page .section-heading p.lead {
    margin: 0;
    padding: 0 32px;
    font-size: 1em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    line-height: 1.6;
}

@media (min-width: 320px) and (max-width: 320px) {
    .plan-landing-page .section-heading p.lead {
        padding: 0 16px;
    }
}
/** Bill Plans **/

.plan-landing-page .bill-pay-plans {
    padding: 0 0 30px 0;
}

    .plan-landing-page .bill-pay-plans .container {
        padding: 0;
        width: 970px;
        max-width: 970px;
        min-width: 970px;
    }

@media (max-width: 800px) and (min-width: 300px) {
    .plan-landing-page .bill-pay-plans .container {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .owl-bill-pay.owl-carousel .owl-wrapper {
        margin-left: 0 !important;
    }
}

.plan-landing-page .bill-pay-plans h1 {
    margin: 0;
    padding: 16px 0 22px 0;
    font-size: 1.5em;
}

.plan-landing-page .bill-pay-plans .plan-box {
    margin: 40px;
}

.plan-landing-page .bill-pay-plans .plan-inner {
    margin: 0;
    padding: 45px 10px 10px 10px;
}

.plan-landing-page .bill-pay-plans .plan-hightlight {
    margin: 0;
    padding: 45px 10px 10px 10px;
}

.plan-landing-page .bill-pay-plans .plan-link-btn,
.plan-landing-page .bill-pay-plans .plan-link-highlight-btn {
    margin: 26px 0 0 0;
    padding: 0;
    width: 100%;
}

    .plan-landing-page .bill-pay-plans .plan-link-btn,
    .plan-landing-page .bill-pay-plans .plan-link-highlight-btn a {
        padding: 20px 0;
    }

    .plan-landing-page .bill-pay-plans .plan-link-highlight-btn a {
        color: #fff;
    }
/** Prepay Plans **/

.plan-landing-page .prepay-plans {
    padding: 0 0 24px 0;
}

    .plan-landing-page .prepay-plans .container {
        padding: 0 38px;
    }

    .plan-landing-page .prepay-plans .row {
        margin: 0;
    }

    .plan-landing-page .prepay-plans h1 {
        margin: 0;
        padding: 22px 0;
        font-size: 1.5em;
    }

    .plan-landing-page .prepay-plans .plan-details-container {
        margin: 0 auto 22px auto;
    }

    .plan-landing-page .prepay-plans .plan-details-box .plan-details {
        font-size: 1em;
    }

        .plan-landing-page .prepay-plans .plan-details-box .plan-details ul {
            margin: 0;
        }

    .plan-landing-page .prepay-plans .plan-details-box .plan-price {
        margin: 15px 0 0 0;
    }

    .plan-landing-page .prepay-plans a.plan-button,
    .plan-landing-page .prepay-plans a.plan-button-primary {
        border: 3px solid #00AEEF;
        border-radius: 2px;
        margin: 4px 0;
        padding: 20px;
        width: 100%;
        font-size: 1.125em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        text-decoration: none;
        display: inline-block;
    }

    .plan-landing-page .prepay-plans .topup {
        margin: 11px 0 0 0;
    }

        .plan-landing-page .prepay-plans .topup p {
            margin: 0;
        }
/** Sim-only Plans **/

.plan-landing-page .sim-only-plans {
    padding: 0;
}

    .plan-landing-page .sim-only-plans .container {
        padding: 0 30px;
    }

    .plan-landing-page .sim-only-plans .row {
        margin: 0;
        text-align: center;
    }

    .plan-landing-page .sim-only-plans h1 {
        margin: 0;
        padding: 22px 0;
        font-size: 1.5em;
    }

    .plan-landing-page .sim-only-plans .plans-title {
        margin: 0 0 20px 0;
    }

    .plan-landing-page .sim-only-plans .plan-box {
        margin: 0;
    }

    .plan-landing-page .sim-only-plans .plan-inner {
        margin: 0 0 20px 0;
    }

    .plan-landing-page .sim-only-plans .plan-price {
        padding-bottom: 11px;
        border-bottom: solid 1px #81d8f6;
    }

        .plan-landing-page .sim-only-plans .plan-price h3 {
            font-size: 2.25em;
        }

        .plan-landing-page .sim-only-plans .plan-price p {
            margin: -5px 0 0 0;
            font-size: 1.125em;
            font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        }

    .plan-landing-page .sim-only-plans ul.plan-terms {
        font-size: 1em;
        margin: 10px 0 5px 0;
    }

    .plan-landing-page .sim-only-plans .plan-hightlight ul.plan-terms li {
        border: none;
    }

    .plan-landing-page .sim-only-plans ul.plan-terms li {
        padding: 0;
        line-height: 1.5em;
    }

    .plan-landing-page .sim-only-plans .plan-hightlight {
        padding: 10px;
    }

    .plan-landing-page .sim-only-plans .plan-inner span.bottom-caret {
        bottom: -10px;
    }

    .plan-landing-page .sim-only-plans .plan-hightlight span.bottom-caret {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #00AEEF;
    }

    .plan-landing-page .sim-only-plans .month12 .plan-link-highlight-btn {
        margin: 0 0 35px 0;
        padding: 0;
    }

    .plan-landing-page .sim-only-plans .plan-link-highlight-btn a {
        padding: 20px 0;
        color: #fff;
    }

    /* 12 Month Plan */

    .col-md-8.col-lg-8.month12 {
        margin: auto;
        display: inline-block;
        float: none;
    }

    .plan-box.text-center.month12-wide {
        width: 380px !important;
        margin-bottom: 50px !important;
    }

        .plan-box.text-center.month12-wide .plan-hightlight {
            padding: 45px 20px 45px 20px;
            border-radius: 3px;
        }

        .plan-box.text-center.month12-wide .plan-link-highlight-btn {
            width: 100%;
        }

        @media only screen and (max-width: 480px) {
            .plan-box.text-center.month12-wide {
                width: 100% !important;
            }
        }

        .set-width {
            width: auto !important;
            display: inline-block !important;
        }

    /** 30 Days plan*/

    .plan-landing-page .sim-only-plans .days30 .plan-box {
        margin: 0 5px;
    }

    .plan-landing-page .sim-only-plans .days30 .plan-price {
        margin: auto;
        width: 70%;
        padding-bottom: 11px;
        border-bottom: solid 1px #cacdd2;
    }

    .plan-landing-page .sim-only-plans .days30 ul.plan-terms {
        margin-bottom: 10px;
    }

        .plan-landing-page .sim-only-plans .days30 ul.plan-terms li {
            border: none;
        }

    .plan-landing-page .sim-only-plans .days30 .plan-link-highlight-btn {
        margin: 0 auto 0 auto;
        padding: 0;
        width: 65%;
        border-radius: 4px;
    }

        .plan-landing-page .sim-only-plans .days30 .plan-link-highlight-btn a {
            padding: 17px 0;
            color: #fff;
        }

    .plan-landing-page .sim-only-plans .owl-carousel .owl-controls .owl-buttons i {
        margin-top: 2px;
        color: #fff;
        top: 0;
        font-size: 100%;
    }

    .plan-landing-page .sim-only-plans .owl-carousel .owl-controls .owl-buttons div {
        margin-top: -20px;
    }

    .plan-landing-page .sim-only-plans .owl-carousel .owl-controls .owl-buttons .owl-prev {
        left: -28px;
    }

    .plan-landing-page .sim-only-plans .owl-carousel .owl-controls .owl-buttons .owl-next {
        right: -28px;
    }

    .plan-landing-page .sim-only-plans .plan-link-btn {
        padding: 0;
    }

        .plan-landing-page .sim-only-plans .plan-link-btn a {
            padding: 20px 0;
        }

    .plan-landing-page .sim-only-plans .days30 .plan-link-btn {
        background: #00AEEF;
    }

        .plan-landing-page .sim-only-plans .days30 .plan-link-btn a {
            color: #fff;
        }

i.correct-size {
    font-size: 28px !important;
    top: 0px !important;
}

#billpay-block-slider {
    margin: 0 auto;
}

    #billpay-block-slider .owl-controls .owl-buttons .owl-prev {
        left: 12px;
    }

    #billpay-block-slider .owl-controls .owl-buttons .owl-next {
        right: 12px;
    }


/** Cta Actions **/

.plan-landing-page .cta-actions strong {
    font-size: 1.125em;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-weight: normal;
}
/** Call to Actions Wrapper **/

.plan-landing-page .calltoactions-wrapper {
    margin: 20px 0;
}

    .plan-landing-page .calltoactions-wrapper .cta-btn {
        margin: 0 0 20px 0;
    }
/**
* #.# Plans Landing Page
*
* specifc styles for plans landing page - Tablet Portrait
*/



@media only screen and (min-width: 768px) {
    .plan-landing-page .owl-carousel .owl-controls .owl-buttons .owl-prev {
        left: 40px;
    }

    .plan-landing-page .owl-carousel .owl-controls .owl-buttons .owl-next {
        right: 40px;
    }

    .plan-landing-page .section-heading {
        padding: 0 0 35px 0;
    }

    .plan-landing-page .section-heading {
        background: url("../img/swoosh/img_section_heading_tablet.gif") no-repeat 0 0;
    }

        .plan-landing-page .section-heading h1 {
            padding: 47px 0 10px 0;
            font-size: 3em;
        }

        .plan-landing-page .section-heading p.lead {
            margin: auto;
            padding: 0;
            width: 75%;
            font-size: 1.125em;
        }

    .plan-button-wrap {
        display: inline-block;
        margin: 20px 0 0 0;
    }

        .plan-button-wrap .btn {
            margin: 0 7px;
            padding: 11px 31px;
            color: #feffff;
            font-size: 1.125em;
            font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            border: solid 4px #f2f2f2;
        }

            .plan-button-wrap .btn:hover {
                color: #e9eaec;
                border: solid 4px #e9eaec;
            }

    /*.plan-landing-page .intro {
        width: 80%;
        margin: 0 auto;
    }*/

        /*.plan-landing-page .intro h2 {
            font-size: 2.5em;
            margin: 0 0 10px 0;
        }*/

        .plan-landing-page .intro .lead {
            display: block;
            font-size: 1.1em;
            font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        }
    /** Bill Pay Plans **/

    .plan-landing-page .bill-pay-plans {
        padding: 0;
    }

        .plan-landing-page .bill-pay-plans h1 {
            padding: 37px 0 8px 0;
            font-size: 2.25em;
        }

        .plan-landing-page .bill-pay-plans .owl-item {
            /*width:300px!important;*/
        }

        .plan-landing-page .bill-pay-plans .plan-box {
            margin: 0 5px 10px 5px;
        }

            .plan-landing-page .bill-pay-plans .plan-box.no-margin {
                margin: 0px !important;
                margin-bottom: 50px !important;
            }

                .plan-landing-page .bill-pay-plans .plan-box.no-margin .plan-inner {
                    margin: 25px;
                }

        .plan-landing-page .bill-pay-plans .plan-link-btn,
        .plan-landing-page .bill-pay-plans .plan-link-highlight-btn {
            margin: 26px auto 0 auto;
            width: 80%;
        }

    .plan-landing-page .more-plans {
        margin: 0 0 30px 0;
        padding: 0 15px 0 0;
        clear: both;
        text-align: right;
    }

        .plan-landing-page .more-plans a {
            font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            text-decoration: none;
        }

            .plan-landing-page .more-plans a:hover {
                text-decoration: underline;
            }

            .plan-landing-page .more-plans a span {
                display: inline-block;
                width: 8px;
                height: 13px;
                background: url("../img/arrows/icon_arrow_right_green.png") no-repeat;
                position: relative;
                top: 2px;
                right: -14px;
            }

    .plan-landing-page #owl-bill-pay-slider {
        margin-bottom: 70px;
    }

    .plan-landing-page .bill-pay-plans .plan-price p {
        margin-bottom: 30px;
    }
    /** Prepay Plans **/

    .plan-landing-page .prepay-plans {
        padding: 0 0 48px 0;
    }

        .plan-landing-page .prepay-plans h1 {
            padding: 45px 0 8px 0;
            color: #00AEEF;
            font-size: 2.25em;
        }

        .plan-landing-page .prepay-plans .lead {
            margin: 0 0 18px 0;
        }

        .plan-landing-page .prepay-plans h4 {
            margin: 0 0 16px 0;
            font-size: 1.5em;
        }

        .plan-landing-page .prepay-plans .plan-details-box {
            padding: 20px;
            border-radius: 3px;
        }

            .plan-landing-page .prepay-plans .plan-details-box .plan-price {
                margin: 0;
                width: 140px;
            }

                .plan-landing-page .prepay-plans .plan-details-box .plan-price h3 {
                    margin-left: -36px;
                }

                .plan-landing-page .prepay-plans .plan-details-box .plan-price p {
                    font-size: 1.5em;
                    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
                    margin: -5px 0 0 -35px;
                }

            .plan-landing-page .prepay-plans .plan-details-box .plan-details ul {
                margin: 8px 0 18px 0;
            }

                .plan-landing-page .prepay-plans .plan-details-box .plan-details ul li {
                    border: 0;
                    font-size: 18px;
                    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
                }

        .plan-landing-page .prepay-plans .plan-details-container, .plan-details-container {
            width: 95%;
        }

        .plan-landing-page .prepay-plans .plan-details-hightlight span.bottom-caret {
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            bottom: -10px;
        }

        .plan-landing-page .prepay-plans .plan-details-box .plan-details {
            width: 380px;
            padding-left: 25px;
            border-left: solid 1px #40c2f3;
        }

        .plan-landing-page .prepay-plans a.plan-button,
        .plan-landing-page .prepay-plans a.plan-button-primary {
            width: 70% !important;
        }
    /** Sim-only plans **/

    .plan-landing-page .sim-only-plans h1 {
        padding: 32px 0 8px 0;
        font-size: 2.25em;
    }

    .plan-landing-page .sim-only-plans .lead {
        margin: 0 0 30px 0;
    }

    .plan-landing-page .sim-only-plans .sim-only-plan-title {
        margin: 0 0 10px 0;
        font-size: 1.5em;
    }

    .plan-landing-page .sim-only-plans .month12 .plan-box {
        margin: auto;
        width: 60%;
    }

    .plan-landing-page .sim-only-plans .plan-hightlight {
        padding: 10px 20px 10px 20px;
    }

    .plan-landing-page .cta-actions {
        margin: 40px 0 0 0;
    }

        .plan-landing-page .cta-actions .container {
            border-top: solid 1px #c5c5c5;
        }

    .plan-landing-page .calltoactions-wrapper {
        margin: 20px 0 10px 0;
    }

        .plan-landing-page .calltoactions-wrapper .container {
            padding: 45px 0 0 0;
            border-top: solid 1px #c5c5c5;
        }

        .plan-landing-page .calltoactions-wrapper .cta-btn {
            float: left;
            width: 50%;
        }

    .plan-landing-page .sim-only-plans .days30 .plan-link-btn {
        background: #fff;
    }

        .plan-landing-page .sim-only-plans .days30 .plan-link-btn a {
            color: #00AEEF;
        }

    .top-container {
        width: 600px !important;
        margin: 0 auto;
    }

    .prepay-wide {
        width: 98%;
    }

        .prepay-wide .plan-details-box {
            border-radius: 3px;
        }

    .prepay-option-heading {
        margin-bottom: 30px;
        margin-top: 50px;
        font-size: 2.5rem !important;
    }

    /*.option-block {
        background-color: #eaedf2;
        border: 1px solid #cccccc;
        border-radius: 3px;
        padding: 10px 0px;
        width: 60% !important;
        margin: 0 auto 50px auto;
    }*/

    .prepay-h4 {
        letter-spacing: normal;
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif !important;
    }

    .prepay-option-boxes {
        margin: 50px 0px 0px 0px;
    }

    .no-padding {
        padding: 0;
    }

    .btn-primary-transparent {
        color: #fff;
        background-color: transparent;
        border: none;
    }

    .half-width-btn {
        width: 55% !important;
    }

        .half-width-btn:hover {
            cursor: pointer;
        }

        .half-width-btn input[type="submit"] {
            padding: 6px !important;
        }

    .prepay-option-heading-2 {
        margin-bottom: 50px;
    }

    .video-section-block {
        margin-top: 50px;
    }

    .tc-text-btm {
        margin-top: 50px;
    }

    .sign-up-section {
        background-color: #f2f9fc;
        padding: 50px 0px;
    }

    .tesco-grey {
        color: #6d6e71 !important;
    }

    .customer-section-box {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .right-split {
        border-right: 1px solid rgba(0,0,0,0.1);
    }

    img.sim-image {
        margin: 10px 0px;
    }

    .prepay-colored-bg {
        background: url(/img/landing-pages/4g-bg-wide.jpg);
        background-repeat: none;
        background-size: cover;
        padding: 30px 0px 50px 0px;
        font-size: 2.5rem;
        color: #fff;
    }

        .prepay-colored-bg a {
            color: #fff !important;
        }

    .prepay-title {
        margin-bottom: 25px !important;
    }

    .prepay-list-bold {
        font-weight: 700;
    }

    .prepay-adjust h3 {
        font-size: 4em;
    }

    .no-top-padding {
        padding-top: 0px !important;
    }

    .mobile-swap-2, .mobile-swap-4 {
        margin: 0 !important;
    }

    #billpay-block-slider .plan-inner {
        min-height: 335px;
    }
}

@media only screen and (min-width: 320px) {

    .contactForm .forms-wrapper .formLabel.short-label {
        text-align: left;
    }

    .contactForm.short-wrapper {
        width: 300px;
        margin: 25px auto;
    }

    .top-container {
        width: 100%;
        margin: 0 auto;
    }

    .prepay-wide {
        width: 98%;
    }

        .prepay-wide .plan-details-box {
            border-radius: 3px;
        }

    .prepay-option-heading {
        margin-bottom: 30px;
        font-size: 3rem;
        margin-top: 50px;
    }

    /*.option-block {
        background-color: #eaedf2;
        border: 1px solid #cccccc;
        border-radius: 3px;
        padding: 10px 0px;
        width: 100%;
        margin: 0 auto 50px auto;
    }*/

    .prepay-h4 {
        letter-spacing: normal;
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif !important;
    }

    .prepay-option-boxes {
        margin: 50px 0px 0px 0px;
    }

    .btn-primary-transparent {
        color: #fff;
        background-color: transparent;
        border: none;
    }

    .half-width-btn {
        width: 72% !important;
    }

        .half-width-btn:hover {
            cursor: pointer;
        }

        .half-width-btn input[type="submit"] {
            padding: 6px !important;
        }

    .prepay-option-heading-2 {
        margin-bottom: 0px;
        font-size: 2.6rem;
    }

    .mobile-swap-2, .mobile-swap-4 {
        margin: 30px 0px 20px 0px
    }

    .video-section-block {
        margin-top: 50px;
    }

    .tc-text-btm {
        margin-top: 50px;
    }

    .sign-up-section {
        background-color: #f2f9fc;
        padding: 50px 0px;
        width: 100%;
        margin: 0;
    }

    .alert-info {
        text-align: left;
    }

    .tesco-grey {
        color: #6d6e71 !important;
    }

    .customer-section-box {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .right-split {
        border-right: 1px solid rgba(0,0,0,0.1);
    }

    img.sim-image {
        margin: 10px 0px;
    }

    @media only screen and (max-width: 320px) {
        img.sim-image {
            width: 100%;
        }
    }

    .prepay-colored-bg {
        background: url(/img/landing-pages/4g-bg-wide.jpg);
        background-repeat: none;
        background-size: cover;
        padding: 30px 0px 50px 0px;
        font-size: 2.5rem;
        color: #fff;
    }

        .prepay-colored-bg a {
            color: #fff !important;
        }

    .prepay-title {
        margin-bottom: 25px !important;
    }

    .prepay-list-bold {
        font-weight: 700;
    }

    .prepay-adjust h3 {
        font-size: 4em;
    }

    .no-top-padding {
        padding-top: 0px !important;
    }
}
/**
* #.# Plans Landing Page
*
* specifc styles for plans landing page - Tablet Landscape & Medium Desktops
*/

ul.terms_summary {
    width: 60%;
    margin-left: 20%;
    text-align: left;
    margin-bottom: 35px;
    margin-top: 20px;
    margin-right: 20%;
}

img.ping-icon-4g.more-top.small-4g-icon {
    width: 44px;
}

.plan-landing-page .sim-only-plans .row .col-md-8.days30 .plan-inner {
    min-height: 260px;
}

@media only screen and (max-width: 340px) {
    .owl-theme .owl-controls .owl-buttons div.owl-prev i {
        left: -5px !important;
    }

    .owl-theme .owl-controls .owl-buttons div.owl-next i {
        left: 5px !important;
    }
}

@media (min-width: 992px) {
    .plan-landing-page .section-heading {
        padding: 0 0 53px 0;
        background: url("../img/swoosh/img_section_heading_desktop.gif") no-repeat 0 0;
    }

        .plan-landing-page .section-heading h1 {
            padding: 44px 0 14px 0;
            font-size: 3.5625em;
        }

        .plan-landing-page .section-heading p.lead {
            width: 55%;
        }
    /** Bill Pay Plans **/

    .plan-landing-page .bill-pay-plans .intro {
        width: 55%;
        margin: 0 auto;
    }

    .plan-landing-page .bill-pay-plans h1 {
        padding: 41px 0 20px 0;
        font-size: 3em;
    }

    .plan-landing-page .bill-pay-plans .lead {
        margin-bottom: 30px;
    }

    .plan-landing-page .bill-pay-plans .owl-item {
        width: 305px !important;
    }

    .plan-landing-page .bill-pay-plans .plan-box {
        margin: 0 10px 10px 10px;
    }

    .plan-landing-page .bill-pay-plans .plan-link-btn,
    .plan-landing-page .bill-pay-plans .plan-link-highlight-btn {
        margin: 40px auto 0 auto;
        width: 90%;
    }

    .plan-landing-page .more-plans {
        margin: 0 0 40px 0;
    }

    .plan-landing-page #owl-bill-pay-slider {
        margin-bottom: 0;
    }

    .plan-landing-page .bill-pay-plans .plan-inner span.bottom-caret {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
    }

    .plan-landing-page .bill-pay-plans .owl-bill-pay.owl-carousel .owl-wrapper-outer {
        overflow: initial;
    }

    .plan-landing-page .bill-pay-plans .owl-bill-pay.owl-carousel .owl-wrapper {
        width: 980px !important;
    }

    .plan-landing-page .bill-pay-plans .plan-hightlight {
        margin: -12px;
        padding-bottom: 34px;
    }

    .plan-landing-page .bill-pay-plans .plan-box.no-margin .plan-hightlight {
        margin: -12px 0px 0px 0px !important;
        padding-bottom: 34px;
    }

    .plan-landing-page .bill-pay-plans .plan-box.no-margin .plan-inner {
        margin: 0px;
    }

    .plan-landing-page .bill-pay-plans .plan-link-highlight-btn {
        margin-top: 28px;
    }

    .plan-landing-page .bill-pay-plans .plan-price p {
        margin-bottom: 10px;
    }
    /** Prepay Plans **/

    .plan-landing-page .prepay-plans h1 {
        padding: 41px 0 20px 0;
        font-size: 3em;
    }

    .plan-landing-page .prepay-plans .intro {
        width: 62%;
        margin: 0 auto;
    }

    .plan-landing-page .prepay-plans a.plan-button,
    .plan-landing-page .prepay-plans a.plan-button-primary {
        width: 40% !important;
    }

    .plan-landing-page .prepay-plans .plan-details-container, .plan-details-container {
        width: 63%;
    }

    /*.option-block {
        background-color: #eaedf2;
        border: 1px solid #cccccc;
        border-radius: 3px;
        padding: 10px 0px;
        width: 100% !important;
        margin: 0 auto 50px auto;
    }*/

    .prepay-wide {
        width: 100%;
    }

    .videotitle4g {
        font-size: 0.8em !important;
    }

    /** Sim Only Plans **/

    .plan-landing-page .sim-only-plans h1 {
        padding: 41px 0 20px 0;
        font-size: 3em;
    }

    .plan-landing-page .sim-only-plans .intro {
        width: 52%;
        margin: 0 auto;
    }

    .plan-landing-page .sim-only-plans .col-md-6 {
        padding: 0 12px;
    }

    .plan-landing-page .sim-only-plans .month12 .plan-box {
        margin: auto;
        width: 100%;
    }

    .plan-landing-page .sim-only-plans .col-md-7.days30 .owl-wrapper {
        width: 100% !important;
    }

    .plan-landing-page .sim-only-plans .col-md-7.days30 .owl-item {
        width: 168px !important;
    }

    .plan-landing-page .sim-only-plans .month12 .plan-link-highlight-btn {
        margin: 25px 0 0 0;
        padding: 0;
    }

    .plan-landing-page .calltoactions-wrapper .cta-btn {
        float: none;
        width: 40%;
    }

    .plan-landing-page .sim-only-plans .plan-price {
        border-bottom: solid 1px #0099d2;
    }

    .plan-landing-page .sim-only-plans .row .col-md-8.days30 {
        display: inline-block;
        margin: auto;
        float: none;
    }
    /*  .plan-landing-page .sim-only-plans .row .col-md-8.days30 .owl-item {
            width: 240px !important;
        }*/

    .plan-landing-page .plans-title {
        margin: 0 10px 30px 10px;
    }
}
/* added media query as the owl item boxes were feb 2016 mog*/

@media (min-width: 1000px) {
    .plan-landing-page .sim-only-plans .row .col-md-8.days30 .owl-item {
        /* width: 195px !important; */
    }
}
/**
* #.# Plans Landing Page
*
* specifc styles for plans landing page - Large Desktops
*/

@media (max-width: 414px) {
    .plan-landing-page .bill-pay-plans .container {
        padding: 0;
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
}

@media (min-width: 1180px) {
    .plan-landing-page .section-heading {
        background: #eff1f7 url("../img/swoosh/img_section_heading_desktop.gif") no-repeat 0 0;
        background-position: 50% 0;
    }

    .plan-landing-page .bill-pay-plans .owl-bill-pay.owl-carousel .owl-wrapper {
        width: 970px !important;
    }

    .plan-landing-page .bill-pay-plans .owl-item {
        width: 300px !important;
    }
    /** Prepay Plans **/

    .plan-landing-page .prepay-plans .plan-details-container, .plan-details-container {
        width: 53%;
    }

    .top-container {
        width: 765px !important;
        margin: 0 auto;
    }

    .prepay-wide {
        width: 80%;
    }

        .prepay-wide .plan-details-box {
            border-radius: 3px;
        }

    .prepay-option-heading {
        margin-bottom: 30px;
        margin-top: 50px;
        font-size: 1.8rem !important;
    }

    /*.option-block {
        background-color: #eaedf2;
        border: 1px solid #cccccc;
        border-radius: 3px;
        padding: 10px 0px;
        width: 100% !important;
        margin: 0 auto;
    }*/

    .prepay-h4 {
        letter-spacing: normal;
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif !important;
    }

    .prepay-option-boxes {
        margin: 50px 0px;
    }

    .btn-primary-transparent {
        color: #fff;
        background-color: transparent;
        border: none;
    }

    .half-width-btn {
        width: 65% !important;
    }

        .half-width-btn:hover {
            cursor: pointer;
        }

        .half-width-btn input[type="submit"] {
            padding: 6px !important;
        }

    .prepay-option-heading-2 {
        margin-bottom: 0px;
        font-size: 1.5rem;
    }

    .mobile-swap-2 {
        margin: 0;
    }

    .no-padding {
        padding: 0 12px;
    }


    .video-section-block {
        margin-top: 50px;
    }

    .tc-text-btm {
        margin-top: 50px;
    }

    .sign-up-section {
        background-color: #f2f9fc;
        padding: 50px 0px;
    }

    .tesco-grey {
        color: #6d6e71 !important;
    }

    .customer-section-box {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .right-split {
        border-right: 1px solid rgba(0,0,0,0.1);
    }

    img.sim-image {
        margin: 10px 0px;
    }

    .prepay-colored-bg {
        background: url(/img/landing-pages/4g-bg-wide.jpg);
        background-repeat: none;
        background-size: cover;
        padding: 30px 0px 50px 0px;
        color: #fff;
    }

        .prepay-colored-bg a {
            color: #fff !important;
        }

    .prepay-title {
        margin-bottom: 25px !important;
    }

    .prepay-list-bold {
        font-weight: 700;
    }

    .prepay-adjust h3 {
        font-size: 4em;
    }

    .no-top-padding {
        padding-top: 0px !important;
    }

    .videotitle4g {
        font-size: 1.2em !important;
    }

    /** Sim only plans **/

    .plan-landing-page .sim-only-plans .days30 .plan-box {
        margin: 20px 10px 0 0;
    }

    .plan-landing-page .sim-only-plans .col-md-7.days30 .owl-item {
        /* width: 238px!important; */
        background: pink;
    }

    .plan-landing-page .calltoactions-wrapper .cta-btn {
        float: none;
        width: 33%;
    }
}
/* added media query as the owl item boxes were */

@media (min-width: 1200px) {
    .plan-landing-page .sim-only-plans .row .col-md-8.days30 .owl-item {
        /* width: 240px !important; */
    }
}

@media (min-width: 1400px) {
    .plan-landing-page .sim-only-plans .row .col-md-8.days30 .owl-item {
        /* width: 254px !important; */
    }

    .plan-landing-page .plans-title {
        margin: 0 0 30px 0;
        width: 970px;
    }

    .sim-only-plans .plans-title {
        margin: 0 0 30px 0;
        width: 100%;
    }
}
/**
* #.# Plans Landing Page
*
* specifc styles for plans landing page - Large Desktops
*/
/**/

@media (min-width: 1500px) {
    .plan-landing-page .sim-only-plans .col-md-7.days30 .owl-item {
        width: 250px !important;
    }
}
/**
* #.# Order Selection
*
* specifc styles for order selection page
*/

.order-selection .show-hide-phone-description .hide-desc {
    display: none;
}

.order-selection .show-hide-phone-description button span {
    margin: 0 5px 0 0;
}

.order-selection .show-hide-phone-description button:focus {
    outline: 0;
}

.order-selection .show-hide-phone-description button span span.fa {
    font-size: 12px;
}

.order-selection .show-hide-phone-description button.open .show-desc {
    display: none;
}

.order-selection .show-hide-phone-description button.open .hide-desc {
    display: block;
}

.order-selection .show-hide-phone-description button.btn.focus,
.order-selection .show-hide-phone-description button.btn:focus,
.order-selection .show-hide-phone-description button.btn:hover {
    color: #00AEEF;
    text-decoration: none;
}

.order-selection .show-hide-phone-description button.btn.active,
.order-selection .show-hide-phone-description button.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.order-selection .phone-desc p {
    margin: 0;
    padding: 10px 0 0 0;
}

@media(min-width:768px) {
    .order-selection .your-order .table.order-calculation tr td:last-child {
        padding-right: 80px;
    }
}

.cart-empty {
    /*min-height:300px;*/
    padding-top: 40px;
}

    .cart-empty h2 {
        margin: 0;
    }

    .cart-empty .btn-primary {
        display: block;
        margin: 10px;
        padding: 20px 26px;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

@media (min-width: 768px) {
    .cart-empty .btn-primary {
        margin: 10px auto;
        width: 50%;
    }
}

@media (min-width: 992px) {
    .cart-empty .btn-primary {
        margin: 10px auto;
        width: 25%;
    }
}
/** SIM Cards Page **/

.sim-cards .btn-primary {
    display: inline-block;
    margin: 20px 0 60px 0;
    padding: 20px 26px;
    font-family: "Tesco-Bold", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#myModal img {
    max-width: 100%;
    margin-bottom: 50px;
}
/** Contact Form **/

#contactForm .modal-body {
    position: relative;
    padding: 15px 40px;
}
/**
* #.# Thank You Page
*
* specifc styles for thankyou page
*/

@media (min-width: 768px) {
    .thank-you-page .calltoactions-wrapper .container .row {
        padding-top: 40px;
        border-top: solid 1px #e6e6e6;
    }

    .thank-you-page .calltoactions-wrapper .cta-btn {
        float: left;
        width: 50%;
    }
}
/** move to components in MOG file **/

.calltoactions-wrapper .cta-icon.phone {
    background-position: -390px 0;
}
/**
* #.# Roaming Rates Page
*
* specifc styles for roaming rates page
*/

.roaming-rates-results {
    float: none;
    margin: 20px auto 20px auto;
    padding-left: 0;
    padding-right: 0;
}

    .roaming-rates-results .row {
        margin: 0;
    }

    .roaming-rates-results .col {
        display: table;
        table-layout: fixed;
        width: 100%;
        border-top: solid 1px #e5e7ec;
    }

        .roaming-rates-results .col label {
            display: table-cell;
            padding: 5px;
            width: 60%;
            border-left: solid 1px #e5e7ec;
            border-right: solid 1px #e5e7ec;
        }

        .roaming-rates-results .col .rateValue {
            display: table-cell;
            padding: 5px;
            width: 40%;
            border-right: solid 1px #e5e7ec;
        }

        .roaming-rates-results .col.last label,
        .roaming-rates-results .col.last .rateValue {
            border-bottom: solid 1px #e5e7ec;
        }

    .roaming-rates-results .alert {
        padding: 24px;
    }

@media (min-width: 992px) {
    .roaming-form {
        margin: 0;
        float: left;
    }

    .roaming-rates-results {
        float: none;
        margin: 20px auto 20px 0;
        padding-left: 0;
        padding-right: 24px;
    }
}
/** Shopping Cart **/

.shopping-support-info a {
    display: none;
}

.shopping-support-info img {
    width: 40px;
}

.shopping-support-info .content-icon h4 {
    margin-bottom: 0;
}

.shopping-support-info .content-icon p {
    margin: 0;
}

.shopping-support-info hr {
    margin: 10px 0;
}
/**
*
* Call to action section plan landing page
*
*/

main .cta-actions .container {
    padding-left: 12px;
    padding-right: 12px;
}

.plan-landing-page .cta-actions .content-icon {
    width: 100%;
    margin: 0 auto;
}

.plan-landing-page .cta-actions .col-md-6 {
    padding: 0;
}

.plan-landing-page .content-icon {
    width: 80%;
    margin: 0 auto;
}

.plan-landing-page .content-icon {
    width: 80%;
    margin: 0 auto;
}

    .plan-landing-page .content-icon,
    .plan-landing-page .content-icon .icon,
    .plan-landing-page .content-icon .content-icon-text {
        display: block;
        text-align: center;
        padding: 0;
    }

.plan-landing-page .content-icon {
    padding: 20px 0;
}

    .plan-landing-page .content-icon .icon {
        display: block;
        text-align: center;
        padding: 0 0 10px 0;
    }

.plan-landing-page.container.cta-actions .content-icon a:hover {
    text-decoration: underline;
}

.plan-landing-page.container.cta-actions .content-icon-text p {
    margin: 10px 0 10px 0;
}

@media (min-width: 768px) {
    .plan-landing-page .cta-actions .content-icon {
        width: 50%;
        margin: 0 auto;
    }
}

@media (min-width: 992px) {
    .plan-landing-page .cta-actions .col-md-6 {
        padding: 0 12px;
    }

    .plan-landing-page .cta-actions .content-icon {
        width: 100%;
        margin: 0 auto;
    }
}

.quantity-remove a:hover {
    text-decoration: none;
    color: #337ab7;
}
/*** For Alpha Release **/

#divProductAdded {
    display: none;
}

#callback-form.active {
    display: block;
}

#ctl00_ctl00_operationalMessage1_divMessageBox.alert {
    margin: 0;
}

/*.telesales-mode.alert {
    margin: 0;
    background: #00AEEF;
    color: #fff;
    text-align: right;
    border: 0;
}*/

.recaptcha_theme_red span#recaptcha_response_field {
    height: 20px !important;
}

.homepage-plans ul.plan-terms li.wider-text {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px) {
    .general-subpage.understanding-your-bill {
        padding-top: 50px;
        padding-bottom: 30px;
        max-width: 720px;
        min-width: 300px;
        padding-left: 0;
        padding-right: 0;
    }
}
/* understanding your bill */

.bill_wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 1014px;
    margin: 60px 0 20px 0;
}

.bill_container {
    width: 100%;
    height: 1014px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border: 1px solid #00aeef;
}

    .bill_container.active {
        z-index: 2;
    }

    .bill_container img {
        position: relative;
        z-index: 1;
        max-width: 100%;
    }

    .bill_container a.tab {
        width: 100px;
        padding: 0 9px;
        position: absolute;
        left: 0;
        top: -32px;
        display: inline-block;
        z-index: 2;
        background: #fff;
        line-height: 30px;
        text-align: center;
        color: #00aeef;
        border: solid 1px #b7dded;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }

        .bill_container a.tab:hover {
            background: #b7dded;
            color: #fff;
        }

    .bill_container.active a.tab {
        background: #00aeef;
        color: #fff;
        border-color: #00aeef;
    }

    .bill_container#bill_page-01 a.tab {
        left: 0;
    }

    .bill_container#bill_page-02 a.tab {
        left: 102px;
    }

    .bill_container#bill_page-03 a.tab {
        left: 204px;
    }

    .bill_container#bill_page-04 a.tab {
        left: 306px;
    }

    .bill_container#bill_page-05 a.tab {
        left: 408px;
    }

    .bill_container#bill_page-06 a.tab {
        left: 510px;
    }

    .bill_container a.tab_next {
        width: 70px;
        height: 70px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        background: url(../img/understanding-your-bill/page-turn.png) no-repeat 0 0;
        text-indent: -1000px;
        overflow: hidden;
    }

    .bill_container ul.legend {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
    }

        .bill_container ul.legend li {
            position: absolute;
            z-index: 3;
            list-style: none;
        }

            .bill_container ul.legend li a.key {
                width: 35px;
                height: 35px;
                padding-right: 2px;
                position: absolute;
                left: -17px;
                top: -17px;
                background: url(../img/understanding-your-bill/bg_legend-key.png) no-repeat 0 50%;
                text-align: center;
                line-height: 30px;
                font-weight: 600;
                font-size: 18px;
                color: #fff;
            }

            .bill_container ul.legend li.from-right a.key {
                padding-right: 0;
                padding-left: 2px;
                background-position: -35px 50%;
            }

            .bill_container ul.legend li .key_container {
                width: 360px;
                padding: 10px;
                position: absolute;
                right: 230%;
                top: -60px;
                display: none;
                background: #fff;
                border: #00aeef solid 1px;
                -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
                -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
                box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
            }

            .bill_container ul.legend li.left-side .key_container {
                right: auto;
                left: 230%;
            }

            .bill_container ul.legend li.active {
                z-index: 4;
            }

                .bill_container ul.legend li.active .key_container {
                    display: block;
                }

            .bill_container ul.legend li .key_container a.popup_close {
                width: 25px;
                height: 25px;
                position: absolute;
                right: 5px;
                top: 5px;
                background: url(../img/understanding-your-bill/popup_close.png) no-repeat 50% 50%;
                text-indent: -1000px;
                overflow: hidden;
            }

            .bill_container ul.legend li .key_container h2 {
                font-size: 26px;
                color: #00aeef;
            }

.maincontent .bill_container ul.legend li .key_container p {
    padding-right: 0;
}
/*----- positioning keys -----*/

.bill_container button {
    width: 40px;
    height: 40px;
    background: red;
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 99;
    border: 0;
}
/*--- page 1 ---*/

.bill_container#bill_page-01 .key_01 {
    left: 74px;
    top: 246px;
}

.bill_container#bill_page-01 .key_02 {
    left: 435px;
    top: 150px;
}

.bill_container#bill_page-01 .key_03 {
    left: 435px;
    top: 230px;
}

.bill_container#bill_page-01 .key_04 {
    left: 435px;
    top: 450px;
}

.bill_container#bill_page-01 .key_05 {
    left: 435px;
    top: 565px;
}

.bill_container#bill_page-01 .key_06 {
    left: 25px;
    top: 480px;
}

.bill_container#bill_page-01 .key_07 {
    left: 260px;
    top: 507px;
}

.bill_container#bill_page-01 .key_08 {
    left: 25px;
    top: 530px;
}

.bill_container#bill_page-01 .key_09 {
    left: 135px;
    top: 560px;
}

.bill_container#bill_page-01 .key_10 {
    left: 25px;
    top: 580px;
}

.bill_container#bill_page-01 .key_11 {
    left: 20px;
    top: 760px;
}
/*--- / page 1 ---*/
/*--- page 2 ---*/

.bill_container#bill_page-02 ul.legend li.key_01 {
    left: 25px;
    top: 113px;
}

.bill_container#bill_page-02 ul.legend li.key_02 {
    left: 150px;
    top: 165px;
}

.bill_container#bill_page-02 ul.legend li.key_03 {
    left: 300px;
    top: 165px;
}

.bill_container#bill_page-02 ul.legend li.key_04 {
    left: 530px;
    top: 165px;
}

.bill_container#bill_page-02 ul.legend li.key_05 {
    left: 125px;
    top: 310px;
}

.bill_container#bill_page-02 ul.legend li.key_06 {
    left: 125px;
    top: 420px;
}

.bill_container#bill_page-02 ul.legend li.key_07 {
    left: 175px;
    top: 462px;
}
/*--- / page 2 ---*/
/*--- page 3 ---*/

.bill_container#bill_page-03 ul.legend li.key_01 {
    left: 25px;
    top: 113px;
}

.bill_container#bill_page-03 ul.legend li.key_02 {
    left: 95px;
    top: 155px;
}

.bill_container#bill_page-03 ul.legend li.key_03 {
    left: 240px;
    top: 188px;
}

    .bill_container#bill_page-03 ul.legend li.key_03.active .key_container {
        top: 90px;
        left: -40px;
    }

.bill_container#bill_page-03 ul.legend li.key_04 {
    left: 260px;
    top: 310px;
}

    .bill_container#bill_page-03 ul.legend li.key_04.active .key_container {
        left: -40px;
        top: 80px;
    }

.bill_container#bill_page-03 ul.legend li.key_05 {
    left: 160px;
    top: 635px;
}

    .bill_container#bill_page-03 ul.legend li.key_05.active .key_container {
        top: -320px;
    }

.bill_container#bill_page-03 ul.legend li.key_06 {
    left: 230px;
    top: 775px;
}

    .bill_container#bill_page-03 ul.legend li.key_06.active .key_container {
        top: -340px;
    }
/*--- / page 3 ---*/
/*--- page 4 ---*/

.bill_container#bill_page-04 ul.legend li.key_01 {
    left: 25px;
    top: 130px;
}

.bill_container#bill_page-04 ul.legend li.key_02 {
    left: 360px;
    top: 182px;
}

    .bill_container#bill_page-04 ul.legend li.key_02.active .key_container {
        top: 40px;
        left: -120px;
    }

.bill_container#bill_page-04 ul.legend li.key_03 {
    left: 200px;
    top: 240px;
}

.bill_container#bill_page-04 ul.legend li.key_04 {
    left: 415px;
    top: 290px;
}

    .bill_container#bill_page-04 ul.legend li.key_04.active .key_container {
        top: 40px;
        left: -150px;
    }

.bill_container#bill_page-04 ul.legend li.key_05 {
    left: 255px;
    top: 305px;
}

    .bill_container#bill_page-04 ul.legend li.key_05.active .key_container {
        top: 30px;
        left: -100px;
    }

.bill_container#bill_page-04 ul.legend li.key_06 {
    left: 190px;
    top: 365px;
}

.bill_container#bill_page-04 ul.legend li.key_07 {
    left: 100px;
    top: 470px;
}

.bill_container#bill_page-04 ul.legend li.key_08 {
    left: 365px;
    top: 520px;
}

    .bill_container#bill_page-04 ul.legend li.key_08.active .key_container {
        top: 30px;
        left: -140px;
    }

.bill_container#bill_page-04 ul.legend li.key_09 {
    left: 165px;
    top: 580px;
}

.bill_container#bill_page-04 ul.legend li.key_10 {
    left: 95px;
    top: 702px;
}

.bill_container#bill_page-04 ul.legend li.key_11 {
    left: 180px;
    top: 825px;
}
/*--- / page 4 ---*/
/*--- page 5 ---*/

.bill_container#bill_page-05 ul.legend li.key_01 {
    left: 20px;
    top: 225px;
}

.bill_container#bill_page-05 ul.legend li.key_02 {
    left: 440px;
    top: 315px;
}
/*--- / page 5 ---*/
/*----- / positioning keys -----*/

/*.understand-bill .tab-content img {
    max-width: 100%;
    margin-bottom: 20px;
}

.understand-bill {
    margin: 0 0 40px 0;
}

    .understand-bill ol.legend {
        width: 90%;
    }

        .understand-bill ol.legend .key {
            margin: 0;
            padding: 15px 0 10px 0;
            border-bottom: solid 1px #ccc;
        }

            .understand-bill ol.legend .key:last-child {
                border: none;
                padding-bottom: 0;
            }

    .understand-bill .key p {
        margin: 0;
        padding: 0 0 5px 0;
    }

    .understand-bill .tab-pane {
        border-left: solid 1px #ddd;
        border-right: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
    }

    .understand-bill .nav-tabs {
        margin: 0;
    }*/

/*@media (min-width: 320px) and (max-width: 360px) {
    .understand-bill .nav > li {
        float: none;
        display: inline-block;
        width: auto;
        padding: 0;
    }

    .understand-bill .nav-tabs > li.active > a,
    .understand-bill .nav-tabs > li.active > a:focus,
    .understand-bill .nav-tabs > li.active > a:hover,
    .understand-bill .nav-tabs > li > a {
        margin: 0;
        padding: 0 2px;
        border: solid 1px #ccc;
        border-bottom: 0;
        height: 44px;
        line-height: 44px;
    }

    .understand-bill .nav-tabs > li.active > a {
        background: #00AEEF;
        color: #fff;
    }

    .understand-bill .nav-tabs > li > a {
        color: #666;
    }
}*/

/*@media (min-width: 360px) and (max-width: 767px) {
    .understand-bill .nav-tabs > li.active > a,
    .understand-bill .nav-tabs > li.active > a:focus,
    .understand-bill .nav-tabs > li.active > a:hover,
    .understand-bill .nav-tabs > li > a {
        margin: 0;
        padding: 0 5px;
        border: solid 1px #ccc;
        border-bottom: 0;
        height: 44px;
        line-height: 44px;
    }
}*/

/*@media (min-width: 768px) {
    .understand-bill .nav-tabs > li.active > a,
    .understand-bill .nav-tabs > li.active > a:focus,
    .understand-bill .nav-tabs > li.active > a:hover {
        color: #fff;
        cursor: default;
        background-color: #00AEEF;
        border: 1px solid transparent;
        border-bottom-color: transparent;
    }

    .understand-bill .nav > li > a:focus,
    .nav > li > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #0095D6;
        border: 1px solid transparent;
    }
}*/

/*.reject-chat {
    display: block;
    width: 83px;
    height: 33px;
    position: relative;
    bottom: 108px;
    left: 47px;
}

.invite-chat {
    position: relative;
    width: 150px;
    height: 50px;
    bottom: 180px;
    left: 316px;
    display: block;
}*/

.recommend-note {
    font-size: 14px;
}
/**
* #.# Sitemap Page
*
* Styles specific to general sub page
*/

.sitemap-page {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .sitemap-page .col-md-4 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
/**
* #.# Sitemap Page
*
* Styles specific to sitemap page - Tablet Portrait
*/

@media (min-width: 768px) {
    .sitemap h2 {
        font-size: 2em;
    }

    .sitemap h3 {
        font-size: 1.75em;
    }
}
/**
* #.# Roaming International 
*
* Styles specific to roaming page
*/

/*.rate-table {
    background: #fff;
}

    .rate-table .row {
        margin: 0;
    }

    .rate-table .col-xs-3.hdr {
        text-transform: capitalize;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        padding: 8px;
        border-bottom: 1px solid #ddd;
        border-top: 0 solid #ddd;
    }

    .rate-table .col-xs-3 {
        padding: 8px;
        text-transform: capitalize;
        border-top: 1px solid #ddd;
    }

    .rate-table .rateOldPrice {
        text-decoration: line-through;
    }

    .rate-table .rateCurrentPrice {
        color: #00AEEF;
    }

.general-subpage .data-roaming ul {
    margin: 0;
    padding: 0 0 0 20px;
}

.general-subpage .data-roaming strong {
    display: block;
    padding: 10px 0 10px 0;
}

.general-subpage .data-roaming .rowhidden {
    display: none;
}

.general-subpage .data-roaming .expand {
    display: inline-block;
    color: #00AEEF;
}

    .general-subpage .data-roaming .expand:hover {
        cursor: pointer;
        color: #0095D6;
    }

.general-subpage .data-roaming .active-row,
.general-subpage .data-roaming .open {
    background-color: #f1f4fb;
}

    .general-subpage .data-roaming .open .expand {
        color: #666;
    }

    .general-subpage .data-roaming .active-row td {
        border-top: 0;
        padding-top: 0;
    }

.table-responsive > .table.data-roaming > tbody > tr > td,
.table-responsive > .table.data-roaming > tbody > tr > th,
.table-responsive > .table.data-roaming > tfoot > tr > td,
.table-responsive > .table.data-roaming > tfoot > tr > th,
.table-responsive > .table.data-roaming > thead > tr > td,
.table-responsive > .table.data-roaming > thead > tr > th {
    white-space: normal;
}

.table-responsive .sub-text {
    font-size: 14px;
}

@media (min-width: 768px) {
    .general-subpage .data-roaming ul {
        margin: 20px 0;
        padding: 0 0 0 20px;
    }

    .general-subpage .data-roaming strong {
        display: block;
        padding: 10px 0 0 0;
    }

    .general-subpage .data-roaming .expand {
        display: block;
    }
}*/
/**
* #.# Coming Soon page
*
* List of phone that will be available on the tesco network
*/

.general-subpage.coming-soon .btn-primary {
    display: block;
    width: 100%;
    margin: 15px auto 15px auto;
    padding: 15px 5px;
    text-align: center;
    font-size: 17px;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.general-subpage.coming-soon .phone {
    border-bottom: solid 1px #ccc;
    font-size: 1em;
    display: inline-block;
    padding-bottom: 30px;
    padding-top: 30px;
}

    .general-subpage.coming-soon .phone:nth-of-type(1) {
        border-top: solid 1px #ccc;
    }

@media (min-width: 768px) {
    .general-subpage.coming-soon {
        max-width: 900px;
    }
}

@media (min-width: 992px) {
    .general-subpage.coming-soon .phone .content {
        padding-left: 35px;
        font-size: 16px;
    }

    .general-subpage.coming-soon .btn-primary {
        display: block;
        max-width: 175px;
    }
}
/**
* #.# Samsung Galaxy S7 Landing Page
*
* styles for the landing page, styles written to be universal for other phone campaigns
*/

.phone-launch-page h1 {
    margin: 0;
    padding: 0;
}

.phone-launch-page h2 {
    margin: 0;
    padding: 0;
    font-size: 1.8em;
}

.phone-launch-page h3 {
    margin: 0;
    padding: 0;
    color: #6D6E71;
    font-size: 1.1875em;
}
/**  Samsung Galaxy S7 Landing Page - Header Section **/

.phone-launch-page .header-section {
    padding: 30px 0 0 0;
    background: #EAEDF2 url("../img/phone-landing-pages/samsung-s7/bg-header-section.gif") no-repeat center top;
}

    .phone-launch-page .header-section .container {
        padding: 0;
    }

    .phone-launch-page .header-section h1 {
        color: #fff;
        font-size: 2.0em;
        width: 80%;
        margin: auto;
        padding-bottom: 10px;
    }

    .phone-launch-page .header-section p {
        margin: 0;
        padding-bottom: 30px;
        font-size: 1em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        color: #fff;
    }

    .phone-launch-page .header-section .lead-entry {
        margin: 0;
        padding: 30px;
        background: #fff;
    }

        .phone-launch-page .header-section .lead-entry p {
            margin: 0;
            padding: 0;
            color: #6D6E71;
            font-size: 1em;
            font-family: 'Tesco-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        }

.phone-launch-page.thankyou .header-section .lead-entry p {
    margin: 0 0 25px 0;
}

.phone-launch-page .header-section .lead-entry-mobile {
    text-align: center;
}

    .phone-launch-page .header-section .lead-entry-mobile img {
        margin: 20px auto;
        max-width: 75%;
    }

.phone-launch-page .header-section .release-date {
    font-size: 1.3em;
    padding-bottom: 20px;
}

    .phone-launch-page .header-section .release-date span {
        font-family: 'Tesco-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

        .phone-launch-page .header-section .release-date span.date {
            padding-left: 15px;
            font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        }

.phone-launch-page .header-section h2 {
    color: #020202;
    padding-bottom: 10px;
}

.phone-launch-page .lead-content img,
.phone-launch-page .lead-phone-image img {
    max-width: 100%;
}

.phone-launch-page .lead-entry .phone-brand {
    margin: 0;
}

.phone-launch-page .lead-entry-buttons {
    margin: 30px 0 0 0;
}

    .phone-launch-page .lead-entry-buttons a {
        display: block;
    }

.phone-launch-page .header-section .btn-primary,
.phone-launch-page .header-section .btn-default {
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.phone-launch-page .header-section .btn-primary {
    margin: 0 0 10px 0;
    padding: 12px 0;
    font-size: 1.1875em;
}

.phone-launch-page .header-section .btn-default {
    padding: 15px 22px 14px 22px;
}

@media (min-width: 300px) and (max-width: 320px) {
    .phone-launch-page .header-section .release-date {
        font-size: 1.1em;
    }

    .phone-launch-page .header-section h2 {
        font-size: 1.6em;
    }

    #camera .content-image img {
        max-width: 100%;
    }

    .phone-launch-page .header-section p {
        margin: auto;
        width: 80%;
    }

    .phone-launch-page .header-section .lead-entry p {
        margin: 0;
        width: 100%;
    }
}
/**  Samsung Galaxy S7 Landing Page - Header Section
 Media Query for Screen Size with minimum width of 768px **/

@media (min-width: 768px) {
    .phone-launch-page .header-section h1 {
        margin: 0;
        width: 100%;
    }

    .phone-launch-page .header-section .btn-primary {
        padding: 12px 38px;
    }

    .phone-launch-page .header-section .lead-entry {
        padding: 50px;
    }

    .phone-launch-page .lead-content,
    .phone-launch-page .lead-phone-image {
        width: 100%;
        text-align: center;
    }

        .phone-launch-page .lead-phone-image img {
            max-width: 50%;
        }

    .phone-launch-page h2 {
        font-size: 2.25em;
    }

    .phone-launch-page .header-section p {
        font-size: 1.1875em;
    }

    .phone-launch-page .header-section .lead-entry p {
        font-size: 1.375em;
    }

    .phone-launch-page .header-section h1 {
        padding-bottom: 12px;
        font-size: 2.5em;
    }

    .phone-launch-page .lead-entry .phone-brand {
        margin: 0 0 9px 0;
    }

    .phone-launch-page .lead-entry-buttons {
        margin: 30px auto 0 auto;
        width: 50%;
    }
}
/**  Samsung Galaxy S7 Landing Page - Header Section
 Media Query for Screen Size with minimum width of 992px **/

@media (min-width: 992px) {
    .phone-launch-page .header-section {
        padding: 55px 0 0 0;
    }

        .phone-launch-page .header-section h1 {
            font-size: 3.625em;
        }

        .phone-launch-page .header-section .lead-entry {
            margin: 0;
            padding: 30px;
        }

        .phone-launch-page .header-section .release-date {
            padding-bottom: 40px;
            font-size: 1.375em;
        }

        .phone-launch-page .header-section .lead-entry h2 {
            padding-bottom: 13px;
        }

    .phone-launch-page .lead-content {
        width: 50%;
        text-align: left;
    }

    .phone-launch-page .lead-phone-image {
        width: 50%;
        text-align: right;
    }

        .phone-launch-page .lead-phone-image img {
            max-width: 85%;
        }

    .phone-launch-page .lead-entry-buttons {
        margin: 30px 0 0 0;
        width: 100%;
    }

        .phone-launch-page .lead-entry-buttons a {
            display: inline-block;
            vertical-align: top;
        }

    .phone-launch-page .header-section .btn-primary {
        margin: 0 18px 0 0;
        padding: 12px 16px;
        font-size: 1.1875em;
    }
}
/**  Samsung Galaxy S7 Landing Page - Header Section
 Media Query for Screen Size with minimum width of 992px **/

@media (min-width: 1180px) {
    .phone-launch-page .header-section .container {
        padding: 0;
        width: 1200px;
    }

    .phone-launch-page .header-section .lead-entry {
        margin: 0;
        padding: 50px 78px 30px 78px;
    }

    .phone-launch-page .lead-phone-image img {
        max-width: 100%;
    }
}
/**  Samsung Galaxy S7 Landing Page - Content Sections **/

.content-section h1 {
    font-size: 2em;
}

.content-wrap {
    margin: auto;
    width: 100%;
    max-width: 795px;
}

.content-image {
    text-align: center;
}

.content-text {
    padding: 50px 0 0 0;
}

.content-section .lead {
    margin: 0;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.content-section .btn {
    display: block;
    width: 100%;
    padding: 12px 33px 12px 32px;
    font-size: 1.1875em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.content-section p {
    margin: 0;
    font-size: 1.1875em;
}

.feature-row {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
}

.feature-img {
    display: table-cell;
    width: 80px;
}

.feature-name {
    display: table-cell;
}

.feature-details {
    display: table-cell;
    vertical-align: top;
}
/** Styles Specfic to More Information Section **/

#moreInformation {
    padding: 50px 0 50px 0;
}

    #moreInformation h2 {
        padding: 12px 0 18px 0;
        font-size: 2em;
    }

    #moreInformation p {
        padding-bottom: 21px;
    }
/** Styles Specfic to Camera Section **/

#camera .content-text h1 {
    padding: 0 0 13px 0;
}

#camera .content-text p {
    margin: 0 0 30px 0;
}
/** Styles Specfic to Performance Section **/

#performance {
    padding: 60px 0;
}

    #performance h1 {
        padding: 0 0 30px 0;
    }

    #performance .content-text {
        padding: 0;
    }

    #performance .feature-row {
        margin: 0 0 40px 0;
    }

.performance-image {
    margin: 0 auto 50px auto;
    text-align: center;
}
/** Styles Specfic to Additional Features Section **/

#additionalFeatures {
    padding: 60px 0 30px 0;
}

    #additionalFeatures h1 {
        padding: 0 0 30px 0;
    }

    #additionalFeatures .feature-row {
        margin: 0 0 30px 0;
    }

    #additionalFeatures .feature-name,
    #additionalFeatures .feature-details {
        display: block;
    }

    #additionalFeatures .feature-name {
        font-size: 1.375em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
/**  Samsung Galaxy S7 Landing Page - Content Sections
 Media Query for Screen Size with minimum width of 768px **/

@media (min-width: 768px) {
    /** General Styles for section **/

    .content-section h1 {
        font-size: 2.5em;
    }

    .content-section p {
        width: 93%;
    }

    .content-image {
        float: left;
        width: 35%;
    }

    .content-text {
        float: right;
        width: 65%;
        padding-left: 40px;
    }

    .content-section .btn {
        display: inline-block;
        width: auto;
    }
    /** Styles Specfic to More Information Section **/

    #moreInformation {
        padding: 20px 0 120px 0;
    }

        #moreInformation h1 {
            padding: 0 0 10px 0;
            font-size: 3em;
        }

        #moreInformation h2 {
            font-size: 2.25em;
        }

        #moreInformation .content-text {
            padding: 30px 0 0 40px;
        }
    /** Styles Specfic to Camera Section **/

    #camera h1 {
        font-size: 2.25em;
    }

    #camera .content-text {
        float: left;
        width: 60.5%;
        padding: 46px 0 0 0;
    }

    #camera .content-image {
        float: right;
        width: 39.5%;
        text-align: right;
    }

        #camera .content-image img {
            margin: -20px 0 0 0;
        }

    #camera.content-section p {
        width: 93%;
        font-size: 1.1em;
    }
    /** Styles Specfic to Performance Section **/

    #performance h1 {
        font-size: 2.25em;
    }

    #performance .content-image {
        width: 40%;
        text-align: left;
    }

    #performance .content-text {
        width: 60%;
        padding-left: 10px;
    }
    /** Styles Specfic to Additional Feature Section **/

    #additionalFeatures h1 {
        font-size: 2.25em;
    }

    #additionalFeatures .feature-row {
        margin: 0 0 30px 0;
    }

    #additionalFeatures .feature-name,
    #additionalFeatures .feature-details {
        display: table-cell;
    }

    #additionalFeatures .feature-name {
        width: 200px;
    }
}
/**  Samsung Galaxy S7 Landing Page - Content Sections
 Media Query for Screen Size with minimum width of 992px **/

@media (min-width: 992px) {
    #moreInformation {
        padding: 58px 0 88px 0;
    }

        #moreInformation .lead {
            margin: 0 0 69px 0;
            padding: 0;
            width: 100%;
        }

    .content-text {
        padding-left: 20px;
    }

    .content-section .btn {
        display: inline-block;
        width: auto;
    }
    /** Styles Specfic to Performance Section **/

    #performance {
        padding: 119px 0 113px 0;
    }

        #performance h1 {
            padding: 0 0 41px 0;
        }

        #performance .content-image {
            width: 37%;
            text-align: left;
        }

        #performance .content-text {
            width: 63%;
            padding: 0;
        }

        #performance .feature-row {
            margin: 0 0 53px 0;
        }

        #performance .feature-img {
            width: 70px;
        }

        #performance .feature-details {
            padding-left: 35px;
        }

        #performance .content-section .btn {
            margin: 7px 0 0 0;
        }
    /** Styles Specfic to Additional Feature Section **/

    #additionalFeatures {
        position: relative;
        padding: 51px 0 35px 0;
    }

        #additionalFeatures h1 {
            padding: 0 0 39px 0;
        }

        #additionalFeatures .feature-row {
            margin: 0 0 22px 0;
        }

        #additionalFeatures .feature-name,
        #additionalFeatures .feature-details {
            display: table-cell;
        }

        #additionalFeatures .feature-name {
            width: 183px;
        }
}
/**  Samsung Galaxy S7 Landing Page - Content Sections
 Media Query for Screen Size with minimum width of 1400px **/

@media (min-width: 1400px) {
    /** Swoosh only appears on Larger screens as it cover over the text **/

    #additionalFeatures .swoosh-img {
        position: absolute;
        display: block;
        width: 410px;
        height: 285px;
        background: url("../img/phone-landing-pages/samsung-s7/img-swoosh.png") no-repeat center top;
        left: 0;
        top: -128px;
    }
}
/** Samsung Galaxy S7 Landing Page - Register Interest Section **/

#registerInterest {
    padding: 40px 0 70px 0;
}

    #registerInterest h1 {
        padding: 0 0 13px 0;
        font-size: 2em;
    }

    #registerInterest p {
        margin: auto;
        padding-bottom: 30px;
        max-width: 100%;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

.register-interest-image {
}

.release-date {
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

    .release-date .date {
        padding-left: 17px;
        font-family: 'Tesco-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

#registerInterest .register-interest-form {
    padding: 0;
    text-align: left;
}

#registerInterest .phone-image img {
    max-width: 100%;
}

#registerInterest .phone-brand {
    margin: 20px 0 0 0;
}

    #registerInterest .phone-brand img {
        height: 45px;
    }

#registerInterest .release-date {
    font-size: 1.2em;
}

#registerInterest .field-wrap {
    margin: 30px auto;
    width: 90%;
}

#registerInterest .field-name label {
    margin: 0;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-weight: 400;
}

#registerInterest .field-value input {
    display: block;
    padding: 0 0 0 20px;
    width: 100%;
    height: 48px;
    border: solid 1px #B7B9BD;
    border-radius: 0;
    -webkit-appearance: none;
}

#registerInterest .button-wrap {
    margin: auto;
    width: 90%;
}

    #registerInterest .button-wrap input {
        display: block;
        width: 100%;
        height: 56px;
        font-size: 1.1875em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
/** Samsung Galaxy S7 Landing Page - Register Interest Section
 Media Query for Screen Size with minimum width of 768px **/

@media (min-width: 768px) {
    #registerInterest h1 {
        font-size: 3em;
    }

    #registerInterest p {
        padding-bottom: 56px;
        max-width: 488px;
        font-size: 1.1875em;
    }

    #registerInterest .phone-brand {
        margin: 40px 0 11px 0;
    }

    #registerInterest .release-date {
        font-size: 1.3em;
    }

    #registerInterest .field-wrap {
        margin: 30px auto;
        width: 50%;
    }

    #registerInterest .button-wrap {
        margin: auto;
        width: 50%;
    }

    #registerInterest .phone-image img {
        max-width: 50%;
    }
}
/** Samsung Galaxy S7 Landing Page - Register Interest Section
 Media Query for Screen Size with minimum width of 992px **/

@media (min-width: 992px) {
    #registerInterest {
        padding: 82px 0 133px 0;
    }

        #registerInterest h1 {
            font-size: 3em;
        }

        #registerInterest .release-date {
            font-size: 1.5em;
        }

        #registerInterest .field-name {
            text-align: right;
        }

        #registerInterest .field-wrap {
            display: table;
            table-layout: fixed;
            width: 486px;
        }

        #registerInterest .field-name {
            display: table-cell;
            width: 75px;
            vertical-align: middle;
        }

        #registerInterest .field-value {
            display: table-cell;
            padding-left: 24px;
            width: 385px;
        }

        #registerInterest .button-wrap {
            margin: auto;
            padding-left: 25%;
            width: auto;
        }

            #registerInterest .button-wrap input {
                width: 45%;
            }

        #registerInterest .phone-image img {
            max-width: 100%;
        }
}
/** Samsung Galaxy S7 Landing Page - Register Interest Section
 Media Query for Screen Size with minimum width of 1180px **/

@media (min-width: 1180px) {
    #registerInterest .button-wrap {
        margin: auto;
        padding-left: 30%;
        width: auto;
    }

        #registerInterest .button-wrap input {
            width: 40%;
        }
}
/**
* #.# Cookies message
*
* Universal Cookies message styles
*/

/*.cookies {
    position: fixed;
    bottom: 0;
    text-align: left;
    background: #eff1f7;
    width: 100%;
    z-index: 10;
    border-top: 1px solid #D1D4D9;
    padding: 15px;
    font-size: 14px;
}

    .cookies p {
        margin: 0 50px 0 0;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

    .cookies a {
        display: inline-block;
    }
/*.cookies .btn-primary {
    padding: 5px 15px;
    margin: 0 5px;
}*/

/*.cookies-button-close {
    position: absolute;
    top: -15px;
    right: 0;
    padding: 0;
    width: 44px;
    height: 44px;
    color: #00AEEF;
    font-size: 18px;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    background: none;
    border: none;
}

.cookies-inner {
    position: relative;
}




@media (min-width: 992px) {
    .cookies {
        font-size: 16px;
    }
}*/*/







/**
* #.# Move my number page
*
* 
*/

.move-number {
    text-align: center;
}
    /*.general-subpage*/

    .move-number .btn-primary {
        display: block;
        width: 100%;
        margin: 15px auto 15px auto;
        padding: 15px 5px;
        text-align: center;
        font-size: 17px;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

@media (min-width: 768px) {
    .general-subpage.move-number .btn-primary {
        width: 45%;
    }
}
/**
* #.# Samsung Galaxy S7 Launch Landing Page - March 2016 - MOG
*
* styles for the landing page.
*/

.samsungs7-launch .galaxyS7-info .container {
    padding-bottom: 70px;
}
/*for S7 edge, grey section*/

.samsungs7-launch .galaxyS7-info.galaxyS7edge .container {
    padding-top: 50px;
}

.samsungs7-launch h3 {
    font-size: 1.3em;
}

.samsungs7-launch p {
    font-size: 1.1em;
    line-height: 1.5em;
}

.samsungs7-launch .header-section {
    margin: 0;
    padding: 30px;
    position: relative;
}

.samsungs7-launch .container {
    padding-left: 21px;
    padding-right: 21px;
}

.samsungs7-launch .header-section .container {
    padding: 0;
}

.samsungs7-launch .header-inner {
    position: relative;
}

.samsungs7-launch .header-section h1 {
    padding-bottom: 12px;
    font-size: 1.8em;
    text-align: center;
}

.samsungs7-launch .intro h2 {
    font-size: 1.8em;
}

.samsungs7-launch .header-section p {
    font-size: 1.2em;
    text-align: center;
}

.samsungs7-launch .header-image img {
    width: 100%;
    padding: 2% 0px;
}
/* header section buttons*/

.samsungs7-launch .header-section-buttons .btn {
    width: 100%;
}

.samsungs7-launch .header-section-buttons .btn-default {
    color: #EFF1F7;
    border: 3px solid #EFF1F7;
}

.samsungs7-launch .header-section-buttons .btn-primary {
    color: #fff;
    background-color: #EFF1F7;
    border: 3px solid #EFF1F7;
    color: #00AEEF;
}

.samsungs7-launch .header-section-buttons .btn-default:hover {
    color: #fff;
    border-color: #fff;
    background: none;
    text-decoration: none;
}

.header-section-buttons .btn-primary:hover {
    border-color: #fff;
    background: #fff;
    text-decoration: none;
}

.header-section-buttons .btn-default.focus,
.header-section-buttons .btn-default:focus {
    background: none;
}
/* Images */

.samsungs7-launch .header-section .mobile-samsung-image img {
    margin: 20px auto;
    max-width: 90%;
}
/*Samsung content bullet list styles*/

.samsungs7-launch ul.s7list li {
    font-weight: 400;
    line-height: 1.2em;
    margin: 10px 0;
    font-size: 1.2em;
}

.samsungs7-launch ul.s7list {
    padding: 30px 0 30px 20px;
}

.samsungs7-launch .intro p {
    margin: 0 0 25px;
    font-weight: 700;
}
/* image owl slider - Samsung S7 -  phone slider */

.samsungs7-launch #sync1-s7 .item,
.samsungs7-launch #sync1-s7edge .item {
    padding: 10px 0px 5px 0;
    margin: 5px;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}

    .samsungs7-launch #sync1-s7 .item img,
    .samsungs7-launch #sync1-s7edge .item img {
        margin: 0 auto;
        width: auto;
        height: 300px;
    }

.samsungs7-launch #sync2-s7 .item h1,
.samsungs7-launch #sync2-s7edge .item h1 {
    font-size: 18px;
}

.samsungs7-launch .image-caption {
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
}
/*thumbnails of Samsung S7 - first phone slider*/

.samsungs7-launch #sync2-s7 .owl-item,
.samsungs7-launch #sync2-s7edge .owl-item {
    margin: 15px 30px 15px 15px;
}

    .samsungs7-launch #sync2-s7 .owl-item .item,
    .samsungs7-launch #sync2-s7edge .owl-item .item {
        border: 1px solid #00AEEF;
        height: 104px;
        width: 104px;
        cursor: pointer;
        display: block;
        overflow-x: hidden;
        margin: 0;
        text-align: center;
    }

        .samsungs7-launch #sync2-s7 .owl-item .item img,
        .samsungs7-launch #sync2-s7edge .owl-item .item img {
            width: 100%;
            padding: 6% 25%;
        }

.samsungs7-launch #sync2-s7 .synced .item,
.samsungs7-launch #sync2-s7edge .synced .item {
    border: 1px solid #19D769;
}

.samsungs7-launch .s7-phone-slider {
    position: relative;
}

.samsungs7-launch .S7ping {
    background-image: url('/img/phone-landing-pages/samsung-s7-launched/Samsung-ping-s7.png');
    background-repeat: no-repeat;
    background-size: 96px Auto;
    background-position: 85% 20px;
    position: absolute;
    width: 50%;
    right: 25px;
    height: 124px;
    z-index: 5;
}

.samsungs7-launch .S7EdgePing {
    background-image: url('/img/phone-landing-pages/samsung-s7-launched/Samsung-ping-edge.png');
    background-repeat: no-repeat;
    background-size: 96px Auto;
    background-position: 85% 20px;
    position: absolute;
    width: 50%;
    right: 25px;
    height: 124px;
    z-index: 5;
}

.samsungs7-launch #sync1-s7 .owl-controls.clickable .owl-buttons:hover,
.samsungs7-launc #sync2-s7 .owl-controls.clickable .owl-buttons:focus,
.samsungs7-launch #sync1-s7edge .owl-controls.clickable .owl-buttons:hover,
.samsungs7-launc #sync2-s7edge .owl-controls.clickable .owl-buttons:focus {
    opacity: .7;
}

.samsungs7-launch #sync1-s7 .owl-controls .owl-buttons div,
.samsungs7-launch #sync1-s7edge .owl-controls .owl-buttons div {
    display: inline-block;
    zoom: 1;
    padding: 0;
    font-size: 12px;
    color: #00AEEF;
    opacity: 1;
    background: none;
    position: absolute;
    font-size: 1.5em;
    top: 50%;
    margin-top: 50px;
}

.samsungs7-launch #sync1-s7 .owl-controls .owl-buttons .owl-prev,
.samsungs7-launch #sync1-s7edge .owl-controls .owl-buttons .owl-prev {
    left: 0;
}

.samsungs7-launch #sync1-s7 .owl-controls .owl-buttons .owl-next,
.samsungs7-launch #sync1-s7edge .owl-controls .owl-buttons .owl-next {
    right: 0;
}
/* plan slider */

.samsungs7-launch .plan-box h2 {
    margin: 7px 0 16px 0;
    font-size: 1.125em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.samsungs7-launch .plan-price h3 {
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-size: 3em;
    margin: 0;
}

.samsungs7-launch .plan-price p {
    margin: 0 0 11px 0;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.samsungs7-launch ul.plan-terms {
    margin-bottom: 20px;
}

    .samsungs7-launch ul.plan-terms li.wider-text {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
/* plan slider highlight price*/

.samsungs7-launch .phone-price {
    margin: 30px 0 26px 0;
    background: url("../img/borders/img_grey_dot.gif") 0 50%;
    background-repeat: repeat-x;
}

    .samsungs7-launch .phone-price span {
        padding: 8px 26px 9px 26px;
        background: #fff;
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        border: solid 1px #00AEEF;
        border-radius: 20px;
        color: #00AEEF;
    }

.samsungs7-launch .plan-hightlight {
    padding-bottom: 10px;
}

.samsungs7-launch .samsung-btn .btn.btn-primary {
    padding: 20px 32px;
}

.samsungs7-launch span.alert-danger.alert {
    width: 100%;
}

.samsungs7-launch .plan-link-highlight-btn a {
    display: block;
    width: 100%;
    color: #fff;
}

.samsungs7-launch .plan-link-highlight-btn {
    color: #fff;
    border: 3px solid #00AEEF;
    background: #00AEEF;
    margin-top: 15px;
    width: 80%;
    margin: 0 auto 10px auto;
    padding: 15px 0;
}

    .samsungs7-launch .plan-link-highlight-btn:hover {
        border-color: #0095D6;
        background: #0095D6;
    }
/* owl slider buttons for plans slides*/

.samsungs7-launch .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -48.7%;
}

.samsungs7-launch .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -48.7%;
}

.samsungs7-launch .owl-theme .owl-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -50px;
}

.samsungs7-launch .galaxyS7edge {
    background: #f5f6fa;
}

.samsungs7-launch .alert {
    margin-top: 20px;
}

@media screen and (min-width: 360px) {
    .samsungs7-launch .S7ping,
    .samsungs7-launch .S7EdgePing {
        background-position: 85% 20px;
    }
}

@media screen and (min-width: 480px) {
    .samsungs7-launch #sync1-s7 .item img,
    .samsungs7-launch #sync1-s7edge .item img {
        margin: 0 auto;
        width: auto;
        height: 100%;
    }

    .samsungs7-launch .S7ping,
    .samsungs7-launch .S7EdgePing {
        background-size: 130px Auto;
        height: 150px;
    }

    .samsungs7-launch .header-image img {
        width: 70%;
        text-align: center;
    }
}
/**  Samsung Galaxy S7 Landing Page - Header Section
 Media Query for Screen Size with minimum width of 768px **/

@media (min-width: 768px) {
    /*for S7 edge, grey section*/

    .samsungs7-launch .galaxyS7-info.galaxyS7edge .container {
        padding-top: 0px;
    }

    .samsungs7-launch .header-section h1 {
        padding-bottom: 12px;
        font-size: 2.5em;
        text-align: center;
    }

    .samsungs7-launch .header-section p {
        font-size: 1.1875em;
        text-align: center;
    }

    .samsungs7-launch .header-image img {
        width: 100%;
        padding: 2% 13%;
    }

    .samsungs7-launch .container {
        padding: 0;
    }

    .samsungs7-launch .header-section .container {
        padding: 0 50px;
    }
    /* content styles */

    .samsungs7-launch .intro {
        margin-top: 70px;
        width: 100%;
    }

        .samsungs7-launch .intro h2 {
            font-size: 36px;
            margin-bottom: 15px;
        }

        .samsungs7-launch .intro h3 {
            font-size: 23px;
        }

        .samsungs7-launch .intro p {
            margin: 0 0 25px;
        }

    .samsungs7-launch ul.s7list {
        padding: 10px 0 0px 20px;
    }

        .samsungs7-launch ul.s7list li {
            font-size: 19px;
        }
    /* Owl slider- phone images - Samsung S7 & samsung S7 edge*/

    .samsungs7-launch .S7ping,
    .samsungs7-launch .S7EdgePing {
        background-size: 130px Auto;
        height: 180px;
        background-position: 70% 52px;
        right: 105px;
    }

    .samsungs7-launch .samsungS7plans-wrap {
        width: 100%;
        margin: 0 auto;
    }

    .samsungs7-launch #sync1-s7 .item,
    .samsungs7-launch #sync1-s7edge .item {
        padding: 10px 0px 5px 0;
    }

    .samsungs7-launch #sync2-s7 .owl-item .item,
    .samsungs7-launch #sync2-s7edge .owl-item .item {
        height: 110px;
        background: #fff;
        overflow-x: hidden;
        overflow-y: hidden;
    }

        .samsungs7-launch #sync2-s7 .owl-item .item img,
        .samsungs7-launch #sync2-s7edge .owl-item .item img {
            padding: 6% 21%;
            height: auto;
            overflow: hidden;
        }

    .samsungs7-launch #sync2-s7 .owl-item,
    .samsungs7-launch #sync2-s7edge .owl-item {
        margin: 0;
    }

    .samsungs7-launch .image-caption {
        margin: 0 auto 20px auto;
        font-size: 19px;
    }
    /* plan slider styles*/

    .samsungs7-launch .plan-inner.plan-hightlight ul.plan-terms {
        margin-bottom: 40px;
    }

    .samsungs7-launch .plan-box:first-child {
        margin: 30px 15px 10px 0px;
    }
    /*hides ow; navigation from tablet up*/

    .samsungs7-launch .owl-buttons {
        display: none;
    }

    .samsungs7-launch .plan-box h2 {
        margin-top: 10px;
    }
}

@media (min-width: 992px) {
    .samsungs7-launch .galaxyS7-info.galaxyS7edge .container {
        padding-bottom: 148px;
    }

    .samsungs7-launch .section-heading.header-section .intro-text {
        top: 60px;
        width: 50%;
        position: relative;
    }

    .samsungs7-launch .header-section h1,
    .samsungs7-launch .header-section p {
        text-align: left;
    }

    .samsungs7-launch .header-image {
        float: right;
        clear: both;
        margin: 0;
        padding: 0;
        margin-top: -87px;
        right: 0;
    }

    .samsungs7-launch .header-section-buttons .btn {
        width: auto;
        margin: 0;
    }

    .samsungs7-launch .header-section-buttons .btn-primary {
        margin: 0 18px 0 0;
        padding: 15px 16px;
        font-size: 1.1875em;
    }

    .samsungs7-launch .header-section-buttons .btn-default {
        padding: 15px 22px 14px 22px;
    }

    .samsungs7-launch .intro {
        width: 90%;
        margin-top: 120px;
    }

    .samsungs7-launch ul.s7list {
        margin-top: 0px;
        margin-left: 20px;
        margin-bottom: 75px;
    }
    /* First phone slider - Samsung S7*/

    .samsungs7-launch .S7ping,
    .samsungs7-launch .S7EdgePing {
        background-size: 148px Auto;
        height: 240px;
        background-position: 85% 100px;
        right: 25px;
    }

    .samsungs7-launch #sync2-s7 .owl-wrapper,
    .samsungs7-launch #sync2-s7edge .owl-wrapper {
        width: 260px !important;
        margin: 40px auto 0 80px;
    }

    .samsungs7-launch #sync2-s7 .owl-item,
    .samsungs7-launch #sync2-s7edge .owl-item {
        margin: 15px 30px 15px 15px;
    }

    .samsungs7-launch .samsungS7plans-wrap {
        width: 90%;
        margin: 0;
    }

    .samsungs7-launch #sync2-s7 .owl-item .item,
    .samsungs7-launch #sync2-s7edge .owl-item .item {
        height: 104px;
        width: 104px;
    }

        .samsungs7-launch #sync2-s7 .owl-item .item img,
        .samsungs7-launch #sync2-s7edge .owl-item .item img {
            width: 90%;
            padding: 6% 18%;
        }

    .samsungs7-launch #sync1-s7 .item,
    .samsungs7-launch #sync1-s7edge .item {
        padding: 70px 0px 5px 0;
    }
    /*plans slider*/

    .samsungs7-launch .plan-box:first-child {
        margin: 50px 25px 10px 0px;
    }

    .samsungs7-launch .plan-inner.plan-hightlight {
        margin-top: -20px;
    }

    .samsungs7-launch .plan-price p {
        font-size: 1.5em;
    }
}

@media (min-width: 1180px) {
    .samsungs7-launch .container {
        padding: 0;
        width: 1200px;
    }
}
/** Section Header - Applies Styles for the Two Buttons which sit on top of the banner **/

.samsungs7-launch .header-section-banner {
    position: relative;
}

    .samsungs7-launch .header-section-banner img {
        margin: auto;
        width: 100%;
    }

.samsungs7-launch .header-section-buttons {
    margin: auto;
    width: 80%;
    position: absolute;
    bottom: 10px;
    left: 30px;
}

.samsungs7-launch .btn-primary,
.samsungs7-launch .btn-default {
    margin: 0 0 10px 0;
    padding: 12px 0;
    font-size: 14px;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.samsungs7-launch .header-section-buttons .btn-default,
.samsungs7-launch .header-section-buttons .btn-primary {
    display: inline-block;
    width: 49%;
}

@media (min-width: 360px) {
    .samsungs7-launch .header-section-buttons {
        margin: auto;
        width: 80%;
        position: absolute;
        bottom: 10px;
        left: 35px;
    }
}

@media (min-width: 375px) {
    .samsungs7-launch .header-section-buttons {
        left: 40px;
    }

    .samsungs7-launch .btn-primary,
    .samsungs7-launch .btn-default {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .samsungs7-launch .header-section-buttons {
        /*left: 80px;*/
        /*bottom: 40px;*/
        left: 25px;
        bottom: 50px;
    }

    .samsungs7-launch .btn-primary,
    .samsungs7-launch .btn-default {
        font-size: 18px;
    }

    .samsungs7-launch .header-section-buttons .btn-default,
    .samsungs7-launch .header-section-buttons .btn-primary {
        display: block;
        /*width: 100%;*/
        width: 35%;
    }
}

@media (min-width: 992px) {
    .samsungs7-launch .header-section-buttons {
        left: 60px;
        bottom: 110px;
        width: 350px;
    }

    .samsungs7-launch .btn-primary,
    .samsungs7-launch .btn-default {
        font-size: 18px;
    }

    .samsungs7-launch .header-section-buttons .btn-default,
    .samsungs7-launch .header-section-buttons .btn-primary {
        display: inline-block;
        margin: 0;
        width: 165px;
    }

    .samsungs7-launch .header-section-buttons .btn-primary {
        padding: 6px 0;
    }

    .samsungs7-launch .header-section-buttons .btn-default {
        padding: 7px 0;
        margin-left: 10px;
    }
}

@media (min-width: 1180px) {
    .samsungs7-launch .header-section-buttons {
        left: 75px;
        bottom: 130px;
    }

        .samsungs7-launch .header-section-buttons .btn-primary {
            padding: 15px 0;
        }

        .samsungs7-launch .header-section-buttons .btn-default {
            padding: 16px 0;
        }
}

@media (min-width: 1366px) {
    .samsungs7-launch .header-section-buttons {
        /*left: 150px;*/
    }
}

@media (min-width: 1680px) {
    .samsungs7-launch .header-section-buttons {
        /*left: 310px;*/
    }

        .samsungs7-launch .header-section-buttons .btn-primary {
            display: inline-block;
            margin: 0;
        }

        .samsungs7-launch .header-section-buttons .btn-default {
            display: inline-block;
        }
}

@media (min-width: 1920px) {
    .samsungs7-launch .header-section-buttons {
        /*left: 430px;*/
    }
}
/** Prepay Plan - June 2016 **/

.plan-landing-page .prepay-plans .container {
    text-align: center;
}

.plan-landing-page .prepay-plans .row.alert-prepay {
    margin: 40px auto 0 auto;
    display: inline-block;
    float: none;
    padding: 20px 25px;
    text-align: left;
}

.alert-prepay-dark-grey {
    background: #e3e6ef;
}

.widget-title {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 24px;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    text-align: center;
}

.alert-prepay ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .alert-prepay ul li {
        line-height: 1.5em;
        padding-bottom: 10px;
    }

        .alert-prepay ul li span {
            font-weight: 700;
        }

        .alert-prepay ul li.step--last {
            padding-bottom: 20px;
        }

@media (min-width: 992px) {
    .plan-landing-page .prepay-plans .row.alert-prepay {
        padding: 20px 20px;
    }

    .alert-prepay ul li.step {
        padding-bottom: 0;
    }

    .alert-prepay ul li.step--last {
        padding-bottom: 10px;
    }
}

@media (min-width: 1200px) {
    .plan-landing-page .prepay-plans .row.alert-prepay {
        padding: 20px 28px;
    }
}

@media (min-width: 1366px) {
    .plan-landing-page .prepay-plans .row.alert-prepay {
        padding: 20px 40px;
    }
}

@media (min-width: 1600px) {
    .plan-landing-page .prepay-plans .row.alert-prepay {
        padding: 20px 43px;
    }
}
/** Blog List- September 2016 **/

.blog-list {
    padding: 0 0 30px 0;
    width: 100%;
    padding-bottom: 1.5rem;
}

.article-exterior {
    margin: 0 0 30px 0;
}
/**


@media screen and (max-width: 768px) {
.article-exterior {
    padding-bottom: 14px;
    border-bottom: dotted 2px #d5d8de;
}
}
    */

.article-news {
    margin-bottom: 10px;
    position: relative;
}

    .article-news section {
        width: 100%;
        max-width: 100%;
        /* display: flex; */
        /* flex-direction: column; */
    }

    .article-news header {
        width: 100%;
        max-width: 100%;
    }

    .article-news footer {
        margin-top: 1rem;
        display: block;
        position: absolute;
        margin-top: 30px;
        bottom: 0;
    }

    .article-news h2 {
        margin-bottom: .375em;
        margin-top: 25px;
        font-size: 1.3em;
        width: 100%;
    }

    .article-news time {
        color: #ccc;
        font-style: italic;
        font-size: .9em;
    }

    .article-news img {
        margin: 10px auto;
        width: 100%;
        height: auto;
    }

.btn-categories {
    margin-right: 5px;
    border-color: #0095D6;
    background: #0095D6;
    color: #fff;
    margin-bottom: 5px;
}

.blog-list .categories i {
    margin-right: 10px;
}

.article-news p {
    margin-bottom: 0;
}

.read-more {
    font-weight: 700;
}

.blog_entry {
    text-align: center;
    padding-bottom: 50px;
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.blog_utility {
    margin-top: 30px;
}

.blog_entry .general-subpage {
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;
}

.blog_entry h1 {
    font-size: 2.2em;
}

.blog_entry p,
.blog_entry time {
    text-align: left;
}

.blog_entry ul {
    text-align: left;
}

    .blog_entry ul li {
        text-align: left;
        padding-bottom: 5px;
    }

.blog_time {
    float: left;
}

.blog_return_link {
    float: left;
    text-align: left;
    /* padding: 0; */
}

.blog_share {
    display: inline-block;
    float: right;
    overflow: hidden;
}

.blog-h3-header {
    text-align: left;
}

    .blog-h3-header span {
        font-size: 16px;
        font-family: "Tesco-Regular", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

.blog_entry img.blog-inline-image {
    width: auto;
    max-width: 100%;
}

@media (min-width: 992px) {
    .blog-h3-header {
        text-align: center;
    }
}

@media (max-width: 600px) {
    .blog_time {
        float: right;
        text-align: right;
    }

    .blog_share {
        display: inline-block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 5px;
        padding-right: 10px;
    }
}

.blog_entry img {
    margin: 12px 0;
    /*width:100%;*/
    width: 50%;
    height: auto;
}

@media screen and (max-width: 768px) {
    .blog_entry img {
        width: 100%;
    }
}

.a2a_label {
    display: none;
}

.blog_entry h2 {
    text-align: left;
    font-size: 1.5em;
    margin: 30px 0 10px;
}

.blog_entry h3 {
    text-align: left;
}
/** Blog Header **/

.blog-header {
    padding-top: 25px;
    padding-bottom: 25px;
}

@media (min-width: 992px) {
    .blog-header {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (min-width: 1180px) {
    .blog-header {
        margin-bottom: 30px;
        padding-top: 55px;
        padding-bottom: 55px;
    }
}

.blog-header-title {
    margin: 0;
    font-size: 1.75em;
}

@media (min-width: 992px) {
    .blog-header-title {
        font-size: 2.75em;
    }
}

@media (min-width: 1180px) {
    .blog-header-title {
        font-size: 3.25em;
    }
}
/** Blog Categories **/

.blog-categories-outer {
    margin-top: 25px;
}

.blog-categories {
    padding: 0 15px 20px 15px;
    border-top: solid 5px #00aeef;
    border-right: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
}

.blog-categories__inner {
}

.blog-categories__main-title {
    margin: 0;
    padding: 20px 0;
    font-size: 1.3em;
}

.blog-categories__icon {
    margin-right: 15px;
    font-size: 24px;
}

.blog-categories__list-of-categories {
    margin: 0;
    padding: 0 0 0 40px;
    list-style-type: none;
}

.blog-categories__category-name {
    padding: 2px 0 2px 0;
}

.blog-categories_category-link {
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

@media (min-width: 992px) {
    .blog-categories-outer {
        float: right;
    }
}
/**
* #.#  Mobile App Landing Page
*
* Styles specific to App Page. 
*/

.app-page {
}

    .app-page p {
        margin: 0;
        padding: 0;
    }

.app-page__container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 30px;
}

@media (min-width: 768px) {
    .app-page__container {
        width: 600px;
    }
}

@media (min-width: 992px) {
    .app-page__container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .app-page__container {
        width: 660px;
    }
}

@media (max-width: 768px) {
    .app-feature__container:before,
    .app-feature__container:after {
        display: table;
        content: "";
    }

    .app-feature__container:after {
        clear: both;
    }

    .app-feature__container {
        margin-right: auto;
        margin-left: auto;
       padding-top:30px;
    }
}
/** App Banner Area **/

.app-page__banner-image--ios,
.app-page__banner-image--android {
    display: none;
}

.ios .app-page__banner-image--ios {
    display: block;
}

.android .app-page__banner-image--android,
.android2 .app-page__banner-image--android,
.android4 .app-page__banner-image--android {
    display: block;
}

@media (min-width: 1225px) {
    .app-page__banner {
        width: 100%;
        /* text-align: center; */
        /* margin: 0 auto; */
        text-align: center;
        background-color: #f1f4fb;
        height: 416px;
    }

    .app-page__banner-container {
        width: 1200px;
        margin: 0 auto;
    }

    .app-page__banner-video {
        width: 600px;
        height: 416px;
        display: inline-block;
        float: right;
        min-height: initial;
    }

    .app-page__banner-image img {
        /* max-width: 675px; */
        height: 416px;
        display: inline-block;
        vertical-align: top;
        /* position: absolute; */
        float: left;
        z-index: 1;
        /* left: 0px; */
        position: absolute;
        left: 50%;
        margin-left: -600px;
        width: 630px;
    }

    .app-page__banner-video iframe {
        height: 100%;
        min-width: 100%;
        width: 100%;
    }
}

@media (min-width: 1042px) and (max-width: 1224px) {
    .app-page__banner-container {
        width: 1000px;
        margin: 0 auto;
    }

    .app-page__banner {
        width: 100%;
        /* text-align: center; */
        /* margin: 0 auto; */
        text-align: center;
        background-color: #f1f4fb;
        height: 348px;
    }

    .app-page__banner-video {
        width: 500px;
        height: 348px;
        display: inline-block;
        float: right;
        min-height: initial;
    }

    .app-page__banner-image img {
        height: 348px;
        width: 528px;
        margin-left: -500px;
        display: inline-block;
        vertical-align: top;
        /* position: absolute; */
        float: left;
        z-index: 999;
        /* left: 0px; */
        position: absolute;
        left: 50%;
    }

    .app-page__banner-video iframe {
        min-height: 100%;
        height: 100%;
        min-width: 100%;
        width: 100%;
    }
}

@media (max-width: 1041px) {
    .app-page__banner-container {
        width: 100%;
        margin: 0 auto;
    }

    .app-page__banner {
        width: 100%;
        /* text-align: center; */
        /* margin: 0 auto; */
        text-align: left;
        background-color: #f1f4fb;
        height: initial;
    }

    .app-page__banner-video {
        width: 100%;
        height: auto;
        display: block;
        float: none;
        min-height: 300px;
    }

        .app-page__banner-video iframe {
            height: 300px;
            min-height: 300px;
            *height: 300px;
        }

    .app-page__banner-image img {
        /* max-width: 675px; */
        height: auto;
        display: block;
        vertical-align: top;
        /* position: absolute; */
        float: none;
        z-index: 9999;
        /* left: 0px; */
        position: relative;
        left: auto;
        margin-left: 0px;
        width: 100%;
    }
}
/** App Description Text **/

.app-page__description-text {
    text-align: center;
    padding-top: 25px;
}

    .app-page__description-text h2 {
        margin: 0;
        padding: 0 25px 23px 25px;
        font-size: 24px;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

    .app-page__description-text p {
        padding-bottom: 25px;
    }

.app-page__swoosh {
    display: none;
}

img.appstore_link {
    width: 100% !important;
}

@media (min-width: 768px) {
    img.appstore_link {
        width: 33% !important;
    }

    .app-page__description-text {
        position: relative;
        padding-top: 54px;
        padding-bottom: 45px;
    }

        .app-page__description-text h2 {
            padding: 0 0 26px 0;
            font-size: 30px;
        }

        .app-page__description-text p {
            padding-bottom: 18px;
            font-size: 18px;
        }
}

@media (min-width: 1180px) {
    .app-page__swoosh {
        display: block;
        position: absolute;
        top: 63px;
        left: 0;
        width: 326px;
        height: 281px;
        background: url("/img/app/app-page-swoosh.png") 0 0 no-repeat;
    }
}
/** App Feature Heading **/


/* General styles for the modal */
/* 
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the 
perspective effects (not including the modals and the overlay).
*/

.md-perspective,
.md-perspective body {
    height: 100%;
    overflow: hidden;
}

    .md-perspective body {
        background: #222;
        -webkit-perspective: 600px;
        -moz-perspective: 600px;
        perspective: 600px;
    }

.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 630px;
    min-width: 260px;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.md-show {
    visibility: visible;
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible;
}
/* Content styles */

.md-content {
    color: #fff;
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
}

    .md-content button {
        display: block;
        background: none;
        border: 0;
        margin: 0 auto;
        padding: 10px 0;
    }
/* Effect 1: Fade in and scale up */

.md-effect-1 .md-content {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

@media (min-width: 992px) {
    .md-show.md-effect-1 .md-content {
        padding: 100px;
    }
}

@media (min-width: 1180px) {
    .md-show.md-effect-1 .md-content {
        padding: 120px;
    }
}
/**
* #.#  How to top up styles
*
* Styles How to top up styles
*/
/**
* #.#  section 1 and general styles
*
* Styles section 1 and general
*/

/*.how-to-top-up-header {
    padding: 20px 15px 25px 15px;
    background-size: cover;
}

    .how-to-top-up-header p {
        margin: 0;
    }

@media (min-width: 992px) {
    .how-to-top-up-header {
        padding: 45px 0 51px 0;
    }

        .how-to-top-up-header h1 {
            font-size: 57px;
        }

        .how-to-top-up-header p {
            font-size: 18px;
        }
}

main .container.how-to-top-up-content {
    padding-top: 32px;
    padding-bottom: 40px;
}

.how-to-top-up-content h2 {
    margin: 0;
    padding: 0 0 10px 0;
}

.top-up__prices {
    font-size: 18px;
    color: #00AEEF;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

    .top-up__prices span {
        font-family: "Tesco-Regular", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        letter-spacing: normal;
        color: #6D6E71;
        font-size: 16px;
    }

.how-to-top-up-content .btn-primary {
    margin-bottom: 30px;
    padding: 15px 31px 14px 31px;
    font-size: 18px;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.how-to-top-up-content__list {
    margin: 19px 0 28px 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
}

.how-to-top-up-content__list-item:before {
    position: relative;
    top: -2px;
    margin-right: 12px;
    content: "\f111";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 8px;
}

.how-to-top-up-content__list-nested {
    margin: 10px 0;
    list-style: none;
    font-size: 16px;
}

.how-to-top-up-content__list-nested-item:before {
    content: "-";
    margin-right: 5px;
}

.ios .how-to-top-up-content__half-wrapper .app-feature__image-wrap {
    display: block;
}

.android .how-to-top-up-content__half-wrapper .app-feature__image-wrap {
    display: block;
}

.how-to-top-up-content__available-text {
    text-align: center;
}

.ios .how-to-top-up-content .app-store--ios {
    display: block;
    text-align: center;
}

.android .how-to-top-up-content .app-store--android {
    display: block;
    text-align: center;
}

@media (min-width: 768px) {
    .how-to-top-up-content__left {
        margin: 0 auto;
        margin-bottom: 40px;
        padding-bottom: 20px;
        text-align: center;
        max-width: 60%;
        border-bottom: solid 1px #ccc;
    }

    .how-to-top-up-content__right {
        margin: 0 auto;
        text-align: center;
        max-width: 60%;
    }

    .how-to-top-up-content__list {
        margin-left: 75px;
        text-align: left;
    }

    .how-to-top-up-content .app-feature__image-wrap {
        width: auto;
        margin: 0 auto 20px auto;
        display: inline-block;
    }

    .how-to-top-up-content .app-feature__image-enlarge-link {
        right: 0;
    }
}

@media (min-width: 992px) {
    main .container.how-to-top-up-content {
        padding-top: 64px;
        padding-bottom: 85px;
        max-width: 1200px;
    }

    .how-to-top-up-content__left {
        margin: 0 auto;
        margin-bottom: inherit;
        padding-bottom: inherit;
        text-align: left;
        max-width: inherit;
        border-bottom: solid 0px #ccc;
    }

    .how-to-top-up-content__right {
        margin: inherit;
        text-align: left;
        max-width: inherit;
    }

    .how-to-top-up-content h2 {
        padding: 0 0 21px 0;
        font-size: 30px;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

    .how-to-top-up-content__paragraph {
        margin: 0;
    }

    .top-up__prices-sub-header {
        padding-top: 19px;
    }

    .top-up__prices {
        margin-top: -3px;
        margin-bottom: 34px;
        font-size: 24px;
    }

        .top-up__prices span {
            font-size: 18px;
        }

    .how-to-top-up-content__list {
        margin: 19px 0 28px 21px;
        font-size: 18px;
    }

    .how-to-top-up-content__available-text {
        margin: 0 0 4px 0;
        font-size: 18px;
        text-align: left;
    }

    .how-to-top-up-content__half-wrapper:before,
    .how-to-top-up-content__half-wrapper:after {
        content: "";
        display: table;
    }

    .how-to-top-up-content__half-wrapper:after {
        clear: both;
    }

    .how-to-top-up-content__half {
        display: table-cell;
        width: 50%;
        vertical-align: top;
    }

    .how-to-top-up-content__half--right-aligned {
        text-align: right;
        padding-top: 40px;
        padding-left: 20px;
    }

        .how-to-top-up-content__half--right-aligned .app-feature__image-wrap {
            width: auto;
        }

        .how-to-top-up-content__half--right-aligned .app-feature__image-enlarge-link {
            right: 0;
        }

    .how-to-top-up-content .app-store--ios {
        padding-left: 0;
    }

    .how-to-top-up-content .app-store img {
        height: 38px;
    }

    .ios .how-to-top-up-content .app-store--ios {
        text-align: left;
    }
}

@media (min-width: 1180px) {
    main .container.how-to-top-up-content {
        padding-left: 48px;
    }

    .how-to-top-up-content_paragraph--padded {
        padding-right: 135px;
    }

    .how-to-top-up-content__left {
        width: 48%;
    }

    .how-to-top-up-content__right {
        width: 52%;
        padding-left: 48px;
        padding-right: 0;
        border-left: solid 1px #ced1d9;
    }
}*/
/**
* #.#  section 2 Styles
*
* Styles specific to section 2 Styles
*/

@media (min-width: 992px) {
    .top-up-swoosh-img {
        position: absolute;
        display: block;
        width: 410px;
        height: 285px;
        background: url(../img/top-up/img-swoosh.png) no-repeat left center;
        background-size: 60%;
        left: 0;
        top: -119px;
    }
}

@media (min-width: 1200px) {
    .top-up-swoosh-img {
        background-size: 90%;
    }
}

.top-up__other-ways {
    padding-top: 32px;
    padding-bottom: 32px;
    text-align: center;
}

    .top-up__other-ways h2 {
        margin: 0;
        padding-bottom: 20px;
        font-size: 32px;
        color: #00aeef;
    }

    .top-up__other-ways img {
        margin-top: 30px;
    }

    .top-up__other-ways .col-sm-4 {
        padding-bottom: 20px;
    }

    .top-up__other-ways h3 {
        color: #00aeef;
    }

@media (min-width: 992px) {
    .top-up__other-ways {
        padding-top: 69px;
        padding-bottom: 66px;
        text-align: center;
    }

        .top-up__other-ways .col-sm-4 {
            padding-bottom: 0;
        }

        .top-up__other-ways h2 {
            font-size: 48px;
            padding-bottom: 75px;
        }

        .top-up__other-ways img {
            margin-top: 0;
        }

        .top-up__other-ways h3 {
            margin: 0;
            padding-top: 36px;
            padding-bottom: 34px;
            font-size: 22px;
        }
}

@media (min-width: 1180px) {
    .top-up__other-ways h2 {
        font-size: 48px;
        padding-bottom: 100px;
    }

    .top-up__other-ways h3 {
        font-size: 24px;
    }
}
/***** END HOW TO TOP UP ********************/

.single-header h1 {
    padding-bottom: 0;
}

@media (max-width: 375px) {
    .single-header {
        padding: 20px 24px;
        background-size: cover;
    }
}
/*** Understanding your Bill **/

.interactive-bill {
    padding-top: 36px;
    padding-bottom: 36px;
    text-align: center;
}

@media (min-width: 992px) {
    .interactive-bill {
        padding-top: 56px;
    }
}

@media (min-width: 1200px) {
    .interactive-bill {
        max-width: 1200px;
    }
}

.interactive-bill__sub-title {
    margin: 0 0 20px 0;
    font-size: 16px;
    font-family: "Tesco-Bold", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    text-align: center;
    line-height: 20px;
}

@media (min-width: 992px) {
    .interactive-bill__sub-title {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 62px 0;
    }
}

.interactive-bill__page-image {
    max-width: 100%;
    border: solid 1px #e2e4e7;
}

@media (min-width: 992px) {
    .interactive-bill__page-image {
        max-width: inherit;
    }
}

.interactive-bill__outer {
    margin-bottom: 35px;
}

@media (min-width: 992px) {
    .interactive-bill__outer {
        margin: 0 auto 76px auto;
        width: 100%;
        max-width: 840px;
    }

        .interactive-bill__outer:before,
        .interactive-bill__outer:after {
            content: '';
            display: table;
        }

        .interactive-bill__outer:after {
            clear: both;
        }
}
/** Tabs **/

/*.interactive-bill__tabs {
    display: flex;
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (min-width: 768px) {
    .interactive-bill__tabs {
        margin: 0 auto;
        width: 75%;
    }
}

@media (min-width: 992px) {
    .interactive-bill__tabs {
        display: block;
        float: left;
        width: 175px;
        padding: 55px 7px 0 7px;
    }
}*/

/*.interactive-bill__single-tab {
    flex: 1;
    width: 20%;
    border-left: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
}*/

/*.interactive-bill__tabs .active a {
    padding-top: 9px;
    padding-bottom: 10px;
    font-size: 15px;
    color: #fff;
    background: #00aeef;
}

@media (min-width: 768px) {
    .interactive-bill__tabs .active a {
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 11px;
    }
}

@media (min-width: 992px) {
    .interactive-bill__tabs .active a {
        padding-top: 16px;
        padding-bottom: 16px;
        font-size: 20px;
    }
}*/

/*.interactive-bill__tabs a {
    display: block;
    position: relative;
    padding-top: 11px;
    padding-bottom: 12px;
    color: #6d6e71;
    font-size: 12px;
    font-family: "Tesco-Bold", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    text-decoration: none;
    background: #eaedf2;
    border-radius: 3px;
}

@media (min-width: 768px) {
    .interactive-bill__tabs a {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .interactive-bill__tabs a {
        font-size: 20px;
        padding-bottom: 11px;
    }
}*/

.interactive-bill__tabs .active a::after {
    display: block;
    position: absolute;
    left: 50%;
    content: '';
    width: 30px;
    height: 16px;
    background: url("/img/understanding-your-bill/tab-active-arrow.png") no-repeat;
    background-size: 30px auto;
    -webkit-transform: translate(-50%, 60%);
    -moz-transform: translate(-50%, 60%);
    -ms-transform: translate(-50%, 60%);
    -o-transform: translate(-50%, 60%);
    transform: translate(-50%, 60%);
}

@media (min-width: 992px) {
    .interactive-bill__single-tab {
        flex: inherit;
        width: 100%;
        border-left: solid 0px #ffffff;
        border-right: solid 0px #ffffff;
        padding: 5px 0;
    }

    .interactive-bill__tabs .active a::after {
        width: 33px;
        height: 60px;
        top: 0;
        left: 99.5%;
        background: url("/img/understanding-your-bill/tab-active-arrow-desktop.png") no-repeat;
        background-size: 33px auto;
        transform: none;
    }
}
/** Tab Content **/

.interactive-bill__bill-content {
    margin-top: 5px;
    position: relative;
}

@media (min-width: 992px) {
    .interactive-bill__bill-content {
        float: left;
        margin: 0;
        padding: 0 7px;
        width: 650px;
    }
}
/** Tooltips **/

.interactive-bill__icon {
    color: #e20612;
}

    .interactive-bill__icon .fa-stack {
        width: 1em;
        height: 1em;
        line-height: 1em;
    }

    .interactive-bill__icon .fa-info {
        font-size: 10px;
    }

@media (max-width: 375px) {
    .interactive-bill__icon .fa-stack {
        width: 1.5em;
        height: 1.5em;
        line-height: 1.5em;
    }

    .interactive-bill__icon .fa-circle {
        font-size: 24px;
    }

    .interactive-bill__icon .fa-info {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .interactive-bill__icon .fa-stack {
        width: 1.5em;
        height: 1.5em;
        line-height: 1.5em;
    }

    .interactive-bill__icon .fa-circle {
        font-size: 30px;
    }

    .interactive-bill__icon .fa-info {
        position: relative;
        left: 1px;
        font-size: 18px;
    }
}

.interactive-bill__icon:hover {
    cursor: pointer;
}

.interactive-bill__tooltip {
    position: absolute;
    left: 0;
    top: 0;
}
/** Tooltips for Page 1 **/

.interactive-bill__tooltip--pageone-one {
    left: 80px;
    top: 60px;
}

.interactive-bill__tooltip--pageone-two {
    left: 145px;
    top: 50px;
}

.interactive-bill__tooltip--pageone-three {
    left: 145px;
    top: 90px;
}

.interactive-bill__tooltip--pageone-four {
    left: 198px;
    top: 176px;
}

.interactive-bill__tooltip--pageone-five {
    left: 180px;
    top: 235px;
}

.interactive-bill__tooltip--pageone-six {
    left: 70px;
    top: 150px;
}

.interactive-bill__tooltip--pageone-seven {
    left: 65px;
    top: 215px;
}

@media (min-width: 360px) {
    .interactive-bill__tooltip--pageone-two {
        left: 170px;
        top: 65px;
    }

    .interactive-bill__tooltip--pageone-three {
        left: 170px;
        top: 115px;
    }

    .interactive-bill__tooltip--pageone-four {
        left: 235px;
        top: 205px;
    }

    .interactive-bill__tooltip--pageone-five {
        left: 210px;
        top: 275px;
    }

    .interactive-bill__tooltip--pageone-six {
        left: 70px;
        top: 170px;
    }

    .interactive-bill__tooltip--pageone-seven {
        left: 65px;
        top: 239px;
    }
}

@media (min-width: 375px) {
    .interactive-bill__tooltip--pageone-two {
        left: 175px;
    }

    .interactive-bill__tooltip--pageone-three {
        left: 175px;
    }

    .interactive-bill__tooltip--pageone-four {
        left: 245px;
        top: 215px;
    }

    .interactive-bill__tooltip--pageone-five {
        left: 210px;
        top: 285px;
    }

    .interactive-bill__tooltip--pageone-six {
        top: 180px;
    }

    .interactive-bill__tooltip--pageone-seven {
        top: 250px;
    }
}

@media (min-width: 768px) {
    .interactive-bill__tooltip--pageone-one {
        left: 140px;
        top: 140px;
    }

    .interactive-bill__tooltip--pageone-two {
        left: 370px;
        top: 140px;
    }

    .interactive-bill__tooltip--pageone-three {
        left: 370px;
        top: 240px;
    }

    .interactive-bill__tooltip--pageone-four {
        left: 490px;
        top: 430px;
    }

    .interactive-bill__tooltip--pageone-five {
        left: 470px;
        top: 575px;
    }

    .interactive-bill__tooltip--pageone-six {
        left: 130px;
        top: 370px;
    }

    .interactive-bill__tooltip--pageone-seven {
        left: 165px;
        top: 515px;
    }
}

@media (min-width: 992px) {
    .interactive-bill__tooltip--pageone-one {
        top: 135px;
    }

    .interactive-bill__tooltip--pageone-two {
        top: 140px;
        left: 380px;
    }

    .interactive-bill__tooltip--pageone-three {
        left: 380px;
        top: 240px;
    }

    .interactive-bill__tooltip--pageone-four {
        top: 430px;
    }

    .interactive-bill__tooltip--pageone-five {
        top: 575px;
    }

    .interactive-bill__tooltip--pageone-six {
        top: 365px;
        left: 130px;
    }

    .interactive-bill__tooltip--pageone-seven {
        top: 515px;
        left: 165px;
    }
}
/** Tooltips for Page 2 **/

.interactive-bill__tooltip--pagetwo-one {
    left: 80px;
    top: 40px;
}

.interactive-bill__tooltip--pagetwo-two {
    left: 70px;
    top: 60px;
}

.interactive-bill__tooltip--pagetwo-three {
    left: 120px;
    top: 90px;
}

.interactive-bill__tooltip--pagetwo-four {
    left: 180px;
    top: 188px;
}

.interactive-bill__tooltip--pagetwo-five {
    left: 75px;
    top: 205px;
}

@media (min-width: 360px) {
    .interactive-bill__tooltip--pagetwo-one {
        left: 95px;
        top: 50px;
    }

    .interactive-bill__tooltip--pagetwo-two {
        top: 70px;
    }

    .interactive-bill__tooltip--pagetwo-three {
        top: 100px;
        left: 130px;
    }

    .interactive-bill__tooltip--pagetwo-four {
        left: 220px;
        top: 215px;
    }

    .interactive-bill__tooltip--pagetwo-five {
        top: 235px;
    }
}

@media (min-width: 375px) {
    .interactive-bill__tooltip--pagetwo-one {
        left: 95px;
        top: 50px;
    }

    .interactive-bill__tooltip--pagetwo-two {
        top: 70px;
    }

    .interactive-bill__tooltip--pagetwo-three {
        top: 108px;
        left: 140px;
    }

    .interactive-bill__tooltip--pagetwo-four {
        left: 220px;
        top: 225px;
    }

    .interactive-bill__tooltip--pagetwo-five {
        top: 245px;
    }
}

@media (min-width: 768px) {
    .interactive-bill__tooltip--pagetwo-one {
        left: 195px;
        top: 113px;
    }

    .interactive-bill__tooltip--pagetwo-two {
        top: 155px;
        left: 140px;
    }

    .interactive-bill__tooltip--pagetwo-three {
        top: 230px;
        left: 280px;
    }

    .interactive-bill__tooltip--pagetwo-four {
        left: 500px;
        top: 466px;
    }

    .interactive-bill__tooltip--pagetwo-five {
        top: 505px;
        left: 160px;
    }
}

@media (min-width: 992px) {
    .interactive-bill__tooltip--pagetwo-one {
        left: 200px;
        top: 114px;
    }

    .interactive-bill__tooltip--pagetwo-two {
        top: 155px;
    }

    .interactive-bill__tooltip--pagetwo-three {
        top: 255px;
        left: 120px;
    }

    .interactive-bill__tooltip--pagetwo-four {
        top: 466px;
    }

    .interactive-bill__tooltip--pagetwo-five {
        top: 505px;
        left: 160px;
    }
}
/** Tooltips for Page 3 **/

.interactive-bill__tooltip--pagethree-one {
    left: 140px;
    top: 40px;
}

.interactive-bill__tooltip--pagethree-two {
    left: 75px;
    top: 55px;
}

.interactive-bill__tooltip--pagethree-three {
    left: 100px;
    top: 65px;
}

.interactive-bill__tooltip--pagethree-four {
    left: 100px;
    top: 215px;
}

.interactive-bill__tooltip--pagethree-five {
    left: 95px;
    top: 269px;
}

@media (min-width: 360px) {
    .interactive-bill__tooltip--pagethree-one {
        left: 160px;
        top: 50px;
    }

    .interactive-bill__tooltip--pagethree-two {
        top: 65px;
    }

    .interactive-bill__tooltip--pagethree-three {
        top: 75px;
    }

    .interactive-bill__tooltip--pagethree-four {
        left: 120px;
        top: 252px;
    }

    .interactive-bill__tooltip--pagethree-five {
        top: 310px;
        left: 120px;
    }
}

@media (min-width: 375px) {
    .interactive-bill__tooltip--pagethree-one {
        left: 160px;
        top: 50px;
    }

    .interactive-bill__tooltip--pagethree-two {
        top: 65px;
    }

    .interactive-bill__tooltip--pagethree-three {
        top: 75px;
    }

    .interactive-bill__tooltip--pagethree-four {
        left: 120px;
        top: 262px;
    }

    .interactive-bill__tooltip--pagethree-five {
        top: 326px;
        left: 120px;
    }
}

@media (min-width: 768px) {
    .interactive-bill__tooltip--pagethree-one {
        left: 330px;
        top: 113px;
    }

    .interactive-bill__tooltip--pagethree-two {
        top: 145px;
        left: 100px;
    }

    .interactive-bill__tooltip--pagethree-three {
        top: 170px;
        left: 210px;
    }

    .interactive-bill__tooltip--pagethree-four {
        left: 140px;
        top: 540px;
    }

    .interactive-bill__tooltip--pagethree-five {
        top: 665px;
        left: 200px;
    }
}

@media (min-width: 992px) {
    .interactive-bill__tooltip--pagethree-one {
        top: 113px;
    }

    .interactive-bill__tooltip--pagethree-two {
        top: 145px;
    }

    .interactive-bill__tooltip--pagethree-three {
        top: 175px;
        left: 220px;
    }

    .interactive-bill__tooltip--pagethree-four {
        top: 540px;
        left: 140px;
    }

    .interactive-bill__tooltip--pagethree-five {
        top: 665px;
        left: 200px;
    }
}
/** Tooltips for Page 4 **/

.interactive-bill__tooltip--pagefour-one {
    left: 140px;
    top: 50px;
}

.interactive-bill__tooltip--pagefour-two {
    left: 75px;
    top: 70px;
}

.interactive-bill__tooltip--pagefour-three {
    left: 75px;
    top: 115px;
}

.interactive-bill__tooltip--pagefour-four {
    left: 115px;
    top: 155px;
}

.interactive-bill__tooltip--pagefour-five {
    left: 75px;
    top: 195px;
}

.interactive-bill__tooltip--pagefour-six {
    left: 75px;
    top: 245px;
}

.interactive-bill__tooltip--pagefour-seven {
    left: 135px;
    top: 285px;
}

@media (min-width: 360px) {
    .interactive-bill__tooltip--pagefour-one {
        left: 150px;
        top: 55px;
    }

    .interactive-bill__tooltip--pagefour-two {
        left: 85px;
        top: 80px;
    }

    .interactive-bill__tooltip--pagefour-three {
        left: 100px;
        top: 135px;
    }

    .interactive-bill__tooltip--pagefour-four {
        left: 95px;
        top: 182px;
    }

    .interactive-bill__tooltip--pagefour-five {
        left: 75px;
        top: 228px;
    }

    .interactive-bill__tooltip--pagefour-six {
        left: 75px;
        top: 280px;
    }

    .interactive-bill__tooltip--pagefour-seven {
        left: 155px;
        top: 330px;
    }
}

@media (min-width: 375px) {
    .interactive-bill__tooltip--pagefour-one {
        left: 160px;
        top: 55px;
    }

    .interactive-bill__tooltip--pagefour-two {
        left: 85px;
        top: 85px;
    }

    .interactive-bill__tooltip--pagefour-three {
        left: 100px;
        top: 140px;
    }

    .interactive-bill__tooltip--pagefour-four {
        left: 95px;
        top: 190px;
    }

    .interactive-bill__tooltip--pagefour-five {
        left: 75px;
        top: 240px;
    }

    .interactive-bill__tooltip--pagefour-six {
        left: 75px;
        top: 295px;
    }

    .interactive-bill__tooltip--pagefour-seven {
        left: 155px;
        top: 345px;
    }
}

@media (min-width: 768px) {
    .interactive-bill__tooltip--pagefour-one {
        top: 135px;
        left: 325px;
    }

    .interactive-bill__tooltip--pagefour-two {
        top: 185px;
        left: 180px;
    }

    .interactive-bill__tooltip--pagefour-three {
        top: 295px;
        left: 170px;
    }

    .interactive-bill__tooltip--pagefour-four {
        top: 395px;
        left: 120px;
    }

    .interactive-bill__tooltip--pagefour-five {
        top: 492px;
        left: 150px;
    }

    .interactive-bill__tooltip--pagefour-six {
        top: 605px;
        left: 120px;
    }

    .interactive-bill__tooltip--pagefour-seven {
        top: 700px;
        left: 170px;
    }
}

@media (min-width: 992px) {
    .interactive-bill__tooltip--pagefour-four {
        top: 395px;
        left: 90px;
    }

    .interactive-bill__tooltip--pagefour-five {
        top: 492px;
    }
}
/** Tooltips for Page 5 **/

.interactive-bill__tooltip--pagefive-one {
    left: 80px;
    top: 65px;
}

.interactive-bill__tooltip--pagefive-two {
    left: 145px;
    top: 100px;
}

@media (min-width: 360px) {
    .interactive-bill__tooltip--pagefive-one {
        top: 80px;
    }

    .interactive-bill__tooltip--pagefive-two {
        left: 175px;
        top: 118px;
    }
}

@media (min-width: 375px) {
    .interactive-bill__tooltip--pagefive-one {
        top: 80px;
    }

    .interactive-bill__tooltip--pagefive-two {
        left: 185px;
        top: 125px;
    }
}

@media (min-width: 768px) {
    .interactive-bill__tooltip--pagefive-one {
        top: 175px;
        left: 160px;
    }

    .interactive-bill__tooltip--pagefive-two {
        left: 385px;
        top: 255px;
    }
}

@media (min-width: 992px) {
    .interactive-bill__tooltip--pagefive-two {
        top: 260px;
        left: 390px;
    }
}
/** Tooltip Content **/

.interactive-bill__tooltip-content {
    display: none;
    position: absolute;
    top: 35px;
    left: -50%;
    z-index: 2;
    width: 200px;
    border: solid 1px #00aeef;
    color: #fff;
    -webkit-transform: translate(-40%, 0%);
    -moz-transform: translate(-40%, 0%);
    -ms-transform: translate(-40%, 0%);
    -o-transform: translate(-40%, 0%);
    transform: translate(-40%, 0);
    background: #4dcdff;
}

.interactive-bill__tooltip--visible .interactive-bill__tooltip-content {
    display: block;
}

@media (min-width: 768px) {
    .interactive-bill__tooltip-content {
        top: 45px;
        width: 350px;
        -webkit-transform: translate(-43%, 0%);
        -moz-transform: translate(-43%, 0%);
        -ms-transform: translate(-43%, 0%);
        -o-transform: translate(-43%, 0%);
        transform: translate(-43%, 0);
    }
}

.interactive-bill__tooltip-content:before {
    position: absolute;
    display: block;
    left: 47%;
    top: -7px;
    width: 20px;
    height: 20px;
    content: '';
    transform: rotate(45deg);
    border: solid 1px #00aeef;
    background: #4dcdff;
}

.interactive-bill__tooltip-content h4 {
    position: relative;
    margin: 0;
    padding: 10px 10px 0 10px;
    text-align: left;
    background: #4dcdff;
}

.interactive-bill__tooltip-content p {
    position: relative;
    margin: 0;
    padding: 10px;
    text-align: left;
    background: #4dcdff;
}

.interactive-bill__tooltip-content a {
    color: #ffffff;
    text-decoration: underline;
}

.interactive-bill__close-button {
    position: relative;
    z-index: 10;
    float: right;
    color: #00aeef;
    border: none;
    background: none;
}

    .interactive-bill__close-button:after {
        content: "\f00d";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
/** Text at bottom of page **/

.interactive-bill__pro-rata-text {
    margin: 0 auto;
    max-width: 600px;
}

@media (min-width: 992px) {
    .interactive-bill__pro-rata-text {
        max-width: 740px;
        padding-bottom: 30px;
    }
}

.gs-image-box {
    display: none !important;
}

.clearance-sale-phone-details-message {
    display: none;
}
/**
* #.# iPhone Landing Pages
*
* Styles specific to the landing pages
*/
/* Image Reset */

.iphone-landing img {
    max-width: 100%;
}

/*.tmi-main-selling-points {
    padding-bottom: 20px;
}

@media (min-width: 768px) {
    .tmi-main-selling-points {
        background: #eef7f9;
        padding-top: 30px;
        padding-bottom: 0;
    }
}*/

/*.tmi-main-selling-points--benefits {
    padding-top: 25px;
    padding-bottom: 25px;
    background: #eef7f9;
}

@media (min-width: 992px) {
    .tmi-main-selling-points--benefits {
        padding-top: 40px;
        padding-bottom: 30px;
    }
}*/

/*.tmi-main-selling-points--benefits h2 {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

@media (min-width: 360px) {
    .tmi-main-selling-points--benefits h2 {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (min-width: 768px) {
    .tmi-main-selling-points--benefits h2 {
        font-size: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .tmi-main-selling-points--benefits h2 {
        padding-top: 10px;
        padding-bottom: 25px;
    }
}*/
/** Standard Selling Point Box **/

.tmi-main-selling-points__single {
    padding: 0;
    padding-top: 30px;
    padding-bottom: 25px;
    height: 125px;
}

@media (min-width: 768px) {
    .tmi-main-selling-points__single {
        height: 210px;
    }
}
/** Longer Selling Point Box **/

.tmi-main-selling-points__single--long {
    padding: 0;
    padding-top: 30px;
    padding-bottom: 25px;
    height: 140px;
}

@media (min-width: 768px) {
    .tmi-main-selling-points__single--long {
        height: 210px;
    }
}

@media (min-width: 992px) {
    .tmi-main-selling-points__single--long {
        padding-top: 50px;
    }
}
/** ICONS **/

.campaign-page-icon {
    display: block;
    margin: 0 auto 10px auto;
    width: 40px;
    height: 40px;
    background: url("../img/landing-pages/larger-brand-icons-sprite.png") no-repeat 0 0;
    background-size: 40px auto;
}

.campaign-page-icon--customers {
    background-position: 0 0;
}

.campaign-page-icon--coverage {
    background-position: 0 -40px;
}

.campaign-page-icon--keep-number {
    background-position: 0 -80px;
}

.campaign-page-icon--return-policy {
    background-position: 0 -120px;
}

.campaign-page-icon--secure {
    background-position: 0 -160px;
}

.campaign-page-icon--delivery {
    background-position: 0 -200px;
}

.campaign-page-icon--points {
    background-position: 0 -240px;
}

.campaign-page-icon--award-winning {
    background-position: 0 -280px;
}

.campaign-page-icon--switch {
    background-position: 0 -321px;
}

@media (min-width: 768px) {
    .campaign-page-icon {
        margin: 0 auto 20px auto;
        width: 80px;
        height: 80px;
        background-size: 80px auto;
    }

    .campaign-page-icon--customers {
        background-position: 0 0;
    }

    .campaign-page-icon--coverage {
        background-position: 0 -80px;
    }

    .campaign-page-icon--keep-number {
        background-position: 0 -160px;
    }

    .campaign-page-icon--return-policy {
        background-position: 0 -240px;
    }

    .campaign-page-icon--secure {
        background-position: 0 -320px;
    }

    .campaign-page-icon--delivery {
        background-position: 0 -400px;
    }

    .campaign-page-icon--points {
        background-position: 0 -480px;
    }

    .campaign-page-icon--award-winning {
        background-position: 0 -560px;
    }

    .campaign-page-icon--switch {
        background-position: 0 -642px;
    }
}

@media (min-width: 992px) {
    .campaign-page-icon {
        width: 80px;
        height: 80px;
        background-size: 80px auto;
    }
}
/** ICON LABELS **/

.campaign-page-icon-label {
    display: block;
    font-size: 14px;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    line-height: 14px;
}

@media (min-width: 360px) {
    .campaign-page-icon-label {
        font-size: 16px;
        line-height: 16px;
    }
}

@media (min-width: 768px) {
    .campaign-page-icon-label {
        font-size: 24px;
        line-height: 24px;
    }
}
/** iPhone Campaign Page - Plans **/

.tmi-selected-plans {
    position: relative;
    background: #f1f4fb;
    border-top: solid 1px #e8e8e8;
}

main .tmi-selected-plans .container {
    padding-left: 12px;
    padding-right: 12px;
}

.tmi-selected-plans.bill-pay-plans-page .tab-content {
    background-color: #f1f4fb;
}

.tmi-selected-plans h2 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.tmi-selected-plans__button {
    display: inline-block;
    width: auto;
    margin-top: 20px;
    padding-top: 8px;
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 8px;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    border-radius: 10px;
    color: #ffffff;
    background: #5014af;
}

    .tmi-selected-plans__button:hover,
    .tmi-selected-plans__button:focus {
        color: #ccc;
        background: #370096;
        text-decoration: none;
    }

.tmi-selected-plans__button--no-plan-available {
    background: #666;
    color: #ccc;
    opacity: .3;
}

    .tmi-selected-plans__button--no-plan-available:hover {
        background: #666;
        color: #ccc;
    }

.tmi-selected-plans.bill-pay-plans-page .row.plan-description {
    padding-left: 12px;
    padding-right: 12px;
}

.tmi-selected-plans .plan-details-hightlight {
    color: #6D6E71;
}

.tmi-selected-plans .plan-description {
    font-size: 16px;
}

.tmi-selected-plans.bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li span.val,
.tmi-selected-plans.bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span.val {
    padding-right: 2px;
    padding-left: 0;
    font-size: 24px;
}

.tmi-selected-plans.bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li span.mins,
.tmi-selected-plans.bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span.mins {
    padding-right: 5px;
    padding-left: 2px;
    font-size: 24px;
}

.tmi-selected-plans.bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li span.val.texts,
.tmi-selected-plans.bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span.val.texts {
    padding-right: 5px;
    padding-left: 2px;
}

.popular-plan-ping {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: url("../img/landing-pages/popular-ping-small.png") no-repeat;
    background-size: 40px auto;
}

@media (min-width: 360px) {
    .popular-plan-ping {
        right: 15px;
    }
}

@media (min-width: 768px) {
    .popular-plan-ping {
        top: 100px;
        right: 0;
        width: 100px;
        height: 100px;
        background: url("../img/landing-pages/popular-ping-large.png") no-repeat;
        background-size: 100px auto;
        z-index: 20;
    }
    /**iphone5s page*/

    .iphone-landing.popular-plan-ping {
        top: -50px;
        right: -50px;
        width: 100px;
        height: 100px;
        background: url(../img/landing-pages/popular-ping-large.png) no-repeat;
        background-size: 100px auto;
        z-index: 20;
    }
}

.iphone-landing h4 {
    color: #6d6e71;
    font-family: "Tesco-Regular", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

@media (min-width: 992px) {
    .popular-plan-ping {
        top: 120px;
        right: 100px;
    }

    .iphone-landing h4 {
        font-size: 1.4em;
        color: #6d6e71;
        font-family: "Tesco-Regular", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
}

@media (min-width: 1180px) {
    .popular-plan-ping {
        right: 220px;
    }
}

@media (min-width: 768px) {
    .tmi-selected-plans {
        background: #fff;
        padding-bottom: 50px;
    }

        .tmi-selected-plans.bill-pay-plans-page {
            text-align: center;
        }

    .tmi-selected-plans--swoosh {
        background: url("../img/landing-pages/swoosh.png") no-repeat;
        background-position: 40% 100%;
        background-size: 90% auto;
    }
    /**sim exchange landing page **/

    .sim-exchange.tmi-selected-plans--swoosh {
        background: url(../img/landing-pages/swoosh.png) no-repeat !important;
        background-position: 50% 102% !important;
        background-size: 175% auto !important;
        padding-bottom: 110px;
        text-align: center;
    }

    .tmi-selected-plans--swoosh--iphone6 {
        background-position: 40% 80%;
        background-size: 90% auto;
    }

    .tmi-selected-plans h2 {
        padding-top: 60px;
        padding-bottom: 30px;
        font-size: 48px;
    }

    .tmi-selected-plans.bill-pay-plans-page .tab-content {
        background-color: transparent;
    }

    .tmi-selected-plans #plan50euro,
    .tmi-selected-plans #plan20euro,
    .tmi-selected-plans #plan10euro {
        padding: 10px 0 0 0;
    }

        .tmi-selected-plans #plan50euro .container,
        .tmi-selected-plans #plan20euro .container,
        .tmi-selected-plans #plan10euro .container {
            border-bottom: solid 0px #c5c5c6;
        }

    .tmi-selected-plans.bill-pay-plans-page .plan-details-container {
        margin: 0 auto;
    }

    .tmi-selected-plans.bill-pay-plans-page .plan-price h3 {
        font-size: 2.0em;
    }

    .tmi-selected-plans.bill-pay-plans-page .plan-price p {
        margin-top: -5px;
        font-size: 1.2em;
        font-family: 'Tesco-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

    .tmi-selected-plans .plan-details-hightlight {
        color: #ffffff;
    }

    .tmi-selected-plans.bill-pay-plans-page .plan-details-box.plan-details-hightlight .plan-details {
        border-left: 1px solid #ffffff;
    }

    .tmi-selected-plans__button {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        line-height: 1em;
    }

    .tmi-selected-plans.bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li span.val,
    .tmi-selected-plans.bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span.val {
        padding-right: 2px;
        padding-left: 0;
    }

    .tmi-selected-plans.bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li span.mins,
    .tmi-selected-plans.bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span.mins {
        display: block;
        padding-right: 5px;
        padding-left: 0;
    }

    .tmi-selected-plans.bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li span.val.texts,
    .tmi-selected-plans.bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span.val.texts {
        display: block;
        padding-right: 5px;
        padding-left: 0;
        font-family: "Tesco-Regular", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

    .tmi-selected-plans.bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list,
    .tmi-selected-plans.bill-pay-plans-page .plan-details-box .plan-details ul.plan-list {
        text-align: center;
    }

        .tmi-selected-plans.bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li span.data,
        .tmi-selected-plans.bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span.data {
            display: block;
            font-family: "Tesco-Regular", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        }

    .tmi-selected-plans.bill-pay-plans-page .plan-details-box .plan-price {
        width: 20%;
        margin: 0;
    }

    .tmi-selected-plans.bill-pay-plans-page .plan-details-box .plan-details {
        padding-left: 15px;
        width: 78%;
        border-left: 1px solid #ffffff;
    }
}

@media (min-width: 992px) {
    .tmi-selected-plans {
        padding-bottom: 150px;
    }

    .tmi-selected-plans--swoosh {
        background-position: 45% 50%;
        background-size: 130% auto;
    }

    .tmi-selected-plans--swoosh--iphone6 {
        background-position: 40% 0%;
        background-size: 120% auto;
        padding-bottom: 80px;
    }
    /**sim exchange landing page **/

    .sim-exchange.tmi-selected-plans--swoosh {
        background: url(../img/landing-pages/swoosh.png) no-repeat !important;
        background-position: 50% 100% !important;
        background-size: 150% !important;
        padding-bottom: 110px;
        text-align: center;
    }

    .tmi-selected-plans h2 {
        padding-top: 60px;
        padding-bottom: 30px;
        font-size: 48px;
    }

    .tmi-selected-plans.bill-pay-plans-page .row.plan-description .col-md-8 {
        padding: 0;
        width: 620px;
    }

    .tmi-selected-plans.bill-pay-plans-page .plan-price h3 {
        font-size: 2.25em;
    }

    .tmi-selected-plans.bill-pay-plans-page .plan-price p {
        font-size: 1.4em;
    }

    .tmi-selected-plans.bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li:first-child,
    .tmi-selected-plans.bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li:first-child {
        padding: 28px 0;
        font-size: 24px;
    }

    .tmi-selected-plans.bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li span.mins,
    .tmi-selected-plans.bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span.mins,
    .tmi-selected-plans.bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li span.val.texts,
    .tmi-selected-plans.bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span.val.texts,
    .tmi-selected-plans.bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li span.data,
    .tmi-selected-plans.bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span.data {
        margin-top: -5px;
    }

    .tmi-selected-plans.bill-pay-plans-page .plan-details-box.plan-details-hightlight,
    .tmi-selected-plans.bill-pay-plans-page .plan-details-box {
        margin: 0;
        padding: 15px 0;
    }

    .tmi-selected-plans #plan10euro .container,
    .tmi-selected-plans #plan20euro .container,
    .tmi-selected-plans #plan30euro .container,
    .tmi-selected-plans #plan50euro .container {
        padding-bottom: 10px;
    }

    .tmi-selected-plans__button {
        margin-top: 50px;
    }

    .tmi-selected-plans.bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span.unlimited-padding {
        padding-left: 10px;
    }
}

@media (min-width: 1180px) {
    .tmi-selected-plans {
        padding-bottom: 120px;
    }

    .tmi-selected-plans--swoosh {
        background-position: 50% 0;
        background-size: 95% auto;
    }
    /**iphone landing page **/

    .iphone-landing.tmi-selected-plans--swoosh {
        background-position: 50% 70%;
        background-size: 90% auto;
    }
    /**sim exchange landing page **/

    .sim-exchange.tmi-selected-plans--swoosh {
        background-position: 50% 76% !important;
        background-size: 120% auto !important;
        padding-bottom: 110px;
        text-align: center;
    }

    .tmi-selected-plans--swoosh--iphone6 {
        background-position: 50% 100%;
        background-size: 90% auto;
    }
}

@media (min-width: 1300px) {
    .tmi-selected-plans--swoosh--iphone6 {
        background-position: 50% 100%;
        background-size: 90% auto;
    }
}

@media (min-width: 1600px) {
    .tmi-selected-plans--swoosh {
        background-position: 50% 100%;
        background-size: 80% auto;
    }
}

@media (min-width: 1900px) {
    .tmi-selected-plans--swoosh--iphone6 {
        background-position: 50% -35%;
        background-size: 65% auto;
    }

    .sim-exchange.tmi-selected-plans--swoosh {
        background-size: 89% auto !important;
    }
}

.fair-usage-message {
    margin-top: -5px;
    padding-right: 25px;
    text-align: right;
}

@media (min-width: 768px) {
    .fair-usage-message {
        color: #fff;
    }
}

@media (min-width: 992px) {
    .fair-usage-message {
        margin-top: 10px;
        padding-right: 140px;
        text-align: right;
        color: #fff;
    }
}

@media (min-width: 1180px) {
    .fair-usage-message {
        padding-right: 250px;
    }
}

/*.customer-testimonials h2 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.customer-testimonials h3 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-family: "Tesco-Bold", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

@media (min-width: 1180px) {
    .customer-testimonials h2 {
        font-size: 3.3em;
    }

    .customer-testimonials h3 {
        padding-top: 9px;
        padding-bottom: 33px;
        font-size: 1.74em;
    }
}*/
/** Customer Customer Testimonials - Badge **/

/*.ireland-recommended {
    display: block;
    position: absolute;
    top: -35px;
    right: 0;
    background: url("../img/landing-pages/irelands-most-recommended.png") no-repeat;
    width: 137px;
    height: 116px;
}

@media (min-width: 1180px) {
    .ireland-recommended {
        right: 45px;
    }
}*/
/** iPhone Campaign Page Call to Actions **/

.not-sure-what-your-looking-for {
    padding-top: 20px;
    padding-bottom: 48px;
}

    .not-sure-what-your-looking-for h2 {
        margin: 0;
        padding: 0;
        font-size: 26px;
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

@media (min-width: 360px) {
    .not-sure-what-your-looking-for h2 {
        font-size: 28px;
    }
}

@media (min-width: 768px) {
    .not-sure-what-your-looking-for h2 {
        font-size: 30px;
    }
}

.not-sure-what-your-looking-for h3 {
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
    font-size: 30px;
    font-family: "Tesco-Regular", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.not-sure-what-your-looking-for .cta-btn {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .not-sure-what-your-looking-for .cta-btn a {
        display: block;
        width: 80%;
        margin: 0 auto;
        padding-bottom: 33px;
        color: #ffffff;
        font-size: 16px;
        font-family: "Tesco-Bold", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

.not-sure-what-your-looking-for .cta-icon-text {
    display: block;
    padding-top: 16px;
    padding-bottom: 15px;
}

@media (min-width: 768px) {
    .not-sure-what-your-looking-for {
        padding-top: 42px;
        padding-bottom: 74px;
    }

        .not-sure-what-your-looking-for h3 {
            margin-top: -5px;
            padding-bottom: 40px;
        }

        .not-sure-what-your-looking-for .cta-btn a {
            width: 100%;
        }
}

@media (min-width: 992px) {
    .not-sure-what-your-looking-for .cta-btn {
        float: none;
        display: inline-block;
    }
}

@media (min-width: 1180px) {
    .not-sure-what-your-looking-for .cta-icon-text {
        padding-top: 25px;
    }

    .not-sure-what-your-looking-for .cta-btn a {
        width: 80%;
        padding-bottom: 40px;
    }
}
/** Why Join Landing page  **/

.why-join-landing img {
    max-width: 100%;
}

.why-join-landing .why-join-intro h2 {
    font-size: 20px !important;
    padding: 43px 0;
}

.tmi-whyjoingrey {
    background-color: #eef7f9;
}

.why-join-landing .not-sure-what-your-looking-for h2 {
    padding-top: 74px !important;
}

.why-join-landing .not-sure-what-your-looking-for h3 {
    font-size: 26px !important;
    padding-top: 20px !important;
}

.why-join-landing .more-data {
    top: -169px;
    right: -72px;
    width: 500px;
    height: 67px;
    background: url(../img/landing-pages/with-even-more-data.png) no-repeat;
    /* background-size: 100px auto; */
    z-index: 20;
    position: absolute;
}

.why-join-landing .bill-pay-plans-page .nav-tabs > li.tabs-two {
    width: 25%;
}

.why-join-landing .why-join-select-plans-text {
    color: #6D6E71 !important;
    font-size: 14px;
}

.why-join-landing .customer-testimonials h2 {
    font-size: 2em;
}

.why-join-landing .customer-testimonials h3 {
    padding-top: 9px;
    padding-bottom: 33px;
}

@media (min-width: 992px) {
    .why-join-landing .why-join-intro h2 {
        font-size: 30px !important;
        padding: 70px 0;
    }

    .why-join-landing .customer-testimonials h2 {
        font-size: 3.3em;
    }

    .why-join-landing .customer-testimonials h3 {
        padding-top: 9px;
        padding-bottom: 33px;
        font-size: 1.7em;
    }
}

@media (min-width: 1180px) {
    .why-join-landing .why-join-intro h2 {
        font-size: 36px !important;
        padding: 70px 0;
    }
}

@media (max-width: 1180px) and (min-width: 850px) {
    .why-join-landing .tmi-selected-plans--swoosh {
        background: url(../img/landing-pages/swoosh.png) no-repeat !important;
        background-position: 54% 104% !important;
    }
}

@media (max-width: 640px) {
    .why-join-landing .tmi-selected-plans__button {
        margin-top: 20px !important;
    }
}

@media (max-width: 1000px) {
    .why-join-landing .more-data {
        top: -158px;
        right: -61px;
    }

    .why-join-landing .tmi-selected-plans__button {
        margin-top: 44px;
    }
}
/**EU ROAMING*/

.roaming_page {
    padding-top: 40px;
}

.roaming_block {
    margin: 40px 0px;
    text-align: left;
}

.roaming-table {
    border: 1px solid #6D6E71;
    width: 100%;
    margin: 20px 0px;
}

    .roaming-table tr,
    .roaming-table td {
        border: 1px solid #6D6E71;
        height: 51px;
    }

    .roaming-table .data {
        width: 10%;
        height: 51px;
    }

    .roaming-table .data_label {
        width: 35%;
        height: 51px;
    }

    .roaming-table .data_label2 {
        width: 15%;
        height: 51px;
    }

    .roaming-table .data_label3 {
        width: 20%;
        height: 51px;
    }

@media (max-width: 640px) {
    .roaming-table {
        font-size: 12px;
    }

    .roaming-table2 {
        font-size: 11px;
    }

    .roaming_page .col-md-8 {
        padding: 0;
    }
}

@media (min-width: 992px) {
    .dropdown-menu .megamenu-left.help ul li.second-last-child-item {
        margin-bottom: 10px;
    }

    .dropdown-menu .megamenu-left.help ul li.last-child-item {
        background: red;
        margin-top: 0;
    }

    .dropdown-menu ul li .btn.help-centre-button {
        margin: 0;
    }
}

.app_page {
    padding-bottom: 0px !important;
}

    .app_page .phone-inner {
        border: 1px solid #ddd !important;
    }

    .app_page .nav li {
        border: 1px solid;
        margin-right: 10px;
        border-bottom: 1px solid #fff;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-color: #ddd;
    }

        .app_page .nav li > a:hover {
            background: none !important;
            color: #6D6E71;
        }

        .app_page .nav li > a {
            height: 100%;
            border: none;
            background: none !important;
            height: 64px;
            line-height: 64px;
        }

        .app_page .nav li[aria-selected="true"] {
            background-color: #fff;
            border-bottom: 1px solid #fff;
        }

        .app_page .nav li[aria-selected="false"] {
            background-color: #ddd;
            border-bottom: 1px solid #6D6E71;
        }

.app_page-whitespacetitle {
    height: 80px;
}

.app_page-leftaligned {
    text-align: left;
}

@media (max-width: 1199px) {
    .prod_fixes li:first-child {
        width: 48%;
        margin-right: 4%;
        text-align: center;
    }

    .prod_fixes li:nth-child(2) {
        width: 48%;
        margin-right: 0px;
        text-align: center;
    }
}

.imp_leftcolumn {
    width: 44%;
    min-height: 120px;
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
}

.imp_rightcolumn {
    width: 42%;
    height: 120px;
    display: inline-block;
    margin-left: 3%;
    vertical-align: top;
}

.imp_leftbox {
    background-color: #01aef0;
    padding: 20px;
    color: #fff;
    position: relative;
    width: 44%;
    min-height: 120px;
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
}

.imp_leftbottombox {
    margin-top: 30px;
    padding: 20px !important;
    cursor: pointer;
}

.imp_triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 8px 0 8px;
    border-color: #01aef0 transparent transparent transparent;
    position: absolute;
    bottom: -13px;
    left: 50%;
    display: block;
}

.imp_leftbox .imp_first_text {
    display: inline-block;
    padding-right: 4%;
    width: 42%;
    vertical-align: top;
    padding-top: 2px;
}

.imp_leftbox .imp_second_text {
    display: inline-block;
    padding-left: 4%;
    text-align: left;
    padding-top: 10px;
    border-left: 1px solid #fff;
    width: 50%;
    vertical-align: top;
}

.imp_leftbox h1 {
    margin: 0px !important;
    padding: 0px !important;
    color: #fff;
    font-size: 60px !important;
}

.imp_leftbox p {
    color: #fff;
    font-size: 19px !important;
    font-weight: bold;
    line-height: 24px;
}

.imp_rightbox {
    color: #6D6E71;
    text-align: left;
    position: relative;
    padding-left: 6%;
    width: 42%;
    height: 120px;
    display: inline-block;
    margin-left: 3%;
    vertical-align: top;
    padding-top: 10px;
}

    .imp_rightbox h4 {
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        font-weight: 400;
        font-size: 1.4em;
    }

    .imp_rightbox p {
    }

.imp_plus {
    position: absolute;
    font-size: 34px;
    font-weight: bold;
    left: -2%;
    top: 54px;
}

.imp_terms {
    width: 75%;
    display: inline-block;
}

    .imp_terms a {
        cursor: pointer;
        text-decoration: underline;
    }

.international_12month_plan {
    text-align: center;
}

    .international_12month_plan span {
        background-color: #fff;
    }

.imp_leftcolumn .notification {
    margin-top: 20px;
    color: #6D6E71;
    background-color: #f1f4fb;
    border: solid 1px #f1f4fb;
    padding: 10px 10px 0px 10px;
}

.owl-item .notification {
    margin-top: 20px;
    color: #6D6E71;
    background-color: #f1f4fb;
    border: solid 1px #f1f4fb;
    padding: 10px 10px 0px 10px;
}

@media (max-width: 1199px) {
    .imp_first_text h1 {
        font-size: 50px !important;
    }

    .imp_leftbox {
        padding: 15px;
    }

        .imp_leftbox .imp_first_text {
            padding-top: 20px;
        }
}

@media (max-width: 767px) {
    .imp_leftcolumn .notification {
        margin-bottom: 20px;
    }

    .international_12month_plan span {
        background-color: #fff;
        display: block;
        margin-left: 15px;
        margin-right: 15px;
    }

    .imp_terms {
        width: 100%;
    }

        .imp_terms p {
            font-size: 14px;
        }

    .imp_triangle {
        display: none;
    }

    .imp_plus {
        position: initial;
        font-size: 34px;
        font-weight: bold;
        left: -2%;
        top: 54px;
        text-align: center;
    }

    .imp_leftcolumn {
        width: 100%;
        display: block;
        margin-right: 0%;
        min-height: 20px;
    }

    .imp_rightcolumn {
        display: none;
    }

    .imp_leftbox {
        min-width: 260px;
        display: block;
        margin: 0 auto;
        padding: 10px;
    }

    .imp_rightbox {
        width: 100%;
        display: block;
        margin: 0px;
        height: initial;
        padding-left: 10px;
        padding-right: 10px;
    }

        .imp_rightbox h4 {
            text-align: center;
        }

        .imp_rightbox p {
            text-align: center;
        }

    .imp_leftbox .imp_first_text {
        padding-top: 20px;
    }

    .imp_leftbox .imp_second_text {
    }

    .imp_leftbox p {
        font-size: 16px !important;
    }

    .imp_leftbox h1 {
        font-size: 48px !important;
    }

    .imp_leftbottombox {
        margin-top: 30px;
        padding: 20px !important;
        cursor: pointer;
        background-color: #fff !important;
        color: #01aef0 !important;
    }

        .imp_leftbottombox a {
            color: #01aef0 !important;
        }
}
/*Styling for Search results*/
/** blue larger text*/

.large-text {
    font-size: 28px;
}

.tesco-blue {
    color: #00AEEF;
}
/*Styling for new rates 2017 page*/

.table-wide {
    border: solid #6D6E71 1px;
    padding: 5px;
}

.table-spacing {
    margin: 15px;
}

.table-mid {
    border-bottom: solid #6D6E71 0px;
}

.table-divide {
    border-right: solid #6D6E71 1px;
    ;
}

.blue-emph {
    color: #00AEEF;
    font-weight: bold;
    text-transform: uppercase;
}

.list-bare {
    list-style: none;
    padding: 0;
}
/* BLACK FRIDAY code starts here! */

.bf_banner {
    background-color: #fff;
    border-top: none;
    border-bottom: none;
    height: 350px;
}

.bf_heading_container {
    background-color: #EAEDF2;
    margin: 25px 0;
}

.bf_heading {
    margin: 0;
    text-align: center;
    padding: 15px 0 25px 0;
}

@media (min-width: 992px) and (max-width: 1056px) {
    .bf_banner {
        height: 320px;
    }
}

@media (min-width: 861px) and (max-width: 991px) {
    .bf_banner {
        height: 550px;
    }
}

@media (min-width: 768px) and (max-width: 860px) {
    .bf_banner {
        height: 480px;
    }
}

@media (min-width: 641px) and (max-width: 767px) {
    .bf_banner {
        height: 550px;
    }
}

@media (min-width: 576px) and (max-width: 640px) {
    .bf_banner {
        height: 500px;
    }
}

@media (min-width: 480px) and (max-width: 575px) {
    .bf_banner {
        height: 380px;
    }
}

@media (min-width: 361px) and (max-width: 479px) {
    .bf_banner {
        height: 320px;
    }
}

@media (min-width: 220px) and (max-width: 360px) {
    .bf_banner {
        height: 250px;
    }
}

.bf_container {
    margin-top: 40px;
}

@media (min-width: 992px) {
    .bf_banner {
    }

        .bf_banner h1 {
            margin-top: 80px;
        }
}

.bf_phones_container {
    padding-left: 120px !important;
    padding-right: 120px !important;
    padding-top: 40px !important;
}

.bf_alert {
    margin-right: 12px;
    margin-left: 12px;
    margin-top: 20px;
    margin-bottom: 40px;
}

.bf-footer .calltoactions-wrapper {
    margin: 0px;
    margin-bottom: 30px;
    margin-top: 10px;
}

@media (max-width: 992px) {
    .bf_phones_container {
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-top: 40px !important;
    }

    .bf_heading {
        padding: 15px 0;
    }
}

.bf_phones_container .ping {
    right: -24px !important;
}

@media(max-width:767px) {
    .bf_phones_container .ping {
        right: -36%;
        margin-right: 58%;
    }
}

@media(max-width:575px) {
    .bf_phones_container .ping {
        right: -46%;
        margin-right: 58%;
    }
}

.phone-details-slider .ping {
    position: relative;
    top: 5%;
    right: 0;
    width: 70px;
    height: 70px;
    margin-left: 25px;
    display: inline-block;
    vertical-align: top;
    background-image: url(../img/pings.svg);
    background-repeat: no-repeat;
}

.order-selection .ping {
    position: relative;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
    background-image: url(../img/pings.svg);
    background-repeat: no-repeat;
}

.shoppingcart-box .ping {
    position: relative;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    display: inline-block;
    margin-left: 5px;
    background-image: url(../img/pings.svg);
    background-repeat: no-repeat;
}

@media(max-width:767px) {
    .phone-details-slider .ping {
        position: relative;
        top: 5%;
        right: 0;
        width: 70px;
        height: 70px;
    }

    .order-selection .ping {
        position: relative;
        top: 0;
        right: 0;
        width: 70px;
        height: 70px;
    }
}

.bf_phones_container .phone-inner {
    margin-left: 14px;
    margin-right: 14px;
}
/* BLACK FRIDAY code finishes here! */
/*Styles for Search Results*/

#ThunderstoneSearch form {
    display: none;
}

#ThunderstoneSearchResults {
    margin-top: 30px;
    font-family: "Tesco-Regular", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif !important;
}

    #ThunderstoneSearchResults table:nth-of-type(2) tr td:nth-of-type(3) {
        display: none;
    }

    #ThunderstoneSearchResults table:nth-of-type(2) tr td:nth-of-type(1) {
        font-size: 1em;
        letter-spacing: -1px;
        color: #666666;
        padding-right: 10px;
        font-weight: bold;
        font-family: "Tesco-Regular", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif !important;
    }

    #ThunderstoneSearchResults table:nth-of-type(2) tr td:nth-of-type(2) {
        font-size: 1em;
        letter-spacing: -1px;
        color: #666666;
        padding-right: 10px;
        font-weight: normal;
        font-family: "Tesco-Regular", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif !important;
    }

/*.nextlink {
    color: #fff;
    border: solid 2px #00AEEF;
    background: #00AEEF;
    padding: 9px;
    margin-top: 20px;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-weight: normal;
    border-radius: 3px;
}*/

.searchresultstext {
    padding-top: 30px;
    padding-bottom: 30px;
}

.searchresultsbutton {
    /*padding-top: 30px;*/
    padding-bottom: 30px;
    text-align: right;
}

@media (min-width: 768px) {
    .searchresultsbutton {
        padding-top: 15px;
    }
}

.sort_by {
    /* margin-right: 10px; */
    padding: 8px 6px;
    border-radius: 3px;
    width: 70px;
    line-height: 48px;
    color: #00aeef;
    border: solid 2px #00AEEF;
}

.search_pagination {
    /*text-align:center;*/
    font-size: 18px;
}

.boldresulttext {
    display: inline-block;
    font-weight: bold;
    padding: 0 4px;
}

.result_spacing {
    margin-bottom: 28px;
    display: inline-block;
    margin-left: -12px;
    margin-right: -12px;
}

.top_table {
    margin-bottom: 28px;
}

.pagination_row {
    margin-bottom: 28px;
}

.result_number {
    text-align: right;
    display: none;
}

@media (max-width: 640px) {
    .search_pagination_text {
        /* display:none; */
    }

    .searchresultstext {
        padding-top: 30px;
        /* display:none; */
    }

    .searchresultsbutton {
        /*float: right;*/
    }
}

.spinner {
    height: 100px;
}

    .spinner div {
        width: 32px !important;
        height: 4px !important;
        background: rgba(0, 0, 0, 0) !important;
    }

        .spinner div > div {
            background-color: #000 !important;
        }
/*Styles for Search Results*/
/* Fix for tesco videos */

.fix_video {
    text-align: center;
    height: 274px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.npp_opt {
    text-align: center;
    background-color: #eaedf2;
    width: 340px;
    display: inline-block;
    margin-left: 2%;
    margin-right: 2%;
    height: 284px;
}

.npp_button {
    background-color: #00aeef;
    transition: 0.2s;
    cursor: pointer;
    text-decoration: none !important;
    font-weight: bold;
    padding: 20px;
    color: #fff;
    display: block;
    width: fit-content;
    margin: 0 auto;
    border-radius: 4px;
}

    .npp_button:hover {
        background-color: #0095d6;
        color: #fff;
        text-decoration: none !important;
    }

.npp_pic1 {
    background-image: url(../img/cached/freesimandphone-new-ping.png);
    width: 290px;
    height: 168px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.npp_pic2 {
    background-image: url(../img/cached/freesimonly-new-ping.png);
    width: 290px;
    height: 168px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.npp_pic3 {
    background-image: url(../img/cached/freesimandphone-new-ping.png);
    width: 290px;
    height: 168px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.npp_pic4 {
    background-image: url(../img/cached/sim7euro50-new-ping.png);
    width: 290px;
    height: 168px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.npp_buttons_fix {
    height: auto !important;
}

.npp_include_15_topup .row {
    margin-top: 30px !important;
}

    .npp_include_15_topup .row h2 {
        margin-bottom: 30px !important;
        font-size: 36px;
    }

.npp_simline_fix {
    margin-top: 20px !important;
}

@media (max-width: 991px) {
    .npp_opt {
        margin-bottom: 40px;
        display: block;
        margin: 0 auto;
    }
}

@media (max-width: 576px) {
    .npp_opt {
        width: 100%;
        height: auto;
        padding-bottom: 20px;
    }

        .npp_opt .npp_pic_small {
            width: 100%;
            height: 150px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
        }
}
/**
* #.#  New SIM ONLY Plans Styles
*
* Styles specific to SIM Plans 
*/

.sim-only-plans-page--new-layout {
    padding-bottom: 45px;
}

    .sim-only-plans-page--new-layout .section-heading {
        background: url(../img/swoosh/img_section_heading_sim_only_mobile.gif) no-repeat 0 0;
    }

        .sim-only-plans-page--new-layout .section-heading h1 {
            padding-top: 15px;
            font-size: 32px;
        }

        .sim-only-plans-page--new-layout .section-heading p.lead {
            padding-top: 15px;
            line-height: 1.2;
        }

            .sim-only-plans-page--new-layout .section-heading p.lead br {
                display: none;
            }

    .sim-only-plans-page--new-layout .plan-button-wrap {
        display: block;
        padding: 30px 20px 0 20px;
    }

        .sim-only-plans-page--new-layout .plan-button-wrap .btn {
            display: block;
            margin-bottom: 10px;
            font-size: 18px;
            font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        }

@media (min-width: 768px) {
    .sim-only-plans-page--new-layout .section-heading {
        padding-bottom: 20px;
        background: url(../img/swoosh/img_section_heading_tablet.gif) no-repeat 0 0;
    }

    .sim-only-plans-page--new-layout .plan-button-wrap .btn {
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .sim-only-plans-page--new-layout .section-heading {
        padding-bottom: 18px;
        background: #eff1f7 url(../img/swoosh/img_section_heading_desktop.gif) no-repeat 50% 0;
    }

        .sim-only-plans-page--new-layout .section-heading h1 {
            padding-top: 44px;
            font-size: 3.5625em;
        }

        .sim-only-plans-page--new-layout .section-heading p.lead {
            width: 75%;
        }

            .sim-only-plans-page--new-layout .section-heading p.lead br {
                display: block;
            }
}

@media (min-width: 1180px) {
    .sim-only-plans-page--new-layout .section-heading p.lead {
        width: 55%;
    }
}


/** Benefits of SIM Only */

.benefits-of-sim-only {
    padding: 33px 0;
    border-bottom: solid 1px #c5c5c5;
    text-align: center;
}

    .benefits-of-sim-only h2 {
        margin: 0;
        font-size: 28px;
        padding-bottom: 10px;
    }

.benefits-of-sim-only__feature {
    padding-left: 25px;
    padding-right: 0;
    text-align: left;
}

    .benefits-of-sim-only__feature i {
        display: inline-block;
        font-size: 22px;
        color: #00c16b;
    }

    .benefits-of-sim-only__feature p {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        padding: 10px 0 10px 20px;
        font-size: 18px;
        width: 80%;
    }

@media (min-width:360px) {
    .benefits-of-sim-only__feature {
        padding-left: 45px;
    }
}

@media (min-width:768px) {
    .benefits-of-sim-only__feature {
        padding-left: 150px;
    }
}



@media (min-width: 992px) {

    .benefits-of-sim-only .container {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .benefits-of-sim-only h2 {
        padding-left: 30px;
    }

    .benefits-of-sim-only__feature--first {
        width: 22%;
    }

    .benefits-of-sim-only__feature p {
        font-size: 16px;
        padding-left: 10px;
    }

    .benefits-of-sim-only__feature br {
        display: block;
    }

    .benefits-of-sim-only__feature {
        padding-left: 12px;
    }
}

@media (min-width: 1180px) {
    .benefits-of-sim-only__feature--first {
        width: 25%;
    }
}




/** Bill Pay Plans **/
.sim-only-plans-page--new-layout .bill-pay-plans {
    padding: 20px 0 40px 0;
    text-align: center;
}

    .sim-only-plans-page--new-layout .bill-pay-plans h2 {
        font-size: 32px;
    }

    .sim-only-plans-page--new-layout .bill-pay-plans .intro {
        padding: 0 20px 45px 20px;
        text-align: center;
    }

        .sim-only-plans-page--new-layout .bill-pay-plans .intro p {
            margin: 0 auto;
            width: 90%;
            font-size: 18px;
            line-height: 1.7;
        }

    .sim-only-plans-page--new-layout .bill-pay-plans .row {
        margin: 0;
        padding: 0 18px;
    }

        .sim-only-plans-page--new-layout .bill-pay-plans .row .single-sim-block {
            padding: 25px 15px !important;
        }

.single-sim-block .column-one col-lg-6 {
    padding-left: 8px;
    padding-right: 34px;
}

.single-sim-block .column-two {
    width: auto !important;
}

.single-sim-block .column-one.col-lg-6 div input[type=submit] {
    width: 100%;
}

.sim-only-plans-page--new-layout .bill-pay-plans .row {
    width: 80% !important;
}

.sim-only-plans-page--new-layout .alert {
    display: block;
    margin: 0 auto 20px auto;
    padding: 10px 20px;
    font-size: 14px;
    width: 90%;
}

.sim-only-plans-page--new-layout .terms-text {
    margin: 10px auto 0 auto;
    font-size: 14px;
    width: 90%;
}

    .sim-only-plans-page--new-layout .terms-text a {
        text-decoration: underline;
    }

        .sim-only-plans-page--new-layout .terms-text a:hover {
            text-decoration: none;
        }

@media (max-width: 1180px) {
    .sim-only-plans-page--new-layout .bill-pay-plans .row .single-sim-block .new {
        padding-bottom: 25px !important;
    }
}

@media (min-width: 1024px) {

    .sim-only-plans-page--new-layout .bill-pay-plans .row {
        padding: 15px !important;
    }

    .sim-box.sim-box--billpay.row.single-sim-block {
        width: 60% !important;
    }

    .single-sim-block .column-one.col-lg-6 div input[type=submit] {
        width: 75% !important;
    }

    .single-sim-block .column-two {
        padding-left: 20px !important;
    }

    .sim-single-inner-block {
        padding: 0px 15px 15px !important;
    }
}

@media (min-width:769px) {

    .sim-only-plans-page--new-layout .bill-pay-plans .row {
        margin-right: -12px;
        margin-left: -12px;
        padding: 0;
    }

    .sim-only-plans-page--new-layout .alert {
        width: 60%;
    }
}


@media (min-width: 992px) {
    .sim-only-plans-page--new-layout .bill-pay-plans {
        padding: 38px 0 40px 0;
        text-align: center;
        background: #fff url('../img/swoosh/tesco-swoosh-sim-only.jpg') no-repeat 0 50%;
    }

        .sim-only-plans-page--new-layout .bill-pay-plans .intro {
            width: 65%;
        }

        .sim-only-plans-page--new-layout .bill-pay-plans h2 {
            font-size: 40px;
        }
}

@media (max-width: 420px) {
    .sim-only-plans-page--new-layout .bill-pay-plans .row.mob-wide {
        width: 100% !important;
    }

    .sim-only-plans-page--new-layout .bill-pay-plans .row .single-sim-block {
        width: 100% !important;
        margin-bottom: 25px;
    }

    .column-one.widen-block.col-lg-6.col-md-6.col-sm-12.col-12 {
        width: 100%;
    }

    .sim-box .toggle-button {
        width: auto !important;
    }

    .sim-only-plans-page--new-layout .section-heading {
        background-size: cover;
    }
}



/** Pre Pay Plans **/
.sim-only-plans-page--new-layout .pre-pay-plans {
    padding: 38px 0 40px 0;
    text-align: center;
}

    .sim-only-plans-page--new-layout .pre-pay-plans .intro p {
        font-size: 18px;
        line-height: 1.7;
    }

    .sim-only-plans-page--new-layout .pre-pay-plans .alert {
        display: inline-block;
        margin-top: 0;
        padding: 0;
        font-size: 14px;
        max-width: 880px;
    }

@media (min-width:768px) {

    .sim-only-plans-page--new-layout .pre-pay-plans .alert {
        width: 90%;
    }

    .sim-only-plans-page--new-layout .bill-pay-plans .row {
        width: 95%;
        margin: 0 auto;
        padding: 25px;
    }

        .sim-only-plans-page--new-layout .bill-pay-plans .row.mob-wide {
            margin: 0 auto 30px auto;
        }

    .sim-box.sim-box--billpay.row .toggle-button {
        width: auto;
    }

    .sim-only-plans-page--new-layout .bill-pay-plans .row {
        width: 95% !important;
    }

    .single-sim-block .column-one.col-lg-6 div input[type=submit] {
        width: 30%;
        margin: 0 auto 25px auto;
    }

    .single-sim-block .column-two {
        width: 100% !important;
    }

    .single-sim-block .column-two {
        border-top: none !important;
    }

    .sim-single-inner-block {
        padding: 25px 50px;
        border-top: solid 1px #c0c1c5;
    }
}




/** SIM BOX **/
.sim-box {
    padding-top: 25px;
    padding-bottom: 25px;
    width: auto;
    border-radius: 3px;
}

    .sim-box:before,
    .sim-box:after {
        display: table;
        content: '';
    }

    .sim-box:after {
        clear: both;
    }

.sim-box--billpay {
    display: block;
    margin: 0 0 20px auto;
    background: #eaedf2;
    position: relative;
    font-size: 0;
}

.sim-box--prepay {
    background: #ffffff;
}

.sim-box h3 {
    margin: 0;
    padding: 0;
    font-size: 30px;
}

.sim-box--prepay h3 {
    padding-bottom: 15px;
    font-size: 24px;
    text-align: center;
}

.sim-box p {
    margin: 0;
    font-size: 18px;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.sim-box img {
    margin-bottom: 20px;
}

.sim-box button, .sim-box input[type=submit] {
    display: block;
    width: 180px;
    margin-bottom: 30px;
    padding: 12px 0;
    font-size: 18px;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.sim-box a {
    text-decoration: underline;
}

    .sim-box a:hover {
        text-decoration: none;
    }



.sim-box .column-one,
.sim-box .column-two {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

    /* Column One */
    .sim-box .column-one p {
        margin: -5px 0 18px 0;
    }

/* Column Two */
.sim-box .column-two {
    width: 80%;
    border-top: solid 1px #c0c1c5;
    text-align: left;
    padding: 25px 35px 20px 35px;
}

    .sim-box .column-two p {
        padding: 10px 0;
        font-size: 22px;
    }

.single-sim-block .column-two .sim-single-inner-block p {
    max-width: 195px;
}

.sim-box--prepay .column-one p {
    font-size: 22px;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.sim-box--prepay .column-two p {
    font-size: 18px;
}

.sim-box-prepay-outer {
    margin-bottom: 45px;
}

.sim-box .toggle-button {
    position: relative;
    margin: 0 auto;
    padding: 0 40px 0 0;
    width: inherit;
    background: none;
    border: 0;
    color: #00AEEF;
}

    .sim-box .toggle-button:after {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -15px;
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f106";
        color: #00AEEF;
        font-size: 30px;
    }

    .sim-box .toggle-button:focus {
        outline: none;
    }

#toggleDetails1.button-state:after {
    content: "\f107";
}

#toggleDetails2.button-state:after {
    content: "\f106";
}

#toggleDetails3.button-state:after {
    content: "\f107";
}

#toggleDetails4.button-state:after {
    content: "\f106";
}


@media (min-width:769px) {
    .sim-box {
        padding: 25px;
    }

    .sim-box--billpay,
    .sim-box--prepay {
        display: inline-block;
    }

    .sim-box .hidden {
        display: inline-block !important;
    }

    .sim-box .column-two {
        width: inherit;
    }

    .sim-box--prepay h3 {
        text-align: left;
    }

    .sim-box button {
        display: block;
        width: 180px;
        margin-bottom: 0;
        padding: 12px 0;
        font-size: 18px;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

    .sim-box .column-one {
        padding-left: 8px;
        padding-right: 34px;
        border-right: solid 1px #c0c1c5;
    }

    .sim-box .column-two {
        border-top: 0;
        text-align: left;
        padding-right: 27px;
        padding-left: 40px;
    }

    .sim-box .toggle-button {
        display: none;
    }

    .sim-box-prepay-row {
        padding: 40px 0 60px 0;
    }


    .sim-box--prepay .column-two p {
        width: 80%;
    }
}


@media (min-width: 800px) {
    .single-sim-block .column-two {
        padding-right: 5px;
        padding-left: 20px;
        padding-top: 0;
    }
}


@media (min-width: 992px) {

    .sim-box-prepay-outer {
        float: left;
        width: 50%;
        padding: 0 20px;
        margin-bottom: 0;
    }

    .sim-box button {
        margin-top: 20px;
        padding: 12px 0;
        width: 180px;
    }

    .sim-box-prepay-row {
        padding: 40px 0 60px 0;
    }

    .sim-box--prepay {
        padding: 20px;
    }

        .sim-box--prepay .column-one,
        .sim-box--prepay .column-two {
            display: block;
            float: left;
            width: 50%;
        }

    .sim-box .column-one {
        padding-left: 8px;
        padding-right: 34px;
        border-right: solid 1px #c0c1c5;
    }

    .sim-box--prepay .column-one {
        padding-left: 0;
        padding-right: 27px;
    }

    .sim-box .column-two {
        padding-left: 40px;
        padding-bottom: 0;
        padding-top: 0;
        width: auto !important;
    }

    .sim-single-inner-block {
        border-top: none;
    }

    .sim-box--prepay .column-two {
        padding-left: 20px;
        padding-right: 0;
    }

    .sim-box--prepay .column-two--prepay-one {
        padding-top: 30px;
    }

    .sim-box--prepay .column-two--prepay-two {
        padding-top: 60px;
    }

    .sim-box--prepay .column-two p {
        padding: 5px 0;
    }

    .sim-box--prepay .column-two p {
        width: 100%;
    }

    .sim-only-set-block .column-one {
        width: 50% !important;
    }

    .sim-only-set-block .column-two {
        width: 50% !important;
    }
}

@media (min-width: 1180px) {
    .sim-box-prepay-row {
        padding: 40px 100px 60px 100px;
    }
}




/** Not SIM Only */
.not-sim-only {
    padding-top: 20px;
    padding-bottom: 0;
}

    .not-sim-only p {
        padding-top: 5px;
        font-size: 16px;
    }

    .not-sim-only h2 {
        margin-top: 0;
        font-size: 32px;
    }

.shop-buttons {
    margin-top: 10px;
    text-align: center;
}

.shop-buttons__outer {
    padding: 20px 0;
}

.shop-buttons__outer--last {
    padding-top: 0;
}

.shop-buttons__button {
    display: block;
    width: 100%;
    padding: 25px 0 25px 0;
    color: #6d6e71;
    background: #eaedf2;
}

@media (min-width: 768px) {
    .not-sim-only {
        padding-top: 40px;
        padding-bottom: 43px;
    }

        .not-sim-only p {
            font-size: 18px;
        }

    .shop-buttons {
        margin-top: 40px;
    }

    .shop-buttons__outer {
        display: inline-block;
        padding: 0 20px;
    }

    .shop-buttons__button {
        width: 286px;
    }
}

.shop-buttons img,
.shop-buttons span {
    display: inline-block;
    vertical-align: middle;
}

.shop-buttons img {
    padding-right: 37px;
}

.shop-buttons span {
    font-size: 20px;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    line-height: 1.2;
}


/* Fixes on sim only plans */

@media (min-width:992px) {

    .bill-pay-plans .sim-box {
        width: 50%;
    }

    .bill-pay-plans .simonly {
        width: 50%;
    }
}

/* switch and save landing page*/
.banner-top {
    padding-top: 0;
}

.switch-content {
    padding-top: 30px;
    padding-bottom: 30px;
}

.switch-content-steps {
    margin-left: 153px;
}

.switch-padding-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.switch-points h2 {
    font-size: 2em;
    font-weight: 700;
    padding-bottom: 30px;
    padding-top: 30px;
}

.switch-simply-great h2 {
    font-weight: 700;
    padding-top: 25px;
    padding-bottom: 25px;
}

.switch-simply-great .plan-inner, .switch-simply-great .homepage-plans .plan-inner.plan-hightlight {
    margin-bottom: 35px;
    min-height: 410px;
}

.switch-simply-great .plan-hightlight {
    margin-top: -10px;
    margin-bottom: 40px !important;
    padding-bottom: 30px;
}

.switch-steps {
    background: url(../img/swoosh/artwork-36.jpg) 0 0 no-repeat;
    background-size: 100% 100%;
}

    .switch-steps h1 {
        font-size: 2.5em;
        padding-bottom: 0px;
        padding-top: 10px;
    }

    .switch-steps h2 {
        font-size: 1.8em;
    }

    .switch-steps p {
        font-size: 1.2em;
        font-weight: bold;
    }

.switch-icon-1 {
    display: block;
    margin: 0 auto 20px auto;
    width: 78px;
    height: 72px;
    background: url("../img/shopping-cart.png") 0 0 no-repeat;
}

.switch-icon-2 {
    display: block;
    margin: 0 auto 20px auto;
    width: 78px;
    height: 72px;
    background: url("../img/note.png") 0 0 no-repeat;
}

.switch-icon-3 {
    display: block;
    margin: 0 auto 20px auto;
    width: 78px;
    height: 72px;
    background: url("../img/file-swap.png") 0 0 no-repeat;
}

.switch-steps .switch-h2-two {
    padding-bottom: 10px;
}

.switch-steps a {
    color: #fff;
}

.switch-phones-link h2 {
    font-weight: 700;
    padding-top: 20px;
}

.switch-offers {
    padding-top: 50px;
    padding-bottom: 50px;
}

    .switch-offers h1 {
        font-size: 2.6em;
        padding-top: 20px;
    }

    .switch-offers h2 {
        font-size: 1.3em;
        padding-top: 10px;
    }

.switch-content-phones {
    margin-left: 153px;
}

.switch-phones {
    margin-bottom: 70px;
}

.switch-phones-link {
    margin-top: 20px;
}

    .switch-phones-link a {
        padding: 15px 30px;
        font-size: 1.125em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

.switch-benefits h1 {
    font-size: 2.32em;
    padding-top: 20px;
    padding-bottom: 20px;
}

.switch-testimonials {
    padding-top: 10px;
    padding-bottom: 20px;
}

    .switch-testimonials h1 {
        font-size: 3.3em;
    }

    .switch-testimonials h2 {
        font-size: 1.8em;
        font-family: 'Tesco-bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        padding-bottom: 20px;
    }

.switch-faq {
    padding-top: 50px;
}

@media (max-width:768px) {
    .switch-simply-great .plan-hightlight {
        margin-top: 0;
        margin-bottom: 35px !important;
        padding-bottom: 30px;
    }
}

@media (max-width:1199px) {
    .switch-content-steps {
        margin-left: 0;
    }

    .switch-content-phones {
        margin-left: 0;
    }
}
/* END switch and save landing page*/

/*FIX for plans carousel on homepage and switch-and-save*/
@media (min-width:768px) {
    #homepagePlans .owl-wrapper {
        width: inherit !important;
    }
}


.faq4g .accordion-group {
    border: 1px solid #ccc
}

.table4g tr td, .table4g tr th {
    padding: 10px;
    border: 1px solid #ccc;
}

.title4g {
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    color: #00AEEF;
}


.faq4g .title4g {
    margin-top: 30px
}

.green4g {
    color: #19D769
}

.red4g {
    color: #dc4e4e;
    padding-left: 3px;
}

.videoWrapper4g {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-bottom: 10px;
}

    .videoWrapper4g iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.text4g .lead {
    font-family: 'Tesco-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif !important;
}

.plan-page.lead {
    display: block;
    font-size: 1.1em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif !important;
}

/* The Modal (background) */
.modal4g {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content4g {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close4g {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close4g:hover,
    .close4g:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.videotitle4g {
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    color: #FFF;
    font-size: 1.2em;
}

    .videotitle4g:hover {
        text-decoration: none;
        color: #fff;
    }

.videothumbnail4g {
    background-image: url("../img/4g/what_diff_4g.jpg");
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 127px;
    padding: 20px;
}

    .videothumbnail4g:hover {
        opacity: 0.5;
        cursor: pointer;
    }

@media (max-width:768px) {
    .videotitle4g {
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        color: #FFF;
        font-size: .9em;
        padding: 0px;
    }

    .videothumbnail4g {
        background-image: url(../img/4g/what_diff_4g.jpg);
        background-size: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 70px;
        padding: 5px;
        padding-right: 1px;
        padding-left: 1px;
        margin-bottom: 2px;
        font-size: 1.1rem;
    }

    .videoWrapper4g {
        margin-top: 30px;
    }

    ul.terms_summary {
        width: 80%;
        margin: auto;
        text-align: left;
        -webkit-padding-start: 0px;
    }

    .alert-info {
        margin-top: 30px;
    }
}

/* iPhone X Landing Page */

.sign-up-btn__ip-x {
    background: url('/img/landing-pages/ctaBut.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 125px;
    padding: 18px;
    color: #fff;
    margin-top: 25px;
    margin-bottom: 75px;
    font-size: 18px;
}

@media only screen and (max-width: 768px) {
    .sign-up-btn__ip-x {
        background-size: contain;
    }

    h3.ip-x-btn-text {
        font-size: 36px;
    }
}

@media only screen and (max-width: 414px) {
    .sign-up-btn__ip-x {
        margin: 10px 25px 25px 25px;
    }

    h3.ip-x-btn-text {
        font-size: 22px;
        padding-top: 10px;
    }

    .terms-text {
        width: 80%;
        margin: 0 auto;
    }

    .sign-up-txt-mobile {
        width: 80%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 320px) {
    h3.ip-x-btn-text {
        font-size: 17px;
        padding-top: 13px;
    }
}

.heavy-light {
    font-weight: 600 !important;
}

.blue-text {
    color: #00AEEF !important;
}

/*New pop up foor app scheduled top up as old has issue on mobile*/
/* Style the Image Used to Trigger the Modal */
#myImg, #myImg1, #myImg2, #myImg3, #myImg4, #myImg5, #myImg6, #myImg7, #myImg8, #myImg9, #myImg10, #myImg11 {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

    #myImg:hover, #myImg2:hover, #myImg3:hover, #myImg4:hover, #myImg5:hover, #myImg6:hover, #myImg7:hover, #myImg8:hover, #myImg9:hover, #myImg10:hover, #myImg11:hover {
        opacity: 0.7;
    }

/* The Modal (background) */
.modal1, .modal2, .modal3, .modal4, .modal5, .modal6, .modal7, .modal8, .modal9, .modal10, .modal11 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 299; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content1, .modal-content2, .modal-content3, .modal-content4, .modal-content5, .modal-content6, .modal-content7, .modal-content8, .modal-content9, .modal-content10, .modal-content11 {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content1, .modal-content2, .modal-content3, .modal-content4, .modal-content5, .modal-content6, .modal-content7, .modal-content8, .modal-content9, .modal-content10, .modal-content11, #caption {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* The Close Button */
.close {
    position: absolute;
    top: 35px;
    right: 35px;
    color: #00aeef;
    text-shadow: 0 1px 0 #000;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    opacity: 1;
}

    .close:hover,
    .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modal-content1, .modal-content2, .modal-content3, .modal-content4, .modal-content5, .modal-content6, .modal-content7, .modal-content8, .modal-content9, .modal-content10, .modal-content11 {
        width: 100%;
    }
}

.sch-title h2 {
    padding: 0 0 13px 0;
    border: none;
    font-size: 30px;
    color: #6d6e71;
    background: none;
    text-align: left;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.sch-btn {
    padding: 10px;
    width: 70px;
    line-height: 48px;
    color: #fff;
    border: solid 2px #00AEEF;
    background: #00AEEF;
    border-radius: 3px;
}

p.sched-text {
    text-align: left;
    margin-bottom: 15px;
}

ul.sch-list {
    padding-left: 14px;
}

ul.sch-list, ol.sch-list {
    text-align: left;
    margin-bottom: 20px;
    margin-left: 5px;
}


.sch-btn:hover {
    border: solid 2px #0095D6;
    background: #0095D6;
    text-decoration: none;
}

.app-feature__content-wrap--pp {
    text-align: center;
}

    .app-feature__content-wrap--pp img {
        margin-bottom: 25px;
    }

.schedule-page .smallImg {
    box-shadow: 2px 6px 43px -5px rgba(0, 0, 0, 0.5);
}

.schedule-page .bigImg {
    display: none;
}

.schedule-page .schedmodal .bigImg {
    display: block;
}





/* Phone Shop Locator Styling 
=========================================================================================*/

.top-bar-bg {
    background-color: #F1F4FB;
    height: 444px;
}

.page-title {
    margin: 48px;
}

.county-selector-block {
    background-color: #00AEEF;
    color: #fff;
    border-radius: 5px;
    width: 60%;
    margin: 25px auto;
    height: 90px;
    padding: 20px 35px;
    z-index: 2;
    position: relative;
}

.select-store-title {
    width: 35%;
    float: left;
    margin-right: 3%
}

    .select-store-title h4 {
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

.select-store-dropdown {
    width: 62%;
    float: left;
    margin-top: -10px;
}

.select-store-title {
    text-align: center;
}

.map-wrapper {
    margin-top: -70px;
    position: absolute;
    width: 96%;
}

#map {
    height: 500px;
    width: 100%;
}

.map-icon-block {
    background-color: #00AEEF;
    color: #fff;
    height: 65px;
    width: 40%;
    margin: -35px auto 20px;
    border-radius: 5px;
    padding: 15px 25px;
    z-index: 10;
    position: relative;
}

.phone-shops-icon {
    width: 50%;
    float: left;
}

.retail-fixtures-icon {
    width: 50%;
    float: left;
}

.icon-img-blue {
    margin-right: 15px;
}

@media only screen and (max-width: 1024px) {
    .icon-img-blue {
        margin-right: 5px;
    }
}

.icon-img {
    margin-right: 15px;
    margin-top: 6px;
    float: left;
}

.phone-shops-icon, .retail-fixtures-icon {
    width: 50%;
    float: left;
    font-size: 18px;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#nearestStore {
    width: 50%;
    margin: 80px auto 0;
}

    /*#nearestStore h3 {
        text-align: center;
        margin: 0px 0 50px;
        color: #00AEEF;
    }*/

    #nearestStore .lead {
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }


.nearest-store-block {
    background-color: #E8EBF0;
    padding: 25px;
    border-radius: 5px;
    font-size: 18px;
}

.hours-title {
    font-size: 26px;
    margin: 25px 0 10px;
    font-weight: 400;
}

.gm-style-iw-d .hours-title {
    margin: 10px 0 10px;
}

.gm-style-iw-d .holiday-status {
    margin-top: 15px;
}

.store-accordion .hours-title {
    font-size: 24px;
    margin: 0px 0 10px;
}

.store-title {
    font-size: 26px;
    line-height: 32px;
    min-height: 70px;
    margin-bottom: 0px;
}



.store-accordion .store-title {
    font-size: 23px;
    min-height: 70px;
}

.store-accordion .store-title {
    min-height: 70px;
}

    .store-accordion .store-title:hover {
        cursor: pointer;
    }

.store-accordion {
    font-size: 18px;
    border: 2px solid #EAEDF2;
    border-radius: 5px;
    padding: 15px 25px;
    min-height: inherit;
    max-height: 100%;
}

    .store-accordion.active-accordion {
        height: 100%;
        background-color: #E8EBF0;
    }

.directions-btn {
    padding: 12px 0;
    margin: 18px auto 15px;
    display: block;
    width: 50%;
    border-radius: 3px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.stores-block .mid-title {
    text-align: center;
    margin: 48px;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.arrow-icon {
    float: right;
    margin-top: 15px;
}

.info-content {
    display: none;
    min-height: 325px;
    padding-top: 22px;
}

.accordion-title {
    float: left;
    width: 90%;
}

.holiday-status {
    margin-top: 0;
}

.acc-title {
    display: block;
}

.store-icon-info {
    width: 60%;
    margin: -60px auto 0px;
    background-color: #6d6e71;
    color: #fff;
    border-radius: 5px;
    padding: 15px 25px;
    z-index: 10;
    position: relative;
}

    .store-icon-info p {
        font-size: 0.85em;
        margin: 0;
    }



/* Map InfoWindow Styling */

.gm-style .gm-style-iw-d {
    padding: 15px;
}

.gm-style-iw.gm-style-iw-c .gm-style-iw-d .store-title {
    font-size: 20px;
    min-height: auto;
    margin-bottom: 10px;
}

    .gm-style-iw.gm-style-iw-c .gm-style-iw-d .store-title img {
        display: none;
    }

.gm-style-iw.gm-style-iw-c .gm-style-iw-d .hours-title {
    font-size: 16px;
}

.gm-style-iw.gm-style-iw-c .gm-style-iw-d .directions-btn {
    font-size: 16px;
    margin: 5px auto;
    padding: 5px 0;
}

.gm-ui-hover-effect {
    top: 0px !important;
    right: -4px !important;
}

    .gm-ui-hover-effect img {
        width: 24px !important;
        height: 24px !important;
        margin: 0 !important;
    }


/* Modifiers */

.relative-block {
    position: relative;
}

.clear {
    margin-top: 225px;
}

.push-btn-mrg {
    margin-bottom: 2%;
}





/* Media Queries for phone location page */

/* iPad Landscape */

@media only screen and (max-width: 1024px) {

    .store-icon-info {
        width: 90%;
        padding: 15px 0px;
    }

    .accordion-title {
        width: 88%;
        font-size: 22px;
    }

    .relative-block {
        width: 100% !important;
        padding: 0 !important;
    }

    .county-selector-block {
        border-radius: 0px;
        width: 100%;
    }

    .map-wrapper {
        width: 100%;
        position: relative;
    }

    .map-icon-block {
        width: 90%;
        text-align: center;
    }

    #nearestStore {
        width: 90%;
    }

    .stores-block {
        width: 90%;
        margin: 0 auto 25px;
    }

    #nearestStore h3 {
        font-size: 32px;
    }

    .stores-block .mid-title {
        font-size: 32px;
    }
}


/* iPad Potrait */

@media only screen and (max-width: 768px) {

    .store-icon-info {
        width: 90%;
        /* margin-top: 50px;
        */
    }

    #nearestStore .lead {
        display: none;
    }
}

@media only screen and (max-width: 576px) {
    #nearestStore h3 {
        margin: 145px 0 30px;
    }
}

/* iPhone 6/7/8 Plus */

@media only screen and (max-width: 414px) {


    .page-title {
        margin: 24px;
    }

        .page-title h1 {
            font-size: 42px;
            line-height: 50px;
        }

   

    .county-selector-block {
        padding: 20px 15px;
        height: 85px;
    }

    .select-store-title {
        width: 42%;
    }

    .select-store-dropdown {
        width: 55%;
    }

        .select-store-dropdown select {
            height: 60px;
            margin: 2px 0;
            font-size: 20px;
        }

    .map-icon-block {
        padding: 20px 0px;
    }

    .icon-img-blue {
        width: 26px;
        margin-top: -5px;
    }

    #nearestStore {
        margin: 0 auto;
    }

    #nearestStore .lead {
        display: none;
    }

    #nearestStore h3 {
        font-size: 24px;
        margin-top: 0px;
        margin-bottom: 40px;
    }

    .icon-img {
        width: 44px;
        margin-top: 0;
    }

    .store-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 0;
    }

    .hours-title {
        font-size: 20px;
        margin: 20px 0 0;
    }

    .holiday-status {
        margin-top: 0px;
    }

    .gm-style-iw-d div .holiday-status {
        margin-top: 10px;
    }

    .directions-btn {
        padding: 20px 0;
        width: 85%;
        font-size: 22px;
        margin: 0 auto 15px;
    }

    .stores-block .mid-title {
        font-size: 24px;
        margin: 36px auto 30px;
    }

    .store-accordion {
        padding: 15px 20px 20px;
        height: auto;
        min-height: 44px;
    }

    .accordion-title {
        font-size: 20px;
        width: 90%;
    }

    .arrow-icon img {
        width: 24px;
    }

    .store-accordion .store-title .icon-img {
        width: 40px;
    }

    .store-accordion .info-content .hours-title {
        margin: 0px;
        font-size: 18px;
    }

    .gmnoprint {
        display: none;
    }

    .info-content {
        padding-top: 0;
        min-height: auto;
    }

    .map-wrapper {
        margin-top: -25px;
    }

    .gm-style .gm-style-iw-c {
        max-width: 400px !important;
        width: 400px;
    }

    .gm-style .gm-style-iw-d {
        max-width: 400px !important;
        max-height: 500px !important;
        width: 400px;
    }

    .clear {
        margin-top: 250px;
    }

    .phone-shop-info {
        margin-bottom: 25px;
    }
}

/* iPhone 6/7/8/X */

@media only screen and (max-width: 375px) {

    .select-store-title {
        font-size: 14px;
    }

    .store-title {
        font-size: 18px;
    }

    .store-accordion {
        padding: 15px 20px 0px;
    }

    .active-accordion {
        padding: 15px 20px 20px;
    }

    .store-accordion .store-title .icon-img {
        width: 40px;
        margin-right: 8px;
    }

    .accordion-title {
        font-size: 18px;
        width: 90%;
    }

    .icon-img {
        margin-top: 4px;
    }

    .store-accordion .store-title .icon-img {
        margin-top: 6px;
    }

    .info-content {
        padding-top: 20px;
    }

    .acc-title {
        font-size: 18px;
    }

    .gm-style .gm-style-iw-c {
        max-width: 350px !important;
        width: 350px;
    }

    .gm-style .gm-style-iw-d {
        max-width: 350px !important;
        width: 350px;
    }
}

/* iPhone 5/SE */

@media only screen and (max-width: 320px) {

    .select-store-title {
        font-size: 12px;
        margin-top: 6px;
    }

    .phone-shops-icon, .retail-fixtures-icon {
        font-size: 14px;
    }

    .map-icon-block {
        height: 60px;
    }

    #nearestStore h3 {
        font-size: 20px;
    }

    .icon-img {
        width: 36px;
        margin-right: 8px;
    }

    .store-title {
        font-size: 18px;
    }

    .nearest-store-block {
        font-size: 16px;
    }

    .hours-title {
        font-size: 16px;
    }

    .directions-btn {
        font-size: 18px;
    }

    .store-accordion .store-title .icon-img {
        width: 30px;
        margin-right: 8px;
    }

    .info-content {
        font-size: 14px;
    }

    .arrow-icon img {
        width: 20px;
    }

    .accordion-title {
        font-size: 14px;
    }

    .store-accordion {
        padding: 15px 15px 10px;
    }

    .active-accordion {
        padding: 15px 15px 20px;
    }

    .page-title h1 {
        font-size: 36px;
        line-height: 42px;
    }

    .store-accordion .store-title {
        min-height: 44px;
    }

    .store-accordion .info-content .hours-title {
        font-size: 14px;
    }

    .store-accordion .info-content {
        padding-top: 26px;
    }

    .arrow-icon {
        margin-top: 5px;
    }

    .info-content {
        padding-top: 20px;
    }

    .acc-title {
        font-size: 18px;
    }

    .gm-style .gm-style-iw-c {
        max-width: 310px !important;
        width: 310px;
    }

    .gm-style .gm-style-iw-d {
        max-width: 310px !important;
        width: 310px;
    }
}




@media only screen and (max-width: 414px) {


    /* IE Hack for select menus */

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .selected-bp-plans select, .selected-manufacturers select, select {
            padding: 0;
        }

        .selected-bp-plans select, .selected-manufacturers select, option {
            padding: 0 0 0 16px;
        }
    }

    @supports (-ms-ime-align: auto) {
        .selected-bp-plans select, .selected-manufacturers select, select {
            padding: 0;
        }

        .selected-bp-plans select, .selected-manufacturers select, option {
            padding: 0 0 0 16px;
        }
    }

    /*  Homepage 5G */

    .banner-5g-ping {
        position: absolute;
        bottom: 340px;
        right: 180px;
    }

    @media screen and (max-width: 880px) {
        .banner-5g-ping {
            position: absolute;
            bottom: 340px;
            right: 380px;
        }
    }
}