HP X32 31.5″ QHD IPS Gaming Monitor 16:9,165Hz 1ms, Freesync, DisplayPort & HDMI

img {
max-width: 100%;
vertical-align: middle;
border: 0;
}
.span9 {
width: 700px
}
.span8 {
width: 620px
}
.span6 {
width: 460px
}
.span4 {
width: 300px
}
.row-fluid {
width: 100%;
*zoom:1
}
.row-fluid:before, .row-fluid:after {
display: table;
line-height: 0;
content: “”
}
.row-fluid:after {
clear: both
}
.row-fluid [class*=”span”] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.127659574468085%;
*margin-left:2.074468085106383%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.row-fluid [class*=”span”]:first-child {
margin-left: 0
}
.row-fluid .controls-row [class*=”span”]+[class*=”span”] {
margin-left:2.127659574468085%
}
.row-fluid .span12 {
width: 100%;
*width:99.94680851063829%
}
.row-fluid .span8 {
width: 65.95744680851064%;
*width:65.90425531914893%
}
.row-fluid .span6 {
width: 48.93617021276595%;
*width:48.88297872340425%
}
.row-fluid .span4 {
width: 31.914893617021278%;
*width:31.861702127659576%
}
@media(min-width:1200px) {
.span12 {
width: 1170px
}
.span8 {
width: 770px
}
.span6 {
width: 570px
}
.span4 {
width: 370px
}
.row-fluid {
width: 100%;
*zoom:1
}
.row-fluid:before, .row-fluid:after {
display: table;
line-height: 0;
content: “”
}
.row-fluid:after {
clear: both
}
.row-fluid [class*=”span”] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.564102564102564%;
*margin-left:2.5109110747408616%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.row-fluid [class*=”span”]:first-child {
margin-left: 0
}
.row-fluid .controls-row [class*=”span”]+[class*=”span”] {
margin-left:2.564102564102564%
}
.row-fluid .span12 {
width: 100%;
*width:99.94680851063829%
}
.row-fluid .span8 {
width: 65.81196581196582%;
*width:65.75877432260411%
}
.row-fluid .span6 {
width: 48.717948717948715%;
*width:48.664757228587014%
}
.row-fluid .span4 {
width: 31.623931623931625%;
*width:31.570740134569924%
}
input, textarea, .uneditable-input {
margin-left: 0
}
.controls-row [class*=”span”]+[class*=”span”] {
margin-left:30px
}
input.span12, textarea.span12, .uneditable-input.span12 {
width: 1156px
}
input.span8, textarea.span8, .uneditable-input.span8 {
width: 756px
}
input.span6, textarea.span6, .uneditable-input.span6 {
width: 556px
}
input.span4, textarea.span4, .uneditable-input.span4 {
width: 356px
}
.row-fluid {
margin-left: 0
}
}
@media(min-width:768px) and (max-width:979px) {
.span12 {
width: 724px
}
.span8 {
width: 476px
}
.span6 {
width: 352px
}
.span4 {
width: 228px
}
.row-fluid {
width: 100%;
*zoom:1
}
.row-fluid:before, .row-fluid:after {
display: table;
line-height: 0;
content: “”
}
.row-fluid:after {
clear: both
}
.row-fluid [class*=”span”] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.7624309392265194%;
*margin-left:2.709239449864817%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.row-fluid [class*=”span”]:first-child {
margin-left: 0
}
.row-fluid .controls-row [class*=”span”]+[class*=”span”] {
margin-left:2.7624309392265194%
}
.row-fluid .span12 {
width: 100%;
*width:99.94680851063829%
}
.row-fluid .span8 {
width: 65.74585635359117%;
*width:65.69266486422946%
}
.row-fluid .span6 {
width: 48.61878453038674%;
*width:48.56559304102504%
}
.row-fluid .span4 {
width: 31.491712707182323%;
*width:31.43852121782062%
}
.row-fluid .span3 {
width: 22.92817679558011%;
*width:22.87498530621841%
}
.row-fluid .span2 {
width: 14.3646408839779%;
*width:14.311449394616199%
}
.row-fluid .span1 {
width: 5.801104972375691%;
*width:5.747913483013988%
}
input, textarea, .uneditable-input {
margin-left: 0
}
.controls-row [class*=”span”]+[class*=”span”] {
margin-left:20px
}
input.span12, textarea.span12, .uneditable-input.span12 {
width: 710px
}
input.span8, textarea.span8, .uneditable-input.span8 {
width: 462px
}
input.span6, textarea.span6, .uneditable-input.span6 {
width: 338px
}
input.span4, textarea.span4, .uneditable-input.span4 {
width: 214px
}
}
@media(max-width:767px) {
body {
padding-right: 20px;
padding-left: 20px
}
.container-fluid {
padding: 0
}
.container {
width: auto
}
.row-fluid {
width: 100%
}
[class*=”span”], .uneditable-input[class*=”span”], .row-fluid [class*=”span”] {
display:block;
float:none;
width:100%;
margin-left:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.span12, .row-fluid .span12 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.row-fluid [class*=”offset”]:first-child {
margin-left: 0
}
}
body {
font-family: Arial, Helvetica, sans-serif;
}
.listing-images .thumbnails .span4:nth-child(3n+1) {
margin-left: 0;
}
.main-image {
margin-top: 20px;
}
.prodSpec {
width: 100%;
font-family: Arial, Helvetica, sans-serif;
border-color: #ccc;
border-style: solid;
border-width: thin;
}
h5 {
margin: -10px -15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #FFF;
line-height: 36px;
text-align: left;
background-color: #1976d2;
font-weight: 500;
padding: 10px 15px;
}
h2 {
font-size: 15px;
}
.prodSpec th {
font-weight: bold;
font-size: 16px;
text-align: left;
padding: 10px 15px;
vertical-align: text-top;
background-color: #f4f4f4;
width: 30%;
border-bottom-color: #ccc;
border-bottom-style: solid;
border-width: thin;
}
.prodSpec td {
font-weight: normal;
font-size: 16px;
padding: 10px 15px;
text-align: left;
width: 60%;
border-bottom-color: #ccc;
border-bottom-style: solid;
border-width: thin;
}
.specHeadr {
background-color: #1976d2;
}
.span12 {
font-family: Arial, Helvetica, sans-serif;
}
h1 {
font-size: 24px;
}
ul, li {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
.spec {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
margin-left: 20px;
margin-right: 20px;
}
p {
font-size: 12px;
}
.specdata {
margin-left: 10px;
margin-right: 10px;
}
.condition {
margin-left: 10px;
margin-right: 10px;
text-align: justify;
}