/* ----------Mobile----------- */
/* ----------End Mobile----------- */
/* ----------Tablet----------- */
/* ----------End Tablet----------- */
/* ----------Laptop----------- */
#sdlmockup1 {
  background-image: url("../images/mockupbg/singledevice/laptop/sdlmockup1.png");
  width: 1200px;
  height: 800px;
}
.sdlmockup1 {
  width: 1280px;
  height: 800px;
  z-index: 2;
  top: 0;
  left: 0;
  position: absolute;
  -moz-transform: matrix3d(
    0.248084,
    0.045999,
    0,
    -0.00005,
    -0.033651,
    0.355581,
    0,
    0.000017,
    0,
    0,
    1,
    0,
    616,
    114,
    0,
    1
  );
  -webkit-transform: matrix3d(
    0.248084,
    0.045999,
    0,
    -0.00005,
    -0.033651,
    0.355581,
    0,
    0.000017,
    0,
    0,
    1,
    0,
    616,
    114,
    0,
    1
  );
  -o-transform: matrix3d(
    0.248084,
    0.045999,
    0,
    -0.00005,
    -0.033651,
    0.355581,
    0,
    0.000017,
    0,
    0,
    1,
    0,
    616,
    114,
    0,
    1
  );
  transform: matrix3d(
    0.248084,
    0.045999,
    0,
    -0.00005,
    -0.033651,
    0.355581,
    0,
    0.000017,
    0,
    0,
    1,
    0,
    616,
    114,
    0,
    1
  );
  transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  -moz-transform-origin: top left;
}
.sdlmockup1 iframe {
  width: 1305px;
  height: 800px;
  top: 0px;
  left: 0px;
}

#sdlmockup2 {
  background-image: url("../images/mockupbg/singledevice/laptop/sdlmockup2.png");
  width: 1200px;
  height: 800px;
}
.sdlmockup2 {
  width: 1280px;
  height: 700px;
  z-index: 2;
  top: 0;
  left: 0;
  position: absolute;
  transform: matrix3d(
    0.49457,
    -0.145723,
    0,
    0.000129,
    0.255514,
    0.565729,
    0,
    0.000111,
    0,
    0,
    1,
    0,
    221.837615,
    259.821637,
    0,
    1
  );
  -webkit-transform: matrix3d(
    0.49457,
    -0.145723,
    0,
    0.000129,
    0.255514,
    0.565729,
    0,
    0.000111,
    0,
    0,
    1,
    0,
    221.837615,
    259.821637,
    0,
    1
  );
  -o-transform: matrix3d(
    0.49457,
    -0.145723,
    0,
    0.000129,
    0.255514,
    0.565729,
    0,
    0.000111,
    0,
    0,
    1,
    0,
    221.837615,
    259.821637,
    0,
    1
  );
  -ms-transform: matrix3d(
    0.49457,
    -0.145723,
    0,
    0.000129,
    0.255514,
    0.565729,
    0,
    0.000111,
    0,
    0,
    1,
    0,
    221.837615,
    259.821637,
    0,
    1
  );
  -moz-transform: matrix3d(
    0.49457,
    -0.145723,
    0,
    0.000129,
    0.255514,
    0.565729,
    0,
    0.000111,
    0,
    0,
    1,
    0,
    221.837615,
    259.821637,
    0,
    1
  );
  transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  -moz-transform-origin: top left;
}
.sdlmockup2 iframe {
  width: 1305px;
  height: 700px;
  top: 0px;
  left: 0px;
}

#sdlmockup3 {
  background-image: url("../images/mockupbg/singledevice/laptop/sdlmockup3.png");
  width: 1200px;
  height: 800px;
}
.sdlmockup3 {
  width: 1200px;
  height: 800px;
  z-index: 2;
  transform: matrix3d(
    0.449963,
    -0.061125,
    0,
    0.000079,
    0.076726,
    0.447276,
    0,
    0.000028,
    0,
    0,
    1,
    0,
    272,
    116,
    0,
    1
  );
  -webkit-transform: matrix3d(
    0.449963,
    -0.061125,
    0,
    0.000079,
    0.076726,
    0.447276,
    0,
    0.000028,
    0,
    0,
    1,
    0,
    272,
    116,
    0,
    1
  );
  -o-transform: matrix3d(
    0.449963,
    -0.061125,
    0,
    0.000079,
    0.076726,
    0.447276,
    0,
    0.000028,
    0,
    0,
    1,
    0,
    272,
    116,
    0,
    1
  );
  -ms-transform: matrix3d(
    0.449963,
    -0.061125,
    0,
    0.000079,
    0.076726,
    0.447276,
    0,
    0.000028,
    0,
    0,
    1,
    0,
    272,
    116,
    0,
    1
  );
  -moz-transform: matrix3d(
    0.449963,
    -0.061125,
    0,
    0.000079,
    0.076726,
    0.447276,
    0,
    0.000028,
    0,
    0,
    1,
    0,
    272,
    116,
    0,
    1
  );
  transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  -moz-transform-origin: top left;
}
.sdlmockup3 iframe {
  width: 1215px;
  height: 800px;
  top: 0px;
  left: 0px;
}

/* ----------End Laptop----------- */
/* ----------Desktop----------- */
/* ----------End Desktop----------- */