@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900,300);

body{
	margin:0px;
	padding:0px;
	font-family: 'Raleway', sans-serif;
}
.top-blxk-strip{
	width:100%;
	height:16px;
	float:left;
	background:#3e3e3e;
}
.bg_01{
	width:100%;
	background:url(../images/ABS-Controls.png) no-repeat;
	position:absolute;
	min-height:862px;
	background-position: center top;
	margin-top:16px;
}
.top-header-area{
	width:100%;
	height:auto;
	position:relative;
}
.inner-hdr-area{
	width:90%;
	height:auto;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.logo-area{
	width:auto;
	height:auto;
	float:left;
}

.abc-menu-area{
	width:auto;
	height:auto;
	float:left;
	margin-top: 45px;
  margin-left: 10%;
}

.abc-menu-area ul{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding:0px;
}
.abc-menu-area li{
	width:auto;
	font-weight:500;
	line-height:35px;
	color:#000000;
	font-size:14px;
	float:left;
	list-style:none;
}

.abc-menu-area li a{
	text-decoration:none;
	color:#000000;
	float:left;
	padding-right:10px;
	margin-right:2px;
	padding-left:10px;
}

.abc-menu-area li a.active{
	background:#efefef;
	border-bottom:4px solid #ff6207;
	box-sizing: border-box;
}

.abc-menu-area li a:hover{
	display:block;
	background:#efefef;
	webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}

.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before{
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom:0;
  background:#ff6207;
  height: 4px;
  line-height:35px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}




.right-social-media{
	width:auto;
	height:auto;
	margin-top:35px;
	float:right;
}
.right-social-media img:hover{
	width:auto;height:auto; 
	 box-shadow: 10px -10px rgba(0,0,0,0.6); -moz-box-shadow: 10px -10px rgba(0,0,0,0.6); -webkit-box-shadow: 10px -10px rgba(0,0,0,0.6); -o-box-shadow: 10px -10px rgba(0,0,0,0.6); border-radius:100px;
	
	-webkit-box-shadow: 0px 0px 26px -7px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 26px -7px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 26px -7px rgba(0,0,0,0.75);
}

.fb-area img:hover{
	width:auto;height:auto; 
	 box-shadow: 10px -10px rgba(0,0,0,0.6); -moz-box-shadow: 10px -10px rgba(0,0,0,0.6); -webkit-box-shadow: 10px -10px rgba(0,0,0,0.6); -o-box-shadow: 10px -10px rgba(0,0,0,0.6); border-radius:100px;
	
	-webkit-box-shadow: 0px 0px 26px -7px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 26px -7px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 26px -7px rgba(0,0,0,0.75);
}

.slider-area-container{
	width:100%;
	height:auto;
	margin-top:140px;
	position:relative;
}
.slider-innr-cnt-area{
	width:90%;
	height:auto;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.sliderleft-plc{
	width:50%;
	height:auto;
	float:left;
	margin-top:45px;
}
.sliderleft-plc img{
	width:100%;
}
.three-colr-box{
	width:50%;
	height:auto;
	float:left;
	margin-top:10px;
}
.ornge-clr-bx{
	width: 41%;
  height:248px;
  background: #ff5e00;
  overflow:hidden;
  min-height: 238px;
  color:#FFFFFF;
  padding: 4%;
  float: left;
  border:1px solid #ff5e00;
}
a .ornge-clr-bx{
	text-decoration:none;
	color:#FFFFFF;
}
a .ornge-clr-bx:hover{
	background:#FFFFFF;
	color:#ff5e00;
}
.ornge-clr-bx h3{
	width: 100%;
  line-height: 32px;
  font-size: 28px;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 0px;
}
.ornge-clr-bx p{
	width:100%;
	height:auto;
	float:left;
	text-align:justify;
	font-size:16px;
}
.yellow-clr-bx{
	width:49.5%;
	margin-left:1%;
	overflow:hidden;
	height:298px;
	float:left;
}
.bxbg-pic{
	width:100%;
	background:url(../images/3.jpg) no-repeat;
	background-size:100% 100%;
	min-height:298px;
}

.bxbg-pic:hover{
	float: left;
  margin: 0;
  height: 180px;
  width: 300px;
  /*-webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;*/
  background-size: 110%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: gray;
  position: relative;
}
.hvr-grow {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1);
  transform: scale(1);
}



/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#ff5e00;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}





.yell-otr-clr{
	width:100%;
	height:auto;
	min-height:298px;
	background:url(../images/bg-yellow.png) repeat;
}
.offers{
	width: 100%;
  height: auto;
  font-size: 22px;
  font-weight: 500;
  line-height:30px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  color: #FFFFFF;
  margin-top: 122px;
}
.offers a{
	text-decoration:none;
	color:#FFFFFF;
	float:left;
	width:100%;
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#ff5e00;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}




.yellow-clr-bx img{
	width:100%;
}
.our-prdcts{
	width:100%;
	height:auto;
	float:left;
	max-height:296px;
	margin-top:5px;
	overflow:hidden;
}

.our-prddcts-new-pic{
	width:100%;
	height:auto;
	float:left;
	min-height:296px;
	
	
	background:url(../images/plstic2.jpg) no-repeat;
}

.our-prddcts-new-pic:hover{
	float: left;
  margin: 0;
  height: 180px;
  width:100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background-size: 110%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: gray;
  position: relative;
}

.btm-pic-blck-ovr{
	width:100%;
	min-height:296px;
	background:url(../images/black-bg.png) repeat;
}

.our-nw-prdcts{
	width: 100%;
  height: auto;
  line-height: 50px;
  font-size: 38px;
  font-weight: 500;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  color: #FFFFFF;
  margin-top: 125px;
}
.our-nw-prdcts a{
	text-decoration:none;
	color:#FFFFFF;
	width:100%;
}

.our-prdcts img{
	width:100%;
	margin-top:5px;
}

.cntn-area-wth-enq{
	width: 100%;
  height: auto;
  float: left;
  background: url(../images/enquiry-new.png) no-repeat;
  margin-top:795px;
  background-position: center top;
	
}
.area-nner-wth-enq{
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	max-width:1200px;
}
.abc-cntnt-itx{
	  width: 65%;
  height: auto;
  float: left;
  font-size: 17px;
  line-height: 24px;
  text-align: justify;
  margin-top: 85px;
}
.enqry-area{
	width: 29%;
  height: auto;
  float: left;
  margin-left: 2%;
  margin-top: 25px;
  padding: 2%;
}

.ask-me{
	width:100%;
	height:auto;
	float:left;
	font-size:35px;
	font-weight:500;
	line-height:35px;
	margin-top:10px;
	color:#333333;
}
.ask-me-pic{
	width: 60px;
  margin-left: 1%;
  height: auto;
  margin-top: -18px;
  position: absolute;
}

.text-area-main{
	width:100%;
	height:auto;
	float:left;
	margin-top:10px;
}
.txt-ar-nameand-bg{
	width:100%;
	padding-left:2%;
	height:auto;
	border:1px solid #CCCCCC;
	border-radius:5px;
	-webkit-box-shadow: 0px 0px 26px -7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 26px -7px rgba(0,0,0,0.75);
box-shadow: 0px 0px 26px -7px rgba(0,0,0,0.75);
	float:left;
	background:url(../images/text-area-bg.png) repeat;
	line-height:35px;
}
.enquiry-submit-btn{
	width:160px;
	line-height:35px;
	color:#FFFFFF;
	background:#ff5e00;
	text-align:center;
	-webkit-box-shadow: 0px 0px 26px -7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 26px -7px rgba(0,0,0,0.75);
box-shadow: 0px 0px 26px -7px rgba(0,0,0,0.75);

}

.enquiry-submit-btn a{
	text-decoration:none;
	color:#FFFFFF;
	width:100%;
	background:#ff5e00;
	float:left;
	border:1px solid #ff5e00;
}
.enquiry-submit-btn a:hover{
	background:#FFFFFF;
	border:1px solid #ff5e00;
	color:#ff5e00;
}

.testimonial-area{
	width:100%;
	height:auto;
	min-height:228px;
	margin-top:25px;
	float:left;
	background:url(../images/testimonial.png) no-repeat;
	background-position: center top;
}
.testimonial-inner-area{
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	max-width:1200px;
}
.fb-area{
	width:30%;
	height:auto;
	margin-top:90px;
	float:left;
}
.testimonil-display-outr{
	width:68%;
	height:auto;
	float:left;
	margin-left:2%;
}
.test-hd{
	width: 100%;
  height: auto;
  float: left;
  text-align: center;
  line-height: 50px;
  margin: 0px;
  font-size: 26px;
  font-weight: 500;
}
.test-inner-mnl{
	width:auto;
	height:auto;
	float:left;
	margin-left:38%;
}

.testimon-wrt{
	width:100%;
	height:auto;
	float:left;
	margin-top:25px;
}
.wrt-nm-area{
	width:10%;
	height:auto;
	float:left; 
	font-size:18px;
	line-height:25px;
	color:#ff5e00;
	font-weight:500;
}
.wrt-diplay-area{
	width: 85%;
  height: auto;
  line-height: 22px;
  font-size: 16px;
  float: left;
}

.arw{
	width:100%;
	height:auto;
	min-height: 228px;
	float:left;
	background:url(../images/arw.png) no-repeat;
	background-position: center top;
}
.hvr-bounce-to-left {
	width:100%;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  height:228px;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/arw.png);
  background-position: center top;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: #333333;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

footer{
	width:100%;
	height:auto;
	float:left;
	margin-top:25px;
	background:#e0e0e0;
}
.ftr-inner{
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	max-width:1200px;
}
.ftr-no{
	width: 100%;
  height: auto;
  float: left;
  line-height: 55px;
  color: #ff6207;
  font-size: 22px;
  text-align: center;
  font-weight: 600;
  background: #f0f0ef;
}

.copy-right-buldrs {
  width:auto;
  height: auto;
  float: left;
  line-height:55px;
  font-size: 14px;
  text-align: left;
  color: #333333;
}

.powrd-by {
  width:auto;
  height: auto;
  float:right;
  text-align: right;
  line-height:55px;
  font-size: 14px;
  color: #333333;
}
.powrd-by a {
  text-decoration: none;
  color: #333333;
}

.responsi-menu-area{
	width: 250px;
  position: absolute;
  left:5%;
  margin-top:84px;
  display: none;
  z-index: 1000;
  height: auto;
  }
  
.prdcts-area-main{
	width:100%;
	min-height:520px;
	height:auto;
	float:left;
}  
.prdcts-ar-inner{
	width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
.prdcts-raw{
  width:75%;
  height: auto;
  margin-bottom: 15px;
  float: left;
}
.abc-product-one{
  width:20%;
  margin-bottom:15px;
  border: 1px solid #d9d9d9;
  height:auto;
  padding: 1%;
  float: left;
  background: #FFFFFF;
  margin-left: 2.3%;
  min-height: 260px;
}
.abc-product-one h3{
	width:100%;
	height:auto;
	line-height:30px;
	font-size:16px;
	margin:0px;
}
.abc-product-one img{
	width:100%;
}  
.abc-product-one p {
  width: 100%;
  height:60px;
  overflow:hidden;
  float: left;
  margin-top: 10px;
  line-height: 20px;
  font-size: 13px;
  color: #333333;
  margin-bottom: 0px;
}

.viewmore-btn{
  width:100px;
  height: auto;
  float: left;
  text-align: center;
  margin-top:10px;
  font-size:13px;
  line-height:30px;
  color: #FFFFFF;
  background: #f1712c;
}
.viewmore-btn a{
	text-decoration:none;
	color:#FFFFFF;
	float:left;
	width:100%;
}
.viewmore-btn a:hover{
	display:block;
	background:#F05400;
}
.prdcts-hd-area{
	width:100%;
	height:auto;
	border-top:1px solid #E4E4E4;
	margin-bottom:10px;
	float:left;
}
.prdcts-hdinner-ar{
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
.prdcts-hdinner-ar h3{
	width:100%;
	height:auto;
	float:left;
	line-height:35px;
	margin:0px;
}
.dealr-one-n{
	width:100%;
	height:auto;
	float:left;
	border:1px solid #d9d9d9;
	padding:1%;
	margin-left:1%;
	margin-bottom:10px;
}
.dealr-one-n h3{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	line-height:30px;
	font-size:16px;
}
.dealr-one-n p{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	font-size:14px;
	line-height: 25px;
}  
.cntct0-map-area{
  width:35%;
  border:1px solid #d9d9d9;
  height: auto;
  float: left;
}
.cntct-adrs-area {
  width:28%;
  margin-left:2%;
  font-size:14px;
  height: auto;
  float: left;
  margin-bottom: 50px;
}
.cntct-name-area-raw {
  width: 100%;
  height: auto;
  float: left;
  margin-top: 10px;
}

.cntcts-typ-area-stlg{
	width: 80%;
  height: 30px;
  border-radius:5px;
  border:1px solid #d9d9d9;
}
.btn-new-stl {
  width:100px;
  height: auto;
  line-height: 30px;
  float: left;
  color: #FFFFFF;
  background: #f1712c;
  font-size: 15px;
  border: none;
  cursor: pointer;
}
.cntct-scl-medianw {
  width: 100%;
  height: auto;
  float: left;
  color: #000000;
  line-height: 30px;
  font-size: 14px;
}
.cntct-scl-medianw img {
  width: 20px;
  height: auto;
  float: left;
}
/* Curl Top Right */
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #ff6207 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px;
}

.prdct-dtl-vw{
  width: 98%;
  height: auto;
  padding: 1%;
  margin-top: 5px;
  float: left;
  border: 1px solid #d9d9d9;
}
.prdcts-dtl-hd{
  width: 99%;
  padding-left: 1%;
  font-size:16px;
  font-weight:500;
  height: auto;
  float: left;
  color: #666666;
  background: #f1f1f1;
  border: 1px solid #d9d9d9;
}
.prdcts-dtl-hd h3{
	width:50%;
	height:auto;
	float:left;
	line-height: 35px;
	margin:0px;
	color: #666666;
	font-size:16px;
  font-weight:500;
}
.back-to-lstg{
	width:100px;
	height:auto;
	float:right;
	line-height: 35px;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	background:#f1712c;
}
.back-to-lstg a{
  float:left;
  text-decoration:none;
  width:100%;
  color:#FFFFFF;
}
.back-to-lstg a:hover {
  display: block;
  background: #F05400;
}
.dtl-page-pic-dtls {
  width: 98%;
  height: auto;
  margin-top: 15px;
  float: left;
  padding: 1%;
  background: #FFFFFF;
  border: 1px solid #d9d9d9;
}
.lft-sd-pic-area {
  width: 40%;
  height: auto;
  float: left;
  border: 1px solid #d9d9d9;
}
.lft-sd-pic-area img{
	width:100%;
}
.lft-pic-btm {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: -50px;
}
.thumbnil-pic-one {
  width: 22%;
  height: auto;
  float: left;
  padding: 1%;
  background: #FFFFFF;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid rgb(214, 214, 214);
  margin-left: 6.6%;
}
.right-side-area {
  width: 57%;
  height: auto;
  float: left;
  margin-left: 2%;
}  
.right-side-area h3 {
  width:100%;
  height: auto;
  float: left;
  margin:0px;
  line-height: 30px;
  font-size: 18px;
  border-bottom: 1px solid #CCCCCC;
  color: #333333;
}  
.right-side-area p {
  width: 100%;
  height: auto;
  float: left;
  font-size: 14px;
  line-height: 25px;
}  
.right-price-tag {
  width:150px;
  height: auto;
  float: left;
  text-align: center;
  font-weight: 600;
  line-height: 30px;
  color: #000000;
    font-family: Arial, sans-serif;
  background: #d4eb90;
}  
.bk-nm{
	width:100%;
	height:auto;
	margin-bottom:10px;
	float:left;
}  
.bk-raws-txt-stl{
	  width: 60%;
  line-height: 30px;
  border: 1px solid rgb(226, 226, 226);
  border-radius: 5px;
  padding-left: 1%;
  background-color: rgb(255, 253, 247);
}
.left-menu-category-area{
  width:22%;
  height: auto;
  float: left;
}  
.catogris-hd-1{
  width: 96%;
  height: auto;
  float: left;
  line-height: 50px;
  background: #3e3e3e;
  text-align: left;
  padding-left: 4%;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 100;
}  
.left-menu-category-area ul{
  width: 100%;
  height: auto;
  float: left;
  margin: 0px;
  padding: 0px;
  margin-top: 1px;
}
.dtl-view-btm-prdcs{
  width:100%;
  height: auto;
  margin-bottom: 15px;
  float: left;
}
.left-menu-category-area li {
  width:99%;
  height: auto;
  font-size:14px;
  float: left;
  line-height: 38px;
  background: linear-gradient(rgb(253, 253, 253) 0%, rgb(245, 245, 245) 100%);
  list-style:none;
  border-bottom: 1px solid #ebebea;
  border-right: 1px solid #ebebea;
  border-left: 1px solid #ebebea;
}  
.left-menu-category-area li a {
  text-decoration: none;
  color: #000000;
  display: block;
  float: left;
  width: 96%;
  padding-left: 4%;
}  
.left-menu-category-area li a:hover {
  color: #FFFFFF;
}
.left-menu-category-area li a.active {
  color: #FFFFFF;
  background:#f1712c;
}

.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#f1712c;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}






  
@media screen and (max-width: 1100px) {
.yellow-clr-bx{
	  height: 288px;
}	
}

@media screen and (max-width: 1074px) {
.abc-menu-area{
	margin-left:1%;
}
.right-social-media img{
	width:18%;
}
.right-social-media{
	margin-top:40px;
}
.logo-area img{
	width:150px;
}
.logo-area{
	margin-top:25px;
}

}

@media screen and (max-width: 970px){
.abc-product-one{
	width:26%;
	height:auto;
	max-height:inherit;
	margin-bottom: 10px;
}	
}

@media screen and (max-width: 890px){
.responsi-menu-area{
	display:block;
}	
.abc-menu-area{
	display:none;
}
.left-menu-category-area{
	margin-top:30px;
}
.logo-area{
	margin-top:0px;
}
.sliderleft-plc{
	width:100%;
}
.prdct-dtl-vw{
	margin-top:30px;
}
.three-colr-box{
	width:100%;
	margin-bottom:10px;
}
.slider-area-container{
	background:#dadada;
	float:left;
	margin-top:0px;
}
.right-social-media{
	margin-top:20px;
}
.bg_01{
	background:none;
	position: inherit;
	margin-top:0px;
}
.sliderleft-plc{
	margin-top:0px;
}
.bg_01{
	float:left;
}
.cntn-area-wth-enq{
	background-size:100% 100%;
	margin-top:15px;
}
.abc-cntnt-itx{
	margin-top:0px;	
	width:100%;
}
.cntn-area-wth-enq{
	background:none;
}
.enqry-area{
	width:90%;
}
.prdcts-raw{
	margin-bottom:0px;
	margin-top:30px;
}
.cntct0-map-area {
  width: 46%;
}  
.cntct-adrs-area {
  width: 50%;
  min-height: 360px;
}  
}

@media screen and (max-width: 750px){
.dealr-one-n {
  width: 46%;
} 
.lft-sd-pic-area{
	width:100%;
}
.right-side-area {
  width: 100%;
  margin-top: 15px;
  margin-left:0px;
}
.left-menu-category-area {
  width: 100%;
}  
.prdcts-raw {
  width: 100%;
}  

@media screen and (max-width: 690px){
.fb-area{
	display:none;
}
.testimonil-display-outr{
	width:100%;
}
.copy-right-buldrs{
	font-size:12px;
	line-height:25px;
}
.cntct0-map-area {
  width: 100%;
  display:none;
}
.cntct-adrs-area {
  width: 98%;
  min-height:inherit;
  margin-bottom:0px;
}
.powrd-by{
	font-size:12px;
	line-height:25px;
}
.testimon-wrt{
	margin-top:0px;
}
.abc-product-one{
	width:44%;
}
.cntct-name-area-raw{
	margin-top:30px;
}
}

@media screen and (max-width: 500px){

.dealr-one-n {
  width: 95%;
}

.ornge-clr-bx{
	width:91%;
	height:auto;
	min-height:inherit;
}	
.yellow-clr-bx{
	width:100%;
	margin-left:0px;
	margin-top:10px;
}
.bxbg-pic.hvr-grow{
	width:100%;
}
.test-inner-mnl{
	margin-left:28%;
}
.abc-product-one {
  width: 96.8%;
  margin-left:0px;
}
}

@media screen and (max-width: 400px){
	.logo-area img {
  width: 105px;
}
.right-social-media {
  margin-top: 10px;
}
.test-hd img{
	display:none;
}
.responsi-menu-area{
	margin-top:65px;
}
}