.planFirstPacks {
    display: block !important;
    visibility: hidden;
    height: 0;
}
/** Phone List Header styles */

#compareArea.slideBackin.stickHeader {} #compareArea.slideBackOut.stickHeader {} #compareArea.slideBackin {
    display: block;
    top: initial;
}
#compareArea.slideBackOut {
    display: none;
}
.toolbar-tools.erminto-bg {
    position: fixed;
    top: 0;
}
.slideInMain {
    position: fixed;
    top: 60px !important;
    bottom: initial !important;
}
#toolBar.slideInMain #compareArea.open {
    bottom: initial;
}
.keepConentInPositionCompareOpen {
    padding-top: 240px;
}
.searchBox {
    right: 80px;
}
.paddingTop {
    padding-top: 80px;
}
.headerFix {
    position: fixed;
    width: 100%;
}
.yellow-cirlce {
    font-family: gtwbold;
}
.yellow-cirlce:hover {
    background-color: #fbc63d;
    color: #967627;
}
.dropdown-menu-inner {
    padding: 30px 0;
}
.dropdown-menu-inner div.duran-bg {
    position: absolute;
    right: 0;
}
#searchBar:hover {
    color: #fff;
}
#searchBar .fa.fa-times:hover,
#searchBar .fa.fa-search:hover {
    color: #3f6f48;
}
.cartLink {
    font-size: 22px !important;
}
.searchBox .form-control:focus {
    border-color: #fff;
    color: #fff;
}




.container.pickarea a {
    padding: 36px 30px;
}


.IE8 #megaMenu .caret {
    right: 594px;
}
/*styles 1004*/

.blogAreaHeader {
    background: #74647b url("images/blog-bg.jpg") no-repeat scroll center center;
    background-size: cover;
}
/*styles 1014*/

.FeaturedPhonePanel .col-md-12 img {
    max-width: 175px;
}
/*styles 1416*/

.blogAreaSlider {
    padding-bottom: 65px;
}
/** Check */

.col-md-12.phone-image-wrapper {
    height: 145px;
}
@media (min-width: 800px) {
    .home section#choosePhoneArea img {
        height: 320px;
    }
}
/* Media Query for screens min-width of 1400px **/

@media (min-width: 1400px) {
    .related-articles header.container {
        padding: 20px 355px 20px 355px;
    }
    .home section#choosePhoneArea img {
        height: 320px;
    }
    .home section#choosePhoneArea:hover img {
        height: 320px;
    }
    #megaMenu .caret {
        right: 603px;
    }
}
section#choosePhoneArea .col-md-3.btn {
    height: auto !important;
}
.planBuilderSection {
    position: relative;
    overflow: hidden;
}
.billPay p > span {
    font-size: 14px;
}
.planBuilderSection .my-total {
    padding: 0 0 0 20px;
}
.dropdown-menu-inner {
    padding: 23px 0 0;
}
.dropdown-menu-inner > div:first-child {
    padding-left: 39px;
    min-width: 225px;
}
.dropdown-menu-inner > div {
    /* min-width: 200px;*/

    padding: 0;
}
.dropdown-menu-inner > div:last-child {
    min-width: 226px;
    padding-left: 15px;
    padding-right: 24px;
}
header .caret {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
}
@media (max-width: 1279px) {
    .dropdown-menu-inner div.duran-bg,
    .dropdown-menu-inner > div.featuredPhones,
    .dropdown-menu-inner > div.accessories,
    .dropdown-menu-inner > div:first-child {
        min-width: inherit;
    }
}
/* Media Query for screens max-width of 1280px **/

@media (max-width: 1280px) {
    .dropdown-menu-inner > div.featuredPhones {
        margin-left: -15px;
        padding-right: 30px;
    }
    .dropdown-menu-inner > div {
        padding-bottom: 30px;
    }
    .dropdown-menu-inner > div.clear {
        padding-bottom: 0;
    }
    .dropdown-menu-inner div.duran-bg .btn {
        margin-bottom: 0px;
    }
    #competitionArea .owl-item > div {
        background-size: cover;
    }
    .container.blog-list-wrapper {
        width: 100%;
    }
    .blog-article-list article .txt {
        width: 48%;
    }
    .blog-article-list article h1 {
        width: 100%;
    }
    footer .container {
        width: 100%;
    }

    #megaMenu .caret {
        right: 48%;
    }
    #megaMenu {
        margin-left: -15px;
    }
    .FeaturedPhonePanel .col-md-12 img {
        margin: 0 auto -110px;
    }
    #compareArea > div > a {
        width: 18%;
    }

    .blogAreaSlider article a.btn {
        width: 40%;
        text-align: center;
    }
    .blogAreaSlider article a.btn.col-md-offset-4_5 {
        margin-left: 30%;
    }
}
/* Media Query for iPad (Landscape) and other devices with max-width of 1024px **/

@media (max-width: 1024px) {
    /*Mobile broadband bg */

    .globebg {
        background-image: none;
    }
    .globebg ul {
        width: 100%;
    }
    /**
    * #.# We care - Landing page
    *
    * boxes on  homepage
    */

    .we-care-boxes {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .we-care-boxes .col-md-4 {
        width: 30%;
    }
    .home #choosePhoneArea .container {
        width: 90%;
        overflow-y: hidden;
    }
    .planBuilderSection.open .checkout-summary-header .my-accessories {
        display: none;
    }
    .planBuilderSection.open .checkout-summary-header .pay-monthly {
        margin: 0 0 0 13px;
    }
    .full-feature-list .feature-heading a {
        font-size: 0.9em;
    }
    .maincontent article.post-item .author,
    .maincontent article.post-item .date {
        color: #7c9496;
        font-size: 0.875em;
        display: none;
    }
    .dropdown-menu-inner > div.featuredPhones {
        margin-left: initial;
        padding-right: 15px;
    }
    .dropdown-menu-inner div.duran-bg {
        width: 16.6667%;
    }
    .pnlPlanType ul li:first-child {
        width: 90px;
    }
    .dropdown-menu-inner div.duran-bg {
        padding: 30px 15px 20px;
    }
    #searchBar {
        margin-left: 20px;
    }
    .searchBox {
        width: 500px;
    }
    #megaMenu .caret {
        right: 587px;
    }
    .FeaturedPhonePanel .col-md-12 img {
        margin: 0 auto -57px;
    }
    .FeaturedPhonePanel .col-md-12 img {
        float: left;
        margin: 0 1%;
        width: 98%;
    }
    header .caret {
        left: 91px;
    }
    #compareArea ul {
        width: 60%;
        /*  text-align:left;*/
    }
    #compareArea ul li {
        margin-right: 40px;
    }
    #compareArea ul li img {
        max-width: 100px;
    }
    #compareArea > div > a {
        margin-top: 52px;
        margin-right: 15px;
        padding: 16px 40px 16px 15px;
        font-size: 16px;
        width: 19.20%;
    }
    #compareArea h2 {
        width: 15%;
    }
    #ulPlanPacks .owl-prev {
        margin-left: -10px;
    }
    nav ul li {
        margin-left: 22px;
    }
    #ulPlanPacks .owl-next {
        margin-right: -10px;
    }
    .checkout-summary-header .my-accessories {
        width: 275px;
    }
    .checkout-summary-header .my-phone {
        width: 390px;
    }
    /**
    * #.# Overall Cookies Fixes
    *
    * styles for content pages top banner where its text only
    */

    .CookieConsent > span {
        width: 70%;
        display: inline-block;
        text-align: left;
    }
    .CookieConsent .ConsentButtons {
        width: 20%;
        text-align: center;
    }
    /**
    * #.# Home Page Fixes
    *
    * styles for content pages top banner where its text only
    */

    .searchBox {
        top: -19px;
        width: 560px;
    }
    .searchBox .form-control {
        float: right;
        width: 100%;
    }
    nav.no-mobile ul {
        padding-left: 0;
        margin-top: 15px;
    }
    #lifeStyle h2 {
        padding: 0 15px;
    }
    #lifeStyle h2 br {
        display: none;
    }
    #competitionArea {
        background-size: auto 110%;
    }
    #competitionArea h2 {
        font-size: 52px;
    }
    #competitionArea .chevLeft i,
    #competitionArea .chevRight i {
        font-size: 60px;
        left: 15px;
        margin-left: 0;
        margin-top: -50%;
        position: absolute;
        top: 50%;
    }
    #competitionArea .chevRight i {
        font-size: 60px;
        left: 15px;
        margin-left: 0;
        margin-top: -50%;
        position: absolute;
        top: 50%;
    }
    .dropdown-menu-inner div.duran-bg {
        position: relative;
    }
    .col-md-12.phone-image-wrapper {
        height: 110px;
    }
    #competitionArea .owl-item > div {
        background-size: auto 100%;
    }
    .home #choosePhoneArea .container {
        width: 90%;
    }
    .home #choosePhoneArea .owl-controls {
        margin-top: -75px;
    }
    /** * */

    .container.blog-list-wrapper {
        width: 100%;
    }
    .blog-article-list article .btn {
        margin-top: 5px;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .maincontent .related-articles article.post-item img {
        max-height: 265px;
    }
    .maincontent .related-articles article.post-item .btn {
        margin: 10px 0 0 0;
        font-size: 1.2em;
    }
    .maincontent .related-articles article.post-item .txt {
        width: 52%;
    }
    /**
    * #.# Content top banner
    *
    * styles for content pages top banner where its text only
    */

    .page-banner h1 {
        margin: 0;
        padding: 30px 0 0 0;
        font-size: 3.75em;
    }
    .page-banner h2,
    .page-banner h3 {
        margin: 0;
        padding: 20px 0 50px 0;
        color: #3f6f48;
        /** dark black color - need brand hex to be provided **/

        font-size: 1.5em;
    }
    .accessory-preview .was.price {
        font-size: 1em;
    }
    .accessory-preview {
        height: 480px;
    }
    .feature-heading .icon {
        margin: 0 10px 0 0;
    }
    .full-feature-list .feature-heading a {
        padding: 16px 5px 16px 10px !important;
    }
    #p_lt_ctl12_pageplaceholder_p_lt_ctl01_PhoneDetails_PlanBuilder_pnlBuilder .sliderPlanTitle,
    #p_lt_ctl12_pageplaceholder_p_lt_ctl01_PhoneDetails_PlanBuilder_pnlBuilder .sliderPlanPrice {
        width: 15%;
    }
    .checkout-summary-header .my-total {
        padding: 0 0 0 10px;
        width: 400px;
    }
    #affinity .col-md-offset-1.col-md-10 p br {
        display: none;
    }
    #affinity .mybtn {
        min-width: 360px;
        margin-bottom: 35px !important;
    }
    #form #affinity .outer {
        left: 117px;
    }
    #form #affinity .simImg {
        text-align: center;
        width: 600px;
        margin: 0 auto;
        float: none;
        padding: 0;
    }
    #form #affinity .outer {
        left: -84px;
    }
    #form #affinity .fourG {
        left: inherit;
        right: -90px;
    }
    .planfirsteditplanwrapper input,
    .planfirsteditplanwrapper a {
        background-image: url("../../CPW/media/Landing-Page-IMG/arrow-for-btn-mobile.jpg");
        background-size: auto 100%;
    }
    .affinity-coupon-input .form-control {
        padding: 27px 30px 20px;
    }
    .affinity-coupon-input input.btn.btn-primary {
        background-image: url("../../CPW/media/Landing-Page-IMG/submit-btn-mobile.jpg");
        background-size: auto 59px;
    }
    .IE8 .affinity-coupon-input input.btn.btn-primary {
        background-image: url("../../CPW/media/Landing-Page-IMG/submit-btn.jpg");
        background-size: auto 59px;
    }
    .planfirsteditplanwrapper input,
    .planfirsteditplanwrapper a {
        background-image: url("../../CPW/media/Landing-Page-IMG/arrow-for-btn-2.jpg");
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: 0;
    }
    #affinity section.page-banner h1 {
        line-height: 80px !important;
    }
    .planBuilderSection.affintySection .checkout-summary-header {
        top: inherit;
    }
    .planBuilderSection.affintySection .planFirstPhonesWrapper h2 {
        font-size: 30px;
        margin: 50px 0 20px 0;
    }
    #affinity .iconsRow .col-sm-2.mins {
        background-image: url("../../CPW/media/Landing-Page-IMG/mins-icon-mob.png");
        background-size: 67px auto;
    }
    #affinity .iconsRow .col-sm-2.text {
        background-image: url("../../CPW/media/Landing-Page-IMG/texts-icon-mob.png");
        background-size: 67px auto;
    }
    #affinity .iconsRow .col-sm-2.data {
        background-image: url("../../CPW/media/Landing-Page-IMG/data-icon-mob.png");
        background-size: 67px auto;
    }
    .IE8 #affinity .iconsRow .col-sm-2.mins {
        background-image: url("../../CPW/media/Landing-Page-IMG/mins-icon.png");
    }
    .IE8 #affinity .iconsRow .col-sm-2.text {
        background-image: url("../../CPW/media/Landing-Page-IMG/texts-icon.png");
    }
    .IE8 #affinity .iconsRow .col-sm-2.data {
        background-image: url("../../CPW/media/Landing-Page-IMG/data-icon.png");
    }
    .offer-content .mins {
        background-image: url("../../CPW/media/Landing-Page-IMG/mins-icon-blue-congrats-mob.png");
        background-size: 60px auto;
    }
    .offer-content .text {
        background-image: url("../../CPW/media/Landing-Page-IMG/texts-icon-blue-congrats-mob.png");
        background-size: 60px auto;
    }
    .offer-content .data {
        background-image: url("../../CPW/media/Landing-Page-IMG/data-icon-blue-congrats-mob.png");
        background-size: 60px auto;
    }
}
.mobile-btn {
    display: none;
}
@media (min-width: 801px) {
    .options .fa-search,
    nav.mobile {
        display: none !important;
    }
}
.DesignMode nav.mobile.mobNav {
    display: block !important;
    float: none!important;
}
@media (min-width: 1281px) and (max-width: 1335px) {
    .dropdown-menu-inner > div.featuredPhones {
        padding-right: 40px;
    }
}
@media (max-width: 800px) {
    /**
    * #.# We care - Landing page
    *
    * boxes on  homepage
    */

    .wecare-landing-wrapper {
        padding: 10px 0;
    }
    .we-care-boxes {
        margin: 0 0 0 -4px;
        padding: 0;
        width: 100%;
    }
    .we-care-boxes .col-md-4 {
        width: 46%;
    }
    .we-care-boxes .col-md-4:nth-child(1) {
        margin: 14px 0 14px 28px;
    }
    .we-care-boxes .col-md-4:nth-child(3) {
        margin: 14px 0 14px 28px;
    }
    .we-care-boxes .col-md-4:nth-child(5) {
        margin: 14px 0 14px 28px;
    }
    .we-care-boxes .col-md-4:nth-child(4) {
        background: #69b878;
    }
    .we-care-boxes .col-md-4:nth-child(5) {
        background: #C2A6CD;
    }
    .we-care-boxes .col-md-4:nth-child(6) {
        background: #55AECB;
    }
    .we-care-boxes .col-md-4:nth-child(4) a:hover {
        color: #3f6f48;
    }
    .we-care-boxes .col-md-4:nth-child(5) a:hover {
        color: #74647b;
    }
    .we-care-boxes .col-md-4:nth-child(6) a:hover {
        color: #33687a;
    }

    #competitionArea .chevLeft i,
    #competitionArea .chevRight i {
        font-size: 100px;
        margin-top: -80px;
        display: none;
    }
    #sliderFilterBudget .ui-slider-pip.ui-slider-pip-50,
    #sliderFilterBudget .ui-slider-pip.ui-slider-pip-150,
    #sliderFilterBudget .ui-slider-pip.ui-slider-pip-250,
    #sliderFilterBudget .ui-slider-pip.ui-slider-pip-350,
    #sliderFilterBudget .ui-slider-pip.ui-slider-pip-450 {
        display: none;
    }
    /* homepage phone slider */

    .home #choosePhoneArea .container .owl-item {
        display: none;
    }
    .home #choosePhoneArea .container .owl-item:nth-child(1),
    .home #choosePhoneArea .container .owl-item:nth-child(2),
    .home #choosePhoneArea .container .owl-item:nth-child(3),
    .home #choosePhoneArea .container .owl-item:nth-child(4) {
        display: block;
    }
    .map-background .infoBox {
        left: 400px!important;
    }
    nav.mobNav {
        z-index: 10000!important;
    }
    nav.mobNav li:last-child {
        background-color: #fbc63d;
    }
    a.mobile.mobNav,
    a.mobile.mobNav.active {
        overflow-y: hidden;
    }
    .warning.red {
        background-color: #eb604d;
        border-radius: 5px;
        color: #fff;
        font-family: gtwbold;
        font-size: 20px;
        margin: 0 0 20px 0;
        padding: 30px 20px;
        text-align: center;
        width: 100%;
    }
    header .logo img {
        display: none;
    }
    header .logo {
        background: url("images/header-logo.png") no-repeat;
        background-size: 50px auto;
        display: inline-block;
        width: 65px;
        height: 50px;
    }
    header .logo a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .planBuilderSection .checkout-summary-header {
        box-shadow: 0px 2px 3px rgba(51, 51, 51, 0.24);
    }
    .row.presets p {
        margin-bottom: 37px;
        /*margin-top: 38px!important;*/
    }
    #choosePhoneArea .container.openToolbox {
        padding-top: 140px;
        transition: all 0.3s ease;
    }
    .home #choosePhoneArea .container > div {
        display: none;
    }
    #toolBar.fixedHeader {
        position: fixed;
        top: 0;
    }
    #toolBar.fixedHeader .toolbar-tools.gray-bg {
        border-top: 3px solid #69b878;
        bottom: inherit;
        padding-bottom: 17px;
    }
    #toolBar.fixedHeader .toolbar-inner {
        background-color: #69b878;
    }
    .myContract > div > h2:first-child {
        margin-top: 35px;
        margin-bottom: 10px;
    }
    .mobNav {
        height: calc(100% - 80px);
        overflow-y: scroll;
    }
    .maincontent .related-articles article.post-item .txt {
        width: 70%;
    }
    .maincontent .related-articles article.post-item .btn {
        margin: 50px 0 0 0;
        font-size: 1.2em;
    }
    .store-information .single-store .map-links .view-map {
        display: block;
    }

    .searchBox .form-control {
        border: 1px solid #cecece;
        height: 40px;
    }
    .options .fa-search {
        display: none;
    }
    /** Compare Toolbar **/

    #compareArea.slideBackin {
        bottom: -158px;
    }
    #compareArea.slideBackOut {
        bottom: 100px;
        top: initial;
    }
    #compareArea.slideBackin.open {
        display: block;
        top: initial;
    }
    /** Compare Area - No Phone*/

    #compareArea h2 {
        display: none;
    }
    #compareArea ul {
        margin-left: 30px;
        width: 70%;
        text-align: left;
    }
    #compareArea ul li {
        margin-right: 10px;
        padding-left: 0;
    }
    #compareArea ul li a:first-child {
        left: 110px;
        right: inherit;
        top: 0;
    }
    #compareArea ul li.no-phone {
        background-color: #fff;
        border-radius: 15px 15px 0 0;
        color: #b79dc5;
        margin-top: 20px;
        width: 100px;
        margin-left: 0;
    }
    #compareArea ul li.no-phone a {
        top: 30%;
        left: 0;
        position: relative;
        width: 100%;
        background: none;
        font-size: 0;
    }
    .compare-arrows {
        right: 0;
    }
    /*** Home Page Top Area*/

    .container.pickarea .col-md-offset-2 {
        margin-left: 0;
    }
    #topArea .container.pickarea a h2 {
        font-size: 30px;
    }
    #topArea .container.pickarea {
        padding: 0;
        width: 100%;
    }
    .home .container.pickarea .col-md-offset-2 {
        margin-left: 0;
    }
    #topArea .container.pickarea .col-md-4 {
        padding: 0;
        margin-bottom: 0;
        width: 100%;
    }
    #topArea .container.pickarea .col-md-4 a {
        border-radius: 0;
    }
    #topArea .container.pickarea a {
        padding: 40px 31%;
    }
    #topArea .container.pickarea div:first-child {
        z-index: 6;
    }
    #topArea h2 {
        font-size: 24px;
    }
    .container.pickarea .col-md-4 {
        width: 100%;
    }
    .container.pickarea .col-md-4 {
        width: 50%;
    }
    #phoneSlider .owl-carousel {
        width: 678px;
        margin: 0 50px;
    }
    #lifeStyle h2 br {
        display: none;
    }
    #lifeStyle.owl-carousel {
        margin-bottom: 0;
    }
    /** Choose Plan Area */

    #choosePlanArea div.col-md-3 {
        display: inline-block;
        margin-right: 1.5%;
        vertical-align: top;
        width: 100%;
    }
    #choosePlanArea div.col-md-3 p {
        display: none;
    }
    #choosePlanArea a.col-md-3 {
        margin-left: 2% !important;
        margin-top: 30px;
        width: 96%;
    }
    .blogAreaSlider article a {
        display: inline-block;
    }
    #choosePlanArea .col-md-offset-1_5 {
        margin-left: 0;
    }
    .home #choosePlanArea h2 {
        font-size: 36px;
        margin-bottom: 52px;
        padding: 0 29%;
    }
    .home #choosePlanArea h2 br {
        display: none;
    }
    #choosePlanArea h3 {
        font-size: 20px;
    }
    #choosePlanArea img {
        margin: 0 auto 15px;
    }
    #choosePlanArea h3 {
        font-size: 30px;
        margin-bottom: 35px;
    }
    #competitionArea h2 {
        font-size: 36px;
        line-height: 46px;
        margin: 75px auto 31px;
        width: 100%;
    }
    #competitionArea .col-md-12 > .col-md-12 > div {
        width: 50%;
        margin: 40px auto 0;
    }
    #competitionArea a {
        width: 100%;
    }
    #competitionArea .chevRight i {
        right: 15px;
        text-align: right;
    }
    #competitionArea .chevLeft i,
    #competitionArea .chevRight i {
        font-size: 100px;
        margin-top: -80px;
    }
    #competitionArea .chevLeft,
    #competitionArea .chevRight {
        width: 8%;
        background-image: none;
    }
    #competitionArea .owl-item > div {
        padding-bottom: 15px;
    }
    .home #choosePhoneArea .container .owl-item {
        display: inline-block;
        margin-bottom: 35px;
        width: 49% !important;
    }
    .home #choosePhoneArea .container .owl-stage {
        width: 100% !important;
        transform: none!important;
        overflow: hidden!important;
        transition: none!important;
        -webkit-transition: none!important;
    }
    .home section#choosePhoneArea h2 {
        margin-top: 15px !important;
    }
    .home #choosePhoneArea .details p {
        font-family: gtwbold;
        font-size: 21px;
        line-height: 1;
        margin: 0;
        padding-top: 10px;
    }
    .home #choosePhoneArea .details p small {
        font-family: gtwregular;
        font-size: 21px;
    }
    .blogAreaSlider .owl-item > article {
        padding: 0;
    }
    .blogAreaSlider .owl-item > article {
        width: 76%;
    }
    .blogAreaSlider .owl-item > article a {
        padding: 0;
        display: inline !important;
    }
    /** List of Blog Posts **/

    .blog-wrapper {
        padding: 0;
    }
    .blog-article-list {
        padding: 0;
    }
    .blog-article-list article {
        padding: 15px 10px;
        width: 100%;
    }
    .maincontent article.post-item img {
        max-height: 225px;
    }
    .blog-article-list article .btn {
        margin-top: 25px;
        width: 100%;
        font-family: gtwregular;
    }
    .blog-article-list article .txt {
        width: 50%;
        padding: 0 20px;
    }
    .blog-article-list .more-articles-btn {
        padding: 0 10px;
    }
    .blog-article-list .more-articles-btn a {
        width: 100%;
    }
    .maincontent article.post-item .author,
    .maincontent article.post-item .date {
        display: none;
    }
    .blogAreaHeader {
        display: inline-block;
        float: none;
    }
    .blogAreaHeader h2 {
        width: 100%;
    }
    .blogAreaSlider article > a {
        display: inline-block;
        padding: 11px 20px;
        margin-left: 0;
    }
    .blogAreaSlider article p {
        padding: 0;
        width: 90%;
    }
    .blogAreaSlider article a.btn {
        font-family: gtwbold;
        padding-left: 25px;
        padding-right: 25px;
        text-align: center;
        text-transform: unset;
        width: 95%;
    }
    .blogAreaSlider .owl-controls {
        font-size: 100px;
        margin-top: -118px;
        padding: 0 10px;
        position: absolute;
        top: 50%;
        width: 100%;
    }
    #compareArea h2 {
        padding-left: 0;
        margin-top: 53px;
    }
    #compareArea > div > a {
        padding: 16px 10px 16px 8px;
        width: 22%;
    }
    .planBuilderSection .headerTop {
        top: -63px;
    }
    .checkout-summary-header .my-accessories .price,
    .checkout-summary-header .my-total .price {
        font-size: 32px;
    }
    body {
        padding-top: 80px;
    }
    .container {
        width: 100%;
    }
    .no-mobile,
    nav.mobile {
        display: none;
    }
    .mobile,
    .mobile-btn {
        display: inline-block;
    }
    /**** Details Page */
    /*.phone-details > div,*/

    #phoneDetails .container {
        display: table;
        table-layout: fixed;
        /* prevent some responsive bugs*/

        width: 100%;
        /* set a width if u like */
    }
    #phoneDetails .page-banner a {
        margin-right: 45px;
        margin-bottom: 15px;
    }
    .presentsContainer {
        margin: 30px auto 0 !important;
    }
    .phone-details > div {
        display: table;
        table-layout: fixed;
        /* prevent some responsive bugs*/

        width: 100%;
    }
    .pnlPlanType ul {
        margin-left: 0;
        padding: 0 25px;
    }
    .pnlPlanType ul li {
        width: 49%;
        margin-right: 0;
    }
    .pnlPlanType ul li input:checked + label {
        background: url("images/check-button.png") no-repeat 7px -3px;
    }
    .pnlPlanType ul li:first-child {
        width: 48%;
    }
    .pnlPlanType ul li:first-child label {
        width: 100%;
    }
    .pnlPlanType ul li:last-child {
        width: 48%;
        float: none;
    }
    .phone-compraison input {
        margin: 6px 0 0 2px;
        z-index: 2;
        position: absolute;
        opacity: 0;
    }
    .pnlPlanType ul li label {
        background: url("images/check-button.png") no-repeat 7px -27px;
    }
    #p_lt_ctl12_pageplaceholder_p_lt_ctl01_PhoneDetails_PlanBuilder_pnlBuilder .sliderPlanTitle {
        float: left;
    }
    .headerTop h2,
    .headerTop .logo {
        float: left;
    }
    .headerTop h2 {
        font-size: 18px;
        margin: 15px 0 0;
    }
    .headerTop .logo {
        margin: 4px 11px 0 0;
    }
    .checkout-summary-header .my-phone .image {
        width: 90px;
    }
    .checkout-summary-header .my-phone .image img {
        width: 100% !important;
    }
    .checkout-summary-header .my-phone {
        padding: 0 0 0 91px;
        width: 360px;
    }
    .checkout-summary-header .my-plan {
        width: 250px;
    }
    .checkout-summary-header .my-phone .price {
        left: 89px;
    }
    .my-accessories {
        display: none !important;
    }
    .phone-images-wrap {
        display: table-header-group;
        position: relative;
    }
    .phone-compraison {
        display: table-header-group;
    }
    .related-container {
        display: table-caption;
        padding: 0 15px;
    }
    .phone-details {
        display: table-footer-group;
    }
    .features-container {
        display: table-footer-group;
        float: left;
        width: 100%;
    }
    .discription {
        display: table-footer-group;
        float: left;
        width: 100%;
    }







    .phone-images-wrap .owl-nav {
        margin-top: -50px !important;
    }
    .phone-compraison .compare-list {
        padding: 0 25px;
    }
    .ui-widget-content {
        background: #cacecf none repeat scroll 0 0;
        border: 5px solid #e4e4e4;
        border-radius: 3px;
        height: 20px;
    }
    .ui-slider .ui-slider-handle {
        margin-top: -9px;
    }
    #p_lt_ctl12_pageplaceholder_p_lt_ctl01_PhoneDetails_PlanBuilder_pnlBuilder .container > div > h2 {
        font-size: 24px;
    }
    .checkout-summary-header {
        top: -120px;
    }
    .myContract > div > h2 {
        margin-bottom: 20px;
    }
    .mobileTabs {
        width: 100%;
    }
    .mobileTabs a {
        display: inline-block;
        font-family: gtwbold;
        font-size: 24px;
        line-height: 1em;
        margin-top: 20px;
        padding: 15px;
        text-align: left;
        width: 49%;
        background: #cecece;
        color: #2c3c41;
        position: relative;
    }
    .mobileTabs a i {
        font-size: 24px;
        margin-top: -12px;
        position: absolute;
        right: 10px;
        top: 50%;
    }
    .mobileTabs a .fa-times,
    .mobileTabs a.active .fa-plus {
        display: none;
    }
    .mobileTabs a .fa-plus,
    .mobileTabs a.active .fa-times {
        display: inline-block;
    }
    .mobileTabs a.active {
        background-color: #69b978;
        color: #fff;
    }
    .mobileTabs a .arrow-down {
        display: none;
        position: absolute;
        bottom: -17px;
    }
    .mobileTabs a.active .arrow-down {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 17px solid #69b978;
        display: block;
        height: 0;
        left: 50%;
        margin-left: -10px;
        width: 0;
    }
    .colours-container {
        display: table-header-group;
    }
    .mobile-btn {
        display: inline-block;
        width: 100%;
    }
    .mobile-btn {
        width: 100% !important;
        padding: 11px 0 !important;
        font-size: 24px !important;
    }
    .page-banner .mobile.btn:hover {
        border: 2px solid #fff;
        color: #fff;
    }
    .page-banner .mobile.btn:hover i {
        color: #fff;
    }
    .page-banner .mobile.btn i {
        color: #517042;
        float: left;
        font-size: 34px;
        font-weight: bold;
        margin-bottom: 4px;
        margin-right: 8px;
    }
    .mobile-btn i {
        float: right !important;
        font-size: 37px !important;
        margin-right: 15px;
        margin-top: -35px !important;
    }
    .mobile-btn.grayBorder {
        border: 2px solid #7c9496;
    }
    .feature-content {
        width: 100%;
    }
    .mobile-btn:hover {
        border: 2px solid #69b978;
        color: #69b978;
    }
    .mobile-btn i {
        float: right !important;
        font-size: 37px !important;
        margin-right: 15px;
        margin-top: -35px !important;
    }
    #phoneDetails .mobile-btn i {
        margin-top: 0px !important;
    }
    .page-banner .mobile,
    .mobile {
        display: inline-block;
    }
    #phoneDetails .page-banner h1 {
        display: inline-block;
        font-size: 30px;
        margin-bottom: 20px;
        margin-top: 10px;
        padding: 0;
        text-align: left;
        width: 70%;
    }
    #phoneDetails .container {
        padding: 30px 0 0;
    }
    .slideshow li {
        height: 525px;
    }
    .phone-images-wrap .owl-nav {
        font-size: 105px;
        margin-top: -100px;
        width: 92%;
    }
    #phoneDetails .owl-controls .owl-dots {
        display: none !important;
    }
    .owl-carousel {
        margin-bottom: 50px;
    }
    .phone-compraison {
        margin: 0;
        padding: 55px 25px 0;
        width: 100%;
    }
    .phone-compraison form {
        display: inline-block;
        padding: 0 25px;
        text-align: center;
        width: 100%;
        margin-bottom: 15px;
    }
    .phone-compraison label {
        margin: 0 !important;
        width: 50%;
        font-weight: normal;
        font-size: 18px;
    }
    .phone-compraison .gray-bg {
        background-color: #e4e4e4;
        margin: 0 25px 20px 25px;
        text-align: center;
        width: calc(100% - 50px);
        padding-bottom: 15px;
    }
    .phone-compraison .gray-bg h2 {
        display: inline-block;
        margin-top: 27px;
        width: 100%;
        font-size: 22px;
    }
    .phone-compraison #bill > div {
        width: 50%;
    }
    .phone-compraison .gray-bg a {
        margin-bottom: 0;
    }
    .phone-compraison .gray-bg div.col-md-6 p {
        font-size: 16px;
    }
    .phone-compraison .gray-bg > div > p {
        font-size: 20px;
    }
    .colours {
        margin: 30px 0;
        padding: 0 25px;
    }
    .discription,
    .compare-list-Mobile,
    .features-container {
        margin-bottom: 15px;
        padding: 0 25px;
        width: 100%;
    }
    #features > h2 {
        display: none;
    }
    .full-feature-list {
        margin-top: 0;
    }
    .comparephone-wrap {
        padding: 0;
    }
    .comparephone-wrap-inner {
        padding: 15px 0;
        border-bottom: 1px solid #cecece;
    }
    .comparephone-wrap-inner img {
        height: 170px;
        margin-left: 15px;
    }
    .comparephone-wrap-inner input {
        display: none;
    }
    .comparephone-wrap-inner label {
        font-weight: normal;
        color: #7c9496;
        font-size: 21px;
    }
    .compare-against {
        margin: 15px 0 42px;
        padding: 0;
        width: 100%;
    }
    .compare-against .section-title {
        display: none;
    }
    #compare-area {
        width: 100%;
    }
    .comparisonpage,
    .comparisonpage .container {
        padding: 0;
    }
    .comparison-tool-sidebar {
        display: none;
    }
    .toolbar-inner {
        height: 80px;
    }
    header.erminto-bg {
        top: 0;
        position: fixed;
        /*height: 120px;*/

        z-index: 998;
        width: 100%;
    }
    .mobNav {
        margin-top: 5px;
    }
    .mobNav {
        display: block !important;
    }
    .mobNav {
        float: left;
        font-size: 28px;
    }
    a.mobNav:focus,
    a.mobNav:hover {
        color: #3f6f48;
    }
    .no-mobile {
        display: none !important;
    }
    nav.mobNav {
        width: 100%;
        position: relative;
        margin: 0;
        background: #f2f2f2;
        padding: 10px;
        position: fixed;
        top: -150%;
        z-index: 990;
    }
    nav.mobNav > i {
        color: #7c9496;
        font-size: 22px;
        position: absolute;
        right: 20px;
        top: 18px;
    }
    .mobCart {
        float: left;
        width: 10%;
    }
    .cartLink {
        color: #7c9496;
        display: inline-block;
        float: left;
        font-size: 28px;
        margin-left: 20px;
        margin-top: -2px;
        position: relative;
    }
    .cartLink .items {
        color: #fff;
    }
    .searchBox {
        display: block;
        float: left;
        height: 40px;
        margin-bottom: 15px;
        padding: 0;
        position: relative;
        right: 0;
        top: 0;
        width: 90%;
    }
    .searchBox input {
        opacity: 1;
    }
    .searchBox .form-control {
        border: 2px solid #cecece;
        margin-top: 0;
    }
    nav span.caret:after {
        bottom: 110%;
        right: 105px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(242, 242, 242, 0);
        border-bottom-color: #f2f2f2;
        border-width: 10px;
        margin-left: -10px;
    }
    nav span:after {
        bottom: 0;
    }
    a.mobile.mobNav.active {
        color: #fff;
        font-family: gtwbold;
        font-size: 16px;
        margin-right: 3px;
        margin-top: 10px;
    }
    a.mobile.mobNav.active i {
        font-size: 25px;
        vertical-align: top;
        margin-top: -2px;
    }
    a.mobNav:focus,
    a.mobNav:hover {
        color: #fff;
    }
    nav.mobNav ul {
        padding-left: 0;
    }
    nav.mobNav li {
        display: inline-block;
        margin: 0;
        text-align: center;
        width: 25%;
        vertical-align: top;
        height: 150px!important;
    }
    nav.mobNav li a {
        display: block;
        font-size: 21px;
        /*padding: 60px 0;*/

        vertical-align: top;
    }
    nav.mobNav li:hover a {
        color: #fff;
        text-decoration: none;
    }
    nav.mobNav li:nth-child(3n + 1) {
        background-color: #C2A6CD;
        height: 150px!important;
    }
    nav.mobNav li:nth-child(3n+2) {
        background-color: #69b878;
        height: 150px!important;
    }
    nav.mobNav li:nth-child(3n+3) {
        background-color: #55AECB;
        height: 150px!important;
    }
    nav.mobNav li:hover:nth-child(3n + 1) {
        background-color: #74647b;
    }
    nav.mobNav li:hover:nth-child(3n+2) {
        background-color: #3f6f48;
    }
    nav.mobNav li:hover:nth-child(3n+3) {
        background-color: #33687a;
    }
    .blogAreaSlider article a.btn.col-md-offset-4_5 {
        margin-left: 0;
    }
    #competitionArea .col-md-12 > .col-md-12 > div {
        width: 100%;
    }
    #competitionArea .owl-item > div {
        position: relative;
    }
    #competitionArea a {
        left: 0;
        margin-top: 0;
        position: absolute;
        width: 100%;
    }
    .accessories-products .headerTop {
        margin-top: -110px;
    }
    .accessory-toolbar .checkout-summary-header {
        top: 60px;
    }
    .accessory-toolbar .checkout-summary-header {
        overflow: hidden;
    }
    #affinity {
        margin-top: 0;
    }
    #affinity .iconsRow.row {
        width: 80%;
        margin: 70px auto;
    }
    #affinity .row {
        margin-left: 0;
        margin-right: 0;
    }
    #affinity .iconsRow .col-sm-2 {
        width: 33% !important;
        margin-top: 0 !important;
    }
    .planfirsteditplanwrapper a {
        width: auto;
    }
    .affinty-logo {
        width: 170px !important;
        text-align: right;
        padding-top: 10px;
    }
    #form #affinity .simImg {
        width: 550px;
    }
    #form #affinity .simImg img {
        width: 100%;
    }
    #form #affinity .simImg .outer,
    #form #affinity .simImg .fourG {
        top: inherit;
        bottom: -35px;
    }
    #form #affinity .fourG {
        left: inherit;
        right: -60px;
    }
    #affinity .affTc {
        padding: 0 10%;
    }
    .build-perfect .offer-content .data {
        width: 33.3%;
    }
    .planBuilderSection.affintySection {
        padding-top: 0 !important;
    }
    .planBuilderSection.affintySection .build-perfect {
        padding-bottom: 0;
    }
    header .fr > .col-md-12.erminto-bg.planfirsteditplanwrapper {
        display: block !important;
        position: absolute;
        right: 0;
        width: 150px;
    }
    .planfirsteditplanwrapper input,
    .planfirsteditplanwrapper a {
        width: 135px;
    }
}
@media (max-width: 991px) {
    /* Phone details page - banner area under price*/

    .planDetails-bp-banner,
    .planDetails-pp-banner {
        margin: 20px 25px;
        text-align: center;
        width: calc(100% - 50px);
    }
}
/* Media Query for Samsung Tab devices with max-width of 800px **/

@media (max-width: 800px) {

    nav.mobNav li {
        width: 25%;
    }
    .home .searchBox .form-control:focus,
    .searchBox .form-control:focus,
    .searchBox .form-control {
        border: 2px solid #cecece;
        color: #7c9496;
        height: 40px;
        padding: 0 0 2px 15px;
    }
    .cartLink {
        font-size: 30px !important;
    }
    .cartLink .items {
        right: -11px;
        top: 1px;
    }
    /** Page Sidebar **/

    .page-sidebar {
        padding: 0;
        background: #fff;
    }
    .page-sidebar .sidebar-box {
        display: none;
        transition: all 0.3s ease;
    }
    .page-sidebar.open {
        padding-bottom: 20px;
    }
    .page-sidebar.open .sidebar-box {
        display: block;
        transition: all 0.3s ease;
        margin: 20px 0;
    }
    .page-sidebar h2 {
        padding-left: 10px;
    }
    .within-section {
        margin-bottom: 20px;
    }
    .page-sidebar.open .within-section .fa:before {
        content: "\f056";
    }
    .accessories-products .accessory-preview {
        width: 32%;
    }
    #megaMenu {
        display: none;
    }
    header .fr .planfirsteditplanwrapper {
        display: none;
    }
}
/* Media Query for iPad (Portrait) and other devices with max-width of 768px **/

@media (max-width: 768px) {
    /*Steps on mobile broadband info page*/

    .MBBInfoSteps {
        height: 320px;
    }
    /*Steps on mobile broadband info page*/

    nav.mobNav li {
        width: 33.3%;
    }
    #compareArea > div > a {
        margin-top: 58px;
        padding: 10px 8px;
        width: 22%;
    }
    .searchBox .form-control {
        float: right;
        margin-bottom: 15px;
        width: 100%;
    }
    /*** Cookie Policy */

    .mobile-btn {
        display: inline-block;
    }
    .CookieConsent {
        padding: 10px 50px;
    }
    #competitionArea .owl-item > div {
        min-height: 455px;
    }
    .ConsentButtons {
        display: block;
        margin-bottom: 10px;
        margin-top: 15px;
    }
    #topArea .container,
    .blogAreaSlider .container,
    #choosePlanArea .container {
        width: 100%;
    }
    header.erminto-bg {
        top: 0;
        position: fixed;
        /*height: 120px;*/

        z-index: 998;
        width: 100%;
    }
    .planBuilderSection .headerTop {
        z-index: 999;
    }
    /*  .home header.erminto-bg {
    z-index: 9;
    }*/
    /** Page Banner **/

    .content-top-banner {
        position: relative;
        padding-top: 20%;
    }
    .content-top-banner h1 {
        left: 0;
        z-index: 2;
        font-size: 60px;
    }
    .content-top-banner img {
        display: block;
        height: 100%;
        max-width: 10000px;
        margin: auto;
        position: absolute;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        z-index: 1;
    }
    /**
    * #.# Content top banner
    *
    * styles for content pages top banner where its text only
    */

    .page-banner h1 {
        padding-top: 12px;
    }
    .page-banner h2,
    .page-banner h3 {
        padding-bottom: 60px;
    }
    /** Blog Detail **/

    .blog-article-detail article .date {
        display: block;
    }
    .blog-article-detail article .date label {
        display: none;
    }
    .blog-article-detail article .share {
        float: none;
        margin: 10px 0 0 0;
    }
    .blog-article-detail article .share label {
        display: none;
    }
    .blog-article-detail article .share .fa {
        top: 0;
        margin: 0 10px 0 0;
        width: 40px;
        height: 40px;
    }
    .blog-article-detail article .share .fa:before {
        font-size: 1.8em;
    }
    .maincontent .teaser {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .maincontent article img.floatLeft,
    .maincontent article img.floatRight {
        float: none;
        padding: 10px 0;
        max-width: 100%;
        margin: auto;
        display: block;
    }
    .maincontent article .blog-tags ul li a {
        display: inline-block;
        margin: 0;
        color: #7c9496;
        font-size: 1em;
        font-family: gtwregular;
        text-transform: capitalize;
        background: none;
    }
    /** Subpage General **/

    .subpage-wrapper {
        padding-top: 0;
    }
    .maincontent article h1 {
        padding-bottom: 20px;
    }
    .related-articles .banner header {
        background: none;
        bottom: 10%;
        padding: 0;
    }
    .maincontent .related-articles article.post-item .txt {
        width: 70%;
    }
    .maincontent .related-articles article.post-item .btn {
        margin: 40px 0 0 0;
    }
    .related-articles .more-from-the-blog {
        padding-left: 15px;
        padding-right: 15px;
    }
    .related-articles .more-from-the-blog a {
        width: 100%;
    }
    /* Store Locator*/

    .stores-list-wrapper .container {
        width: 100%;
    }
    .store-selectboxes .all-counties,
    .store-selectboxes .all-stores {
        width: 40%;
    }
    /**
    * #.# Accessories
    *
    * [1.0] Accessory List, [1.1] Accessory Details
    */

    .accessories-toolbar .title {
        float: none;
        width: 100%;
        text-align: center;
    }
    .accessories-toolbar .title h1 {
        margin: auto;
        display: block;
        padding-bottom: 0;
    }
    .accessories-toolbar .sortBy {
        float: none;
        width: 100%;
        text-align: center;
    }
    .accessories-toolbar .selectboxit-text {
        padding-right: 45px;
    }
    .accessories-toolbar .selectboxit-arrow-container {
        width: 18px;
    }
    .accessories-toolbar > div > * {
        width: 100%;
    }
    .accessories-toolbar .CategoryFilter {
        width: 70%;
        margin-bottom: 20px;
    }
    /*homepage lifestyle banner*/

    #lifestyle .col-md-12 {
        height: 490px;
    }
}
@media (max-width: 480px) {
    /*  mobile broadband page */

    .mobileBBtable table tr th {
        font-size: 13px;
    }
    .mobileBBtable table tr td {
        font-size: 13px;
        padding: 0 2px;
    }
    .mobileBBtable table tr th:first-child {
        padding: 12px 0 12px 5px;
    }
    .mobileBBtable table tr td:first-child {
        padding: 12px 0 12px 12px;
    }
    .mobileBBtable table tr th:last-child {
        padding: 24px 0;
    }
    .mobileBBtable table tr td:last-child {
        padding: 12px 0;
    }
    /*mobile broadband page end*/
    /*#fullSiteChat {
        margin-top: -68px;
    }*/

    .maincontent.blog-story article img {
        height: auto !important;
        max-width: 100%;
    }
    .blog-story .content-top-banner {
        padding: 0;
    }
    /**
    * #.# We care - Landing page
    *
    * boxes on  homepage
    */

    .we-care-boxes .col-md-4 {
        width: 43%;
    }
    .we-care-boxes .col-md-4 h2 {
        font-size: 21px;
    }
    #choosePhoneArea .container.openToolbox {
        padding-top: 140px;
        transition: all 0.3s ease;
    }
    nav.mobNav li {
        width: 50%;
    }
    nav.mobNav li:last-child {
        /*width: 100%;*/
        /*Commented out to allow for uneven amount of menu items. Blog link included. 24/05/2016 */

        background-color: #fbc63d;
    }
    nav.mobNav li:hover:last-child {
        background-color: #fbc63d;
    }
    nav.mobNav li:hover:last-child a {
        color: #967627;
    }
    .accessories-products .headerTop h2 {
        font-size: 18px;
        margin: 15px 0 0;
    }
    #compareArea ul {
        width: 65%;
    }
    #compareArea ul li a:first-child {
        left: 100px;
    }
    #compareArea ul li a:first-child {
        left: inherit;
        right: -15px;
    }
    #compareArea > div > a {
        margin-top: 21px;
    }
    .toolbar-inner.innerToolBarHeightReduce #compareArea {} #compareArea.onScroll {
        bottom: 25px;
    }
    #toolBar {
        background-color: transparent !important;
    }
    .selectboxit-options.selectboxit-list {
        border: medium none;
        border-radius: 0 0 3px 3px;
        margin-left: -10px;
        margin-top: 10px;
        width: calc(100% + 16px);
    }
    .options .fa-search {
        color: #676767;
        font-size: 21px;
        margin-right: 17px;
        margin-top: 10px;
        display: inline-block;
    }
    .mobCart {
        width: 15%;
    }
    .searchBox {
        width: 85%;
    }
    .cartLink {
        margin-left: 17px;
    }
    .CookieConsent {
        font-size: 14px;
        padding: 10px;
    }
    #topArea h2 {
        font-size: 24px;
        margin-bottom: 25px;
        padding: 0 29px;
    }
    #topArea > h2 br {
        display: none !important;
    }
    #topArea h2 br {
        display: block;
    }
    #topArea .container.pickarea a {
        padding: 40px 18%;
    }
    #phoneSlider .owl-carousel {
        margin: 0;
        padding: 0 40px;
        width: 100%;
        z-index: 5;
    }
    .duran-bg.details {
        font-size: 16px;
    }
    .duran-bg.details p {
        font-size: 16px;
    }
    .duran-bg.details h2 {
        font-size: 30px;
    }
    .container.pickarea .col-md-4 {
        margin-bottom: 15px;
    }
    .container.pickarea > div:last-child {
        margin-bottom: -65px;
    }
    #lifeStyle .owl-controls {
        display: block;
        font-size: 100px;
        margin-top: -67px;
        padding: 0 5px;
        position: absolute;
        top: 50%;
        width: 100%;
    }
    #lifeStyle h2 {
        font-size: 38px;
        margin-bottom: 45px;
        padding: 0 30px;
    }
    #lifeStyle i {
        font-size: 100px;
    }
    #choosePlanArea {
        padding-bottom: 45px;
    }
    #choosePlanArea h2 {
        font-size: 25px;
        margin-bottom: 35px;
        padding: 0 80px !important;
    }
    #choosePlanArea div.col-md-3 {
        width: 100%;
        margin-right: 0;
    }
    #choosePlanArea a.col-md-3 {
        margin-left: 20%;
        width: 96%;
    }
    #competitionArea h2 {
        width: 100%;
    }
    #competitionArea .col-md-12 {
        padding: 0 8%;
        width: 100%;
    }
    #competitionArea .col-md-12 .col-md-12 {
        padding: 0;
        width: 100%;
    }
    #competitionArea .col-md-12 .col-md-12 h2 {
        padding: 0 10px;
    }
    #competitionArea .col-md-12 p {
        display: none;
    }
    #competitionArea .chevLeft i {
        left: 7px;
    }
    #competitionArea .chevRight i {
        left: 0;
        right: 7px !important;
    }
    .home section#choosePhoneArea > h2 {
        font-size: 36px;
        margin: 40px 0 50px;
        padding: 0 20%;
        width: 100%;
    }
    .home #choosePhoneArea .container {
        width: 100%;
    }
    .home #choosePhoneArea .owl-stage .owl-item:nth-child(n+5) {
        display: none;
    }
    .home #choosePhoneArea .details p small {
        font-size: 16px;
    }
    #toolBar {
        background-color: #e4e4e4;
    }
    #toolBar .container {
        padding: 0 10px;
    }
    .toolbar-inner,
    .toolbar-inner.innerToolBarHeightReduce {
        height: 65px;
    }
    .toolbar-tools.gray-bg {
        background-color: #e4e4e4;
        padding-bottom: 12px;
        bottom: 2px;
    }
    .toolbar-tools h2 {
        display: none;
    }
    .sort {
        background-color: #f2f2f2;
        border: none !important;
        border-radius: 2px;
        box-shadow: 0 2px 1px 0 rgba(51, 51, 51, 0.24);
        display: inline-block;
        font-size: 15px;
        margin-top: 0;
        padding: 10px 15px;
        width: auto;
    }
    .sort i {
        margin-left: 10px;
    }
    .sort span {
        display: none;
    }
    .toolbar-tools .options {
        width: 100%;
        margin-top: 9px;
    }
    .toolbar-tools .toolbar-btns {
        float: right;
        margin-top: 0;
    }
    .toolbar-tools .options .small-btn {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
        font-weight: normal;
    }
    .toolbar-tools .options .small-btn i {
        display: none;
    }
    /* #compareArea.slideBackin {
        bottom: -90px;
    }*/

    .toolbar-inner.innerToolBarHeightReduce #compareArea {
        bottom: 10px;
    }
    .toolbar-inner.innerToolBarHeightIncrease #compareArea {
        bottom: -90px;
    }
    #compareArea h2 {
        display: none;
    }
    #compareArea ul {
        width: 60%;
        text-align: left;
    }
    #compareArea ul li {
        margin-right: 10px;
        padding-top: 20px;
    }
    #compareArea ul li img {
        max-width: 65px;
    }
    #compareArea ul li a:first-child {
        left: inherit;
        right: -10px;
        top: 5px;
    }
    .compare-arrows i {
        margin-left: 4px;
    }
    #compareArea ul li.no-phone {
        width: 50px;
        border-radius: 8px;
        margin-top: 24px;
        padding: 12px 6px 0;
    }
    #compareArea {
        height: 100px;
    }
    .compare-arrows {
        display: inline-block;
        position: absolute;
        right: 5px;
        text-align: right;
        top: 50px;
        color: #fff;
    }
    #compareArea ul li.no-phone a {
        top: 20px;
        font-size: 12px;
    }
    #compareArea > div > a {
        font-size: 16px;
        margin-right: 0;
        margin-top: 34px;
        padding: 8px 10px 9px;
        white-space: inherit;
        width: 36%;
    }
    #compareArea.onScroll {
        bottom: -90px;
    }
    /** List Page */

    section#choosePhoneArea.cpw-phones-list-wrapper .col-md-3 {
        display: inline-block;
        float: left;
        margin-bottom: 15px;
        margin-top: 20px;
        width: 49%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .cpw-phones-list-wrapper .phone-area-img {
        height: 280px;
    }
    section#choosePhoneArea.cpw-phones-list-wrapper .small-btn.point {
        margin-bottom: 3px;
        margin-right: -15px;
    }
    .options .sortby {
        border-bottom: 1px solid;
        color: #3f6f48;
        font-size: 14px;
        margin-right: 20px;
        margin-top: 0;
        text-decoration: none;
    }
    .sortby {
        background-color: #f2f2f2;
        border: medium none !important;
        border-radius: 2px;
        box-shadow: 0 2px 1px 0 rgba(51, 51, 51, 0.24);
        display: inline-block;
        font-size: 15px;
        margin-top: 0;
        padding: 10px 15px;
        width: auto;
    }
    .options .sortby .selectboxit-container span {
        height: auto !important;
        line-height: normal;
    }
    .options .sortby .selectboxit-text {
        border-bottom: medium none navy;
        color: #3f6f48;
        font-family: gtwregular;
        font-size: 14px;
        margin-right: 15px;
        margin-top: 0;
        text-decoration: none;
        text-indent: 0;
        width: auto;
    }
    .options .sortby .selectboxit-text {
        max-width: 100% !important;
    }
    .selectboxit-arrow-container {
        top: 1px;
        width: 10px !important;
    }
    .selectboxit-container * {} .toolbar-btns .fa-exchange {
        display: none;
    }
    body {
        padding-top: 0;
    }
    /* header.erminto-bg {
        position: relative;
    }*/

    .fix-search {
        position: fixed;
        top: 0px;
    }
    /*** Phone Details **/

    .slideshow li {
        height: 475px;
    }
    #phoneDetails .page-banner {
        display: inline-block;
        margin-top: 0px;
        padding-top: 10px;
        width: 100%;
    }
    body {
        padding-top: 80px;
    }
    .CookieConsent > span {
        width: 100%;
    }
    .CookieConsent .ConsentButtons {
        width: 100%;
        text-align: center;
    }
    .CookieConsent .btn {
        margin-left: 0;
    }
    .phone-compraison label {
        width: 100%;
    }
    .phone-images-wrap #slideshow {
        padding: 0;
    }
    #phoneDetails .page-banner a {
        margin-right: 0;
    }
    #phoneDetails .page-banner h1 {
        margin-top: 0;
    }
    #phoneDetails .page-banner h1 {
        display: inline-block;
        font-size: 27px;
        margin-bottom: 20px;
        margin-top: 0;
        padding: 0 0 0 15px;
        text-align: left;
        width: 62%;
    }
    .discription .mobile.btn {
        display: none;
    }
    .feature-content {
        width: 100% !important;
    }
    /**** Plan builder */

    .checkout-summary-header .my-phone,
    .checkout-summary-header .my-plan {
        display: none;
    }
    .planBuilderSection .fl {
        width: 67%;
    }
    .checkout-summary-header .my-total {
        border: medium none;
        padding: 0;
        width: 100%;
    }
    .my-total .pay-today,
    .my-total .pay-monthly {
        text-align: right;
        width: 46%;
    }
    .headerTop h2 {
        font-size: 22px;
        margin: -5px 0 0;
    }
    .myContract ul {
        margin: 0 auto 8px;
        width: 100%;
    }


    .mobileTabs a {
        font-size: 22px;
    }
    .mobileTabs a i {
        font-size: 24px;
        margin-top: -12px;
    }
    #p_lt_ctl12_pageplaceholder_p_lt_ctl01_PhoneDetails_PlanBuilder_pnlBuilder .sliderPlanTitle,
    #p_lt_ctl12_pageplaceholder_p_lt_ctl01_PhoneDetails_PlanBuilder_pnlBuilder .sliderPlanPrice {
        width: 100%;
    }
    .mobileTabs a.active .arrow-down {
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-top: 14px solid #69b978;
        margin-left: -8px;
    }
    .mobileTabs a .arrow-down {
        bottom: -14px;
    }
    .data,
    .texts {
        margin: 20px 0 0;
    }
    .blogAreaSlider .owl-item > article {
        width: 100%;
    }
    .blogAreaSlider article a.btn {
        margin-left: -5%;
        width: 110%;
    }
    #form #affinity .simImg {
        width: 80%;
    }
    #form #affinity .outer {
        left: -10%;
    }
    #form #affinity .outer h1 {
        font-size: 72px;
    }
    #form #affinity .fourG {
        left: inherit;
        right: -15px;
    }
    #affinity .iconsRow {
        width: 200px;
        margin: 0 auto 30px;
    }
    #affinity .iconsRow .col-sm-2 {
        width: 170px !important;
        margin: 0 auto 20px !important;
        padding-top: 15px;
    }
    #affinity .iconsRow .col-sm-2 h3 {
        margin-top: 10px;
    }
    #affinity .col-md-offset-1.col-md-10 {
        padding: 0 30px;
    }
    .affinity-congrats h1 {
        font-size: 48px;
    }
    .affinity-congrats h2 {
        font-size: 21px;
        padding: 0 20px;
        line-height: 1.5em;
    }
    .offer-content .iconsRow {
        width: 100%;
        max-width: 100%;
        padding: 0 10%;
    }
    .offer-content .mins,
    .offer-content .text,
    .offer-content .data {
        width: 50% !important;
        display: inline-block;
        margin-bottom: 20px;
    }
    .offer-content .data {
        margin-bottom: 0;
    }
    #affinity section.page-banner h2 {
        padding: 0 10% !important;
    }
    .affintylogo .affinty-logo {
        padding-top: 0;
        width: 155px !important;
    }
    #affinity .inner span.little {
        font-size: 20px !important;
    }
    #form #affinity .outer h1 {
        font-size: 58px !important;
        margin: -4px 0;
    }
    #affinity .inner span.euro {
        font-size: 42px !important;
    }
    #affinity .outer {
        width: 130px !important;
        height: 130px !important;
    }
    #form #affinity .simImg .outer,
    #form #affinity .simImg .fourG {
        top: inherit;
        bottom: -50px;
    }
    #affinity .subLine {
        padding: 10px 12% 0;
        text-align: center;
        display: inline-block;
    }
    header .fr > .col-md-12.erminto-bg.planfirsteditplanwrapper input {
        width: 100px;
    }
    .planfirsteditplanwrapper input,
    .planfirsteditplanwrapper a {
        padding: 11px 25px 11px 40px;
    }
    header .fr > .col-md-12.erminto-bg.planfirsteditplanwrapper {
        display: block !important;
        position: absolute;
        right: 0;
        width: 120px;
    }
    /*billpay offers landingpage*/

    .billpay-offer-container h2,
    .prepay-offer-container h2 {
        font-size: 28px;
        margin-bottom: 0;
    }
    .billpay-offer-subtitle h3 {
        font-size: 24px;
    }
    .btn-bp-offer,
    .btn-pp-offer {
        width: 100%;
    }
}

@media (max-width: 400px) {


    #compareArea ul {
        margin: 0;
    }
    #compareArea ul li {
        padding: 35px 0 0 0;
    }
    #compareArea ul li.no-phone a {
        background: none;
        font-size: 0;
    }
    #compareArea ul li a:first-child {
        left: inherit;
        right: -10px;
        top: 15px;
    }
    .compare-arrows {
        display: none;
    }
    .comparsion-tool-topbar .col-md-12.tc {
        padding-left: 20px;
        text-align: left;
        font-size: 24px!important;
    }
    .comparisonpage .phone-comp-tool.col-md-2 h2,
    .comparisonpage .phone-comp-tool.col-md-3 h2,
    .comparisonpage .phone-comp-tool.col-md-4 h2,
    .comparisonpage .phone-comp-tool.col-md-6 h2 {
        height: 140px;
    }
    .comparisonpage .phone-comp-tool.col-md-2 .bill-type h2,
    .comparisonpage .phone-comp-tool.col-md-3 .bill-type h2,
    .comparisonpage .phone-comp-tool.col-md-4 .bill-type h2,
    .comparisonpage .phone-comp-tool.col-md-6 .bill-type h2 {
        height: auto;
    }
    .comparisonpage .phone-comp-tool.col-md-2 .gray-bg,
    .comparisonpage .phone-comp-tool.col-md-3 .gray-bg,
    .comparisonpage .phone-comp-tool.col-md-4 .gray-bg,
    .comparisonpage .phone-comp-tool.col-md-6 .gray-bg {
        width: 100%;
    }
    .comparisonpage .phone-comp-tool.col-md-2 .gray-bg a,
    .comparisonpage .phone-comp-tool.col-md-3 .gray-bg a,
    .comparisonpage .phone-comp-tool.col-md-4 .gray-bg a,
    .comparisonpage .phone-comp-tool.col-md-6 .gray-bg a {
        font-size: 0.9em;
    }
    .phone-compraison label {
        /*width:50%!important;*/

        font-size: 14px;
        float: left!important;
    }
    .checkout-section.store-pickup #storesMap .infoBox .storeInfoPopup {
        padding-left: 0;
        min-width: 260px;
        margin: 0 0 0 10px;
    }
    .checkout-section.store-pickup #storesMap .storeInfoPopup a {
        color: #fff;
        width: 90%;
    }
    #storesMap .infoBox .storeInfoPopup.outofstock {
        background: #69b878 url("images/map/outofstock-background.png") no-repeat top right;
    }
    #storesMap .infoBox .storeInfoPopup.outofstock .storeAction span {
        display: none;
    }
    .map-background .infoBox {
        width: 270px!important;
        min-width: 250px!important
    }
    .home section#choosePhoneArea {
        margin-top: 40px;
    }
    section#choosePhoneArea {
        margin-top: 0;
    }
    #topArea .container.pickarea a {
        padding: 40px 10%;
    }
    .pnlPlanType ul li:first-child {
        width: 48%;
    }
    .pnlPlanType ul li:last-child {
        width: 48%;
        margin-right: 0;
    }
    .phone-images-wrap .owl-nav {
        width: 100%;
        padding: 0 10px;
    }
    .search-result-item-title a {
        line-height: 1.4em;
    }
    .checkout-summary-header .pay-monthly {
        margin: 0;
    }
    .checkout-summary-header .container {
        display: table;
        max-width: 1265px;
        height: 90px;
        width: 100%;
        border-top: solid 2px #69b978;
    }
    .checkout-summary-header {
        height: 90px;
    }
    .checkout-summary-header h4 {
        margin: 5px 0 5px 0;
        font-size: 1em;
    }
    .planBuilderSection .fl {
        width: 62%;
        position: relative;
    }
    .planBuilderSection .fl h2 {
        font-size: 16px;
        left: 55px;
        position: absolute;
        top: 20px;
    }
    .planBuilderSection .headerTop .container .logo {
        margin-left: 0;
    }
    .planBuilderSection .headerTop .btn {
        font-size: 1.25em;
        padding: 10px 12px 10px 35px;
        position: relative;
        margin-right: -1px;
        width: auto;
        height: auto;
        margin-top: 0;
    }
    #rblPlanType {
        margin: 0 auto;
        padding: 0;
        text-align: center;
        width: 270px;
    }
    .mobileTabs a {
        font-size: 20px;
    }
    #compareArea ul li img {
        max-width: 40px;
    }
    #compareArea > div > a {
        margin-top: 25px;
    }
}
/* Media Query for iPhone 6 and other devices with max-width of 375px **/

@media (max-width: 375px) {



    /**
    * #.# We care - Landing page
    *
    * boxes on  homepage
    */

    .we-care-boxes {
        margin: 0 0 0 0;
        padding: 0;
        width: 100%;
    }
    .we-care-boxes .col-md-4 {
        width: 43%;
        min-height: 170px;
    }
    .we-care-boxes .col-md-4 h2 {
        font-size: 21px;
    }
    .we-care-boxes .col-md-4:nth-child(1) {
        margin: 14px 0 14px 14px;
    }
    .we-care-boxes .col-md-4:nth-child(3) {
        margin: 14px 0 14px 14px;
    }
    .we-care-boxes .col-md-4:nth-child(5) {
        margin: 14px 0 14px 14px;
    }
    .we-care-boxes .col-md-4 a {
        padding: 57px 10px 61px 10px;
        line-height: 1.4em;
    }
    .we-care-boxes .col-md-4:nth-child(3) a {
        padding-top: 72px;
    }
    .we-care-boxes .col-md-4:nth-child(4) a {
        padding-top: 72px;
    }
    .we-care-boxes .col-md-4:nth-child(6) a {
        padding-top: 72px;
    }
    .cart-summary-actions.last {
        margin-top: 0;
        padding: 0;
        text-align: center;
    }
    .order-reference ul li .fa {
        position: absolute;
        left: 20px;
        margin-right: 25px;
    }
    .warning.red {
        background-color: #eb604d;
        border-radius: 5px;
        color: #fff;
        font-family: gtwbold;
        padding: 10px;
        text-align: center;
        width: 100%;
        margin: 0 0 20px 0;
        font-size: 1em;
    }
    #choosePhoneArea .container.openToolbox {
        padding-top: 80px;
        transition: all 0.3s ease;
    }
    #choosePhoneArea .container {
        width: 100%;
        max-width: 375px;
    }
    .myContract .container {
        padding: 0;
    }
    .myContract > div > p {
        display: none;
    }
    .myContract > div > h2:first-child {
        margin-top: 35px;
        margin-bottom: 15px;
    }
    .store-locator-details-wrapper .store-map > div {
        width: 100% !important;
        height: 250px !important;
    }
    .full-feature-list .feature-heading a .fa {
        margin-right: 10px;
    }

    .accessories-products section.container {
        padding-top: 30px !important;
    }
    .accessories-products h1 {
        padding-top: 40px;
        font-size: 22px;
    }
    .accessories-products .accessory-preview {
        width: 100%;
    }
    .owl-carousel {
        margin-bottom: 0;
    }
    #ctrlSliderPhoneUpfrontPrice .ui-slider-line {
        display: none;
    }
    .planBuilderSection .fl {
        width: 62%;
    }
    .planBuilderSection .headerTop .btn {
        font-size: 16px;
        padding: 10px 10px 10px 20px;
        position: relative;
        margin-right: -1px;
        width: auto;
        height: auto;
    }
    .planBuilderSection .headerTop .container .logo {
        margin-left: 0;
    }
    .planBuilderSection .headerTop .btn i {
        left: 5px;
        margin-top: -9px;
        position: absolute;
        text-align: left;
        top: 40%;
        color: #3f6f48;
        font-size: 1.5em;
    }
    .checkout-summary-header h4 {
        margin: 8px 0 5px 5px;
        font-size: 14px;
    }
    .planBuilderSection .headerTop .container {
        padding: 0 5px;
    }
    .planBuilderSection .checkout-summary-header {
        position: fixed;
        bottom: -90px;
    }
    .checkout-summary-header {
        height: 90px;
    }
    .checkout-summary-header .container {
        display: table;
        max-width: 1265px;
        height: 90px;
        width: 100%;
        border-top: solid 2px #69b978;
    }
    .checkout-summary-header .my-total .tagline {
        display: block;
        font-size: 14px;
        text-align: right;
        margin-top: -10px;
    }
    .checkout-summary-header .my-total .tagline {
        display: block;
        font-size: 14px;
        text-align: right;
        margin-top: -10px;
    }
    /*.icon {
        background: url("images/phone-features-icon.png") no-repeat;
        background-size: 210% auto;
    }*/

    .full-feature-list .feature-heading a {
        font-size: 1.2em;
    }
    .mobCart {
        width: 20%;
    }
    .searchBox {
        width: 80%;
    }
    .cartLink {
        margin-left: 19px;
    }

    /*   #choosePhoneArea .cpw-refine-search-panel-inner {
  left:0;
}*/

    section#choosePhoneArea.cpw-phones-list-wrapper .col-md-3 {
        height: 590px;
        min-height: initial;
    }
    blogAreaSlider .owl-item > article {
        width: 100%;
    }
    #compareArea ul li img {
        max-width: 40px;
    }
    .home section#choosePhoneArea > h2 {
        font-size: 30px;
    }
    #topArea .container.pickarea a {
        padding: 40px 17%;
    }
    .container.pickarea .col-md-4 {
        height: 133px;
    }
    #topArea .container.pickarea a h2 {
        font-size: 24px;
        padding: 0 20px;
    }
    #topArea .container.pickarea a i {
        background-size: 50px auto;
        height: 50px;
        margin-right: 10px;
    }
    #phoneSlider .col-md-12 img {
        margin-bottom: -58%;
        margin-left: 13%;
        width: 74%;
    }
    #lifeStyle > h2 br,
    #topArea > h2 br {
        display: none;
    }
    #lifeStyle h2 {
        font-size: 32px;
        margin-bottom: 10px;
        padding: 0;
    }
    #topArea .container {
        padding: 0;
    }
    .container.pickarea a {
        padding: 30px 20px;
    }
    /*#lifeStyle h2 {
    font-size: 36px;
    margin-bottom: 45px;
    padding: 0 10px;
}*/

    #lifeStyle a {
        display: inline-block;
        float: none;
        margin: 40px 10%;
        padding: 11px 40px 11px 30px;
        width: 80%;
    }
    #lifeStyle i {
        font-size: 60px;
    }
    /*homepage lifestyle banner*/

    .home #choosePlanArea h2 {
        font-size: 30px;
        margin-bottom: 52px;
        padding: 0 11% !important;
    }
    #choosePlanArea h3 {
        font-size: 24px;
    }
    #competitionArea a {
        width: 100%;
        margin-top: 0;
    }
    #competitionArea h2 {
        font-size: 30px;
        line-height: 38px;
        margin: 55px 0 11px;
        padding: 0 10px;
    }
    #competitionArea .owl-item > div {
        min-height: 405px;
    }
    .blogAreaSlider .owl-controls {
        font-size: 60px !important;
        z-index: 7;
    }
    section#choosePhoneArea h2 {
        font-size: 35px;
        /*padding: 0 20px !important;*/
    }
    .home section#choosePhoneArea h2 {
        /*padding: 0 !important;*/
    }
    .blogAreaHeader h2 {
        font-size: 40px;
        margin: 70px 0;
    }
    #competitionArea .chevLeft i,
    #competitionArea .chevRight i {
        font-size: 70px;
        margin-top: -20px;
    }
    .home .section#choosePhoneArea img {
        max-height: none;
        width: auto;
        height: 100%;
    }
    .blogAreaSlider .btn {
        margin-top: 0;
    }
    .home #choosePhoneArea .container .owl-item .details {
        padding: 0;
        margin-left: -15px;
        margin-right: -15px;
    }
    .blogAreaSlider article a,
    .blogAreaSlider article p {
        font-size: 18px;
    }
    /**
    * #.# Accessories
    *
    * [1.0] Accessory List, [1.1] Accessory Details
    */

    .accessory-preview {
        padding: 0;
    }
    .accessory-preview .image-wrapper {
        height: auto;
    }
    .accessory-preview img {
        height: auto;
    }
    .accessory-preview .image-wrapper,
    .accessory-preview .product-price,
    .accessory-preview .product-stock,
    .accessory-preview .indicator-wrap,
    .accessory-preview .product-title {
        padding-left: 0;
        padding-right: 0;
    }
    .accessory-preview h2 {
        height: auto;
    }
    /**
    * #.# MVNO - Store Locator
    *
    * [1.0] Store Selectboxes, [1.1] List of Stores, [1.2] Single Store, [1.3] Store Details,
    */
    /**
     * #.# [1.0] Store Selectboxes
     */

    .store-selectboxes {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .store-selectboxes .all-counties,
    .store-selectboxes .all-stores {
        display: block;
        width: 100%;
        padding: 0;
    }
    .store-selectboxes .all-stores {
        margin-top: 20px;
    }
    /**
     * #.# [1.1] List of Stores
     */

    .single-store {
        padding: 5px 0 5px 0;
    }
    .single-store .store-address {
        max-width: 60%;
        padding-bottom: 20px;
    }
    .single-store .card h2 {
        padding-top: 0;
    }
    .single-store .map-links {
        padding: 22px 0 22px 20px;
    }
    .single-store .map-links .fa {
        display: none;
    }
    .single-store .map-links .view-map {
        display: none;
    }
    .store-information .single-store .map-links .view-map {
        display: block;
    }
    .single-store .map-links .link.directions {
        float: left;
    }
    .single-store .map-links .link.directions a {
        color: #37484f;
    }
    .single-store .map-links .link a {
        color: #4fafc9;
    }
    /**
    * #.# Store Locator - Detail Page
    *
    * styles for indivisual stores
    */

    .store-locator-details-wrapper .single-store {
        padding-top: 20px;
    }
    /**
    * #.# Blog List Page
    *
    * styles for indivisual blog posts in list view
    */

    .blog-article-list article .txt {
        padding: 0 5px;
    }
    .blog-article-list article h1 {
        font-size: 1em;
    }
    .maincontent .blog-article-list article .btn {
        margin-top: 15px;
        padding: 8px 10px;
        font-size: 1em;
        position: relative;
        left: 0;
    }
    .blog-article-list article .date label {
        display: none;
    }
    .maincontent article .blog-tags ul li {
        text-align: left;
    }
    /** Page Banner **/

    .content-top-banner {
        position: relative;
        padding-top: 72%;
    }
    .content-top-banner h1 {
        left: 0;
        z-index: 2;
        font-size: 40px;
    }
    .content-top-banner img {
        position: absolute;
        left: -120%;
        top: 0;
        max-width: none;
        width: auto;
        display: none;
    }
    /**
    * #.# Content top banner
    *
    * styles for content pages top banner where its text only
    */

    .page-banner h1 {
        padding-top: 12px;
        font-size: 1.8em;
    }
    .page-banner h2,
    .page-banner h3 {
        padding-top: 5px;
        padding-bottom: 50px;
        font-size: 1em;
    }
    /** Blog Sidebar **/

    .within-section {
        margin-bottom: 0;
    }
    /** Blog Detail **/

    .blog-article-detail h1 {
        font-size: 25px;
    }
    .blog-article-detail article .author,
    .blog-article-detail article .date {
        font-size: 1em;
    }
    .maincontent article h1 {
        padding-bottom: 20px;
        font-size: 1.5625em;
    }
    .maincontent article ol li {
        padding-left: 20px;
    }
    .maincontent article ul li {
        padding-left: 0;
    }
    .maincontent article ul li span.bullet {
        margin-right: 10px;
    }
    .maincontent .related-articles article.post-item img {
        max-height: 205px;
    }
    .maincontent .related-articles article.post-item .txt {
        width: 48%;
    }
    .related-articles .banner {
        padding-top: 35%;
    }
    .related-articles .banner header {
        background: none;
        bottom: 40%;
    }
    .related-articles .banner h1 {
        font-size: 1.875em;
    }
    .related-articles .banner img {
        max-width: none;
        width: 150%;
        left: -30%;
    }
    .maincontent .related-articles article.post-item img {
        max-height: 208px;
    }
    .maincontent .related-articles article.post-item .txt {
        padding-left: 0;
        width: 52%;
    }
    .maincontent .related-articles article.post-item .btn {
        margin: 20px 0 0 0;
    }
    .maincontent .related-articles article.post-item h1 {
        padding-bottom: 5px;
        width: 95%;
        font-size: 1.2em;
    }
    /** Hide articles 3 and 4 - show only two articles on mobile **/

    .related-articles .container.blog-posts .post-item:nth-child(3),
    .related-articles .container.blog-posts .post-item:nth-child(4) {
        display: none;
    }
    .maincontent .related-articles article.post-item .date {
        display: none;
    }
    #compareArea > div > a {
        margin-top: 25px;
    }
    /**
    * #.# Promotion Page -  Pre Order Section
    *
    * styles for promotion page with pre order section
    */

    .pre-order {
        padding: 22px 0;
    }
    .pre-order .image-placeholder {
        margin: 0;
        height: 145px;
    }
    .pre-order .pre-order-image img {
        max-width: 80%;
    }
    .pre-order .pre-order-txt {
        text-align: center;
    }
    .pre-order h1 {
        padding: 20px 0 10px 0;
        font-size: 1.5625em;
    }
    .pre-order h2 {
        font-size: 1.3125em;
        padding: 0 20px;
    }
    /**
    * #.# Promotion Page -  Content Area
    *
    * styles for promotion page with content areas
    */

    .promotion-page .content-area {
        padding: 25px 0;
    }
    .promotion-page .content-area ol li:before {
        position: absolute;
        left: -0.5em;
        width: 1.5em;
        text-align: right;
        color: #69b978;
        content: counter(list) ".";
    }
    .promotion-page .video-section h2 {
        padding-top: 20px;
    }
    .promotion-page .insight-video {
        margin-right: 0;
    }
    .promotion-page .promotion-features h4 {
        font-size: 1.375em;
    }
    .promotion-page .promotion-features p {
        font-size: 1em;
    }
    .promotion-page .promotion-features .owl-carousel .owl-item img {
        width: auto;
        margin: auto;
    }
    .promotion-page .promotion-features {
        padding: 25px 0;
    }
    /*** List Page */

    .cpw-phones-list-wrapper .phone-area-img {
        height: 280px;
    }
    section#choosePhoneArea.cpw-phones-list-wrapper .small-btn.point {
        margin-bottom: 3px;
        margin-right: -10px;
    }
    /*** Phone Details Page*/

    .slideshow li {
        height: 410px;
    }
    #phoneDetails .page-banner h1 {
        font-size: 24px;
        width: 66%;
    }
    .phone-images-wrap .owl-nav {
        font-size: 75px;
        margin-top: 150px;
        padding: 0 20px;
    }
    .phone-compraison .gray-bg {
        margin: 0 15px;
        width: calc(100% - 30px);
    }
    .colours {
        padding: 0 15px;
    }
    .discription,
    .compare-list-Mobile,
    .features-container {
        padding: 0 15px;
        display: inline-block;
    }
    #phoneDetails .page-banner a {
        padding-left: 10px;
        padding-right: 10px;
    }
    .comparephone-wrap-inner img {
        height: 130px;
    }
    .comparephone-wrap-inner label {
        font-weight: normal;
        color: #7c9496;
        font-size: 18px;
    }
    /** Plan Builder*/

    .headerTop h2 {
        font-size: 18px;
        margin: -3px 0 0;
    }
    .planBuilderSection .fl {
        width: 62%;
    }
    .planBuilderSection .headerTop .btn {
        font-size: 1.25em;
        margin-top: 0;
        padding: 12px 10px 12px 30px;
    }
    .my-total .pay-today,
    .my-total .pay-monthly {
        width: 46%;
    }
    .checkout-summary-header .pay-monthly {
        margin: 0 0 0 12px;
    }



    .mobileTabs a {
        font-size: 18px;
    }
    #ulPlanPacks .owl-controls {
        margin-top: -35px;
    }
    #ulPlanPacks .owl-prev {
        margin-left: -17px;
        font-size: 48px;
    }
    #ulPlanPacks .owl-next {
        margin-right: -17px;
        font-size: 48px;
    }
    .planBuilderSection .fl {
        width: 62%;
        position: relative;
    }
    .planBuilderSection .fl h2 {
        font-size: 16px;
        left: 55px;
        position: absolute;
        top: 20px;
    }
    #affinity .mybtn {
        min-width: 280px;
        padding: 9px 20px !important;
        line-height: 1;
    }
    header .logo.affintylogo {
        width: 155px;
        text-align: right;
        padding-top: 10px;
        font-size: 14px;
    }
    .affinity-congrats h1 {
        font-size: 42px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 360px) {
    .comparsion-tool-topbar .col-md-12.tc {
        padding-left: 20px;
        text-align: left;
        font-size: 20px!important;
    }
    .store-selectboxes .selectboxit .selectboxit-arrow-container .selectboxit-arrow {
        margin: 0 auto;
        position: absolute;
        top: 0;
        right: 24px;
        left: 0;
    }
    #topArea .container.pickarea a {
        padding: 40px 16%;
    }
    .slideshow li {
        height: 350px;
    }
    .home #choosePhoneArea .container .owl-item {
        width: 100% !important;
    }
    .home #choosePhoneArea .owl-stage .owl-item:nth-child(n+3) {
        display: none;
    }
    .home section#choosePhoneArea > h2 {
        padding: 0 15% !important;
    }
    #competitionArea .owl-item > div {
        min-height: 360px;
        padding-top: 0;
    }
    .home #choosePlanArea h2 {
        font-size: 30px;
        margin-bottom: 52px;
        padding: 0 6% !important;
    }
    #lifeStyle h2 {
        font-size: 30px;
        margin-bottom: 0;
    }
    /*homepage lifestyle banner*/


    #topArea a h2 {
        padding: 0;
    }
    #topArea h2 {
        font-size: 20px;
    }
    #phoneDetails .page-banner h1 {
        font-size: 24px;
        margin-top: 6px;
        padding-left: 20px;
        width: 63%;
    }
    #phoneDetails .page-banner {
        padding: 0 5px;
    }
    .pnlPlanType ul li:first-child {
        margin-left: 0;
        margin-right: 0;
        width: 35%;
    }
    .pnlPlanType ul li:last-child {
        margin-left: 0;
        margin-right: 0;
        width: 55%;
    }
    #phoneDetails .page-banner {
        /* margin-top: 31px;*/
    }
    .planBuilderSection .fl {
        width: 70%;
    }
    .planBuilderSection .headerTop .btn {
        padding: 10px 6px 10px 35px;
    }
    .my-total .pay-today,
    .my-total .pay-monthly {
        width: 44%;
    }
    .compare-arrows i {
        display: none;
    }
    .affinity-congrats h1 {
        font-size: 38px;
        margin-bottom: 15px;
    }
    .offer-content .bottom-button {
        font-size: 21px;
    }
    .affinity-coupon-input .form-control {
        padding: 27px 30px 20px 10px;
    }
    /*billpay offers landingpage*/

    .billpay-offer-container h2 {
        font-size: 21px;
    }
}
/* Media Query for iPhone 5 and other devices with max-width of 320px **/

@media (max-width: 320px) {
    .indicator {
        -moz-background-clip: border;
        /* Firefox 3.6 */

        -webkit-background-clip: border;
        /* Safari 4? Chrome 6? */

        background-clip: border-box;
        /* Firefox 4, Safari 5, Opera 10, IE 9 */

        -moz-background-clip: padding;
        /* Firefox 3.6 */

        -webkit-background-clip: padding;
        /* Safari 4? Chrome 6? */

        background-clip: padding-box;
        /* Firefox 4, Safari 5, Opera 10, IE 9 */

        -moz-background-clip: content;
        /* Firefox 3.6 */

        -webkit-background-clip: content;
        /* Safari 4? Chrome 6? */

        background-clip: content-box;
        /* Firefox 4, Safari 5, Opera 10, IE 9 */
        /*width: 120px;
    height: 120px;*/
    }
    .checkout-section.store-pickup #storesMap .infoBox .storeInfoPopup {
        padding-left: 0;
        min-width: 240px;
        margin: 0 0 0 10px;
    }
    .checkout-section.store-pickup #storesMap .storeInfoPopup a {
        color: #fff;
        width: 100%;
    }
    .comparsion-tool-topbar .col-md-12.tc {
        padding-left: 20px;
        text-align: left;
        font-size: 20px;
    }
    #compare-area .feature-heading .icon {
        display: none;
    }
    /**
    * #.# We care - Landing page
    *
    * boxes on  homepage
    */

    .we-care-boxes .col-md-4 {
        width: 42%;
        min-height: 170px;
    }
    .we-care-boxes .col-md-4:nth-child(4) a {
        padding-top: 57px;
    }
    #compareArea > div > a {
        width: 39%;
    }
    #compareArea ul li.no-phone {
        width: 40px;
    }
    #compareArea ul li {
        margin-right: 15px;
    }
    nav.mobNav li a {
        font-size: 16px;
    }
    .store-selectboxes .selectboxit .selectboxit-arrow-container .selectboxit-arrow {
        margin: 0 auto;
        position: absolute;
        top: 50%;
        right: 24px;
        left: 0;
        margin-top: -10px;
    }

    .cartLink {
        margin-left: 14px;
    }
    .mobileTabs a {
        font-size: 16px;
    }
    .options .sortby {
        width: 114px;
        padding: 10px 6px 10px 10px;
    }
    /* .phone-images-wrap .owl-nav {
        margin-top: 90px;
    }*/

    .maincontent article.post-item img {
        max-height: 205px;
    }
    #choosePhoneArea .container {
        padding: 0;
        transition: all 0.3s ease;
    }
    section#choosePhoneArea {
        min-height: 400px;
        padding-bottom: 80px;
        margin-top: 20px;
    }
    section#choosePhoneArea.cpw-phones-list-wrapper .col-md-3 {
        height: 550px;
    }
    .cpw-phones-list-wrapper .phone-area-img {
        height: 250px;
    }
    .phone-wrapper .details.col-md-12 {
        padding: 0;
    }
    .phone-wrapper .details.col-md-12 p {
        line-height: 1.2em;
    }
    /** Home Page*/

    #topArea h2 {
        font-size: 17px;
        padding: 0 11px;
    }
    #topArea .container.pickarea a h2 {
        font-size: 24px;
    }
    #topArea .container.pickarea a.hisky-bg i {
        background-position: center bottom;
        background-size: cover;
        height: 50px;
        margin-right: 20px;
        width: 50px;
    }
    #topArea .container.pickarea a.beppy-bg i {
        background-size: 50px auto;
        height: 50px;
        margin-right: 20px;
    }
    #topArea .container.pickarea a {
        padding: 40px 37px;
        height: 145px;
    }
    #phoneSlider {
        margin-top: 0;
        padding: 49px 0 66px;
    }
    .container.pickarea a.hisky-bg {
        box-shadow: none;
    }
    #phoneSlider .owl-controls {
        display: block;
        font-size: 80px;
        margin-top: -60px;
        padding: 0 7px;
        position: absolute;
        top: 50%;
        width: 100%;
    }
    .home #choosePlanArea {
        padding-bottom: 35px;
    }
    .home #choosePlanArea h2 {
        font-size: 28px;
        margin-bottom: 40px;
        margin-top: 13px;
        padding: 0 30px !important;
    }
    .home #choosePlanArea img {
        margin: 0 auto 15px;
    }
    .home #choosePlanArea h3 {
        font-size: 24px;
    }
    #competitionArea .col-md-12 .col-md-12 {
        padding: 0;
    }
    /********************************/

    .related-articles .banner header {
        background: none;
        bottom: -20%;
    }
    .maincontent .related-articles article.post-item img {
        max-height: 188px;
    }
    .maincontent .related-articles article.post-item .txt {
        padding-left: 0;
        width: 48%;
    }
    .maincontent .related-articles article.post-item .btn {
        margin: 10px 0 0 0;
        padding: 11px 20px;
        font-size: 1em;
    }
    .promotion-page .promotion-features .owl-next {
        position: absolute;
        top: 0;
        left: 280px;
    }
    .container.pickarea {
        padding: 0;
    }
    #topArea h2 {
        font-size: 18px;
        padding: 0 20px;
    }
    .container.pickarea a {
        padding: 20px 10px;
        border-radius: 0;
    }
    .container.pickarea .col-md-4 {
        padding: 0;
        width: 100%;
        margin-bottom: 0;
    }
    .details p,
    .details p small {
        font-size: 16px;
    }
    #choosePlanArea h3 {
        font-size: 20px;
        padding-bottom: 30px;
    }
    #choosePlanArea p {
        display: none;
    }
    #choosePlanArea a.col-md-3 {
        margin-left: 0;
        width: 100%;
    }
    #competitionArea .chevLeft,
    #competitionArea .chevRight {
        background: none;
    }
    #competitionArea a {
        width: 100%;
    }
    section#choosePhoneArea h2 {
        padding: 0;
    }
    section#choosePhoneArea .btn {
        font-size: 18px;
        margin: 80px auto 0;
        width: 90%;
    }
    /** Details Page */

    .slideshow li {
        height: 290px;
    }
    .phoneDetails .page-banner .btn {
        font-size: 1.4em;
    }
    .comparephone-wrap-inner img {
        height: 100px;
    }
    .comparephone-wrap-inner input {
        display: none;
    }
    .comparephone-wrap-inner label {
        font-weight: normal;
        color: #7c9496;
        font-size: 16px;
    }
    .page-banner .mobile.btn {
        font-size: 1.3em;
    }
    #phoneDetails .page-banner .mobile.btn {
        font-size: 1.2em;
    }
    #phoneDetails .page-banner .mobile.btn i {
        font-size: 27px;
    }
    #phoneDetails .page-banner a {
        padding-left: 5px;
        padding-right: 5px;
    }
    #phoneDetails .page-banner .mobile.btn i {
        line-height: 0.9em;
        margin-bottom: 0;
    }
    #phoneDetails .page-banner h1 {
        font-size: 22px;
        margin-top: 2px;
        padding-left: 0;
        width: 66%;
    }
    .planBuilderSection .col-md-12.erminto-bg {
        padding: 0;
    }


    .mobileTabs a i {
        font-size: 18px;
        margin-top: -9px;
    }
    .mobileTabs a {
        padding: 15px 10px;
    }
    #ctrlSliderPhoneUpfrontPrice .ui-slider-pip .ui-slider-line {
        display: none;
    }
    .planBuilderSection .my-total {
        padding: 0;
    }
    .affinity-congrats h1 {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .offer-content .bottom-button {
        font-size: 21px;
        line-height: 1.2
    }
    #affinity section.page-banner h2 {
        padding: 0 5% !important;
    }
    #affinity .subLine {
        padding: 10px 2% 0;
    }
    #affinity .affTc {
        padding: 0 5%;
    }
    #form #affinity .outer {
        left: -5%;
    }
    #form #affinity .simImg .outer,
    #form #affinity .simImg .fourG {
        top: inherit;
        bottom: -80px;
    }
}
/****** Test Code */

@media (min-width: 900px) {
    .checkout-summary-header .container {
        overflow: hidden;
    }
}
@media screen and (max-device-width: 1024px) {
    #synthetix_agent #faqtAgent_content,
    #faqtAgent_lightbox,
    #synthetix_lc_close,
    #faqtAgent_close,
    #synthetix_lc_hotspot {
        /*display: none !important;*/
    }
    #synthetix_agent .chatpromocss p {
        margin: 12px 0 10px 0 !important;
    }
    #synthetix_agent .chatpromocss .lc_trg_link .fa {
        font-size: 52px;
        padding: 13px 30px 0px 0px;
        margin-bottom: 0;
        margin-top: -10px;
    }
}
@media screen and (max-device-width: 480px) {
    #synthetix_agent .chatpromocss .lc_trg_link .fa {
        margin-top: -15px;
    }
}
/* Upgrade pages start*/

@media (max-width: 995px) {
    .upgradeYellow a {
        margin-top: 0px;
    }
    #howitworksAreaUpgrade h2 {
        margin: 0;
        padding: 0 0 32px 0;
    }
    #howitworksAreaUpgrade img {
        max-width: 100%;
    }
    #howitworksAreaUpgrade .image-wrapper {
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
    }
    #howitworksAreaUpgrade .col-md-4.choosePhone .image-wrapper {
        text-align: center;
        padding-right: 0;
    }
    #howitworksAreaUpgrade .col-md-4.choosePhone h3 {
        text-align: center;
    }
    #howitworksAreaUpgrade .col-md-4.choosePhone h4 {
        text-align: center;
        padding-right: 0;
    }
    #howitworksAreaUpgrade .col-md-4.choosePhone,
    #howitworksAreaUpgrade .col-md-4.chooseTerm,
    #howitworksAreaUpgrade .col-md-4.chooseNeed {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        padding: 30px 0;
    }
    #howitworksAreaUpgrade .col-md-4.chooseNeed .image-wrapper {
        text-align: center;
    }
    #howitworksAreaUpgrade .col-md-4.chooseNeed h3 {
        text-align: center;
        margin-left: 0;
    }
    #howitworksAreaUpgrade .col-md-4.chooseNeed h4 {
        margin-left: 0;
        text-align: center;
        width: 100%;
    }
    #howitworksAreaUpgrade .col-md-4.chooseNeed {
        padding-bottom: 0px !important;
    }
    #howitworksAreaUpgrade {
        text-align: center;
        padding: 0px 0 20px 0;
    }
}
/* Upgrade pages end*/
/**

 Homepage - Addition of third prepay yellow button   24/05/2016 - GG

**/

@media (max-width: 1200px) and (min-width: 992px) {
    #topArea .container.pickarea a h2 {
        font-size: 24px;
    }
    .container.pickarea a {
        padding: 36px 20px;
    }
    #topArea .container.pickarea a i {
        margin-right: 10px;
        margin-top: 5px;
    }
}
@media (max-width: 1024px) {
    .planfirsteditplanwrapper input {
        background-image: none;
    }
}
@media (max-width: 800px) {
    #topArea .container.pickarea a {
        padding: 40px 27%;
    }
    #topArea .container.pickarea div:first-child {
        z-index: 6;
    }
    #topArea .container.pickarea div:nth-child(2) {
        z-index: 4;
    }
    #topArea .container.pickarea div:nth-child(3) {
        z-index: 2;
    }
}
@media screen and (max-width: 640px) {
    #topArea .container.pickarea a {
        padding: 40px 14%;
    }
}
@media screen and (max-width: 400px) {
    #topArea .container.pickarea a.hisky-bg i {
        background-position: center -50px;
        width: 60px;
    }
    #topArea .container.pickarea a.simy-bg i {
        background-position: center -100px;
        width: 60px;
    }
}
@media (max-width: 320px) {
    #topArea .container.pickarea a {
        padding: 40px 30px;
        height: 145px;
    }
    #topArea .container.pickarea a.beppy-bg i {
        background-position: center top;
        width: 50px;
    }
    #topArea .container.pickarea a.hisky-bg i {
        background-position: center -50px;
        background-size: cover;
        height: 50px;
        margin-right: 20px;
        width: 50px;
    }
}
nav.mobNav li a {
    display: block;
    font-size: 21px;
    /*padding: 60px 0;*/

    vertical-align: top;
    padding: 60px 0;
    margin-top: 0px!important;
}
@media (max-width: 1200px) and (min-width: 992px) {
    /*To allow for Blog link in the header on 1024px devices*/

    .logo img {
        height: 34px;
    }
}