.baner-wrapper {
	margin-bottom: 80px;
}

.baner-wrapper .section-title {
	color: #fff;
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

.baner-wrapper img {
	border-radius: 16px;
}

.baner-wrapper h4 {
	color: #fff;
	font-weight: 400;
	text-align: center;
	padding-top: 20px;
}

.footer-section {
	padding: 80px 0;
}

.footer-section h3 {
	font-weight: 400;
	color: #fff;
}

.category-wrapper {
	background-color: #dbdbdb;
	padding: 40px;
}

.category-item {
	display: flex;
	justify-content: center;
	align-items: end;
	height: 260px;
	padding-bottom: 20px;
	transition: 0.3s ease-out;
	border-radius: 16px;
	width: 97%;
	background-size: 90%;
	background-position: center 10%;
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-left: 10px;
}

/* Style the tab */
.tab {
	overflow: hidden;
}

/* Style the buttons that are used to open the tab content */
.tab button {
	border: none;
	outline: none;
	cursor: pointer;
	transition: 0.3s;
}

/* Style the tab content */
.tabcontent {
	display: none;
	padding: 60px 0px;
}

.products {
	background-color: #e5e3e3;
}

.tab-1 {
	background-color: #e5e3e3;
	background-image: url('../../img/main/zasilacz-1.png');
}

.tab-1:hover {
	background-image: url('../../img/main/zasilacz-2.png');
}

.tab .tab-1.active {
	background-color: #ccc;
	background-image: url('../../img/main/zasilacz-2.png');
}

.tab-2 {
	background-color: #e5e3e3;
	background-image: url('../../img/main/chlodzenie-1.png');
}

.tab-2:hover {
	background-image: url('../../img/main/chlodzenie-2.png');
}

.tab .tab-2.active {
	background-color: #ccc;
	background-image: url('../../img/main/chlodzenie-2.png');
}

.tab-3 {
	background-color: #e5e3e3;
	background-image: url('../../img/main/obudowa-1.png');
}

.tab-3:hover {
	background-image: url('../../img/main/obudowa-2.png');
}

.tab .tab-3.active {
	background-color: #ccc;
	background-image: url('../../img/main/obudowa-2.png');
}

.tab-4 {
	background-color: #e5e3e3;
	background-image: url('../../img/main/sluchawki-1.png');
}

.tab-4:hover {
	background-image: url('../../img/main/sluchawki-2.png');
}

.tab .tab-4.active {
	background-color: #ccc;
	background-image: url('../../img/main/sluchawki-2.png');
}

.tab-5 {
	background-color: #e5e3e3;
	background-image: url('../../img/main/klawiatura-1.png');
}

.tab-5:hover {
	background-image: url('../../img/main/klawiatura-2.png');
}

.tab .tab-5.active {
	background-color: #ccc;
	background-image: url('../../img/main/klawiatura-2.png');
}

.tab-6 {
	background-color: #e5e3e3;
	background-image: url('../../img/main/myszka-1.png');
}

.tab-6:hover {
	background-image: url('../../img/main/myszka-2.png');
}

.tab .tab-6.active {
	background-color: #ccc;
	background-image: url('../../img/main/myszka-2.png');
}

.tab-7 {
	background-color: #e5e3e3;
	background-image: url('../../img/main/inne-1.png');
}

.tab-7:hover {
	background-image: url('../../img/main/inne-2.png');
}

.tab .tab-7.active {
	background-color: #ccc;
	background-image: url('../../img/main/inne-2.png');
}

@media (max-width: 1200px) {
	.top__wrapper {
		display: flex;
		align-items: center;
		background-image: url('../../img/main/top.jpg?v2.0');
		background-size: 120%;
		background-position: center top;
		background-repeat: no-repeat;
		width: 100%;
		height: 420px;
		margin: 0 auto;
		padding-top: 50px;
	}
}

@media (max-width: 992px) {
	.top__wrapper {
		display: flex;
		align-items: start;
		background-color: #191846;
		background-image: url('../../img/main/top-992.jpg?v2.0');
		background-size: 100%;
		background-position: center bottom;
		background-repeat: no-repeat;
		width: 100%;
		height: 600px;
		margin: 0 auto;
		padding-top: 120px;
		margin-bottom: 60px;
	}
}

@media (max-width: 768px) {
	.top__wrapper {
		display: flex;
		align-items: start;
		background-color: #191846;
		background-image: url('../../img/main/top-992.jpg?v2.0');
		background-size: 120%;
		background-position: center bottom;
		background-repeat: no-repeat;
		width: 100%;
		height: 600px;
		margin: 0 auto;
		padding-top: 120px;
		margin-bottom: 40px;
	}
}

@media (max-width: 576px) {
	.top__wrapper {
		height: 550px;
	}
}

@media (max-width: 450px) {
	.category-item {
		display: flex;
		justify-content: center;
		align-items: end;
		height: 240px;
		padding-bottom: 20px;
		transition: 0.3s ease-out;
		border-radius: 16px;
		width: 97%;
		background-size: 85%;
		background-position: center 10%;
		background-repeat: no-repeat;
	}
}