/* Desktop view - Chrome */
 @media (min-width: 1450px) and (max-width: 1920px) {
     #header_title {
         margin-top: 100px;
         font-family: 'Open Sans' !important;
     }


     #header_title h1 {
         margin-left: 83px;
         font-size: 28px;
         color: #222222 !important;
         font-weight: 400;

     }

     #header_title a {
         color: #D83B2D;
         text-decoration: none;
     }

     #header_title a:hover {
         color: #EA9040;
     }

     #header_title p {
         color: #222222;
         font-size: 15px !important;
         line-height: 22px;
         font-weight: 450 !important;
         margin-left: 491px;
     }

     form {
        width: 800px;
        height: 410px;
        margin-left: -12px;
        border: 2px solid #ccc;
        padding: 20px;
        /* Added border-radius */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        margin-bottom: 40px;
        font-family: 'Open Sans' !important;
      }
    
      label {
        display: block;
        margin-bottom: 8px;
      }
    
      input {
        width: 100%;
        padding: 8px;
        margin-bottom: 16px;
        box-sizing: border-box;
       
      }
       #privacy {
                    text-align: right; /* Align the content to the right */
                    font-family: 'Open Sans', sans-serif !important;
                    margin-top: 20px;
                    margin-bottom: -14px;
                    font-size: 15px;
                  }
                  
                  #privacy a {
                      display: inline-block; /* Ensure the link is treated as a block element */
                      color: rgb(184, 91, 13) !important;
                      text-decoration: none;
                    }
      .description {
        width: 100%;
        padding: 8px;
        margin-bottom: 16px;
        box-sizing: border-box;
      }
    
    
      #btnn {
        display: block;
        margin: 0 auto;
        background-color: #EB4B3E !important;
        color: white;
        padding: 10px 15px;
        border: none;
        cursor: pointer;
        font-weight: bold;
        float: left;
      }
    
      #btnn:hover {
        background-color: #051E4E !important;
      }
    
      textarea {
        width: 100%;
        height: 150px;
        padding: 8px;
        margin-bottom: 16px;
        box-sizing: border-box;
      }
    #details {
        margin-left: 95px;
        font-size: 13px;
        border-radius: 0px;
        font-family: 'Open Sans' !important;
    }
    /*#details a {*/
    /*  color: #D83B2D;*/
    /*  text-decoration: none;*/
    /*}*/
    /*#details a:hover {*/
    /*  color:#EA9040;*/
    /*}*/

      .card {
        border: 2px solid #ccc;
        font-family: 'Open Sans' !important;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        overflow: hidden;
        border-radius: 0px;
      }
      

    
      .google-map {
        width: 100%;
        height: 400px;
    
        padding: 8px;
      }
    
      .mandatory-symbol {
        color: red;
      }
    
      .error {
        color: grey;
        font-size: 15px;
      }
    
      .hidden {
        display: none;
      }
      .home {
            color: #D83B2D;
            text-decoration: none;
            /* Remove default underline */
            transition: text-decoration 0.3s ease;
            /* Add smooth transition effect */
        }
    }
 /* Desktop view - Microsoft Edge */

 @media (min-width: 1200px) and (max-width: 1366px) {
     

     #header_title h1 {
        margin-left: 83px;
         font-size: 28px;
         color: #222222 !important;
         font-weight: 400;

     }

     #header_title p {
         color: #222222;
         font-size: 15px !important;
         line-height: 22px;
         font-weight: 450 !important;
         margin-left: 410px;
     }
     #header_title a {
        color: #D83B2D;
        text-decoration: none;
    }
    #header_title a:hover {
        color: #EA9040;
    }
     #btnn {
      display: block;
      margin: 0 auto;
      background-color: #EB4B3E !important;
      color: white;
      padding: 10px 15px;
      border: none;
      cursor: pointer;
      font-weight: bold;
      float: left;
    }
  
    #btnn:hover {
      background-color: #051E4E !important;
    }
         #header_title {
             margin-top: 100px;
         }
                 #image img {
                     width: 105%;
                     height: auto;
                     margin-left: -11px;
        
                 }
                 form {
                    max-width: 900px;
                        height: 408px;
                    margin: auto;
                    border: 2px solid #ccc;
                    /* Added border */
                    padding: 20px;
                    /* Added padding */
                    border-radius: 8px;
                    /* Added border-radius */
                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
                    margin-bottom: 40px;
                    font-family: 'Open Sans' !important;
                  }
                
                  label {
                    display: block;
                    margin-bottom: 8px;
                  }
                
                  input {
                    width: 100%;
                    padding: 8px;
                    margin-bottom: 16px;
                    box-sizing: border-box;
                  }
                   #privacy {
                    text-align: right; /* Align the content to the right */
                    font-family: 'Open Sans', sans-serif !important;
                    margin-top: 20px;
                    margin-bottom: -14px;
                    font-size: 15px;
                  }
                  
                  #privacy a {
                      display: inline-block; /* Ensure the link is treated as a block element */
                      color: rgb(184, 91, 13) !important;
                      text-decoration: none;
                    }
                  .description {
                    width: 100%;
                    padding: 8px;
                    margin-bottom: 16px;
                    box-sizing: border-box;
                  }
                
                
                  textarea {
                    width: 100%;
                    height: 150px;
                    /* Set the width to 100% */
                    padding: 8px;
                    margin-bottom: 16px;
                    box-sizing: border-box;
                
                  }
                #details {
                       margin-left: 113px;
                    font-size: 13px;
                    width: 300px;
                    
                }
             /*   #details a {
                  color: #D83B2D;
                  text-decoration: none;
                }
                #details a:hover {
                  color:#EA9040;
                }*/
                  .card {
                    border: 2px solid #ccc;
                    font-family: 'Open Sans' !important;
                    border-radius: 0px;
                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
                    overflow: hidden;
                  }
                  #form {
                    margin-left: -17px;
                    width: 760px;
                  }
            
                
                  .google-map {
                    width: 100%;
                    height: 400px;
                
                    padding: 8px;
                  }
                
                  .mandatory-symbol {
                    color: red;
                  }
                
                  .error {
                    color: grey;
                    size: 80%
                  }
                
                  .hidden {
                    display: none;
                  }
                  .home {
                        color: #D83B2D;
                        text-decoration: none;
                        /* Remove default underline */
                        transition: text-decoration 0.3s ease;
                        /* Add smooth transition effect */
                    }

    
 }

 /* iPad view */
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
     #header_title {
         margin-top: 100px;
     }   
     
     #header_title p {
         display: none;
     }

  #header_title h1 {
        text-align: center;
        font-size: 28px;
            color: #222222 !important;
            font-family: 'Open Sans' !important;
    }
     #image img {
        width: 105%;
        height: auto;
        margin-left: -11px;

    }
    
    #contact_form_card{
     width:1162px;   
    }
    
    form {
       max-width: 900px;
       margin: auto;
       border: 2px solid #ccc;
       /* Added border */
       padding: 20px;
       /* Added padding */
       border-radius: 8px;
       /* Added border-radius */
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
       margin-bottom: 40px;
      margin-left: -8px;
       margin-right: 8px;
     }

   
     label {
       display: block;
       margin-bottom: 8px;
     }
   
     input {
       width: 100%;
       padding: 8px;
       margin-bottom: 16px;
       box-sizing: border-box;
     }
   
     .description {
       width: 100%;
       padding: 8px;
       margin-bottom: 16px;
       box-sizing: border-box;
       border-radius:0px;
     }
   
   
     #btnn {
      display: block;
      margin: 0 auto;
      background-color: #EB4B3E !important;
      color: white;
      padding: 10px 15px;
      border: none;
      cursor: pointer;
      font-weight: bold;
              margin-left: 0px;
    }
  
    #btnn:hover {
      background-color: #051E4E !important;
    }
    /* #details a {*/
    /*  color: #D83B2D;*/
    /*  text-decoration: none;*/
    /*}*/
    /*#details a:hover {*/
    /*  color:#EA9040;*/
    /*}*/
   
     textarea {
       width: 100%;
       /* Set the width to 100% */
       padding: 8px;
       margin-bottom: 16px;
       box-sizing: border-box;
       border-radius: 10px;
     }
 .card {
       border: 2px solid #ccc;
       font-family: 'Open Sans' !important;
       border-radius: 0px;
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
       overflow: hidden;
              margin-left: -9px;
     }
     
       #privacy {
                    text-align: right; /* Align the content to the right */
                    font-family: 'Open Sans', sans-serif !important;
                    margin-top: 20px;
                    margin-bottom: -14px;
                    font-size: 15px;
                  }
                  
                  #privacy a {
                      display: inline-block; /* Ensure the link is treated as a block element */
                      color: rgb(184, 91, 13) !important;
                      text-decoration: none;
                    }
   
     .google-map {
       width: 100%;
       height: 400px;
   
       padding: 8px;
     }
   
     .mandatory-symbol {
       color: red;
     }
   
     .error {
       color: red;
       size: 80%
     }
   
     .hidden {
       display: none;
     }
     .home {
           color: #D83B2D;
           text-decoration: none;
           /* Remove default underline */
           transition: text-decoration 0.3s ease;
           /* Add smooth transition effect */
       }
 }


 /* Mobile view */
 @media only screen and (max-width: 767px) {
     #header_title {
         margin-top: 100px;
     }

     
     #header_title h1 {
           margin-left: 117px;
        font-size: 28px;
        color: #222222 !important;
        font-weight: 400;
        font-family: 'Open Sans' !important;
     }

     #header_title p {
         display: none;
     }
     #image img {
        width: 105%;
        height: auto;
        margin-left: -11px;

    }
    form {
       max-width: 350px;
       margin: auto;
       border: 2px solid #ccc;
       /* Added border */
       padding: 20px;
       /* Added padding */
       border-radius: 8px;
       /* Added border-radius */
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
       margin-bottom: 40px;
       margin-left: 1px;
     }
   
     label {
       display: block;
       margin-bottom: 8px;
     }
   
     input {
       width: 100%;
       padding: 8px;
       margin-bottom: 16px;
       box-sizing: border-box;
     }
   
     .description {
       width: 100%;
       padding: 8px;
       margin-bottom: 16px;
       box-sizing: border-box;
     }
   
     #btnn {
      display: block;
      margin: 0 auto;
      background-color: #EB4B3E !important;
      color: white;
      padding: 10px 15px;
      border: none;
      cursor: pointer;
      font-weight: bold;
              margin-left: 0px;
    }
    
    .email-title{
            margin-left: 2px !important;
    }
    
       .email-card{
                width: 346px;

    }
   .email_card_aligment{
       margin-left: -7px;

   }
  
    #btnn:hover {
      background-color: #051E4E !important;
    }
    #details a {
      color: #D83B2D;
      text-decoration: none;
    }
    #details a:hover {
      color:#EA9040;
    }
     textarea {
       width: 100%;
       /* Set the width to 100% */
       padding: 8px;
       margin-bottom: 16px;
       box-sizing: border-box;
     }
  
     .card {
       border: 2px solid #ccc;
       font-family: 'Open Sans' !important;
       border-radius: 8px;
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
       overflow: hidden;
                     margin: 10px;
        margin-left: 10px;
     }
          #privacy {
                    text-align: right; /* Align the content to the right */
                    font-family: 'Open Sans', sans-serif !important;
                    margin-top: 20px;
                    margin-bottom: -14px;
                    font-size: 15px;
                  }
                  
                  #privacy a {
                      display: inline-block; /* Ensure the link is treated as a block element */
                      color: rgb(184, 91, 13) !important;
                      text-decoration: none;
                    }

   
     .google-map {
       width: 100%;
       height: 400px;
   
       padding: 8px;
     }
   
     .mandatory-symbol {
       color: red;
     }
   
     .error {
       color: red;
       size: 80%
     }
   
     .hidden {
       display: none;
     }
     .home {
           color: #D83B2D;
           text-decoration: none;
           /* Remove default underline */
           transition: text-decoration 0.3s ease;
           /* Add smooth transition effect */
       }
    
 }