﻿@charset "utf-8";
/* CSS Document */

@media (max-width: 991px) and (min-width: 768px) {
    .form-horizontal .recogLogo.align, .form-horizontal .stamLogo.align {
        display: block;
        float: none;
        margin: 15px auto 0;
    }

    .form-horizontal .stamLogo.align {
        height: 225px;
    }
}

@media (max-width: 767px) and (min-width: 591px) {
    .serviceImg.marT30 {
        margin: -57px 7px 0 0;
    }
    /*.serviceImg { font-size:18px !important;}*/
    .validation-errorRadio {
        margin-left: 5%;
    }

    #ifrmpayment {
        height: 380px;
    }

    .headerBg .serviceImg {
        right: 0;
    }

    .form-horizontal .recogLogo.align, .form-horizontal .stamLogo.align {
        display: block;
        float: none;
        margin: 15px auto 0;
    }

    .form-horizontal .stamLogo.align {
        height: 225px;
    }
}

@media (max-width: 767px) and (min-width: 320px) {
    .validation-errorRadio {
        margin-left: 5% !important;
    }

    .Quest-validation-error {
        margin-left: 6% !important;
    }

    .validation-errorRadio {
        margin-left: 4% !important;
    }

    .serviceImg {
        top: 100px !important;
    }

    .headerBg .serviceImg {
        position: absolute;
        right: 0px;
        top: 100px !important;
    }

    .validation-errorRadio {
        margin-left: 4% !important;
    }

    #ifrmpayment {
        height: 420px;
    }

    #dvpaymentsection .radio-inline, #dvpaymentsection .control-label {
        margin-left: 16px;
    }

    .form-horizontal .recogLogo.align, .form-horizontal .stamLogo.align {
        display: block;
        float: none;
        margin: 10px auto;
    }

    .form-horizontal .stamLogo.align {
        height: 200px;
    }
}

@media (max-width: 590px) and (min-width: 320px) {
    .serviceImg.marT30 {
        float: none;
        margin: 10px auto;
    }

    .serviceImg {
        font-size: 15px !important;
    }

    #ifrmpayment {
        height: 420px;
    }

    .form-horizontal .recogLogo.align, .form-horizontal .stamLogo.align {
        display: block;
        float: none;
        margin: 5px auto 0;
    }

    #ifrmpayment {
        width: 91%;
    }
}

@media (max-width: 480px) and (min-width: 320px) {
    .headerBg .serviceImg {
        background-size: 100% !important;
        width: 290px;
    }

    .validation-errorRadio {
        margin-left: 5% !important;
    }

    .form-horizontal .recogLogo.align {
        width: 250px;
    }

    .form-horizontal .recogLogo {
        background-size: 100% auto !important;
    }

    .form-horizontal .stamLogo.align {
        width: 200px;
    }

    .form-horizontal .stamLogo {
        background-size: 100% auto !important;
    }

    .form-horizontal select.round {
        padding: 6px 25px 6px 10px;
    }

    .field-validation-error {
        font-size: 12px;
    }

    .checkbox label, .radio label {
        word-wrap: break-word;
    }

    #ifrmpayment {
        width: 100%;
    }

    .form-horizontal .recogLogo {
        height: 200px;
    }
}

@media (max-width: 330px) and (min-width: 280px) {
    #ifrmpayment {
        width: 100%;
        height: 440px;
    }
}

@media (max-width: 380px) {

    .serviceImg {
        font-size: 14px !important;
        position: absolute;
        right: 10px;
        top: 100px !important;
    }
}


@media (max-width: 320px) and (min-width: 260px) {
    .pay-cc {
        margin-left: 15px;
    }

    .form-horizontal .radio-inline + .radio-inline {
        margin-left: 0px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

    .form-check-label {
        width: calc(100% - 46px);
    }
}