#DSG_wrapper {
    max-width: 1240px;
    padding: 0px;
    margin-bottom: 20px;
}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.clearfix {zoom: 1; display: block; clear: both;}

#DSG_wrapper h1,
#DSG_wrapper h2,
#DSG_wrapper h3 { font-weight: normal; text-shadow:none; line-height: 1.2; }

#DSG_wrapper .header img,
#DSG_wrapper .header p {display:inline-block; *display: inline; zoom: 1; vertical-align: top;}
#DSG_wrapper .header img {width:auto;max-width:58%;}
#DSG_wrapper .header p {width: 40%; margin-left: 10px; color: #7f8080;}
#DSG_wrapper .nav.home {text-align: center; margin: 5em 0;}
#DSG_wrapper .nav.home ul{}
#DSG_wrapper .nav.home ul li{display: inline-block; *display: inline; zoom: 1; width: 33%; margin-left: -1px; border: 1px solid transparent;}
#DSG_wrapper .nav.home a{display: block; background: #e5e5e5; color: #000; font-size: 20px; padding: 1%;}
#DSG_wrapper .nav.home .text{background: #f7f5f4; color: #747475;}
#DSG_wrapper .nav.home .text p{padding: 2% 16%;}
#DSG_wrapper .nav.home .text{background: #f7f5f4;}
#DSG_wrapper .nav.home ul li a:hover{background: #fae924;}

#DSG_wrapper .nav.inner{margin: 5em 0 0 0;}
#DSG_wrapper .nav.inner ul li{display: inline-block; *display: inline; zoom: 1; width: 33%; margin-left: -1px; text-align: center;}
#DSG_wrapper .nav.inner a{display: block; background: #e5e5e5; color: #000; font-size: 20px; padding: 1%;}
#DSG_wrapper .nav.inner ul li a:hover,#DSG_wrapper .nav ul li a.active{background: #fae924;}

/* ////////////container for products//////////// */
#DSG_wrapper .intro p{ font-size: 24px; line-height: 1.2; margin: 1em 1em; font-weight:  bold;}
#DSG_wrapper .row-fluid {clear: both; position: relative; height: 1%; padding: 15px 15px 0 15px; margin: auto; background: #e5e5e5; }
#D#DSG_wrapper .row-fluid:before, #DSG_wrapper .row-fluid:after {content: ''; display: table;}
#DSG_wrapper .row-fluid:after {clear: both; }
#DSG_wrapper .row-fluid:before, #DSG_wrapper .row-fluid:after {content: ''; display: table;}

/*///////////////////////////////regular columns default /////*/
#DSG_wrapper [class^="col"], 
#DSG_wrapper [class*="col"] {float: left; margin-left: 15px;background: #fff; position: relative;}
#DSG_wrapper [class^="col"] > figure, 
#DSG_wrapper [class*="col"] > figure{display: block; margin: 0 auto 15px auto; width: auto;overflow: hidden;float: left;;}
#DSG_wrapper [class^="col"] > figure img, 
#DSG_wrapper [class*="col"] > figure img{ width: auto;}
#DSG_wrapper [class^="col"]:first-child, 
#DSG_wrapper [class*="col"]:first-child{margin-left: 0; }
#DSG_wrapper [class^="col"]:nth-child(4n+1), 
#DSG_wrapper [class*="col"]:nth-child(4n+1){margin-left: 0}

#DSG_wrapper .row-fluid .col { width: 49.3%;}
#DSG_wrapper .row-fluid .col-acc { width: 24.9%;transition: .3s; margin: -1px 0px 0px -1px; border: 1px solid #ccc; text-decoration: none; text-align: center; z-index: 0;height: 335px; overflow: hidden;}

#DSG_wrapper .row-fluid .col article{ width: 38%; background: #000; position: relative; float: right; color: #fff; padding: 4%;  position: absolute; top: 0; bottom: 0; right: 0;}
#DSG_wrapper .row-fluid .col article h2{font-size: 24px;}
#DSG_wrapper [class^="col"] h2, 
#DSG_wrapper [class*="col"] h2 {font-size: 24px;}
#DSG_wrapper .p-washers{background: #e5e5e5;padding-bottom: 15px;;}

#DSG_wrapper .p-washers h2{color: #fae924; text-align: center; background: #000; margin: 0; font-size: 28px; padding: .3em;}
#DSG_wrapper .row-fluid .col article h2{color: #fff; padding: 0; margin-bottom: .5em; text-align: left;}
#DSG_wrapper .row-fluid .col article  ul{margin: 0; padding: 0;}
#DSG_wrapper .row-fluid .col article  ul li{ background: url(https://currysprod.a.bigcontent.io/v1/static/krchr-tick) no-repeat left top; padding: 0; padding:0px 0 10px 30px; font-size: 15px; list-style: none; margin: 4px 0;}
#DSG_wrapper .row-fluid .col article a{text-decoration: none; color: #fdeb1b; font-size: 20px; position: absolute;bottom: 4%; left: 8%; }
#DSG_wrapper .row-fluid .col article a:hover{opacity: .8;}

#DSG_wrapper .row-fluid .col.khome { height: 420px; }

#DSG_wrapper .banner{padding: 0px; margin:0 0 20px 0px;; position: relative; display: block; height: auto; border: none;}
#DSG_wrapper .banner img{display: block;}
#DSG_wrapper .banner div{position: absolute; background: rgba(0,0,0,.7); top: 0; left: 0; width: 400px; bottom: 0; color: #fff; padding: 2%;}
#DSG_wrapper .banner div h3{ color: #fdeb1b;}

/*accessories */
#DSG_wrapper .row-fluid.bgwhite {background: #fff; padding: 0;}
#DSG_wrapper .row-fluid .col-acc p{display: block; color: #000;background:#fdeb1b; margin: 0;font-size: 18px;  padding: .5em; }
#DSG_wrapper .row-fluid .col-acc img{max-width: 100%; }
#DSG_wrapper .row-fluid .col-acc.cta{background: #000;}
#DSG_wrapper .row-fluid .col-acc.cta p{color: #fdeb1b; display: inline-block; vertical-align: middle; padding-top: 43%; background: none;font-size: 24px;width: 88%;;;height: 100px;;;;}
#DSG_wrapper .row-fluid .col-acc.cta img{width: 1px; display: inline-block; vertical-align: middle;}
#DSG_wrapper .row-fluid .col-acc:hover{border-color: #fdeb1b;z-index: 200;}
#DSG_wrapper .row-fluid .col-acc:hover {-ms-transform: scale(1.02); -webkit-transform: scale(1.02); transform: scale(1..2);} 
#DSG_wrapper .row-fluid.steam .col-acc{ height: 322px;}


.ie8 #DSG_wrapper .nav.home ul li, .ie7 #DSG_wrapper .nav.home ul li{width: 32%;}
.ie8 #DSG_wrapper .row-fluid .col{width: 49%;}
.ie8 #DSG_wrapper .row-fluid .col-acc, .ie7 #DSG_wrapper .row-fluid .col-acc{width: 24%;overflow: hidden; height: auto;;}
.ie8 #DSG_wrapper .row-fluid .col-acc p,.ie7 #DSG_wrapper .row-fluid .col-acc p {font-size: 16px;}
.ie8 #DSG_wrapper .row-fluid .col article ul li {font-size: 14px;}
.ie8 #DSG_wrapper .header p {width: 35%;}
/* window vacs */
.ie8 #DSG_wrapper .row-fluid.vacs .col-acc p, .ie7 #DSG_wrapper .row-fluid.vacs .col-acc p{height: 45px;}
.ie8 #DSG_wrapper .row-fluid.vacs .col-acc.cta p, .ie7 #DSG_wrapper .row-fluid.vacs .col-acc.cta p{height: auto;}
.ie8 #DSG_wrapper .row-fluid.steam .col-acc{ height:auto;}

@media only screen and (min-width: 0px) and (max-width:1240px) {
	#DSG_wrapper .nav.home ul li{width: 32%;}
	#DSG_wrapper .row-fluid .col{width: 49%; min-height: 397px;}
	#DSG_wrapper .row-fluid .col-acc{width: 24.8%;overflow: hidden; height: auto;;}
	#DSG_wrapper .row-fluid .col-acc p {font-size: 16px;}
	#DSG_wrapper .row-fluid .col article ul li {font-size: 14px;}
	#DSG_wrapper .header p {width: 35%;}
	/* window vacs */
	#DSG_wrapper .row-fluid.vacs .col-acc p{height: 45px;}
	#DSG_wrapper .row-fluid.vacs .col-acc.cta p{height: auto;}
	#DSG_wrapper .row-fluid.steam .col-acc{ height:auto;}
	#DSG_wrapper .row-fluid .col-acc.cta p{padding: 4%;}
	#DSG_wrapper .row-fluid .col.khome {
height: 450px}
}

@media only screen and (min-width: 0px) and (max-width:980px) {
	#DSG_wrapper .row-fluid .col{width: auto;float: none; display: block; margin-left: 0; overflow: auto; height:auto; min-height: 0;}
	#DSG_wrapper .row-fluid .col { margin: 1em 0;}
	#DSG_wrapper .row-fluid {padding-top: 0;}
	#DSG_wrapper .banner div h3{font-size: 30px;}
	#DSG_wrapper .row-fluid .col-acc{width: 33%;}
	#DSG_wrapper .row-fluid .col-acc p{min-height: 60px;}
	#DSG_wrapper .intro p {font-size: 18px;}
	#DSG_wrapper .header img {width: auto; display: block; max-width: 100%; margin: 1em 0;}
	#DSG_wrapper .header p {float: none;width: auto;display: block;}
	#DSG_wrapper .row-fluid .col.khome {height:auto; }
	#DSG_wrapper .row-fluid .col article{position: relative; padding-bottom: 5em;}
}
@media only screen and (min-width: 0px) and (max-width:758px) {
	#DSG_wrapper .nav.home ul li{width: auto;display: block; }
}

@media only screen and (min-width: 0px) and (max-width:599px) {
	#DSG_wrapper .row-fluid .col article{position: relative; width: auto; display: block; left: 0; float: none; text-align: left;}
	#DSG_wrapper [class^="col"] > figure, #DSG_wrapper [class*="col"] > figure{display: block;width: auto;float: none; text-align: center;}
	#DSG_wrapper .row-fluid .col,#DSG_wrapper .row-fluid .col.khome{height: auto;overflow: hidden;}
	#DSG_wrapper .banner div h3{font-size: 20px;}
	#DSG_wrapper .banner.banner {font-size: 18px; }
	#DSG_wrapper .banner div{right: 0; width: auto;}
	#DSG_wrapper .row-fluid .col-acc{width: 49.5%;}
	#DSG_wrapper .nav.inner ul li{display: block;width: auto;}
	#DSG_wrapper .nav.inner{margin-top: 2em;}
	#DSG_wrapper .row-fluid .col article a{position: static; }
}