@media (max-width: 767px) {

	.footer-copyright__inner {
		flex-direction: column;
		align-items: center;
	}

	.footer-links__list {
		margin-bottom: 36px;
	}

	.footer-links__list--is-shown {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
		height: auto;
	}

	.footer-links__title {
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main-footer__container .footer-links__list .menu-link,
	.footer-info__address{
		line-height: 40px;
	}
	.main-footer__info-container{
		justify-content: center;
		padding: 5%;
		margin-bottom: 20px;

	}
	.main-footer__container::before {
		content: '';
		position: absolute;
		bottom: -10%;
		background-image: url(/wp-content/uploads/2025/06/Frame.png);
		width: 100%;
		height: 303px;
		background-size: inherit;
		background-repeat: no-repeat;
		background-position: center;
		flex-shrink: 0;
	}
	.main-footer__container{
		overflow: hidden;
		padding-bottom: 100px;
	}


}

@media (max-width: 1023px) {

	.main-footer__links-container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 40px;
	}

}

@media (min-width: 768px) {

	.main-footer__links-container {
		display: flex;
		gap: calc(30px + (100 - 30) * ((100vw - 768px) / (1920 - 768)));
	}

	.footer-copyright__inner {
		justify-content: space-between;
		max-width: 85%;
	}

}

@media (min-width: 1024px) {

	.main-footer__container .main-footer__inner {
		display: grid;
		grid-template-columns: 20% auto;
		column-gap: calc(20px + (100 - 20) * ((100vw - 320px) / (1920 - 320)));
		max-width: 70%;
		margin: auto;
	}

}



/*RESPONSIVE*/

/*phone*/
@media (max-width: 767px) {
	.main-footer__container .main-footer__inner {
		max-width: 80%;
	}

}

/*tablet*/
@media (min-width: 768px) and (max-width: 1024px) {


	.main-footer__container .main-footer__inner {
		max-width: 80%;
	}
	.main-footer__links-container {
		z-index: 2;
	}

}

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



}


/*mobile and tablet*/
@media (max-width: 1024px) {



}


/*desktop*/
@media (min-width: 1025px) {


}

/*laptop 1 aka 150%*/
@media (min-width: 1024px) and (max-width: 1439px) {

	.main-footer__container .main-footer__inner {
		max-width: 90%;
	}

}

/*laptop 2 aka 125%*/
@media (min-width: 1440px) and (max-width: 1700px) {

	.main-footer__container .main-footer__inner {
		max-width: 90%;
	}

}

/*RESPONSIVE*/