/* Responsive */

@media(max-width:1220px) {
	.wapper {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

@media(max-width:1200px) {
	.price-item {
		flex-wrap: wrap;
	}

	div#menu nav ul li a {
		padding: 10px 5px;
	}

	.price-item .catchuoi1 {
		-webkit-line-clamp: 2;
	}
}


@media(max-width:1024px) {}

@media(max-width:1001px) {
	.tieude_giua1 h2{
		font-size: 30px;
	}
	div#header {
		display: none;
	}

	.wap_item {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}

	.wap_item div.item {
		padding: 10px;
	}

	.wap_item div.item .scale-img {
		border-radius: 15px 0 15px 0;
	}

	.price-table {
		grid-template-columns: 1fr;
		gap: 35px;
	}

	.thuvien .wapper {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: unset;
	}

	.thuvien-item {
		width: calc(25% - 10px);
		margin: 5px;
		grid-area: unset !important;
		filter: unset !important;
	}

	.thuvien-item img {
		width: 100%;
	}

	.price-table .price-scroll {
		padding-right: 0px;
		max-height: unset;
	}

	.service-item:before {
		opacity: 100%;
	}

	.service-item:nth-child(even):before {
		top: unset;
		bottom: -10px;
	}

	.dichvu-d {
		gap: 30px 15px;
		grid-template-columns: repeat(3, 1fr);
	}

	.menu-box-m {
		display: flex;
		align-items: center;
		justify-content: end;
	}

	.menu-box-m .search-box-all .on-search {
		width: 20px;
		height: 20px;
		margin-right: 10px;
	}

	.menu-box-m .search-box-all .search-box {
		right: -40px;
		top: calc(100% + 10px);
		transform: unset;
		z-index: 1000;
	}

	.menu-d {
		justify-content: space-between;
	}

	.w_logo {
		margin-bottom: 0 !important;
		transform: unset !important;
		margin-top: 0px !important;
	}

	.menu-box:nth-child(2) {
		max-width: 70px;
		margin-top: 0px;
	}

	.menu-box:nth-child(1),
	.menu-box:nth-child(3) {
		display: none;
	}

	div#menu {
		padding: 10px;
	}

	.wap_box_new {
		display: grid;
		width: 100%;
		grid-template-columns: 1fr;
	}
}

@media(max-width:769px) {
	div.w_gioithieu .wapper {
		display: block;
		padding: 30px 10px;
	}

	#menu .wapper {
		padding: 0;
	}

	.menu-box:nth-child(2),
	#menu {
		transition: all .3s ease;
	}

	.positionFixed .menu-box:nth-child(2) {
		width: 50px;
		transition: all .3s ease;
	}

	.positionFixed #menu {
		padding: 5px;
		transition: all .3s ease;
	}

	div.tt_lh,
	div.bando {
		width: 100%;
		float: unset;
		margin-bottom: 20px;
	}

	.wap_item {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.dichvu-d {
		gap: 30px 15px;
		grid-template-columns: repeat(2, 1fr);
	}

	.service-txt {
		padding: 10px;
		height: fit-content;
	}

	.service-txt .catchuoi1 {
		-webkit-line-clamp: 2;
		line-height: 1.2;
	}

	.w_dichvu {
		padding-bottom: 40px;
	}

	.w_banggia {
		background: url(../images/bangia.png) repeat-y;
		background-size: 100%;
		padding: 40px 10px 40px 10px;
	}

	.thuvien-item {
		width: calc(100%/3 - 10px);
	}

	.img_gioithieu {
		margin-top: 20px;
		overflow: hidden;
	}

	.title-index div {
		font-size: 50px;
	}

	.title-index span {
		margin-top: -35px;
		font-size: 40px;
	}

	.khachhang-item {
		flex-wrap: wrap;
		justify-content: center;
	}

	.thuvien {
		padding: 35px 10px 35px 10px;
	}

	.tintuc-img img {
		width: 100%;
	}

	.video-index {
		padding: 35px 10px 35px 10px;
	}

	.khachhang {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.tintuc {
		padding-bottom: 40px;
	}

	.khachhang-txt {
		width: 100%;
		border-radius: 15px;
		margin-left: 0px;
		padding: 10px;
		background: #003cb7c2;
		transform: translateY(-57%);
	}

	div.w_ft1,
	div.w_ft2,
	div.w_ft3 {
		width: 100%;
		padding: 15px 0;
	}

	div.w_ft1 {
		order: 1;
	}

	.w_ft .wapper {
		display: flex;
		flex-direction: column;
		gap: 0 0;
	}

	.khachhang-txt div {
		width: 100%;
	}

	.khachhang-txt-1 {
		margin: 0;
	}

	.khachhang-img>div,
	.khachhang-img {
		border-radius: 50%;
	}
}

@media(max-width:576px) {
	.slogan_tranchu {
		font-size: 24px;
		padding: 0;
	}

	.wap_item {
		gap: 10px;
	}

	.thuvien-item {
		width: calc(50% - 10px);
	}

	.service-txt {
		font-size: 14px;
	}

	.title-index div {
		font-size: 32px;
	}

	.title-index span {
		margin-top: -10px;
		font-size: 32px;
	}

	.thuvien-circel,
	.thuvien-title,
	.thuvien-slogan {
		width: 100%;
		margin: 10px 0;
		text-align: center;
	}

	div.content_gioithieu h3.title span:first-child {
		font-size: 32px;
	}

	div.content_gioithieu h3.title span:last-child {
		letter-spacing: 1px;
	}
}

@media(max-width:400px) {
	.item-tin-o .box_news {
		flex-wrap: wrap;
	}

	.box_news>a {
		display: flex;
		align-items: end;
	}

	.box_news>div>h3 {
		display: none;
	}

	.box_news>a h3 {
		display: block;
		font-size: 18px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 6px;
		transition: 0.4s;
		text-decoration: none;
		font-family: robotoBo;
		margin-bottom: 10px;
		display: block;
		line-height: 29px;
	}

	.box_news a,
	.box_news {
		margin-right: 0;
	}
}

@media(max-width:344px) {

	div.frm_lienhe .item_lienhe input[type='email'],
	div.frm_lienhe .item_lienhe input[type='text'],
	div.frm_lienhe .item_lienhe textarea,
	div.frm_lienhe .item_lienhe input[type='password'],
	div.frm_lienhe .item_lienhe select {
		width: 100%;
	}

	.item_lienhe:last-child p {
		display: none;
	}
}

@media(max-width:369px) {}