/************** mobile mode **************/
@media screen and (max-width:767px) {
	
}

/************** tablet mode **************/
@media screen and (max-width:1023px) {
	.cont_wrap { flex-direction: column; gap: 12px;}
	.cont_side { 
		width: 100%; 
		overflow-x: auto;
		overflow-y: hidden;
		display: none;
	}
	.cont_side::-webkit-scrollbar {
		display:none /* Chrome , Safari , Opera */
	}
	.cont_side #navbar ul {
		display: flex;
		align-items: center;
		gap: 12px;
	}
	.cont_side #navbar ul li a { width: max-content; }
	.service_cont { 
		flex-direction: column; 
		gap: 12px;
	}

	.page_title_ct { width: 100%; }
	.page_title_ct > h3 { font-size: 28px; }
	.page_title_img { display: none; }

	.cont_nav { display: none; }
	.os_concept_intro { display: flex; flex-direction: column; gap: 24px;}
	.os_concept_wrap .os_concept_title { font-size: 28px; }
	.os_concept_wrap {
		padding: 12px;
	}

	.os_concept_wrap .os_concept_box { width: 100%; gap: 12px; padding: 15px; } 
	.os_concept_wrap .os_concept_box .os_concept_item { 
		flex:1;
		aspect-ratio: 1/1;
		width: initial;
		height: initial;
		font-size: 18px;
	} 
	.os_concept_wrap .os_concept_desc {
		font-size: 16px;
    		font-weight: 400;
    		color: #111;
    		margin: 24px 0 0;		
	}
	.service_cont_title { font-size: 24px; }
	.service_cont_text > h5 { font-size: 20px; }
	.roadmap_box h3 { font-size: 28px; } 
	.roadmap_tooltip {
		width: 120px;
		left: -51px;
		padding: 15px;
	}
	.logo_container { flex-direction: column; }
	.open-source .service_cont img { width: 70%; margin:0 auto;}
}