/**
 * Responsive rules for header / footer chrome only.
 */

@media (min-width: 1600px) {
	.wk-new-chrome .container {
		max-width: 1600px;
	}
}

@media (max-width: 1199px) {
	.wk-new-chrome .footer {
		padding-top: 50px;
	}

	.wk-new-chrome .footer-brand img {
		max-width: 50px;
		margin-bottom: 10px;
	}

	.wk-new-chrome .footer h5 {
		font-size: 18px;
	}

	.wk-new-chrome .footer-brand p {
		font-size: 16px;
	}

	.wk-new-chrome .footer ul li a {
		font-size: 14px;
	}

	.wk-new-chrome .footer-bottom p {
		font-size: 12px;
	}

	.wk-new-chrome .social-icons {
		gap: 10px;
	}

	.wk-new-chrome .social-icons a img {
		width: 30px;
		height: 30px;
	}

	.wk-new-chrome .footer-bottom {
		padding: 20px 0;
		margin-top: 35px;
	}
}

@media (max-width: 991px) {
	.wk-new-chrome .topbar .top-left {
		display: block;
		width: 100%;
		font-size: 14px;
		line-height: 22px;
	}

	.wk-new-chrome .top-header-list li {
		padding: 0 10px;
	}

	.wk-new-chrome .top-header-list li a {
		font-size: 12px !important;
	}

	.wk-new-chrome .top-header-list li span img {
		width: 14px;
		height: 14px;
	}

	.wk-new-chrome .main-navbar {
		padding: 15px 0;
	}

	.wk-new-chrome .main-navbar .navbar-collapse {
		background: var(--white);
		padding: 20px 0;
		border-top: 1px solid #f2e6de;
		margin-top: 15px;
	}

	.wk-new-chrome .main-navbar .navbar-nav {
		text-align: center;
		margin-bottom: 20px;
	}

	.wk-new-chrome .main-navbar .navbar-nav .nav-link {
		margin: 12px 0 !important;
		font-size: 18px;
		display: inline-block;
	}

	.wk-new-chrome .mobile-nav-icons {
		margin-left: auto !important;
		margin-right: 15px !important;
	}

	.wk-new-chrome .mobile-nav-icons .nav-icons {
		margin: 0 !important;
	}

	.wk-new-chrome .mobile-nav-icons .nav-icons-items {
		width: 26px;
		height: 26px;
	}

	.wk-new-chrome .mobile-nav-icons .nav-icons-items img {
		width: 22px;
		height: 22px;
	}

	.wk-new-chrome .main-navbar .header-contact-btn {
		display: inline-block;
		width: 100%;
		max-width: 220px;
		margin: 10px auto 0;
	}

	.wk-new-chrome .map-section {
		padding: 120px 0 100px;
	}

	.wk-new-chrome .footer {
		padding-top: 60px;
		text-align: center;
	}

	.wk-new-chrome .footer .px-4 {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.wk-new-chrome .payment-methods .d-flex {
		justify-content: center;
	}

	.wk-new-chrome .footer-brand {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 24px;
	}

	.wk-new-chrome .footer-brand p {
		margin-left: auto;
		margin-right: auto;
	}

	.wk-new-chrome .footer h5 {
		margin-top: 10px;
		margin-bottom: 15px;
	}

	.wk-new-chrome .social-icons {
		justify-content: center;
	}

	.wk-new-chrome .payment-methods {
		margin: 0 auto;
	}

	.wk-new-chrome .footer-bottom {
		margin-top: 40px;
	}
}

@media (max-width: 767px) {
	.wk-new-chrome .topbar .d-flex {
		gap: 12px;
		text-align: center;
	}

	.wk-new-chrome .top-right {
		width: 100%;
	}

	.wk-new-chrome .top-header-list {
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px 16px !important;
		width: 100%;
	}

	.wk-new-chrome .top-header-list li {
		padding: 0 !important;
	}

	.wk-new-chrome .top-header-list li:after {
		display: none !important;
	}

	.wk-new-chrome .map-section {
		padding: 90px 0 70px;
	}

	.wk-new-chrome .map-content h2 {
		font-size: 24px;
		margin-bottom: 30px;
	}

	.wk-new-chrome .map-buttons {
		flex-direction: column;
		align-items: stretch;
		max-width: 280px;
		margin: 0 auto;
		gap: 12px;
	}

	.wk-new-chrome .map-buttons .theme-btn {
		width: 100%;
		text-align: center;
	}
}