.dcg {max-width:1240px;}
.dcg img{max-width:100%;}
.dcg p{margin-bottom:15px;}
.dcg .desktopnav {background: #000; padding:15px 15px;}
.dcg .navblock {float: left; padding-bottom: 20px; width: 100%; padding-top:0; background-color:#fff;}
/*.dcg .productbox:hover {background: #D1D1D1;}
.dcg .productbox.active {background: #D1D1D1;}*/
.dcg .productbox img {padding: 0 15px;}
.dcg .producttitle {background: #6886f1;}
.dcg a.blue-button {background: #5787f4; color: #fff; padding: 11px 24px 13px; display: inline-block; margin-bottom: 50px; text-decoration: none; margin-top: 20px; border-radius: 2px; -webkit-transition: background-color 0.25s linear,border-color 0.25s linear,opacity 0.25s linear,color 0.25s linear,fill 0.25s linear; transition: background-color 0.25s linear,border-color 0.25s linear,opacity 0.25s linear,color 0.25s linear,fill 0.25s linear;min-width: 200px;}
.dcg a.blue-button:hover {background-color: #4572ed;}
.dcg .grey-box {background: #efefef; padding: 30px 50px 50px; color: #50545d;}
.dcg .grey-box h1, .dcg .grey-box h2 {color: #50545d;}
.dcg .flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}

/*MIDDLE BUTTONS*/

.dcg .tv-tabs {background: #fff; display: block; text-align: center;}

.dcg .tv-active {background: #5787f4; color: #fff; padding: 13px 24px 11px; display: inline-block; margin:20px 10px 50px; text-decoration: none; border-radius: 2px; -webkit-transition: background-color 0.25s linear,border-color 0.25s linear,opacity 0.25s linear,color 0.25s linear,fill 0.25s linear; transition: background-color 0.25s linear,border-color 0.25s linear,opacity 0.25s linear,color 0.25s linear,fill 0.25s linear;min-width: 200px;}

.dcg a.grey-button {background: #cdcdcd; color: #828294; padding: 13px 24px 11px; display: inline-block; margin:20px 10px 50px; text-decoration: none; border-radius: 2px; -webkit-transition: background-color 0.25s linear,border-color 0.25s linear,opacity 0.25s linear,color 0.25s linear,fill 0.25s linear; transition: background-color 0.25s linear,border-color 0.25s linear,opacity 0.25s linear,color 0.25s linear,fill 0.25s linear;min-width: 200px;}

.dcg a.grey-button:hover {background-color: #4572ed;color: #fff;}



/*************** new MENU ************/
.dcg .desktopnav {background: #000; margin-top:0; margin-bottom:0;}
.dcg .navcontainer{margin-left:0;}
.dcg .desktopnav nav figure{padding:0; margin-bottom:18px;margin-right:0; text-align:left;}
.dcg .new-productbox{background: #fff; position: relative; overflow: hidden; text-align: center;}
.dcg .new-productbox a{text-decoration: none;}
.dcg .new-productbox:hover {background: #D1D1D1;}

.dcg .new-productbox img {padding: 0 15px;}
.dcg .producttitle {background: #cfcfce; padding:15px 10px; color:#50545d; position:static;}
.dcg .producttitle.active {background: #5787f4; color:#fff;}
.dcg .split-four {width: 24.9%; margin-right: 0; float: left; padding-top: 60px; margin-top:0;}
.dcg .split-four a{text-decoration: none; font-family:"Helv",Arial,sans-serif; font-size:16px;}
.dcg .tv-tabs{font-family:"Helv",Arial,sans-serif;}
.dcg .sect-text{color: #777676; font-size: 18px; font-family: Arial,sans-serif;}
.dcg .menu-border{border-right:1px solid #000;}

@media only screen and (max-width: 1024px){
    .dcg .split-four { width: 49.5%; margin-right: 0.5%;}
    .dcg .tv-active {margin-bottom:10px;}
    .dcg a.grey-button{margin-bottom:10px;}
    .dcg .menu-border{border-right:none;}
}
@media only screen and (max-width: 599px){
    /*.dcg .split-four {float: none; width: 100%; margin-left: 0%;}*/
    .dcg .desktopnav nav figure{margin-top:15px;}
    .dcg .menu-border{border-right:none;}
}

.dcg{font-family: "Helv",Arial,sans-serif; font-size:18px;}

/************ end nav menu **************/


/******** hero section **********/
.dcg .light-grey-bg{background-color:#f4f4f3;}
.dcg .hero-section{position:relative;}
.dcg .hero-logo{position:absolute; top:12%; right:5%;}
.dcg .hero-logo img{width:260px;}
.dcg .hero-text{text-align:center; padding:50px 30px; line-height: normal;}
.dcg .hero-heading{font-size:40px; font-family: "Helv",Arial,sans-serif; font-weight:600; padding:0 15%; line-height: normal;}
.dcg .hero-text-inner{margin:0 15%}
.dcg .bg-heading{font-size:36px; font-family: "Helv",Arial,sans-serif; font-weight:600; margin-bottom:15px; line-height: normal;}
.dcg .hero-text p{font-size:16px; line-height: normal;}
.dcg .g-cta{margin:50px 0;}
.dcg .bg-break{display:block;}

.dcg .g-btn{background-color:#5787f4; color:#fff; display:inline-block; padding:15px; border-radius:2px; transition: background-color 0.25s linear,border-color 0.25s linear,opacity 0.25s linear,color 0.25s linear,fill 0.25s linear;}
.dcg .g-btn:hover{background-color: #4572ed;}
.dcg .g-cta a {text-decoration:none;}

@media only screen and (max-width: 650px) {
    .dcg .hero-logo img{width:200px;}
    .dcg .hero-text-inner{margin:0 5%}
    .dcg .bg-break{display:inline;}
    .dcg .hero-heading{font-size:36px; padding:0 5%; line-height: normal;}
}
@media only screen and (max-width: 500px) {
    .dcg .hero-logo img{width:170px;}
}


/********** section 1 **********/
.dcg .section1{background-color:#fff;}
.dcg .sect1-text{margin:0 15%; text-align:center; padding:50px 30px; box-sizing: border-box; line-height: normal;}
.dcg .sect1-text p{font-size:16px;}
.dcg .tech-logos{padding:50px 0;}
/*.dcg .tech-logo{display:inline-block; padding:30px 0;}*/
.dcg .video-section{margin-bottom:20px;}
.dcg .sect1-hero{position:relative;}
.dcg .sect1-hero-heading{position:absolute; top:5%; color:#fff; width:100%; text-align:center;
    font-size:32px; font-family: "Helv",Arial,sans-serif; font-weight:600; padding:20px 5%; box-sizing: border-box; line-height: normal;}

@media only screen and (max-width: 650px) {
    .dcg .sect1-text{margin:0 5%;}
    .dcg .sect1-hero-heading{position:static; top:5%; color:#fff; background-color:#000; padding:20px 5%; line-height: normal;}
}

/****** section 2 *********/
.dcg .sect2-features{display:inline-block; font-size:16px; margin-top:20px;}
.dcg .sect2-features ul li{text-align:left; padding-bottom:5px;}

/********* section 3 *******/
.dcg .sect-half{float:left; width:50%;}
.dcg .half-inner{background-color:#dcdbdd; padding:30px;}
.dcg .left-box-margins{margin:5px 3px 5px 0;}
.dcg .right-box-margins{margin:5px 0 5px 3px;}
.dcg .sect3-img{text-align:center;}
.dcg .section3 p{font-size:18px;}
.dcg .bg-push{padding-bottom:37px;}

@media only screen and (max-width: 1239px) {
    .dcg .bg-push{padding-bottom:25px;}
}
@media only screen and (max-width: 600px) {
    .dcg .sect-half{float:none; width:100%;}
    .dcg .left-box-margins{margin:5px;}
.dcg .right-box-margins{margin:5px;}
}

/********* section4 ********/
.dcg .sect4-inner {position:relative;}
.dcg .half-box-text{position:absolute; bottom:5%; width:100%; text-align:center; color:#fff; font-size:18px; padding:10px; text-shadow: 1px 1px 8px #000; box-sizing: border-box; line-height: normal;}
.dcg .sect4-text{text-align:center; padding:40px 20px 0; background-color:#f4f4f4; line-height: normal;}

.dcg .dolby-chart{text-align:center; padding:30px;}


/********* section 5 *********/
.dcg .section5{position:relative;}
.dcg .sect5-text{position:absolute; top:35%; width:100%; text-align:center; font-size:32px; font-weight:600; color:#fff;
    padding:10px 30%; text-shadow:1px 1px 3px rgba(0,0,0, 0.7); box-sizing: border-box; line-height: normal;}

@media only screen and (max-width: 699px) {
    .dcg .sect5-text{top:35%; font-size:32px; font-weight:600; color:#fff; padding:10px 20%;}
}
@media only screen and (max-width: 599px) {
    .dcg .sect5-text{top:25%; text-align:center; font-size:30px; padding:10px 20%;}
}


/********** section 6 *********/
.dcg .sect6-cta{text-align:center;}
.dcg .sect6-p{font-size:16px; margin-bottom:30px;}


/********* section 9 ******/
.dcg .div3{float:left; width:33.333%;}
.dcg .div3-inner{background-color:#dcdbdd; padding:30px 30px; min-height:355px;}
.dcg .sect9-margin-right{margin-right:4px; margin-top:5px;}
.dcg .sect9-margin-center{margin-right:2px; margin-left:2px; margin-top:5px;}
.dcg .sect9-margin-left{margin-left:4px; margin-top:5px;}
.dcg .sect9-heading{font-size:30px; font-family: "Helv",Arial,sans-serif; font-weight:600; margin-bottom:10px; line-height: normal;}
.dcg .sect9-text p{font-size:16px;}

@media only screen and (max-width: 600px) {
    .dcg .div3{float:none; width:100%;}
    .dcg .div3-inner{min-height:auto;}
    .dcg .sect9-margin-right{margin:5px;}
    .dcg .sect9-margin-center{margin:5px;}
    .dcg .sect9-margin-left{margin:5px;}
    .dcg .sect9-img{text-align:center;}
}


/********* section 10 ********/
.dcg .section10{background-color:#f4f4f4; text-align:center; margin-top:5px; padding:30px 20px;}
.dcg .sony-copyright{padding-top:30px; font-size:13px;}



/******* video section *******/
.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; } 

.dcg .video-text{padding-top:20%;}
.dcg .bottom-row{margin-bottom:50px;}
@media only screen and (max-width: 599px) {
    .dcg .video-text{padding-top:20px;}
}


/********** Others **********/
.dcg .clearfix::after {
  content: "";
  clear: both;
  display: table;
}