/*===================================================================
	Max 1199px
===================================================================*/

@media (max-width: 1199px) {
    .payment-block-wrap .payment-header h2 {
        font-size: 30px;
    }
    .order-summary .summary-header h2 {
        font-size: 30px;
    }
    .custom-block .form-block {
        padding: 30px 20px 30px;
    }
    .hr-line.full-width {
        width: calc(100% - 35px);
        left: 17px;
    }
}


/*===================================================================
	Max 991px  
===================================================================*/

@media (max-width: 991px) {
    .payment-wrapper {
        flex-direction: column-reverse;
        display: flex;
    }
    .payment-wrapper .leftbar {
        width: 100%;
    }
    .payment-wrapper .rightbar {
        width: 100%;
        padding: 6rem 20px 40px;
    }
    .payment-methods-check .method-card {
        width: 100%;
    }
    .payment-wrapper .leftbar .payment-block-wrap {
        padding-top: 4rem;
    }
}


/*===================================================================
	Max 768px  
===================================================================*/

@media (max-width: 768px) {
    .payment-block-wrap .payment-header h2 {
        font-size: 30px;
    }
    .order-summary .summary-header h2 {
        font-size: 30px;
    }
    .payment-methods-check .method-card {
        height: 80px;
        margin: 0 0 25px;
    }
    .payment-block-wrap .payment-methods-check {
        display: block;
    }
    .secure-badge {
        display: block;
        text-align: center;
        padding: 10px 0;
    }
    .badge-heading {
        border-right: none;
        border-bottom: 1px solid #DBDBDB;
        padding: 15px 0;
    }
    .secure-badge img {
        margin: 0 15px;
    }
    .custom-block .form-block {
        padding: 30px 10px 30px;
    }
    .hr-line.full-width {
        width: calc(100% - 30px);
        left: 17px;
    }
    .custom-modal .modal-dialog.w-530 {
        width: auto !important;
    }
}