/*** ### ./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/contact_responsive.css ### ***/





@media screen and (max-width: 900px)
{
	span.contacts-building-text-brand{
		width: auto;
		flex-grow: 1;
		}

	span.contacts-building-text-hours{
		width: 230px;
		}
}

@media screen and (max-width: 900px)
{
	.contacts-stone-images div{
		width: 50%;
		}

	.contacts-stone-images a,
	.contacts-stone-images img{
		max-width: 300px;
		margin: 10px auto;
		}
}

@media screen and (max-width: 830px)
{
	.contacts-building-text strong span{
		font-size: 1.1rem;
		line-height: 140%;
		padding: 5px 0 10px 0;
		}

	.contacts-building-text strong span br{
		display: block;
		}

	.contacts-building-text-in{
		display: block;
		}

	.contacts-building-text-hours{
		text-align: left;
		}
}


@media screen and (max-width: 810px)
{
	.contacts-map iframe{
		width: 250px;
		}

	.contacts-map-text{
		font-size: 0.7rem;
		}


	.contacts-map-text-1{
		font-size: 0.85rem;
		}
}



@media screen and (max-width: 700px)
{
	.contacts-building strong{
		font-size: 1.6rem;
		}

	.contacts-building-text strong span{
		font-size: 0.9rem;
		}

	.contacts-building img{
		width: 250px;
		height: 145px;
		}
}



@media screen and (max-width: 680px)
{
	.contacts-map iframe{
		width: 200px;
		}

	.contacts-stone ul{
		font-size: 0.9rem;
		}

	.contacts-stone-images a,
	.contacts-stone-images img{
		max-width: 250px;
		}
}


@media screen and (max-width: 630px)
{
	.contacts-map iframe{
		width: 170px;
		}

	main{
		/*padding: 10px 15px 10px 10px;*/
		}
}


@media screen and (max-width: 590px)
{
	.contacts-building img{
		width: 200px;
		height: 116px;
		}
}



@media screen and (max-width: 580px)
{
	.contacts-map{
		display: block;
		}

	.contacts-map iframe{
		width: 100%;
		height: 150px;
		}

	.contacts-map-text{
		padding-top: 10px;
		}

	.contacts-map-text ul span{
		max-width: 15px;
		min-width: 15px;
		}

	.contacts-map-text-6,
	.contacts-map-text-7,
	.contacts-map-text-9{
		background-position: 22px 4px;
		}

	.contacts-stone-images a,
	.contacts-stone-images img{
		max-width: 200px;
		}
}



@media screen and (max-width: 550px)
{
	.contacts-building{
		display: block;
		}

	.contacts-building-image{
		border-left: 6px double #a7bed3;
		}

	.contacts-building img{
		margin-left: 20px;
		width: 300px;
		height: 174px;
		border-width: 1px;
		border-style: solid;
		}

	.contacts-expres ul{
		font-size: 0.85rem;
		}
}

@media screen and (max-width: 480px)
{
	.contacts-expres b{
		display: block;
		}

	.contacts-stone ul{
		font-size: 0.8rem;
		}

	.contacts-stone-images a,
	.contacts-stone-images img{
		max-width: 150px;
		}
}



@media screen and (max-width: 440px)
{
	.contacts-expres i{
		display: block;
		}

	.contacts-history p{
		font-size: 0.85rem;
		}
}


@media screen and (max-width: 420px)
{
	.contacts-phones-in{
		display: block;
		}

	.contacts-phones-fullname b,
	.contacts-phones-fullname i{
		display: block;
		text-align: center;
		}

	.contacts-phones-fullname u{
		display: none;
		}

	.contacts-phones-phone{
		text-align: center;
		}

	.contacts-phones-phone .footer-whatsapp{
		display: inline-block;
		margin-left: 10px;
		}

	.contacts-email .contacts-phones-right{
		text-align: center;
		}

	.contacts-email b{
		display: block;
		}

	.contacts-email a{
		display: inline-block;
		}
}


@media screen and (max-width: 420px)
{
	.contacts-stone ul{
		font-size: 0.7rem;
		}
}


@media screen and (max-width: 380px)
{
	.contacts-building img{
		width: 200px;
		height: 116px;
		}

	.contacts-stone-images a,
	.contacts-stone-images img{
		max-width: 120px;
		}
}


@media screen and (max-width: 365px)
{
	.contacts-history p{
		font-size: 0.75rem;
		}
}


@media screen and (max-width: 330px)
{
	.contacts-building strong{
		font-size: 1.4rem;
		}
}