﻿

@media screen and (max-width: 768px)
{
    .form fieldset ol abbr, .form fieldset ol abbr span
    {
        margin-bottom: 0;
    }

    .no-bm {
        margin-bottom: -5px !important;
    }

     .form fieldset  {
        padding: 0;
        margin: 0 !important;
        border: none;
        box-shadow: none;
     }


     .form fieldset div.legend {
         margin-bottom: 10px;
     }

     .form fieldset ol

    {
        margin: 10px 0;
        padding: 0;
    }

   
    .form fieldset ol > li > label, 
    .form fieldset ol > li fieldset legend
    {
        text-align: left;
        width: 100%;
        margin: 0.25em 0 !important;
    }
    .form fieldset ul > li > label {
         width: 89%;
    }
    
     .form fieldset ol > li input[type=text], .form fieldset ol li input[type=password], .form fieldset ol li input[type=email],  .form fieldset ol li textarea, .form .control-wrapper, .form select.title-other, .form input[type=text].title-other
    {
        width: calc(100% - 30px);
        min-height: 42px;
    }
    
    .form fieldset ol li select
    {
        width: calc(100% - 30px);
    }
    
    .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: 3px;
    }
     .form fieldset ol li fieldset table
     {
         padding-top: 1em;
     }
    .form fieldset ol li fieldset table td
    {
        display: block !important;
        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;
    }

     .two-column {

         width:100%;
     }

     .two-columns tr td label,
     .three-columns tr td label,
     .four-columns tr td label
    {
        text-align: left;
        width: 90%;
        /*margin: 0.25em 0 !important;*/
    }

     .two-columns tr td,
     .three-columns tr td, 
     .four-columns tr td 
     {
          display: block !important;
          width: 100%;
     }
}




