.section-form { position: absolute; right: 4%; top: 0; background: #fff; width: 27%; 
top: 3%; padding: 19px; z-index: 99;}
.section1 { position: relative; padding-bottom: 68px; background: #fff; margin-bottom: 60px;}
.section-form h3 {text-align: center;     font-size: 16px;   text-transform: uppercase;    padding: 0px 0 0 0;  letter-spacing: 2px;    color: #333;   font-size: 14px;   margin: 0;}
.line-separator { display: block; text-align: center; width: 60px; height: 3px; border-bottom: 1px solid #009846; margin: 6px auto 8px;}
.section-form .mui-form { padding: 20px;}
.section-form .mui-textfield--float-label > label { font-size: 13px;}
#datapicker3 , #datapicker4{  border: none; border-bottom-color: currentcolor;     border-bottom-style: none;   border-bottom-width: medium; box-shadow: none;   border-bottom: 1px solid rgba(0, 0, 0, 0.26);   width: 100%;   border-radius: 0;}
.section-img img {  max-width: 100%; width: 100%;}
.counter-wrapper {position: absolute; bottom: 8px;  background: #fff;   margin: 0 auto;   width: 80%;   text-align: center;   left: 10%; box-shadow: 3px 3px 3px 0px #737475; padding: 20px 10px;}
.counter-wrapper h3 {  font-size: 26px;   color: #000;   font-weight: 600;}
#main {  background: #fff;}
.mob-img {display: none;}
@media all and (max-width:800px) {
.section-form { position: initial;  width: 60%; margin: 0 auto; padding: 20px; margin-top: 20px;margin-bottom: 20px; border-radius: 5px; box-shadow: 3px 3px 3px 0px #737475;
-webkit-box-shadow: 3px 3px 3px 0px #737475; -moz-box-shadow: 3px 3px 3px 0px #737475;}
.counter-wrapper {  position: initial; width: 93%; border-radius: 5px;}
.section1 { background: #ddd;}
.mob-img {display: block;}
.dekstop-img {display: none;}
.appoint-forms input, .appoint-forms select {max-width: 100%; width: 100%; 	font-size: 15px !important; font-weight: 400; height: 38px !important;}
.appoint-forms #loc_for_mumbai input{width: auto; height: auto !important;}
.appoint-forms .mui-select {  margin-bottom: 0;}
}
@media all and (max-width:699px) {
.section-form {  width: 90%; padding: 20px;}
.section-form  .mui-textfield { margin-bottom: 11px;}
}
/*small desktop and ipad mini */
@media (min-width: 980px) and (max-width: 1200px) { 
.section-form { right: 1%;  width: 30%;   top: 2%;   padding: 11px;}
.section1 {  padding-bottom: 116px;}
.counter-wrapper { bottom: 0;}
}