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