@media screen and (max-width: 768px)
{

    .form fieldset ol li label
    {
        text-align: left;
        width: 100%;
        margin: 0.25em 0;
    }
    
     .form fieldset ol li input[type=text], .form fieldset ol li input[type=password],  .form fieldset ol li textarea
    {
        width: calc(100% - 50px);
    }
    
    .form fieldset ol li select
    {
        width: calc(100% - 30px);
    }

    .social-form-item .social-value input {
        display: table-cell;
        width: calc(100% - 5px) !important;
    }
    .social-form-item .social-value {
        display: table-cell;
        width: 75% !important;
    }
    
    .form fieldset ol li a.copy
    {
        text-align: left;
        float: left;
        width: 100%;
        margin: 0.5em 0;
    }
    
    .form fieldset ol li
    {
    }
    
    .secondary fieldset ol li label:first-child
    {
        text-align: left;
    }
    
    .form fieldset ol li fieldset legend {
        text-align: left;
        display: block;
        width: calc(100% - 8px) !important;
    }
    .form fieldset ol li fieldset span, .form fieldset ol li fieldset table {
        text-align: left;
         margin-left: 0;
    }
     .form fieldset ol li fieldset table
     {
         padding-top: 1em;
     }
    .form fieldset ol li fieldset table td 
    {
        display: block;
        clear: both;
        width: 100%;
        padding: 0.25em 0;
    }
    .form fieldset ol li fieldset label
    {
        }
  
    .checkboxGroupContainer td {
        display: block;
    }

    .checkboxGroupContainer .checkboxGroupLayout > tbody > tr > td {
        width: 100%;
        clear: both;
        padding: 0.25em 0;
    }
}

.participationInfoTbl td {
    display: table-cell !important;
}