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





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

}


@media screen and (max-width: 790px)
{
	img.servis-text-image-seq-11{
		display: block;
		}

	img.servis-image-seq-11{
		display: none;
		}
}


@media screen and (max-width: 750px)
{
	.servis-text{
		font-size: 0.95rem;
		}
}


@media screen and (max-width: 700px)
{
	.servis-text{
		font-size: 0.9rem;
		}
}


@media screen and (max-width: 670px)
{
	.servis-text-images img{
		max-width: 160px;
		}

	img.servis-text-image-seq-12,
	img.servis-text-image-seq-13{
		display: block;
		}

	img.servis-image-seq-12,
	img.servis-image-seq-13{
		display: none;
		}
}



@media screen and (max-width: 640px)
{
	img.servis-text-image-seq-14{
		display: block;
		}

	img.servis-image-seq-14{
		display: none;
		}
}


@media screen and (max-width: 620px)
{
	img.servis-text-image-seq-15{
		display: block;
		}

	img.servis-image-seq-15{
		display: none;
		}
}


@media screen and (max-width: 590px)
{
	img.servis-text-image-seq-16{
		display: block;
		}

	img.servis-image-seq-16{
		display: none;
		}
}

/*
@media screen and (max-width: 560px)
{
	img.servis-text-image-seq-17{
		display: block;
		}

	img.servis-image-seq-17{
		display: none;
		}
}

*/

@media screen and (max-width: 560px)
{
	.servis-top-images{
		display: flex;
		}

	.servis-text-images{
		display: none;
		}

	.servis-images img{
		display: block;
		}

	img.servis-image-seq-01,
	img.servis-image-seq-02,
	img.servis-image-seq-03,
	img.servis-image-seq-04,
	img.servis-image-seq-05,
	img.servis-image-seq-06{
		display: none;
		}
}



@media screen and (max-width: 470px)
{
	.servis-top-images img{
		max-width: 120px;
		}
}


@media screen and (max-width: 450px)
{
	.servis-top-images img{
		max-width: 110px;
		}

	.servis-images img{
		max-width: 45%;
		}
}


@media screen and (max-width: 420px)
{
	.servis-top-images img{
		max-width: 100px;
		}
}


@media screen and (max-width: 390px)
{
	.servis-top-images img{
		max-width: 140px;
		}
}


@media screen and (max-width: 360px)
{
	.servis-top-images img{
		max-width: 120px;
		}
}

@media screen and (max-width: 310px)
{
	.servis-top-images img{
		max-width: 110px;
		}
}