/*common*/
	body{
		font-family: "Ubuntu", sans-serif;
		font-size: 1rem;
		font-weight: 300;
		word-break: break-word;
	}
	a{
		text-decoration: none !important;
		color: inherit !important;
	}
	.readonly{
		background: #f0f0f0 !important; 
	}
	.modal.show .modal-dialog {
		transform: none;
		width: 95%;
		max-width: 1000px;
	}
	.pageheading h2{
		font-weight: 500;
		font-size: 1.7rem !important;
		color: #4e5774;
	}
	.pageheading p{
		font-weight: 400;
		font-size: 1.1rem;
	}
	img{
		width: fit-content;
		max-width: 100% !important;
	}
	@media (max-width: 991px) {
		.container{
			max-width: 100% !important;
		}
		section{
			padding-left: 20px !important;
			padding-right: 20px !important;
		}
	}
	@media (max-width: 767px) {
		section{
			padding-left: 15px !important;
			padding-right: 15px !important;
		}
		.pageheading h2{
			font-size: 1.5rem !important;
		}
		.pageheading p{
			font-size: 0.9rem !important;
		}
	}
	@media (max-width: 575px) {
		.pageheading h2{
			font-size: 1.3rem !important;
		}
	}
	.mobileView{
		display: none !important;
	}
	.desktopView{
		display: block !important;
	}
	@media screen and (max-width:991px) {
		.mobileView{
			display: block !important;
		}
		.desktopView{
			display: none !important;
		}
	}
/*common*/

/*HEADER*/
	header .row{
		justify-items: center;
		align-items: center;
	}
	header .col-md-10{
		text-align: right;
		font-size: 0.9rem;
		color: #4f5357;
		font-weight: 400;
	}
	header .fa-regular, header .fa-solid{
		color: #535d80;
	}
	header img{
		padding: 5px 0px !important;
		margin: 10px 0px;
	}
	.navbar{
		background: #166b6a;
	}
	.navbar a {
		color:#fff !important;
		padding: 0px 15px !important;
	}
	.navbar-nav .nav-link.active, .navbar a:hover{
		color: #fff;
		font-weight: bold;
	}
	.dropdown-menu a{
		color: #333 !important;
		padding: 0px 15px !important;
	}
	.dropdown-menu.active, .dropdown-menu a:hover{
		color: #333;
		font-weight: bold;
	}
	
	@media (max-width: 991px) {
		.navbar-toggler-icon {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
		}
		.navbar-toggler{
			border: none;
			color: #fff;
			font-weight: 300;
			width:100%;
			text-align: left;
			padding: 0px;
			font-size: 1.1rem;
		}
		.navbar-toggler:focus{
			border: none;
			box-shadow: none;
		}
		.navbar{
			padding: 5px;
		}
		.navbar-nav{
			padding: 10px;
		}
		.navbar-nav li{
			padding: 5px 0px;
			border-bottom: solid 1px #ffffff29;
		}
		.navbar-nav .dropdown-menu{
			background: none;
			border: none;
		}
		.dropdown-menu a{
			color: #fff !important;
			font-weight: 200;
		} 
		.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
			color: #fff;
		}
		.dropdown-menu li{
			border-bottom: none;
			padding: 0px;
		}
		.navbar .mobileView{
			border-bottom: 0px;
		}
	}
	.headerConMob{
		display: none;
	}
	@media (max-width: 767px) {
		header .col-xs-12{
			text-align: center;
			width: 100%;
		}
		.headerCon{
			display: none;
		}
		.headerConMob {
			display: block;
			font-size: 0.6rem;
			text-align: center;
			background: #f5f5f5;
			padding: 5px;
		}
	}
	.fa-file-pdf{
		color: #ffffff !important;
	}
/*HEADER*/

/*Footer*/
	footer{
		background: #ebebeb;
		padding: 20px;
	}
	footer h2{
		font-size: 0.9rem;
	}
	footer p{
		font-size: 0.8rem;
	}
	footer li{
		font-size: 0.8rem;
		list-style: none;
	}
	footer ul{
		padding-left: 0px;
	}
	footer img{
		max-width: 170px;
	}
	footer .fas{
		color: #555;
	}
	footer .fab{
		color: #555;
		font-size: 1.2rem;
	}
	@media (max-width: 767px) {
		footer{
			text-align: center;
		}
		footer{
			padding: 20px;
		}
		footer .col-md-4{
			border-top: solid 1px #ccc;
			padding-top: 20px;
		}
	}
	@media (max-width: 575px) {
		footer h2{
			margin-bottom: 2px;
		}
		footer .fab{
			margin-bottom: 15px;
		}
	}
	footer .fa-file-pdf{
		color: #166b69 !important;
		font-size: 2rem;
	}
	.catlogviewer {
	    color: #166b69 !important;
	    font-size: 1rem;
	    margin-bottom: 20px;
	    font-weight: 500;
	}
/*Footer*/

/*Banner*/
	.innerBanner{
		background: url('../images/inner-banner.jpg') no-repeat right #fff;
		background-size: cover;
	}
	.innerBanner .row{
		display: flex;
		align-items: stretch !important;
	}
	.innerBanner h1{
		color: #fff;
		margin: 30px 0px;
		font-size: 2rem;
	}
	.innerBanner .row{
		align-items: center;
	}
	.innerBanner ul {
		padding: 0px;
		color: #fff;
		text-align: right;
		font-weight: 400;
		margin-bottom: 0px;
		width: 100%;
		float: right;
	}
	.innerBanner li {
		display: inline-block;
		padding: 0px 10px;
	}
	@media (max-width: 991px) {
		.innerBanner{
			background-size: cover !important;
		}
		.innerBanner .col-md-4, .innerBanner .col-md-8{
			text-align: center !important;
			width: 100%;
		}
		.innerBanner h1{
			margin-bottom: 0px !important;
		}
		#aboutBanner h1, #faqBanner h1, #contactBanner h1, #sitemapBanner h1, #disclaimerBanner h1, #termscondBanner h1, #privacyBanner h1{
			margin-bottom: 30px !important;
		}
		.innerBanner ul{
			margin-bottom: 30px;
			width: 100% !important;
			text-align: center;
		}
	}
	@media (max-width: 991px) {
		.innerBanner{
			padding: 0px !important;
		}
		.innerBanner .col-md-8, .innerBanner .col-md-4{
			background: none !important;
		}
	}
	@media (max-width: 767px) {
		.innerBanner h1{
			font-size: 1.5rem;
		}
		.innerBanner li {
			font-size: 0.9rem;
		}
	}

	@media (max-width: 575px) {
		.innerBanner li {
			font-size: 0.8rem;
		}
	}
/*Banner*/

/*SLIDER*/
	.bg-img1 {
		background: url('../images/pharma-industry-banner.jpg') center right no-repeat;
		width: 100%;
		min-height: 400px;
		background-size: cover;
	}
	.bg-img2 {
		background: url('../images/food-industry-banner.jpg') center left no-repeat;
		width: 100%;
		min-height: 400px;
		background-size: cover;
	}
	.bg-img3 {
		background: url('../images/canning-industry-banner.jpg') center left no-repeat;
		width: 100%;
		min-height: 400px;
		background-size: cover;
	}
	.carousel-item .content {
		color: #333;
		height: 100%;
		display: flex;
		align-items: center;
	}
	.carousal1 .content, .carousal3 .content {
		padding: 60px 0px 60px 0px !important;
	}
	.carousal2 .content {
		padding: 60px 60px 60px 0px !important;
	}
	.carousel-item .content h3 {
		font-size: 2rem !important;
		font-weight: 400 !important;
		margin-bottom: 0px;
		color: #145654;
	}
	.carousel-item .content h2 {
		font-size: 2.5rem !important;
		font-weight: 500;
		line-height: 1.2;
		color: #c64f38;
	}
	.carousel-control-next, .carousel-control-prev{
		width: 4%;
	}
	.slider-text .content{
		padding-left: 75px;
	}
	.carousel-control-prev-icon, .carousel-control-next-icon {
		filter: invert(1);
	}
	@media (max-width: 768px) {
		.slider-text {
			text-align: center;
		}
		.slider-text .content {
			padding: 30px;
		}
		#heroSlider .col-lg-8{
			display: none !important;
		}
		.carousel-item .content p, .carousel-item .content h2{
			text-align: center;
		}
		.carousel-item .content h3 {
			font-size: 1.5rem !important;
		}
		.carousel-item .content h2 {
			font-size: 3rem !important;
		}
		.carousel-item .row{
			background: #f5ffff !important;
		}
		.carousel-item .row{
			min-height: 250px !important;
		}
	}
	@media (max-width: 575px) {
		.carousel-item .content h3 {
			font-size: 1.2rem !important;
		}
		.carousel-item .content h2 {
			font-size: 2.2rem !important;
		}
	}
/*SLIDER*/

/*home1*/
	#home1{
		padding: 30px 0px 20px 0px;
		background: #fbf6f6;
	}
	#home1 .row{
		align-items: center;
	}
	#home1 h2{
		font-size: 1.7rem !important;
		color: #333;
		font-weight: 500;
	}
	#home1 p{
		font-size: 1rem;
		color: #282828;
		font-weight: 300;
	}
	#home1 a{
		color: #c64f38 !important;
	}
	#home2{
		text-align: center;
	    background: #53b1af36;
	}
	#home2 h2{
		color: #083d3c;
	    margin: 20px 0px;
	    font-weight: 500;
	    font-size: 1.5rem;
	    line-height: 29px;
	}
	.strength-item {
		display: flex;
		align-items: center;
		margin-bottom: 35px;
		padding-bottom: 25px;
		flex-direction: column;
		text-align: center;
	}

	.strength-item .icon {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		color: white;
		font-size: 38px;
		flex-shrink: 0;
	}
	.red {
		background: #e5002b;
	}

	.blue {
		background: #0a46b7;
	}
	.grey{
		background: #555;
	}

	.strength-content h3 {
		color: #333;
		font-size: 1.3rem;
		margin-bottom: 12px;
		margin-top: 10px;
	}

	.strength-content p {
		color: #333;
		font-size: 1.1rem;
		line-height: 1.2;
	}
	#home3{
		background: #fbf6f6;
		padding: 20px 0px 0px 0px;
	}
	#home3 h2 {
	    font-size: 2.2rem !important;
	    color: #c64f38;
	    font-weight: 700;
	    text-align: center;
	    margin: 20px 0px;
	}
	#home1 img{
		border-radius: 20px;
	}
	#home3 hr{
		margin:0px !important
	}
	@media (max-width: 767px) {
		#home1 {
			padding: 30px 0px 10px 0px;
			text-align: center;
		}
		#home1 h2{
			font-size: 1.5rem !important;
		}
		#home1 p{
			font-size: 0.9rem !important;
		}
		#home1 img{
			width: 300px;
			max-width: 95%;
			margin-bottom: 20px;
		}
		#home3 h2{
			font-size: 1.7rem !important;
		}
		.strength-item .icon {
		    width: 45px;
		    height: 45px;
		}
		#home3 .row{
		    justify-content: center;
		}
		#home3 img{
			max-width: 150px !important;
		}
		.strength-item{
			margin-bottom: 0px;
		}
	}
	@media (max-width: 575px) {
		#home1 h2{
			font-size: 1.3rem !important;
		}
	}
/*home1*/

/*about1*/
	#about1{
		padding: 30px 0px;
	}
	#about1 .row {
		display: flex;
		justify-content: center;
		align-content: flex-start;
		flex-wrap: wrap;
		width: fit-content;
		margin: auto;
		align-items: flex-start;
	}
	#about1 h2{
		color: #333;
		font-weight: 500;
		font-size: 1.7rem !important;
	}
	@media (max-width: 767px) {
		#about1{
			text-align: center;
			padding-bottom: 0px;
		}
		#about1 h2{
			font-size: 1.5rem !important;
		}
		#about1 img{
			max-width: 100%;
			margin-bottom: 20px;
			width: 300px;
		}
	}
	@media (max-width: 575px) {
		#about1 h2{
			font-size: 1.3rem !important;
		}
	}
/*about1*/

/*enquiry1*/
	#enquiry1{
		padding: 30px 0px;
	}
	#enquiry1 .row{
		display: flex;
		align-items: center;
		justify-content: center;
		align-content: flex-end;
		flex-wrap: wrap;
		width: fit-content;
		margin: auto;
	}
	#enquiry1 label{
		font-weight: 500;
		margin-bottom: 5px;
	}
	#enquiry1 .form-control{
		margin-bottom: 15px;
	}
	#enquiry1 h2 {
		color: #333;
		font-weight: 500;
		font-size: 1.7rem !important;
		border-bottom: solid 1px #ccc;
		padding-bottom: 15px;
	}
	@media (max-width: 767px) {
		#enquiry1{
			padding-bottom: 40px;
		}
		#enquiry1 h2{
			font-size: 1.5rem !important;
			text-align: center;
		}
		#enquiry1 img{
			max-width: 100%;
			width: 300px;
			margin-bottom: 20px;
		}
		#enquiry1 .container, #enquiry1 .col-md-8{
			padding: 0px !important;
		}
	}
	@media (max-width: 575px) {
		#enquiry1 h2{
			font-size: 1.3rem !important;
		}
	}
/*enquiry1*/

/*contact1*/
	#contact1, #contact2{
		padding: 30px 0px 0px 0px;
	}
	#contact1 .row{
		background: #f7fafe;
		display: flex;
		align-items: stretch;
	}
	#contact1 .col-md-8 {
		display: flex;
		justify-content: center;
		flex-direction: column;
		flex-wrap: wrap;
	}
	#contact1 h2{
		color: #333;
		font-weight: 500;
		font-size: 1.7rem !important;
	}
	.fa-linkedin, .fa-facebook-square, .fa-instagram{
		font-size: 1.5rem;
	}
	#contact2 .row {
		background: #f7fafe;
		display: flex;
		align-items: stretch;
		margin-bottom: 20px !important;
	}
	.conaddress {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		text-align: center;
	}
	.conmap{
		padding-left: 0px;
	}
	.conmap2{
		padding-right: 0px;
	}
	@media (max-width: 767px) {
		#contact1, #contact2{
			text-align: center;
			padding-bottom: 0px;
		}
		#contact1 h2{
			font-size: 1.5rem !important;
		}
		#contact1 img{
			max-width: 100%;
			width: 300px;
			margin-bottom: 20px;
		}
		.conaddress{
			margin-top: 15px;
		}
		.conmap{
			padding: 10px;
		}
		#contact1 .row, #contact2 .row{
			border:solid 1px #eceaea;
		}
	}
	@media (max-width: 575px) {
		#contact1 h2{
			font-size: 1.3rem !important;
		}
	}
/*contact1*/

/*sitemap*/
	#sitemap2 .container {
		margin: auto;
		background: rgb(191 195 206 / 10%);
		padding: 30px;
	}
	#sitemap2 h3{
		font-size: 1.2rem;
	}
	@media (max-width: 767px) {
		#sitemap2 h3{
			font-size: 1.1rem;
		}
		#sitemap2 li{
			font-size: 0.9rem;
		}
	}
/*sitemap*/

/*Products*/
	#products{
		padding: 30px 0px;
	}
	#products .row{
		display: flex;
		align-items: stretch;
		justify-content: center;
		align-content: flex-end;
		flex-wrap: wrap;
		width: fit-content;
		margin: auto;
		width: 100%;
	}
	.product-img {
		width: 100%;
		height: 250px; /* FIXED HEIGHT */
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		background: #fff;
		border: solid 1px #bacfcf;
		border-radius: 10px;
	}
	.product-img img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		border-radius: 10px; /* IMPORTANT */
	}
	#products h3{
		font-size: 1.1rem;
		background: #bacfcf;
		padding: 10px;
		font-weight: 300;
	}

	.productSidebar{
		border: 1px solid #ddd;
		background: #f8f8f8;
	}

	.sidebarCategory{
		border-bottom: 1px solid #ddd;
	}

	.sidebarCategoryTitle{
		padding: 10px;
		background: #ececec;
		font-size: 0.9rem;
		font-weight: 400;
		color: #444;
		display: flex;
		align-items: center;
		justify-content: space-between;
		cursor: pointer;
		transition: 0.3s;
	}

	.sidebarCategoryTitle:hover{
		background: #dfdfdf;
	}

	.activeCategory .sidebarCategoryTitle{
		background: #272725;
		color: #fff;
	}

	.categoryProducts{
		display: none;
		background: #f8f8f8;
	}

	.showCategory{
		display: block;
	}

	.toggleIcon{
		font-size: 12px;
		transition: 0.3s;
	}

	.activeCategory .toggleIcon{
		transform: rotate(180deg);
	}

	.sidebarProduct {
		padding: 5px 10px;
		border-top: 1px solid #e5e5e5;
		font-size: 0.8rem;
		color: #555;
		cursor: pointer;
		transition: 0.3s;
		background: #f8f8f8;
	}

	.sidebarProduct:hover{
		background: #efefef;
		color: #d14f2f;
		padding-left: 26px;
	}

	.sidebarProduct i{
		margin-right: 8px;
		font-size: 6px;
	}

	.activeProduct{
		background: #ddd !important;
		color: #e23d3b !important;
		font-weight: 500;
		padding-left: 26px !important;
	}

	.productContent{
		padding: 20px;
		clear: both;
	}

	.productContent h2 {
		font-size: 2rem;
		font-weight: 700;
		color: #bd4e3a;
		margin: 25px 0px;
		text-transform: capitalize;
		width: 80%;
	}
	.descBox img{
		float: right;
	    border: solid 1px #ccc;
	    margin: 10px;
	    border-radius: 10px;
	}
	.mainimg{
		max-width: 400px !important;
		margin: 0px 0px 20px 20px;
	}
	.productContent ul{
		padding-left: 20px;
	}
	.productContent li{
		padding-left: 10px;
		display: outside;
	}
	.productContent strong{
		font-weight: 500;
	}
	.productContent h3{
		font-size: 1.2rem;
		color: #3c978f;
		font-weight: 500;
		text-transform: capitalize !important; 
	}
	.productContent h4{
		font-size: 1rem !important;
		margin-bottom: 0px;
		color: #000;
	}
	.tablehead{
		background: #d1dfdd !important;
		font-weight: 500;
		text-align: center;
	}
	.tablehead h4{
		font-size: 1.1rem !important;
		margin-bottom: 0px;
	}
	.productContent th{
		background: #e5eeed;
		font-weight: 500;
		width: 150px;
	}
	.productContent th, .productContent td{
		font-size: 0.9rem;
		text-align: center;
	}
	.productContent td{
		font-weight: 300;
	}
	.productContent hr{
		clear: both !important;
	}
	.productContent .breadcrumb{
	    background: #dc5c4717;
	    padding: 5px 0px 5px 0px;
	}
	.productContent .breadcrumb{
		font-weight: 300 !important;
		color: #000;
	}
	.breadcrumb-item+.breadcrumb-item::before{
		    content: var(--bs-breadcrumb-divider, ">>") !important;
		    margin: 0px 8px;
	}
	@media(max-width:991px){

		.productContent{
			padding-left: 0;
			margin-top: 30px;
		}

		.leftcategory{
			display: none;
		}

	}
	.leftcategory{
		padding-left: 0px;
	}
	.slider-wrapper{
		position: relative;
	}

	.related-products{
		display:flex;
		overflow-x:auto;
		scroll-behavior:smooth;
		gap:15px;
		padding:10px;
		scrollbar-width:none;
	}

	.related-products::-webkit-scrollbar{
		display:none;
	}

	.product-card{
		min-width:220px;
		max-width:220px;
		background:#fff;
		border-radius:12px;
		overflow:hidden;
		border:1px solid #ddd;
		transition:0.3s;
		flex-shrink:0;
		text-align: center;
		position: relative;
		min-height: 220px;
		padding-top: 20px;
	}

	.product-card:hover{
		transform:translateY(-5px);
		box-shadow:0 4px 15px rgba(0,0,0,0.15);
	}

	.product-card img{
		width:auto;
		height:150px;
	}

	.product-info{
		padding:5px;
		text-align:center;
		background: #55a1a14f;
		position: absolute;
		bottom: 0px;
		width: 100%;
	}

	.product-title {
	    font-size: 0.8rem;
	    font-weight: 500;
	    line-height: 16px;
	    color: #000;
	}

	.scroll-btn{
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		width:45px;
		height:45px;
		border:none;
		border-radius:50%;
		background:#fff;
		box-shadow:0 2px 10px rgba(0,0,0,0.2);
		z-index:10;
	}

	.scroll-btn:hover{
		background:#000;
		color:#fff;
	}

	.left-btn{
		left:-15px;
	}

	.right-btn{
		right:-15px;
	}
	.relatedProducts {
		width: 98%;
		padding: 20px 0px;
		border-top: solid 2px #676565;
		clear: both;
		margin-top: 50px !important;
	}
	.relatedProducts h2{
		font-size: 1.5rem;
		color: #333;
		font-weight: 500;
		text-align: center;
	}
	.productimgdiv{
		display: flex;
	}
	.productimgdiv img{
		max-width: 98% !important;
		width: fit-content;
		margin:0px;
	}
	.productimgdiv p{
		text-align: center;
		margin:5px 5px 20px 5px;
		font-size: 0.9rem;
		font-weight: 400;
		line-height: 18px;
	}
	.prodCatDiv .product-card{
		min-width: unset;
		max-width: unset;
		border: none;
		padding-top: 0px;
		border: solid 1px #bacfcf;
	}
	.prodCatDiv .product-img{
		border: 0px;
	}
	.prodCatDiv .col-md-3{
		width: 23%;
		margin:1%;
		padding: 0px;
		border-radius: 10px;
		margin-bottom: 20px;
		position: relative;
	}
	.prodCatDiv img{
		max-height: 250px;
		width: auto;
		margin: 15px auto;
	}
	.prodCatDiv h3{
		bottom: 0px;
		width: 100%;
		margin-bottom: 0px;
	}
	.prodCatDiv h2 {
	    font-size: 2rem;
	    font-weight: 700;
	    color: #bd4e3a;
	    margin: 15px 0px;
	    text-transform: capitalize;
	}

	.prodCatDiv .breadcrumb{
	    background: #dc5c4717;
	    padding: 5px 0px 5px 0px;
	}
	.prodCatDiv .breadcrumb{
		font-weight: 300 !important;
		color: #000;
	}
	.breadcrumb-item+.breadcrumb-item::before{
		    content: var(--bs-breadcrumb-divider, ">>") !important;
		    margin: 0px 8px;
	}
	.otherInfo h4{
		font-weight: 400;
	    font-size: 0.9rem !important;
	    margin: 5px;
	}
	.otherInfo .col-md-6{
		margin-bottom: 30px;
		margin-top: 0px;
	}
	.enquiryBtn{
		background: #166b69;
	    color: #fff;
	    border: solid 1px #166b69;
	    font-size: 2rem !important;
	}
	.enquiryBtn:hover{
		background: #166b69;
		border: solid 1px #166b69;
	}
	.enquiryBtn2{
		background: #166b69;
		color: #fff;
		border: solid 1px #166b69;
		position: absolute;
		top:80px;
		right: 40px;
	}
	#productsPage .col-lg-9{
		position: relative;
	}
	.categoryBtn{
		background: #333;
		color: #fff;
		border: solid;
	}
	@media screen and (max-width: 991px) {
		.prodCatDiv .col-md-3{
			width: 31.33%;
		}
		.prodCatDiv h2 {
    		font-size: 1.7rem;
		}
		#products h3{
			font-size: 1rem;
		}
		#productsPage .col-lg-9 {
			padding-top: 25px;
		}
		.enquiryBtn2{
			position: fixed;
			bottom: 0px;
			top: auto;
			width: 100%;
			left: 0px;
			border-radius: 0px;
			z-index: 999;
		}
		.enquiryBtn{
			display: none;
		}
		.productContent{
			margin-top: 0px;
    		padding-right: 0px;
		}
		.productContent h2{
			font-size: 1.7rem;
		}
		.productContent h3{
			font-size: 1.1rem;
		}
	}
	@media screen and (max-width: 767px) {
		.productContent h2{
			font-size: 1.5rem;
		}
		.productContent h3{
			font-size: 1.1rem;
		}
		.descBox img{
			float:none;
			margin: 0px 0px 10px 0px;
			width: 100%;
			height: auto;
		}
	}
	@media screen and (max-width: 575px) {
		.prodCatDiv .col-md-3{
			width: 48%;
		}
		.prodCatDiv h2 {
    		font-size: 1.5rem;
		}
		.productContent h2{
			font-size: 1.3rem;
		}
		.productContent h3{
			font-size: 1rem;
		}
		.productContent{
			font-size: 0.9rem;
		}
	}
	@media screen and (max-width: 400px) {
		.prodCatDiv .col-md-3{
			width: 98%;
		}
	}
/*Products*/

/* SearchBar */
	#searchbox {
		padding: 10px 0px;
		background: #166b6930;
	}
	#searchbox #result {
        position: absolute;
        background: #fff;
        border: 1px solid #ccc;
        width: 100%;
        max-height: 200px;
        overflow-y: auto;
        display: none;
        z-index: 999;
        text-align: left;
      }

      #searchbox .dropdown-item {
        padding: 8px;
        cursor: pointer;
      }

      #searchbox .dropdown-item:hover {
        background: #f0f0f0;
      }
	  #searchbox .btn{
		font-size: 2rem	 !important;
	  }
	  #searchbox .row{
		align-items: center;
	  }
	  .searchresults h2{
		text-align: center;
		margin-bottom: 20px;
	  }
	  @media screen and (max-width: 575px) {
		#searchbox .col-md-11{
			width: 90%;
			padding-right: 1px !important;
		}
		#searchbox .col-md-1{
			width: 10%;
			padding: 0px !important;
			text-align: center;
		}
		#searchbox{
			padding: 5px 0px !important;
		}
		#searchbox .btn {
			font-size: 1.5rem !important;
			padding: 0px;
		}
		#searchbox .form-control{
			padding: .275rem .55rem;
			font-size: 0.8rem;

		}
	}
/* SearchBar */