/*** ### ./css/layout_responsive.css ### ***/





/*


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

		}

	nav div{
		display: block;
		}

	nav a{

		}

	.nav-lines{
		display: block;
		}
}

*/





/*** ### ./css/header_responsive.css ### ***/





@media screen and (max-width: 750px)
{
	nav{
		font-size: 1.1rem;
		}
}


@media screen and (max-width: 700px)
{
	nav{
		font-size: 1.0rem;
		}
}


@media screen and (max-width: 650px)
{
	nav{
		font-size: 0.9rem;
		}
}


@media screen and (max-width: 600px)
{
	nav{
		font-size: 0.85rem;
		}
}


@media screen and (max-width: 570px)
{
	nav{
		font-size: 0.8rem;
		}
}


@media screen and (max-width: 550px)
{
	nav{
		font-size: 0.75rem;
		}
}



@media screen and (max-width: 520px)
{
	nav{
		font-size: 1.2rem;
		}

	nav div{
		flex-wrap: wrap;
		}

	nav a{
		width: 50%;
		}

	nav a span{
		display: block;
		padding: 8px 5px 4px 5px;
		}

	nav svg{
		display: block;
		}

	.nav-sequence-1{
		order: 1;
		width: 65%;
		border-bottom: 1px solid #a7bed3;
		}

	.nav-sequence-2{
		order: 3;
		width: 65%;
		}

	.nav-sequence-3{
		order: 2;
		width: 35%;
		border-bottom: 1px solid #a7bed3;
		text-align: right;
		}

	.nav-sequence-4{
		order: 4;
		width: 35%;
		text-align: right;
		}

}


@media screen and (max-width: 490px)
{
	nav{
		font-size: 1.1rem;
		}
}


@media screen and (max-width: 460px)
{
	header{max-width: 420px;}
	header a span{margin-left: 62px; margin-top: 46px;}
	nav{font-size: 1.0rem;}
	nav svg{margin-top: 10px;}
}

@media screen and (max-width: 440px)
{
	header{max-width: 400px;}
	header a span{margin-left: 58px; margin-top: 44px;}
}

@media screen and (max-width: 430px)
{
	nav{font-size: 0.9rem;}
	nav svg{margin-top: 9px;}
}

@media screen and (max-width: 420px)
{
	header{max-width: 380px;}
	header a span{margin-left: 54px; margin-top: 41px;}
}

@media screen and (max-width: 400px)
{
	header{max-width: 360px;}
	header a span{margin-left: 52px; margin-top: 39px;}
	nav{font-size: 0.85rem;}
	nav svg{margin-top: 8px;}
}

@media screen and (max-width: 380px)
{
	header{max-width: 340px;}
	header a span{margin-left: 50px; margin-top: 36px;}
	nav{font-size: 0.75rem;}
}

@media screen and (max-width: 360px)
{
	header{max-width: 320px;}
	header a span{margin-left: 47px; margin-top: 34px; font-size: 0.6rem;}
}

@media screen and (max-width: 350px)
{
	nav{font-size: 0.7rem;}
	nav svg{margin-top: 7px;}
}

@media screen and (max-width: 340px)
{
	header{max-width: 300px;}
	header a span{margin-left: 43px; margin-top: 31px; font-size: 0.55rem;}
}

@media screen and (max-width: 320px)
{
	header{max-width: 280px;}
	header a span{margin-left: 40px; margin-top: 28px;}
	nav{font-size: 0.6rem;}
	nav svg{margin-top: 6px;}
}





/*** ### ./css/footer_responsive.css ### ***/





@media screen and (max-width: 540px)
{
	.footer-stone{
		display: none;
		}

	.footer-brand-stone{
		display: block;
		}
}


@media screen and (max-width: 390px)
{
	.footer-contact-part{
		padding-bottom: 17px;
		}

	.footer-contact-fullname i{
		display: block;
		}

	.footer-contact-fullname u{
		display: none;
		}

	.footer-contact-email{
		padding-bottom: 10px;
		}

	.footer-contact-email a{
		display: block;
		font-size: 0.6rem;
		}
}


@media screen and (max-width: 350px)
{
	.footer-whatsapp{
		display: block;
		margin-left: 0;
		margin-top: 1px;
		}
}


@media screen and (max-width: 320px)
{
	footer h6{
		padding: 5px 10px 3px 10px;
		}
}

/*
@media screen and (max-width: 460px)
{
	.footer-in{
		flex-wrap: wrap;
		}

	.footer-part{
		width: 150px;
		outline: 1px dashed red;
		}

	.footer-contact{
		order: 1;
		}

	.footer-brand{
		order: 2;
		}

	.footer-stone{
		order: 3;
		}


}
*/





/*** ### ./css/order_responsive.css ### ***/





@media screen and (max-width: 520px)
{
	.order h1 br{
		display: block;
		}
}


@media screen and (max-width: 360px)
{
	.order h1{
		font-size: 1.5rem;
		}
}



@media screen and (max-width: 330px)
{
	.order h1{
		font-size: 1.3rem;
		}
}