@media only screen and (max-width:991px){
	.container{
		width: 90%;
		max-width: none;
	}
	.navi{
		position: absolute;
width: 100%;
top: 60px;
background: #fff;
z-index: 99;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
left: 0;
margin: 0;
padding: 15px;
	}

	.navbar-toggler{
		box-shadow: none !important;
	}

	.navbar-brand img {
	  height: auto;
	  width: 250px;
	}

	.category-box h3::before, .category-box h3::after {
		display: none;
	}
	
	body{
	    padding-top:63px;
	}
}
@media only screen and (max-width:767px){
	.ftr-logo {
	  width: 100%;
	  text-align: center;
	}
	.ftr-logo img{
		width: 130px;
	}

	.ftr-nav, .ftr-cntct{
		text-align: center;
		margin-top: 20px;
	}
}

@media only screen and (max-width:535px){
	.navbar-brand{
		width: 100%;
		margin:0; 
	}

	.navbar{
		flex-direction: column;
	}

	.header-contact-nav-icon{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}

	.category-img img{
		height: auto;
	}
	.navi{
		top: 93px;
	}

	.banner-row .btn{
		width: 170px;
font-size: 12px;
	}
	
	body{
	    padding-top:94px;
	}
}