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




/* category page starts here */

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