@media only screen and (min-width:1921px) {

	/* homepage slider */
	.section-home-slider {
		max-height: 850px;
	}

	.home-carousel .content-box h2,
	.home-carousel.active .content-box h2 {
		font-size: 60px;
		line-height: 80px;
	}

	.home-carousel .content-box p,
	.home-carousel.active .content-box p {
		font-size: 26px;
		line-height: 36px;
		margin-bottom: 100px;
	}

	/*service & product*/
	.anim-right h3,
	.anim-show h3 {
		font-size: 44px;
		line-height: 1.45em;
	}
}

@media only screen and (max-width:1920px) {

	/* homepage slider */
	.home-carousel .content-box h2,
	.home-carousel.active .content-box h2 {
		font-size: 3.125vw;
		line-height: 4.166vw;
	}

	.home-carousel .content-box p,
	.home-carousel.active .content-box p {
		font-size: 1.354vw;
		line-height: 1.875vw;
	}
}

@media only screen and (max-width: 1536px) {

	/*publish*/
	.h60 {
		height: 30px;
	}

	.h70 {
		height: 40px;
	}

	.h80 {
		height: 50px;
	}

	body {
		font-size: 14px;
	}

	.home2022 .container,
	.footer .container {
		width: 100%;
		max-width: 1230px;
		padding: 0 15px;
		margin: 0 auto;
	}


	/*data*/
	.data-item {
		margin: 0 30px;
	}

	/*service & products*/
	.ul-index {
		padding-left: 0;
	}

	.anim-right .details {
		padding: 30px 25px;
	}

	.anim-show .details p {
		line-height: 1.6em;
	}

	.gs-recommend-name {
		font-size: 34px;
	}

	/*testimonial*/
	.testimonial-content {
		min-height: 175px;
	}

	/*footer*/

	.region-top {
		font-size: 14px;
	}

	.region-address {
		font-size: 12px;
	}
}

@media only screen and (max-width: 1280px) {

	.home2022 .container,
	.footer .container {
		width: 100%;
		max-width: 1130px;
		padding: 0 15px;
		margin: 0 auto;
	}

	.data-item {
		margin: 0 15px;
	}

	/* Learning center */
	.lc-box-r>div:nth-child(1) {
		padding-bottom: 44px;
	}

	.lc-box-r>div .more-link .mrl-30 {
		margin-left: 0px;
		display: block;
	}

	/* footer */
	.footer-main-earth {
		width: 250px;
	}
}


/* MD Device :768px */



@media only screen and (max-width: 1200px) {

	.home2022 .container,
	.footer .container {
		width: 100%;
		max-width: 992px;
		padding: 0 15px;
		margin: 0 auto;
	}

	.index-title {
		font-size: 30px;
	}

	/* services & product */
	.gs-recommend-name {
		font-size: 28px;
	}

	/* learning center */
	.lc-box-r>div:nth-child(2) {
		width: 150px;
		position: relative;
		text-align: center;
	}
}

@media only screen and (max-width: 1024px) {

	/* homepage slider */
	.home-carousel .slide-item {
		padding: 100px 0px 200px 0px;
	}

	.home-carousel .content-box {
		padding: 0 30px;
	}

	.long-gap-left {
		margin-left: 0;
	}

	.divider-gap {
		padding: 10% 5% 9% 5%;
	}

	.video-popup {
		min-height: 420px;
	}

	.mrt-lg-90 {
		margin-top: 90px;
	}

	.mrb-lg-20 {
		margin-bottom: 20px;
	}

	.mrb-lg-30 {
		margin-bottom: 30px;
	}

	.mrb-lg-40 {
		margin-bottom: 40px;
	}

	.mrb-lg-50 {
		margin-bottom: 50px;
	}

	.mrb-lg-60 {
		margin-bottom: 60px;
	}

	.mrb-lg-70 {
		margin-bottom: 70px;
	}

	.pdt-lg-105 {
		padding-top: 105px;
	}

	.pdb-lg-45 {
		padding-bottom: 45px;
	}

	.pdb-lg-50 {
		padding-bottom: 50px;
	}

	.pdb-lg-55 {
		padding-bottom: 55px;
	}

	.pdb-lg-70 {
		padding-bottom: 70px;
	}

	.pdb-lg-75 {
		padding-bottom: 75px;
	}

	.pdb-lg-80 {
		padding-bottom: 80px;
	}

	.pdb-lg-90 {
		padding-bottom: 90px;
	}

	.pdb-lg-100 {
		padding-bottom: 100px;
	}
}

@media only screen and (max-width: 991px) {

	/* homepage slider */
	.home-carousel .slide-item {
		padding: 50px 0px 150px 0px;
	}

	.service-section-title-area {
		padding: 90px 0 240px;
		margin: 0;
		margin-top: -180px;
	}

	/*company*/
	.iframe-box {
		width: 100%;
		float: none;
		text-align: center;
	}

	/*data*/
	.data-item {
		flex: none;
		width: 40%;
		margin: 30px 5%;
	}

	/* service & product */
	.gs-recommend-name {
		font-size: 22px;
	}

	/*tools*/
	.tools-re-box {
		width: 100%;
		max-width: 100%;
		float: none;
	}

	/* learning center */
	.lc-box {
		padding-right: 0px;
		position: relative;
	}

	.lc-box-r {
		flex-direction: column-reverse;
	}

	.lc-box-r>div:nth-child(1) {
		margin-right: 0px;
	}

	/*footer*/
	.footer-main-earth {
		display: none;
	}

	.footer-main-region {
		width: 100%;
		flex: none;
	}

	.footer-main-company {
		width: 100%;
		position: relative;
		text-align: left;
	}

	.footer-bottom-sub-company {
		width: 100%;
	}

	.footer-bottom-sub-social {
		flex: none;
		width: 100%;
	}

	.mrb-md-20 {
		margin-bottom: 20px;
	}

	.mrb-md-30 {
		margin-bottom: 30px;
	}

	.mrb-md-40 {
		margin-bottom: 40px;
	}

	.mrb-md-50 {
		margin-bottom: 50px;
	}

	.mrb-md-60 {
		margin-bottom: 60px;
	}

	.mrb-md-70 {
		margin-bottom: 70px;
	}

}

@media only screen and (max-width: 767px) {

	/* homepage slider */
	.section-home-slider video {
		width: 768px;
		max-width: 768px;
	}

	.home-banner {
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
		padding-top: 100px;
		height: 100%;
		background: rgba(1, 73, 145, 0.9);
		background: -moz-linear-gradient(to bottom, rgb(1 19 86 / 50%) 0%, hsl(227deg 98% 17% / 30%) 50%, rgb(1 73 145 / 100%) 100%);
		background: -webkit-linear-gradient(to bottom, rgb(1 19 86 / 50%) 0%, hsl(227deg 98% 17% / 30%) 50%, rgb(1 73 145 / 100%) 100%);
		background: -o-linear-gradient(to bottom, rgb(1 19 86 / 50%) 0%, hsl(227deg 98% 17% / 30%) 50%, rgb(1 73 145 / 100%) 100%);
		background: -ms-linear-gradient(to bottom, rgb(1 19 86 / 50%) 0%, hsl(227deg 98% 17% / 30%) 50%, rgb(1 73 145 / 100%) 100%);
		background: linear-gradient(to bottom, rgb(1 19 86 / 50%) 0%, hsl(227deg 98% 17% / 30%) 50%, rgb(1 73 145 / 100%) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#014991', endColorstr='#014991', GradientType=0);
	}

	.home-carousel .slide-item {
		padding: 20px 0px 140px 0px;
	}

	.home-carousel .content-box h2,
	.home-carousel.active .content-box h2 {
		font-size: 20px;
		line-height: 1.4em;
	}

	.home-carousel .content-box p,
	.home-carousel.active .content-box p {
		font-size: 14px;
		line-height: 1.4em;
	}

	.btn-default.bth-default-large {
		font-size: 16px;
	}

	.auto-container {
		padding: 0;
	}

	.content-box {
		padding: 0;
	}

	/* company */
	.section-company {
		margin-top: 0px;
		background: rgba(1, 73, 145, 1);
		background: -moz-linear-gradient(to bottom, rgb(1 73 145 / 100%) 0%, #014991 20%, #014991 100%);
		background: -webkit-linear-gradient(to bottom, rgb(1 73 145 / 100%) 0%, #014991 20%, #014991 100%);
		background: -o-linear-gradient(to bottom, rgb(1 73 145 / 100%) 0%, #014991 20%, #014991 100%);
		background: -ms-linear-gradient(to bottom, rgb(1 73 145 / 100%) 0%, #014991 20%, #014991 100%);
		background: linear-gradient(to bottom, rgb(1 73 145 / 100%) 0%, #014991 20%, #014991 100%);
	}

	.section-company .pdt-80 {
		padding-top: 0px;
	}

	.iframe-box {
		height: auto;
	}

	.index-title-h3 {
		font-size: 26px;
	}

	/* data */
	.data-item {
		flex: none;
		width: 90%;
		margin: 30px 5%;
	}

	/* service & products */
	.anim-right h3,
	.anim-show h3 {
		font-size: 24px;
	}

	.anim-right .details,
	.anim-show .details {
		display: none;
	}

	.gs-recommend-name {
		font-size: 12px;
	}

	/* tools */
	.section-tools .row img.tools-left-img {
		display: none;
	}

	.tools-re-box {
		margin-top: 60px;
		height: auto;
	}

	.tools-re-box-item {
		width: 100%;
		position: relative;
		margin-bottom: 30px;
		height: 300px;
	}

	.tools-re-box-item-1 {
		width: 100%;
		padding: 20px 20px;
		flex-direction: column-reverse;
	}

	.tools-re-box-item-1>div:nth-child(1) {
		flex: none;
		width: 100%;
		padding-right: 0;
		text-align: center;
	}

	.tools-re-box-item-1>div:nth-child(2) {
		margin-bottom: 30px;
	}

	/* Learning center */
	.lc-box {
		margin-bottom: 15px;
	}

	.lc-box-title {
		font-size: 18px;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.lc-box-r {
		padding: 25px 0 15px;
		border-top: 1px dashed #cccccc;
	}

	.lc-box-r>div:nth-child(2) {
		width: 100%;
	}

	.lc-box-r>div:nth-child(2) img {
		width: 100%;
		margin-bottom: 10px;
	}

	.lc-box-r:nth-child(2n+1) {
		background: none;
	}

	/* testimonial */
	.testimonial-item {
		padding: 0 5px;
	}

	.mrb-lg-40 {
		margin-bottom: 0px;
	}

	/*footer*/

	.footer-top-item {
		padding: 20px 10px;
	}

	.footer-top-item .iconfont {
		font-size: 40px;
	}

	.footer-top-item p {
		display: none;
	}

	.footer-main-box {
		padding-top: 30px;
	}

	.footer-region-item {
		width: 100%;
		padding-right: 0;
	}

	.footer-region-item-company-pc {
		display: none;
	}

	.footer-region-item-company-mobile {
		display: block;
	}

	.footer-main-company:first-child {
		margin-bottom: 30px;
	}

	.mrb-md-15 {
		margin-bottom: 15px;
	}

	.mrb-md-20 {
		margin-bottom: 20px;
	}

	.mrb-md-30 {
		margin-bottom: 30px;
	}

	.mrb-md-40 {
		margin-bottom: 40px;
	}

	.mrb-md-50 {
		margin-bottom: 50px;
	}

	.mrb-md-60 {
		margin-bottom: 60px;
	}

	.preloader-wrapper {
		left: 40%;
	}
}

@media only screen and (max-width: 576px) {
	.navbar-brand {
		margin: 0 auto;
	}
}

@media only screen and (max-width: 425px) {

	.home-carousel .content-box {
		text-align: center;
	}

	.mrb-sm-15 {
		margin-bottom: 15px;
	}

	.mrb-sm-20 {
		margin-bottom: 20px;
	}

	.mrb-sm-30 {
		margin-bottom: 30px;
	}

	.mrb-sm-40 {
		margin-bottom: 40px;
	}

	.mrb-sm-50 {
		margin-bottom: 50px;
	}

	.mrb-sm-60 {
		margin-bottom: 60px;
	}

	.pdt-sm-50 {
		padding-top: 50px;
	}

	.pdb-sm-80 {
		padding-bottom: 80px;
	}

	.pdb-sm-90 {
		padding-bottom: 90px;
	}

	.pdb-sm-100 {
		padding-bottom: 100px;
	}

	.f-left-sm-none {
		float: none;
	}
}