/* WorldPay MPN Single Payment Form CSS*/

    .mob-menu-header-holder.mobmenu{display: none;}
    .mobmenur-container{display: none;}
    .moboponly{display: none;}
    .step-head{display: none;}
    .error{color:red;}
    
    .multioption-inner{padding: 10px 10px 0 10px;background-color: #f9f8f8;float: left;width: 100%;}
  .payconsentbox-inner {padding: 10px 10px 10px 10px;background-color: #f9f8f8;float: left;width: 100%;}
  .payconsentbox-inner p {line-height: 1.2;}
    .form-group.nomarginbtm {margin-bottom: 0;}
    div#multioption {margin-bottom: 0;}
    form#integraFrom .form-payment-main label {padding-right: 15px;}
    form#integraFrom .form-payment-main label {padding-right: 0;}
    .custom-control.custom-radio.custom-control-inline label.custom-control-label {padding-right: 15px;}
  .payconsentbox {margin-bottom: 15px;float: left;width: 100%;}
    
    @media (min-width: 992px){
.fixed-header #header {
    position: relative;
}}
  @media (max-width: 767px){
    span.stp-1-txt { font-size: 23px;}
    #header .logo {margin-top: 2px !important;}
    .moboponly{display: block;}
    .destoponly{display: none;}
    .step-head{display: block;}
.main-sday .col-md-6{margin-bottom: 10px}

    form#integraFrom .radio-inline {display: block;margin-left: 15px;}
    form#integraFrom .form-payment-main label {padding-right: 0;}
    .custom-control.custom-radio.custom-control-inline label.custom-control-label {padding-right: 15px;}
    button#integraSubmitButton {width: 100%;margin: 0 0 !important;}
    span.stp-1-txt.stp-2-txt {display: none;}
    }
     @media (max-width: 768px){
    .expiryYearmargin
    {
        margin-top:10px;
    }
     }
    @media (max-width: 374px){
    .g-recaptcha {transform: scale(0.80);-webkit-transform: scale(0.80);transform-origin: 0 0;-webkit-transform-origin: 0 0;}
    }

    /*modal popup css start*/
    /* The Modal (background) */
        .modal {
          display: none; /* Hidden by default */
          position: fixed; /* Stay in place */
          z-index: 1; /* Sit on top */
          left: 0;
          top: 0;
          width: 100%; /* Full width */
          height: 100%; /* Full height */
          overflow: auto; /* Enable scroll if needed */
          background-color: rgb(0,0,0); /* Fallback color */
          background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }

        /* Modal Content/Box */
        .modal-content {
          background-color: #fefefe;
          margin: 15% auto; /* 15% from the top and centered */
          padding: 20px;
          border: 1px solid #888;
          width: 80%; /* Could be more or less, depending on screen size */
        }

        /* The Close Button */
        .close {
          color: #aaa;
          float: right;
          font-size: 28px;
          font-weight: bold;
        }

        .close:hover,
        .close:focus {
          color: black;
          text-decoration: none;
          cursor: pointer;
        }
/*modal popup css end*/


    #startdate{
        background: beige !important;
    }