@media (min-width: 100px) and (max-width: 991px) {

/*** Banner Css Start ***/

.hero {
  width: 100%;
 /* min-height: 75vh; */
  min-height: 65vh;
  position: relative;
  padding: 60px 0;
  display: flex;
  align-items: center; 
  background: url("../img/bg/bg1.png") top left;
  background-size: cover;
}

.banner-text {
	margin-top:-98px;
}

.hero h5 {
    color: #fff;
    font-size: 19px;
}
/*** Banner Css End ***/


/*** Contact us Section CSS Start ***/
.Contact-form{
	height:610px;
}

/*** Contact us Section CSS End ***/


 /*** Feature Section CSS Start ***/
 .featured-services .service-item {
    background-color: var(--surface-color);
    box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
    transition: all 0.3s ease-in-out;
    height: 100%;
    position: relative;
    z-index: 1;
}

.featured-services .service-item h4 a {
    color: var(--heading-color);
    font-size: 14px;
    transition: ease-in-out 0.3s;
}


 /*** Feature Section CSS End ***/


}