@import url("font.css");
    .audtophp-tnc { display: block;   padding: 25px 0 0 0;}
    .audtophp-tnc ul li { font-family: 'AvenirLTStd-Medium'; color: #202859; font-size: 14px; padding-bottom: 5px; position: relative; padding-left: 16px;}
    .audtophp-tnc ul li::before { content:""; position: absolute; width:6px; height:6px; background-color: #202859; border-radius: 50%;  left:0;  top:7px;}
    .audtophp-tnc ul li.active { font-size: 18px; padding-left: 0;}
    .audtophp-tnc ul li.active::before { display: none; }
    .new-country-banner .tranfer-paid-list { margin-top: 30px;}

    /*-----------Ripple pages----*/
    .ripple .country-paid-note1 ul { list-style: none; display: table; margin: 40px 0 30px;     width: 100%;}
    .ripple .country-paid-note1 ul li { font-family: 'AvenirLTStd-Medium'; float: left; font-size: 16px; line-height: 1.19;  text-align: left;  color: #202859; padding-left: 45px;     width: 32%; margin-right: 4%; padding-bottom: 4px;}
    .ripple .country-paid-note1 ul li:nth-child(1) { background: transparent url(../images/icon/ripple-great-exchange-rate.png) left top no-repeat; background-size: 30px;}
    .ripple .country-paid-note1 ul li:nth-child(2) { background: transparent url(../images/icon/ripple-low-cost-transfer.png) left top no-repeat; background-size: 35px;     width: 22%;}
    .ripple .country-paid-note1 ul li:nth-child(3) { background: transparent url(../images/icon/ripple-cash-pickup.png) left top no-repeat; background-size: 35px; margin-right: 0; width: 38%;}

    .ripple .new-country-banner .tranfer-paid-note { font-family: 'AvenirLTStd-Medium'; font-size: 25px;     margin-top: 0;}
    .ripple .new-country-banner .tranfer-paid-note span { font-family: 'AvenirLTStd-Black';  }
    .ripple .paid-transfer-bannermob { display: block;}
    .ripple .tranfer-paid-smallheading span { margin-top: -10px;}
    .ripple .audtophp-tnc ul li::before { display: none;}
    .ripple .audtophp-tnc ul li { padding-left: 0;}
    .ripple #paid-for-mob { display: block; width: 150px; margin-top: 32px;}
    .ripple #paid-for-mob img { width: 100%;}
    .ripple .tranfer-paid-smallheading span.active1 { margin-top: 0px;  line-height: 50px; }

    @media screen and (max-width: 1200px) {
        .ripple .new-country-banner .tranfer-paid-note { width: 105%;}
        .ripple .country-paid-note1 ul li { font-size: 14px;}
    }

    @media screen and (max-width: 1160px) {
        .ripple .new-country-banner .tranfer-paid-note { width: 110%;}
        .ripple .new-country-banner .tranfer-paid-note { font-size: 18px;}
        .ripple .country-paid-note1 ul li { font-size: 13px;}
        .ripple .audtophp-tnc ul li { font-size: 11px;}
    }

    @media screen and (max-width: 1024px) {
        .ripple .country-paid-note1 ul li { font-size: 12px; letter-spacing: 0.2px; padding-left: 36px; background-size: 28px!important;}
        .ripple .country-paid-note1 ul li:first-child { background-size: 26px!important; }
    }

    @media screen and (max-width: 920px) {
        .ripple .new-country-banner .tranfer-paid-note { width: 100%;}
        .ripple .country-paid-note1 ul li { width: 100%!important; margin-right: 0; float: none; margin-bottom: 10px; padding: 10px 0 10px 40px; background-position: left center!important; font-size: 14px;}
        .ripple .country-paid-note1 ul { margin: 25px 0 15px;}
        .ripple .new-country-banner .tranfer-paid-text { margin-top: 0px;}
    }

    @media screen and (max-width: 800px) {
        .ripple .audtophp-tnc ul li { padding-left: 0; font-size: 12px;}
        .ripple .audtophp-tnc ul li::before { display: none;}
        .new-country-banner .tranfer-paid-smallheading { line-height: 36px; }
        .ripple .tranfer-paid-smallheading span { margin-top: 0px;}
        .ripple #paid-for-mob { margin: 22px auto 0;}
        .ripple .country-paid-note1 ul li {  background-position: center top!important; padding: 31px 0 0 0; text-align: center; margin-bottom: 20px;}
        .ripple .new-country-banner .paid-transfer-bannermob { margin-top: 6px; line-height: 22px;}
        .ripple .tranfer-paid-smallheading span.active1 {
            margin-top: 5px;
            line-height: 36px;
        }
    }

    @media screen and (max-width:370px) {
    .new-country-banner .tranfer-paid-smallheading { font-size: 24px;}
    .new-country-banner .tranfer-paid-note { font-size: 13px;}
    .audtophp-tnc ul li { font-size: 11px;}
    .ripple .tranfer-paid-smallheading span.active1 {
        margin-top: -2px;
        line-height: 32px;
    }
    }