/*--------------------------------------------------------------*/
/*---------------Resoluciones desde 421 hasta 1000--------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 1000px)
{
	.featured-subcategories .subcategories > div{width: 100%; margin-bottom: 10px;}
	.products.row{
		margin: 0;
		gap: 20px;
	}
	.products.row > *{width: calc(50% - 10px);}
	header .logo svg{width: 72px; height: 55px;}
	body#checkout section.checkout-step .content{padding: 20px;}
	#customer-form > * > .form-group, form .field-password-policy, #login-form > * > .form-group, .js-address-form .form-group{width: 100%; padding-inline: 0; padding-top: 0;}
	.nav-link{padding: 10px 15px 10px 40px; font-size: 14px;}
}

/*--------------------------------------------------------------*/
/*---------------Resoluciones desde 320 hasta 420---------------*/
/*--------------------------------------------------------------*/
@media screen and (max-width: 420px)
{
	.products.row{
		margin: 0;
		gap: 20px;
	}
	.products.row > *{width: 100%;}
	.swiper-pagination-bullet img{display: none;}
	body#product .product-container .btn-back{position: relative; display: block; text-align: center; padding: 10px;}
	.nav-link::after, .nav-link::before{content: none !important;}
	.nav-link{padding: 10px 15px;}
	.nav-inline .nav-item + .nav-item, .nav-inline .nav-link + .nav-link{margin-left: 5px;}
	body#checkout section.checkout-step .address-item{width: 100%; flex: initial;}
	body#order-confirmation h1{font-size: 50px; text-align: center; line-height: 1;}
	body#order-confirmation h1 i{display: block; margin: 0 auto 10px auto;}
}