﻿@charset "utf-8";
/* CSS Document */
/*#bundles-tabs{ margin-bottom:0px !important;}*/

#bdl-container {
    float: none;
    display: block;
    clear: both;
    margin-bottom: 20px;
    position:relative;
    z-index:99;
}
#bdl-container .buttons {
    margin-bottom: 20px;
}
#divDestination{ margin-bottom:10px;}
.hor-line {
    margin: 5px 0 0 0;
    height: 5px;
    border-top: 1px solid #e4e4e4;
    display:block;
}
.stacktable .bund-title
{
    color: #036eb6;
    font-size: 15px;
    font-weight: 500;
}
.stacktable .bundle-icon
{
    display:block !important;
    width:initial !important;
    min-width:initial !important;
 }
 .stacktable .bundle-currency
 {
     display:initial !important;
     }
#bdl-container #bdl-box.list > li {
    width: 100%;
    border: 1px solid #CCC;
    margin-bottom: 10px;
    padding-bottom: 0px;
    min-height: 90px;
    text-align: left;
    position: relative;
}
#bdl-container #bdl-box.grid > li {
    float: left;
    width: 24.07%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    height:540px;
    overflow:hidden;
    /*min-height: 410px;
    max-height: 420px;*/
    border: 1px solid #CCC;
    padding: 5px;
    margin: 5px;
    text-align: center;
    padding-top: 40px;
    position: relative;
}

.grid_btn,
.list_btn {
    background: none;
    border: none;
    color: #01D157;
    outline: none;
}
.chooseTab .dropdown-menu {
    right: 0px;
}

.grid_btn:hover,
.list_btn:hover {
    color: #006DB8;
}
/*GRID Style*/

#bdl-box.grid .bndl-price {
    color: #006DB8;
    text-align: center;
    /*padding-left:6%;*/
}
#bdl-box.grid .bndl-price.fs40 {
    font-size: 266% !important;
}
#bdl-box.grid .cross_offer .strike_offer {
    font-size: 16px !important;
    color: #949698;
    text-align: center;
    /*padding-left:6%;*/
    
    /*vertical-align: bottom;
    display: inline-block;*/
    
    position: relative;
    left: 0px;
    bottom: 6px;
}
#bdl-box.grid .cross_offer {
    color: #006DB8;
    position: relative;
}
#bdl-box.grid .cross_offer.fs40 {
    font-size: 266% !important;
}
#bdl-box.grid .cross_offer .strikeColor {
    color: #F50C0C;
    text-decoration: line-through;
    position: absolute;
    /*left: 50px;*/
    left: 2%;
}
#bdl-box.grid .strike_offer .fs5 {
    font-size: 13px;
    font-weight: 600;
}
#bdl-box.grid .fs5 {
    font-size: 18px;
    font-weight: 400;
}
#bdl-box.grid .validity {
    font-size: 12px;
    padding: 10px 0px;
    color: #666;
    font-weight: normal;
}
#bdl-box.grid .validity2 {
    font-size: 12px;
    /*padding: 5px 0px;*/
    color: #666;
    font-weight: normal;
    padding-top: 0px;
    padding-bottom: 10px;
}
#bdl-box.grid .bdl-name {
    font-size: 18px;
    color: #000;
    text-align: center;
    padding-left: 6%;
    /*text-transform: capitalize;*/
    font-weight: 600;
    opacity: 0.7;
    min-height:40px;
}
#bdl-box.grid .bdl-units {
    margin: 10px 0;
    min-height: 166px;
}
#bdl-box.grid .bdl-units ul.mins {
    background: url(../images/mins.jpg) no-repeat;
    margin-bottom: 10px;
    margin-top: 10px;
}
#bdl-box.grid .bdl-units ul.texts {
    background: url(../images/texts.jpg) no-repeat;
    margin-bottom: 10px;
}
#bdl-box.grid .bdl-units ul.data {
    background: url(../images/data.jpg) no-repeat;
    margin-bottom: 10px;
    margin-top: 10px;
}
#bdl-box.grid .bdl-units ul.data4G {
    background: url(../images/data4G.jpg) no-repeat;
    margin-bottom: 10px;
    margin-top: 10px;
}
#bdl-box.grid .bdl-units ul.euRoaming {
    background: url(../images/EURoaming.png) no-repeat;
    margin-bottom: 10px;
    margin-top: 10px;
    height:35px;
}
#bdl-box.grid .bdl-units li {
    float: none;
    display: block;
    clear: both;
    width: 91%;
    text-align: left;
    padding: 1px 0;
    padding-left: 20px;
}
#bdl-box.grid .bdl-units li > span {
    /*min-width:70px;
    max-width:80px;*/
    display: block;
    text-align: center;
    color: #036eb6;
    font-size: 20px;
    padding-right: 3%;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight:600;
}
.removeEllipse    
        {
            text-overflow: initial !important;
            white-space: normal !important;
            }
#bdl-box.grid .bdl-units li > .detail {
    color: #333333;
    /*max-width: 58%;*/
    overflow: visible;
    white-space: normal;
    font-weight:normal;
    font-size: 12px;
    text-align: center;
    line-height: normal;
}
#bdl-box.grid .bdl-more {
    background: url(../images/bdl-more.png) no-repeat;
    width: 100px;
    margin: 10px auto;
    margin-bottom: 20px;
}
#bdl-box.grid .btn-typ-new {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    background: #01d157;
    padding: 4px 8px;
    width: 120px;
    height: 24px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    line-height: 22px;
    display: inline-block;
    cursor: pointer;
}
.btn-typ4 {
	background:url(../images/btnbg-new.png) repeat-x left top #ee621e;
	border:1px solid #ee621e;
	border-radius:5px;
	padding:4px 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	line-height:15px;
	display:inline-block;
	box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);
	width:80px;
	text-align:center;
}
.btn-typ4:hover { background:url(../images/btnbg-new.png) repeat-x left -43px #ff8f2c; }
.btn-typ4.disable { 
	background:#f6f6f6;
	cursor:default;
	border:1px solid #ee621e;
	color:#b7b6b6;
	box-shadow:none;
}
#bdl-box.grid .action {
    margin: 5px 0 0 0;
    text-align: center;
    padding-left: 6%;
}
#bdl-box.grid .action-new {
    margin: 5px 0 0 0;
    text-align: center;
    color:#ee8120;
   /* padding-left: 6%;*/
    font-size: 14px;
    font-weight: bold;
}
.action-new {
     color:#ee8120;
   /* padding-left: 6%;*/
    font-size: 14px;
    font-weight: bold;
}
.buy-txt 
{
 padding-right:65px;   
 }
#bdl-box.grid .action a.exist {
    color: #01d157;
    font-size: 14px;
}
/*Grid Style Ends*/

/*List Style Starts*/

#bdl-box.list .cross_offer {
    color: #036eb6;
    float: left;
    width: 130px;
    height: 50px;
    text-align: center;
    padding: 0.5% 30px;
}
#bdl-box.list .bndl-price {
    color: #006DB8;
    float: left;
    width: 130px;
    text-align: center;
    padding: 2.6% 30px 0px;
    font-size: 22px;
}

#bdl-box.list .bndl-price b,
#bdl-box.list .cross_offer b {
    font-size: 22px;
}
#bdl-box.list .strike_offer b {
    font-size: 16px;
}
#bdl-box.list .cross_offer .strike_offer {
    font-size: 18px !important;
    color: #949698;
    text-align: center;
}
#bdl-box.list .cross_offer .strikeColor {
    color: #F50C0C;
    text-decoration: line-through;
    display: inline-block;
}
#bdl-box.list .strike_offer .fs5 {
    font-size: 13px;
    font-weight: 600;
}
#bdl-box.list .fs5 {
    font-size: 14px;
    font-weight: 600;
}
#bdl-box.list .validity {
    font-size: 12px;
    color: #666;
    font-weight: normal;
    width: 100%;
    text-align: center;
    line-height: normal;
}
#bdl-box.list cross_offer .bndl-price {
    width: 100% !important;
}
#bdl-box.list .bdl-name {
    font-size: 17px;
    color: #036eb6;
    float: left;
    width: 150px;
    text-align: center;
    padding-top: 34px;
    word-break: break-word;
    font-weight: 600;
}

/* Side Bars Options starts Here*/

#bdl-container #bdl-box.twoSlideBar.grid > li
    {
        width: 48.89%;
        margin: 0px 0px 5px 5px;
    }
    #bdl-container #bdl-box.oneSlideBar.grid > li
    {
        width: 98%;
        margin: 0px 0px 5px 5px;
    }
    

/*Side Bars Options Ends Here*/


#bdl-box.list .bdl-units ul.texts {
    background: none;
    margin: 0px;
    padding: 0px;
    float: left;
    /*height: 135px;*/
    
    margin-right: 10px;
    width: 140px;
    display: table;
    height: 90px;
}
#bdl-box.list .bdl-units ul.data {
    background: none;
    margin: 0px;
    padding: 0px;
    float: left;
    /*height: 135px;*/
    
    height: 90px;
    width: 140px;
    display: table;
}
#bdl-box.list .bdl-units li {
    float: none;
    line-height: normal;
    text-align: center;
    margin-bottom: 10px;
}
#bdl-box.list .bdl-units .single li {
    float: none;
    line-height: normal;
    text-align: center;
    margin-bottom: 10px;
    display: table-cell;
    vertical-align: middle;
}
#bdl-box.list .bdl-units li > span {
    display: block;
    text-align: center;
    color: #036eb6;
    font-size: 12px;
}
#bdl-box.list .bdl-units li > .detail {
    color: #333333;
    font-weight: 500;
    font-size: 14px;
}
#bdl-box.list .bdl-more {
    background: url(../images/bdl-more.png) no-repeat 30px 40px;
    width: 90px;
    margin: 0px auto;
    float: left;
    text-align: center;
    padding-top: 60px;
}
#bdl-box.list .bdl-more a {
    font-size: 14px;
}
#bdl-box.list .btn-typ-new {
    border-radius: 5px;
    background: #01d157;
    padding: 4px 8px;
    width: 120px;
    height: 24px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    line-height: 22px;
    display: inline-block;
    cursor: pointer;
}
#bdl-box.list .action {
    margin: 5px 0 0 0;
    width: 170px;
    /*height: 100px;
    padding-top: 30px;*/
    
    height: 76px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding-top: 14px;
    position: relative;
}
#bdl-box.list .action a.exist {
    color: #01d157;
    font-size: 14px;
}
.bundle-recommend1 {
    position: absolute;
    background: url(../images/bund-R1.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}
.bundle-BV1 {
    position: absolute;
    background: url(../images/bund-BV1.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}
.bundle-OF1 {
    position: absolute;
    background: url(../images/bund-OF1.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}
.bundle-OP {
    position: absolute;
    background: url(../images/bund-OP.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}
.frm-data.horz li {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.frm-data.horz li .lbl {
    float: left;
    line-height: 30px;
    padding-right: 10px;
    font-weight: bold;
}
.frm-data.horz li .country-dd.country-dd-img {
    float: right;
}
.sm-bundle {
    text-align: center;
    margin: 10px 0;
}
.sm-bundle a span {
    color: #666;
    display: inline-block;
    padding: 5px 0;
}
.btn-typ2 {
    background: url(../images/btnbg.png) repeat-x left top #06b14c;
    border: 1px solid #059540;
    border-radius: 5px;
    padding: 6px 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff !important;
    text-decoration: none !important;
    line-height: 21px;
    display: inline-block;
    min-width: 80px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    font-weight: bold;
    text-align: center;
}
.btn-typ2:hover {
    background: url(../images/btnbg.png) repeat-x left -43px #01d357;
}
#bdl-box.list .bdl-units ul.multi {
    float: none;
    line-height: normal;
    text-align: center;
    margin-bottom: 10px;
    display: table-cell;
    vertical-align: middle;
    width: 160px;
}
#bdl-box.list .bdl-units ul.multi.fullWidth {
    width: 100%;
    display: inline-block;
    padding: 5% 0 0;
}
#bdl-box.list .bdl-units .bdl-more.multi {
    float: none;
    line-height: normal;
    text-align: center;
    margin-bottom: 10px;
    display: table-cell;
    vertical-align: middle;
}
#bdl-box.list .bdl-units .multi li {
    float: none;
    line-height: normal;
    text-align: center;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
}
#bdl-box.list .bdl-units li > span {
    font-size: 18px;
    font-weight: 600;
}
.bundle-data-popup .span2 {
    border: solid 1px #ccc;
    border-right: 0px;
    height: 200px;
    margin: 0px;
    padding: 0px;
    /*width:16.66%;*/
    
    width: 17.05%;
}
.bundle-data-popup .span2 p {
    height: 40px;
    border-bottom: solid 1px #ccc;
    text-align: center;
    vertical-align: middle;
    vertical-align: middle;
    line-height: 40px;
    font-weight: bold;
    width: 100%;
}
.bundle-data-popup .span2:last-child {
    border-right: solid 1px #ccc;
}
.buy-offer .buy-btn span {
    padding: 7px 5px 0px 10px;
    background-color: #06af4b;
    font-size: 12px;
    line-height: 14px;
    height: 22px;
    display: inline-block;
    font-weight: bold;
    color: #ffffff;
    border-radius: 3px 0 0 3px;
    font-weight: bold;
}
.buy-offer .buy-btn {
    background: url("../images/buy-btn-arrow.png") no-repeat right top;
    color: #FFFFFF;
    display: inline-block;
    padding: 0 14px 0 0;
    vertical-align: middle;
    margin-right:5px;
}
.skpbtn {
    width: 100%;
    padding: 0px;
    margin-left: 0px !important;
}

#ddlBundleCategory {
    font-size: 16px;
    font-weight: 600;
    height: 35px;
}
#ddlBundleCategory + span {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
.chooseTab .visible-phone {
    margin-bottom: 20px;
}
#cboxLoadedContent .row-fluid .span12 {
    width: 100%
}
#cboxLoadedContent .row-fluid .span11 {
    width: 91.66666667%
}
#cboxLoadedContent .row-fluid .span10 {
    width: 83.33333333%
}
#cboxLoadedContent .row-fluid .span9 {
    width: 75%
}
#cboxLoadedContent .row-fluid .span8 {
    width: 66.66666667%
}
#cboxLoadedContent .row-fluid .span7 {
    width: 58.33333333%
}
#cboxLoadedContent .row-fluid .span6 {
    width: 50%
}
#cboxLoadedContent .row-fluid .span5 {
    width: 41.66666667%
}
#cboxLoadedContent .row-fluid .span4 {
    width: 33.33333333%
}
#cboxLoadedContent .row-fluid .span3 {
    width: 25%
}
#cboxLoadedContent .row-fluid .span2 {
    width: 16.66666667%
}
#cboxLoadedContent .row-fluid .span1 {
    width: 8.33333333%
}
/************ Media Queries ***************/
/* ----------- Non-Retina Screens ----------- */

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px)
/* and (-webkit-min-device-pixel-ratio: 1)*/

{}
/* ----------- Retina Screens ----------- */

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px)
/* and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi)*/

{
    #bundles-tabs {
        margin-bottom: 10px !important;
    }
}
@media screen and (min-device-width: 1024px) {
    #bundles-tabs .btn-group {
        height: 60px;
        width: 100%;
    }
    .dropdown-toggle {
        display: none;
    }
    .dropdown-menu {
        display: block;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .dropdown-menu li {
        float: left;
        width: 16.666%;
    }
    .dropdown-menu li a {
        padding: 12px 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        font-weight: bold;
    }
    .allplans {
        width: 100% !important;
        padding-left: 21px;
        padding-right: 21px;
    }
    .pmplans {
        width: 100% !important;
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media screen and (max-device-width: 1024px) {
    .frm-data.horz li {
        display: none;
    }
    .frm-data.horz li:first-child {
        display: block;
    }
    #bundles-tabs .btn-group {
        height: 60px;
        width: 100%;
        text-align: center;
    }
    .dropdown-toggle {
        width: 87%;
    }
    .dropdown-menu {
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: 100%;
    }
    .dropdown-menu li a {
        padding: 12px 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        font-weight: bold;
    }
}
/* ----------- iPad mini ----------- */
/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    #bdl-container #bdl-box.oneSlideBar.grid > li {
        width: 98% !important;
        height:582px;
    }
    #nav #menu {
        display: block;
    }
    #bdl-box.grid .bdl-units {
        margin: 10px;
        width: 80%;
        margin: 10px auto;
    }
   
}
/* Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    #bdl-container #bdl-box.grid > li {
        width: 30%;
    }
    #nav #menu {
        display: block;
    }
    #bdl-box.grid .bdl-units li > .detail{ width:59%;}
    /*.dropdown-menu li a{
        padding: 12px 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        font-weight: bold;
}*/
}
/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    #bdl-container #bdl-box.oneSlideBar.grid > li {
        width: 49%;
    }
    #nav #menu {
        display: block;
    }
}
/* Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    #bdl-container #bdl-box.grid > li {
        width: 30%;
    }
    #nav #menu {
        display: block;
    }
    .dropdown-menu li a {
        padding: 12px 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        font-weight: bold;
    }
    #bdl-box.grid .bdl-units li > .detail{ width:57.2%;}
    #bdl-box.twoSlideBar.grid .bdl-units li > .detail{ width:53%;}
    .dropdown-toggle {
        display: none;
    }
    .dropdown-menu {
        display: block;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .dropdown-menu li {
        float: left;
        width: 16.666%;
    }
    /*.chooseTab .dropdown-menu li{ width:16.667%;}*/
    
    .dropdown-menu li a {
        padding: 12px 0px;
        width: 100%;
        display: inline-block;
        text-align: center;
        font-weight: bold;
    }
}
/* ----------- iPad 3 and 4 ----------- */
/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    #bdl-box.grid .bdl-units {
        margin: 10px;
        width: 100%;
        margin: 10px auto;
    }
    #bdl-box.grid .bdl-units li > .detail{    max-width: 100%;}
    #bdl-container #bdl-box.grid > li  {
    width:42%;
    }
    #bdl-box.grid .bdl-units li > span     
    {
    /*min-width: 60px;
    max-width: 64px;*/
    text-overflow: inherit;
    -webkit-text-overflow: inherit;
    -o-text-overflow: inherit;
    -ms-text-overflow: inherit;
    -moz-text-overflow: inherit;}
    #bdl-container #bdl-box.twoSlideBar.grid > li {
        width: 90%;
    }
    .popupBottomContent
    {
        width:50% !important;
        }
        .popupBottomContent:last-child{ text-align:right;}
}
/* Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    #bdl-container #bdl-box.oneSlideBar.grid > li {
        width: 48.5%;
    }
    #bdl-box.grid .bdl-units{margin:10px;}
    #nav #menu {
        display: block;
    }
    .dropdown-menu li a {
        padding: 12px 0px;
        width: 100%;
        /*width: 181px;*/
        
        display: inline-block;
        text-align: center;
        font-weight: bold;
    }
}
/* ----------- iPhone 4 and 4S ----------- */
/* Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #bdl-container #bdl-box.grid > li {
        width: 90%;
        margin: 10px auto;
        float: none;
        display: block;
        clear: both;
    }
    .popupBottomContent .popupMobileIcon 
    {
        float:none;
        }
}
/* Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #bdl-container #bdl-box.grid > li {
        width: 45%;
    }
    .popupBottomContent
    {
        width: 100% !important;
        text-align:left !important;
        }
     .popupBottomContent:last-child{ text-align:center !important;}
}
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #bdl-container #bdl-box.grid > li {
        width: 80%;
        margin: 10px auto;
        float: none;
        display: block;
        clear: both;
    }
}
/* Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #bdl-container #bdl-box.grid > li {
        width: 45%;
    }
}
/* ----------- iPhone 6 ----------- */
/* Portrait */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #bdl-container #bdl-box.grid > li {
        width: 80%;
        margin: 10px auto;
        float: none;
        display: block;
        clear: both;
    }
}
/* Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #bdl-container #bdl-box.grid > li {
        width: 45%;
    }
    .popupBottomContent{ width:50% !important;}
    .popupBottomContent:last-child{ text-align:right;}
}
/* ----------- iPhone 6+ ----------- */
/* Portrait */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    #bdl-container #bdl-box.grid > li {
        width: 70%;
        margin: 10px auto;
        float: none;
        display: block;
        clear: both;
    }
}
/* Landscape */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    #bdl-container #bdl-box.grid > li {
        width: 29.5%;
    }
    #bdl-box.grid .cross_offer .strikeColor {
        left: 0px;
    }
}
/* Nokia 520 Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 532px) and (-webkit-min-device-pixel-ratio: 1.4) and (orientation: portrait) {
    #bdl-container #bdl-box.grid > li {
        width: 80%;
        margin: 10px auto;
        float: none;
        display: block;
        clear: both;
    }
}
/* Nokia 520 Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 533px) and (-webkit-min-device-pixel-ratio: 1.4) and (orientation: landscape) {
    #bdl-container #bdl-box.grid > li {
        width: 45%;
    }
     #lyca-bundles-new1{ padding-left:0px; padding-right:0px;}
}
/* Nokia N9 Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) {
    #bdl-container #bdl-box.grid > li {
        width: 90% !important;
        margin: 10px auto !important;
        float: none;
        display: block;
        clear: both;
    }
    .frm-data.horz li {
        display: none;
    }
    .frm-data.horz li:first-child {
        display: block;
    }
    #lyca-bundles-new1{ padding-left:0px; padding-right:0px;}
}
/* Nokia 9 Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) {
    #bdl-container #bdl-box.oneSlideBar.grid > li {
        width:47.82%;
    }
    #lyca-bundles-new1{ padding-left:0px; padding-right:0px;}
    #bdl-container.chooseBdl #bdl-box.grid > li{width:47.5% !important;}
    
    #nav #menu {
        display: none;
    }
    .frm-data.horz li {
        display: none;
    }
    .frm-data.horz li:first-child {
        display: block;
    }
}
/*New*/

#bdl-box.list .bdl-more {
    /*background: url(../images/bdl-more.png) no-repeat 30px 40px;*/
    
    background: url(../images/bdl-more.png) no-repeat 32px 24px;
    width: 90px;
    margin: 0px auto;
    float: left;
    text-align: center;
    /*padding-top: 60px;*/
    
    padding-top: 50px;
}
#bdl-box.list .visible_more {
    width: 90px;
    margin: 0px auto;
    float: left;
    text-align: center;
    padding-top: 27px;
    visibility: visible;
}
#bdl-box.list .visible_more a {
    background: url(../images/bdl-more.png) no-repeat center 24px;
}
#bdl-box.grid .bdl-more {
    background: url(../images/bdl-more.png) no-repeat;
    width: 100px;
    margin: 0px auto;
    margin-bottom: 20px;
    /*visibility: hidden;*/
}
#bdl-box.grid .visible_more {
    visibility: visible !important;
    width: 100px;
    margin: 0px auto;
    margin-bottom: 20px;
}
#bdl-box.grid .visible_more a {
    background: url(../images/bdl-more.png) 0px 3px no-repeat;
    display: inline-block;
    padding-left: 25px;
}
.bundle-data-box [class*="span"] {
    border: solid 1px #ccc;
    margin: 0px;
    padding: 0px;
    border-left: 0px;
    min-height: 208px;
}
.bundle-data-box [class*="span"]:first-child {
    border-left: solid 1px #ccc;
}
.bundle-data-box [class*="span"] p {
    height: 30px;
    border-bottom: solid 1px #ccc;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom:2px;
    text-transform: capitalize;
    line-height: inherit;
}
.bundle-data-box [class*="span"] .bund-units li {
    border-bottom: solid 1px #ccc;
}
.bundle-data-box [class*="span"] .bund-units li:last-child {
    border-bottom: solid 0px red;
}
#divError {
    background: #fdd6d0;
    /* border-top: 1px solid #CCCCCC; */
    
    color: #FF0000;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    text-align: left!important;
}
/*******Bundle Popup Karthi*********/
/*13-10-15*/

.Forgetpass {
    font-size: 10px;
    color: #00F;
    cursor: pointer;
    text-decoration: underline;
}
.ExitTxt {
    font-size: 10px;
    color: #00F;
    text-decoration: underline;
    text-align: right;
    cursor: pointer;
}
.sa-bund {
    height: 50px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.sab-btn {
    text-align: center;
}
/*.select-radio {
 display:none !important;   
}*/

.bundle-box2 {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #fff;
    height: 200px;
    vertical-align: middle;
    line-height: 60px;
    margin-top: 15px;
    margin-left: 10px;
}
.bundle-box2-last {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #fff;
    height: 200px;
    vertical-align: middle;
    line-height: 60px;
    margin-top: 15px;
    margin-left: 10px;
}
.bundle-box3 {
    border: 1px solid #ccc;
    background: #fff;
    height: 135px;
    vertical-align: middle;
    line-height: 120px;
    margin-top: 15px;
    margin-left: 10px;
}
.bundle-box4 {
    border: 1px solid #ccc;
    background: #fff;
    height: 60px;
    vertical-align: middle;
    line-height: 60px;
    margin-top: 15px;
    margin-left: 10px;
}
.bundle-icon {
    width: inherit;
    height:inherit;
    text-align: center;
    /*padding-top: 45px;*/
    display:table-cell;
    vertical-align:middle;
    color: #036eb6;
}
.bundle-icon strong {
    color: #036eb6;
    font-size: 40px;
    display: inline-block;
    /*line-height: 55px;
    padding-left:32px;*/
}
.bundle-currency {
    color: #036eb6;
    font-size: 20px;
    display: inline-block;
    line-height: 22px;
    position: relative;
    top: -13px;
    /*left:33px;
    vertical-align: top;*/
}
[class^="offer-mbl-icon_"],
[class*=" offer-mbl-icon_"] {
    font-family: 'FontAwesome';
    font-size: 22px;
    line-height: 22px;
    color: #ffb25c;
    display: inline-block;
}
.offer-mbl-icon_00:before {
    content: "\f10b" !important;
}
.tbl-typ2 td {
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 7px 8px;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #666666;
}
.county-list-tbl td {
    padding: 4px 7px 0px !important;
}
.tbl-data .popupMobileIcon img {
    vertical-align: initial;
}
.mrg30-L {
    margin-left: 30px;
}
.mrg5-T {
    margin-top: 5px;
}
.tbl-typ2 {
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
}
.hd-typ4 {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    padding-top: 10px;
}
.offer-buy-btn {
    float: right;
}
.f-blue2 {
    color: #006fba;
    text-align: right;
    padding-right: 85px;
}
.ico-message {
    background-position: -147px -0px;
    width: 20px;
    height: 14px;
}
.data-plan {
    color: #006fba;
    font-size: 30px;
    font-weight: 400;
}
.f-blue-new {
    color: #006fba;
    font-size: 25px;
}
.fs-bold-400 {
    font-weight: 400;
    font-size: 12px;
}
.bundle-plan {
    padding-left: 10px;
    padding-top: 8px;
    font-size: 18px;
    padding-bottom: 10px;
}
.more-bund {
    line-height: 25px;
}
.more-bund a {
    color: #666666;
}
.bund-btn {
    padding-left: 25px;
    padding-right: 25px;
}
.bund-days {
    clear: both;
    text-align: center;
    font-size: 12px;
    /* padding-left: 45px;*/
}
.bundle-data-popup {
    min-height: 250px;
}
.bundle-left-img {
    float: left;
    width: 18%;
    margin-top: 10px;
}
.bundle-left {
    float: left;
    width: 16%;
}
.bundle-mid {
    float: left;
    width: 16%;
}
.bundle-right {
    float: left;
    width: 16%;
}
/*.bundle-inner-data {
        width:185px;
        height:40px;          
}*/

.bundle-inner-data h1 {
    font-size: 13px;
    color: #666666;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    text-align: center;
}
.bund-daa {
    margin-top: 65px;
    font-size: 17px;
    font-weight: 500;
    color: #036eb6;
}
.bund-units {} .bund-units ul {
    list-style: none;
}
.bund-units li {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: capitalize;
}
.bund-units li.last {
    text-align: center;
    border-bottom: 0px solid #ccc;
}
.bund-units li > span {
    color: #036eb6;
    font-size: 15px;
    font-weight: 500;
}
.bund-ml {
    margin-left: 0px;
}
.singleDetail li {
    padding-top: 50px !important;
    padding-bottom: 20px !important;
}
.doubleDetail li {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
/*09-oct-2015*/

@media (min-width: 768px) and (max-width: 979px) {
    .bundle-left {
        float: none;
        width: 23%;
    }
    #bundles-tabs {
        margin-bottom: 10px !important;
    }
}
@media (min-width: 967px) and (max-width: 1067px) {
    #bundles-tabs {
        margin-bottom: 10px !important;
    }
    .row-fluid .span2 {
        width: 16.493%;
    }
    .bund-ml {
        margin-left: 0px;
    }
    .bundle-data-box .row {
        margin-left:0px;
    }
    .bundle-data-popup {
        /*border: 1px solid #ccc;*/
        min-height: 260px;
    }
    .bundle-plan {
        text-align: center;
        /*border:1px solid #ccc;*/
        border-bottom:0px;
    }
    .bundle-left-img {
        float: none;
        width: 30%;
        margin: 0 auto;
    }
    .bundle-left {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-mid {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-right {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-box3 {
        margin-left: 115px !important;
        padding-left: 70px !important;
        padding-right: 140px !important;
    }
    .bundle-box4 {
        margin-left: 115px !important;
        padding-left: 70px !important;
        padding-right: 140px !important;
    }
    .bundle-box4 {
        line-height: 27px;
    }
}
@media (min-width: 867px) and (max-width: 967px) {
    .row-fluid .span2 {
        width: 16.493%;
    }
    .bund-ml {
        margin-left: 0px;
    }
    .bundle-data-box .row{
        margin-left:0px;
    }
    .bundle-data-popup {
        /*min-height: 280px;*/
    }
    .bundle-plan {
        text-align: center;
        /*border:1px solid #ccc;*/
        border-bottom:0px;
    }
    .popupBottomContent.buy-offer {
        line-height:20px;
    }
    .bundle-left-img {
        float: none;
        width: 30%;
        margin: 0 auto;
    }
    .bundle-left {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-mid {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-right {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-box3 {
        margin-left: 115px !important;
        padding-left: 70px !important;
        padding-right: 140px !important;
    }
    .bundle-box4 {
        margin-left: 115px !important;
        padding-left: 70px !important;
        padding-right: 140px !important;
    }
    .bundle-box4 {
        line-height: 27px;
    }
}
@media (min-width: 767px) and (max-width: 867px) 
{
    .bundle-data-box .row{
        margin-left:0px;
    }
    .checkout-step .steps.step-active .step-txt {
        color: #666666 !important;
    }
    /*.bundle-data-popup {
        border: 1px solid #ccc;
        min-height: 260px;
    }*/
    .row-fluid .span2 {
        width: 16.493%;
    }
    .bund-units li {
        text-align: center;
        border-bottom: 1px solid #CCC;
        padding-top: 5px;
        padding-bottom: 0px;
    }
    .bundle-currency {
        color: #666;
        font-size: 20px;
        /*display: inline-block;
        line-height: 22px;
        position: relative;
        top: 36px;
        left: 22px !important;
        vertical-align: top;*/
    }
    .bundle-icon strong {
        color: #666;
        font-size: 40px;
        /*display: inline-block;
        line-height: 112px;
        padding-left: 22px;*/
    }
    .bund-ml {
        margin-left: 0px;
    }
    .bundle-plan {
        text-align: center;
        /*border: 1px solid #ccc;*/
        border-bottom: 0;
    }
    .bundle-icon {
        /*width: 121px;
        height: 83px;*/
        background: none;
    }
    .bundle-currency {
        color: #666;
        font-size: 20px;
        /*display: inline-block;
        line-height: 22px;
        position: relative;
        top: 36px;
        left: 33px;
        vertical-align: top;*/
    }
    .bundle-left-img {
        float: none;
        width: 30%;
        margin: 0 auto;
    }
    .bundle-left {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-mid {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-right {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-box3 {
        margin-left: 115px !important;
        padding-left: 70px !important;
        padding-right: 140px !important;
    }
    .bundle-box4 {
        margin-left: 115px !important;
        padding-left: 70px !important;
        padding-right: 140px !important;
    }
    .bundle-box4 {
        line-height: 27px;
    }
    .popupBottomContent {
        width:100% !important;
    }
    .popupBottomContent.buy-offer {
        line-height:20px;
     }
}
@media (min-width: 667px) and (max-width: 767px) {
    .checkout-step .steps.step-active .step-txt {
        color: #666666 !important;
    }
    .bundle-data-popup {
        border: 1px solid #ccc;
        min-height: 260px;
    }
    .bund-height {
        height: 150px !important;
    }
    .row-fluid .span2 {
        width: 15.493%;
    }
    .bund-units li {
        text-align: center;
        border-bottom: 1px solid #CCC;
        padding-top: 5px;
        padding-bottom: 0px;
    }
    .bundle-data-popup .span2 {
        border: solid 1px #ccc;
        border-right: 0px;
        /* height: 200px;*/
        
        margin: 0px;
        padding: 0px;
    }
    
    .bundle-icon strong {
        color: #666;
        font-size: 40px;
        /*display: inline-block;
        line-height: 112px;
        padding-left: 32px;*/
    }
    .bund-ml {
        margin-left: 0px;
    }
    .bundle-plan {
        text-align: center;
        padding-right: 55px;
    }
    .bundle-icon {
        /*width: 121px;
        height: 113px;
        margin: 0 auto;*/
        min-width:450px;
        max-width:550px;
        width:550px;
    }
    .bundle-currency {
        color: #666;
        font-size: 20px;
        /*display: inline-block;
        line-height: 22px;
        position: relative;
        top: 36px;
        left: 33px;
        vertical-align: top;*/
    }
    .bundle-left-img {
        float: none;
        width: 30%;
        margin: 0 auto;
    }
    .bundle-left {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-mid {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-right {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-box3 {
        margin-left: 115px !important;
        padding-left: 70px !important;
        padding-right: 140px !important;
    }
    .bundle-box4 {
        margin-left: 115px !important;
        padding-left: 70px !important;
        padding-right: 140px !important;
    }
    .bundle-box4 {
        line-height: 27px;
    }
    [class*="span"],
    .uneditable-input[class*="span"],
    .row-fluid [class*="span"] {
        float: left;
        display: block;
        width: 100% !important;
        margin-left: 0px;
        box-sizing: border-box;
    }
}
@media (min-width: 567px) and (max-width: 667px) {
    .bundle-data-box [class*="span"] {
        min-height: 150px;
    }
    .singleDetail li {
        padding-top: 30px !important;
    }
    .bundle-data-box [class*="span"]:first-child {
        border-left: 0px;
    }
    .bundle-data-popup .span2:last-child {
        border: 0px;
    }
    .checkout-step .steps.step-active .step-txt {
        color: #666666 !important;
    }
    .bundle-data-popup {
        border: 1px solid #ccc;
        min-height: 260px;
    }
    .bund-height {
        height: 150px !important;
    }
    .row-fluid .span2 {
        width: 15.493%;
    }
    .bund-units li {
        text-align: center;
        border-bottom: 1px solid #CCC;
        padding-top: 5px;
        padding-bottom: 0px;
    }
    .bundle-data-popup .span2 {
        border: solid 1px #ccc;
        border-right: 0px;
        /* height: 200px;*/
        
        margin: 0px;
        padding: 0px;
    }
    .bundle-currency {
        color: #666;
        font-size: 20px;
        /*display: inline-block;
        line-height: 22px;
        position: relative;
        top: 36px;
        left: 32px;
        vertical-align: top;*/
    }
    .bundle-icon strong {
        color: #666;
        font-size: 40px;
        /*display: inline-block;
        line-height: 65px;
        padding-left: 32px;*/
    }
    .bund-ml {
        margin-left: 0px;
    }
    .bundle-plan {
        text-align: center;
        padding-right: 55px;
    }
    .bundle-icon {
        /*width: 121px;
        height: 113px;
        margin: 0 auto;*/
        min-width: 200px;
        max-width: 500px;
        width: 500px;
    }
    .bundle-currency {
        color: #666;
        font-size: 20px;
        /*display: inline-block;
        line-height: 22px;
        position: relative;
        top: 15px;
        left: 30px;
        vertical-align: top;*/
    }
    .bundle-left-img {
        float: none;
        width: 30%;
        margin: 0 auto;
    }
    .bundle-left {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-mid {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-right {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-box3 {
        margin-left: 115px !important;
        padding-left: 70px !important;
        padding-right: 140px !important;
    }
    .bundle-box4 {
        margin-left: 115px !important;
        padding-left: 70px !important;
        padding-right: 140px !important;
    }
    .bundle-box4 {
        line-height: 27px;
    }
    [class*="span"],
    .uneditable-input[class*="span"],
    .row-fluid [class*="span"] {
        float: left;
        display: block;
        width: 100% !important;
        margin-left: 0px;
        box-sizing: border-box;
    }
    .popupBottomContent {
        width: 100% !important;
        text-align: center;
        padding: 5px 0px;
        /*float: none;*/
    }
}
@media (min-width: 467px) and (max-width: 567px) {
    .bundle-data-box [class*="span"] {
        min-height: 150px;
    }
    .singleDetail li {
        padding-top: 30px !important;
    }
    .bundle-data-box [class*="span"]:first-child {
        border-left: 0px;
    }
    .bundle-data-popup .span2:last-child {
        border: 0px;
    }
    .checkout-step .steps.step-active .step-txt {
        color: #666666 !important;
    }
    .bundle-data-popup {
        border: 1px solid #ccc;
        min-height: 260px;
    }
    .bund-height {
        height: 150px !important;
    }
    .row-fluid .span2 {
        width: 15.493%;
    }
    .bund-units li {
        text-align: center;
        border-bottom: 1px solid #CCC;
        padding-top: 5px;
        padding-bottom: 0px;
    }
    .bundle-data-popup .span2 {
        border: solid 1px #ccc;
        border-right: 0px;
        /* height: 200px;*/
        
        margin: 0px;
        padding: 0px;
    }
    
    .bundle-icon strong {
        color: #666;
        font-size: 40px;
        /*display: inline-block;
        line-height: 65px;
        padding-left: 32px;*/
    }
    .bund-ml {
        margin-left: 0px;
    }
    .bundle-plan {
        text-align: center;
        padding-right: 55px;
    }
    .bundle-icon {
        /*width: 121px;
        height: 113px;
        margin: 0 auto;*/
        min-width:300px;
        max-width:400px;
        width:400px;
    }
    .bundle-currency {
        color: #666;
        font-size: 20px;
        /*display: inline-block;
        line-height: 22px;
        position: relative;
        top: 36px;
        left: 33px;
        vertical-align: top;*/
    }
    .bundle-left-img {
        float: none;
        width: 30%;
        margin: 0 auto;
    }
    .bundle-left {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-mid {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-right {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-box3 {
        margin-left: 115px !important;
        padding-left: 70px !important;
        padding-right: 140px !important;
    }
    .bundle-box4 {
        margin-left: 115px !important;
        padding-left: 70px !important;
        padding-right: 140px !important;
    }
    .bundle-box4 {
        line-height: 27px;
    }
    [class*="span"],
    .uneditable-input[class*="span"],
    .row-fluid [class*="span"] {
        float: left;
        display: block;
        width: 100% !important;
        margin-left: 0px;
        box-sizing: border-box;
    }
    .popupBottomContent {
        width: 100% !important;
        text-align: center;
        padding: 5px 0px;
        float: none;
    }
}
@media (min-width: 367px) and (max-width: 467px) {
    .bundle-data-box [class*="span"] {
        min-height: 150px;
    }
    .singleDetail li {
        padding-top: 30px !important;
    }
    .bundle-data-box [class*="span"]:first-child {
        border-left: 0px;
    }
    .bundle-data-popup .span2:last-child {
        border: 0px;
    }
    .checkout-step .steps.step-active .step-txt {
        color: #666666 !important;
    }
    .bundle-data-popup {
        border: 1px solid #ccc;
        min-height: 260px;
    }
    .bund-height {
        height: 150px !important;
    }
    .row-fluid .span2 {
        width: 15.493%;
    }
    .bund-units li {
        text-align: center;
        border-bottom: 1px solid #CCC;
        padding-top: 5px;
        padding-bottom: 0px;
    }
    .bundle-data-popup .span2 {
        border: solid 1px #ccc;
        border-right: 0px;
        /* height: 200px;*/
        
        margin: 0px;
        padding: 0px;
    }
    
    .bundle-icon strong {
        color: #1478BB;
        font-size: 35px;
        /*display: inline-block;
        line-height: 60px;
        padding-left: 32px;*/
    }
    .bund-ml {
        margin-left: 0px;
    }
    .bundle-plan {
        text-align: center;
        padding-right: 55px;
    }
    .bundle-icon {
        /*width: 121px;
        height: 113px;
        margin: 0 auto;*/
        min-width:50px;
        max-width:300px;
        width:300px;
    }
    .bundle-currency {
        color: #1478BB;
        font-size: 16px;
        /*display: inline-block;
        line-height: 22px;
        position: relative;
        top: 6px;
        left: 33px;
        vertical-align: top;*/
    }
    .bundle-left-img {
        float: none;
        width: 30%;
        margin: 0 auto;
    }
    .bundle-left {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-mid {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-right {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-box3 {
        margin-left: 115px !important;
        padding-left: 70px !important;
        padding-right: 140px !important;
    }
    .bundle-box4 {
        margin-left: 115px !important;
        padding-left: 70px !important;
        padding-right: 140px !important;
    }
    .bundle-box4 {
        line-height: 27px;
    }
    [class*="span"],
    .uneditable-input[class*="span"],
    .row-fluid [class*="span"] {
        float: left;
        display: block;
        width: 100% !important;
        margin-left: 0px;
        box-sizing: border-box;
    }
    .popupBottomContent {
        width: 100% !important;
        text-align: center;
        padding: 5px 0px;
        float: none;
    }
}
@media (min-width: 267px) and (max-width: 367px) {
    .bundle-data-box [class*="span"] {
        min-height: 150px;
    }
    .singleDetail li {
        padding-top: 30px !important;
    }
    .bundle-data-box [class*="span"]:first-child {
        border-left: 0px;
        border-top: 1px solid #ccc;
    }
    .bundle-data-popup .span2:last-child {
        border: 0px;
    }
    .bund-daa {
        padding-top: 33px;
    }
    .checkout-step .steps.step-active .step-txt {
        color: #666666 !important;
    }
    .bundle-data-popup {
        border: 1px solid #ccc;
        min-height: 260px;
    }
    .bund-height {
        height: 150px !important;
    }
    .row-fluid .span2 {
        width: 15.493%;
    }
    .bund-units li {
        text-align: center;
        border-bottom: 1px solid #CCC;
        padding-top: 5px;
        padding-bottom: 0px;
    }
    .bundle-data-popup .span2 {
        /*border: solid 1px #ccc;*/
        border-right: 0px;
        /* height: 200px;*/
        margin: 0px;
        padding: 0px;
    }
    .bundle-currency {
        color: #666;
        font-size: 15px;
        /*display: inline-block;
        line-height: 22px;
        position: relative;
        top: 36px;
        left: 32px;
        vertical-align: top;*/
    }
    .singleDetail li {
        padding-top: 30px !important;
    }
    .bundle-icon strong {
        color: #666;
        font-size: 30px;
        /*display: inline-block;
        line-height: 65px;
        padding-left: 32px;*/
    }
    .bund-ml {
        margin-left: 0px;
    }
    .bundle-plan {
        text-align: center;
        padding-right: 55px;
    }
    .bundle-icon {
        /*padding-top: 20px;
        height: 113px;
        margin: 0 auto;*/
        min-width:150px;
        max-width:220px;
        width:250px;
    }
    .bundle-icon > .span2 {
        padding-left: 0px !important;
    }
    .bundle-currency {
        color: #666;
        font-size: 16px;
        /*display: inline-block;
        line-height: 22px;
        position: relative;
        top: 13px;
        left: 29px;
        vertical-align: top;*/
    }
    .bundle-left-img {
        float: none;
        width: 30%;
        margin: 0 auto;
    }
    .bundle-left {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-mid {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-right {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-box3 {
        margin-left: 115px !important;
        padding-left: 70px !important;
        padding-right: 140px !important;
    }
    .bundle-box4 {
        margin-left: 115px !important;
        padding-left: 70px !important;
        padding-right: 140px !important;
    }
    .bundle-box4 {
        line-height: 27px;
    }
    [class*="span"],
    .uneditable-input[class*="span"],
    .row-fluid [class*="span"] {
        float: left;
        display: block;
        width: 100% !important;
        margin-left: 0px;
        box-sizing: border-box;
    }
    .popupBottomContent {
        width: 100% !important;
        text-align: center;
        padding: 5px 0px;
        float: none;
    }
}
@media (min-width: 167px) and (max-width: 267px) 
{
    #lyca-bundles-new1{ padding-left:0px; padding-right:0px;}
    .bundle-data-box [class*="span"] {
        min-height: 150px;
    }
    .singleDetail li {
        padding-top: 30px !important;
    }
    .bundle-data-box [class*="span"]:first-child {
        border-left: 0px;
    }
    .bundle-data-popup .span2:last-child {
        border: 0px;
    }
    .bund-daa {
        padding-top: 33px;
    }
    .checkout-step .steps.step-active .step-txt {
        color: #666666 !important;
    }
    .bundle-data-popup {
        border: 1px solid #ccc;
        min-height: 260px;
    }
    .bund-height {
        height: 150px !important;
    }
    .row-fluid .span2 {
        width: 15.493%;
    }
    .bund-units li {
        text-align: center;
        border-bottom: 1px solid #CCC;
        padding-top: 5px;
        padding-bottom: 0px;
    }
    .bundle-data-popup .span2 {
        border: solid 1px #ccc;
        border-right: 0px;
        /* height: 200px;*/
        
        margin: 0px;
        padding: 0px;
    }
    .singleDetail li {
        padding-top: 30px !important;
    }
    .bundle-currency {
        color: #666;
        font-size: 20px;
        display: inline-block;
        line-height: 22px;
        position: relative;
        top: 36px;
        left: 32px;
        vertical-align: top;
    }
    .bundle-icon strong {
        color: #666;
        font-size: 40px;
        display: inline-block;
        line-height: 65px;
        padding-left: 32px;
    }
    .bund-ml {
        margin-left: 0px;
    }
    .bundle-plan {
        text-align: center;
        padding-right: 55px;
    }
    .bundle-icon {
        /*width: 121px;*/
        
        height: 113px;
        margin: 0 auto;
    }
    .bundle-currency {
        color: #666;
        font-size: 20px;
        display: inline-block;
        line-height: 22px;
        position: relative;
        top: 36px;
        left: 33px;
        vertical-align: top;
    }
    .bundle-left-img {
        float: none;
        width: 30%;
        margin: 0 auto;
    }
    .bundle-left {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-mid {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-right {
        float: none;
        width: 47%;
        margin: 0 auto;
    }
    .bundle-box3 {
        margin-left: 115px !important;
        padding-left: 70px !important;
        padding-right: 140px !important;
    }
    .bundle-box4 {
        margin-left: 115px !important;
        padding-left: 70px !important;
        padding-right: 140px !important;
    }
    .bundle-box4 {
        line-height: 27px;
    }
    [class*="span"],
    .uneditable-input[class*="span"],
    .row-fluid [class*="span"] {
        float: left;
        display: block;
        width: 100%;
        margin-left: 0px;
        box-sizing: border-box;
    }
    .popupBottomContent {
        width: 100% !important;
        text-align: center;
        padding: 5px 0px;
        float: none;
    }
}
.list .rollcls {
    display: block;
}
#bdl-box .chooseBdl .list .action {
    width: 120px;
}
.bdl-strike {
    font-size: 16px;
    text-align: center;
    text-decoration: line-through;
    color: red;
}
#bdl-box.list .bdl-name.dbline {
    padding-top: 26px;
}
.cross_offer .bndl-price {
    width: 50px!important;
}
#bdl-box.list .cross_offer .bndl-price {
    /*width: 100% !important;*/
    float: none;
    padding-left: 0px;
}
#bundles-tabs .btn-group .dropdown-menu a:hover {
    background: transparent;
    background-color: #005d9e;
}
#bdl-box .validity .tooltip-info-box {
    left: 35px;
}
#bdl-box .validity .help-tooltip {
    height: 16px;
}
#bdl-box .validity .help-tooltip .inner-tooltiop {
    width: auto;
    top: -6px;
}
.pd30-T {
    padding-top: 30px;
}
.bdlDiscCnt {
    color: #666666;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
    width: 100%;
}
#bdl-box.grid .cross_offer .strike_morthan_three {
    left: 18px !important;
}
#bdl-box.list .visible_more a {
    background: url(../images/bdl-more.png) no-repeat center top;
    display: inline-block;
    padding-top: 15px
}
.bundle-OS1 {
    position: absolute;
    background: url(../images/bund-OS1.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}
.bonus7-5 {
    position: absolute;
    background: url(../images/bonus7-5.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}


.bonus9-5 {
    position: absolute;
    background: url(../images/bonus9-5.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}

.bonus5 {
    position: absolute;
    background: url(../images/bonus5.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}


.bundle-extra-credit {
    position: absolute;
    background: url(../images/bundle-extra-credit.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}


.bundle-new {
    position: absolute;
    background: url(../images/bundle-new.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}

.bundle-online-price {
    position: absolute;
    background: url(../images/online-price.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}

.global1200 {
    position: absolute;
    background: url(../images/global1200.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}


.bundle-BV-PO {
    position: absolute;
    background: url(../images/BV-PO.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}

.bundle-BV-DE {
    position: absolute;
    background: url(../images/BV-DE.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}


.bundle-NEW-PO {
    position: absolute;
    background: url(../images/NEW-PO.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}

.bundle-NEW-DE {
    position: absolute;
    background: url(../images/NEW-DE.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}
.answer .tbl-typ1
{
    border-left:0px !important;
    border-right: 1px solid #E0E0E0;
    }
.answer .tbl-typ1 .tbl-head td {
    /*background: url(../../images/tbl-typ2-head-bg.gif) repeat-x left top #0067af;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    line-height: 14px;
    padding: 8px 8px 8px;
    border: 1px solid #005d9e;
    border-width: 1px 0 1px 1px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.answer .tbl-typ1 .tbl-data td
{
    padding:6px 15px 6px;
    }
#divDestination .tbl-typ2 .tbl-data td { 
    padding:0px !important;
}
#divDestination .tbl-typ2 .tbl-data td div
{
    margin-bottom: 5px;
    padding: 5px 5px 0px;
    }
#divDestination .tbl-typ2 .tbl-data td span:last-child
{
        margin-right: 6px;
        margin-top:5px;
        }
.question-box .question-head .question
{
     font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    display: block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    padding-top: 4px;
    min-height: 20px;
    margin-bottom: 9px;
    position: relative;
    min-height: 1px;
    }
    
 .stacktable.table .twoInfo div {
    padding: 0px 5px;
    margin-top: 5% !important;
    margin-bottom: 5% !important;
}
.sb-plan-price span
{
        word-wrap: break-word;
     }
/*.btm-box .nbs-flexisel-container
{
        margin: 0px auto !important;
    max-width: 94% !important;    
}


.btm-box .nbs-flexisel-nav-left {
    background: url('../images/left.png') no-repeat;
    left: -30px !important;
    width: 23px;
    height: 23px;
}

.btm-box .nbs-flexisel-nav-right {
    background: url('../images/right.png') no-repeat;
    right: -30px !important;
    width: 23px;
    height: 23px;
}
.btm-box .nbs-flexisel-nav-left:hover, .btm-box .nbs-flexisel-nav-right:hover {
	background-position: inherit !important;
}
*/
.strikeColor.removeStrikePosition
{
    position:static !important;
    }
    #bdl-box.grid .cross_offer .strikeColor.removeStrikePosition .strike_offer
    {
        position:static !important;
        font-size:12px !important;
        }
        #bdl-box.list .validity b
        {
            font-size:inherit;
            }
#bdl-box.list .removePadTop
{
    padding-top:10px !important;
    }
span.popupMobileIcon{ clear:both;}

.bundle-BV1-PL {
    position: absolute;
    background: url(../images/bund-BV1-PL.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}

.bundle-nus {
    position: absolute;
    background: url(../images/NUS.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}
/**** Existing Cust. color change ****/
/*Buy Here Changes*/
#bdl-box.grid .action a.btn-typ2
{
    margin-bottom:10px;
    }
#bdl-box.grid .action a.exist {
    color: #ee8120;
    font-size: 13px;
}
#bdl-box.grid .action a.exist span{ font-weight:bold;
                                    text-transform:uppercase;
                                    text-decoration:underline;}
#bdl-box.grid .action a.exist:hover, #bdl-box.grid .action a.exist:focus
{
    color:#01d157;
    }
 #bdl-box.list .action a.btn-typ2
{
    margin-bottom:10px;
    }
 #bdl-box.list .action a.exist {
    color: #ee8120;
    font-size: 13px;
}
#bdl-box.list .action a.exist span {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;
}
#bdl-box.list .action a.exist:hover, #bdl-box.list .action a.exist:focus {
    color: #01d157;
}  
 
.popupBottomContent div:nth-child(2) a {
    color: #EE8120;
    font-size: 13px;
}
.popupBottomContent div:nth-child(2) a span {
    font-weight: bold;
    text-decoration: underline;
    text-transform: uppercase;
}    
.popupBottomContent div:nth-child(2) a:hover, .popupBottomContent div:nth-child(2) a:focus {
    color: #01D157;
}

/*germany bestoffer*/

.best-offer {
    position: absolute;
    background: url(../images/best-offer.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}

.Bonus-4G {
    position: absolute;
    background: url(../images/Bonus-4G.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}


.Online-price-en {
    position: absolute;
    background: url(../images/Online-price-en.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}

.bonus-2gb {
    position: absolute;
    background: url(../images/bonus-2gb.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}

/************************stickers added date 07 oct 2016******************************/

.bundle-online-price-en {
    position: absolute;
    background: url(../images/online-price-en.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}

.bundle-more-data-en {
    position: absolute;
    background: url(../images/more-data-en.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}
.new-sim-purchase-en {
    position: absolute;
    background: url(../images/new-sim-purchase-en.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}
.btn-change 
{
 width:80px !important;
 font-size:12px !important;
 padding: 4px 8px !important;  
 line-height:15px !important; 
    
 }
  .bund-NSP {
    position: absolute;
    background: url(../images/bund-NSP.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}
.new-sim-purchase-en-20 {
    position: absolute;
    background: url(../images/Lycamobile_20b.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;
}
 .free-nus-sim-purchase 
 {
   position: absolute;
    background: url(../images/free-nus-sim.png) no-repeat;
    width: 97px;
    height: 94px;
    right: 0;
    top: 0;  
  }
.euRoaming li > span 
{
 line-height:31px;   
 }