@charset "utf-8";
/* Gaming Bunker Font */
@font-face {font-family: Orator;src: url(https://pcw-ssl.cdn.dixons.com/css/themes/gaming_bunker/img/font/OratorStd.otf);font-weight:100;}

/* Full width Background */
.breadcrumb {display:none;}
body {  background:url(https://pcw-ssl.cdn.dixons.com/css/themes/gaming_bunker/img/Homepage-Background.jpg) top center no-repeat; background-color:#000;color:#666; padding-top:0px;}
#wrapper {padding-top:10px;background:transparent;}
#content {background:transparent;}
#page {background:transparent;}
#footer .row {padding:0px 10px;}

/* General styles */
.breadcrumb {display:none;}
#wrapper {padding-top:10px;}
#DSG_wrapper  *{	box-sizing:border-box;	-moz-box-sizing:border-box;}
#DSG_wrapper  .wrapper{	width: 100%; max-width:1240px;	margin: 0 auto;}
#DSG_wrapper p{font-size:15px; font-family: arial,helvetica,sans-serif;}
#DSG_wrapper a {text-decoration:none;}
#DSG_wrapper h1 {font-family:Orator, Helvetica, sans-serif; font-size:2.154em; color:#fff; padding:20px 0 0 0; margin:0px; text-align:center; font-weight:100;}
#DSG_wrapper h2 {font-family:Orator, Helvetica, sans-serif; font-size:25px; font-weight:100;margin-bottom:0px;letter-spacing:-3px;}
#DSG_wrapper img{ max-width:100%; height:auto;}
#DSG_wrapper .clearfix:before, .clearfix:after { content: ""; display: table; }
#DSG_wrapper .clearfix:after { clear: both; }
#DSG_wrapper .clearfix { zoom: 1; }
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden; } 
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:hidden; } 
.DSGbackground {color:#fff;margin:0 auto;max-width:1240px;background:transparent;}
a {cursor: url(https://pcw-ssl.cdn.dixons.com/css/themes/gaming_bunker/img/Cursor.png), auto;}

/* Navigation  */
#DSG_wrapper header {text-align:center;margin-top:50px;background:transparent;}
#DSG_wrapper nav {text-align: justify;width:100%;float:left;margin:0px 0px -15px 0px;background:#343434;border-top:4px solid #7CBB61;}
#DSG_wrapper nav:after {content: '';display: inline-block;width: 100%;}
#DSG_wrapper nav li {display: inline-block;width:12.2%;text-align:center;font-family:Orator, Helvetica, sans-serif; font-size:16px;margin-bottom:0px;letter-spacing:-1px;}
#DSG_wrapper nav li img {padding-right:4%;}
#DSG_wrapper nav li.active {color:#343434;background:#7CBB61;border-bottom:3px solid #347400;transition:1s;padding:10px 0px;}
#DSG_wrapper nav a {padding:0px;display:unset;color:#fff;}


/* Navigation Hover Animation */
#DSG_wrapper .hvr-sweep-to-bottom {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding:10px 0px 13px 0px;
}
#DSG_wrapper .hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #7CBB61;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
      border-bottom:3px solid #347400
}
#DSG_wrapper .hvr-sweep-to-bottom:hover, #DSG_wrapper .hvr-sweep-to-bottom:focus, #DSG_wrapper .hvr-sweep-to-bottom:active {
  color: #343434;

}
#DSG_wrapper .hvr-sweep-to-bottom:hover:before, #DSG_wrapper .hvr-sweep-to-bottom:focus:before, #DSG_wrapper .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Arrow and Hover effect */
#DSG_wrapper .arrow {margin-top:-40px;text-align:center;width:100%;float:left;}
@-webkit-keyframes hvr-ripple-out {  100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;} }
@keyframes hvr-ripple-out { 100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;} }
#DSG_wrapper .hvr-ripple-out {  display: inline-block;  vertical-align: middle;  -webkit-transform: translateZ(0);  transform: translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -moz-osx-font-smoothing: grayscale;  position: relative;}
#DSG_wrapper .hvr-ripple-out:before {  content: '';  position: absolute;  border:  #8A8A8A solid 3px;  top: 0;  right: 0;  bottom: 0;  left: 0;  border-radius:50px;  -webkit-animation-duration: 1s;
  animation-duration: 1s;}
#DSG_wrapper .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {  -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out;}

/* Intro */
#DSG_wrapper .intro {background:url(https://pcw-ssl.cdn.dixons.com/css/themes/gaming_bunker/img/Homepage-Graphic-ROG.jpg) right no-repeat; background-color:#000;height:360px;border-bottom:3px solid #8A8A8A;border-top:3px solid #8A8A8A;}
#DSG_wrapper .intro .grid_6 {text-align:left;color:#fff;padding:20px;}
#DSG_wrapper .intro .grid_6 p {padding-top:10px;}
#DSG_wrapper .intro .grid_6 h2 {color:#00ff15;}
#DSG_wrapper .intro .grid_6 .viewbutn {padding:5px 10px;border:1px solid #fff; transition:1s;color:#fff;font-size:17px;font-family:Orator, Helvetica, sans-serif;letter-spacing:-2px; }
#DSG_wrapper .intro .grid_6 .viewbutn:hover {background:#fff;color:#000;}
#DSG_wrapper .intro .grid_6 .viewbutn i {font-size:55%;}

/* HTC VIVE */
#DSG_wrapper .virtual {background:url(https://pcw-ssl.cdn.dixons.com/css/themes/gaming_bunker/img/Skyring-BG.jpg);background-attachment:fixed;}
#DSG_wrapper .virtualtitles {padding:20px 20px 0px 20px;}
#DSG_wrapper .virtualtitles h2 {color:#84ECF6;}
#DSG_wrapper .virtual .grid_8,
#DSG_wrapper .virtual .grid_4,
#DSG_wrapper .virtual .grid_12 {padding:20px;}
#DSG_wrapper .vivepics {width:23%;margin-left:2%;margin-bottom:2%;float:left;border:2px solid #39556E;}
#DSG_wrapper .vivelogo {padding:10px;text-align:center;margin-bottom:30px;}
#DSG_wrapper .vivecontainer {margin-right:2%;}
#DSG_wrapper .borderwhite {border:3px solid #fff;}

/* Explore by device */
#DSG_wrapper .explore {background:url(https://pcw-ssl.cdn.dixons.com/css/themes/gaming_bunker/img/Pattern-Background.jpg) top center;text-align:left;padding:40px 0px 60px 0px;border-bottom:3px solid #8A8A8A;border-top:3px solid #8A8A8A;}
#DSG_wrapper .explore .gamingtitles h2 {color:#00FF15;}
#DSG_wrapper .explore img {margin-bottom:20px;}
#DSG_wrapper .box {width:30%;margin-left:2.5%;float:left;height:200px;border:1px solid #00FF15;margin-top:20px; transition:2s;position:relative;}
#DSG_wrapper .box:hover {transition: 1s; background-size:430px 269px;}
#DSG_wrapper .boxtitle {text-align:center;border:2px solid #00FF15;background:rgba(51, 71, 77, 0.64);font-size:18px;font-family:Orator, Helvetica, sans-serif;position:absolute;bottom:1%;margin:10px;width:95%;padding:10px;letter-spacing:-2px;color:#00FF15;}
#DSG_wrapper .boxtitle i {font-size:70%;}
#DSG_wrapper .gamingdesk {background:url(https://pcw-ssl.cdn.dixons.com/css/themes/gaming_bunker/img/Predator.jpg);background-size:400px 250px; background-position:0px 0px;}
#DSG_wrapper .gaminglap {background:url(https://pcw-ssl.cdn.dixons.com/css/themes/gaming_bunker/img/Laptop.jpg);background-size:400px 250px; background-position:0px 0px;}
#DSG_wrapper .gamingacc {background:url(https://pcw-ssl.cdn.dixons.com/css/themes/gaming_bunker/img/Mouse.jpg);background-size:400px 250px; background-position:0px 0px;}
#DSG_wrapper .gamingtab {background:url(https://pcw-ssl.cdn.dixons.com/css/themes/gaming_bunker/img/Tablet.jpg);background-size:400px 250px; background-position:0px 0px;}
#DSG_wrapper .gamingmon {background:url(https://pcw-ssl.cdn.dixons.com/css/themes/gaming_bunker/img/Gaming-Monitor.jpg);background-size:400px 250px; background-position:0px 0px;}
#DSG_wrapper .gamingproj {background:url(https://pcw-ssl.cdn.dixons.com/css/themes/gaming_bunker/img/Projector.jpg);background-size:400px 250px; background-position:0px 0px;}
#DSG_wrapper .gamingtitles {padding:0px 20px;margin-left:1%;}

/* Latest Releases */
#DSG_wrapper .latest {background:url(https://pcw-ssl.cdn.dixons.com/css/themes/gaming_bunker/img/Grey-Wire-Background.png);background-attachment:fixed;text-align:left;padding:20px 0px 60px 0px;margin-top:-20px;text-align:left;border-top:3px solid #8A8A8A}
#DSG_wrapper .latest h2 {color:#000;}
#DSG_wrapper .butn {border:1px solid #000;font-family:Orator, Helvetica, sans-serif;padding:14px 20px 10px 20px;font-size:20px;color:#000;}
#DSG_wrapper .butn:hover {background:#333;transition:1s;color:#fff;}
#DSG_wrapper .butncontainer {margin-top:40px;}

/* Latest Tech Hover Effects */
#DSG_wrapper .latestbox {width:21.9%;margin-left:2.5%;float:left;margin-top:20px;position:relative;list-style:outside none none;}
#DSG_wrapper .latest {	position: relative;	list-style: none;	text-align: center;}
#DSG_wrapper .latest figure {	position: relative;	overflow: hidden;	background: #3085a3;	text-align: center;	cursor: pointer;}
#DSG_wrapper .latest figure img {	position: relative;	display: block;	min-height: 100%;	max-width: 100%;	opacity: 0.8;}
#DSG_wrapper .latest figure figcaption {	padding: 2em;	color: #fff;	text-transform: uppercase;	font-size: 1.25em;	-webkit-backface-visibility: hidden;backface-visibility: hidden;}
#DSG_wrapper .latest figure figcaption::before,
#DSG_wrapper .latest figure figcaption::after {	pointer-events: none;}
#DSG_wrapper .latest figure figcaption,
#DSG_wrapper .latest figure figcaption > a {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
#DSG_wrapper .latest figure figcaption > a {	z-index: 1000;	text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0;}
#DSG_wrapper .latest figure h2 {	word-spacing: -0.15em;	font-weight: 300;}
#DSG_wrapper .latest figure h2 span {	font-weight: 800;}
#DSG_wrapper .latest figure h2,
#DSG_wrapper .latest figure p {	margin: 0;}
#DSG_wrapper .latest figure p {	letter-spacing: 1px;	font-size: 68.5%;}
#DSG_wrapper figure.technology {	background: #000;}
#DSG_wrapper figure.technology img {opacity: 0.9;	-webkit-transition: opacity 0.35s;	transition: opacity 0.35s;}
#DSG_wrapper figure.technology figcaption {	padding: 5%;	background-color: rgba(96, 255, 0, 0.23);	-webkit-transition: background-color 0.35s;	transition: background-color 0.35s;}
#DSG_wrapper figure.technology figcaption::before {	position: absolute;	top: 3%;	right: 3%;	bottom: 3%;	left: 3%;	border: 1px solid #fff;	content: '';}
#DSG_wrapper figure.technology h2 {	font-size:20px; margin: 10px 0px;	-webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s;	-webkit-transform: translate3d(0,100%,0);	transform: translate3d(0,100%,0);color:#fff;}
#DSG_wrapper figure.technology figcaption::before,
#DSG_wrapper figure.technology p {	padding:10px;opacity: 0;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: scale(0);transform: scale(0);}
#DSG_wrapper figure.technology:hover h2 {	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
#DSG_wrapper figure.technology:hover figcaption::before,
#DSG_wrapper figure.technology:hover p {	opacity: 1;	-webkit-transform: scale(1);	transform: scale(1);}
#DSG_wrapper figure.technology:hover figcaption {	background-color: rgba(58,52,42,0);}
#DSG_wrapper figure.technology:hover img {	opacity: 0.4;}


/* Gaming bunker */
#DSG_wrapper .bunker {background:url(https://pcw-ssl.cdn.dixons.com/css/themes/gaming_bunker/img/Black-Background.jpg) top center no-repeat;background-color:#000;}
#DSG_wrapper .bunker .grid_6 {padding:20px;}
#DSG_wrapper .bunker h2 {color:#00FF15;}
#DSG_wrapper .bunker .gamingtitles {text-align:center;}
#DSG_wrapper .mapbox {width:100%;float:left;overflow:hidden;}
#DSG_wrapper #collapsable-content .grid_6 {text-align:center;}
#DSG_wrapper #collapsable-content .grid_6 img {padding:20px 0px;}

/* Store slider */
#DSG_wrapper input { display: none;}
#DSG_wrapper #slide1:checked ~ #slides .inner { margin-left:0; }
#DSG_wrapper #slide2:checked ~ #slides .inner { margin-left:-100%; }
#DSG_wrapper #slide3:checked ~ #slides .inner { margin-left:-200%; }
#DSG_wrapper #slide4:checked ~ #slides .inner { margin-left:-300%; }
#DSG_wrapper #slide5:checked ~ #slides .inner { margin-left:-400%; }
#DSG_wrapper #slide6:checked ~ #slides .inner { margin-left:0; }
#DSG_wrapper #slide7:checked ~ #slides .inner { margin-left:-100%; }
#DSG_wrapper #slide8:checked ~ #slides .inner { margin-left:-200%; }
#DSG_wrapper #slide9:checked ~ #slides .inner { margin-left:-300%; }
#DSG_wrapper #slide10:checked ~ #slides .inner { margin-left:-400%; }
#DSG_wrapper #overflow {width: 100%;overflow: hidden;border:10px solid #00FF15;border-radius:50%;margin:0 auto;position: relative;z-index: 1000;}
#DSG_wrapper #mobiles article img { width: 100%;}
#DSG_wrapper #slides .inner { width: 500%; line-height: 0;}
#DSG_wrapper #slides article {width: 20%;float: left;text-align:center;position: relative;z-index: 1;}
#DSG_wrapper #slides {margin: 0px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;max-height:400px;max-width:400px;margin:0 auto}
#DSG_wrapper #slides .inner article img {border-radius:50%;}

/* MOBILE IMAGE SLIDER CONTROLS */

#DSG_wrapper #controls { margin: -45% 0 0 0; width: 100%; height: 50px;}
#DSG_wrapper #controls label { display: none; width: 50px; height: 50px; opacity: 0.3;}
#DSG_wrapper #active { margin: 45% 0 0; text-align: center;}
#DSG_wrapper #active label {display: inline-block;width: 70px;height: 70px;padding:0px;margin:10px;border:1px solid #00FF15;}

#DSG_wrapper #active label:hover { border-color: #00780A !important; transition:1s;}
#DSG_wrapper #controls label:hover { opacity: 0.8;}

#DSG_wrapper #slide1:checked ~ #controls label:nth-child(2),
#DSG_wrapper #slide2:checked ~ #controls label:nth-child(3),
#DSG_wrapper #slide3:checked ~ #controls label:nth-child(4),
#DSG_wrapper #slide4:checked ~ #controls label:nth-child(5),
#DSG_wrapper #slide5:checked ~ #controls label:nth-child(1)
#DSG_wrapper #slide6:checked ~ #controls label:nth-child(7),
#DSG_wrapper #slide7:checked ~ #controls label:nth-child(8),
#DSG_wrapper #slide8:checked ~ #controls label:nth-child(9),
#DSG_wrapper #slide9:checked ~ #controls label:nth-child(10),
#DSG_wrapper #slide10:checked ~ #controls label:nth-child(6) {float: right; margin: 0 -70px 0 0;display: block;}

#DSG_wrapper #slide1:checked ~ #controls label:nth-child(5),
#DSG_wrapper #slide2:checked ~ #controls label:nth-child(1),
#DSG_wrapper #slide3:checked ~ #controls label:nth-child(2),
#DSG_wrapper #slide4:checked ~ #controls label:nth-child(3),
#DSG_wrapper #slide5:checked ~ #controls label:nth-child(4)
#DSG_wrapper #slide6:checked ~ #controls label:nth-child(10),
#DSG_wrapper #slide7:checked ~ #controls label:nth-child(6),
#DSG_wrapper #slide8:checked ~ #controls label:nth-child(7),
#DSG_wrapper #slide9:checked ~ #controls label:nth-child(8),
#DSG_wrapper #slide10:checked ~ #controls label:nth-child(9) {float: left;margin: 0 0 0 -70px;display: block;}

#DSG_wrapper #slide1:checked ~ #active label:nth-child(1),
#DSG_wrapper #slide2:checked ~ #active label:nth-child(2),
#DSG_wrapper #slide3:checked ~ #active label:nth-child(3),
#DSG_wrapper #slide4:checked ~ #active label:nth-child(4),
#DSG_wrapper #slide5:checked ~ #active label:nth-child(5)
#DSG_wrapper #slide6:checked ~ #active label:nth-child(6),
#DSG_wrapper #slide7:checked ~ #active label:nth-child(7),
#DSG_wrapper #slide8:checked ~ #active label:nth-child(8),
#DSG_wrapper #slide9:checked ~ #active label:nth-child(9),
#DSG_wrapper #slide10:checked ~ #active label:nth-child(10){background: #878787;}

/* MOBILE SLIDER IMAGE ANIMATION */

#DSG_wrapper #slides .inner {
-webkit-transform: translateZ(0);
-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */ }

#DSG_wrapper #slider {
-webkit-transform: translateZ(0);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}

#DSG_wrapper #controls label{
-webkit-transform: translateZ(0);
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;}

#DSG_wrapper #slide1:checked ~ #slides article:nth-child(1) .info,
#DSG_wrapper #slide2:checked ~ #slides article:nth-child(2) .info,
#DSG_wrapper #slide3:checked ~ #slides article:nth-child(3) .info,
#DSG_wrapper #slide4:checked ~ #slides article:nth-child(4) .info,
#DSG_wrapper #slide5:checked ~ #slides article:nth-child(5) .info
#DSG_wrapper #slide6:checked ~ #slides article:nth-child(6) .info,
#DSG_wrapper #slide7:checked ~ #slides article:nth-child(7) .info,
#DSG_wrapper #slide8:checked ~ #slides article:nth-child(8) .info,
#DSG_wrapper #slide9:checked ~ #slides article:nth-child(9) .info,
#DSG_wrapper #slide10:checked ~ #slides article:nth-child(10) .info {opacity: 1;-webkit-transition: all 1s ease-out 0.6s;-moz-transition: all 1s ease-out 0.6s;-o-transition: all 1s ease-out 0.6s;transition: all 1s ease-out 0.6s;} 

/* View the store */
#DSG_wrapper #collapsable-content a.toggleControler {font-family:Orator, Helvetica, sans-serif; font-size:18px;letter-spacing:-2px;display: block; width: 100%; color: #333; background: #00ff15; text-decoration: none; padding: 10px; margin:0px;}
#DSG_wrapper #collapsable-content a.toggleControler:before {content: "\f063"; font-family: 'FontAwesome', Arial, sans-serif; color: #333; float: right; font-style: normal; margin-left: 12px;}
#DSG_wrapper #collapsable-content a.toggleControler.active:before {content: "\f062"; font-family: 'FontAwesome', Arial, sans-serif; color: #333; float: right; font-style: normal}
#DSG_wrapper #collapsable-content .content-wrap {padding: 5px 10px 10px 10px;}
#DSG_wrapper #collapsable-content {border:1px solid #00FF15;float:left;background:rgba(29, 29, 29, 0.53);width:100%;}
#DSG_wrapper #collapsable-content p {font-size:13px;}

/* MEDIAQUERIES */

/* Navigation bar */
@media only screen and (min-width:850px) and (max-width: 1100px) {
#DSG_wrapper nav li img {margin:0px 40px 5px 40px;}
#DSG_wrapper nav li {width:12.05%;}
}
@media only screen and (min-width:585px)  and (max-width:850px){
#DSG_wrapper nav li {width:24.5%;}
}
@media only screen and (min-width:420px)  and (max-width:585px){
#DSG_wrapper nav li {width:24.3%;margin-bottom:5px;}
#DSG_wrapper nav li img {padding-right: 4%; margin: 0px 30px 5px;}
}
@media only screen and (max-width:420px){
#DSG_wrapper nav li {width:99%;margin-bottom:0px;text-align:left;padding-left:10px;}
#DSG_wrapper nav li.active {padding:6px 0px 6px 10px;}
.hvr-sweep-to-bottom {padding:6px 0px;}
}

/* Full width background */
@media only screen and (min-width: 1024px) {
body {  background:url(https://pcw-ssl.cdn.dixons.com/css/themes/gaming_bunker/img/Homepage-Background.jpg) top center no-repeat; background-color:#000;color:#666; padding-top:0px;}
header {background:#fff;}
.search {top:20px;}
nav {margin:0px;}
#header {padding:20px 0px;} 
#footer {background:#fff;}
}

/* Gaming Desktops Intro */
@media only screen and (min-width:920px) and (max-width: 1000px) {
#DSG_wrapper .intro {background-position: 300px 0px;}
}
@media only screen and (max-width: 920px) {
#DSG_wrapper .intro {background-image:none;height:auto;background:rgba(0,0,0,0.6);}
#DSG_wrapper .intro .grid_6 {text-align:left;color:#fff;padding:20px;}
#DSG_wrapper .intro .grid_6 p {padding-top:10px;}
#DSG_wrapper .intro .grid_6 h2 {color:#00ff15;padding-top:20px;}
#DSG_wrapper .intro .grid_6 .viewbutn {padding:5px 10px;border:1px solid #fff; transition:1s;color:#fff;font-size:17px;font-family:Orator, Helvetica, sans-serif;letter-spacing:-2px; }
#DSG_wrapper .intro .grid_6 .viewbutn:hover {background:#fff;color:#000;}
#DSG_wrapper .intro .grid_6 .viewbutn i {font-size:55%;}
}

/* View the range */
@media only screen and (max-width: 800px) {
#DSG_wrapper .box {width:46%;}
}

@media only screen and (max-width: 550px) {
#DSG_wrapper .box {width:46%;}
#DSG_wrapper .boxtitle {width:90%;margin:5%;font-size:14px;}
}

@media only screen and (max-width: 400px) {
#DSG_wrapper .explore {display:none;}
}

/* Map */
@media only screen and (max-width: 920px) {
#DSG_wrapper .mapbox {text-align:center;}
#DSG_wrapper #collapsable-content .grid_6 {width:48%;float:left;}
#DSG_wrapper #collapsable-content {background:#2d2d2d;margin-bottom:20px;}
}

/* Latest Tech */
@media only screen and (max-width: 1000px) {
#DSG_wrapper .latestbox {width:46.3%;}
}
@media only screen and (max-width: 500px) {
#DSG_wrapper .latestbox {width:95%;}
#DSG_wrapper figure.technology {height:200px;}
}

@media only screen and (min-width: 920px) {
#DSG_wrapper .wrapper{	max-width: 1240px;}

#DSG_wrapper .grid_1 { width: 6%; }
#DSG_wrapper .grid_2 { width: 14%; }
#DSG_wrapper .grid_3 { width: 23%; }
#DSG_wrapper .grid_4 { width: 34%; }
#DSG_wrapper .grid_5 { width: 40%; }
#DSG_wrapper .grid_6 { width: 50%; float:left;}
#DSG_wrapper .grid_7 { width: 60%; }
#DSG_wrapper .grid_8 { width: 66%; }
#DSG_wrapper .grid_9 { width: 73%; }
#DSG_wrapper .grid_10 { width: 82%; }
#DSG_wrapper .grid_11 { width: 90%; }
#DSG_wrapper .grid_12 { width: 100%; float:left; }
#DSG_wrapper header {width:100%;float:left;}

#DSG_wrapper .grid_1,
#DSG_wrapper .grid_2,
#DSG_wrapper .grid_3,
#DSG_wrapper .grid_9,
#DSG_wrapper .grid_10,
#DSG_wrapper .grid_11{
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	margin-bottom:0px;
}
#DSG_wrapper .grid_8,
#DSG_wrapper .grid_4,
#DSG_wrapper .grid_5,
#DSG_wrapper .grid_7 {float:left;}

#DSG_wrapper .right {float:right;}

}


/* HTC VIVE */

@media only screen and (max-width:1000px) {
#DSG_wrapper .virtualtitles {padding:20px 20px 0px 20px;}
#DSG_wrapper .vivepics {width:48%;margin-left:2%;margin-bottom:2%;float:left;border:2px solid #39556E;}
}

@media only screen and (max-width:920px) {
#DSG_wrapper .vivelogo {margin-bottom:0px;}
}

@media only screen and (max-width:450px) {
#DSG_wrapper .vivepics {width:98%;margin-left:2%;margin-bottom:2%;float:left;border:2px solid #39556E;}
}