/* CSS SHEET FOR THE QUOTE FORM PAGE */

#QuotePanelOuter{
  margin-top: 120px;
  padding-left: 0px;
  padding-right: 0px;
}

#QuoteFormLeftPanel{
    border-right: solid 1px #ededed;
}

#mobile-form-contact-details-subheader{
    display: none;
}



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

                #QuoteFormLeftPanel{
                    border-right: none;
                    border-bottom: solid 1px #ededed;
                    padding-bottom: 25px;
                }
                
                #QuoteFormRightPanel{
                    padding-top: 25px;
                } 
                
                .quoteform-sub-headers{
                    font-size: 12px;
                }
                
                #mobile-form-contact-details-subheader{
                    display: block;
                }

          }


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

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