/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	
	.navbar-brand {
		width: 65% !important;
	}
	#contact-ul li {
		width: 100% !important;
	}
	.website-info-email  {display: none;}
	.carousel-control-prev-icon,
	.carousel-control-next-icon i {
	font-size:15px;
	
	}
	.carousel-item img {
		height:210px;
	}
	.delivery-text {
		padding:6px 0 !important;
	}
	.delivery-text h3 {
	font-size:1.1rem;
	padding: 0 10px;
	margin-bottom: 0 !important;
	}
	
	.photos-title {
		font-size:1.45rem;
	}
	
	.delivery-text h6 {
		display:none;
	}

	.logoel img {
		width:70%;
		position: static;
		transform: translate(0,0);
	}
	.logoel, .collaboration-text {
		padding-top:0;
		padding-bottom:30px;

	}
	.desktop-grid {
		display:none;
	}
	.mobile-grid {
 		display: block;
	}

	.hot-products-title {
    padding:10px 0 !important;
    
	}
	
	.banners-title {
		display:none;
	}
	
	
	
}

@media (min-width: 576px) and (max-width: 767.98px) { 

	.delivery-text h3 {
		font-size:1.3rem;
	}
	.delivery-text h6 {
		font-size:0.9rem;
	}
	.logoel img {
		width:70%;
		position: static;
		transform: translate(0,0);
	}
	.logoel, .collaboration-text {
		padding-top:0;
		padding-bottom:30px;

	}
	.img-7 {
		display: block;
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
	.img-4 {
		display: none;
	}
	.img-1 img{
		padding:50px 0;
	}
	.banners-title h2 {
		font-size:26px;
	}
	.banners-title h6 {
		font-size:15px;
	}


}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
	
	
	.collaborationtext h3 {
		text-align: center;
		font-size: 1.75rem;
	}
	
	.product {
		margin-right:0;
	}
	.website-info-clock{display:none;}
	.website-info-tel{display:block;}
	
	.contact-col ul {
		border-bottom:none;
	}
	.contact-title h3 {
		text-align: center;
	}

	.carousel-control-prev-icon,
	.carousel-control-next-icon i {
	font-size:15px;
	
	}
	.carousel-indicators li {
		border-bottom:none;
	}
	#hot-products h2 {
		font-size:1.75rem;
	}
	
	.owl-carousel {
	padding:10px 0 !important;
	margin-top: 10px;
	
	}
	
	#collaboration {
	margin-top:30px;
	margin-bottom:0px;

	}
	.grid-sizer,
	.grid-item { min-width: 50%;}
	.footer-desktop{
		display:none;
	}
	.footer-mobile {
		display: block;
	}
	.navbar-brand img {
		width:70%;
		height:auto;
	}



}

@media (min-width: 767.98px) and (max-width: 1199.98px) { 
		.grid-sizer,
		.grid-item {

		 min-width: 33.33%;

		}
		.navbar-brand img {
			width:80%;
			height:auto;
		}
	
 }	
 @media (min-width: 767.98px) and (max-width: 991.98px) { 
		
	.img-4 img {
		object-fit: fill;

	}

	.img-1 img {
		object-fit: fill;
		padding:80px 0px;
	}
	.img-6 img{
		object-fit: fill;
		background-color: #f2f2f2;
		padding:30px 0;
	}
	.img-6 {
 	display:block;
 	}

 }	


/*Medium devices (tablets, less than 992px)*/
@media  ( max-width: 991.98px) {
	
	.product {
		margin-right:5px;
	}

	.history-images {
		display: none;
	}
	#contact-ul li {
		width:77% !important;
	}
	
	
	.owl-carousel {
    *padding-bottom:0 !important;
	}
	.desktop-grid {
    margin-top:0;
	}
	.img-5{
		margin-bottom: 20px;
	}
	



}


/*Large devices (desktops, less than 1200px)*/
@media  (max-width: 1199.98px) { 
	.navbar-nav li:last-child {display:none;}
}
@media  (min-width: 1199.98px) { 
	.img-1 img {
 	padding:40px 40px;
 	
 }


}