/**
*  Styles for 'checkout page headers'
*  Use below classes for checkout page headers in your application
*  <div class="amadeus-hos-res-cn-checkout-page-header">
        <amadeus-hos-res-ct-title-3>Payment Details</amadeus-hos-res-ct-title-3>
*  </div>
*/
.amadeus-hos-res-cn-checkout-page-header {
    padding: 10px 23px;
    text-transform: capitalize;
    background: $box-background-color;
}

/*************************************************************************************/
/**
* Media Queries
*/
/**
*  media query for max-width 992px
*/
@include amadeusHosResWcMediaBreakpointDown(md) {
    /* Styles for 'checkout page header' */
    .amadeus-hos-res-cn-checkout-page-header {
        padding: 13px 16px;

        amadeus-hos-res-ct-title-3 {
            font-size: convertPxToRem(18px);
            letter-spacing: 0;
        }
    }
}

/**
* Media Queries for pixel density
*/
@include webkitDevicePixelRatio(1) {
    /**
    *  media query for max-width 992px
    */
    /* Styles for 'checkout page header' */
    .amadeus-hos-res-cn-checkout-page-header {
        padding: 13px 16px;

        amadeus-hos-res-ct-title-3 {
            font-size: convertPxToRem(18px);
            letter-spacing: 0;
        }
    }
}