@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1240px) {
	.column-14 {width: 50%; padding:2% 5%;}
	.column-14:nth-child(2n+1) {clear: none;}
}
@media screen and (max-width: 1300px) {
	.arrows-circle-check {width: 70%;}
	.foto-wrap {width: 90%;}

}
@media screen and (max-width: 1050px) {
	h1 {font-size: 250%}
	
	.item-wrap {padding:50px 10px 50px 0;}
}

@media screen and (max-width: 900px) {
	.block3 {font-size: 70%;}
}
@media screen and (max-width: 850px) {
	.item-wrap {padding:10px 5px 10px 0;}
	.slider {height: 400px;}	
}
@media screen and (max-width: 800px) {
	h1 {font-size: 180%}
	.header-txt h2 {font-size: 120%}
	.header-txt h4 a {font-size: 160%;}
	
}
@media screen and (max-width: 720px) {
	.wrapper {display: block;}
	.left-wrap, .rgth-wrap {width: 100%;}
	.item-wrap-1 {padding:5px;}
	.foto-wrap {margin: auto;}
	.arrows-circle-check {width: 90%;}
	.arrows-circle-check .valign-flex {display: block;}
	.left-circle img {width: 70%;}

}

@media screen and (max-width: 640px) {
	.column-12, .column-14 {clear: none; width: 100%; padding:1% 5%;}
	.block3 {display: none;}
	
}
@media screen and (max-width: 500px) {
	.header-txt {width: 96%;}


}
@media screen and (max-width: 450px) {
	.begn {width:100%;}
	
	.header-tel {font-size: 130%;}
}