1<style> 

2#wrapper .bannerimage{margin:0 -6%;} 

3#wrapper #content .top-head-text a{position:absolute;top:400px;} 

4@media screen and (max-width: 1024px) and (min-width: 320px){ 

5#wrapper .bannerimage{margin: 60px -6% 0;} 

6#wrapper .bannerimage img{min-height: 190px;} 

7#wrapper .bannerimage .top-head-text .h2text{font-size: 20px;padding: 0 20px;width:66%;position: absolute;top: 0;color: #0077be;} 

8#wrapper .bannerimage .top-head-text h4 {position: absolute;top: 108px;font-size: 12px;width: 57%;left: 6%;} 

9#wrapper #content .top-head-text a  { top: 145px;left: 20px; background: #ff0000;} 

10 

11} 

12@media screen and (max-width: 1024px) and (min-width: 575px){ 

13#wrapper .bannerimage .top-head-text .h2text{width: 45%;left: 8%;} 

14#wrapper .bannerimage .top-head-text h4{width: 32%; font-size: 16px; left: 11%;} 

15} 

16</style> 

17 

18<#if HeadImage.getData()?? && HeadImage.getData() != ""> 

19    <div class="bannerimage"> 

20    	<img data-fileentryid="${HeadImage.getAttribute("fileEntryId")}" alt="${HeadImage.getAttribute("alt")}" src="${HeadImage.getData()}" /> 

21    	<div class="top-head-text"> 

22    		<#if HeadImage.ImageText.getSiblings()?has_content> 

23    			<#list HeadImage.ImageText.getSiblings() as cur_HeadingText> 

24    				<h2 class="h2text"> ${cur_HeadingText.getData()}</h2> 

25    			</#list> 

26    		</#if> 

27			<#if HeadImage.Textj0pq.getData() ? has_content > 

28				<h4>${HeadImage.Textj0pq.getData()}</h4> 

29			</#if> 

30    		<#if HeadImage.url.getData()? has_content && HeadImage.url.getData()!="" > 

31    		   <a  class="btn waves-effect" href="${HeadImage.url.getData()}">${HeadImage.ButtonText.getData()} &nbsp;  <i class="large material-icons">arrow_forward</i> </a> 

32    		 <#else> 

33				<#if HeadImage.ButtonText.getData()? has_content > 

34				   <a  class="btn waves-effect" href="${HeadImage.PageLink.getFriendlyUrl()}">${HeadImage.ButtonText.getData()} &nbsp;  <i class="large material-icons">arrow_forward</i> </a> 

35				</#if> 

36			</#if>	 

37    	</div> 

38    </div> 

39</#if> 

40<style type="text/css"> 

41@media(max-width:768px){ 

42.bannerimage{ 

43position: relative; 

44 

45} 

46	.top-head-text .h2text{ 

47		font-size: 28px; 

48    padding: 0px 20px; 

49    width: 70%; 

50    position: absolute; 

51    top: 0px; 

52	color:#0077BE; 

53	} 

54} 

55</style>