/***** Top Logo *******/
.dcg .brandbar{background-color:#000; padding:20px 30px;}

@media only screen and (max-width: 599px) {
    .dcg .brandbar{text-align:center;}
}

/* Nav */
.dcg .desktopnav {background:#000;}
.dcg .desktopnav nav a {color:#fff;}
.dcg .desktopnav nav ul a {width:25%;}
.dcg .desktopnav nav ul li {border:1px solid #fff;}
.dcg .desktopnav nav ul li:hover,
.dcg .desktopnav nav ul li.active {background:#fff;color:#000;}

@media only screen and (max-width: 1200px){
.dcg .desktopnav nav ul li {font-size:12px;}
}
@media only screen and (max-width: 1000px){
.dcg .desktopnav nav a {width:100%;}
.dcg .desktopnav nav figure {padding:0px;}
.dcg .desktopnav nav ul {width:100%;}
}
@media only screen and (max-width: 850px){
.dcg .desktopnav nav ul a {width:50%;float:left;}
.dcg .desktopnav {padding-bottom:10px;}
}
@media only screen and (max-width: 600px){
.dcg .mobnav nav.active ul {height:320px;}
.dcg .mobnav nav a.open, .dcg .mobnav nav a.close {color:#fff;height:auto;padding-top:10px;}
}

/**** hero section *****/
.dcg .hero-section{position:relative;}
.dcg .hero-text{position:absolute; top:36%; width:100%; text-align:center; color:#fff; padding:10px;}
.dcg .hero-headline{font-size:40px; font-weight:600;}
.dcg .hero-cta{margin-top:20px;}
.dcg .hero-cta img{width:20px;}
.dcg .hero-cta a{text-decoration: none; color:#fff; font-size:22px;}
.dcg .hero-cta a:hover{text-decoration: underline;}

@media only screen and (max-width: 599px) {
    .dcg .hero-text{top:25%;}
    .dcg .hero-headline{font-size:30px;}
    .dcg .hero-cta a{font-size:18px;}
    .dcg .hero-cta img{width:16px;}
}

/******section 2 *********/
.dcg .section2{background-color:#ededed;
background-image:url(https://currysprod.a.bigcontent.io/v1/static/sonos-tv-sect2-bg-jpg); background-position:bottom left; background-repeat: no-repeat; background-size:450px auto; padding:40px 30px;}
.dcg .section2-text{float:left; width:40%;}
.dcg .section2-boxes{float:right; width:60%;}
.dcg .section2-text{font-size:20px; font-weight:600; padding:0 40px; text-align:center;}
.dcg .sect-box-container{width:70%; margin-left:30%;}
.dcg .sect-box{ float:left; width:50%;}
.dcg .sect-box a{text-decoration: none;}
.dcg .sect-box-inner{margin:10px 10px; padding:0 10px; border:1px solid #a1a1a1; border-radius:6px; text-align:center; background-color:#fff; transition:border 0.5s; color:#000;}
.dcg .sect-box-inner:hover{border:1px solid #00a0a6;}
.dcg .box-heading{padding-top:10px; font-size:14px; font-weight:600;}
.dcg .sect-box-all{ background-color:#000; color:#fff; border:1px solid #a1a1a1; border-radius:6px; text-align:center; margin:5px 10px; font-size:16px; font-weight:600; padding:20px 20px;}
.dcg .all-box a{text-decoration: none;}
.dcg .sect-box-all:hover{color:#00a0a6;}

@media only screen and (max-width: 1240px) {
    .dcg .sect-box{width:33%;}
    .dcg .section2{background-size:300px auto;}
}
@media only screen and (max-width: 800px) {
    .dcg .section2-text{float:none; width:100%;}
    .dcg .section2-boxes{float:none; width:100%; margin-top:20px; margin-bottom:50px;}
    .dcg .section2{background-size:250px auto;}
}
@media only screen and (max-width: 599px) {
    .dcg .section2{background-image:none;}
    .dcg .sect-box{width:50%;}
    .dcg .section2-boxes{ margin-bottom:10px;}
}

.dcg .section3{position:relative;}
.dcg .sect3-text{position:absolute; top:18%; width:70%; left:15%; color:#fff; text-align:center; line-height: 1.2;}
.dcg .lg-text{font-size:34px; font-weight:600; padding:0 10px 20px; line-height:normal;}
.dcg .sm-text{font-size:20px; font-weight:600;}

@media only screen and (max-width: 800px) {
    .dcg .sect3-text{ top:8%; width:80%;left:9%;}
    .dcg .lg-text{font-size:30px;}
}
@media only screen and (max-width: 599px) {
    .dcg .sect3-text{width:80%;left:9%;}
    .dcg .lg-text{font-size:24px;}
    .dcg .sm-text{font-size:16px;}
}
@media only screen and (max-width: 499px) {
    .dcg .lg-text{font-size:20px;}
}
@media only screen and (max-width: 420px) {
    .dcg .sect3-text{ top:5%;}
    .dcg .lg-text{padding:0 10px 10px; font-size:18px;}
    .dcg .sm-text{font-size:15px;}
}

/********** new sect2 *******/
.dcg .new-sect2{background-color:#ededed;}
.dcg .sect2-img{float:left; width:30%;}
.dcg .sect2-btns{float:right; width:65%;}
.dcg .btn-half{float:left; width:50%;}
.dcg .btn-inner{margin:25% 0;}
.dcg .btn-inner a, .dcg .btn-inner a:visited{text-decoration:none; background-color:#000; color:#fff; padding:30px; border-radius:12px; font-size:18px;}
.dcg .btn-inner a:hover{text-decoration:underline;}

@media only screen and (max-width: 880px) {
    .dcg .btn-inner a{ padding:30px; font-size:16px;}
}
@media only screen and (max-width: 799px) {
    .dcg .sect2-img{float:left; width:50%;}
    .dcg .sect2-btns{float:right; width:50%;}
    .dcg .btn-half{float:none; width:100%;}
    .dcg .btn-inner{margin: 21% 0; text-align:center;}
}
@media only screen and (max-width: 599px) {
    .dcg .sect2-img{float:none; width:60%;}
    .dcg .sect2-btns{float:none; width:100%;}
    .dcg .btn-inner{margin: 80 0;}
}


/*****section 4******/
.dcg .section4{background-color:#e3e3e3; padding:40px;}
.dcg .sect4-boxes{width:70%; margin:0 auto;}
.dcg .sect4-box{float:left; width:33.33%;}
.dcg .sect4-box-inner{text-align:center; padding:0 20px;}
.dcg .sect4-heading{font-size:16px; font-weight:600; margin-bottom:10px; margin-top:20px;}

@media only screen and (max-width: 1240px) {
    .dcg .sect4-boxes{width:80%; margin:0 auto;}
}

@media only screen and (max-width: 800px) {
    .dcg .sect4-boxes{width:100%;}
}

@media only screen and (max-width: 599px) {
    .dcg .section4{padding:40px 20px;}
    .dcg .sect4-box-inner{padding:0 20px;}
    .dcg .sect4-box{float:none; width:100%; margin-top:30px;}
}

/*@media only screen and (max-width: 420px) {
    .dcg .sect4-box{float:none; width:100%; margin-top:30px;}
}*/