/* General Acer styles */
.dcg .sfc h1 {color:#fff;}
.dcg .sfc h2 {color:#000;}
.dcg .split-three {text-align:center;}
.dcg .split-three h3 {text-align:left;}
.dcg .split-three p {text-align:left;}

/* Acer Navigation Bar */
.dcg .sfc .navigation nav {margin:0px;padding:0px;}
.dcg .sfc .navigation nav figure.logo {background:none;padding:20px;}
.dcg .sfc .navblock {margin-left:1%;}
.dcg .sfc .navigation {background:#83b81a;}
.dcg .sfc .navigation nav figure {padding:10px; background:#000;}
.dcg .sfc .description {padding:15px 10px 0px 10px;}

/* Product Blocks */
.dcg .sfc .producttitle {background: #83b81a;color:#fff;}
.dcg .sfc .producttitle i {font-size:70%;}
.dcg .sfc .producttitle a{text-decoration:none;}
.dcg .sfc .productbox {background: #d6d6d6;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q2ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY1ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d6d6d6 0%, #d6d6d6 50%, #f4f5f6 100%);
background: -webkit-linear-gradient(top,  #d6d6d6 0%,#d6d6d6 50%,#f4f5f6 100%);
background: linear-gradient(to bottom,  #d6d6d6 0%,#d6d6d6 50%,#f4f5f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#f4f5f6',GradientType=0 );}
.dcg .sfc .productbox:hover {background: #bfbfbf;transition:1s;}

/* Main Content */
.dcg .sfc .sonosvideo {padding:20px;}
.dcg .sfc #technology {margin-top:20px;}
.dcg #withyourtv {margin-top:20px;}
.dcg #withyourtv .split-two  {padding:0px 20px 20px 20px;}
.dcg #withyourtv .split-two img {padding-bottom:20px;}
.dcg .sfc .doublebox .split-two {padding:20px;}
.dcg .sfc .doublebox .split-two p {padding-top:20px;}

/* Media Queries */

@media only screen and (min-width: 768px) and (max-width: 1240px) {
.dcg .sfc .navigation nav ul li {height:60px;}
}

@media only screen and (min-width: 768px) {
.dcg .wider {width:24%;}
.dcg .roomcopy {width:40%;padding:100px 20px 20px 20px;}
.dcg .sfc .navigation nav figure.logo {text-align:right;}
}

@media only screen and (max-width: 768px) {
.dcg .sfc .navigation nav ul li {border:1px solid #fff;}
.dcg .sfc .navigation nav ul li{border-radius:0px;}
.dcg .wider {width:48%;margin-left:1%;}
.dcg .sfc ul {margin-left:0px}
.dcg .roomcopy {padding:20px;background:rgba(255,255,255,0.75);border-radius:15px;margin:220px 30px 30px 30px;}
.dcg .sfc .description {padding:0px;}
}
@media only screen and (max-width: 400px) {
.dcg .roomcopy {margin:30px;}
}
@media only screen and (max-width: 500px) {
.dcg .wider {width:99%;margin-left:1%;}
}

@media only screen and (max-width: 950px) {
.dcg .halves .half {float: none; width: 98%; margin-left: 1%;margin-right:1%;}
.dcg #overflow article {text-align:center;}
}

@media only screen and (min-width: 700px) {
.dcg .sfc #technology .split-two,
.dcg .sfc #technology .split-three {margin-top:0px;}
}

@media only screen and (max-width: 700px) {
.dcg .sfc .split .copy,
.dcg .sfc .split .asset {width:100%;}
.dcg .sfc #technology .split-three {margin-top:20px;width:98%;}
}

@media only screen and (min-width: 750px) {
.dcg .sfc #withyourtv.split-two {height:680px;}
}

@media only screen and (max-width: 750px) {
.dcg .sfc .halves {margin-left: 0;}
.dcg .sfc .split-two,
.dcg .sfc .halves .half {float: none; width: 100%; margin-left: 0%;}
.dcg .sfc .supplier_intro,
.dcg .sfc .supplier_video {float: none; width: 100%;}
.dcg .sfc .supplier_intro {padding: 0px 5px;}
.dcg .sfc .supplier_intro p {margin-bottom: 5px;}
.dcg .sfc .supplier_image,
.dcg .sfc .supplier_video {width: 100%; margin-top: 10px; margin-bottom: 0;}
.dcg .sfc #categories .split-two,
.dcg .sfc #categories .split-three {width:49%;margin-right:1%;float:left;}
}

@media only screen and (min-width: 600px) {
.dcg #categories .split-two {width:49%;float:left;}
}

@media only screen and (max-width: 480px) {
.dcg .sfc #categories .split-two,
.dcg .sfc #categories .split-three {width:99%;margin-right:1%;float:left;}
.dcg .sfc #categories .split-two img,
.dcg .sfc #categories .split-three img {max-height:200px;}
}