.banner {position: relative; margin: 0 auto;}
.banner ul li {display: block;}
.banner ul li img {width: 100%; display: block; max-height: 25vmin !important;}

.products {background: #f5f5f5; padding: 40px 0;}
.products .left {width: 25%; float: left;}
.products .right {width: 75%; float: right;}

.product-category {background: #fff; border: 1px solid #ececec;}
.product-category .heading {font-family: 'roboto_slabregular'; text-transform: uppercase;color: #fff;font-size: 20px;background: #fe5e00;display: inline-block;line-height: 44px;padding: 0 17px 0 25px;margin-left: -10px;position: relative;}
.product-category .heading span {display: none;}
.product-category .heading:after {content: ''; display: block;width: 0;height: 0;border-right: 10px solid #985d09;border-bottom: 10px solid transparent;border-top: 0px solid transparent;position: absolute;left: 0;bottom: -10px;}

.product-category-list {margin-top: 10px;}
.product-category-list ul {}
.product-category-list ul li {display: block;}
.product-category-list ul li a {display: block; border-bottom: 1px solid #ececec !important; font-family: 'proxima_novaregular'; color: #7f7f7f; font-size: 15px; padding: 8px 20px; line-height: 24px !important; transition: all ease 0.5s;}
.product-category-list ul li a:before {content: ''; display: inline-block; width: 17px; height: 12px; background: url(../images/icon_arrow.png) no-repeat 0 0; margin-right: 15px; transition: all ease 0.5s;}

.product-category-list ul li a:hover,
.product-category-list ul li a.active {color: #000;}
.product-category-list ul li a:hover::before,
.product-category-list ul li a.active:before {background-image: url(../images/icon_arrow_hover.png);}



.grid-view {}
.grid-view .heading {border: 1px solid #ececec; background: #fff; padding: 22px 30px; font-family: 'proxima_novasemibold'; color: #242223; font-size: 24px;}
.grid-view .heading .image {display: inline-block; vertical-align: middle; margin-right: 10px;}

.grid-view-list {padding: 30px; border: 1px solid #ececec; background: #fff; margin-top: 2px;font-family: 'proxima_novaregular'; font-size: 16px;
  text-align: justify;line-height: 24px;}
.grid-view-list ul {display: inline-block; width: 100%;}
.grid-view-list li {display: inline-block; text-align: center;width: 31.0303%; margin-right: 2.95%; margin-bottom: 20px ;
  position:relative;list-style: none; vertical-align: top;}
.grid-view-list li:nth-of-type(3n) {margin-right: 0;}
.grid-view-list .image {border: 1px solid #ececec;overflow: hidden;height: 275px;position: relative;}
.grid-view-list .image .read_more_btn{width: 100px;font-size:12px;height: 25px;line-height: 25px;background: #fe5e00;color: #fff;position: absolute;top: 0;left:0;right: 0;bottom: 0;margin: auto;visibility: hidden;z-index: 9;cursor: pointer;-webkit-transition:ease all 0.8s;-o-transition:ease all 0.8s;-moz-transition:ease all 0.8s;transition:ease all 0.8s;}
.grid-view-list .image:hover .read_more_btn{visibility: visible;}
.grid-view-list .image img {display: block;width: 100%;transition: all ease 0.5s;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;height: 275px;}
.grid-view-list .name {font-family: 'proxima_novaregular'; font-size: 14px; text-transform: uppercase; padding: 0 22px; margin-top: 12px; height: 25px; overflow: hidden;}

.cart-action {margin-top: 15px;}
.cart-action .add-cart {display: inline-block; margin: 0 2px;}
.cart-action .add-cart a {border: 1px solid #fe5e00; background: #312f30; cursor:pointer; width: 102px; line-height: 30px; font-family: 'proxima_novaregular';
text-transform: uppercase; color:#fff; font-size: 13px; transition: all ease 0.5s; text-transform:uppercase; position:absolute; top:40%; left:30%;}
.cart-action .add-cart a:hover {border: 1px solid #312f30; background: #fe5e00;}
.cart-action .addtocart { background: #fe5e00; border: 1px solid #fe5e00; display: block; color: #fff; width: 102px; line-height: 30px; font-family: 'proxima_novaregular'; text-transform: uppercase; font-size: 13px; transition: all ease 0.5s;}
.cart-action .addtocart:hover {background: none; color: #fe5e00;}
.cart-action .send-enquiry {display: inline-block;}
.cart-action .send-enquiry a {background: #312f30; border: 1px solid #312f30; display: block; color: #fff; width: 102px; line-height: 30px; font-family: 'proxima_novaregular'; text-transform: uppercase; font-size: 13px; transition: all ease 0.5s;}

.grid-view-list li:hover .image img {transform: scale(1.1) rotate(-5deg);}
.grid-view-list li div.add-cart {visibility:hidden;}
.grid-view-list li:hover div.add-cart {visibility:visible; cursor:pointer;}









@media screen and (max-width: 767px) {
  .products .left {
      float: none;
      margin: 0 auto;
      width: 100%;
  }

  .product-category-list {
    display: none;
  }

  .product-category .heading {
    position:relative;
    width: 100%;
    margin-left: 0;
    /*cursor: pointer;*/
  }
  /*.product-category .heading:before {
    position:absolute;
    content:'+';
    width:16px;
    height:44px;
    color:#fff;
    right:16px;
    top:0;
    cursor: pointer;
  }*/

  .product-category .heading span {
    display: inline-block;
    position: absolute;
    right: 16px;
    cursor: pointer;
  }

  .products .right {
    float: none;
    width: 100%;
    margin: 30px auto 0;
  }
}


@media only screen and (max-width:979px) {
	.grid-view-list li,
	.grid-view-list li:nth-of-type(3n) {width: 48%; margin-right: 3%;}
	.grid-view-list li:nth-of-type(2n) {margin-right: 0;}
}

@media only screen and (max-width:767px) {
	.products .left {float: none; margin: 0 auto; width: 100%;}
	.products .right {float: none; width: 100%; margin: 30px auto 0;}
}

@media only screen and (max-width:599px) {
	.product-range-list ul li {width: 100%;}
	.product-range-list .width-50 {width: 100%;}
}

@media only screen and (max-width:567px) {
	.grid-view-list li, .grid-view-list li:nth-of-type(2n), .grid-view-list li:nth-of-type(3n) {
    width: 100%; margin: 0 0 20px;
  }
	.grid-view-list .image {height: 300px;}
}