.dcg {max-width:1240px;}
.dcg img{max-width:100%;}
.dcg h1{font-size:34px; margin:10px 0;}


.dcg .white-bg{background-color:#fff;}
.dcg .bosch-brand{margin-bottom:10px;}
@media only screen and (max-width: 800px) {
    .dcg .bosch-brand{margin-bottom:0;}
}


/***********HERO SECTION ********/
.dcg .hero-sect{position: relative;}
.dcg .hero-text{position:absolute; top:15%; width:55%; left:30px;}
.dcg .hero-text p{font-size:16px;}

.dcg .hero-heading{font-size:50px; margin-bottom:20px;}
.dcg .p-break{display:block;}
.dcg .bolder-text{font-weight:bold;}
.dcg .page-cta{margin:30px 0 0; text-align:center;}
.dcg .page-cta a{background-color:#00629a; color:#fff; padding:15px 30px; font-size:18px; text-decoration:none; border-bottom:2px solid #009bd9; transition:background-color 0.5s; display:block;}
.dcg .page-cta a:hover{background-color:#009bd9;}

@media only screen and (max-width: 1299px) {
    .dcg .hero-text{position:static; bottom:0; width:100%; left:0; padding:20px 20px 30px; text-shadow:none; box-sizing: border-box;}
    .dcg .p-break{display:inline;}
}

@media only screen and (max-width: 899px) {
    .dcg .hero-heading{font-size:40px;}
}
@media only screen and (max-width: 599px) {
    .dcg .hero-heading{font-size:36px;}
}

/********* PRODUCTS SECTION ********/
.dcg .products-row{margin-top:15px;}
.dcg .product-3rd{float:left; width:33.333%;}
.dcg .product-inner{position: relative;}
.dcg .product-wrapper{position: relative;}
.dcg .product-left{margin-right:10px;}
.dcg .product-right{margin-left:10px;}
.dcg .product-centre{margin:0 5px;}
.dcg .product-text{position:absolute; bottom:0; background-color: rgba(255,255,255, 0.7); max-width:400px; /*padding:10px 15px;*/}
.dcg .product-text h3, .dcg .product-text-half h3{font-size:24px; padding:10px 15px 0;}
.dcg .product-text p, .dcg .product-text-half p{font-size:16px; padding:0 15px;}
.dcg .product-half{float:left; width:50%;}
.dcg .product-half-right{float:right; width:50%;}
.dcg .product-inner-half{position:relative;}
.dcg .product-text-half{position:absolute; bottom:0; background-color: rgba(255,255,255, 0.7); width:100%;}
.dcg .page-cta2{margin:10px 0; text-align:center;}
.dcg .home-connect{margin-bottom:10px;}

.dcg .page-cta2 a{background-color:#008ecf; color:#fff; padding:15px 30px; font-size:18px; text-decoration:none; border-bottom:2px solid #009bd9; transition:background-color 0.5s; display:block;}
.dcg .page-cta2 a:hover{background-color:#009bd9;}


.dcg .speedperfect-cta a{background-color:#008ecf; color:#fff; padding:15px 30px; font-size:18px; text-decoration:none; border-bottom:2px solid #009bd9; transition:background-color 0.5s; display:block; width:80%; text-align:center;}
.dcg .speedperfect-cta a:hover{background-color:#009bd9;}

.dcg .reload-cta a{background-color:#1fa8ae; color:#fff; padding:15px 30px; font-size:18px; text-decoration:none; transition:background-color 0.5s; display:block; width:80%; text-align:center;}
.dcg .reload-cta a:hover{background-color:#009bd9;}

.dcg .home-connect-cta a{background-color:#00624a; color:#fff; padding:15px 30px; font-size:18px; text-decoration:none; transition:background-color 0.5s; display:block; width:80%; text-align:center;}
.dcg .reload-cta a:hover{background-color:#009bd9;}

@media only screen and (max-width: 1199px) {
    .dcg .product-text{position:static; bottom:0; background-color:none; max-width:400px;}
    .dcg .product-text p{min-height:80px;}
}
@media only screen and (max-width: 799px) {
    .dcg .product-3rd{float:none; width:400px; margin:0 auto 40px;}
    .dcg .product-text{position:absolute; bottom:0; background-color: rgba(255,255,255, 0.7); max-width:400px;}
}

@media only screen and (max-width: 599px) {
    .dcg .product-left{margin-right:0;}
    .dcg .product-right{margin-left:0;}
    .dcg .product-centre{margin:0;}
    .dcg .product-text p{font-size:16px;}
    .dcg .product-half{float:none; width:80%; margin:0 auto 20px;}
    .dcg .product-half-right{float:none; width:80%; margin:0 auto 20px;}
}

/******* video section *******/
.dcg .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden; } 
.dcg .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:hidden; } 
.dcg .video-text{padding-top:10%;}
.dcg .bottom-row{margin-bottom:50px;}
@media only screen and (max-width: 599px) {
    .dcg .video-text{padding-top:20px;}
}

/********* grey rows *******/
.dcg .grey-row{background-color:#f3f3f3; padding:20px;}
.dcg .grey-row h3{font-size:24px; padding:10px 15px 0;}
.dcg .grey-row p{font-size:16px; padding:0 15px;}
.dcg .grey-row .page-cta{width:80%;}



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