@media only screen and (max-width: 991px){
	.padding ,
	.featured-products{
    	padding: 6rem 4rem;
	}
	.navbar-toggler-icon {
	    width: 3rem;
    	height: 3rem;
	}
	#header nav ul{
		margin-top: 3rem;
	}
	#header nav li .nav-link::before {
	    width: 100%;
    	height: .1rem;
	}
	.banner .content h1 {
    	font-size: 6rem;
	}
	.banner .number {
	    font-size: 40rem;
	}
	.why-choose-us .img{
		width: 100%;
		text-align: center;
	}
	.why-choose-us .img img {
	    width: 50rem;
	}
	.offer .offer-box .overlay h2 {
    	font-size: 4rem;
	}
	.normal-section-title {
	    margin-top: 3rem;
	}
	.cross-img{
		min-height: 80vh;
	}
	.cross-img img:last-child {
	    bottom: -40rem;
	    right: 0;
	}
	.single-product .img-box img {
	    width: 100%;
	}
	.single-product .img img {
	    width: 100%;
	}
	.breadcrumb h1 {
	    font-size: 6rem;
	}
	.single-product .content {
		margin-top: 5rem;
	}
}

@media only screen and (max-width: 768px){
	.padding ,
	.featured-products{
    	padding: 4rem 2rem;
	}
	.breadcrumb{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.breadcrumb h1{
		padding-top: 0;
		font-size: 5rem;
	}
	.breadcrumb .container{
		padding-top: 0 !important;
	}
	.banner .content h1 {
        font-size: 5rem;
    }

    .offer .offer-box {
	    flex-basis: 100%;
	}
	.cta-box h1 {
	    font-size: 4rem;
	}
}

@media only screen and (max-width: 576px){
	html{
		font-size: 50%;
	}
	.breadcrumb h1 {
	    font-size: 4.5rem;
	}
	.padding,
	.featured-products{
    	padding: 2rem 0;
	}
	.featured-products .swiper-btn{
		width: 7rem;
		height: 7rem;
		line-height: 7rem;
	}
	#footer .row {
    	padding: 2rem 1rem 0;
	}
	.product-section .normal-section-img{
		width: 100%;
		height: 40rem;
	}
}