@media  all and (max-width:1160px) {
	.ci_infographic_contents {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column !important;
	}

	.ci_item_half {
		width: calc(290px - 5px);
		background-color: #CDFDFF;
	}

	.ci_right_box {
		background-color: #fff;
		max-width: 735px;
		padding-left: 50px;
		margin-top: 35px;
		width: 100%;
		box-sizing: border-box;
	}

	.ci_right_box h2 {
		margin: 0;
	}

	.ci_right_box p {
		font-size: 15px;
		max-width: 95%;
		margin: 0;
	}

	.ci_custom_container {
		box-sizing: border-box;
	}

	.ci_left_bottom_btn3 a {
		max-width: 581px;
	}

	.ci_infographic_right {
		margin: 0 auto;
		padding-left: 0;
	}

	.ci_infographic_left {
		flex: 0 0 100%;
	}

	.ci_flex_content {
		display: flex;
		justify-content: center;
	}

	.ci_left_bottom_btn3 {
		display: flex;
		align-items: center;
		height: 30px;
		justify-content: center;
		margin-right: 10px;
	}

	.ci_right_box {
		margin-left: 25px;
	}

	.ci_infographic_right {
		max-width: 735px;
	}

	.ci_left_bottom_btn3 h3 {
		margin-top: 24px;
	}

	.ci_left_bottom_btn3 p {
		transform: translateY(12px);
	}

}

@media all and (max-width:895px) {
	.ci_CoApp_left {
		max-width: 208px;
		margin: 0 auto;
	}

	.ci_data1_content_heading {
		max-width: 212px;
		margin: 0 auto;
	}

	.ci_data1_content {
		max-width: 210px;
	}

	.ci_data2_content {
		max-width: 210px;
		width: 100%;
	}

	.ci_CoApp_right {
		max-width: 210px;
	}

	.ci_left_bottom_btn3 h3 {
		max-width: 430px;
	}

	.ci_infographic_right {
		flex: 0 0 100%;
		max-width: 520px;
		width: 100%;
		margin: 0 auto;
	}

	/*left line*/
	.ci_CoApp_left_btn span:nth-of-type(1) {
		left: 30px;
	}

	.ci_CoApp_left_btn span:nth-of-type(2) {
		left: 4px;
	}

	.ci_CoApp_left_btn span:nth-of-type(2) img {
		width: 65px;
	}

	/*right line*/
	.ci_CoApp_left_btn span:nth-of-type(4) {
		right: 5px !important;
	}

	.ci_CoApp_left_btn span:nth-of-type(4) img {
		width: 65px;
	}

	.ci_CoApp_left_btn span:nth-of-type(3) {
		right: 30px;
	}

	.ci_CoApp_left_btn span:nth-of-type(5) p {
		left: 37.5%;
	}

	.ci_CoApp_left_btn span:nth-of-type(7) {
		left: -3px;
	}

	.ci_CoApp_left_btn span:nth-of-type(9) p {
		left: 15%;
	}

	/*data text*/
	.ci_CoApp_left_btn span:nth-of-type(10) p {
		right: 4%;
	}

	/* line box left*/
	.ci_CoApp_right_btn span:nth-of-type(1) img {
		left: 20%;
	}

	.ci_CoApp_right_btn span:nth-of-type(2) img {
		right: 20%;
	}

	.ci_left_btn2_1 {
		flex: 0 0 50%;
		font-size: 11px;
		line-height: 12px;
	}

	.ci_private_permissioned {
		margin-bottom: 40px !important;
	}

	.ci_right_btn2_2 {
		flex: 0 0 inherit;
	}

	.ci_center_btn2_3 {
		flex: 0 0 0%;
		text-align: right;
		font-size: 10px;
		line-height: 12px;
	}

	.ci_left_bottom_btn2 {
		margin-left: 50px;
		height: 45px;
	}

	.ci_right_box {
		margin-left: 15px;
		padding: 20px 0 20px 20px;
	}

	.ci_left_middle_btn2 {
		height: 45px;
	}

	.ci_exp_item {
		text-align: right;
		font-size: 10px;
		line-height: 12px;
	}

	.ci_data1_content h3 {
		font-size: 13px !important;
	}

}

@media all and (max-width:700px) {
	.ci_infographic {
		padding: 70px 0;
	}

	.ci_CoApp_left {
		max-width: 118px;
		margin: 0 auto;
	}

	.ci_data1_content_heading {
		max-width: 122px;
		margin: 0 auto;
	}

	.ci_data1_content_heading h3 {
		font-size: 11px!important;
	}

	.ci_left_middle_btn2 {
		max-width: 118px;
		margin: 0 auto;
		height: 45px;
		padding: 2px;
	}

	.ci_CoApp_left_btn span:nth-of-type(11) p {
		left: 10%;
		font-size: 9px;
		line-height: 11px;
	}

	.ci_left_btn2_1 {
		font-size: 10px;
	}

	.ci_CoApp_left_btn h4 {
		width: 50px;
		padding: 2px 0;
		font-size: 11px !important;
	}

	.ci_data2_content {
		max-width: 120px;
		width: 100%;
	}

	.ci_CoApp_right {
		max-width: 120px;
	}

	.ci_data1_content {
		max-width: 120px;
	}

	.ci_CoApp_left_btn span:nth-of-type(2) img {
		width: 35px;
		height: 90px;
	}

	.ci_CoApp_left_btn span:nth-of-type(2) {
		left: 1px;
		bottom: 5px;
	}

	.ci_CoApp_left_btn span:nth-of-type(1) {
		left: 7px;
		bottom: 8px;
	}

	.ci_CoApp_left_btn span:nth-of-type(1) img {
		width: 25px;
	}

	.ci_CoApp_left_btn span:nth-of-type(6) img {
		position: absolute;
		content: "";
		bottom: 47px;
		width: 40px;
		bottom: 50px;
	}

	.ci_CoApp_left_btn span:nth-of-type(5) p {
		bottom: 33px;
		right: 0;
		left: 0;
		margin: 0 auto;
		text-align: center;
		font-size: 9px;
	}

	.ci_CoApp_left_btn span:nth-of-type(4) {
		position: absolute;
		content: "";
		bottom: 6px;
		right: 78px;
	}

	.ci_CoApp_left_btn span:nth-of-type(4) img {
		height: 88px;
		width: 35px;
	}

	.ci_CoApp_left_btn span:nth-of-type(3) {
		right: 12px;
		bottom: 5px;
	}

	.ci_CoApp_left_btn span:nth-of-type(3) img {
		width: 20px;
		height: 60px;
	}

	.ci_left_bottom_btn3 h3 {
		max-width: 250px;
		margin-left: -2px;
	}

	.ci_infographic_right {
		max-width: 320px;
		margin: 0 auto;
	}

	.ci_right_box {
		max-width: 315px;
		margin: 0 auto;
		margin-top: 30px;
		transform: translateX(3px);
		margin-left: 6px;
	}

	.ci_CoApp_right_btn span:nth-of-type(1) img {
		left: 12%;
	}

	.ci_CoApp_right_btn span:nth-of-type(2) img {
		right: 11%;
	}

	.ci_CoApp_right_btn h4 {
		width: 50px;
		padding: 3px 0;
		font-size: 11px !important;
	}

	.ci_data2_content img {
		transform: translateY(-7px);
	}

	.ci_CoApp_right_btn span:nth-of-type(3) img {
		bottom: 37px;
	}

	.ci_CoApp_right_btn span:nth-of-type(4) p {
		bottom: 95px;
		font-size: 9px;
	}

	.ci_CoApp_right_btn span:nth-of-type(5) p {
		font-size: 9px;
		top: -57px;
	}

	.ci_CoApp_left_btn span:nth-of-type(4) {
		right: 1px;
	}

	.ci_CoApp_left_btn span:nth-of-type(7) {
		bottom: 87px;
		font-size: 9px;
	}

	.ci_CoApp_left_btn span:nth-of-type(9) p {
		top: 87px;
		left: 10%;
	}

	.ci_CoApp_left_btn span:nth-of-type(10) p {
		right: -4%;
		top: 87px;
	}

	.ci_CoApp_left_btn span:nth-of-type(8) img {
		position: absolute;
		content: "";
		top: 56px;
		color: #fff;
		width: 35px;
	}

	.ci_data2 {
		max-width: 122px;
	}

	.ci_flex_content > p {
		font-size: 9px !important;
		margin-bottom: 45px !important;
		margin-left: 3px !important;
		line-height: 12px;
	}

	.ci_left_bottom_btn3 p {
		font-size: 9px;
		margin-left: 5px;
		line-height: 12px;
		margin-left: 5px !important;
		margin-right: 5px !important;
	}

	.ci_right_btn2_2 {
		text-align: center;
		flex: 0 0 21%;
	}

	.ci_left_middle_btn2 {
		height: 45px;
	}

	.ci_left_bottom_btn2 {
		margin-left: 35px;
		margin-top: 0 !important;
	}

	.ci_right_btn2_2 img {
		transform: translateY(5px) !important;
		margin-right: 0px;
	}

	.ci_right_box h2 {
		font-size: 25px !important;
	}

	.ci_right_box p {
		font-size: 14px !important;
	}

	.ci_private_permissioned p {
		margin-left: 5px !important;
	}

	/*895*/
	.ci_left_bottom_btn3 h3 {
		max-width: 250px;
		margin-left: 0px !important;
	}

	.ci_left_bottom_btn3 {
		margin-right: 0px;
		margin-left: -3px;
	}

}

@media all and (max-width:370px) {
	.ci_right_box {

		margin: 0;
		margin-top: 35px;
		transform: translateX(0px);
	}
	.ci_flex_content {
		display: flex;
		justify-content: flex-start;
	}
	.ci_left_bottom_btn3{
		justify-content: flex-start;
	}
	.ci_infographic_right{
		margin: 0;
	}
	.ci_left_bottom_btn3 {
		margin-left: 0px!important;
	}

}