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




.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:80%; left:30px; background-color: rgba(255,255,255, 0.7); padding:10px 20px;}
.dcg .hero-text p{font-size:16px;}

.dcg .hero-heading{font-size:50px; margin-bottom:30px; line-height: normal;}
.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; background-color: none; box-sizing: border-box;}
    .dcg .p-break{display:inline;}
}
@media only screen and (max-width: 799px) {
    .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-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; font-weight:bold; margin:10px 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%;}

@media only screen and (max-width: 1199px) {
    .dcg .product-text-half{position:static; bottom:0; background-color:none; width:100%;}
    .dcg .product-text-half p{min-height:70px;}
}

@media only screen and (max-width: 599px) {
    .dcg .product-3rd{float:none; width:400px; margin:0 auto 20px;}
    .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; font-weight:bold; margin:10px 0;}
.dcg .grey-row p{font-size:16px; padding:0 15px;}
.dcg .grey-row a{width:80%;}
.dcg .head-img{margin-bottom:20px;}


/********* Coloured buttons **********/
.dcg .cta-perfect-dry a{background-color:#7130a1; color:#fff; padding:15px 30px; font-size:18px; text-decoration:none; border-bottom:2px solid #9443cf; transition:background-color 0.5s; display:block; text-align:center;}
.dcg .cta-perfect-dry a:hover{background-color:#9443cf;}

.dcg .cta-home-connect a{background-color:#50237f; color:#fff; padding:15px 30px; font-size:18px; text-decoration:none; border-bottom:2px solid #9443cf; transition:background-color 0.5s; display:block; text-align:center;}
.dcg .cta-home-connect a:hover{background-color:#9443cf;}



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