@media only screen and (max-width: 576px) {
    .amount-change * span,.amount-change *{font-size:14px;line-height:19px}
    .form-currency-inner{padding:0 24px}
    .form-group-box .form-group-overlay:not(:first-child){margin-top: 16px;}
    .form-group-overlay{max-width: 100%}
    .token-box{padding: 8px}
    .select-show .currency-img{display: none}
    .rate-text .bold_text{font-size: 21px;line-height: 30px;}
    .checkbox-group label{padding-right: 10px;padding-left: 10px;}
    .code_text{width: revert}
    .select_token_overlay{max-width: 50%}
    .payment-mainpanel{padding-right: 20px;padding-left: 20px}
    .select-show{font-size: 12px}
    .payment_listing li:not(:first-child) {
        margin-top: 24px;
    }
    .payment_listing li{
        font-size: 16px;
        line-height: 19px;
    }
    .select_token{
        padding: 0 20px;
    }
    .select_token_box{
        margin-top: 15vh;
    }

    .qr_2_btns {
        padding: 7px 30px
    }
}

@media only screen and (max-width: 992px) {
    .wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
    .section-listing,.payment-section{max-width:100%}
    .section-listing{height:revert}
    .payment-section{padding:24px}
    .payment-listing-overlay{padding-top:24px}
    .payment_listing li,.rate-text *{font-size:16px;line-height:19px}
    .payment_listing li:not(:first-child){margin-top:24px}
    .code_text{width:auto}
    .rate-text .bold_text{font-size:20px;line-height:30px}
    .rate_token{max-width:44%}
    .select_token{padding-left:15px;padding-right:15px}
    .widget-overlay{padding:20px 0}
    .thank_you_main{height: auto;}
    .final-table tr td:first-child{font-size:14px;line-height:17px}
    .final-table tr td:last-child{font-size:14px;line-height:17px}
    .thank-you-main.widget-main{padding-top:32px}
    .section-listing{display: none}
    .payment-section .payment_listing{display: block}
}
@media only screen and (max-width: 576px) {
    .rate-text .bold_text {
        font-size: 12px;
        line-height: 15px;
    }
    .code_text {
        width: auto;
        max-width: 174px;
    }
    .link-box{
        justify-content: center;
        gap: 5px;
    }
    .vs-buttons{
        padding: 8px;
        font-size: 12px;
    }
}
@media only screen and (max-height: 901px) {
    .logo-main {
        width: 100px;
    }
}