@media only screen and (max-width: 1024px) {
	.search-container{
		display: none;
	}
	.search-container-mobile{
		display: block;
	}
	.scroll-up-btn,.scroll-down-btn{
	    display: block;
	}
	.nav-wrapper.container {
	    text-align: center;
	}
	nav .brand-logo{
		left: 0%;
	}
  	.search-main-container.z-depth-1 {
	    left: 10px;
	    width: calc(100% - 20px);
	}

	.search-input-sublabel {
	    line-height: 15px;
	}

	a#openMapBtn {
	    display: none;
	}

	.service-box {
	    width: calc(50% - 10px);
	}

	.service-row {
	    height: 290px;
	    overflow-y: scroll;
	}

	.no-result-container {
	    max-height: 290px;
	}

	.search-container.right {
	    position: fixed;
	    left: 5px;
	    top: 70px;
	    width: calc(100% - 10px);
	}

	.map-section {
	    margin-top: 0px;
	}
	.search-label{
		display: none;
	}

	.map-section, div#mapContainer, div#map{
		min-height: calc(100vh - 152px);
	}
	body {
	    padding-top: 90px;
	}
	body.home-page{
		padding-top: 90px;
	}
	.distance-display{
		min-width:145px;
	}
	a#searchBtn{
		top:27px;
	}
	a#cancelBtn{
		top:27px;
	}
	div#noResultModal {
	    width: 90%;
	    max-width: 420px;
	}

	div#noResultModal p {
	    padding: 10px;
	}
}

@media screen and (max-width: 800px) {
  	.service-box {
	    width: 100%;
	}
}