@media only screen and (max-width: 767px) {
	.top {height: auto;overflow: hidden;}
	.top .left {float: none;}
	.top .left ul {margin-bottom: 0;margin-top: 10px;}
	.top .left ul li {float: none;text-align: center;}
	.top .right {float: none;}
	.top .right ul {text-align: center;margin-bottom: 20px;}
	.top .right ul li {float: none;display: inline-block;}
}

@media only screen and (max-width: 991px) {
	.header .inner {display: block;}
	.header .logo {display: block;width: 100%;text-align: center;}
	.header .search-area {display: block;}
	.header .right {display: block;}
	.header .navbar-left {text-align: center;margin-bottom: 20px;}
	.navbar-form .form-group {display: inline-block;}
	.navbar-form button {display: inline-block;}
	.header .right ul {float: none;text-align: center;margin-bottom: 20px;}
	.header .right ul li {float: none;display: inline-block;}
	.header form {
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header .inner {
		display: flex;
		align-items: stretch;
		gap: 16px;
	}
	.header .logo {
		flex: 0 0 16.6667%;
		max-width: 16.6667%;
		display: flex;
		align-items: center;
	}
	.header .logo img {
		max-width: 100%;
		height: auto;
	}
	.header .search-area {
		flex: 0 0 25%;
		max-width: 25%;
		display: flex;
		align-items: center;
		margin: 0;
	}
	.header .search-area form {
		width: 100%;
	}
	.header .search-area .form-control {
		flex: 1 1 auto;
		border-radius: 25px 0 0 25px;
	}
	.header .search-area button {
		flex: 0 0 auto;
		min-width: 110px;
		padding: 0 18px;
		border-radius: 0 25px 25px 0;
	}
	.header .right {
		flex: 0 0 58.3333%;
		max-width: 58.3333%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		min-width: 0;
	}
	.header .right ul {
		width: 100%;
		justify-content: flex-end;
		gap: 18px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.bx-controls a.bx-prev, .bx-controls a.bx-next {padding-top: 215px!important;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.top {
		height: auto;
		padding: 8px 0;
	}
	.top .left,
	.top .right {
		float: none;
		width: 100%;
		text-align: center;
	}
	.top .left ul,
	.top .right ul {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin: 6px 0;
		padding: 0;
	}
	.top .right ul li,
	.top .left ul li {
		float: none;
		margin: 0 6px;
	}
	.header .inner {
		display: grid;
		grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
		grid-template-areas:
			"logo search"
			"right right";
		column-gap: 20px;
		row-gap: 14px;
		align-items: stretch;
	}
	.header .logo {
		grid-area: logo;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.header .logo img {
		max-height: 80px;
		width: auto;
	}
	.header .search-area {
		grid-area: search;
		margin: 0;
		display: flex;
		align-items: center;
	}
	.header .search-area form {
		margin: 0;
		width: 100%;
	}
	.header .right {
		grid-area: right;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.header .right ul {
		justify-content: center;
		gap: 16px;
	}
}

@media only screen and (min-width: 501px) and (max-width: 700px) {
	ul.bxslider li, ul.bxslider li .text {height: 210px;}
	.bx-controls a.bx-prev,
	.bx-controls a.bx-next {font-size: 36px;}
	ul.bxslider li .text .inner h2 {font-size: 30px;}
	ul.bxslider li .text .inner h3 {font-size: 20px;}
	.bx-controls a.bx-prev, .bx-controls a.bx-next {padding-top: 120px!important;}
}

@media only screen and (min-width: 0px) and (max-width: 500px) {
	ul.bxslider li, ul.bxslider li .text {height: 175px;}
	.bx-controls a.bx-prev,
	.bx-controls a.bx-next {font-size: 30px;}
	ul.bxslider li .text .inner h2 {font-size: 24px;}
	ul.bxslider li .text .inner h3 {font-size: 16px;}
	.bx-controls a.bx-prev, .bx-controls a.bx-next {padding-top: 100px!important;}
	ul.bxslider li img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.header .logo img {
		max-height: 80px;
	}
	.carousel-inner .item{
		height: 350px;
	}
}

@media only screen and (max-width: 425px) {
	ul.bxslider li,
	ul.bxslider li .text {
		height: 165px;
	}
	ul.bxslider li img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.header .logo img {
		max-height: 80px;
	}
	.carousel-inner .item{
		height: 350px;
	}
}

@media only screen and (max-width: 360px) {
	ul.bxslider li,
	ul.bxslider li .text {
		height: 150px;
	}
	ul.bxslider li .text .inner h2 {font-size: 20px;}
	ul.bxslider li .text .inner h3 {font-size: 14px;}
	.header .logo img {
		max-height: 75px;
	}
	.carousel-inner .item{
		height: 300px;
		
	}
}

@media only screen and (min-width: 992px) {
	.product .text {
		min-height: 190px;
	}
	.header .inner {
		width: 100%;
	}
	.header .search-area {
		padding-right: 0;
	}
	.header .search-area form {
		padding-right: 0;
	}
	.header .container {
		padding-right: 0;
	}
}