.dcg {max-width:1240px;}
.dcg img {max-width:100%;}


.dcg .head-section{background-color:#8abc97; color:#fff; padding:80px 0; display:flex; align-items: center; font-family: sans-serif, arial;}
.dcg .head-img{flex:1; padding:0 10px;}
.dcg .head-text{flex:1; padding:0 50px;}
.dcg .head-sm-text{font-size:30px;}
.dcg .head-lg-text{font-size:70px; line-height:normal; font-weight:bold;}
.dcg .head-cta{margin-top:30px;}
.dcg .head-cta a{text-decoration:none; color:#fff; border:1px solid #fff; padding:10px 20px; border-radius:20px; transition: background-color 0.5s;}
.dcg .head-cta a:hover{background-color:#fff; color: #8abc97;}

@media (max-width:699px) {
   .dcg .head-section{ padding:40px 0; display:flex; align-items: center; flex-direction: column;} 
    .dcg .head-text{padding:0 30px;}
    .dcg .head-img{flex:1; padding:0 10%;}
}



/***** NAVIGATION SECTION ********/
.dcg .nav-container {display:flex; margin-top:30px;}
.dcg .navbox {flex:1; text-align:center; padding:10px 2%;}
.dcg .nav-text{padding:10px;}
.dcg .nav-container a {text-decoration:none; color: #000; font-family: sans-serif, arial; font-weight:bold;}
.dcg .nav-container a:hover{text-decoration: underline;}


/******** SECTIONS **********/
.dcg .model-section {display:flex;}
.dcg .sect-box {padding:5px 5px; position: relative; box-sizing: border-box; flex:1;}
.dcg .sect-box-text{position:absolute; bottom:30px; width:100%; padding:0 15px; box-sizing: border-box; color:#fff;}
.dcg .product-features {display:flex;}
.dcg .feature-box {padding:0 20px; text-align:center; flex:1;}
.dcg .feature-box-img {padding:0 20px 10px;}
.dcg .feature-text {border-top:1px solid #fff; padding:10px 0 0; font-size:20px;}
.dcg .product-fit-pro{background: radial-gradient(circle, rgba(71,71,71,1) 30%, rgba(0,0,0,1) 100%); position:relative;}
.dcg .p-text{position:absolute; bottom:20px; width:100%; text-align:center; padding:0 10px; box-sizing: border-box;}
.dcg .p-text h2{color:#fff; font-size:40px; font-family: sans-serif, arial; font-weight:600; margin:0 0 20px;}

.dcg .p-cta a{background-color:#da1c36; text-decoration: none; color:#fff; padding:10px 25px; border-radius:20px; font-family: sans-serif, arial; display:inline-block; border:1px solid #da1c36; transition: background-color 0.5s;}
.dcg .p-cta a:hover{background-color: #fff; color:#da1c36;}

.dcg .product-studio-buds{background-color:#3d3b3c ; position:relative;}
.dcg .product-solo3-wireless{background: radial-gradient(circle, rgba(71,71,71,1) 5%, rgba(0,0,0,1) 100%); position:relative;}
.dcg .sm-sup{font-size:30px;}


@media (max-width:999px) {
    .dcg .p-text h2{color:#fff; font-size:34px;}
}

@media (max-width:799px) {
    .dcg .feature-text { font-size:18px;}
    .dcg .feature-box-img {padding:0 15px 10px;}
    .dcg .feature-box {padding:0 10px; text-align:center; flex:1;}
}
@media (max-width:699px) {
    .dcg .model-section {flex-direction: column; margin-bottom:20px;}
    .dcg .feature-box-img {padding:0 20px 10px;}
}





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


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