
.panel.panel-offers {
    min-height: 260px;
    padding:20px;
    background: #fff;
    position: relative;
	border: 1px solid #d2d2d2;
	border-radius:0;
	margin-bottom:30px;
}
	
.panel-offers  .views-field-field-overview-header{
font-size:36px;
font-family: 'ng-bold';
color: #29235c;
}
.panel-offers  .views-field-field-overview-header-1{
font-size:36px;
font-family: 'ng-bold';
color: #29235c;
}
.views-field-field-overview-header2{
font-size:30px;
font-family: 'ng-bold';
color: #29235c;
}
.views-field-field-overview-header-2{
font-size:30px;
font-family: 'ng-bold';
color: #29235c;
}
.panel-offers .views-field-field-overview-text{
font-size: 24px;
font-family: 'ng-regular';
color: #29235c;
position: relative;
line-height: 1.2;
min-height: 60px;
}
.panel-offers .views-field-field-overview-text-1{
font-size: 24px;
font-family: 'ng-regular';
color: #29235c;
position: relative;
line-height: 1.2;
min-height: 60px;
}
.panel-offers .views-field-view-node a{
background: #72559f;
padding: 15px 60px 15px 20px;
color: #fff !important;
font-family: 'ng-regular';
font-size: 20px;
font-weight: 400;
margin-top: 25px;
display: inline-block !important;
position: relative;
}
.panel-offers:hover .views-field-view-node a {
background: #29235C;
color: #fff;
text-decoration: none;
}
.panel-offers:hover {
    box-shadow: 0 0 5px #c3c3c3;
	border:1px solid #29235C;
}
.terms-conditions{
padding:40px 0 40px 0;
}
.terms-conditions p{
font-size:18px;
font-family:ng-regular;
color:#29235C;
}
.terms-conditions p a{
font-family:ng-medium;
color:#009fe3;
}
.terms-conditions p strong{
font-weight:400;
}
.refer-friend h1 {
    font-size: 36px;
    font-family: "ng-bold";
    font-weight: 400;
    color: #29235c;
    display: block;
	margin-bottom:20px;
}
.refer-friend .list-inline > li + li{
border-left:1px solid #8c8c8c;
}
.refer-friend .list-inline > li  a{
font-size:18px;
font-family:ng-regular;
color:#000;
}
.refer-friend .list-inline > li  article{
display:inline-block;
vertical-align: bottom;
}
.refer-friend .list-inline > li{
padding:0 20px 0 20px;
vertical-align: bottom;
}
.free-vectone .panel-body{
padding:30px 120px;
}
.free-vectone .panel-heading h1{
font-size:30px;
font-family:ng-medium;
color:#fff;
margin-top:10px;
}
.free-vectone .img-responsive{
display:inline-block;
}
.free-vectone p{
font-size:16px;
font-family:ng-regular;
color:#29235C;
}
.free-vectone .list-inline li span{
display:block;
color:#72559F;
font-size: 14px;
font-family: "ng-light";
}
.free-vectone .list-inline{
margin-top:40px;
}
.free-vectone .list-inline li{
vertical-align:top;
}
.panel-cheapcall h1{
font-size:30px;
font-family:ng-medium;
color:#fff;
margin-top:10px;
}
.panel-cheapcall .bundle-list{
margin-bottom:10px;
}
.panel-cheapcall .panel-body{
padding:35px 120px 35px 120px;
}
.happy_rates p{
font-size:18px;
font-family:ng-regular;
color:#29235C;
}

.bonus-main-list{
margin-bottom:0;
}
.bonus-main-list  .join-bonus{
    display: table;
    width: 100%;
    table-layout: fixed;
    padding:10px 0 10px 0;
	margin-bottom: 20px;
	background: #fff;
}

.bonus-main-list  .join-bonus >  li{
display:table-cell;
font-size:24px;
}
.bonus-main-list li:last-child .join-bonus{
margin-bottom:0;
}
.bonus-main-list li:first-child .join-bonus >  li:first-child {
color:#72559F;
font-family: "ng-bold";
}
.bonus-main-list  .join-bonus > li:first-child{
color:#72559F;
font-family: "ng-medium";
}
.bonus-main-list li:first-child .join-bonus >  li:last-child {
color:#009fe3;
font-family: "ng-bold";
}
.bonus-main-list  .join-bonus > li:last-child{
color:#009fe3;
font-family: "ng-medium";
}
.bonus-main-list li:first-child .join-bonus >  li{
color:#e70875;
font-family: "ng-bold";
}
.bonus-main-list li:first-child .join-bonus >  li.free-data{
color: #e70875;
font-family: "ng-bold";
}
.bonus-main-list ul.join-bonus >  li.free-data{
color: #e70875;
font-family: "ng-medium";
}
.bonus-main-list  .join-bonus > li{
color:#e70875;
font-family: "ng-medium";
}
.refer-options h4{
font-size:36px;
margin-bottom:20px;
font-family:ng-medium;
color: #29235c;
}
.refer-options{
padding:30px 60px 30px 60px;
margin-top:40px;
}
.refer-options h2{
    font-size: 20px;
    font-family: "ng-bold";
    font-weight: 400;
    color: #29235c;
	margin-top:0;
}
.refer-options ol li{
font-size:16px;
font-family:ng-regular;
color:#29235C;
}
.refer-options p{
font-size:16px;
font-family:ng-regular;
color:#29235C;
 }
.refer-friend p{
font-size:16px;
font-family:ng-regular;
color:#29235C;
}
@media(max-width:1559px){
.panel-offers .views-field-field-overview-header, .views-field-field-overview-header2 {
font-size: 30px;
line-height: 1.2;
}
.panel-offers .views-field-field-overview-header-2, .views-field-field-overview-header-1 {
font-size: 30px;
line-height: 1.2;
}
.panel-offers .views-field-field-overview-text {
    font-size: 18px;
}
.panel-offers .views-field-field-overview-text-1 {
    font-size: 18px;
}

.panel.panel-offers {
    min-height: 245px;
}
.refer-friend .list-inline > li a {
    font-size: 16px;
}
.refer-friend .list-inline > li  img{
   height:50px;
}
.refer-friend .list-inline > li {
    padding: 0 8px 0 8px;
}
}
@media(max-width:1199px){
.panel-offers .views-field-field-overview-header, .views-field-field-overview-header2, .views-field-field-overview-header-2, .views-field-field-overview-header-1 {
    font-size: 28px;
}
.panel.panel-offers {
    min-height: 235px;
}
.refer-friend .list-inline > li a {
    font-size: 14px;
}
.refer-friend .list-inline > li {
    padding: 0 15px 0 15px;
}
.refer-friend .list-inline > li article {
    display: block;
    vertical-align: bottom;
}
.refer-friend .list-inline > li article strong {
    display: block;
}
.refer-friend .list-inline > li article + article {
margin-top:10px;
}
.refer-friend .list-inline > li img {
    height: 40px;
}
.roaming-rates h1 {
    font-size: 38px;
}
.roaming-rates h1 ~ p {
    font-size: 20px;
}
.roaming-rates {
    padding: 20px 0 30px 0;
}
.free-vectone .panel-body {
    padding: 40px;
}
.terms-conditions {
    padding: 20px 0 40px 0 !important;
}
.panel-cheapcall .panel-body {
    padding: 35px 30px 35px 30px !important	;
}
.refer-friend h1 {
    font-size: 30px;
}
.refer-options h2 {
    font-size: 18px;
}

}
@media(max-width:991px){
.refer-friend .list-inline > li {
 margin-bottom:30px;
}
.steps .list-inline {
    margin-bottom: 0;
    margin-top: 40px;
}
.refer-options {
    margin-top: 20px;
}
.free-vectone .img-responsive {
    display: inline-block;
	margin-bottom:10px;
}
.free-vectone ul li{margin-bottom:15px;}
.panel-cheapcall .panel-body {
    padding: 15px !important;;
}
.panel-cheapcall .bundle-list {
    margin-bottom: 20px;
}
}
@media(max-width:767px){
.panel-offers .views-field-view-node a {
    margin-top: 10px;

}
.refer-friend h1 {
    font-size: 30px;
    margin-top: 30px;
}
.refer-friend .list-inline > li {
    margin-bottom: 30px;
    display: block;
    text-align: left;
}
.refer-friend .list-inline > li + li {
    border-left:0
}
.refer-friend .list-inline > li a {
    font-size: 16px;
}
.refer-options {
    padding: 20px;
}
.bonus-main-list .join-bonus > li {
    font-size: 20px;
}
.terms-conditions {
    padding: 20px;
}
.terms-conditions p {
    font-size: 16px;
}
.terms-conditions p a {
    display: block;
}
.happy_rates p {
    font-size: 16px;
}
.flag-container{
text-align:center;
}
.roaming-rates .form-item {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.roaming-rates {
    padding: 20px 20px 30px 20px;
}
.roaming-details {
    padding: 30px 15px 30px 15px;
}
.roaming-details{
padding:
}
.roaming-details strong {
    font-size: 32px;
}
.roaming-details span {
    font-size: 18px;
}
.roaming-result {
    padding: 20px;
}
.free-vectone .panel-heading h1 {
    font-size: 24px;
}
.free-vectone p {
    font-size: 16px;
    font-family: ng-regular;
    color: #29235C;
}
.offer-free-sim-section .btn-more{
font-size:16px !important;
}
.panel-cheapcall h1 {
    font-size: 24px;
}
.refer-options h4 {
    font-size: 30px;
}
.refer-friend .list-inline > li article strong {
    display:inline-block;
}
}
@media(max-width:479px){
.panel-offers .views-field-field-overview-text, .views-field-field-overview-text-1 {
    font-size: 16px;
}
.panel.panel-offers {
    min-height: 210px;
}
.refer-friend h1 {
    font-size: 24px;
    margin-top:20px;
	margin-bottom: 10px;
}
.refer-friend .list-inline > li img {
    height: 35px;
}
.bonus-main-list .join-bonus > li {
    font-size: 15px;
}
.refer-friend p {
    font-size: 14px;
    font-family: ng-regular;
    color: #29235C;
}
.terms-conditions p {
    font-size: 14px;
}
.flag-section .flag-container ul > li {
    width: 33.33%;
}
.happy_rates p {
    font-size: 14px;
}
.refer-options ol li {
    font-size: 14px;
}
.roaming-rates h1 ~ p {
    font-size: 16px;
}
.flag-section p {
    font-size: 16px;
}
.flag-section h1 {
    font-size: 24px;
}
.refer-options h2 {
    font-size: 16px;
}
.roaming-rates h1 {
    font-size: 24px;
}
.roaming-details strong {
    font-size: 24px;
}
.roaming-details span {
    font-size: 16px;
}
.roaming-steps .panel {
    border-radius: 0;
    margin-bottom: 20px;
}
.roaming-steps p {
    font-family: 'ng-light';
    font-size: 14px;
    color: #000;
}
.free-vectone .panel-heading h1 {
    font-size: 20px;
}
.free-vectone .panel-body {
    padding: 20px;
}
.free-vectone p {font-size: 14px;}
.panel-cheapcall h1 {
    font-size: 20px;
}
.panel-cheapcall .panel-body {
    padding:15px 0 !important;
}
.panel-cheapcall .btn-more {
    font-size: 16px !important;
}
.refer-options h4 {
    font-size: 20px;
}
}

@media (min-width:768px){

.view-id-offers_overview .views-field-field-overview-header2, .views-field-field-overview-header-2, .views-field-field-overview-header-1{
min-height:44px;
}
.view-id-offers_overview  .panel-offers .views-field-field-overview-text, .views-field-field-overview-text-1{
min-height:75px;
}
}