Untitled

<sly data-sly-use.templates="core/wcm/components/commons/v1/templates.html" />
<sly data-sly-call="${templates.placeholder @ isEmpty = !properties.type}"></sly>

<div class="margin mobile"
	 style="padding-top: ${properties.marginMobileTop @context='styleToken'}px;
     		padding-right: ${properties.marginMobileRight @context='styleToken'}px;
            padding-left: ${properties.marginMobileLeft @context='styleToken'}px;
            padding-bottom: ${properties.marginMobileBottom @context='styleToken'}px;">
</div>

<div class="margin tablet"
	 style="padding-top: ${properties.marginTabletTop @context='styleToken'}px;
     		padding-right: ${properties.marginTabletRight @context='styleToken'}px;
            padding-left: ${properties.marginTabletLeft @context='styleToken'}px;
            padding-bottom: ${properties.marginTabletBottom @context='styleToken'}px;">
</div>

<div class="margin desktop"
	 style="padding-top: ${properties.marginDesktopTop @context='styleToken'}px;
     		padding-right: ${properties.marginDesktopRight @context='styleToken'}px;
            padding-left: ${properties.marginDesktopLeft @context='styleToken'}px;
            padding-bottom: ${properties.marginDesktopBottom @context='styleToken'}px;">
</div>

<div class="margin large-desktop"
	 style="padding-top: ${properties.marginLargeDesktopTop @context='styleToken'}px;
     		padding-right: ${properties.marginLargeDesktopRight @context='styleToken'}px;
            padding-left: ${properties.marginLargeDesktopLeft @context='styleToken'}px;
            padding-bottom: ${properties.marginLargeDesktopBottom @context='styleToken'}px;">
</div>

<div class="margin extra-large-desktop"
	 style="padding-top: ${properties.marginExtraLargeDesktopTop @context='styleToken'}px;
     		padding-right: ${properties.marginExtraLargeDesktopRight @context='styleToken'}px;
            padding-left: ${properties.marginExtraLargeDesktopLeft @context='styleToken'}px;
            padding-bottom: ${properties.marginExtraLargeDesktopBottom @context='styleToken'}px;">
</div>

<div class="margin tablet-portrait"
	 style="padding-top: ${properties.marginTabletPortraitTop @context='styleToken'}px;
     		padding-right: ${properties.marginTabletPortraitRight @context='styleToken'}px;
            padding-left: ${properties.marginTabletPortraitLeft @context='styleToken'}px;
            padding-bottom: ${properties.marginTabletPortraitBottom @context='styleToken'}px;">
</div>

<div class="margin tablet-landscape"
	 style="padding-top: ${properties.marginTabletLandscapeTop @context='styleToken'}px;
     		padding-right: ${properties.marginTabletLandscapeRight @context='styleToken'}px;
            padding-left: ${properties.marginTabletLandscapeLeft @context='styleToken'}px;
            padding-bottom: ${properties.marginTabletLandscapeBottom @context='styleToken'}px;">
</div>


/apps/sarb-project/sarb-internet-site/components/content/margin/margin.html










@media (max-width: 576px) {
  .margin .mobile {
    display: block;
  }
  .margin .tablet,
  .margin .desktop,
  .margin .large-desktop,
  .margin .extra-large-desktop,
  .margin .tablet-portrait,
  .margin .tablet-landscape {
    display: none;
  }
}

@media (min-width: 577px) and (max-width: 768px) {
  .margin .tablet {
    display: block;
  }
  .margin .mobile,
  .margin .desktop,
  .margin .large-desktop,
  .margin .extra-large-desktop,
  .margin .tablet-portrait,
  .margin .tablet-landscape {
    display: none;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .margin .desktop {
    display: block;
  }
  .margin .mobile,
  .margin .tablet,
  .margin .large-desktop,
  .margin .extra-large-desktop,
  .margin .tablet-portrait,
  .margin .tablet-landscape {
    display: none;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {
  .margin .large-desktop {
    display: block;
  }
  .margin .mobile,
  .margin .tablet,
  .margin .desktop,
  .margin .extra-large-desktop,
  .margin .tablet-portrait,
  .margin .tablet-landscape {
    display: none;
  }
}

@media (min-width: 1201px) and (max-width: 1600px) {
  .margin .extra-large-desktop {
    display: block;
  }
  .margin .mobile,
  .margin .tablet,
  .margin .desktop,
  .margin .large-desktop,
  .margin .tablet-portrait,
  .margin .tablet-landscape {
    display: none;
  }
}

@media (min-width: 1024px) {
  .margin .tablet-portrait {
    display: block;
  }
  .margin .mobile,
  .margin .tablet,
  .margin .large-desktop,
  .margin .desktop,
  .margin .extra-large-desktop,
  .margin .tablet-landscape {
    display: none;
  }
}

@media (min-width: 1366px) {
  .margin .tablet-landscape {
    display: block;
  }
  .margin .mobile,
  .margin .tablet,
  .margin .large-desktop,
  .margin .desktop,
  .margin .extra-large-desktop,
  .margin .tablet-portrait {
    display: none;
  }
}



/apps/sarb-project/sarb-internet-site/clientlibs/clientlibs-site/margin/css/margin.css











    

</div>
<div class="margin aem-GridColumn aem-GridColumn--default--12">

    


<div class="margin mobile" style="padding-top: 330px;
     		padding-right: px;
            padding-left: px;
            padding-bottom: px;">
</div>

<div class="margin tablet" style="padding-top: px;
     		padding-right: px;
            padding-left: px;
            padding-bottom: px;">
</div>

<div class="margin desktop" style="padding-top: px;
     		padding-right: px;
            padding-left: px;
            padding-bottom: px;">
</div>

<div class="margin large-desktop" style="padding-top: px;
     		padding-right: px;
            padding-left: px;
            padding-bottom: px;">
</div>

<div class="margin extra-large-desktop" style="padding-top: px;
     		padding-right: px;
            padding-left: px;
            padding-bottom: px;">
</div>

<div class="margin tablet-portrait" style="padding-top: px;
     		padding-right: px;
            padding-left: px;
            padding-bottom: px;">
</div>

<div class="margin tablet-landscape" style="padding-top: px;
     		padding-right: px;
            padding-left: px;
            padding-bottom: px;">
</div>
</div>

    
</div>
</div>