#post-ticketing {border:1px solid #e4e4e4;}
    #post-ticketing .tblheading { text-align:center; background:#006699; color:#fff;padding:5px 10px;}
    #post-ticketing .tblheading2 td { text-align:left; background:#006699; color:#fff;padding:2px 5px; border-top:none;}
    #post-ticketing .bcdark {background:#eee;}
    #post-ticketing .bclight {background:#f3f3f3;}
    .tableBorderLeft { border-left:solid 1px #eee;}
    .paddNone { padding:0;}
    span.heading, h5.heading { font-weight:bold; color:#006699; display:block;}
    span.alert {color:#ff6a00;}
    #MfsFee { border:1px solid #ddd; border-top:none;}
    #MfsFee thead tr th { text-align:center; background:#006699; color:#fff;padding:5px 10px; }
    ul.ServiceFees { margin-left:16px;}
    ul.ServiceFees li { list-style-type:circle;}
    ul.SpecialServices { list-style-type:decimal; margin-left:16px;}
    table#RefundsConditon { border:none; margin-bottom:0;}
    table#RefundsConditon tr td { padding:10px 8px; border-color:#ddd;}
    table#RefundsConditon tr td:first-child { border-left:none;}
    table#RefundsConditon tr td:last-child { border-right:none;}
    @media screen and (max-width: 768px) and (min-width: 300px) {
    #MfsFee thead tr th { font-size:11px; padding:5px;}
    #MfsFee thead tr td, #MfsFee tbody tr td { font-size:11px;}
   #post-ticketing tr td { white-space:normal; padding:5px; font-size:11px;}
  table#RefundsConditon tr td {white-space:normal; padding:10px 4px; font-size:11px;}
   ul.SpecialServices, ul.ServiceFees { margin-left:0; padding-left:15px;}
    }
@media screen and (max-width: 374px) {
    #RefundsConditon tr td { padding:10px 1px !important; }    
}


.promoOffers h2.top-gap{    font-size: 28px;}
.promoOffers .offer-boxes{ display:none; }
.promoOffers ul li{ margin:0; padding:0; display: block; list-style:decimal; position:relative; padding-left:30px }
.promoOffers ul li:before{
font-family: 'Glyphicons Halflings';
content: "\e013"; 
position: absolute;
left: 5px;
color:#999;
}
.promoOffers ul li ul li{ margin-left:20px;padding-left:10px }
.promoOffers ul li ul li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
}
@media screen and (max-width: 767px) and (min-width: 320px) {
   .promoOffers h2.top-gap{    font-size: 22px;}
    .promoOffers ul.whyus-text{ padding:0; margin:0; }
      .promoOffers ul li ul li{ margin-left:0px;padding-left:5px }
     
        .promoOffers ul li ul.whyus-text,.promoOffers ul li ul, .promoOffers ul li ul.whyus-text li{ padding:0!important; margin:0; }
}