.Banner {
  position: relative;
  text-align: left;
  color: white;
}

.text-over-image {
  position: absolute;
  top: 25%;
  right: 25%;
}
.ipad-heading{padding-top: 70px;}

.side-bars .sidebarheadings::after{content:"";position:absolute;height:3px;width:70px;text-align:center;left:45%; bottom:-10px;background:#ff8e32;} 

.border-bottom-50{ border-bottom:3px solid #ff8e32; text-align:center;margin: auto;width: 50px;margin-bottom:30px;}
 	
.bg-img {
	   width:80%;
       position: relative;
}
.form-float {
    float: left;
    position: absolute;
    left: 200px;
    top: 80px;
	z-index: 1;
    background-color: #92AD40;
    padding-top:50px;
	color: #FFFFFF;
}
	
.book-an-appointment-btn{background-color:#ff8e32;padding:10px 30px;display:inline-block;border-radius:4px;font-size:14px;font-weight:600;color:#fff;border:0;cursor:pointer;}
.book-an-appointment-btn:hover{opacity:0.9;}

.form-mbl{display:none;}
.desktop-img{display:block;}
.mbl-img{display:none;}

.form-design {background-color:#083791;padding:20px;width:60%}
.appointment-heading {font-size:20px;color:black;text-align:center;margin-bottom:10px;color:white;}
.banner-text{font-size:30px;font-weight:700;color:white;}
.mb-30{margin-bottom:30px;}
.banner-text2{font-size:30px;font-weight:300;color:white;}
.mb-20{margin-bottom:20px;}
.explore-services{background:#ff8e32;padding:15px 20px;border-radius:4px;font-size:18px;color:white;}
.color-yellow{color:#ffec19;}
.color-green{color:#3c8e79;}
.text-center{text-align:center;}
.services-border{border: 1px solid #f5f5f5;}
.services-heading{font-size:22px;color:#54585a;margin-top:10px;}
.padding-5{padding:5px;}
.img-wh{width:150px;height:150px;}
.color-orange{color:#ff8e32;}
.mt-20{margin-top:20px;}
.mt-10{margin-top:10px;}
.mb-20{margin-bottom:20px;}
.comma-wh{height:30px;width:30px;}
.explore-services:hover{color:white;opacity:0.9;}

@media (max-width: 767px) and (orientation: portrait) {
	
	.text-over-image {
	  position: absolute;
	  top: 20%;
	  right: 10%;
	  
		}
	.desktop-img{display:none;}

  .mbl-img {
	display:block;	  
	max-width: 100%;
	max-height:100%;
	width: 100%;
	height:400px;
	}
	.form-float {
		display:none;
	}
	.mbl-text{
		text-align:center;
		right: 10%;
		
	}
	.form-mbl{
		
		display:block;
		background-color:#083791;
		padding:20px;	
	}
	.ipad-heading{padding-top: 30px;}
	.comma-img{display:none;}
	.color-white{color:white !important;}
	.services-heading{font-size:28px;color:#54585a;margin-top:20px;}
	.services-subtext{font-size: 18px;color:#54585a;}
	
}

@media (max-width: 767px) and (orientation: landscape){
	
	
	.text-over-image {
	  position: absolute;
	  top: 20%;
	  right: 20%;
	  
		}
	.desktop-img{display:none;}

	.mbl-img {
	display:block;	  
	max-width: 100%;
	max-height:100%;
	width: 500px; 
	height:400px;
	}
	.form-float {
		display:none;
	}
	.mbl-text{
		text-align:center;
		right: 28%;
		
	}
	.form-mbl{
		
		display:block;
		background-color:#083791;
		padding:20px;	
	}
	.ipad-heading{padding-top: 30px;}
	.comma-img{display:none;}
	.color-white{color:white !important;}
	.services-heading{font-size:18px;color:#54585a;margin-top:20px;}
	.services-subtext{font-size: 16px;color:#54585a;}
	.mbl-img{width:100%;}
}

@media screen and (max-width: 768px) and (min-width: 767px) and (orientation: portrait) {

.text-over-image {
  position: absolute;
  top: 20%;
  right: 0;
  padding:15px;
  
}
.bg-img {
	   width:55%;
       position: relative;
	   height:auto;
}
 .img-res{ max-width: 100%;
height: 400px;
 }
 
.form-float {
    float: left;
    position: absolute;
    left: 100px;
    top: 20px;
	width:110%;
	z-index: 1;
    background-color: #083791;
    padding-top:50px;
	color: #FFFFFF;
	
}
.ipad-heading{padding-top: 200px;}

}

@media (min-width: 769px) and (max-width: 812px){

.text-over-image {
  position: absolute;
  top: 40%;
  right: 5%;
}
.bg-img {
	   width:60%;
	   height:100%
       position: relative;
}
.form-float {
    float: left;
    position: absolute;
    left: 20px;
    top: 100px;
	width:120%;
	z-index: 1;
    background-color: #083791;
    padding-top:50px;
	color: #FFFFFF;
}
.ipad-heading{padding-top: 170px;}
.desktop-img {
    display: block;
    height: 500px;
}
.border-bottom-50 {
    border-bottom: 3px solid #ff8e32;
    text-align: center;
    margin: auto;
    width: 50px;
    margin-bottom: 30px;
    margin-top: 0; 
}
}


@media (min-width: 813px) and (max-width: 1024px){

.text-over-image {
  position: absolute;
  top: 20%;
  right: 10%;
}
.bg-img {
	   width:50%;
       position: relative;
}
.form-float {
    float: left;
    position: absolute;
    left: 200px;
    top: 50px;
	width:100%;
	z-index: 1;
    background-color: #083791;
    padding-top:50px;
	color: #FFFFFF;
}
.ipad-heading{padding-top: 220px;}

}