/* CSS SHEET FOR THE QUOTE FORM PAGE */

.InlineContactFormContainerFluid{
  background-color: #efefef;
}

#InlineContactFormPanelOuter{
  padding-top: 40px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 40px;
}

.InlineContactFormHeader{
  font-family: monospace;
  font-size: 40px;
  font-weight: 900;
  color:#de4a33;
  margin-bottom: 25px;
}

.inline-contact-form-label{
    font-family: monospace;
    color: #de4a33 !important;
    font-weight: 600;
    font-size: 20px;
}

.hidden-field {
  display: none;
  visibility: hidden;
}


          /* CSS for when the browser's width is 767px wide or less: MOBILE DEVICES */
          @media screen and (max-width: 767px) {
            

            .InlineContactFormContainerFluid{
              background-color: #efefef;
            }
            
            #InlineContactFormPanelOuter{
              padding-top: 20px;
              padding-left: 0px;
              padding-right: 0px;
              padding-bottom: 20px;
            }
            
            #card-desktop{
              margin-top: 10px;
              margin-left: 10px;
              margin-right: 10px;
            }
            
            .InlineContactFormHeader{
              font-family: monospace;
              font-size: 30px;
              font-weight: 900;
              color:#de4a33;
              margin-bottom: 25px;
            }
            
            .inline-contact-form-label{
                font-family: monospace;
                color: #de4a33 !important;
                font-weight: 600;
                font-size: 17px;
            }
            
          }


          /* CSS for when the browser's width is 768px wide up to 1181px wide: TABLETS */
          @media only screen 
            and (min-device-width: 768px) 
            and (max-device-width: 1181px) 
              {
                  
                #InlineContactFormPanelOuter{
                }
                
                #InlineContactFormLeftPanel{
                    border-right: none;
                    border-bottom: solid 1px #ededed;
                    padding-bottom: 25px;
                }

                #InlineContactFormRightPanel{
                    padding-top: 25px;
                }
                
                #mobile-form-contact-details-subheader{
                    display: block;
                }
                
            }