.dcg {font-family:arial,sans-serif; max-width:1240px;}
.dcg img{max-width:100%;}


/****** new desktop menu *******/
.dcg h1{font-size:34px; margin:0 0 10px;}
.dcg .dt-menu{margin-bottom:0;}
.dcg .logo-sect{float:left; width:20%;}
.dcg .menu-sect{float:left; width:80%;}
.dcg .menu-sect ul{display:flex; justify-content: space-around; flex-wrap: wrap; margin-top:20px;}
.dcg .menu-sect ul a{text-decoration:none; color:#333;}
.dcg .menu-sect ul .active{color:#00639a;}
.dcg .menu-sect ul a:hover{text-decoration:underline; color:#00639a;}
.dcg .menu-sect ul li{list-style: none; font-size:18px; font-weight:bold;}

/* Tablet and Mobile Navigation */
.dcg .mobnav nav {background:#fff;padding:10px; margin: 0 0;}
.dcg .mobnav nav img {width:100px;}
.dcg .mobnav nav a.open,
.dcg .mobnav nav a.close {height: 40px;font-weight: bold; width: auto; cursor: pointer; color: #2060c0; }
.dcg .mobnav nav a.open .burger,
.dcg .mobnav nav a.close .burger {float:right;padding:8px 0px 0px 0px;}
.dcg .mobnav nav a.open img,
.dcg .mobnav nav a.close img {padding:7px 0 0;}
.dcg .mobnav nav i {font-size:25px;color:#000;}
.dcg .mobnav a{position: static !important;}
.dcg .mobnav nav a.close{display: none;}
.dcg .mobnav nav a.open{display: block;}
.dcg .mobnav nav.active a.close{display: block; width: auto;padding-bottom:10px;}
.dcg .mobnav nav.active a.open{display: none;}
.dcg .mobnav nav ul {overflow: hidden; height:0px; transition: .5s linear;}
.dcg .mobnav nav.active ul {height:360px;}
.dcg .mobnav nav ul{width: 100%; margin: auto;}
.dcg .mobnav nav ul li{width: 100%;padding-left:10px;}
.dcg .mobnav nav li {padding:5px 0px;}
.dcg .mobnav nav li.active a {color:#fff;}
.dcg .mobnav nav a {color:#000;padding:0px;}


@media only screen and (max-width: 768px) and (max-width: 1000px) {
    .dcg .sfc .desktopnav nav ul li {font-size:12px;}
}

@media only screen and (max-width: 768px) {
    .dcg .sfc .desktopnav nav ul {padding:5px;}
    .dcg .sfc .desktopnav {padding-bottom:10px;}
    .dcg .sfc .desktopnav nav ul li {border:none;}
    
}
@media only screen and (min-width: 800px) {
    .dcg .sfc .mobnav {display:none;}
    .dcg .sfc .bose-accordian label.blacktab,
    .dcg .sfc .bose-accordian label.whitetab{display:none;}
    .dcg .sfc .bose-accordian .slide-in {overflow:visible;}
}

@media only screen and (max-width: 800px) {
    .dcg .dt-menu{display:none;}
    .dcg h1 {display:none;}
    .dcg {padding:0 0 25px 0;}
    .dcg .sfc .mobnav {display:block;}
    .dcg nav a{float:none;}
}

/******* END NEW NAV *******/

.dcg .white-bg{background-color:#fff;}
.dcg .bosch-brand{margin-bottom:20px;}
@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; bottom:25%; width:45%; left:30px; box-sizing: border-box;}
.dcg .hero-heading{font-size:50px; line-height:normal;}
.dcg .p-break{display:block;}
.dcg .bolder-text{font-weight:bold;}
.dcg .page-cta{margin:30px 0;}
.dcg .page-cta a{background-color:#913291; color:#fff; padding:15px 30px; font-size:18px; text-decoration:none; border-bottom:2px solid #c72cc7; transition:background-color 0.5s;}
.dcg .page-cta a:hover{background-color:#aa4baa;}

@media only screen and (max-width: 1239px) {
    .dcg .hero-text{position:absolute; bottom:15%; width:65%; left:30px;}
}
@media only screen and (max-width: 999px) {
    .dcg .hero-text{position:static; bottom:0; width:100%; left:0; padding:20px 20px 30px;}
    .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{padding-right:10px;}
.dcg .product-right{padding-left:10px;}
.dcg .product-centre{padding:0 5px;}
.dcg .product-text{position:absolute; bottom:0; background-color: rgba(255,255,255, 0.7); max-width:400px; padding:10px 15px; box-sizing: border-box;}
.dcg .product-text h3, .dcg .product-text-half h3{font-size:24px;}
.dcg .product-text p, .dcg .product-text-half p{font-size:14px;}
.dcg .product-half{float:left; 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%; padding:10px 15px; box-sizing: border-box;}

@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;}
    .dcg .product-text-half{position:static; bottom:0; background-color:none; width:100%;}
}
@media only screen and (max-width: 699px) {
    .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-3rd{float:none; width:400px; margin:0 auto 20px;}
    .dcg .product-left{padding-right:0;}
    .dcg .product-right{padding-left:0;}
    .dcg .product-centre{padding:0;}
    .dcg .product-text p{font-size:16px;}
    .dcg .product-half{float:none; width:80%; margin:0 auto 20px;}
    .dcg .product-text-half{position:absolute; bottom:0; background-color: rgba(255,255,255, 0.7); width:100%; padding:10px 15px;}
}

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