.b-custom-page .b-security {
  color: #000;
}

.b-custom-page .b-security * {
  margin-left: auto;
/*   margin-right: auto; */
}

.b-custom-page .b-security .b-layers {
  height: 850px;
  padding-top: 255px;
  width: 100%;
  overflow: hidden;
}

.b-custom-page .b-security .b-layer {
  position: relative;
  margin-bottom: -205px;
  height: 205px;
}

.b-custom-page .b-security .b-layer .b-layer-text {
  position: absolute;
  bottom: -7px;
  width: 300px;
  font-style: italic;
  text-align: left;
  line-height: 1.4;
  display: none;
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
  font-size: 16px;
}

.b-custom-page .b-security .b-layer .b-layer-text.b-right {
  left: 120%;
}

.b-custom-page .b-security .b-layer .b-layer-text.b-right:after {
  right: 110%;
  left: auto;
}

.b-custom-page .b-security .b-layer .b-layer-text.b-left {
  left: -350px;
}

.b-custom-page .b-security .b-layer .b-layer-card {
  width: 100%;
  height: 210px;
  position: relative;
  background-position: bottom left;
}

.b-custom-page .b-security .b-layer .b-layer-card-5 .b-layer-text {
  margin-left: 120px;
  top: 310px;
}

.b-custom-page .b-security .b-layer .b-layer-card-2 {
	background-image:  url('metro-led-map-layer-04.png');
  z-index: 9;
  height: 50px;
  background-repeat: no-repeat;
      margin-left: 512px;
}

.b-custom-page .b-security .b-layer .b-layer-card-3 {
	background-image:  url('metro-led-map-layer-03.png');
	height: 50px;
  z-index: 8;
  background-repeat: no-repeat;
      margin-left: 512px;
}

.b-custom-page .b-security .b-layer .b-layer-card-4 {
	background-image:  url('metro-led-map-layer-02.png');
	height: 50px;
  z-index: 7;
  background-repeat: no-repeat;
  background-position: left bottom;
      margin-left: 512px;
}

.b-custom-page .b-security .b-layer .b-layer-card-5 {
	background-image:  url('metro-led-map-layer-back.jpg');
  background-repeat: no-repeat;
	height: 559px;
	margin-top: -566px;
  z-index: 6;
  margin-left: 385px;
}


@media only screen and (max-width: 600px) {
	
  .b-custom-page .b-security .b-layer .b-layer-card {
    margin-left: 138px;
  }

  .b-custom-page .b-security .b-layer .b-layer-text {
    position: relative;
    width: 100%;
    min-width: 60px;
    bottom: 45px;
    left: -50px !important;
  }
  .led2rows{
	  bottom: 60px !important;
  }

  .b-custom-page .b-security .b-layer .b-layer-card-5 {
    margin-left: 10px;
  }

  .b-custom-page .b-security .b-layer .b-layer-card-5 .b-layer-text {
    top: 80px;
  }
}


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.b-custom-page .b-security .b-layer .b-layer-card-5{
		background-image:  url('metro-led-map-layer-back@2x.jpg');
	    background-size: 1584px 447px;
	}
	.b-custom-page .b-security .b-layer .b-layer-card-2 {
		background-image:  url('metro-led-map-layer-04@2x.png');
		background-size: 1466px 50px;
	}
	.b-custom-page .b-security .b-layer .b-layer-card-3 {
		background-image:  url('metro-led-map-layer-03@2x.png');
		background-size: 1466px 50px;
	}
	.b-custom-page .b-security .b-layer .b-layer-card-4 {
		background-image:  url('metro-led-map-layer-02@2x.png');
		background-size: 1466px 50px;
	}
}