@media screen and (max-width: 450px) and (min-width: 250px) {
  .tiles {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: relative !important;
  }
  .service-area3 .service-content{
  	    padding: 20px 20px !important;
  	    margin-top: 0em !important;
  }
.service-area2 .service-wrap{
	padding: 50px 2px !important;
}
.service-img{
	margin-top: -2em !important;
}
.spacetop{
	margin-top: -10em !important;
}
.header-bottom-area.sticky-menu{
            padding: 0px 0px 0px 0px !important;
    }
}

@media screen and (max-width: 800px) and (min-width: 451px) {
.tiles {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: relative !important;
  }	
   .service-area3 .service-content{
  	    padding: 20px 20px !important;
  	    margin-top: 0em !important;
  }
  .spacetopipad{
  	margin-top: 5em !important;
  } 
  .spacetop{
	margin-top: -5em !important;
}
}

.tiles:hover{
	cursor: crosshair !important;
}