.section_wrapper { max-width:100% !important;}
.dark-bg {
background-color: #333 !important; margin-bottom:0 !important;
}
.products {
float: left;
margin: 0 15px;
width: 29.6%;
}
.select-red::-ms-expand {
display: none;
}
.select-red {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background-color: #fe0000 !important;
border-radius: 10px;
color: #fff;
background:url(http://dsc.onlinedemosite.com/wp-content/uploads/2015/10/1442405968_arrow-drop-down.png) no-repeat;
background-size:15px;
background-position:95% 50%;
text-transform:uppercase;
font-weight: bold;
text-align: center;
width: 100%;
}
.select-red:focus, .select-red:active {background-color: #fe0000 !important;
color: #fff;}
.req { font-weight:bold; font-size:12pt; float:left; text-align:left; width:50%; color:#fff;}
.all{ font-weight:bold; font-style:italic; font-size:12pt; float:right; text-align:right; width:50%; color:#fff;}
.unstyle { list-style:none; padding:0; margin:0 !important;}
.unstyle li { display:inline;}
.grey { width:30.7%; text-align:center; height:auto;}
.clearfix { clear:both !important;}
.top-head { color:#fff; padding:10px 0; font-weight:bold; text-align:center; text-transform:uppercase;}
.btn-container { padding:20px; width:96.7%;}
.product-div { padding:20px; width:96.7%;}
.reds { width:30.7%; padding:0 15px; float:left;}
.status-div { padding:20px; background-color:#333 !important; margin-bottom:0 !important;}
.slash-path { padding:10px; margin-bottom:0 !important;}
.pro-name { color:#333; text-align:center;  margin: 7px 0; font-size:12pt; font-weight:bold;}
.price { text-align:center; color:#fe0000;  margin: 7px 0; font-size:12pt; font-weight:bold;}
@media screen 
and (max-device-width: 1239px) {
.btn-container { padding:20px; width:95.7%;}
.reds {
float: left;
padding: 0 15px;
width: 29.9%;
}
.product-div {
padding: 20px;
width: 95.6%;
}
.grey {
height: auto;
text-align: center;
width: 29.9%;
}
}
@media screen 
and (max-device-width: 959px) {
.btn-container {
padding: 20px;
width: 94.1%;
}
.reds {
float: left;
padding: 0 15px;
width: 28.7%;
}
.product-div {
padding: 20px;
width: 94.1%;
}
.grey {
height: auto;
text-align: center;
width: 28.7%;
}
}
@media screen 
and (max-device-width: 767px) {
.btn-container {
padding: 20px 15px;
width: 92.1%;
}
.reds {
float: left;
padding: 0 8px;
width: 28.6%;
}
.req {
color: #ffffff;
float: left;
font-size: 12pt;
font-weight: bold;
text-align: left;
width: 100%;
}
.all {
color: #ffffff;
float: right;
font-size: 12pt;
font-style: italic;
font-weight: bold;
text-align: right;
width: 100%;
}
.product-div {
width: 89.3%;
}
.products {
float: left;
margin: 15px 25%;
width: 29.6%;
}
.grey {
height: auto;
text-align: center;
width: 50%;
}
}
@media screen 
and (max-device-width: 479px) {
.btn-container {
padding: 20px 15px;
width: 88.1%;
}
.reds {
float: left;
padding: 0 8px;
width: 93%;
}
.req {
color: #ffffff;
float: left;
font-size: 11pt;
font-weight: bold;
text-align: left;
width: 100%;
}
.all {
color: #ffffff;
float: right;
font-size: 11pt;
font-style: italic;
font-weight: bold;
text-align: right;
width: 100%;
}
.product-div {
width: 84.1%;
}
.products {
float: left;
margin: 15px;
width: 29.6%;
}
.grey {
height: auto;
text-align: center;
width: 86%;
}
} .product-all { padding:35px; width:94.2%;}
.wire{
height: auto;
text-align: center;
width: 47.3%;
}
.product-title {
color: #333333;
font-size: 18pt;
font-weight: bold;
margin: 7px 0;
text-align: center;
}
.mini { text-align:center; font-size:9pt; color:#333; margin:7px auto; width:50%;}
@media screen 
and (max-device-width: 1239px) {
.btn-container { padding:20px; width:95.7%;}
.wire {
height: auto;
text-align: center;
width: 46.4%;
}
.product-all {
padding: 35px;
width: 92.5%;
}
.reds {
float: left;
padding: 0 15px;
width: 29.9%;
}
.product-div {
padding: 20px;
width: 95.6%;
}
.grey {
height: auto;
text-align: center;
width: 29.9%;
}
}
@media screen 
and (max-device-width: 959px) {
.btn-container {
padding: 20px;
width: 94.1%;
}
.reds {
float: left;
padding: 0 15px;
width: 28.7%;
}
.product-div {
padding: 20px;
width: 94.1%;
}
.grey {
height: auto;
text-align: center;
width: 28.7%;
}
.product-all {
padding: 35px;
width: 89.8%;
}
.wire {
height: auto;
text-align: center;
width: 45.1%;
}
}
@media screen 
and (max-device-width: 767px) {
.product-all {
padding: 35px;
width: 81.4%;
}
.products {
float: left;
margin: 15px 0 !important;
width: 100% !important;
}
.btn-container {
padding: 20px 15px;
width: 92.1%;
}
.reds {
float: left;
padding: 0 8px;
width: 28.6%;
}
.req {
color: #ffffff;
float: left;
font-size: 12pt;
font-weight: bold;
text-align: left;
width: 100%;
}
.all {
color: #ffffff;
float: right;
font-size: 12pt;
font-style: italic;
font-weight: bold;
text-align: right;
width: 100%;
}
.product-div {
width: 89.3%;
}
.products {
float: left;
margin: 15px 25%;
width: 29.6%;
}
.grey {
height: auto;
text-align: center;
width: 50%;
}
}
@media screen 
and (max-device-width: 479px) {
.product-all {
padding: 20px;
width: 84.4%;
}
.products {
float: left;
margin: 15px;
width: 86%;
}
.btn-container {
padding: 20px 15px;
width: 88.1%;
}
.reds {
float: left;
padding: 0 8px;
width: 93%;
}
.req {
color: #ffffff;
float: left;
font-size: 11pt;
font-weight: bold;
text-align: left;
width: 100%;
}
.all {
color: #ffffff;
float: right;
font-size: 11pt;
font-style: italic;
font-weight: bold;
text-align: right;
width: 100%;
}
.product-div {
width: 84.1%;
}
.products {
float: left;
margin: 15px;
width: 29.6%;
}
.grey {
height: auto;
text-align: center;
width: 86%;
}
}