
.main_table_container{
    display:inline-block;
    float:right;
    width:596px;
}
.subscription_container{
    margin-top:60px;
    width:1056px;
    margin:auto;
}

.main_table, .promo_condition_container_mobile{
  display:block;
  width:596px;
  float:right;
  margin-top:30px;
}
.table_header, .months_col, .price_col{
    font-weight:bold;
}
.table_row{
    height:35px;
}

.hd_bg{
     background-color: #02645A;
}
.discount{
    width:260px;
}
.table_header{
    color: #ffff;
    font-family: "Gilroy-Light",Arial;
    font-size:16px;
}
.months_col, .up_col{
    padding:4px;
    width:180px;
}

.months_col, .up_col, .price_col{
    background-color:#ebf4e2;
    font-size:16px;
    font-family: "Gilroy-Light" , Arial;
    border: 4px solid #fff;
    text-align: center;
    font-weight: 500;
}
.months_col{
    color:#05ac94;
    font-family: "Gilroy-ExtraBold" , Arial;
    font-size: 16px;
}

.now_btn{
    color: #fff;
    height: 30px;
    width: 130px;
    background-color: #414143;
    text-align: center;
    border-radius: 10px 10px 0 0;
    box-shadow: 2px 1px #a9b2a6;
    float: right;
    font-size: 14px;
    position: relative;
    top: 5px;
    margin-right:10px;
    line-height:26px;
    font-weight: 500;
   
}
.now_btn_a {
  text-decoration: none;
  color:#fff !important;
}


.price{
    float: left;
    text-align:center;
    line-height:30px;
    font-family: "Gilroy-ExtraBold" , Arial;
    font-size: 14px;
}
.subscribe_now{
    overflow:hidden;
}



.btn_red{
    background-color:#d71920 !important;
}
.footer_text p{
    font-family: "Gilroy",Arial;
    font-weight:normal;
    line-height:6px;
}

.footer_text{
    margin-bottom:60px;
}
/******** Promo Text Area ***************************************/

.header_title_container, .promo_details_container, .promo_condition_container{
    margin-top:40px;
    width:460px;
}

.header_title{
   
    font-family: "Gilroy-ExtraBold",Arial;
    font-size:28px;
    line-height:34px;
    color:#03655b;
   
   
}

.promo_details{
    font-family: "Gilroy-Light",Arial;
    font-size:20px;
    line-height:26px;
}
.promo_condition_container{
    font-family: "Gilroy-Light",Arial;
    font-size:12px;
    line-height:18px;
}

.promo_details_container{
    display:inline-block;
    width:390px;
    margin-bottom:40px;
}
.promo_details .font_green{
    color:#05ac94;
    font-weight:900;
    padding:0 !important;
}
.promo_details span{
    position:relative;
    color:#05ac94;
    
}
.promo_container{
    display:inline;
    float:left;
}
.promo_condition_container_mobile{
    display:none;
}
.promo_condition{
    font-family: "Gilroy-Light",Arial;
    font-weight:normal ;
    font-size:12px;
    line-height:14px;
}

/********************responsive******************************************/


@media only screen and (max-width:420px){
    
    .main_table_container{
        display:block;
        float:none;
        width:inherit;
    }
    .main_table{
        width:100%;
        height:100%;
        margin:auto auto;
    }
    
    .subscription_container{
       
        margin-top:0px;
        margin-bottom:40px;
        width:100%;
        font-size:12px;
    }
    
    .bbmp-epaper{
         margin-bottom:40px;
         width:300px;
    }
    .promo_condition_container{
        width:290px;
        font-size: 10px;
    }
    
    .header_title{
   
    font-size:22px;
    line-height:24px;
    }
    
    .table_header {
	    font-size: 12px;
    }
    .promo_details_container, .header_title_container{
        width:inherit;
       
    }
    
    .promo_details {
	    font-family: "Gilroy-Light",Arial;
        font-size: 14px;
        line-height: 16px;
    }
     .promo_container{
        display:block;
        float:none;
        width:300px;
        margin:auto;
    }
    
    .months_col, .up_col{
        padding:4px;
        width:220px;
        font-size:12px;
    }
    
    .now_btn, .now_btn_red{
        color: #fff;
        height: 40px;
        background-color: #414143;
        text-align: center;
        border-radius: 10px 10px 0 0;
        box-shadow: 2px 1px #a9b2a6;
        float: right;
        font-size: 12px;
        position: relative;
        top: 15px;
        margin-right:20px;
        line-height:24px;
        font-weight: 500;
    }
    .price{
        display:block;
        position:relative;
        top:5px;
        width:100%;
        line-height:inherit;
    }
    .promo_condition_container_mobile{
        display:inline-block;
        float:none;
    }
    .promo_condition_container{
        display:none;
    }

}
@media (min-width:660px) and (max-width:1024px) {
    
    .promo_container{
        display:block;
        float:none;
        width:300px;
        margin:auto;
    }
    
    .header_title {
        font-family: "Gilroy-ExtraBold",Arial;
        font-size: 23px;
        line-height: 24px;
        color: #03655b;
    }
    
   .header_title_container{
       width:300px;
   }
   
    .bbmp-epaper{
        margin-bottom:40px;
        width:300px;
    }
    
    .subscription_container{
        display:block;
        width:600px;
    }

    
    .promo_condition_container{
        display:none;
    }
    .promo_details {
        font-family: "Gilroy-Light",Arial;
        font-size: 14px;
        line-height: 16px;
    }
    .main_table, .promo_condition_container_mobile{
        display:block;
        float:none;
        width:550px;
        margin-top:30px;
    }
    .td-pb-span8{
        width:100% !important;
    }
}


