@media only screen and (max-width: 600px) {
	* {
		margin: 0px;
		font-family: "inter", sans-serif;
		box-sizing: border-box;
	}
	.bg-grey {
		background-color: #f7f7f7;
	}
	/*định vị hình ảnh background-banner*/
	.bg-image {		
		width: 100%;
		background-repeat: no-repeat;
	}
	
	/* Chữ chèn lên hình banner */
	#name{	
		/* vị trí tuyệt đối */
		position: absolute; 
		color: white;
		text-align: center;
		/* vị trí từ top xuống 30%, !important: tránh ảnh hưởng của bootstrap */
		margin-top:-30% !important;
		align-items: center;
		align-self: center;
		align-content: center;
		width: 100%;
	}
	/* di chuột qua đổi thành màu aqua */
	#name:hover {
		color: aqua;
	}
	/*thanh điều hướng dạng block*/
	#nav-bar {
		display: block;
		padding-left: 10px;
		padding-right: 0px;
		padding-bottom: 10px;
	}
	/*loại bỏ gạch chân đường link*/
	#nav-bar a {
		text-decoration: none;
	}
	/* Font chữ cho các mục ở Navigation bar */
	.nav1,
	.nav2,
	.nav3,
	.nav4
	.nav5 {
		display: block;
		padding: 5px;
		font-weight: bolder;
		text-transform: uppercase;
	}
	/* ẩn nav5 */
	.nav5 {
		display: none;
	}
	/* ẩn avatar */
	.avatar {
		display: none;
	}
	/* dạng lưới class bg-grey */
	#about .bg-grey {
		display: grid;
	}
	/* dạng lưới */
	#container2 {
		display: grid;
	}
	/* kích thước, màu nền khối*/
	#target {
		display: grid;
		grid-row: 0px;
		grid-column: 0px;
		background-color: #e3e3e3;
		padding-left: 10px;
		padding-right: 10px;
	}
	/* kích thước, màu nền khối*/
	#personal-info {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		background-color: #e9e9e9;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		word-break: break-all;/*Xuống dòng cả những ký tự viết liền nhau*/
	}
	/* kích thước icon ở mục hideInfo */
	#hideInfor .icons {
		font-size: large;
		padding-top: 10px;
	}
	/*loại bỏ gạch chân đường link*/
	#personal-info a {
		text-decoration: none;
	}
	/* tô màu đen cho chữ tên website */
	#web{
		color: black !important;
	}
	/* hiệu ứng di chuột qua chữ tên website */
	#web:hover{
		color: blue !important;
	}
	/*thiết đặt mục 6 cột "kinh nghiệm-kỹ năng..."*/
	.container3 {
		display: block;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 30px;
	}
	/*padding, tô màu nền cho chữ "hiện tại"*/
	.now-bground {
		padding: 2px;
		background-color: aqua;
		border-radius: 1em;
	}
	/* dùng chung cho nhiều cột */
	.job-info-column {
		border: 1px solid rgb(215, 216, 215);
		width: auto;
		height: auto;
		padding: 5px;
		box-sizing: border-box;
		position: relative;
		/* bo góc */
		border-radius: 15px 15px;
	}
	/*thanh skill màu ở mục kỹ năng, ngôn ngữ*/
	.full-skill {
		/* hiển thị cùng 1 dòng */
		display: inline-block;
		width: 50px;
		height: 4px;
		background-color: rgb(0, 166, 255);
	}
	.empty-skill {
	/* hiển thị cùng 1 dòng */
		display: inline-block;
		width: 50px;
		height: 4px;
		background-color: grey;
	}
	/*Đặt các icon theo hàng, căn chữ ở giữa*/
	.hobby-icons {
		margin-left: 5px;
		margin-right: 5px;
		overflow: hidden;
		display: inline-block;
		justify-content: center;
	}
	/* kích thước, màu icon, căn giữa */
	.ic-megaphone,
	.ic-strategy,
	.ic-hotairballoon,
	.ic-basket {
		margin: 2px;
		text-align: center;
		color: blue;
		font-size: large;
	}
	/* kích thước, màu, góc bo đường viền dạng nét đứt */
	.music-border,
	.game-border,
	.tour-border,
	.cook-border {
		margin-left: 5px;
		margin-right: 5px;
		border: 1px solid rgb(0, 217, 255);
		border-radius: 50%;
		padding: 15px;
		display: inline-block;
		border-style: dashed;
	}
	/*Dòng chữ chú thích kèm dưới icon*/
	.music-text,
	.game-text,
	.tour-text,
	.cook-text {
		margin-top: 5px;
		margin-left: 5px;
		margin-right: 5px;
		display: inline-block;
	}
	/**********************************************/
	/*Mục "chứng chỉ, giải thưởng"*/
	.container4 {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
	}
	#cert {
		background-color: #f7f7f7;
		display: block;
		justify-content: space-between;
	}
	/* vị trí, khoảng cách các khối */
	#cert1,
	#cert2,
	#cert3 {
		display: block;
		box-sizing: border-box;
		border-bottom: 1px solid #cd9c16;
	}
	/*kích thước hình minh hoạ mục chứng chỉ */
	#cert img {
		width: 100%;
		height: auto;
	}
	/*****************************************/
	/*thiết đặt mục "dự án"*/
	.container5 {
		display: grid;
		grid-row-gap: auto;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
	}
	/* độ rộng hình ở trong mục dự án */
	.container5 img {
		height: auto;
		width: 100%;
	}
	/* độ rộng hình ở trong mục dự án */
	#proj-text {
		margin-left: 10px;
	}
	/* 3 cột dự án hiển thị dang khối */
	.proj1,
	.proj2,
	.proj3 {
		display: block;
		justify-content: center;
		border: 1px solid #e2e2e2;
	}
	/* Tên các dự án nhỏ */
	.proj-title {
		border: 1px solid #e2e2e2;
		padding: 10px;
	}
	/* chia 1 cột nhỏ trong mỗi khối */
	.proj-col {
		display: grid;
		grid-template-columns: 1fr;	
	}
	/* căn khoảng cách hàng */
	.proj-col1,
	.proj-col2,
	.proj-col3 {
		padding-top: 7px;
		padding-bottom: 2px;
		margin-left: 10px;
	}
	/*đặt màu cho chữ "2021"*/
	.proj-text-deco {
		padding: 2px;
		background-color: aqua;
		border-radius: 1em;
		width: 60px;
		text-align: center;
		margin-left: 10px;
	}
	/* chia 2 cột nhỏ tỉ lệ 1 và 2.5 trong cột lớn */
	/* mô tả; đường viền, tỉ lệ cột */
	.proj-description {
		display: grid;
		grid-template-columns: 1fr 3fr;
		border: 1px solid #e2e2e2;
		padding-left: 10px;
	}
	/*nhiệm vụ; đường viền, tỉ lệ cột*/
	.proj-task {
		display: grid;
		grid-template-columns: 1fr 3fr;
		border: 1px solid #e2e2e2;
		padding-left: 10px;
	}
	/* công nghệ; đường viền, tỉ lệ cột*/
	.proj-tech {
		display: grid;
		grid-template-columns: 1fr 3fr;
		padding-left: 10px;
	}
	/* loại bỏ hiệu ứng gạch chân link */
	#project a {
		text-decoration: none;
	}
	/*********************************************/
	/*Phần footer*/
	.container6 {
		display: flex;
		justify-content: center;
		padding-left: 5%;
		padding-right: 5%;
		background-color: darkgrey;
	}
	/* Khoang cách giữa khối "Dự án" & footer */
	#footer {
		margin-top: 2%;
	}
	/* loại bỏ hiệu ứng gạch chân link facebook, twitter, github */
	#footer a {
		text-decoration: none;
	}
	/*đặt màu, kích cỡ icons footer*/
	.icons {
		color: rgb(0, 72, 255);
	}
	.social-network {
		padding: 10px;
	}
	/* Nút nhấn viewmore/viewless */
	#myBtn1,
	#myBtn2,
	#myBtn3,
	#myBtn4,
	#myBtn5,
	#myBtn6 {
		background-color: yellow;
		border-radius: 0.7em;
		border: solid 1px;
		font-size: small;
	}
	/*****************************************/
	/* digital-cv */
	#digi-cv {
		/* dạng lưới, 1 cột*/
		display: grid;
		grid-template-columns: 1fr;
	}
	/* Đường khung viền bao quanh */
	/* vị trí, kích thước mục goals */
	#goals {
		grid-template-columns: 1fr;
		padding-bottom: 30px;
		border-top: solid blue 15px;
		border-left: solid blue 15px;
		border-right: solid blue 15px;
	}
	/* canh lề trái nội dung */
	.goal1,
	.goal2,
    .goal3,
    .goal4 {
		margin-left: 30px;
		margin-right: 30px;
	}
	/* vị trí, kích thước mục timeline */
	#timeline {
		display: flex;
		flex-direction: column;
        justify-content: space-between;
		border-top: solid blue 10px;
		border-left: solid blue 15px;
		border-right: solid blue 15px;
		border-bottom: solid blue 15px;
		padding-bottom: 30px;
	}
	/* viền hình tròn bao quanh chữ số ở mục timeline */
	.circle-num{
		background-color: aqua;
		text-align: center;
		font-size: 30px;
		font-weight: bolder;
		border: solid 2px rgb(218, 29, 29);
		width: 50px;
		height: 50px;
		padding-top: 7px;
		border-radius: 50%;		
	  }

	/* vị trí, kích thước mục team */
	#team {
		grid-row-start: 3;
		grid-row-end: 4;
		padding-bottom: 30px;
		border-top: solid blue 10px;
		border-left: solid blue 15px;
		border-right: solid blue 15px;
	}
	/* canh lề trái nội dung */
	.member1,
	.member2,
    .member3,
    .member4 {
		margin-left: 30px;
		margin-right: 30px;
	}
	/* vị trí, kích thước mục scopes */	
	#scopes {
		grid-row-start: 2;
		grid-row-end: 3;
		padding-bottom: 30px;
		border-top: solid blue 10px;
		border-left: solid blue 15px;
		border-right: solid blue 15px;
	}
	/* vị trí, kích thước mục primary */
	#primary {
		grid-row-start: 4;
		grid-row-end: 5;
		padding-bottom: 30px;
		border-top: solid blue 10px;
		border-left: solid blue 15px;
		border-right: solid blue 15px;
	}
	/* canh lề nội dung primary */
	.primary1,
	.primary2{
		margin-left: 30px;
		margin-right: 30px;
	}
	/* font chữ title */
	.goals-title,
	.scope-title,
	.team-title,
	.primary-title,
	.timeline-title {
		display: block;
		color: blue;
		padding-left: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		font-weight: bolder;
	}
	/* thanh ngang hr màu tuyến tính */
	.hrbar1 {
		margin-left: 10%;
		margin-right: 10%;
		margin-bottom: 20px;
		border: 0;
		height: 2px;
		background-image: linear-gradient(to right, #f0f0f0, #00b9ff, #59d941, #f0f0f0);
	}
	/* thanh ngang hr màu đơn sắc, nét đứt */
	.hrbar2 {
		border-top: 2px dashed #38cc6c;
		margin-left: 10%;
		margin-right: 10%;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	/* vị trí, kích thước các icon trong digital-cv */
	#digi-cv i {
		font-size: xx-large;
		margin-right: 50%;
		margin-left: 50%;
		align-self: center;
		margin-bottom: 10px;
	}
	/* trong phần timeline chia làm 1 cột */
	.project-start,
	.project-date {
		display: grid;
		grid-template-columns: 1fr;
		margin-right: 20px;
		margin-left: 30px;
	}
	/* chia 2 cột bằng nhau trong mục scopes */
	.scope-in-out {
		display: grid;
		grid-template-columns: 1fr;
		margin-left: 30px;
		margin-right: 30px;
		row-gap: 50px;
	}
}
/*Hết*/
/******************************************/