/* General styles */ .breadcrumb {display:none;} #DSG_wrapper { background:#fff; color:#666; font-family: Arial, Helvetica, sans-serif;} #DSG_wrapper *{ box-sizing:border-box; -moz-box-sizing:border-box;} #DSG_wrapper .wrapper{ width: 100%; max-width:1240px; margin: 0 auto;} #DSG_wrapper p{font-size:15px; font-family: arial,helvetica,sans-serif;} #DSG_wrapper h2{font-family: 'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', sans-serif;font-weight:300;font-size:27px;} #DSG_wrapper img{ max-width:100%; height:auto;} #DSG_wrapper i{font-size:80%;} .dsgbackground { background:#fff; color:#4b4b4b;} #DSG_wrapper .group:before, #DSG_wrapper .group:after {content: "";display: table;} #DSG_wrapper .group:after {clear: both;} #DSG_wrapper .group {zoom: 1;} #DSG_wrapper #smallwrapper {max-width:1000px;margin: 0 auto;} #DSG_wrapper .butn {padding:20px;color:#fff;background-color:#1D1F85;font-family:'Gotham A', 'Gotham B', 'Helvetica', 'Arial', sans-serif;font-weight:500;font-size:15px;line-height:2;} #DSG_wrapper .butn {color: #ffffff; padding: 15px 20px 15px 20px; text-decoration: none;} /* Header */ #DSG_wrapper header h1{font-size:40px;font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', sans-serif;font-weight:300;color:#4b4b4b;} #DSG_wrapper header p{font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', sans-serif;font-weight:bold;color:#fff;margin-top:-38px;margin-right:22px;} #DSG_wrapper header .divider {background-color:#4b4b4b; width:100%;} #DSG_wrapper .divider {height:2px;} /* Navigation blocks */ #DSG_wrapper #navigation {margin-left:1%;margin-bottom:40px;margin-top:12px;} #DSG_wrapper h2 img{padding-right:10px; margin: 0px 0px 5px 0px;} #DSG_wrapper .navblock { position: relative; margin: 0 auto; max-width: 1000px; list-style: none; text-align: center; font-family:gotham,sans-serif;} #DSG_wrapper .navblock a{text-decoration:none;} #DSG_wrapper .navblock figure { position: relative; float: left; overflow: hidden; margin: 10px 0%; background: #3085a3; text-align: center; cursor: pointer;} #DSG_wrapper .navblock figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.5;} #DSG_wrapper .bigblock { max-width: 480px; max-height: 360px; width: 48%;} #DSG_wrapper .moblist {margin-top:10px;} #DSG_wrapper .navstrip {width:100%; padding:10px; text-align:center;background-color:#000;margin-top:5px; border-radius: 5px;} #DSG_wrapper .navstrip h1{font-size:24px;font-family:'Gotham SSm A', 'Gotham SSm B', 'Helvetica', 'Arial', sans-serif; color:#fff;} #DSG_wrapper .navstrip a {text-decoration: none;} #DSG_wrapper .firstmob {background:url('https://pcw-ssl.cdn.dixons.com/css/themes/desktop_new_range/img/Allinone-Mobile.jpg');} #DSG_wrapper .gamingmob {background:url('https://pcw-ssl.cdn.dixons.com/css/themes/desktop_new_range/img/Gaming-Mobile.jpg');} #DSG_wrapper .windowsmob {background:url('https://pcw-ssl.cdn.dixons.com/css/themes/desktop_new_range/img/Windows10-Mobile.jpg');} #DSG_wrapper .sffmob {background:url('https://pcw-ssl.cdn.dixons.com/css/themes/desktop_new_range/img/SFF-Mobile.jpg');} #DSG_wrapper .oelmob {background:url('https://pcw-ssl.cdn.dixons.com/css/themes/desktop_new_range/img/OEL-Mobile.jpg');} /* Title and text */ #DSG_wrapper .navblock figure figcaption { padding: 1em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;} #DSG_wrapper .navblock figure figcaption::before, #DSG_wrapper .navblock figure figcaption::after { pointer-events: none;} #DSG_wrapper .navblock figure figcaption, #DSG_wrapper .navblock figure figcaption > a { position: absolute; top: 0; left: 0; width: 60%; height: 100%;} #DSG_wrapper .navblock figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;} #DSG_wrapper .navblock figure h2 { word-spacing: -0.15em; font-weight: 300;} #DSG_wrapper .navblock figure h2 span { font-weight: 800;} #DSG_wrapper .navblock figure h2, #DSG_wrapper .navblock figure p { margin: 0;} #DSG_wrapper .navblock figure p { letter-spacing: 1px; font-size: 68.5%;} /* Hover effects */ #DSG_wrapper figure.blockeffects { background: #10B3FF;} #DSG_wrapper figure.blockeffects img { max-width: none; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden;} #DSG_wrapper figure.blockeffects:hover img { opacity: 0.2; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} #DSG_wrapper figure.blockeffects figcaption { text-align: left;min-width:250px;} #DSG_wrapper .littleblock figure.blockeffects figcaption {min-width:170px;} #DSG_wrapper figure.blockeffects h2 { position: relative; overflow: hidden; padding: 0.5em 0;} #DSG_wrapper figure.blockeffects h2::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } #DSG_wrapper figure.blockeffects:hover h2::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} #DSG_wrapper figure.blockeffects p { padding: 1em 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);font-family:Helvetica,sans-serif;} #DSG_wrapper figure.blockeffects:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} /* Navigation All in One block colour */ #DSG_wrapper .firstblock {position:relative;transition: all .3s ease-in-out;} #DSG_wrapper figure.allinone { background:#CC9900;} /* Navigation Small Form Factor block colour */ #DSG_wrapper .sffblock {position:relative;transition: all .3s ease-in-out;} #DSG_wrapper figure.sffcolour { background:#D11133;} /* Navigation Windows block colour */ #DSG_wrapper .windowsblock {position:relative;transition: all .3s ease-in-out;} #DSG_wrapper .windowsblock figure img {opacity: 1;} /* Navigation Gaming block colour */ #DSG_wrapper .gamingblock {position:relative;transition: all .3s ease-in-out;} #DSG_wrapper figure.gamingcolour { background:#00D503;} /* Navigation OEL block colour */ #DSG_wrapper .oelblock {position:relative;transition: all .3s ease-in-out;} #DSG_wrapper figure.oelcolour { background:#7D00A4;} /* View all block colour */ #DSG_wrapper .navblock.viewall figure img{opacity:1;} #DSG_wrapper figure.viewcolour { background:#00D503;} /* Windows */ #DSG_wrapper #windows {max-width:1040px;margin: 0 auto;margin-top:40px;padding:20px;} #DSG_wrapper #windows .divider {background-color:#30c4ee;margin-bottom:20px;} #DSG_wrapper #windows .grid_4 {text-align:left;} #DSG_wrapper #windows .grid_4 .divider {background:#e2e2e2;} #DSG_wrapper #windows .grid_5, #DSG_wrapper #windows .grid_7 {padding-top:40px;} #DSG_wrapper #windows .grid_7 p {padding-right:20px;padding-bottom:20px;} #DSG_wrapper .windowsbutn:hover {background: #24ADD4; text-decoration: none;} #DSG_wrapper .windowsbutn { background: #30C4EE; text-decoration: none;} /* Gaming */ #DSG_wrapper #gaming {max-width:1040px;margin: 0 auto;margin-top:40px;padding:20px;} #DSG_wrapper #gaming .divider {background-color:#006600;margin-bottom:20px;} #DSG_wrapper #gaming .grid_6 .divider {width:90%; background-color:#e6e6e6;} #DSG_wrapper #gaming .grid_6 p {padding:0px 20px 20px 0px} #DSG_wrapper .gamingbutn:hover {background: #067E06; text-decoration: none;transition:1s;} #DSG_wrapper .gamingbutn { background: #006600; text-decoration: none;margin-top:20px;} #DSG_wrapper .imgcntr {text-align:center;} /* All in one */ #DSG_wrapper #allinone {max-width:1000px;margin: 0 auto;} #DSG_wrapper #allinone .divider {background-color:#e19818;} #DSG_wrapper #allinone {height:800px; background-image: url('https://pcw-ssl.cdn.dixons.com/css/themes/desktop_new_range/img/Touchscreen-Full-Width.jpg');background-repeat: no-repeat; background-attachment: fixed;position:relative;margin-top:40px;color:#fff;} #DSG_wrapper .description {padding:20px;} #DSG_wrapper .dotty { position:absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(35, 35, 35, 0.79);} #DSG_wrapper #allinone .orange {background-color:rgba(234,164,57,0.8);padding:20px;color:#fff;width:49%;float:left;margin-left:1%;margin-top:40px;} #DSG_wrapper #allinone .imagebox {width:49%;max-width:500px;margin:0 auto;width:40%;margin-left:5%;float:left;margin-top:40px;} #DSG_wrapper #allinone h3 {text-align:center;margin-top:20px;} #DSG_wrapper #allinone .grid_3 {margin-top:20px;text-align:center;padding:10px;} #DSG_wrapper #allinone .grid_3 img {padding-bottom:10px;} #DSG_wrapper #allinone .grid_3 p {text-align:left;} #DSG_wrapper .tchbutn { background: #292929; text-decoration: none;} #DSG_wrapper .tchbutn:hover {background: #000; text-decoration: none;transition:1s;} /* Our experts love */ #DSG_wrapper #experts {max-width:1040px;margin: 0 auto;margin-top:20px;padding:20px;} #DSG_wrapper #experts .divider {background-color:#333366;margin-bottom:20px;} #DSG_wrapper #experts .grid_6 {padding-bottom:20px;padding:5px;} #DSG_wrapper .oelbutn:hover {background: #46129F; text-decoration: none;transition:1s;} #DSG_wrapper .oelbutn { background: #333366; text-decoration: none;} #DSG_wrapper #experts li{color:#000;font-size:12px;list-style-image: url('https://pcw-ssl.cdn.dixons.com/css/themes/desktop_new_range/img/purpledot.png');} /* Our experts love product slider */ #DSG_wrapper input { display: none;} #DSG_wrapper #slide1:checked ~ #slides .inner { margin-left:0; } #DSG_wrapper #slide2:checked ~ #slides .inner { margin-left:-100%; } #DSG_wrapper #slide3:checked ~ #slides .inner { margin-left:-200%; } #DSG_wrapper #slide4:checked ~ #slides .inner { margin-left:-300%; } #DSG_wrapper #slide5:checked ~ #slides .inner { margin-left:-400%; } #DSG_wrapper #slide6:checked ~ #slides .inner { margin-left:0; } #DSG_wrapper #slide7:checked ~ #slides .inner { margin-left:-100%; } #DSG_wrapper #slide8:checked ~ #slides .inner { margin-left:-200%; } #DSG_wrapper #slide9:checked ~ #slides .inner { margin-left:-300%; } #DSG_wrapper #slide10:checked ~ #slides .inner { margin-left:-400%; } #DSG_wrapper #overflow { width: 100%; overflow: hidden;} #DSG_wrapper #mobiles article img { width: 100%;} #DSG_wrapper #slides .inner { width: 500%; line-height: 0;} #DSG_wrapper #slides article { width: 20%; float: left; text-align:center;} #DSG_wrapper #slides { margin: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* MOBILE IMAGE SLIDER CONTROLS */ #DSG_wrapper #controls { margin: -50% 0 0 0; width: 100%; height: 50px;} #DSG_wrapper #controls label { display: none; width: 50px; height: 50px; opacity: 0.3;} #DSG_wrapper #active { margin: 45% 0 0; text-align: center;} #DSG_wrapper #active label { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; width: 50px; height: 50px; padding:0px; } #DSG_wrapper #active label:hover { background: #b1b1b1; border-color: #777 !important;} #DSG_wrapper #controls label:hover { opacity: 0.8;} #DSG_wrapper #slide1:checked ~ #controls label:nth-child(2), #DSG_wrapper #slide2:checked ~ #controls label:nth-child(3), #DSG_wrapper #slide3:checked ~ #controls label:nth-child(4), #DSG_wrapper #slide4:checked ~ #controls label:nth-child(5), #DSG_wrapper #slide5:checked ~ #controls label:nth-child(1) #DSG_wrapper #slide6:checked ~ #controls label:nth-child(7), #DSG_wrapper #slide7:checked ~ #controls label:nth-child(8), #DSG_wrapper #slide8:checked ~ #controls label:nth-child(9), #DSG_wrapper #slide9:checked ~ #controls label:nth-child(10), #DSG_wrapper #slide10:checked ~ #controls label:nth-child(6) { background: url('next.png') no-repeat; float: right; margin: 0 -70px 0 0; display: block; } #DSG_wrapper #slide1:checked ~ #controls label:nth-child(5), #DSG_wrapper #slide2:checked ~ #controls label:nth-child(1), #DSG_wrapper #slide3:checked ~ #controls label:nth-child(2), #DSG_wrapper #slide4:checked ~ #controls label:nth-child(3), #DSG_wrapper #slide5:checked ~ #controls label:nth-child(4) #DSG_wrapper #slide6:checked ~ #controls label:nth-child(10), #DSG_wrapper #slide7:checked ~ #controls label:nth-child(6), #DSG_wrapper #slide8:checked ~ #controls label:nth-child(7), #DSG_wrapper #slide9:checked ~ #controls label:nth-child(8), #DSG_wrapper #slide10:checked ~ #controls label:nth-child(9) { background: url('prev.png') no-repeat; float: left; margin: 0 0 0 -70px; display: block; } #DSG_wrapper #slide1:checked ~ #active label:nth-child(1), #DSG_wrapper #slide2:checked ~ #active label:nth-child(2), #DSG_wrapper #slide3:checked ~ #active label:nth-child(3), #DSG_wrapper #slide4:checked ~ #active label:nth-child(4), #DSG_wrapper #slide5:checked ~ #active label:nth-child(5) #DSG_wrapper #slide6:checked ~ #active label:nth-child(6), #DSG_wrapper #slide7:checked ~ #active label:nth-child(7), #DSG_wrapper #slide8:checked ~ #active label:nth-child(8), #DSG_wrapper #slide9:checked ~ #active label:nth-child(9), #DSG_wrapper #slide10:checked ~ #active label:nth-child(10){ background: #878787; } /* MOBILE SLIDER IMAGE ANIMATION */ #DSG_wrapper #slides .inner { -webkit-transform: translateZ(0); -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */ -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */ } #DSG_wrapper #slider { -webkit-transform: translateZ(0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #DSG_wrapper #controls label{ -webkit-transform: translateZ(0); -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } #DSG_wrapper #slide1:checked ~ #slides article:nth-child(1) .info, #DSG_wrapper #slide2:checked ~ #slides article:nth-child(2) .info, #DSG_wrapper #slide3:checked ~ #slides article:nth-child(3) .info, #DSG_wrapper #slide4:checked ~ #slides article:nth-child(4) .info, #DSG_wrapper #slide5:checked ~ #slides article:nth-child(5) .info #DSG_wrapper #slide6:checked ~ #slides article:nth-child(6) .info, #DSG_wrapper #slide7:checked ~ #slides article:nth-child(7) .info, #DSG_wrapper #slide8:checked ~ #slides article:nth-child(8) .info, #DSG_wrapper #slide9:checked ~ #slides article:nth-child(9) .info, #DSG_wrapper #slide10:checked ~ #slides article:nth-child(10) .info { opacity: 1; -webkit-transition: all 1s ease-out 0.6s; -moz-transition: all 1s ease-out 0.6s; -o-transition: all 1s ease-out 0.6s; transition: all 1s ease-out 0.6s; } /* Small form factor */ #DSG_wrapper .smallfactor {background-image:url('https://pcw-ssl.cdn.dixons.com/css/themes/desktop_new_range/img/SFF-BG.jpg');background-repeat:no-repeat;background-position:0px 30px;background-color:#fff;border:10px solid #FF3333;padding:20px;} #DSG_wrapper .smallfactor .divider {background-color:#087f05;margin-bottom:10px;} #DSG_wrapper .smallfactor .grid_6 {background:#920707;border-radius:15px;padding:20px;color:#fff;} #DSG_wrapper .smallfactor .box {margin:20px;padding:20px;margin-left:50%;} #DSG_wrapper .sffbutn:hover {background: #FFABAB; text-decoration: none;transition:1s;} #DSG_wrapper .sffbutn { background: #fff; text-decoration: none;color:#920707;} #DSG_wrapper .sffproduct {padding:30px 10px 10px 10px;} #DSG_wrapper .sffproduct img {padding-bottom:10px;} #DSG_wrapper .sffproduct h4{font-size:12px;} #DSG_wrapper .sffproduct li{color:#000;font-size:12px;list-style-image: url('https://pcw-ssl.cdn.dixons.com/css/themes/desktop_new_range/img/reddot.png');} /* Accessories */ #DSG_wrapper #accessories {max-width:1040px;margin: 40px auto;margin-top:40px;padding:20px;} #DSG_wrapper #accessories .divider {background-color:#ec47a8;} #DSG_wrapper #accessories .grid_6 img{padding:1%;} #DSG_wrapper #accessories .grid_6 p{padding:20px;} #DSG_wrapper .accbutn:hover {background: #ff8bcf; text-decoration: none;transition:1s;} #DSG_wrapper .accbutn { background: #ec47a8; text-decoration: none;} #DSG_wrapper #accessories p{padding-top:20px;} #DSG_wrapper .accessoriesblock {margin-top:20px;background-color:#E5C6D8;} /* MEDIAQUERIES */ @media only screen and (min-width: 800px) { #DSG_wrapper .wrapper{ max-width: 1240px; margin: .75em auto;} #DSG_wrapper .bigblock {width:36%;margin-right:1%;float:left;} #DSG_wrapper .littleblock {width:24%;float:left;} #DSG_wrapper .firstblock {height:170px;overflow: hidden;} #DSG_wrapper .sffblock {height:218px;overflow:hidden;} #DSG_wrapper .windowsblock {height:250px;overflow:hidden;} #DSG_wrapper .gamingblock {height:198px;overflow:hidden;} #DSG_wrapper .oelblock {height:190px;overflow:hidden;} #DSG_wrapper .viewall {height:138px; overflow:hidden;} #DSG_wrapper .firstblock, #DSG_wrapper .sffblock, #DSG_wrapper .windowsblock, #DSG_wrapper .gamingblock, #DSG_wrapper .viewall, #DSG_wrapper .oelblock {width:100%; float:left;} #DSG_wrapper .moblist {display:none;} #DSG_wrapper .logo {width:8%;padding-bottom:5px;text-align:right;} #DSG_wrapper .grid_1 { width: 8%; } #DSG_wrapper .grid_2 { width: 16%; } #DSG_wrapper .sffproduct {width:20%;float:left;} #DSG_wrapper .grid_3 { width: 25%; float:left;} #DSG_wrapper .accessoriesblock {width:23%;} #DSG_wrapper .grid_4 { width: 32.3%; margin-right:1%; float:left; } #DSG_wrapper .grid_5 { width: 40%; } #DSG_wrapper .grid_6 { width: 50%; } #DSG_wrapper .grid_7 { width: 60%; } #DSG_wrapper .grid_8 { width: 65%; } #DSG_wrapper .grid_9 { width: 75%; } #DSG_wrapper .grid_10 { width: 84%; } #DSG_wrapper .grid_11 { width: 90%; } #DSG_wrapper .title {width:90%;} #DSG_wrapper .grid_12 { width: 98%; } #DSG_wrapper .smallfactor {width:100%;} #DSG_wrapper header {width:100%;margin-right:1%;float:left;margin-bottom:0px;} #DSG_wrapper #allinone {width:100%; max-width:1240px; margin-bottom:40px;} #DSG_wrapper .logo, #DSG_wrapper .title, #DSG_wrapper .grid_1, #DSG_wrapper .grid_2, #DSG_wrapper .grid_5, #DSG_wrapper .grid_6, #DSG_wrapper .grid_7, #DSG_wrapper .grid_8, #DSG_wrapper .grid_9, #DSG_wrapper .grid_10, #DSG_wrapper .grid_11, #DSG_wrapper .grid_12 {float:left;} #DSG_wrapper .accessoriesblock {float:left;margin-left:1%;margin-right:1%;} #DSG_wrapper .left {float:right;} } /* General styles media queries */ @media only screen and (max-width: 800px) { #DSG_wrapper .blockeffects {height:80px;max-width:800px;background-color:#000;} #DSG_wrapper .desklist {display:none;} #DSG_wrapper .logo {display:none;} #DSG_wrapper .title {text-align:center;} #DSG_wrapper h2{font-size:20px;} #DSG_wrapper header h1{font-size:30px;} #DSG_wrapper .tabletcntr{text-align:center;} #DSG_wrapper .tabhide{display:none;} } @media only screen and (max-width: 450px) { #DSG_wrapper h2{font-size:16px;} #DSG_wrapper .mobhide {display:none;} #DSG_wrapper .butn {padding:5px; font-size:15px;font-weight:500;} #DSG_wrapper h2, #DSG_wrapper h3{font-size:18px;} } @media only screen and (min-width: 400px) and (max-width: 800px) { #DSG_wrapper h2{font-size:22px;} } /* Windows Media Queries */ @media only screen and (max-width:800px) { #DSG_wrapper #windows .grid_8 img {padding-bottom:20px;} #DSG_wrapper #windows .grid_5, #DSG_wrapper #windows .grid_7 {padding-top:20px;} } /* All in one Media Queries */ @media only screen and (max-width:1240px) { #DSG_wrapper .pichide {display:none;} #DSG_wrapper #allinone .orange {width:100%;margin-top:10px;margin-left:0px;} } @media only screen and (max-width: 800px) { #DSG_wrapper #allinone {height:auto; background-image: none;background:#292929;} #DSG_wrapper .dotty { position:relative; background:none;height:auto;} #DSG_wrapper #allinone .orange {float:left;margin-top:20px;} } /* Our experts love media queries */ @media only screen and (min-width: 800px) { #DSG_wrapper #experts .oelspecs {width:50%;float:left;} #DSG_wrapper #experts .oelgallery {width:50%;float:left;} } @media only screen and (min-width: 400px) and (max-width: 800px) { #DSG_wrapper #experts .oelspecs {width:30%;float:left;} #DSG_wrapper #experts .oelgallery {width:70%;float:left;padding-bottom:20px;} } @media only screen and (max-width: 400px) { #DSG_wrapper #experts .oelspecs {width:100%;float:none;} #DSG_wrapper #experts .oelgallery {width:100%;float:none;padding-bottom:40px;} } /* Small Form Factor Media Queries */ @media only screen and (min-width: 800px) { #DSG_wrapper .smallfactor {margin-top:20px;} } @media only screen and (min-width: 499px) and (max-width:800px) { #DSG_wrapper .sffproduct {width:33.3%;float:left;height:400px;} } @media only screen and (max-width: 799px) { #DSG_wrapper .smallfactor {margin-top:20px;} #DSG_wrapper .smallfactor .grid_6 {background:#920707;border-radius:15px;padding:20px;color:#fff;} #DSG_wrapper .smallfactor .box {padding:20px;margin:300px 0px 0px 0px;} } /* Accessories Media Queries */ @media only screen and (min-width: 400px) and (max-width: 800px) { #DSG_wrapper .accessoriesblock {width:48%; float:left;margin-left:1%;margin-right:1%;} } @media only screen and (max-width: 800px) { #DSG_wrapper .accessoriesblock {text-align:center;} #DSG_wrapper .accessories {margin-bottom:40px;} }