.appointment-page-form {position: absolute; top: 44%; background: transparent; padding: 18px; z-index: 99; right: 7%; /*border: 1px solid #ddd; */}
.main-page-banner , .main-page-wrapper-slider{  position: relative; background: #ddd;}
.appointment-page-form h6 { color: #000;   text-align: center;   padding: 0;   margin: 0;  font-size: 19px; margin-bottom: 15px;}
.appointment-page-form .col-md-4 {padding: 0 2px;}
.btn-submit {text-transform: uppercase;  padding: 3px 35px;  border: none; border-radius: 6px;   color: #000;  font-size: 15px;   background: #ffdb00;   font-weight: 600;}
.mob-img {display:none;}
.main-page-wrapper-slider img {  max-width: 100%; width: 100%;}
.error-view {line-height: 1.2;}
.mui-select { padding-top: 2px;}
.mui-select > select {font-weight: normal; color: #797676;} 
.appointment-page-form .mui-textfield--float-label > label { color: #797676;   font-weight: normal; text-transform: initial;}
.appointment-page-form .col-md-4 {padding: 0 2px;}
.appointment-page-form .mui-textfield > input { font-size: 14px;   color: #000;}
.appointment-page-form .btn-wrapper button {text-transform: initial; padding: 10px 6px;
height: auto; font-size: 12px;}

/* ====responsive ==========*/
@media only screen and (min-width: 1000px){
	.appointment-page-form {width: 42%;}
}
@media only screen and (min-width: 1260px){
	.appointment-page-form { top: 55%; right: 8%;}
	.btn-submit {font-size: 15px; }
}
@media only screen and (min-width: 1300px){
	.appointment-page-form { top: 55%; right: 6%;}
	.appointment-page-form h6 { font-size: 20px;}
}
@media only screen and (min-width: 1400px){
	.appointment-page-form{ top: 64%;}
}
@media only screen and (max-width: 900px){
	.main-page-wrapper-slider{ position: initial;}
	.appointment-page-form { position: initial;  top: 0%; padding: 25px;  z-index: 9999;  right: 0%; left: 0%; background: #fff; width: 93%; margin: 25px auto; 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;}
	.appointment-page-form h6 { font-size: 18px;}
	.appointment-page-form input, .appointment-page-form select {max-width: 100%; width: 100%;
 	font-size: 15px !important; font-weight: 400; height: 38px !important; }
	.appointment-page-form .mui-select > select { color: #000;}
	.dekstop-img {display:none;}
	.mob-img {display:block;}
	.appointment-page-form  .mui-textfield {  padding-top: 6px;}
	.appointment-page-form .mui-textfield--float-label > label {font-size: 14px; line-height: 29px; }
	.swiper-wrapper-new {padding-bottom: 7px;}
	.appointment-page-form .btn-wrapper button {  padding: 13px 11px;}
}
@media only screen and (max-width: 600px){
	.appointment-page-form h6 { font-size: 18px; margin-bottom: 5px;}			
	.mui-textfield {padding-top: 0px; margin-bottom: 0;}
	.appointment-page-form .col-md-4 { margin-top: 14px;}
	.appointment-page-form .mui-textfield {  padding-top: 9px;}
}
@media (min-width: 980px) and (max-width: 1200px) { 
  .appointment-page-form {width: 47%;}
  .appointment-page-form .btn-wrapper button {  padding: 10px 0;   font-size: 11px;}
}