/*
https://currys-ssl.cdn.dixons.com/css/themes/global-supplier-guide.css
*/

.dcg *, .dcg *:after, .dcg *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.dcg .group:before, .dcg .group:after {content: "";display: table} 
.dcg .group:after {clear: both}
.dcg .group {zoom: 1}
.dcg p {font-size: 14px; line-height: 1.4;}
.dcg img {max-width:100%;}
.dcg a {font-size: 14px;}
.dcg #categories {background:#fff;}
.dcg #technology {background:#fff;}

/*Gotham font*/
.dcg h1,
.dcg h2 {text-shadow: none !important; font-family: 'Gotham A', 'Gotham B', Arial, sans-serif;font-style: normal; letter-spacing: -1px}

/*Page styles*/
.dcg {margin: 0px auto; padding: 10px 0 25px 0;}
.dcg .border {border: 1px solid #ccc;}
.dcg h1 {color: font-weight: 600; font-size: 2em;}
.dcg h2 {color: font-weight: 600; font-size: 1.7em; margin-top: 5px;}
.dcg h3 {font-size: 14px; margin-top: 5px;}
.dcg p.tsp a {color: #222;}
.dcg p {margin-bottom: 16px;}
.dcg p i, .dcg li i, .dcg a i, .dcg i {font-size: 80%;}
.dcg a.space {display: inline-block; margin-right: 10px; margin-bottom: 15px;}

/* Old Nav */
.dcg .navigation {width:100%; height: auto; overflow: auto; margin-top:20px;background:#F3F3F3;margin-bottom:20px;}
.dcg .navigation nav {padding:0; margin:10px;}
.dcg nav a {padding:0px;display:inline;width:16.6%;float:left;padding:5px;color:#000;}
.dcg .navigation nav figure {display:inline-block;float:left;width:150px;padding:10px;background:#000;margin-bottom:10px;margin-right:10px;text-align:center;}
.dcg .navigation nav figure img {max-height:32px;}
.dcg .navigation nav ul {overflow:hidden; padding-top:5px;}
.dcg .navigation nav ul li {display: block;text-align: center; vertical-align: middle; padding:10px 0px;font-family: Helvetica, Arial, sans-serif; font-weight: bold; }
.dcg .navigation nav li:hover {background:#000;color:#fff;transition:1s;}
.dcg .navigation nav li.active{background:#000; color:#fff; }

/* New Navigation Bar */
.dcg .desktopnav {width:100%; height: auto; overflow: auto; margin-top:20px;background:#F3F3F3;margin-bottom:20px;}
.dcg .desktopnav nav {padding:0; margin:10px;}
.dcg .desktopnav nav a {padding:0px;display:inline;width:16.6%;float:left;padding:5px;color:#000;}
.dcg .desktopnav nav figure {display:inline-block;float:left;width:100%;padding:10px;background:#000;margin-bottom:10px;margin-right:10px;text-align:center;}
.dcg .desktopnav nav figure img {max-height:32px;}
.dcg .desktopnav nav ul {overflow:hidden; border:0px;padding:5px 0px 0px 0px;}
.dcg .desktopnav nav ul li {display: block;text-align: center; vertical-align: middle; padding:10px 0px;font-family: Helvetica, Arial, sans-serif; font-weight: bold; }
.dcg .desktopnav nav li:hover {background:#000;color:#fff;transition:1s;}
.dcg .desktopnav nav li.active{background:#000; color:#fff; }

/* Mobile Slide Down Navigation */
.dcg .mobnav nav{padding: 0 1%;margin: 2em 0; border-color: #a0c00b; transition:0.3s;  transition-delay:.5s;background:#000;}
.dcg .mobnav nav ul{display: block; margin: 0; padding: 0; list-style: none; text-align: center;}
.dcg .mobnav nav li {display: block; height: 35px; color: #fff; transition-delay:.3s;transition:.3s; font-size: 14px; padding: 0 4%; margin: 8px 0px;}
.dcg .mobnav nav a{padding: 0;display: block;transition:ease 0.3s; font-weight:bold;color:#000;}
.dcg .mobnav nav li {background: #5e4d62; line-height: 35px;background:#fff;}
.dcg .mobnav nav li.active{background: #000; line-height: 35px;border:1px solid #ccc;}
.dcg .mobnav nav li.active a {color:#fff;}
.dcg .mobnav nav a.open, .dcg .mobnav nav a.close{display: none;}
.dcg .mobnav nav a i {color:#fff;}

/* Nav one page with logo to the right */
.dcg .description {width:80%;float:left;padding-top:10px;}
.dcg .navigation nav figure.logo {width:20%;float:right;background: #fff; padding: 5px;margin:0px;}

/*Header*/
.dcg header {margin-bottom: 20px; padding: 20px 20px 0 20px; background: #f5f5f5}
.dcg .supplier_intro {float: left; width: 60%;padding: 0px 25px 4px 5px;}
.dcg .supplier_video, .dcg .supplier_image {float: left; width: 40%; margin-bottom: 20px;}
.dcg .supplier_image {border: 3px solid #aaaaaa;}
.dcg .supplier_image img {width: 100%;}
.dcg .video_cont {background: #aaaaaa; padding: 3px}
.dcg header p {font-size: 14px;}

/*Sections*/
.dcg .promotional {margin-bottom:20px;}
.dcg .intro {padding:20px 0 0 20px;}
.dcg #categories {padding-bottom:20px;}
.dcg img.full-width {width: 100%; margin: 10px 0;}
.dcg .navcontainer {margin-left:1%;}
.dcg .halves {margin-left: -2%;}
.dcg .halves .half {float: left; width: 48%; margin-left: 2%; margin-bottom: 16px}
.dcg .split-two {width:49%;margin-right:1%;float:left;margin-top:20px;}
.dcg .split-three {width:32.3%;margin-right:1%;float:left;margin-top:20px;}
.dcg .split-four {width:24%;margin-right:1%;float:left;margin-top:20px;}
.dcg .split .copy,
.dcg .split .asset {float: left; width: 50%; margin-bottom: 16px}
.dcg .split .copy {padding-right: 20px;}
.dcg #technology .split-four {padding:20px;}

/* Homepage block navigation */
.dcg .productbox {background:#f6f6f6;position:relative;overflow:hidden;text-align:center;}
.dcg .productbox:hover {background:#017CBA;transition:1s;}
.dcg .producttitle {position:absolute;text-align:center;padding:10px;background:#0A6291;color:#fff;bottom:0px;width:100%;font-weight:bold;}
.dcg #categories a{text-decoration:none;}

/*Accordion*/
.dcg #collapsable-content a.toggleControler {display: block; width: 100%; color: #222; background: #f2f2f2; text-decoration: none; padding: 10px; margin: 10px 0; font-weight: bold; font-size: 14px;}
.dcg #collapsable-content a.toggleControler:before {content: "\f078"; font-family: 'DCG-Icons', Arial, sans-serif; color: #777; float: right; font-style: normal; margin-left: 12px;}
.dcg #collapsable-content a.toggleControler.active:before {content: "\f077"; font-family: 'DCG-Icons', Arial, sans-serif; color: #CCC; float: right; font-style: normal}
.dcg #collapsable-content .content-wrap {padding: 5px 10px 10px 10px;}
.dcg .sfc #collapsable-content a.toggleControler:after {
    content: " (Click to view)";
    font-style: italic;
    font-weight: normal;
}
/* Single accordion - extra height, centred text */
.dcg .sfc #collapsable-content a.toggleControler.fullwidth {
    padding: 20px;
    text-align: center;
    font-size:16px;
}
.dcg .sfc #collapsable-content a.toggleControler.fullwidth:before {
    display: none;
}
.dcg #collapsable-content a.toggleControler.fullwidth:after {
    content: "\f078"; 
    font-family: 'DCG-Icons', Arial, sans-serif; 
    color: #fff; 
    font-style: normal; 
    margin-left: 12px;
}
.dcg #collapsable-content a.toggleControler.fullwidth.active:after {
    content: "\f077"; 
    color: #CCC;
}

/*Video - DO NOT EDIT*/
.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; }

/*Bullets*/
.dcg .s_cont ul li {font-size: 14px; line-height: 1.4em; margin-bottom: 8px;}
.dcg .s_cont ul.no-bullets {list-style-type: none; padding-left: 0}


/*------------------------------------Media Quiery's----------------------------------*/


@media only screen and (min-width: 0) and (max-width:1239px) {
.dcg .navigation nav ul li a {font-size:1em;}
.dcg .supplier_intro, 
.dcg .supplier_video,
.dcg .supplier_image {width: 50%;}
}

/* Header size and 4 columns into 2 */
@media only screen and (min-width: 0) and (max-width:1024px) {
.dcg h1 {font-size: 1.8em;}
.dcg h2 {font-size: 1.5em;}
.dcg .split-four {width:49%;}
}

/* Navigation */
@media only screen and (max-width: 768px) {
.dcg nav a {display:inline-block;width:100%;float:none;}
.dcg .navigation nav figure {float:none;width:100%;margin:0px;text-align:center;}
.dcg .navigation nav ul {overflow:visible;}
}


/* Old Navigation */
@media only screen and (min-width: 0px) and (max-width: 767px){
.dcg .navigation nav ul {display: block;padding:5px;}
.dcg .navigation nav ul li {display: block; border-left:none;  margin:0;border-radius:5px;}
.dcg .navigation nav ul li a.active{background:#646567; }
.dcg .navigation nav ul li a:hover{background:#646567;color:#fff;transition:1s;}
.dcg .navigation nav ul li a {padding:10px 0 10px 0px;} 
}

/* Desktop Navigation Media Queries */
@media only screen and (min-width: 1240px) {.dcg .desktopnav nav ul a {width:20%;} }
@media only screen and (min-width: 0) and (max-width:1239px) {.dcg .desktopnav nav ul li a {font-size:1em;} }
@media only screen and (min-width: 768px) and (max-width: 1240px) {.dcg .desktopnav nav ul a {width:25%;} }
@media only screen and (max-width: 768px) {.dcg .desktopnav nav ul li:hover, .dcg .desktopnav nav ul li.active {border:1px solid #000;} }
@media only screen and (max-width: 768px) {
.dcg .desktopnav nav a {display:inline-block;width:100%;float:none;}
.dcg .desktopnav nav figure {float:none;width:100%;margin:0px;text-align:center;}
.dcg .desktopnav nav ul {overflow:visible;}
}

@media only screen and (min-width: 0px) and (max-width: 767px){
.dcg .desktopnav nav ul {display: block;padding:5px;}
.dcg .desktopnav nav ul li {display: block; border-left:none;  margin:0;}
.dcg .desktopnav nav ul li a.active{background:#646567; }
.dcg .desktopnav nav ul li a:hover{background:#646567;color:#fff;transition:1s;}
.dcg .desktopnav nav ul li a {padding:10px 0 10px 0px;} 
.dcg .description {width:100%;text-align:center;}
.dcg .navigation nav figure.logo {width:100%;}
}

@media only screen and (min-width: 400px) and (max-width: 768px) {
.dcg .desktopnav nav ul a {width:49.5%;}
.dcg .desktopnav nav ul li {border:1px solid #ccc;}
.dcg .desktopnav nav ul li.active {border:1px solid #000;}
.dcg .desktopnav nav {margin:0.5%;}
}

@media only screen and (min-width: 450px) {
.dcg .desktopnav nav ul.nav-more {display:none;}
.dcg .mobnav {display:none;}
}


/* Mobile */
@media handheld, only screen and (max-width: 599px) {
.dcg p, .dcg a {font-size: 13px;}
.dcg header p {font-size: 14px;}
.dcg h1 {font-size: 1.6em;}
.dcg h2 {font-size: 1.3em;}
.dcg a.space {display: block; margin-bottom: 10px}
.dcg #collapsable-content a.toggleControler {font-size: 13px}
.dcg header {padding: 10px;}
.dcg .split .copy,
.dcg .split .asset {float: none; width: 100%;}
.dcg .split .copy {padding-right: 0;}

.dcg .halves {margin-left: 0;}
.dcg .split-four,
.dcg .split-three,
.dcg .split-two,
.dcg .halves .half {float: none; width: 100%; margin-left: 0%;}
.dcg .sfc #collapsable-content a.toggleControler:after {
display:none;
}
.dcg .supplier_intro,
.dcg .supplier_video {float: none; width: 100%;}
.dcg .supplier_intro {padding: 0px 5px;}
.dcg .supplier_intro p {margin-bottom: 5px;}
.dcg .supplier_image,
.dcg .supplier_video {width: 100%; margin-top: 10px; margin-bottom: 0;}
}

/* Mobile Slide Down Navigation Media Queries */
@media only screen and (min-width: 0px) and (max-width:450px){
.dcg .mobnav nav a.open,
.dcg .mobnav nav a.close {height: 40px; line-height: 40px; text-align: center; font-weight: bold; width: auto; cursor: pointer; color: #2060c0; }
.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;}
.dcg .mobnav nav.active a.open{display: none;}
.dcg .mobnav nav ul {overflow: hidden; height:2px; transition: .5s linear;}
.dcg .mobnav nav.active ul{height:231px;}
.dcg .mobnav nav ul{width: 95%; margin: auto;  }
.dcg .mobnav nav ul li{width: 100%;}
.dcg .desktopnav {display:none;}
}    
   
    
    


/*
https://currys-ssl.cdn.dixons.com/css/themes/ninja/cooking.css
*/
    

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

.dcg .desktopnav {width:100%; height: auto; overflow: auto; margin-top:0px ;background: #fff;margin-bottom:0;}
.dcg .desktopnav nav {padding:0; margin:0px;}
.dcg .desktopnav nav a {padding:0px;display:inline;width:15%;float:left;padding:0px;}
.dcg .desktopnav nav figure {display:inline-block;float:left;width:100%;margin:0px 0px;text-align:center;}
.dcg .desktopnav nav figure img {height: 100%;max-height: 43px;}
.dcg .desktopnav nav ul {overflow:hidden; border:1px;padding:0px 0px 0px 0px; background: #fff; border: 1px solid #000;}
.dcg .desktopnav nav ul a {width:50%;float:left;padding:0px 0%; border-right: 0px solid #000;}
.dcg .desktopnav nav ul a:nth-child(1){border-right: 1px solid #000; background: #639a25;}
.dcg .desktopnav nav ul a:hover {color: #fff; background-color: #000;}
.dcg .desktopnav nav ul li {padding:22px 0px;font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;text-align:center; color:#000; position: relative;overflow: hidden;font-size:14px; margin-bottom: 0px;}
.dcg .desktopnav nav ul li:before {content: "";position: absolute;z-index: -1;left: 50%;right: 50%;bottom: 0;background: #4855a0;height: 2px;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.dcg .desktopnav nav ul li:hover:before, .dcg .sfc .desktopnav nav ul li.active:before {left:0;right:0;}
.dcg .desktopnav nav li:hover {background:#639a25; transition:1s;}
/*.dcg .desktopnav nav li.active{background:#4855a0; color:#fff;}*/
.dcg .desktopnav nav li.active{ color:#fff; background: #639a25;}
  
/* Tablet and Mobile Navigation */
.dcg .mobnav nav {background:#000;padding:10px; margin: 0 0;}
.dcg .mobnav nav img {width:90px;}
.dcg .mobnav nav a.open,
.dcg .mobnav nav a.close {height: 45px;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:#fff;}
.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; text-align: left;}
.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:175px;}
.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;font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;}
.dcg .mobnav nav li.active a {color:#fff;}
.dcg .mobnav nav a {color:#000;padding:0px;}

@media (max-width: 1024px) {
.dcg .desktopnav { margin-top:0%;}
}
@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 .desktopnav {display:none;}
    .dcg h1 {display:none;}
    .dcg .sfc .mobnav {display:block;}
    .dcg nav a{float:none;}
}

@media only screen and (max-width: 500px) {
    .dcg .desktopnav {display:none;}
    .dcg h1 {display:none;}
    .dcg .sfc .mobnav {display:block;}
    .dcg nav a{float:none;}
}

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

.dcg a, .dcg a:hover {text-decoration: none; color: #fff;}
.dcg .sfc {background-color:#fff;}
.dcg hr {margin: 40px 0px 40px 0px;  border-top: 1px solid #000;}
.dcg sup {font-size: 12px;}
@media (max-width: 800px) {
.dcg hr {display: none;}

}
@media (max-width: 500px) {
.dcg hr {display: none;}
}
.dcg .welcome span {font-weight: bold;}
.dcg .welcome p {font-size: 45px; text-align: center; padding-top: 20px; font-weight: 300;}
.dcg .welcome img {width: 15%;}

@media (max-width: 800px) {
.dcg .welcome p {font-size: 60px;padding-top: 0px; }
.dcg .welcome img {width: 20%;}
}

@media (max-width: 500px) {
.dcg .welcome img {width: 25%;}
.dcg .welcome p {font-size: 40px;padding-top: 0px; }
}

.dcg .hero-banner {margin-bottom: 20px;}

@media (max-width: 500px) {
.dcg .hero-banner {margin-bottom: 0px;}

}

.dcg .ninja-cooking {display: flex; flex: 1; flex-wrap: nowrap; flex-direction: row;}
.dcg .left-block {width: 40%; background: rgb(94,151,36);
background: -moz-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e9724",endColorstr="#9dc317",GradientType=1); }
.dcg .right-block {width: 60%;}
.dcg .cooking-header {text-align: center;}
.dcg .cooking-header img {width: 30%; padding-top: 20px;}
.dcg .cooking-header h3 {font-size: 35px; color: #fff; margin-bottom: 0px; margin-top: 0px;}
.dcg .cooking-text {color:#fff;}
.dcg .cooking-text p {font-size: 22px; padding: 16px; font-weight: 100;}
.dcg .cooking-text span{font-weight: 800;}
.dcg .mobile {display: none;}
@media (max-width: 1024px) {
.dcg .cooking-text p {font-size: 22px; }
}

@media (max-width: 800px) {
.dcg .cooking-text p {font-size: 15px; padding: 10px;}
.dcg .mobile {display: none;}
.dcg .cooking-header h3 {font-size: 25px; color: #fff; margin-bottom: 0px; margin-top: 0px;}

}

@media (max-width: 500px) {
.dcg .mobile-bg {background: rgb(94,151,36);
background: -moz-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e9724",endColorstr="#9dc317",GradientType=1); padding-bottom: 5px; margin-bottom: 10px;}
.dcg .ninja-cooking {flex-wrap: wrap; }
.dcg .cooking-block {width: 100%;}
.dcg .cooking-text p {font-size: 15px; text-align: center; font-weight: 500;}
.dcg hr {display: none;}
.dcg .cooking-header h3 {font-size: 20px; color: #fff; margin-bottom: 0px;}

}

.dcg .button {background-color: #000; text-align: center; margin-top: 20px;}
.dcg .button p {font-size: 30px; padding: 10px;}
.dcg .button span {font-weight: 800;}

@media (max-width: 500px) {
.dcg .button p {font-size: 20px;}
.dcg .button {margin: 9px;}

}

.dcg .blender-intro {padding-top: 20px; text-align: center; background: rgb(94,151,36);
background: -moz-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e9724",endColorstr="#9dc317",GradientType=1);}
.dcg .blender-intro img {width: 20%;}
.dcg .blender-intro p {color: #fff; font-size: 30px; font-weight: 800;}
.dcg .blender-intro-text p {color: #000; font-size: 20px; font-weight: 800; padding-bottom: 20px;}
.dcg .ninja-prod ul li {display: inline-table; align-items: center; font-size: 25px; font-weight: 800; padding-bottom: 15px;}
.dcg .ninja-prod li:after {content: ' \B7 '; }
.dcg .ninja-prod li:last-child:after {content: '';}

.dcg .blenders {display: flex; flex: 1; flex-wrap: nowrap; flex-direction: row; padding-bottom: 20px;}
.dcg .bg {background: rgb(94,151,36);
background: -moz-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e9724",endColorstr="#9dc317",GradientType=1);}
.dcg .blenders-block {width: 50%; margin: 0px 10px 0px 10px;}
.dcg .blenders-text { color: #fff;}
.dcg .blenders-text p {font-size: 22px; padding: 15px;font-weight: 100;}
.dcg .blenders-text p span {font-weight: 800;}
.dcg .mobile {display: none;}

@media (max-width: 1024px) {
.dcg .blenders-text p {font-size: 22px; padding: 20px;}
.dcg .desktop {display: block !important;}
.dcg .mobile {display: none;}
.dcg .ninja-prod ul li {font-size: 20px; }

}

@media (max-width: 800px) {
.dcg .blenders-text p {font-size: 17px; padding:10px;}
.dcg .mobile {display: none;}
}

@media (max-width: 500px) {
.dcg .desktop {display: none;}
.dcg .mobile-banner-intro {text-align: center; padding-top: 15px;}
.dcg .mobile-banner-intro img {width: 25%;}
.dcg .mobile-banner-intro p {font-size: 30px; color: #fff; font-weight: 800;}
.dcg .mobile-banner-intro ul li {display: inline-table; font-size: 13px; font-weight: 800;margin-bottom: 0px; }
.dcg .mobile-banner-intro li:after {content: ' \B7 '; }
.dcg .mobile-banner-intro li.last:after {content: '';}
.dcg .mobile-banner-text {color: #fff; text-align: center; }
.dcg .mobile-banner-text p {font-size: 15px; margin: 5px;}
.dcg .mobile-banner-text span {font-weight: 800;}
.dcg .mobile-multi-cooker {display: flex; flex: 1; flex-wrap: nowrap; flex-direction: row;}
.dcg .mobile-multi-cooker-block {width: 50%; padding: 5px;}
.dcg .mobile-button {background: #000; text-align: center; margin: 5px;}
.dcg .mobile-button p {font-size: 20px; padding: 5px;}
.dcg .ninja-prod ul li {font-size: 11px;  padding-bottom: 0px;}

}

.dcg .blender-intro-1 {padding-top: 20px; text-align: center; background: rgb(94,151,36);
background: -moz-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e9724",endColorstr="#9dc317",GradientType=1);}
.dcg .blender-intro-1 img {width: 20%;}
.dcg .blender-intro-1 p {color: #fff; font-size: 30px; font-weight: 800;}
.dcg .blender-intro-1-text p {color: #000; font-size: 20px; font-weight: 800; padding-bottom: 20px;}
.dcg .ninja-prod-1 ul li {display: inline-table; align-items: center; font-size: 25px; font-weight: 800; padding-bottom: 15px;}
.dcg .ninja-prod-1 li:after {content: ' \B7 '; }
.dcg .ninja-prod-1 li:after {content: ' \B7 ';}
.dcg .ninja-prod-1 li:last-child:after {content: '';}
.dcg .blenders-1 {display: flex; flex: 1; flex-wrap: nowrap; flex-direction: row; margin-bottom: 15px;}
.dcg .bg-1 {background: rgb(94,151,36);
background: -moz-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e9724",endColorstr="#9dc317",GradientType=1); padding-bottom: 5px;}
.dcg .blenders-block-1 {width: 50%; margin: 0px 10px 0px 10px;}
.dcg .blenders-text-1 { color: #fff;}
.dcg .blenders-text-1 p {font-size: 22px; padding: 15px; font-weight: 100;}
.dcg .blenders-text-1 p span {font-weight: 800;}

@media (max-width: 1024px) {
.dcg .blenders-text-1 p {font-size: 22px; padding: 15px;}
.dcg .desktop {display: block !important;}
}

@media (max-width: 800px) {
.dcg .blenders-text-1 p {font-size: 16px; padding: 10px;}
.dcg .ninja-prod-1 ul li { font-size: 20px; }

}


@media (max-width: 500px) {
.dcg .desktop {display: none !important;;}
.dcg .mobile .bg-2 {background: rgb(94,151,36);
background: -moz-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e9724",endColorstr="#9dc317",GradientType=1); padding-bottom: 5px; margin-top: 10px;}
.dcg .mobile-H-banner-intro {text-align: center; padding-top: 10px;}
.dcg .mobile-H-banner-intro img {width: 25%;}
.dcg .mobile-H-banner-intro p {font-size: 30px; color: #fff; font-weight: 800;}
.dcg .mobile-ninja-prod ul {text-align: center;}
.dcg .mobile-ninja-prod ul li {display: inline-table; align-items: center; font-size: 13px; font-weight: 800;margin-bottom: 0px; }
.dcg .mobile-ninja-prod li:after {content: ' \B7 '; }
.dcg .mobile-ninja-prod li.last:after {content: '';}
.dcg .mobile-ninja-prod-text p {text-align: center; font-size: 15px; color: #fff; margin: 5px;}
.dcg .mobile-ninja-prod-text span {font-weight: 800;}
.dcg .health-grill {display: flex; flex: 1; flex-wrap: nowrap; flex-direction: row;}
.dcg .health-block {width: 50%; padding: 5px;}
.dcg .mobile-button span {font-weight: 800;}
}

.dcg .button-1 {background-color: #000; text-align: center; margin-top: 20px; color: #fff;}
.dcg .button-1 p {font-size: 30px; padding: 10px;}
.dcg .button-1 span {font-weight: 800;}

.dcg .blender-intro-2 {padding-top: 20px; text-align: center; background: rgb(94,151,36);
background: -moz-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e9724",endColorstr="#9dc317",GradientType=1);}
.dcg .blender-intro-2 img {width: 20%;}
.dcg .blender-intro-2 p {color: #fff; font-size: 30px; font-weight: 800;}
.dcg .blender-intro-2-text p {color: #000; font-size: 20px; font-weight: 800; padding-bottom: 20px;}
.dcg .ninja-prod-2 ul li {display: inline-table; align-items: center; font-size: 25px; font-weight: 800; padding-bottom: 15px;}
.dcg .ninja-prod-2 li:after {content: ' \B7 '; }
.dcg .ninja-prod-2 li:last-child:after {content: '';}

.dcg .blenders-2 {display: flex; flex: 1; flex-wrap: nowrap; flex-direction: row;}
.dcg .bg-2 {background: rgb(94,151,36);
background: -moz-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e9724",endColorstr="#9dc317",GradientType=1);}
.dcg .blenders-block-2 {width: 50%; margin: 0px 10px 0px 10px;}
.dcg .blenders-text-2 { color: #fff;}
.dcg .blenders-text-2 p {font-size: 22px; padding: 15px; font-weight: 100;}
.dcg .blenders-text-2 p span {font-weight: 800;}

@media (max-width: 1024px) {
.dcg .blenders-text-2 p {font-size: 21px; padding: 20px;}
.dcg .desktop {display: block !important;}
}

@media (max-width: 800px) {
.dcg .blenders-text-2 p {font-size: 16px; padding: 10px;}
.dcg .ninja-prod-2 ul li { font-size: 20px; }
}


@media (max-width: 500px) {
.dcg .desktop {display: none !important;}
.dcg .mobile-blender-intro {text-align: center; padding-top: 10px;}
.dcg .mobile-blender-intro img {width: 25%;}
.dcg .mobile-blender-intro p {font-size: 30px; color: #fff; font-weight: 800;}
.dcg .mobile-blender-prod {text-align: center;}
.dcg .mobile-blender-prod ul li {display: inline-table; align-items: center; font-size: 15px; font-weight: 800; margin-bottom: 0px; }
.dcg .mobile-blender-prod li:after {content: ' \B7 '; }
.dcg .mobile-blender-prod li.last:after {content: '';}
.dcg .mobile-blender-text {color: #fff;}
.dcg .mobile-blender-text p {font-size: 15px; text-align: center; margin: 5px;}
.dcg .mobile-blender-text span {font-weight: 800;}
.dcg .mobile-fryers {display: flex; flex: 1; flex-wrap: nowrap; flex-direction: row;}
.dcg .fryers-block {width: 50%; padding: 5px;}
}

.dcg .button-2 {background-color: #000; text-align: center; margin-top: 20px; color: #fff;}
.dcg .button-2 p {font-size: 30px; padding: 10px;}
.dcg .button-2 span {font-weight: 800;}

.dcg .blender-intro-3 {padding-top: 20px; text-align: center; background: rgb(94,151,36);
background: -moz-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e9724",endColorstr="#9dc317",GradientType=1);}
.dcg .blender-intro-3 img {width: 20%;}
.dcg .blender-intro-3 p {color: #fff; font-size: 30px; font-weight: 800;}
.dcg .blender-intro-3-text p {color: #000; font-size: 20px; font-weight: 800; padding-bottom: 20px;}
.dcg .ninja-prod-3 ul li {display: inline-table; align-items: center; font-size: 25px; font-weight: 800; padding-bottom: 15px;}
.dcg .ninja-prod-3 li:after {content: ' \B7 '; }
.dcg .ninja-prod-3 li:last-child:after {content: '';}

.dcg .blenders-3 {display: flex; flex: 1; flex-wrap: nowrap; flex-direction: row;}
.dcg .bg-3 {background: rgb(94,151,36);
background: -moz-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e9724",endColorstr="#9dc317",GradientType=1); margin-top: 10px; padding-bottom: 5px;}
.dcg .blenders-block-3 {width: 50%; margin: 0px 10px 0px 10px;}
.dcg .blenders-text-3 { color: #fff;}
.dcg .blenders-text-3 p {font-size: 22px; padding: 15px; font-weight: 100;}
.dcg .blenders-text-3 p span {font-weight: 800;}

.dcg .button-3 {background-color: #000; text-align: center; margin-top: 20px; color: #fff;}
.dcg .button-3 p {font-size: 30px; padding: 10px;}
.dcg .button-3 span {font-weight: 800;}

@media (max-width: 1024px) {
.dcg .blenders-text-3 p {font-size: 22px; padding: 20px;}
.dcg .desktop {display: block !important;}
.dcg .ninja-prod-3 ul li {font-size: 20px; }

}

@media (max-width: 800px) {
.dcg .blenders-text-3 p {font-size: 17px; padding: 10px;}
.dcg .mobile {display: block;}
.dcg .ninja-prod-3 ul li {font-size: 20px;}
}

@media (max-width: 500px) {
.dcg .desktop {display: none !important;}
.dcg .bg-4 {background: background: rgb(94,151,36);
background: -moz-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
background: linear-gradient(90deg, rgba(94,151,36,1) 0%, rgba(157,195,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e9724",endColorstr="#9dc317",GradientType=1); padding-bottom: 10px; margin-top: 10px;}
.dcg .mobile-blender-prod ul li {display: inline-table; align-items: center; font-size: 13px; font-weight: 800; margin-bottom: 0px; }
.dcg .mobile-blender-prod li:after {content: ' \B7 '; }
.dcg .mobile-blender-prod li.last:after {content: '';}
.dcg .soup-maker {display: flex; flex: 1; flex-wrap: nowrap; flex-direction: row; }
.dcg .soup-maker-block {width: 50%; padding: 5px;}
}


.dcg .about-us { background-color: #000; margin-top: 40px;}
.dcg .about-us p {color: #fff; text-align: center; font-size: 25px; margin: 10px; font-weight: 800; padding: 5px;}

.dcg .icon {display: flex; flex: 1; flex-wrap: nowrap; flex-direction: row; padding-top: 60px;}
.dcg .icon-block {width:50%;text-align: center;}
.dcg .icon-block img {width:20%; padding-bottom: 10px;}
.dcg .icon-text h3 {font-size: 20px; width: 45%; margin: 0 auto; font-weight: 600;}
.dcg .icon-text p {text-align: center; width: 60%; margin: 0 auto; font-size: 15px;}

.dcg .ninja-footer {text-align: center; padding-top: 60px;}
.dcg .ninja-footer img {width: 15%;}
.dcg .ninja-footer p {font-size: 35px;font-weight: 600;}


@media (max-width: 1024px) {
.dcg .icon-text h3 { width: 55%; }
.dcg .icon-text p { width: 70%; font-size: 14px;}
}

@media (max-width: 800px) {
.dcg .icon-text h3 { width: 50%; }
.dcg .icon-text p { width: 70%; font-size: 14px;}
}

@media (max-width: 500px) {
.dcg .icon-text h3 { width: 100%; font-size: 15px; }
.dcg .icon-text p { width: 90%; font-size: 11px;}
.dcg .icon-block img {width:40%; padding-bottom: 10px;}
.dcg .ninja-footer img {width: 30%;}
.dcg .ninja-footer p {font-size: 20px;font-weight: 600;}
.dcg .about-us { background-color: #000; margin-top: 10px; margin: 5px;}
}