/************** mobile mode **************/
@media screen and (max-width:767px) {
	.inner > h3 {
		margin-bottom: 15px;
	}
	.concept_bg {
		padding: 25px;
	}
	.inner > h4 {
		margin-top: 30px;
	}
	.concept_desc {
		margin: 0;
	}
	.concept_list li {
		padding: 15px;
		font-size: 1rem;
	}
	
	.feature_icons {
		flex-wrap: wrap;
		margin: 15px 0;
	}
	.feature_icon {
		width: 45%;
		margin-bottom: 5%;
	}
	.box {
		padding: 25px 25px 25px 120px;
		background-position: left 25px top 25px;
		background-size: 60px;
	}
	.box > h3 {
		text-align: left;
	}
	.box.span-3 {
		grid-column: span 12;
	}

	.protocol.span-2 {
		grid-column: span 4;
	}
	.protocol {
		padding: 10px;
		font-size: 18px;
		border-radius: 10px;
	}
	.pp_screen_wrap {
		
	}
	.pp_screen_txt {
		width: 100%;
		padding-bottom: 15px;
		text-align: center;
	}
	.pp_screen_txt h3 {
		font-size: 18px;
		margin-bottom: 0;
	}
	.pp_screen_txt > p {
		font-size: 15px;
		text-align: center !important;
	}
	.pp_summary_wrap {
		display: none;
	}
	.pp_summary_img {
		display: block;
	}
	.client_item.span-2 {
		grid-column: span 4;
	}
	.client_item {
		border: none;
		padding: 10px;
	}
	
}