@media (width < 1440px){	
	.header {
		width: 100%;
	}
	
	.header-container {
		width: 87vw;
	}
	
	.gift {
		width: 100%;
		height: auto;
	}
	
	.gift-container {
		width: 87vw;
		height: auto;
	}
	
	.gift-container-cards {
		width: 87vw;
		height: auto;
	}

	.footer {
		width: 100%;
	}

	.footer-container {
		width:  100%;
	}
	
	.footer-container-contact {
		width: 100%;
	}
	
	.footer-container-contact-option {
		width: 100%;
	}
	
}

@media (width <= 768px){	
	.header {
		width: 768px;
	}
	
	.header-container {
		width: 752px;
	}

	.nav-burger-menu {
		display: block;
	}

	.nav-burger-menu-btn {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		width: 40px;
		height: 40px;

		gap: 6px;

		border: none;

		transition: transform .5s;
		cursor: pointer;
	}

	.nav-burger-menu-btn span {
		width: 22px;
		height: 2px;

		border-radius: 1px;
		background-color: var(--dark);

		z-index: 2;
	}

	.nav-container .nav-burger-menu-btn span:nth-child(1){
		transform: translateY(0px);
		transition: 0.5s;
	}
	.nav-container .nav-burger-menu-btn span:nth-child(2){
		transform: translateY(0px);
		transition: 0.5s;
	}

	.nav-container.show .nav-burger-menu-btn span:nth-child(1){
		transform: translateY(4px) rotate(45deg);
		transition: 0.5s;
	}
	.nav-container.show .nav-burger-menu-btn span:nth-child(2){
		transform: translateY(-4px) rotate(-45deg);
		transition: 0.5s;
	}
	
	.nav-container-list {
		position: absolute;
		display: flex;
		flex-direction: column;

		justify-content: center;
		align-items: center;
		/* padding-top: 348px; */

		gap: 8px;

		background-color: var(--static-white);

		width: 100%;
		height: 100vh;
		/* height: 960px; */

		/* top: 64px; */
		top:0;
		right: -100%;
		transition: transform 0.5s;
	}

	.nav-container.show .nav-container-list{
		transform: translateX(-100%);
	}

	.nav-container-list-item {
		border-radius: 12px;
		padding: 12px 20px;
		/* width: 127px; */
		/* height: 60px; */
	
		font-family: var(--font-family);
		font-weight: 600;
		font-size: 24px;
		line-height: 152%;
		letter-spacing: 0.16em;
		text-transform: uppercase;
		color: var(--dark);
	}

	.gift {
		width: 768px;
		height: auto;
	}
	
	.gift-container {
		width: 752px;
		height: auto;
	}
	
	.gift-container-cards {
		width: 752px;
		/* height: 2112px; */
	}
	
	.footer-container-contact {
		display: flex;
		flex-wrap: wrap;
		border-radius: 12px;
	}
	
	.footer-container-contact-option {
		width: 100%;
	}

	.up-container {
		position: fixed;

		bottom: 0;
		right: 0;

		margin: 8px;
	}

	.up-btn {
		display: none;
	}

	.up-btn.show{
		display: flex;
		justify-content: center;
		align-items: center;

		border: 1px solid var(--primary);
		border-radius: 100px;
		width: 56px;
		height: 56px;

		background: var(--static-white);
	}
}

@media (width > 768px) {
	.nav-container-list-item:hover {
		color: var(--primary);
		background: rgba(255, 70, 70, 0.1);
		border: 1px solid var(--static-white);
	
		transition: 0.5s;
	}

	.gift-container-tabs-item:hover {
		background: var(--static-white-20);
	}

	.gift-container-tabs-item:hover button{
		cursor: pointer;
	}

	.gift-container-tabs-item.choose:hover button{
		cursor: default;
	}

	.gift-container-cards-item:hover h3{
		color: var(--primary);
		transition: color 0.5s;
	}

	.footer-container-contact-option:hover h3{
		color: var(--primary);
		transition: color 0.5s;
	}
	
	.footer-container-contact-option:hover div{
		color: var(--primary);
		transition: color 0.5s;
	}

	.footer-container-link-socials-item:hover svg > path{
		stroke: var(--primary);
		transition: stroke 0.5s;
	}

	.footer-container-link-caption:hover {
		color: var(--primary);
		transition: color 0.5s;
	}
}