.ch-grid {margin: 20px 0 0 0;	padding: 0;	list-style: none;	display: block;	text-align: center;	width: 100%;}
.ch-grid:after, .ch-item:before {	content: '';    display: table;}
.ch-grid:after {clear: both;}
.ch-grid li {width: 350px;	height: 350px; padding: 145px 20px;	display: inline-block;	cursor:default;	margin-bottom:25px;}
.ch-grid li.midd {width: 600px;	height: 600px;  padding:20px;	display: inline-block;	cursor:default;	margin-bottom:25px;}
.ch-item {	width: 100%;	height: 100%;	border-radius: 50%;	position: relative;	/*box-shadow:inset 0 0 0 280px rgba(51,51,51, 0.5), inset 0 0 0 20px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.1);*/		-webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;	-ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;}
.ch-item1 {	width: 100%;	height: 100%; box-shadow:inset 0 0 0 300px rgba(0, 0, 0, 0.07), inset 0 0 0 35px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0,0,0,0.1);	border-radius: 50%;	position: relative;			-webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;	-ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;}
.ch-information { padding:110px 0 0 0; width:67%; margin:0 auto; }
.ch-information h3{font-size: 24px; color:#967d54; font-family: 'dinregularwebfont', Arial, sans-serif; text-align:center; text-transform:uppercase; line-height:22px; float:none; }
.ch-information h3 span{ font-size:18px; float:left; width:100%; text-align:center; padding:10px 0 0 0 ;}
.ch-information p{font-size: 15px; color:#999999; font-family: 'dinregularwebfont', Arial, sans-serif; text-align: justify;line-height:24px; padding:20px 0 0 0 ; float:left;  }
.ch-info {position: absolute; width: 90%;	height: 90%; margin:5%;	border-radius: 50%;	opacity: 1; background:rgba(0,0,0,0.33);	-webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;	-ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;		-webkit-transform: scale(1);	-moz-transform: scale(1);	-o-transform: scale(1);	-ms-transform: scale(1);	transform: scale(1);		-webkit-backface-visibility: hidden; /*for a smooth font */}
.ch-item:hover {/*box-shadow: 		inset 0 0 0 0 rgba(200,95,66, 0.4),		inset 0 0 0 5px rgba(255,255,255,0.6),		0 1px 2px rgba(0,0,0,0.1);*/	 }
.ch-item:hover .ch-info {	opacity: 1;		-webkit-transform: scale(1);	-moz-transform: scale(1);	-o-transform: scale(1);	-ms-transform: scale(1);	transform: scale(1);}
/**********************   SECOND ******************************/
.ch1-grid {margin: 20px 0 0 0;	padding: 0;	list-style: none;	display: block;	text-align: center;	width: 100%;}
.ch1-grid1:after, .ch-item1:before {	content: '';    display: table;}
.ch1-grid:after {clear: both;}
.ch1-grid li {width: 300px;	height: 300px; padding: 50px 20px;	display: inline-block;	cursor:default;	margin-bottom:25px;}
.ch1-item {	width: 100%;	height: 100%;	border-radius: 50%;	position: relative;	/*box-shadow: inset 0 0 0 280px rgba(0, 0, 0, 0.50), inset 0 0 0 20px rgba(0, 0, 0, 0.40), 0 1px 2px rgba(0, 0, 0, 0.47)	;*/			-webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;	-ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;}
.ch1-info {position: absolute; width: 90%;	height: 90%; margin:5%;	border-radius: 50%; background:rgba(0,0,0,0.6);	opacity: 1;		-webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;	-ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;		-webkit-transform: scale(1);	-moz-transform: scale(1);	-o-transform: scale(1);	-ms-transform: scale(1);	transform: scale(1);		-webkit-backface-visibility: hidden; /*for a smooth font */}
.plus {position: absolute; width: 100%;	height: 100%; border-radius: 50%;	opacity: 0;		-webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;	-ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;-webkit-transform: scale(0);	-moz-transform: scale(0);	-o-transform: scale(0);	-ms-transform: scale(0);	transform: scale(0); -webkit-backface-visibility: hidden;}
.ch1-info i{color: #fff;	text-transform: uppercase;	position: relative;	letter-spacing: 2px;font-size: 16px;	margin: 0 10px;	padding: 70px 0 0 0; display:inherit;}
.ch1-info h3 {color: #a3885b;text-transform: uppercase;	position: relative;	letter-spacing: 2px;font-size: 24px;	margin: 0 10px;	padding: 10px 0 0 0;	height:24px;font-family: 'dinregularwebfont', Arial, sans-serif;	}
.ch1-info p {	color: #ccc;	padding: 10px 5px;	text-align:center; text-transform: uppercase;	font-family: 'dinregularwebfont', Arial, sans-serif;	margin: 0 30px; font-size: 15px;	}
.ch1-item:hover {box-shadow: inset 0 0 0 280px rgba(0, 0, 0, 0.10), inset 0 0 0 5px rgba(0, 0, 0, 0.40), 0 1px 2px rgba(0, 0, 0, 0.47)	;	 }
.ch1-item:hover .ch1-info {	opacity: 0;		-webkit-transform: scale(0);	-moz-transform: scale(0);	-o-transform: scale(0);	-ms-transform: scale(0);	transform: scale(0);}
.ch2-grid {margin: 20px 0 0 0;	padding: 0;	list-style: none;	display: block;	text-align: center;	width: 100%;}
.ch2-grid:after, .ch2-item:before {	content: '';    display: table;}
.ch2-grid:after {clear: both;}
.ch2-grid li {width: 600px;	height: 600px;  padding:20px;	display: inline-block;	cursor:default;	margin-bottom:25px;}
.ch2-item1{width:100%;	height: 100%; /*box-shadow:inset 0 0 0 300px rgba(0, 0, 0, 0.75), inset 0 0 0 30px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0,0,0,0.1);*/	border-radius: 50%;	position: relative;			-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;	-ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;}
.ch2-img-1 { background:#333333; background-size:cover;}
.ch2-img-2 { background:#333333; background-size:cover;}
.ch2-information {position: absolute; width: 90%;	height: 90%; margin:5%;	border-radius: 50%; background:rgba(0,0,0,0.6);	opacity: 1;		-webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;		-webkit-transform: scale(1);	-moz-transform: scale(1);	-o-transform: scale(1);	-ms-transform: scale(1);	transform: scale(1);-webkit-backface-visibility: hidden; /*for a smooth font */  }
.ch2-information h3{ margin: 0 0 0 0; font-size: 16px; color:#967d54; font-family: 'dinregularwebfont', Arial, sans-serif; text-align:center;     line-height: 22px; }
.ch2-information p{font-size: 14px; margin:27% 10% 5% 10%; color:#999999; font-family: 'dinregularwebfont', Arial, sans-serif; text-align:center; line-height:26px; }
.ch2-item1:hover {box-shadow: inset 0 0 0 300px rgba(0, 0, 0, 0.70), inset 0 0 0 1px rgba(0, 0, 0, 0.40), 0 1px 2px rgba(0, 0, 0, 0.47)	;	 }
.ch2-item1:hover .ch2-info {opacity: 0;	-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);	transform: scale(0);}

@media only screen and (min-width:240px) and (max-width: 320px){
.ch-img-1{ display:none;}
.ch-grid li{ display:none;}
.ch-grid li.midd { width:100%;  height: 100%;  padding: 0px;}
.ch-img-2{border-radius:0; box-shadow: none;background: none;}
.ch-grid {margin: 0px 0 0 0;}
.ch-information {padding:0; width: 83%;}
.ch-information p {text-align:justify; font-size: 14px;}
.ch2-information p{text-align:justify; font-size: 14px;margin: 0%;}
.ch1-grid li { width: 280px; height: 280px;  padding: 20px 0px;}
.ch2-grid li{width: 260px;height: 260px; padding: 10px;}
.ch2-information { padding: 20px 0 30px 0; width: 90%; background:none;}
.ch2-item1{  box-shadow: inset 0 0 0 300px rgba(0, 0, 0, 0.75), inset 0 0 0 10px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0,0,0,0.1); border-radius: 0;}
.ch2-information h3 {    margin: 0% 0px 0px; line-height: 22px;}
.ch1-info i{padding: 50px 0px 0px;}
}

@media only screen and (min-width: 321px) and (max-width: 360px){
.ch-img-1{ display:none;}
.ch-grid li{ display:none;}
.ch-grid li.midd { width:100%;  height: 100%;  padding: 0px;}
.ch-img-2{border-radius:0;box-shadow: none;background: none;}
.ch-grid {margin: 0px 0 0 0;}
.ch-information {padding:0; width: 83%;}
.ch-information p, .ch2-information p{text-align:justify; margin: 0%;}
.ch1-grid li { width: 310px; height: 310px;  padding: 20px 0px;}
.ch2-grid li{width: 260px;height: 260px;padding: 10px;}
.ch2-information { padding: 15px 0 30px 0; width: 90%; background:none;}
.ch2-information h3 {    margin: 0% 0px 0px;}
.ch2-item1{  box-shadow: inset 0 0 0 300px rgba(0, 0, 0, 0.75), inset 0 0 0 10px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0,0,0,0.1); border-radius: 0;}
}

@media only screen and (min-width: 361px) and (max-width: 480px){
.ch-img-1{ display:none;}
.ch-grid li{ display:none;}
.ch-grid li.midd { width:100%;  height: 100%;  padding: 0px;}
.ch-img-2{border-radius:0; box-shadow: none;background: none;}
.ch-grid {margin: 0px 0 0 0;}
.ch-information {padding:0; width: 88%;}
.ch-information p, .ch2-information p{text-align:justify; margin: 10%;}
.ch1-grid li { width: 310px; height: 310px;  padding: 20px 0px;}
.ch2-grid li{width: 350px;   height:350px; padding: 10px;}
.ch2-information { padding: 30px 0 30px 0; width: 90%; background:none;}
.ch2-information h3 {    margin: 0% 0px 0px;}
.ch2-item1{  box-shadow: inset 0 0 0 300px rgba(0, 0, 0, 0.75), inset 0 0 0 10px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0,0,0,0.1); border-radius: 0;}
}

@media only screen and (min-width: 481px) and (max-width: 640px){
.ch-img-1{ display:none;}
.ch-grid li{ display:none;}
.ch-grid li.midd { width:100%;  height: 100%;  padding: 0px;}
.ch-img-2{border-radius:0;box-shadow: none;background: none;}
.ch-grid {margin: 0px 0 0 0;}
.ch-information {padding:0; width: 91%;}
.ch-information p, .ch2-information p{text-align:justify; margin: 10%;}
.ch1-grid li { width: 310px; height: 310px;  padding: 20px 0px;}
.ch2-grid li{width: 350px;   height:350px; padding: 10px;}
.ch2-information h3 {    margin: 0% 0px 0px;}
.ch2-information { padding: 30px 0 30px 0; width: 90%; background:none;}
.ch2-item1{  box-shadow: inset 0 0 0 300px rgba(0, 0, 0, 0.75), inset 0 0 0 10px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0,0,0,0.1); border-radius: 0;}
}

@media only screen and (min-width: 641px) and (max-width: 800px){
.ch-img-1{ display:none;}
.ch-grid li{ display:none;}
.ch-grid li.midd { width:100%;  height: 100%;  padding: 0px;}
.ch-img-2{border-radius:0; box-shadow: none;background: none;}
.ch-grid {margin: 0px 0 0 0;}
.ch-information {padding:0; width: 93%;}
.ch-information p, .ch2-information p{text-align:justify; margin: 10%;}
.ch1-grid li { width: 310px; height: 310px;  padding: 20px 0px;}
.ch2-grid li{width: 350px;   height:350px; padding: 10px;}
.ch2-information { padding: 30px 0 30px 0; width: 90%; background:none;}
.ch2-item1{  box-shadow: inset 0 0 0 300px rgba(0, 0, 0, 0.75), inset 0 0 0 10px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0,0,0,0.1); border-radius: 0;}
.ch2-information h3{ margin:0 0 0 0;}
}

@media only screen and (min-width: 801px) and (max-width: 990px){
.ch-img-1{ display:none;}
.ch-grid li{ display:none;}
.ch-grid li.midd {width:100%;  height: 100%;  padding: 0px;}
.ch-img-2{border-radius:0;box-shadow: none;background: none;}
.ch-grid {margin: 0px 0 0 0;}
.ch-information {padding:0; width: 83%;}
.ch-information p, .ch2-information p{text-align:justify; margin: 10%;}
.ch1-grid li { width: 310px; height: 310px;  padding: 20px 0px;}
.ch2-grid li{width: 350px;   height:350px; padding: 10px;}
.ch2-information { padding: 30px 0 30px 0; width: 90%; background:none;}
.ch2-information h3 { margin: 0% 0px 0px;}
.ch2-item1{  box-shadow: inset 0 0 0 300px rgba(0, 0, 0, 0.75), inset 0 0 0 10px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0,0,0,0.1); border-radius: 0;}
}
	
@media only screen and (min-width: 990px) and (max-width: 1200px){
.ch-grid li {width: 220px;	height: 220px; padding: 145px 10px;}
.ch-grid li.midd {    width: 550px;    height: 550px;    padding: 10px;}
.ch-item1 {    box-shadow: inset 0 0 0 300px rgba(0, 0, 0, 0.07), inset 0 0 0 25px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0,0,0,0.1);}
.ch-information p{font-size: 14px;  line-height:20px; }
.ch1-grid li {width: 215px;	height: 215px; padding: 50px 10px;}
.ch2-grid li {width: 420px;	height: 420px;  padding:10px;display: inline-block;	cursor:default;	margin-bottom:25px;}
.ch2-information { padding:75px 0 0 0; width:90%;     height: 73%; }
.ch1-info i{padding: 34px 0 0 0;  font-size: 15px;}
.ch1-info h3{  font-size: 20px;}
.ch1-info p{    font-size: 13px;}
.plus{ top:-20%;}
.ch2-information p {line-height: 24px; font-size: 14px;     margin: 1% 10%;}


}

@media only screen and (min-width: 1200px) and (max-width: 1300px){
.ch-grid li {width: 250px;	height: 250px; padding: 145px 10px;}
.ch-grid li.midd {    width: 600px;    height: 600px;    padding: 10px;}
.ch-item1 {    box-shadow: inset 0 0 0 300px rgba(0, 0, 0, 0.07), inset 0 0 0 25px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0,0,0,0.1);}
.ch-information {    padding: 120px 0 0 0;    width: 70%;}
.ch-information p{font-size: 14px;  line-height:20px; }
.ch1-grid li {width: 250px;	height: 250px; padding: 50px 10px;}
.ch2-grid li {width: 550px;	height: 550px;  padding:10px;display: inline-block;	cursor:default;	margin-bottom:25px;}
.ch2-information h3{ margin:0 0 0 0 ;}
.plus{ top:-10%;}
.ch1-info i{ padding: 35px 0 0 0; }
}

@media only screen and (min-width: 1300px) and (max-width: 1400px){	
.ch-grid li {width: 250px;	height: 250px; padding: 145px 10px;}
.ch-grid li.midd {width: 500px;	height: 500px;  padding:10px;}
.ch-information { padding:120px 0 0 0; width:60%; }
.ch-information p{font-size: 14px;  line-height:20px; }
.ch1-grid li {width: 250px;	height: 250px; padding: 50px 10px;}
.ch2-grid li {width: 550px;	height: 550px;  padding:10px;	display: inline-block;	cursor:default;	margin-bottom:25px;}
.ch2-information h3 {    margin: 0% 0 0 0;}
.ch1-info i{ padding: 50px 0 0 0;}
	
}
@media only screen and (min-width: 1400px) and (max-width: 1500px){	
.ch-grid li {width: 300px;	height: 300px; padding: 145px 10px;}
.ch-grid li.midd {width: 550px;	height: 550px;  padding:10px;}
.ch-information { padding:145px 0 0 0; }
.ch2-grid li {width: 550px;	height: 550px;  padding:10px;	display: inline-block;	cursor:default;	margin-bottom:25px;}
.ch2-information h3 { margin: 0% 0 0 0;}
	
}


@media only screen and (min-width: 1500px) and (max-width: 1680px){	
.ch-grid li {width: 300px;	height: 300px; padding: 145px 10px;}
.ch2-grid li {width: 550px;	height: 550px;  padding:10px;	display: inline-block;	cursor:default;	margin-bottom:25px;}
.ch2-information h3 {    margin: 0% 0 0 0;}
.ch-information {    padding: 110px 0 0 0;}
.ch-grid li.midd {    width: 630px;    height: 630px;    padding: 10px;}
.ch-item1 {    box-shadow: inset 0 0 0 300px rgba(0, 0, 0, 0.07), inset 0 0 0 30px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0,0,0,0.1);}
}