@media (max-width:1650px) {
	.why-plus::before {
		width: 360px;
		background-size: contain;
	}

	.rst-box-about-bottom p,
	.r-item-box-plus p {
		font-size: 20px;
	}

	.box-plus-2 .r-item-box-plus {
		right: -40px;
		/* margin-right: 0; */
	}

	.box-plus-0 .r-item-box-plus {
		/* padding-top: 35px; */
		right: -30px;
	}

	.main-menu .menu-main li a {
		padding-left: 40px;
	}

	.r-header {
		gap: 40px;
	}
}

@media (max-width:1600px) {
	.banner-cont-cooperation img {
		width: 75%;
	}

	.box-fb-cooperation:last-child .box-fb-cooperation::before {
		left: -107px;
	}

	.overview h2,
	.title-fb-cooperation h2 {
		font-size: 34px;
	}

	.title-serivice h2 {
		font-size: 34px;
		line-height: 48px;
		margin-bottom: 10px;
	}

	.title-serivice::after {
		bottom: 10px;
	}

	.box-fb-cooperation {
		margin-bottom: 100px;
		min-height: 140px;
	}

	.banner-serivice p {
		font-size: 36px;
	}

	.inner-fb-cooperation h3 {
		font-size: 22px;
	}

	.number-fb-cooperation {
		width: 110px;
		height: 110px;
	}

	.inner-fb-cooperation {
		width: calc(100% - 110px - 40px);
	}

	.inner-fb-cooperation p {
		font-size: 20px;
	}

	.list-fb-cooperation::after {
		height: 730px;
	}

	.overview {
		padding: 60px 0 80px;
	}

	.overview p {
		font-size: 24px;
	}

	.content-fb-cooperation {
		width: calc(100% - 640px);
		padding-top: 115px;
	}

	.img-fb-cooperation {
		width: 540px;
	}
}

@media (max-width:1440px) {
	.l-about-home {
		width: 460px;
	}

	.content-fb-cooperation {
		top: 90px;
	}

	.btn-fb-cooperation {
		margin-top: 30px;
	}

	.wrap-fb-cooperation {
		align-items: center;
	}

	.img-fb-cooperation {
		width: 450px;
		padding-top: 80px;
	}

	.content-fb-cooperation {
		width: calc(100% - 550px);
	}

	.box-plus-1 {
		padding-top: 100px;
	}

	.box-plus-1 .container-plus,
	.box-plus-3 .container-plus {
		justify-content: end;
	}

	.box-plus-1 .r-item-box-plus,
	.box-plus-3 .r-item-box-plus {
		position: absolute;
		top: 0;
		left: -20px;

	}

	.box-plus-2 .r-item-box-plus {
		right: -60px;
	}

	.cont-development-services {
		max-width: 600px;
	}

	.list-course-0 {
		padding-left: 10.53vw;
	}

	.list-course-1 {
		padding-right: 9.53vw;

	}

	.box-plus-3 {
		padding-top: 110px;
	}

	.list-course-0 {
		padding-left: 8.53vw;
	}

	.list-course-1 {
		padding-right: 7.43vw;
	}

	.inner-course ul li {
		font-size: 21px;
	}

	.cont-development-services p {
		font-size: 22px;
	}

	.l-development-services {
		width: 35%;
	}

	.r-development-services {
		width: calc(65% - 50px);
	}

	.box-list-serivice {
		padding-bottom: 60px;
	}

	.content-box-serivice h3 {
		font-size: 24px;
	}

	.content-box-serivice ul li {
		font-size: 17px;
		line-height: 36px;
	}

	.about-home-top {
		padding-left: 50px;
	}

	.r-about-home {
		width: calc(100% - 460px - 100px);
	}

	.bg-contract {
		top: -35px;
	}

	.p-r-40 {
		padding-left: 12.83vw;
	}

	.contract {
		padding-bottom: 150px;
	}

	.why-plus::before {
		width: 320px;
	}

	.bg-contract img {
		width: 70%;
		display: block;
		margin-left: auto;
	}

	.box-plus-0 .r-item-box-plus {
		top: 100px;
		right: -95px;

	}

	.r-item-box-plus {
		width: 568px;
	}

	.l-item-box-plus {
		width: calc(100% - 568px - 70px);
	}

	.box-plus-0 .r-item-box-plus {
		padding-top: 0;
	}

	.box-plus-0 {
		padding-top: 0;
	}

	.box-plus-1 .l-item-box-plus {
		margin-top: 0;
	}

	.box-plus-0::after,
	.box-plus-2::after {
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
	}

	.box-plus-2 .l-item-box-plus {
		margin-top: 0;
	}

	.contact-home {
		padding: 80px 0 76px;
	}

	.list-about-home ul li {
		margin-bottom: 40px;
	}

	.list-about-home ul li .content-about-home {
		font-size: 22px;
	}
}

@media (max-width:1366px) {
	.rst-box-about-bottom {
		max-width: 600px;
	}

	.why-plus::before {
		width: 500px;
		bottom: calc(100% - 50px);
	}

	.box-plus-0 .r-item-box-plus {
		right: -70px;
	}

	.inner-course ul li {
		font-size: 21px;
	}
}

@media (max-width:1280px) {
	.content-box-serivice h3 {
		font-size: 24px;
	}

	.list-fb-cooperation::after {
		height: 685px;
	}

	.wrap-fb-cooperation {
		gap: 65px;
	}

	.box-fb-cooperation {}

	.inner-fb-cooperation h3 {
		font-size: 22px;
	}

	.r-header {
		gap: 40px;
	}

	.list-course-1 .r-list-course img {
		margin-right: auto;
		margin-left: 0;
	}

	.l-list-course {
		padding-right: 30px;
	}

	.list-course-1 .l-list-course {
		padding-left: 30px;
		padding-right: 0;
	}

	.l-list-course {
		width: 100%;
		order: 2;
	}

	.r-list-course {
		width: 100%;
	}

	.l-list-course h2 {
		font-size: 42px;
	}

	.main-menu .menu-main li a {
		padding-left: 40px;
	}

	.about-home::after {
		width: 525px;
		background-size: contain
	}

	.about-home-top {
		padding-bottom: 75px;
	}

	.about-home-bottom {
		flex-wrap: nowrap;
		flex-direction: column;
	}


	.l-item-box-plus {
		width: auto;
	}

	.box-plus-0 .r-item-box-plus {
		right: -25px;
		top: 120px;
	}

	.item-box-plus,
	.box-plus-3 .r-item-box-plus {
		top: -20px;
		left: -20px;
	}

	.box-plus-2 .r-item-box-plus {
		right: -25px;
	}

	.box-plus-1 {
		padding-bottom: 40px;
	}

	.box-plus-3 .l-item-box-plus {
		padding-top: 20px;
	}

	.banner-footer {
		height: auto;
		top: auto;
		bottom: 0;
		width: 600px;
	}

	.logo-footer {
		width: 250px;
	}

	.wrap-footer {
		gap: 100px;
	}

	.box-plus-0::after,
	.box-plus-2::after {
		background-position: center right 47%;
	}

	.why-plus {
		padding: 65px 0 50px;
	}

	.box-plus-2 .l-item-box-plus {
		margin-top: -30px;
	}

	.r-list-course {
		width: 100%;
		order: 1 !important;
	}

	.list-course {
		flex-wrap: wrap;
	}

	.r-list-course img {
		display: block;
		margin-left: auto;
	}

	.r-development-services {
		width: 100%;
		padding-top: 0;
	}
}

@media (max-width:1200px) {
	.container-header {
		width: 100%;
	}

	.img-fb-cooperation {
		display: none;
	}

	.content-fb-cooperation {
		width: 100%;
	}

	.content-fb-cooperation {
		padding-top: 40px;
		display: flex;
		justify-content: center;
	}

	.title-fb-cooperation {
		position: static;
		transform: none;
	}

	.col-abouthome {
		width: 100%;
	}

	.container-about {
		padding-top: 30px;
	}
}

@media (max-width:1024px) {
	.l-item-box-plus {
		width: 100%;
	}

	.menu-main-footer li a {
		font-size: 20px;
		padding-right: 30px;
	}

	.r-item-box-plus {
		width: 100%;
		position: static !important;
	}





	.box-plus-1 .l-item-box-plus,
	.box-plus-3 .l-item-box-plus {
		order: 1;
	}

	.r-item-box-plus {
		order: 2;
	}

	.box-plus-0 .r-item-box-plus {
		padding-top: 30px;
	}

	.box-plus-1 {
		padding-top: 0;
	}

	.box-plus {
		padding-bottom: 30px;
	}

	.box-plus::after {
		width: 100%;
		position: absolute;
		top: 0;
		background: url('../images/Vector\ 547.png');
		content: '';
		left: 0;
		height: 650px;
		z-index: -1;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top;
	}

	.box-plus .container-plus {
		flex-wrap: wrap;
	}

	.banner-serivice h1 {
		font-size: 54px;
		line-height: normal;
	}

	.box-plus-0::after,
	.box-plus-2::after {
		height: 650px;
	}

	.box-plus-3 {
		padding-top: 0;
	}

	.box-serivice img {
		width: 100%;
		height: 100%;
	}

	.wrap-box-serivice {
		gap: 20px 60px;
	}

	.wrap-development-services {
		padding-bottom: 30px;
	}

	/* 
	.box-serivice {
		width: calc(50% - 30px);
	} */

	.contract {
		padding-bottom: 100px;
	}

	.l-development-services {
		width: auto;
	}

	.r-development-services {
		width: 100%;
		padding-top: 0;
	}

	.box-serivice-top:nth-child(2) {
		order: 1;
		width: 52%;
	}

	.available-technology {
		padding-bottom: 80px;
	}

	.development-services h2 {
		font-size: 38px;
		margin-bottom: 30px;
	}

	.inner-development-services {
		padding-left: 20px;
	}

	.list-course-0 .l-list-course {
		padding-top: 0;
	}

	.list-course {
		flex-wrap: wrap;
	}

	.l-list-course {
		width: 100%;
		padding-right: 30px;

	}

	.list-course-1 .r-list-course {
		order: 2;

	}

	.list-course-1 .r-list-course img {
		margin-right: auto;
		margin-left: 0;
	}

	.list-course-1 .l-list-course {
		padding-right: 0;
		padding-left: 30px;
		padding-top: 0;
	}

	.course {
		padding-bottom: 30px;
	}

	.l-list-course {
		order: 2;
	}

	.r-list-course {
		width: 100%;
		order: 1 !important;
	}

	.r-list-course img {
		display: block;
		margin-left: auto;
	}

	.cont-development-services h3 {
		font-size: 32px;
	}

	.cont-development-services p {
		font-size: 22px;
		line-height: 42px;
	}

	.box-serivice-top:nth-child(1) {
		order: 2;
		width: 45%;
	}

	.box-serivice-top:nth-child(3) {
		order: 3;
		width: 45%;

	}

	.wrap-technology {
		justify-content: center;
	}

	.banner-serivice {
		padding: 120px 0;
	}

	.title-top-home h2,
	.title-top-home span {
		font-size: 26px;
	}

	.title-bottom-home h1 {
		font-size: 42px;
	}

	.box-contract h3 {
		font-size: 28px;
	}

	.title-contract {
		font-size: 38px;
	}

	.bg-contract img {
		width: auto;
	}

	.bg-contract {
		width: 400px;
	}

	.box-contract h3::after {
		width: 655px;
		background-size: contain;
	}

	.content-contr {
		font-size: 22px;
		line-height: 38px;
		max-width: 464px;
	}

	.wrap-tap {
		background-size: contain;
		padding: 62px 0 19px;
		width: 350px;
	}

	.title-wrap-list-serivice h2 {
		font-size: 32px;
		padding: 50px 0 30px;
	}

	.title-bottom-home span {
		font-size: 32px;
	}

	.list-tap-serivice a {
		font-size: 26px;
	}

	.title-serivice h2 {
		font-size: 38px;
		line-height: 48px;
		margin-bottom: 10px;
	}

	.title-home {
		width: 100%;
		max-width: 760px;
	}

	.wrap-header {
		/* position: relative; */
	}

	.title-bottom-home {
		padding-bottom: 30px;
	}

	.title-bottom-home h1 {
		padding-top: 30px;
	}



	.click-mobile {
		display: block;
		position: absolute;
		top: 50%;
		right: 50px;
		transform: translateY(-50%);
	}

	.lines {
		width: 25px;
		height: 3px;
		background: #000;
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -12.5px;
		margin-top: -1.5px;
		-webkit-transition: -webkit-transform 200ms;
		transition: -webkit-transform 200ms;
		transition: transform 200ms;
		transition: transform 200ms, -webkit-transform 200ms;
	}

	.header-home.active .language li:first-child a {
		border: 1px solid #E3E3E3 !important;
	}

	.header-home .lines {
		background: #fff;
	}

	.header-home.active .site-header a {
		display: none;
	}

	.header-home.active .site-header a.is-active {
		display: block;
	}

	.home-pages .header-home.active .is-home {
		display: none !important;
	}

	.home-pages .header-home.active .is-page {
		display: block !important;
	}

	.main-menu {
		border-top: 1px solid #CACACA;
	}

	.header-home .click-mobile.exit .lines {
		background: #000;

	}

	.header-home.active {
		background: #fff;
	}

	.line-1 {
		-webkit-transform: translate3d(0, -8px, 0);
		transform: translate3d(0, -8px, 0);
	}

	.line-2 {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);

	}

	.line-3 {
		-webkit-transform: translate3d(0, 8px, 0);
		transform: translate3d(0, 8px, 0);
	}

	.click-mobile.exit .line-1 {
		-webkit-transform: translate3d(0, 0, 0) rotate(45deg);
		transform: translate3d(0, 0, 0) rotate(45deg);
	}

	.click-mobile.exit .line-2 {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
		transform: translate3d(0, 0, 0) scale(0.1, 1);
	}

	.click-mobile.exit .line-3 {
		-webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
		transform: translate3d(0, 0, 0) rotate(-45deg);
	}

	.language {
		margin-right: 50px;
	}

	.main-menu {
		position: absolute;
		left: 0;
		top: 110px;
		background: #fff;
		width: 100%;
		height: 100vh;
	}

	.main-menu .menu-main li a {
		color: #000;
	}

	.main-menu {
		display: none;
	}

	.main-menu ul {
		display: block;
		width: 100%;
		text-align: center;
		padding-top: 100px;
	}

	.main-menu ul li {
		display: block;
		padding-bottom: 30px;
	}

	.container-about {
		flex-wrap: wrap;
	}

	.l-about-home {
		width: 100%;
		/* order: 2; */
	}

	.r-about-home {
		width: 100%;
		order: 1;
		padding-left: 70px;
	}

	.l-about-home img {
		margin: 0 0 0 auto;
	}

	.about-home-top {
		padding-left: 0;
	}

	.about-home::after {
		/* display: none; */
		/* background-position: center;
		left: auto;
		right: 0; */
	}

	.container-about {
		gap: 30px;
	}

	.title-home {
		top: 50%;
	}

	.why-plus::before {
		width: 400px;
	}

	.main-menu .menu-main li a {
		padding-left: 0;
	}

	.about-home {
		padding-bottom: 70px;
	}

	.title-why-plus h2 {
		font-size: 36px;
	}

	.box-plus .container-plus {
		gap: 50px;
		align-items: center;
	}

	.box-plus-2 .l-item-box-plus {
		margin-top: 0;
	}

	.box-plus-3 .l-item-box-plus {
		margin-top: 0;
	}

	.box-plus-1 .r-item-box-plus {
		padding-top: 0;
	}

	.box-plus-2 .r-item-box-plus {
		padding-top: 0;
	}

	.box-plus-3 .r-item-box-plus {
		padding-top: 0;
	}


	.banner-footer {
		width: 510px;
	}

	.sidebar-contact {
		order: 2;
		width: auto;
	}

	.content-contact {
		width: 100%;
	}

	.container-contact {
		justify-content: center;
	}

	.container-contact {
		margin-bottom: 70px;
	}

	.box-plus-3 .l-item-box-plus {
		padding-top: 0;
	}
}

@media (max-width:991px) {
	.why-plus::before {
		display: none;
	}

	.rst-box-about-bottom p,
	.r-item-box-plus p {
		font-size: 18px;
	}

	.about-home-top {
		padding-bottom: 0 !important;
	}

	.l-about-home img {
		padding-left: 80px;
	}

	.bg-about {
		display: block;
		margin-top: -135px;
		z-index: -1;
	}

	.bg-about img {
		display: block;
		margin-left: auto;
		width: 45%;
	}

	.banner-serivice h1 {
		font-size: 42px;
	}

	.list-tap-serivice a {
		font-size: 22px;
		line-height: normal;
		gap: 5px;
	}

	.wrap-tap {
		padding: 61px 0 17px;
	}

	.box-serivice-top:nth-child(1),
	.box-serivice-top:nth-child(3) {
		width: calc(50% - 15px);
	}

	.wrap-technology {
		gap: 40px 30px;
	}

	.inner-box-serivice ul {
		padding-left: 25px;
	}

	.inner-course ul li {
		font-size: 22px;
	}

	.inner-course h3 {
		font-size: 32px;
		margin-bottom: 15px;
	}

	.list-course {
		gap: 25px;
	}

	.container-header {
		/* width: 750px !important; */
	}

	.rst-box-about-bottom {
		max-width: none;
		width: 100%;
	}

	.box-plus .container-plus {
		width: 100%;
	}

	.wrap-footer {
		flex-direction: column;
		gap: 30px;
		align-items: start;
	}

	.footer-top {
		padding: 53px 0 70px;
	}

	.banner-footer {
		width: 410px;
	}

	.contact-home {
		padding: 50px 0;
	}

	.banner-serivice p {
		font-size: 28px;
		line-height: normal;
		margin-top: 0;
	}
}

@media (max-width:768px) {
	.container-header {
		width: 100% !important;
	}



	.title-fb-cooperation h2,
	.overview h2 {
		font-size: 32px;
		line-height: normal;
	}

	.title-cooperation {
		position: relative;
		transform: none;
		margin: 15px 0;
		top: inherit;
		left: inherit;

	}

	.list-fb-cooperation::after {
		display: none;
	}

	.box-fb-cooperation {
		width: calc(100% - 30px);
		margin: 0 auto 30px !important;
	}

	.box-fb-cooperation:nth-child(2) {
		margin-left: 0;
	}

	.slider-service {
		display: block;
	}

	.inner-box-serivice ul li img {
		width: auto !important;
	}


	.wrap-technology {
		display: block;
	}

	.is-hidden-sp {
		display: none !important;
	}

	.box-serivice-top {
		width: 100% !important;
		height: 492px;
	}


	.actv .l-box-serivice-top h3 {
		color: #333;
	}

	.actv {
		border: 1px solid #FFB714;
	}

	.actv .l-box-serivice-top {
		background: linear-gradient(180deg, #FFB714 0%, #FFE42F 100%);
	}

	/* 
	.wrap-technology-sp {
		display: block;
	} */

	.box-plus-1 {
		padding-top: 0;
	}

	.bg-contract {
		display: block;
		padding-top: 23px;
		position: static;
		width: auto;
	}

	.contract {
		padding-bottom: 0 !important;
	}

	.bg-contract img {
		margin-left: auto;
		max-width: 500px;
	}

	.wrap-box-serivice {
		gap: 15px 20px;
	}



	.about-home::after {
		width: 100%;
		height: 1200px;
		background-repeat: no-repeat;
	}

	.rst-title-contact h1 {
		font-size: 32px;
		line-height: normal;
	}

	.rst-title-contact h2 {
		font-size: 22px;
	}

	.header-home {
		padding: 10px 0;
	}

	.language {
		margin-right: 70px;
	}

	.l-header {
		width: 200px;
	}

	.main-menu {
		top: 93px;
	}

	.available-technology {
		padding-bottom: 50px;
		margin-top: -200px;
	}

	.cont-development-services h3,
	.inner-course h3 {
		font-size: 28px;
		margin-bottom: 0;
	}

	.inner-course ul li {
		line-height: 2;
	}

	.development-services {
		padding-top: 50px;
	}

	.title-serivice h2,
	.title-content-technology,
	.development-services h2,
	.l-list-course h2 {
		font-size: 32px;
		line-height: normal;
	}

	.wrap-list-serivice .owl-nav {
		/* position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: calc(100% - 20px);
		display: flex;
		justify-content: space-between; */
		display: block;

	}

	.wrap-list-serivice .owl-nav button {
		font-size: 40px !important;
		color: #000 !important;
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translate(-50%, -50%);
	}

	.wrap-list-serivice .owl-nav button.owl-next {
		left: auto;
		right: 10px;
	}

	.wrap-list-serivice .owl-dots {
		display: none;
	}

	.wrap-serivice-top {
		border-radius: 50px 50px 0px 0px;
	}

	.title-wrap-list-serivice h2 {
		font-size: 28px;
		line-height: normal;
		padding: 30px 0 20px;
	}

	.inner-box-serivice ul li span {
		font-size: 20px;
		line-height: 28px;
	}

	.title-serivice p {
		font-size: 22px;
	}


	.content-contr {
		max-width: max-content;
	}

	.title-home {
		max-width: calc(100% - 150px);
	}

	.title-top-home h2,
	.title-top-home span {
		font-size: 18px;
		line-height: normal;
	}

	.title-bottom-home h1 {
		font-size: 32px;
		line-height: normal;
		padding: 20px 0 7px;
	}

	.title-bottom-home {
		padding-bottom: 15px;
	}

	.title-bottom-home span {
		line-height: normal;
		font-size: 22px;
	}

	.title-about-home h2,
	.title-about-home-bottom,
	.title-why-plus h2,
	.title-col-abouthome {
		font-size: 32px;
		line-height: normal;
	}

	.box-plus-1::after,
	.box-plus-3::after {
		width: 100%;
		position: absolute;
		top: 0;
		background: url('../images/Vector\ 547.png');
		content: '';
		left: 0;
		z-index: -1;
		background-size: contain;
		background-repeat: no-repeat;
		height: 620px;
	}

	.scroll-home {
		display: none;
	}

	.box-plus .container-plus {
		gap: 20px !important;
	}

	.title-why-plus h2 {
		max-width: 425px;
		margin: 0 auto 12px;
	}

	.box-plus-2::after {
		background: url('../images/Vector\ 546.png');
		background-size: contain;
		background-repeat: no-repeat;
	}

	.title-about-home p,
	.list-about-home ul li span,
	.list-about-home ul li .content-about-home {
		font-size: 22px;
	}

	.rst-box-about-bottom p {
		font-size: 18px;
	}


	.list-about-home ul li {
		margin-bottom: 25px;
	}

	.wrap-title-about-bottom h2 {
		font-size: 28px;
	}

	.title-why-plus p,
	.r-item-box-plus h3 {
		font-size: 22px;
	}

	.r-item-box-plus h2 {
		font-size: 28px;
	}

	.box-plus .container-plus {
		flex-direction: column;
	}

	.l-item-box-plus {
		width: auto;
		order: 0 !important;
	}

	.r-item-box-plus {
		width: 100%;
	}

	.box-plus-0::after,
	.box-plus-2::after {
		/* display: none; */
	}

	.l-item-box-plus img {
		padding: 0 60px;
	}

	.box-plus .r-item-box-plus {
		padding-top: 0 !important;
	}

	.why-plus {
		background-size: cover;
	}

	.box-plus {
		padding-bottom: 50px;
	}

	.contact-home h2 {
		font-size: 42px;
		line-height: normal;
	}

	.contact-home h3 {
		font-size: 28px;
		margin-bottom: 15px;
	}

	.copyright {
		padding: 25px 0;
	}

	.contact-home p {
		font-size: 22px;
	}

	.banner-footer {
		width: 350px;
	}

	.r-cont-footer p {
		font-size: 18px;
		margin-top: 20px;
	}


	.footer-top {
		padding: 33px 0 30px;
	}

	.wrap-title-contact p {
		font-size: 18px;
	}

	.content-contact form {
		padding: 50px 30px 60px;
	}

	.rst-title-contact {
		padding-bottom: 5px;
		margin-bottom: 20px;
	}

	.mid-header {
		padding: 10px 0;
	}

	.title-serivice::after {
		bottom: -12px;
	}

	.box-list-serivice {
		padding-left: 15px;
		padding-right: 15px;
	}

	.title-contract {
		text-align: center;
	}

	.banner-serivice {
		border-radius: 0 0 50px 50px;
	}

	.box-contract h3 {
		padding: 2px 5px 3px;
	}

	.r-list-course img,
	.l-development-services img {
		width: 70% !important;
	}

	.wrap-technology .owl-next,
	.wrap-technology .owl-prev {
		width: 40px !important;
		height: 40px !important;
		background: linear-gradient(180deg, #FFB714 0%, #FFE42F 100%) !important;
		border-radius: 50% !important;
		color: #fff !important;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: -12px;
		display: flex !important;
		align-items: center;
		justify-content: center;
	}

	.wrap-technology .owl-next {
		left: auto;
		right: -12px;
	}

	.slider-service .owl-next,
	.slider-service .owl-prev {
		width: 40px !important;
		height: 40px !important;
		background: linear-gradient(180deg, #3183ED 0%, #55CBF2 100%) !important;
		border-radius: 50% !important;
		color: #fff !important;
		position: absolute;
		top: 100px;
		left: 5px;
		display: flex !important;
		align-items: center;
		justify-content: center;
	}

	.slider-service .owl-next {
		left: auto;
		right: 5px;
	}

}

@media (max-width:576px) {
	.content-contact form {
		padding: 30px 15px 40px;
	}

	.overview p {
		font-size: 18px;
	}

	.title-fb-cooperation h2,
	.overview h2 {
		font-size: 22px;
		line-height: normal;
	}

	.banner-serivice p {
		font-size: 20px;
	}

	.box-list-serivice .owl-carousel .owl-item img {
		/* width: 80%; */
	}

	.bg-contract img {
		max-width: 230px;
	}

	.available-technology {
		margin-top: -120px;

	}

	.banner-home video {
		height: 550px;
	}

	.wrap-list-serivice .owl-nav {
		width: calc(100% - 10px);
	}

	.box-plus .container-plus {
		gap: 10px 0 !important;
	}

	.check-form {
		min-width: 160px;
	}

	.wrap-title-contact p {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 0.1em;
		text-align: center;
		max-width: 230px;
		margin: 0 auto 24px;
	}

	.form-group label {
		font-size: 14px;
	}

	.about-home::after {
		height: 670px;
	}

	.box-plus-0::after,
	.box-plus-2::after {
		background-image: url('../images/bg_sp.png');
		/* background-image: url('../images/Vector 5472.png'); */
		height: 407px;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.box-plus-1::after,
	.box-plus-3::after {
		/* background-image: url('../images/Vector 5482.png'); */
		background-image: url('../images/bg_sp.png');
		height: 407px;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.r-item-box-plus h3 {
		font-size: 18px;
		line-height: 23px;
		letter-spacing: 0em;
		text-align: left;
		margin-bottom: 10px;
	}

	.r-item-box-plus p {
		font-size: 16px;
		line-height: 32px;
		letter-spacing: 1px;
		text-align: left;
	}

	.content-popup h2 {
		font-size: 22px;
		font-weight: 700;
		line-height: 28px;
		letter-spacing: 0em;
		margin-bottom: 25px;
	}

	.content-popup h3 {
		font-size: 14px;
		margin-bottom: 0;
		line-height: 1.8;
	}

	.check-form label {
		font-size: 20px;
	}

	.container-contact {
		margin-bottom: 40px;
	}

	.content-popup p {
		font-size: 14px;
		margin-bottom: 15px;
		line-height: 1.7;
	}

	.check-content-form {
		flex-direction: column;
		gap: 15px;
	}

	.content-popup {
		padding: 30px 10px 50px 15px;
	}

	.adress-cont h2 {
		font-size: 16px;
	}

	.form-group textarea,
	.form-group input {
		font-size: 14px;
	}

	.form-group textarea {
		height: 100px;
	}

	.button-form {
		flex-direction: column;
	}

	.adress-cont a {
		font-size: 28px;
		margin-bottom: 0;
	}

	.popup_file {
		margin-bottom: 30px;
	}

	.adress-cont {
		margin-top: 30px;
	}

	.adress-cont p {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.adress-cont p img {
		width: 29px;
	}

	.button-form input,
	.button-form a {
		height: 52px;
		max-width: 248px;
		font-size: 14px;
	}

	.popup_file a,
	.adress-cont p {
		font-size: 14px;
	}

	.form-group input {
		height: 52px;
	}

	.wrap-form-grounp {
		gap: 15px;
	}

	.button-form {
		align-items: center;
	}

	.title-home {
		max-width: calc(100% - 30px);
	}

	.text-upload p {
		font-size: 12px;
		line-height: 15.24px;
		padding: 9px 40px 10px 20px;
	}

	.rst-title-contact h1 {
		font-size: 24px;
		margin-bottom: 0;
	}

	.rst-title-contact h2 {
		font-size: 14px;
	}

	.title-bottom-home h1 {
		font-size: 26px;
		line-height: normal;
		padding: 10px 0 7px;
	}

	.r-about-home {
		padding: 0 7px 0 8px;
	}

	.title-about-home {
		margin-bottom: 20px;
		margin-left: 15px;
	}

	.title-about-home h2 {
		margin-bottom: 12px;
		font-size: 14px;
		line-height: 17px;
		letter-spacing: 0.2em;

	}

	.title-about-home p {
		padding-bottom: 12px;
	}

	.list-about-home ul li .content-about-home {
		font-size: 13px !important;
		line-height: 20px;
	}


	.list-about-home ul li span {
		font-size: 16px !important;
	}

	.about-home-top {
		padding-bottom: 40px;
	}

	.rst-box-about-bottom p {
		font-size: 16px;
		font-weight: 400;
		line-height: 32px;
		letter-spacing: 1px;
		text-align: left;

	}

	.why-plus {
		padding: 52px 0;
	}

	.list-about-home ul li span {

		min-width: 64px;
	}

	.container-about {
		gap: 45px;
	}

	.l-about-home img {
		padding-left: 135px;
		padding-right: 45px;
	}

	.title-about-home-bottom,
	.title-col-abouthome {
		margin-bottom: 25px;
	}

	.list-about-home ul li {
		margin-bottom: 15px;
		/* flex-direction: column; */
	}

	.title-about-home p {
		font-size: 14px;
		line-height: 17.07px !important;
	}

	.list-about-home ul li span,
	.list-about-home ul li .content-about-home {
		font-size: 18px;
	}

	.title-about-home h2,
	.title-about-home-bottom,
	.title-why-plus h2,
	.title-col-abouthome {
		font-size: 24px;
		line-height: normal;
	}

	.title-why-plus h2 {
		max-width: 343px;
		display: block;
		margin: 0 auto 12px;
	}

	.r-item-box-plus h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.contact-home h3 {
		font-size: 24px;
	}

	.wrap-title-about-bottom {
		margin-bottom: 15px;
	}

	.box-plus .container-plus {
		gap: 25px;
	}

	.box-plus {
		padding-bottom: 23px;
	}

	.box-plus-0::after {
		top: 60px;
	}

	.box-plus-1::after {
		top: 35px;
	}

	.box-plus-3::after {
		top: 40px;
	}

	.box-plus-1 .l-item-box-plus {
		margin-bottom: 20px;
	}

	.box-plus-2::after {
		top: 40px;
	}

	.scroll-home span {
		font-size: 14px;
	}

	.list-about-home ul li {
		gap: 6px;
	}

	.scroll-home::after {
		Height: 60px;
		bottom: -120px;
	}

	.about-home-bottom {
		gap: 30px;
	}

	.about-home {
		padding-bottom: 40px;
	}

	.about-home {
		padding-top: 40px;
	}

	.wrap-title-about-bottom h2 {
		width: calc(100% - 80px);
		font-size: 20px;
		line-height: 25px;
		letter-spacing: 0em;
		text-align: center;
	}

	.wrap-title-about-bottom img {
		width: 80px;
	}

	.wrap-title-about-bottom h2 {
		background-size: cover;
	}

	.banner-footer {
		/* display: none; */
		height: calc(100% - 50px);
		top: 0;
		right: 0;
	}

	.banner-footer img {
		margin-left: auto;
		height: 100%;
		display: block;
	}

	.is-sp-footer {
		height: 100%;
	}

	.banner-footer {
		width: 100%;
	}

	.r-cont-footer p {
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 0em;
		text-align: center;

	}

	.is-sp-footer {
		display: block;
	}

	.is-pc-footer {
		display: none;
	}

	.copyright {
		padding: 16px 0 17px;
		font-size: 13px;
		line-height: 17px;
		letter-spacing: 0em;
		text-align: center;
	}



	.footer-top {
		padding: 54px 0 224px;
	}

	.wrap-footer {
		align-items: center;
	}

	.menu-footer {
		display: none;
	}

	.logo-footer {
		width: 190px;
	}

	.menu-main-footer li a {
		padding-right: 30px;
		font-size: 16px;
	}

	.menu-main-footer li:last-child a {
		padding-right: 0;
	}

	.contact-home h2 {
		font-size: 40px;
		line-height: 51px;
		letter-spacing: 0.2em;
		text-align: center;
		margin-bottom: 3px;

	}

	.contact-home p {
		font-size: 14px;
		line-height: 28px;
		letter-spacing: 0em;
		margin-bottom: 30px
	}

	.contact-home a img {
		width: 50px;
	}

	.contact-home {
		padding: 94px 0 57px;
	}

	.l-header {
		width: 126px;
	}

	.mid-header {
		padding: 7px 0 !important;
	}

	.language {
		margin-right: 50px;
	}

	.click-mobile {
		right: 20px;
	}

	.lang_menu li a {
		width: 30px;
		height: 20px;
		position: relative;
	}

	.main-menu {
		top: 60px;
	}

	.why-plus {
		background-image: none;
		background-color: #fff;
	}


	.title-why-plus p {
		font-size: 14px;
		line-height: 17px;
		letter-spacing: 0.2em;
		padding-bottom: 12px;
	}

	.main-menu .menu-main li a {
		font-size: 18px;
		line-height: 23px;
	}

	.title-top-home h2 {
		letter-spacing: 0;
		font-size: 18px;
		line-height: 23px;
		letter-spacing: 0.14em;
		text-align: center;
		max-width: 290px;
		margin: 0 auto 13px;
	}

	.title-bottom-home span {
		font-size: 28px;
		line-height: 36px;
		letter-spacing: 0.14em;
	}

	.scroll-footer {
		bottom: 1em !important;
		width: 2.5em;
		height: 2.5em;
		right: 1em !important;
	}

	.scroll-footer svg {
		width: 10px;
	}

	.title-bottom-home h1 {
		font-size: 36px;
		line-height: 46px;
		letter-spacing: 0.45em;
		padding-bottom: 21px;

	}

	.banner-serivice h1 {
		font-size: 38px;
		font-weight: 700;
		line-height: 48px;
		letter-spacing: 23px;
		text-align: center;

	}

	.banner-serivice {
		padding: 80px 0 110px;
	}

	.breadcrumbs li,
	.breadcrumbs li a {
		font-size: 12px;
	}

	.title-serivice h2,
	.title-content-technology,
	.development-services h2,
	.l-list-course h2,
	.title-contract {
		font-size: 22px;
		line-height: normal;
	}

	.development-services h2 {
		margin-bottom: 0;
	}

	.title-contract {
		margin-bottom: 25px;
	}

	.contract {
		padding: 30px 0 50px;
	}

	.title-serivice p {
		font-size: 14px;
	}

	.box-contract h3 {
		font-size: 20px;
		margin-bottom: 20px;
		padding: 2px 5px 3px;
		line-height: 25.4px;
	}

	.p-r-40 {
		padding-left: 15px;
	}

	.box-contract h3::after {
		width: 700px;
		left: auto;
		right: -250px;
		background-size: contain;

	}

	.box-plus::after {
		background-position: center !important;
	}

	.title-content-technology {
		margin-bottom: 20px;
	}

	.box-serivice-top {
		width: 100% !important;
	}

	.inner-box-serivice ul li span {
		font-size: 18px;
	}

	.box-serivice-top:nth-child(3) {
		order: 3;
		min-height: 460px;
	}

	.box-serivice {
		height: 430px;
	}

	.w-20 {
		width: 15px;
	}

	.list-course-0 {
		padding-left: 15px;
	}

	.inner-course {
		width: calc(100% - 50px - 10px);
	}

	.list-course-1 .l-list-course {
		padding-left: 15px;
	}

	.list-course-1 {
		padding-right: 15px;
	}

	.icon-course {
		width: 50px;
	}

	.inner-course ul li {
		font-size: 16px;
		line-height: 32px;
		margin-left: 20px;
		/* margin-top: 20px; */

	}

	.inner-course ul {
		margin-bottom: 41px
	}

	.list-course-0 {
		padding-bottom: 0 !important;
	}

	.content-course {
		gap: 10px;
	}

	.inner-course h3 {
		padding: 0;
	}

	.l-list-course {
		padding-right: 15px;
	}

	.icon-r-development-services {
		width: 50px;
	}

	.l-list-course h2 {
		margin-bottom: 30px;
	}

	.cont-development-services h3 {
		padding: 0;
	}

	.wrap-development-services {
		gap: 30px;
	}

	.cont-development-services p {
		font-size: 16px;
		line-height: 32px;
		margin-bottom: 30px;
		margin-left: -50px;
		margin-top: 20px;
	}

	.inner-course ul {
		margin-left: -50px;
		margin-top: 20px;
	}

	.wrap-development-services {
		padding-bottom: 10px;
	}

	.course {
		padding-top: 10px;
		padding-bottom: 0;
	}

	.cont-development-services {
		width: calc(100% - 50px - 10px);
	}

	.cont-development-services h3,
	.inner-course h3 {
		font-size: 20px;
	}

	.inner-development-services {
		padding: 0 20px;
		gap: 10px;
	}

	.box-serivice-top:nth-child(2) {
		order: 2;

	}

	.box-serivice-top:nth-child(1) {
		order: 1;
	}

	.content-contr {
		font-size: 16px;
		padding-left: 20px;
		padding-right: 15px;
		line-height: 32px;
	}

	.title-content-technology {
		font-size: 22px !important;
	}

	.bg-about {
		margin-top: -95px;
	}

	.box-serivice {
		width: 100%;
	}

	.wrap-contract {
		gap: 20px;
	}

	.list-tap-serivice {
		gap: 10px;
	}

	.box-list-serivice {
		border-radius: 0;
	}

	.title-serivice h2 {
		margin: 0;
	}

	.list-tap-serivice a {
		font-size: 14px;
	}

	.wrap-tap img {
		width: 18px;
	}

	.wrap-tap {
		padding: 30px 0 5px;
	}

	.title-wrap-list-serivice h2 {
		font-size: 22px;
		padding: 30px 0 20px;
		line-height: 27.94px;
	}

	.content-box-serivice {
		padding: 22px;
	}

	.content-box-serivice ul {
		padding-left: 0;
	}

	.content-box-serivice h3 {
		font-size: 20px;
		font-size: 20px;
		line-height: 25px;
		text-align: left;
		margin-bottom: 12px;
	}

	.content-box-serivice ul li {
		font-size: 16px;
		line-height: 35px;
	}

	.title-contract {
		font-size: 22px;
		margin-bottom: 20px;
		padding: 0 !important;
	}

	.page-cooperation .banner-serivice h1 {
		font-size: 32px;
	}

	.number-fb-cooperation {
		width: 95px;
		height: 95px;
	}

	.box-fb-cooperation {
		gap: 15px;
		min-height: 130px;
		padding-right: 20px;
	}

	.inner-fb-cooperation h3 {
		font-size: 18px;
		line-height: normal;
	}

	.number-fb-cooperation span {
		font-size: 42px;
	}

	.inner-fb-cooperation p {
		font-size: 16px;
	}

	.inner-fb-cooperation {
		width: calc(100% - 95px - 40px);
	}
}

@media (max-width:440px) {
	.banner-serivice p {
		font-size: 16px;
	}

	.overview p {
		font-size: 16px;
		line-height: normal;
	}

	.overview {
		padding: 50px 0 70px;
	}

	.btn-fb-cooperation a span {
		width: 60px;
	}

	.btn-fb-cooperation a {
		font-size: 22px;
	}

	.box-fb-cooperation {
		flex-wrap: wrap;
	}

	.inner-fb-cooperation {
		width: calc(100%);
		margin: 0 auto;
	}

	.title-cooperation {
		margin: 10px 0 5px;
	}

	.btn-fb-cooperation {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.fb-cooperation {
		padding: 30px 0;
	}

	.number-fb-cooperation {
		display: none;
	}

	.btn-fb-cooperation a {
		padding: 15px 80px 15px 50px;
	}

	.box-fb-cooperation {
		min-height: 100px;
		border-radius: 10px;
		padding: 10px;
	}

	.box-fb-cooperation::after {
		display: none;
	}
}

@media (max-width:375px) {
	.banner-serivice {
		/* justify-content: end; */
	}
}