@media screen and (max-width: 1024px) {

	.header-middle .contact-info {
		margin-left: 30px;
	}

	.header-middle .search-form-holder {
		max-width: 400px;
	}

	.header-top:after {
		display: none;
	}

	.custom-blog-list {
		gap: 40px;
	}
}

@media screen and (max-width: 768px) {

	/* header responsive styles - start */

	header {
		overflow-x: hidden;
	}

	.header-top {
		display: none;
	}

	.header-middle {
		flex-direction: column;
		align-items: flex-start;
		row-gap: 20px;
	}

	.header-middle .contact-info {
		display: none;
	}

	.header-middle .search-form-holder {
		position: relative;
		transform: none;
		top: auto;
		left: auto;
	}

	.header-middle .widgets {
		position: absolute;
		top: 25px;
		right: 0;
	}

	.header-middle .widgets .login {
		display: flex;
		align-items: center;
	}

	.header-middle .widgets .login span,
	.header-middle .additional-links,
	.header-middle .login a .arrow-down {
		display: none;
	}

	.header-middle .login a .user-login {
		margin-right: 0;
	}

	.header-middle .widgets {
		column-gap: 15px;
	}

	nav.header-main-nav {
		overflow-x: scroll;
		overflow-y: hidden;
	}

	.header-content .content-right {
		display: none;
	}

	.header-content .header-nav-holder #mega-menu-opener span {
		display: none;
	}

	.header-content .header-nav-holder #mega-menu-opener {
		padding: 0;
	}

	.header-content .header-nav-holder #mega-menu-opener:not(:hover),
	.header-content .header-nav-holder #mega-menu-opener:hover {
		background: transparent;
	}

	.header-content .header-nav-holder #mega-menu-opener svg {
		width: 24px;
		height: auto;
	}

	.header-content .header-nav-holder #mega-menu-opener svg rect {
		fill: var(--main-orange-color);
	}

	.header-middle .logo-holder {
		margin-left: 45px;
	}

	.header-nav-holder .header-main-nav ul li:first-child {
		padding-left: 0;
	}

	.categories-holder {
		position: absolute;
		top: 27px;
		left: 20px;
	}

	.mega-menu .header-categories {
		max-height: 50vh;
		height: 50vh;
	}
	/* header responsive styles - end */

	.content-top {
		flex-direction: column;
		align-items: flex-start;
		row-gap: 10px;
	}

	.simple-image-slider-holder .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
		display: none;
	}

	.content-top .section-left,
	.content-top .section-right {
		width: 100%;
	}

	.content-top .section-right {
		row-gap: 10px;
	}

	.banners-holder {
		display: none;
	}

	.section-title {
		font-size: 20px;
	}

	.three-products-section {
		flex-direction: column;
	}

	.three-products-section.beige {
		margin-top: 40px;
	}

	.three-products-section > div {
		width: 100%;
	}

	.three-products-section .content-right {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	.three-products-section .content-right .title-holder {
		margin-bottom: 22px;
	}

	.three-products-section .content-right .section-title {
		font-size: 22px;
	}

	/* services responsive styles start */
	.services-section {
		padding: 30px;
		grid-template-columns: 100%;
		margin-bottom: 41px;
	}

	.services-section .title {
		font-size: 28px;
		line-height: 32px;
		margin-top: 34px;
	}

	.services-section .button {
		margin-top: 30px;
	}

	.services-section .content-right {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin-top: 28px;
	}

	.services-section .service {
		display: flex;
		align-items: center;
		text-align: left;
		gap: 20px;
	}

	.services-section .service img {
		max-width: 45px;
	}

	.services-section .service h5 {
		margin: 0;
		font-size: 14px;
	}

	/* brands responsive styles start */
	.brands-section-holder {
		margin-bottom: 41px;
	}

	.brands-section-holder .title-holder {
		flex-direction: column;
		align-items: flex-start;
	}

	.brand-images {
		grid-template-columns: repeat(3, 1fr);
	}

	.custom-blog-list {
		gap: 30px;
	}

	.blog-list-holder .title-holder {
		flex-direction: column;
		align-items: flex-start;
	}

	.icons-with-text-section {
		padding: 30px;
		margin-top: 40px;
	}

	.icons-with-text-section .content-inner {
		gap: 0;
		flex-wrap: wrap;
		width: 100%;
		row-gap: 55px;
	}

	.icons-with-text-section .content-inner .column {
		width: 50%;
	}

	/* location info section responsive styles */
	.location-info-section {
		flex-wrap: wrap;
		gap: 10px;
	}

	.location-info-section > div {
		width: calc((100% - 10px) / 2);
	}

	.location-info-section > div:last-child {
		width: 100%;
	}

	.location-info-section .column:last-child {
		flex-direction: row;
		padding: 20px;
	}

	/*newsletter responsive styles*/

	.newsletter-section {
		grid-template-columns: 100%;
		column-gap: 0;
		padding: 40px;
		row-gap: 30px;
	}

	.newsletter-section .newsletter-title {
		font-size: 19px;
	}

	.newsletter-section .newsletter-title-holder svg {
		width: 34px;
		height: auto;
	}

	.newsletter-section .newsletter-text {
		font-size: 14px;
		margin-bottom: 15px;
	}

	/*footer responsive styles*/
	.footer-top {
		padding-top: 50px;
	}

	.footer-top .footer-grid {
		grid-template-columns: 100%;
		max-width: 100%;
	}

	.footer-column .column-title {
		margin: 0;
		padding: 6px 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.footer-column .column-title:after {
		content: '';
		width: 8px;
		height: 12px;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMSAxLjExODY1TDYgNi4xMTg2NUwxIDExLjExODciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPg0KPC9zdmc+DQo=);
		background-size: cover;
		margin-right: 15px;
		transition: transform 0.25s ease-in-out;
	}

	.column-title.open:after {
		transform: rotate(90deg);
	}

	.footer-top .footer-column {
		padding: 15px 0;
		border-bottom: 1px solid #fff;
	}

	.footer-bottom .content-flex {
		flex-direction: column;
	}

	.footer-bottom .content-left {
		grid-template-columns: 100%;
		max-width: 100%;
		row-gap: 30px;
	}

	.footer-bottom .content-right {
		text-align: left;
		justify-content: flex-start;
		margin-top: 30px;
	}

	.footer-bottom .content-right ul {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		column-gap: 20px;
	}

	.footer-bottom .content-right ul li a span {
		display: none;
	}

	.footer-copyright .content-grid {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.footer-copyright .center ul li:first-child {
		padding-left: 0;
	}

	.footer-copyright .center {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.footer-copyright .center p {
		margin-left: 0;
	}

	.footer-payment-methods .content-grid {
		grid-template-columns: 100%;
		row-gap: 20px;
	}

	.footer-payment-methods .card-images {
		row-gap: 20px;
	}
}

@media screen and (max-width: 480px) {

	.brand-images {
		grid-template-columns: repeat(2, 1fr);
	}

	.custom-blog-list {
		row-gap: 40px;
		grid-template-columns: 100%;
	}

	.custom-blog-list .read-more {
		margin: 15px 0 0;
	}

	.newsletter-section .newsletter-input {
		width: 100%;
	}

	.newsletter-form p {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.newsletter-section .custom-btn {
		width: 100%;
	}
}