diff --git a/src/demo-app/app/docs-layout-responsive/responsiveFlexDirective.demo.ts b/src/demo-app/app/docs-layout-responsive/responsiveFlexDirective.demo.ts
index 75ba6b2d7..6e6a9c384 100644
--- a/src/demo-app/app/docs-layout-responsive/responsiveFlexDirective.demo.ts
+++ b/src/demo-app/app/docs-layout-responsive/responsiveFlexDirective.demo.ts
@@ -1,5 +1,5 @@
 import {Component, OnInit, Inject, OnDestroy} from '@angular/core';
-import {Subscription} from "rxjs";
+import {Subscription} from "rxjs/Subscription";
 import 'rxjs/add/operator/filter';
 
 import {MediaChange} from "../../../lib/media-query/media-change";
diff --git a/src/demo-app/app/docs-layout-responsive/responsiveFlexOrder.demo.ts b/src/demo-app/app/docs-layout-responsive/responsiveFlexOrder.demo.ts
index de84a74d8..84525cfd3 100644
--- a/src/demo-app/app/docs-layout-responsive/responsiveFlexOrder.demo.ts
+++ b/src/demo-app/app/docs-layout-responsive/responsiveFlexOrder.demo.ts
@@ -1,5 +1,5 @@
 import {Component, OnInit, Inject, OnDestroy} from '@angular/core';
-import {Subscription} from "rxjs";
+import {Subscription} from "rxjs/Subscription";
 import 'rxjs/add/operator/filter';
 
 import {MediaChange} from "../../../lib/media-query/media-change";
diff --git a/src/demo-app/app/docs-layout-responsive/responsiveRowColumns.demo.ts b/src/demo-app/app/docs-layout-responsive/responsiveRowColumns.demo.ts
index 63afcd576..47936dd62 100644
--- a/src/demo-app/app/docs-layout-responsive/responsiveRowColumns.demo.ts
+++ b/src/demo-app/app/docs-layout-responsive/responsiveRowColumns.demo.ts
@@ -1,5 +1,5 @@
 import {Component, Inject, OnDestroy} from '@angular/core';
-import {Subscription} from "rxjs";
+import {Subscription} from "rxjs/Subscription";
 import 'rxjs/add/operator/filter';
 
 import {MediaChange} from "../../../lib/media-query/media-change";