.dcg {font-family:arial,sans-serif; max-width:1240px; color:#444041;}

/****** new desktop menu *******/
.dcg .dt-menu{margin-bottom:0; background-color:#0083c9;}
.dcg .logo-sect{float:left; width:20%;}
.dcg .menu-sect{float:left; width:80%;}
.dcg .logo-wrap{padding:10px 20px 10px;}



@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 img{max-width:100%;}
.dcg .white-bg{background-color:#fff;}


/***********HERO SECTION ********/
.dcg .hero-sect{position: relative;}
.dcg .hero-text{position:absolute; top:10%; width:35%; left:30px; color:#fff; box-sizing: border-box;}
.dcg .hero-text p{font-size:16px;}

.dcg .hero-heading{font-size:30px; margin-bottom:20px; font-family:arial, sans-serif; font-weight:bold; line-height: normal;}
.dcg .p-break{display:block;}
.dcg .blue-cta{margin:30px 0 0;}
.dcg .blue-cta a{background-color:#003e70; color:#fff; padding:10px 24px; font-size:15px; text-decoration:none; border:1px solid #fff; transition:background-color 0.5s; display:inline-block; border-radius:25px;}
.dcg .blue-cta a:hover{background-color:#0083c9;}

@media only screen and (max-width: 1239px) {
    .dcg .hero-text{position:absolute; top:15%; width:55%; left:30px;}
}
@media only screen and (max-width: 999px) {
    .dcg .hero-text{top:10%; width:60%;}
    .dcg .p-break{display:inline;}
}
@media only screen and (max-width: 799px) {
   .dcg .hero-text{position:static; bottom:0; width:100%; left:0; padding:20px 20px 30px; color:#000;}
    .dcg .hero-heading{font-size:26px;}
}
@media only screen and (max-width: 599px) {
    .dcg .blue-cta a{padding:10px 24px; font-size:16px;}
}


/************ Intro section ************/
.dcg .intro-section{margin:40px 10% 0; text-align:center;}
.dcg .intro-heading{color:#003e70; font-size:30px; font-family:arial,sans-serif;font-weight:bold; margin-bottom:20px;}
.dcg .intro-section p{font-size:16px;}



/*********** section 1 **********/
.dcg .section1{margin:50px 30px 0;}
.dcg .lg-img{float:left; width:75%;}
.dcg .sm-txt{float:left; width:25%; text-align:center;}
.dcg .pro-icon{padding:0 20px;}
.dcg .pro-text{padding:10px 20px; font-size:14px;}

@media only screen and (max-width: 799px) {
    .dcg .lg-img{float:none; width:100%;}
    .dcg .sm-txt{float:none; width:100%;}
    .dcg .pro-icon{padding:10px; max-width:160px; margin:0 auto;}
}


/************* section 2 *************/
.dcg .section2{margin-top:50px; text-align:center;}
.dcg .section2 p{font-size:16px;}
.dcg .sect2-intro{padding:0 10%;}
.dcg .harvest-sect{background-image:url(https://media.currys.biz/i/currysprod/harvest-fresh-bg); /*background-size: cover;*/ background-position: top left; background-repeat:no-repeat; margin-top:30px;}
.dcg .harv-video{float:right; width:30%; margin-top:13%;}
.dcg .harv-text-half, .dcg .aero-text-half{float:left; width:40%; margin-left:30%; margin-top:5%; box-sizing: border-box;}
.dcg .harv-text-inner{padding:0 20px;}
.dcg .sm-blue-heading{color:#003e70; font-size:28px; font-family:arial,sans-serif; margin-bottom:10px; line-height: normal; font-weight:bold;}
.dcg .harvest-row2{padding:20px 15%;}
.dcg .aero-video{float:right; width:30%; margin-top:3%;}
.dcg .oven-icon{padding-top:20px;}
.dcg .harv-sub-heading{font-size:20px; margin-bottom:5px; font-family:arial, sans-serif; line-height: normal;}

@media only screen and (max-width: 1199px) {
    .dcg .harv-text-half, .dcg .aero-text-half{float:left; width:35%; margin-left:35%; margin-top:5%;}
}
@media only screen and (max-width: 1039px) {
    .dcg .harv-text-half{float:none; width:70%; margin:0 0 0 30%; padding:30px;}
    .dcg .harv-video, .dcg .aero-video {float:none; width:50%; margin: 0 0 30px 50%; padding-top:40px;}
    .dcg .aero-text-half{float:none; width:60%; margin-left:40%; margin-top:5%;}
}
@media only screen and (max-width: 799px) {
    .dcg .harv-text-half {float:none; width:100%; margin:0 0; padding:100px 7% 30px;}
    .dcg .harv-video, .dcg .aero-video{float:none; width:50%; margin: 0 0 30px 50%; padding-top:40px;}
    .dcg .harvest-row2{padding:10px 7%;}
    .dcg .aero-text-half {float:none; width:100%; margin:0 0; padding:160px 7% 30px;}
}
@media only screen and (max-width: 599px) {
    .dcg .harv-text-half{float:none; width:100%; margin:0 0; padding:110px 7% 30px;}
    .dcg .harv-video, .dcg .aero-video{float:none; width:70%; margin: 0 0 30px 30%; padding-top:40px;}
    .dcg .harvest-row2{padding:10px 7%;}
    .dcg .sect2-intro{padding:0 7%; padding-bottom:10px;}
}

.dcg .aero-sect{background-image:url(https://media.currys.biz/i/currysprod/beko-aeroperfect-bg); background-position: top left; background-repeat:no-repeat; margin-top:30px;}


/****************** SECTION 3 ************/
.dcg .section3{margin-top:50px;}
.dcg .sect3-row{background-color:#eeebea; margin-bottom:20px;}
.dcg .sect3-img{float:left; width:40%;}
.dcg .sect3-img-right{float:right; width:40%;}
.dcg .sect3-text-half{float:left; width:60%;}
.dcg .sect3-text-inner{padding:20px 5% 10px; text-align:center;}

@media only screen and (max-width: 599px) {
    .dcg .sect3-img{float:none; width:100%; text-align:center;}
    .dcg .sect3-img-right{float:none; width:100%; text-align:center;}
    .dcg .sect3-text-half{float:none; width:100%; padding-bottom:20px;}
}



/******************** SECTION 4 ***************/
.dcg .section4{margin-top:50px;}
.dcg .sect4-intro{text-align:center; padding:0 5% 40px;}
/*.dcg .heading-gap{padding-bottom:20px;}*/
.dcg .sect4-half{float:left; width:50%;}
.dcg .sect4-inner{background-color:#eeebea; border:1px solid #fff;}
.dcg .sect4-text-inner{padding:20px 20px;}
.dcg .sect4-heading{color:#003e70; font-size:22px; font-family:arial,sans-serif; margin-bottom:10px; line-height: normal; font-weight:bold;}
.dcg .sect4-text p{min-height:84px;}

@media only screen and (max-width: 599px) {
    .dcg .sect4-half{float:none; width:100%;}
    .dcg .sect4-text p{min-height:auto;}
}

.dcg .bottom-hero{margin-top:20px;}
.dcg .disc{padding:20px 0; font-size:12px;}



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


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