/* product pages css */



.section-title h1 {
	font-size: 50px;
	line-height: 1;
	letter-spacing: 2px !important;
	margin-right: .5em;
}


.mttt {
	position: relative;
	top: 3em;

}


.p-des {
	font-size: 26px !important;
	margin-right: 2em;
}

@media all and (max-width: 700px) {
	.hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img {
		 width: 90% !important;
	
	}

	.hero-slider-image .hero-img {
		top: 55% !important;
	}
    
}
@media all and (min-width: 300px) and (max-width: 400px) {
	.hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img {
		/* width: 70% !important;
		height: 46% !important; */
		/*width: 72% !important;*/
		/*height: 46% !important;*/
	}

	.hero-slider-image .hero-img {
		top: 55% !important;
	}
    
}





@media all and (min-width:999px) {

	.hero.hero-bg-image.hero-slider-layout .hero-slide {
		position: relative;
		padding: 0px 0 05px 0 !important;
	}

	.hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img {
		width: 55% !important;
		height: 97% !important;
	}


	/* br */
	.hidee {
		display: none;
	}

	/* titleand description */
	/* .hero-content {
		top:0em;
		left: 3em;
	} */
}

@media all and (min-width: 768px) and (max-width: 998px) {
	.hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img {
		width: 40% !important;
		height: 85% !important;
	}

	.hero-slider-image .hero-img {
		position: relative !important;
		top: 6em !important;
		left: 0rem !important;
	}

	.m-p0 {
		padding: 0 5px !important;
	}

	.hero-content {
		top: 6em;
		left: 1em;
	}
}



@media all and (min-width: 999px) and (max-width: 1100px) {

	.hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img {
		width: 49% !important;
		height: 85% !important;
	}

	.hero-slider-image .hero-img {
		top: 21% !important;
	}

	.m-p0 {
		padding: 0 5px !important;
	}

	/* titleand description */
	.hero-content {
		top: 2em;
		left: 1em;
	}
}

@media all and (min-width: 1101px) and (max-width: 1300px) {
	.hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img {
		width: 54% !important;
		height: 97% !important;
	}

	.hero-slider-image .hero-img {
		position: relative !important;
		top: 13% !important;
		left: 0rem !important;

	}

	.hero-content {
		top: 2em !important;
		left: 3em;
	}
}


 /* @media all and (min-width: 1300px) and (max-width: 1500px) {
    .hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img {
      width: 55% !important;
      height: 97% !important;
    }

    .hero-slider-image .hero-img {
      top: 6.5em !important;
      right: 15% !important;
    }
  } */


 @media all and (min-width: 1501px) and (max-width: 1700px) {
    .hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img {
      width: 47% !important;
      height: 95% !important;
    }

    .hero-slider-image .hero-img {
      top: 5em !important;
      right: 8% !important;
    }
  }

  @media all and (min-width: 1701px) and (max-width: 2000px) {
    .hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img {
      width: 40% !important;
      height: 86% !important;
    }

    .hero-slider-image .hero-img {
      top: 5em !important;
      right: 15% !important;
    }
  }

  @media all and (min-width: 2001px) and (max-width: 2299px) {
    .hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img {
      width: 30% !important;
      height: 76% !important;
    }

    .hero-slider-image .hero-img {
      top: 6em !important;
      right: 15% !important;
    }

  }


  @media all and (min-width: 2301px) and (max-width: 2600px) {
    .hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img {
      width: 30% !important;
      height: 85% !important;
    }

    .hero-slider-image .hero-img {
      top: 5em !important;
      right: 15% !important;
    }
  }


    @media all and (min-width: 2601px) and (max-width: 3200px) {
    .hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img {
      width: 25% !important;
      height: 88% !important;
    }

    .hero-slider-image .hero-img {
      top: 3em !important;
      right: 15% !important;
    }
  }


  @media all and (min-width: 3201px) and (max-width: 7500px) {
    .hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img {
      width: 14% !important;
      height: 97% !important;
    }

    .hero-slider-image .hero-img {
      top: 2em !important;
      right: 25% !important;
    }
  }


/* @media (min-width: 1301px) {
	.hero.hero-bg-image.hero-slider-layout .hero-slide .hero-slider-image img {
		width: 54% !important;
		height: 97% !important;
	}

	.hero-slider-image .hero-img {
		top: 4em !important;
		left: 0rem !important;
	}
	.hero-content {
		top: 0em;
		left: 3em;
	}
} */


@media all and (max-width:766px) {

	
	.hidee {
		display: none;
	}

	.section-title h1 {
		/* font-size: 34px !important;
		 */
		 font-size: 26px !important;
		/* line-height: 1; */
		/* letter-spacing: 2px !important; */
		/* margin-right: .5em; */
	}
	.p-des {
		font-size: 18px !important;
	}

	.hero-content {
		top: 2em;
		/* left: 3em; */
	}
}



.colbox h3 {
	font-size: 24px;
	text-transform: capitalize;
	margin: 3px 0;
	color: var(--primary-color) !important;
	font-weight: 600 !important;
}

.colbox p {
	margin: 0em;
	color: var(--text-color) !important;
	font-size: 14px !important;
}

.bg {
	background-image: url(../images/allimages/pattern.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}