@media screen and (max-width: 1200px){#areaofsearch{width:800px;}
#searchButton{ width:70px; height: 70px;}
#searchResult{margin:1em 3em;}
}
@media screen and (max-width: 800px){
    #searchResult{margin:1em;}
     #search{font-size:30px;}
    	#searchfieald{width:70%; }
	#areaofsearch,#checks{width:520px; margin:0 auto;} 
	.checkbox__text{display:block; text-align:left;}
	.custom-dropdown,.select-css{display: block;}
	.custom-dropdown{width:500px;}
	#searchInput {text-align:left; padding-left:0.8em; font-size:40px;}
	::-webkit-input-placeholder  {text-align: left;}
	#searchButton{  height: 60px; width:60px;top:5px;}
	}
	@media screen and (max-width: 600px){
#search{font-size:25px;}
    	#searchfieald{width:80%; }
	#areaofsearch,#checks{width:380px;} 
	.custom-dropdown{width:350px;}
	#searchInput { padding-left:0.5em;font-size:30px;}
	#searchButton{  height: 50px; width:50px;top:10px;}
	}
@media screen and (max-width: 400px){
    #searchResult{margin:1.5em 0.5em;}
    #search{font-size:20px;}
#areaofsearch,#checks,#searchfieald{width:94%;margin:0 auto;}
.custom-dropdown{width:95%;}
}