.contact-heading {
     color: #162A49;
     font-weight: 700;
     font-size: 32px;
     font-family: 'Merriweather Sans', sans-serif;
     letter-spacing: 0.5px;
 }

 .contact-para {
     color: #33578c;
     font-family: 'Merriweather Sans', sans-serif;
     font-weight: 400;
     font-size: 13px;
     letter-spacing: 0.7px;
     word-spacing: 1px;
     margin-bottom: 30px;
     max-width: 420px;
     text-align: justify;
 }

 .contact-para1 {
     color: #33578c;
     margin:0 auto;
     font-family: 'Merriweather Sans', sans-serif;
     font-weight: 600;
     font-size: 16px;
                 letter-spacing: 0.7px;
     word-spacing: 1px;
     margin-bottom: 8px;
 }

 .save-btn {
     margin-top: 25px;
     font-size: 14px;
     padding: 8px 30px;
     border-radius: 20px;
     text-decoration: none;
     background-color: #162A49;
     color: #fff;
     text-align: center;
     font-weight: 500;
     font-family: 'Merriweather Sans', sans-serif;
     border: none;
     cursor: pointer;
     margin-left: 5px;
     word-spacing: 1px;
     transition: 0.7s;
 }

 .disabled {
     opacity: 0.8;
 }

 .save-btn:hover {
     padding: 8px 28.5px;
     color: #fff;
     opacity: 1;
     transform: translateY(-5px);
 }

 .form {
     margin-top: 60px;
     margin-left: 10px;

 }

 .form input[type="text"] {
     border: 0;
     background-color: #EAEDED;
     margin-left: 2px;
     margin-bottom: 50px;
     font-family: 'Merriweather Sans', sans-serif;
     padding-left: 20px;
     width: 350px;
     height: 42px;
     outline: none;
     border-radius: 10px;
     transition: 0.25s;
     font-size: 12px;
     /*            background: #f4f5fc;*/
 }

 .form textarea[name="address"] {
     border: 0;
     background-color: #EAEDED;
     margin-left: 2px;
     border-radius: 10px;
     outline: none;
     transition: 0.25s;
     padding-left: 5px;
     padding-top: 10px;
     font-size: 12px;
     font-family: 'Merriweather Sans', sans-serif;
width: 350px;

 }

 .form label {
     position: absolute;
     padding: 1px 5px;
     color: #33578c;
     font-family: 'Merriweather Sans', sans-serif;
     font-weight: 400;
     font-size: 12px;
     letter-spacing: 0.7px;
     word-spacing: 1px;
     margin-bottom: 30px;
     margin-top: -21px;

 }

 .row-x {
     padding: 10px 50px 50px 50px;

 }

 .icons {
     display: flex;
     margin-top: 10px;
     
 }

 .icn {
     display: flex;
     border-radius: 50%;
     width: 40px;
     height: 40px;
     background-color: #1773ea;
     justify-content: center;
     align-items: center;
     color: #fff;
     font-size: 19px;
     margin: 10px;
     transition: 0.7s;
     opacity: 0.9;
 }

 .icn:hover,
 .icn1:hover,
 .icn2:hover {
     transform: translateY(-5px);
     opacity: 1;
     color: #fff;
 }

 .icn1 {
     background-color: #009dec;
     display: flex;
     border-radius: 50%;
     width: 40px;
     height: 40px;
     justify-content: center;
     align-items: center;
     color: #fff;
     font-size: 19px;
     margin: 10px;
     transition: 0.7s;
     opacity: 0.9;
 }

 .icn2 {
     background-color: #9c34b1;
     display: flex;
     border-radius: 50%;
     width: 40px;
     height: 40px;
     justify-content: center;
     align-items: center;
     color: #fff;
     font-size: 19px;
     margin: 10px;
     transition: 0.7s;
     opacity: 0.9;
 }

 .img {
     margin-top: 20px;
 }
.img img{
     height: 400px;
 }

 .add {
     margin-top: -40px;
/*     text-align: center;*/
     display: flex;
     justify-content: center;
     align-items: flex-start;
     flex-direction: column;

     
 }

 @media (min-width: 320px) and (max-width: 480px) {
     .form input[type="text"] {
         width: 290px;
         
     }

     .form textarea[name="address"] {
         width: 290px;
     }

     .img {
         margin-top: 20px;
         margin-bottom: 30px;
     }

     .img img {
         width: 280px;
         height: 300px;
     }

     .row-x {
         padding: 10px 10px 10px 10px;

     }
 }

 @media (min-width: 768px) and (max-width: 1024px) {
     .form input[type="text"] {
         width: 100%;
     }

     .form textarea[name="address"] {
         width: 100%;
     }

     .add {
         margin-left: 10px;

     }

     .img img {
         width: 80%;
     }
 }

 @media (min-width: 1024px) and (max-width: 1026px) {
     .img img {
         width: 90%;
         height: 90%;
     }
     .add {
         margin-left: 30px;

     }
}

 @media (min-width: 481px) and (max-width: 767px) {
     .img img {
         width: 90%;
         height: 90%;
     }
 }