diff --git a/css/mediaqueries/mq-calc-sign-function-001.html b/css/mediaqueries/mq-calc-sign-function-001.html
new file mode 100644
index 00000000000000..96c3853136253f
--- /dev/null
+++ b/css/mediaqueries/mq-calc-sign-function-001.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<title>Test: support for calc with sign() in Media Queries</title>
+<link rel="author" title="Daniil Sakhapov" href="mailto:sakhapov@chromium.org">
+<link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation">
+<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#units">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    background-color: red;
+  }
+
+  @media (width > calc(1px * (1 + sign(16px - 1rem)))) {
+    div {
+      background-color: green;
+    }
+  }
+</style>
+
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div></div>
\ No newline at end of file
diff --git a/css/mediaqueries/mq-calc-sign-function-002.html b/css/mediaqueries/mq-calc-sign-function-002.html
new file mode 100644
index 00000000000000..31ff421ea2a221
--- /dev/null
+++ b/css/mediaqueries/mq-calc-sign-function-002.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<title>Test: support for calc with sign() in Media Queries</title>
+<link rel="author" title="Daniil Sakhapov" href="mailto:sakhapov@chromium.org">
+<link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation">
+<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#units">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    background-color: red;
+  }
+
+  @media (width > calc(-1px * sign(15px - 1rem))) {
+    div {
+      background-color: green;
+    }
+  }
+</style>
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div></div>
\ No newline at end of file
diff --git a/css/mediaqueries/mq-calc-sign-function-003.html b/css/mediaqueries/mq-calc-sign-function-003.html
new file mode 100644
index 00000000000000..423948f722d85a
--- /dev/null
+++ b/css/mediaqueries/mq-calc-sign-function-003.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<title>Test: support for calc with sign() in Media Queries</title>
+<link rel="author" title="Daniil Sakhapov" href="mailto:sakhapov@chromium.org">
+<link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation">
+<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#units">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+<style>
+	div {
+		width: 100px;
+		height: 100px;
+		background-color: red;
+	}
+
+	@media screen and (aspect-ratio > calc(sign(17px - 1rem) * 59) / calc(79 * sign(17px - 1rem))) {
+		div {
+			background-color: green;
+		}
+	}
+</style>
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div></div>
\ No newline at end of file
diff --git a/css/mediaqueries/mq-calc-sign-function-004.html b/css/mediaqueries/mq-calc-sign-function-004.html
new file mode 100644
index 00000000000000..219f0c152721bc
--- /dev/null
+++ b/css/mediaqueries/mq-calc-sign-function-004.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<title>Test: support for calc with sign() in Media Queries</title>
+<link rel="author" title="Daniil Sakhapov" href="mailto:sakhapov@chromium.org">
+<link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation">
+<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#units">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    background-color: red;
+  }
+
+  @media (resolution > calc(-1dppx * sign(17px - 1rem))) {
+    div {
+      background-color: green;
+    }
+  }
+</style>
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div></div>
\ No newline at end of file
diff --git a/css/mediaqueries/mq-calc-sign-function-005.html b/css/mediaqueries/mq-calc-sign-function-005.html
new file mode 100644
index 00000000000000..ca5fecb338bb5e
--- /dev/null
+++ b/css/mediaqueries/mq-calc-sign-function-005.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<title>Test: support for calc with sign() in Media Queries</title>
+<link rel="author" title="Daniil Sakhapov" href="mailto:sakhapov@chromium.org">
+<link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation">
+<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#units">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    background-color: red;
+  }
+
+  @media (grid: calc(2 * sign(16px - 1rem))) {
+    div {
+      background-color: green;
+    }
+  }
+</style>
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div></div>
\ No newline at end of file
diff --git a/css/mediaqueries/mq-calc-sign-function-006.html b/css/mediaqueries/mq-calc-sign-function-006.html
new file mode 100644
index 00000000000000..239748d205f270
--- /dev/null
+++ b/css/mediaqueries/mq-calc-sign-function-006.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<title>Test: support for calc with sign() in Media Queries</title>
+<link rel="author" title="Daniil Sakhapov" href="mailto:sakhapov@chromium.org">
+<link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation">
+<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#units">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    background-color: green;
+  }
+
+  @media (grid: calc(2 * sign(17px - 1rem))) {
+    div {
+      background-color: red;
+    }
+  }
+</style>
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div></div>
\ No newline at end of file
