/**    START SPRITE IMGS */

.rectangular-img {
  background: url("../dist/imgs/Sprite.png") no-repeat -32px -48px;
  width: 318px;
  height: 227px;
}

.rectangular-2-img {
  background: url("../dist/imgs/Sprite.png") no-repeat -459px -657px;
  width: 286px;
  height: 214px;
}

.rectangular-3-img {
  background: url("../dist/imgs/Sprite.png") no-repeat -80px -674px;
  width: 218px;
  height: 277px;
}

.rectangular-dds-img {
	background: url('../dist/imgs/Sprite.png') no-repeat -80px -1146px;
	width: 233px;
	height: 243px;
}
.circular-img {
  background: url("../dist/imgs/Sprite.png") no-repeat -423px -36px;
  width: 292px;
  height: 248px;
}

.circular-2-img {
  background: url("../dist/imgs/Sprite.png") no-repeat -36px -359px;
  width: 333px;
  height: 267px;
}

.elbow-img {
  background: url("../dist/imgs/Sprite.png") no-repeat no-repeat -440px -315px;
  width: 315px;
  height: 257px;
}

.rectangular-icon {
  background: url("../dist/imgs/Sprite.png") no-repeat -108px -990px;
  width: 54px;
  height: 40px;
}

.rectangular-2-icon {
  background: url("../dist/imgs/Sprite.png") no-repeat -269px -1043px;
  width: 51px;
  height: 39px;
}

.rectangular-3-icon {
  background: url("../dist/imgs/Sprite.png") no-repeat -275px -987px;
  width: 34px;
  height: 47px;
}

.rectangular-dds-icon {
	background: url('../dist/imgs/Sprite.png') no-repeat -324px -987px;
	width: 42px;
	height: 43px;
}
/*******  CONICS  *************/

.circular-icon {
  background: url("../dist/imgs/Sprite.png") no-repeat -103px -1035px;
  width: 58px;
  height: 50px;
}

.circular-2-icon {
  background: url("../dist/imgs/Sprite.png") no-repeat -182px -1038px;
	width: 59px;
	height: 48px;
}

/*******  ELBOWS  *************/

.elbow-icon {
  background: url("../dist/imgs/Sprite.png") no-repeat -183px -985px;
  width: 57px;
  height: 45px;
}
/*******  LOUVERS *************/
.louver-model-r {
  background: url("../dist/imgs/Sprite.png") no-repeat -834px -26px;
  width: 207px;
  height: 295px;
}

.louver-model-2r {
  background: url("../dist/imgs/Sprite.png") no-repeat -1051px -30px;
  width: 249px;
  height: 295px;
}

.louver-model-lp {
  background: url("../dist/imgs/Sprite.png") no-repeat -800px -25px;
  width: 250px;
  height: 295px;
}

.louver-model-2lp {
  background: url("../dist/imgs/Sprite.png") no-repeat -1077px -350px;
  width: 250px;
  height: 295px;
}

.louver-model-lf2-24 {
  background: url("../dist/imgs/Sprite.png") no-repeat -838px -645px;
  width: 209px;
  height: 296px;
}

.louver-model-sl-4 {
  background: url("../dist/imgs/Sprite.png") no-repeat -838px -645px;
  width: 209px;
  height: 296px;
}

.louver-model-sl-6 {
  background: url("../dist/imgs/Sprite.png") no-repeat -1118px -682px;
  width: 174px;
  height: 286px;
}

.louver-model-sl-12 {
  background: url("../dist/imgs/Sprite.png") no-repeat -1122px -990px;
  width: 210px;
  height: 297px;
}

.louver-model-sl-24 {
  background: url("../dist/imgs/Sprite.png") no-repeat -517px -955px;
  width: 249px;
  height: 296px;
}
.louver-triangle {
  background: url(../dist/imgs/Sprite.png) no-repeat -1340px -72px;
  width: 334px;
  height: 237px;
}
/***  LOUVERS ICONS  **********/

.louver-model-r.icon {
  background: url("../dist/imgs/Sprite.png") no-repeat -565px -1309px;
  width: 34px;
  height: 60px;
}

.louver-model-2r.icon {
  background: url("../dist/imgs/Sprite.png") no-repeat -613px -1313px;
  width: 48px;
  height: 55px;
}

.louver-model-lp.icon {
  background: url("../dist/imgs/Sprite.png") no-repeat -669px -1315px;
  width: 41px;
  height: 57px;
}

.louver-model-2lp.icon {
  background: url("../dist/imgs/Sprite.png") no-repeat -720px -1316px;
  width: 49px;
  height: 56px;
}

.louver-model-lf2-24.icon {
  background: url("../dist/imgs/Sprite.png") no-repeat -776px -1317px;
  width: 41px;
  height: 57px;
}

.louver-model-sl-4.icon {
  background: url("../dist/imgs/Sprite.png") no-repeat -827px -1322px;
  width: 33px;
  height: 55px;
}

.louver-model-sl-6.icon {
  background: url("../dist/imgs/Sprite.png") no-repeat -871px -1320px;
  width: 37px;
  height: 56px;
}

.louver-model-sl-12.icon {
  background: url("../dist/imgs/Sprite.png") no-repeat -921px -1320px;
  width: 41px;
  height: 56px;
}

.louver-model-sl-24.icon {
  background: url("../dist/imgs/Sprite.png") no-repeat -971px -1320px;
  width: 50px;
  height: 60px;
}
.louver-custom-model.icon {
  background: url("../dist/imgs/Sprite.png") no-repeat -1030px -1320px;
  width: 50px;
  height: 60px;
}
.louver-triangle.icon {
  background: url("../dist/imgs/Sprite.png") no-repeat -1085px -1326px;
  width: 29px;
  height: 54px;
}

@media (max-width: 1280px) {
  .rectangular-img {
    background-position: 20px -20px;
    height: 155px;
    width: 250px;
    background-size: 900px;
  }
  .rectangular-2-img {
    background-position: -240px -380px;
    height: 155px;
    width: 250px;
    background-size: 900px;
  }
  .rectangular-3-img {
    background-position: -10px -400px;
    height: 190px;
    width: 250px;
    background-size: 900px;
  }
  .circular-img {
    background-position: -220px -15px;
    height: 155px;
    width: 250px;
    background-size: 900px;
  }
  .circular-2-img {
    background-position: -5px -200px;
    height: 180px;
    width: 250px;
    background-size: 900px;
  }
  .elbow-img {
    background-position: -240px -175px;
    height: 190px;
    width: 250px;
    background-size: 900px;
  }
}