/* https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */
@import url("ini3.style.mobile.responsive.css");
@media screen and (max-width: 1440px) and (min-width: 1270px) {
	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- Header -- */
	#header-banner .top-menu-container .top-menu-wrapper {
		width: 1220px;
		left: 51%;
	}

	#menu-primary li.menu-item {
		font-size: var(--global-font-size-typo17);
		padding: 0 29px;
	}

	#header-banner .top-menu-container select {
		font-size: var(--global-font-size-typo17);
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-header -- */
	.section-header .icon-scroll {
		top: 82%;
	}

	.section-content {
		/* width: 1050px;
		max-width: 1050px; */
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-whoweare -- */
	.section-whoweare .section-content .head-title, 
	.section-business .section-content .head-title, 
	.section-partner .section-content .head-title, 
	.section-aboutus .section-content .head-title, 
	.section-contact .section-content .head-title {
		font-size: var(--global-font-size-typo30);
	}

	.section-whoweare .section-content .line-break, 
	.section-business .section-content .line-break, 
	.section-partner .section-content .line-break, 
	.section-aboutus .section-content .line-break, 
	.section-contact .section-content .line-break {
		padding-top: 0.3rem;
    	padding-bottom: 0.6rem;
	}

	.section-whoweare .section-content .line-break img, 
	.section-business .section-content .line-break img, 
	.section-partner .section-content .line-break img, 
	.section-aboutus .section-content .line-break img, 
	.section-contact .section-content .line-break img {
		scale: 0.8;
	}

	.section-whoweare .section-content .text-content, 
	.section-business .section-content .text-content, 
	.section-partner .section-content .text-content, 
	.section-contact .section-content .text-content {
		font-size: var(--global-font-size-typo12);
	}

	.section-business .sub-content .btn.publish, 
	.section-business .sub-content .btn.marketing, 
	.section-aboutus .sub-content .btn.about-more, 
	.section-contact .sub-content .btn.contact, 
	.section-contact .sub-content .btn.careers {
		width: 140px;
	}

	.section-whoweare .section-content {
		padding-bottom: 230px;
	}

	.section-whoweare .carousel-container {
		height: 267px;
	}

	.section-whoweare .carousel-outer {
		width: 1100px;
	}

	.section-whoweare .carousel-wrapper {
		max-width: 76vw;
	}

	.section-whoweare .slide.center {
		left: 32%;
	}

	.section-whoweare .slide img,
	.section-whoweare .caption {
		width: 88%;
	}

	.section-whoweare .caption .carousel-title {
		font-size: var(--global-font-size-typo22);
	}

	.section-whoweare .caption .carousel-desc {
		font-size: var(--global-font-size-typo10);
	}

	.section-whoweare .owl-item .item .txt {
		font-size: var(--global-font-size-typo10);
		height: 35%;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 12px; 
	}

	.section-whoweare .section-content .nav-custom img {
		width: 66%;
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-business -- */
	.section-business .section-content {
		padding-bottom: 174px;
	}

	.section-business .section-content .sub-content {
		width: 946px;
	}

	.section-business .sub-content .banner {
		padding-left: 20px;
		padding-right: 20px;
	}

	.section-business .sub-content .banner:first-child {
		padding-left: 46px;
	}

	.section-business .sub-content .banner:last-child {
		padding-right: 46px;
	}

	.section-business .sub-content .banner img {
		-webkit-transform: unset;
		transform: unset;
		width: 100%;
	}

	.section-business .sub-content .padding-top {
		padding-top: 36px;
	}

	.section-business .sub-content .title {
		font-size: 18px;
	}

	.section-business .sub-content .title, 
	.section-business .sub-content .btn {
		margin-top: 18px;
	}

	.modal-dialog .modal-header .head-title {
		font-size: var(--global-font-size-typo30);
	}

	.modal-dialog .modal-header .text {
		font-size: var(--global-font-size-typo12);
	}

	.modal#modal-publishing .modal-dialog,
	.modal#modal-marketing .modal-dialog {
		max-width: 76%;
	}

	.modal#modal-publishing .modal-dialog .item-name,
	.modal#modal-marketing .modal-dialog .item-name {
		font-size: var(--global-font-size-typo12);
	}

	.modal-dialog .line-break img {
		scale: 0.8;
	}

	.modal#modal-publishing .grid-column {
		width: 152px;
	}

	.modal#modal-publishing .grid-column .item-img {
		padding-top: 4px;
		padding-left: 4px;
		padding-right: 4px;
	}

	.modal#modal-marketing .grid-column .item-img {
		padding-top: 2px;
	}

	.modal#modal-publishing .grid-column .item-img img,
	.modal#modal-marketing .grid-column .item-img img {
		width: 100%;
	}

	.modal#modal-marketing .modal-content .grid-column.row-1.first {
		padding-left: 0.35rem;
  		margin-left: 55px;
	}

	.modal#modal-marketing .modal-content .grid-column.row-1.last {
		padding-right: 0.35rem;
  		margin-right: 55px;
	}

	.modal#modal-marketing .grid-column {
		width: 170px;
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-partner -- */
	.section-partner .section-content .sub-content {
		width: 946px;
		padding-top: 24px;
	}

	.section-partner .section-content {
		padding-bottom: 198px;
	}

	.section-partner .sub-content .grid-column {
		width: 140px;
    	height: auto;
	}

	.section-partner .sub-content .grid-column .item img {
		width: 100%;
	}

	.section-partner .sub-content .grid-column.row-1.first {
		padding-left: unset;
		margin-left: 55px;
	}

	.section-partner .sub-content .grid-column.row-1.last {
		padding-right: unset;
		margin-right: 55px;
	}

	.modal#modal-partner .modal-dialog {
		max-width: 80%;
	}

	.modal#modal-partner .grid-column {
		width: 120px;
	}

	.modal#modal-partner .grid-column .item-img img {
		width: 100%;
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-aboutus -- */
	.section-aboutus .section-content {
		padding-bottom: 208px;
	}

	.section-aboutus .section-content .sub-content {
		width: 860px;
	}

	.section-aboutus .section-content .text {
		font-size: var(--global-font-size-typo12);
	}

	.modal#modal-aboutus .modal-dialog {
		max-width: 80%;
	}

	.modal#modal-aboutus .modal-content .txt {
		font-size: var(--global-font-size-typo12);
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-contact -- */
	.section-contact .section-content .sub-content {
		width: 946px;
	}

	.section-contact .section-content {
		padding-bottom: 40px;
	}

	.section-contact .sub-content .elm-maps iframe {
		height: 250px;
	}

	.section-contact .sub-content .elm-maps .title-co, 
	.section-contact .sub-content .elm-maps .title-tel, 
	.section-contact .sub-content .elm-maps .title-email {
		font-size: var(--global-font-size-typo17);
	}

	.section-contact .sub-content .elm-maps .txt {
		font-size: var(--global-font-size-typo12);
	}

	.section-contact .sub-content .elm-careers {
		font-size: var(--global-font-size-typo14);
	}

	.section-contact .sub-content .elm-careers .title {
		font-size: var(--global-font-size-typo20);
	}

	.section-contact .career-list .item .btn.more {
		font-size: var(--global-font-size-typo12);
	}

	.section-contact .sub-content .elm-careers {
		height: 389px;
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section footer -- */
	.section-footer {
		padding: 1rem 0;
	}

	.section-footer .section-content .txt {
		font-size: var(--global-font-size-typo11);
	}

	.section-footer .img-logo img {
		scale: 0.8;
	}

	.section-footer .section-content .txt {
		padding-left: 0.4rem;
	}

	.section-mask img.bg-pc {
		display: none;
	}

	.section-mask img.bg-resps {
		display: block;
	}
}

/* /////////////////////////////////////////////////////////////////////////// */
/* @media all and (max-width: 1440px) { */
@media screen and (max-width: 1440px) and (min-width: 1390px) {
	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-whoweare -- */
	.section-whoweare .section-content .line-break, 
	.section-business .section-content .line-break, 
	.section-partner .section-content .line-break, 
	.section-aboutus .section-content .line-break, 
	.section-contact .section-content .line-break {
		padding-top: 0.8rem;
    	padding-bottom: 1.2rem;
	}

	.section-whoweare .section-content .line-break img, 
	.section-business .section-content .line-break img, 
	.section-partner .section-content .line-break img, 
	.section-aboutus .section-content .line-break img, 
	.section-contact .section-content .line-break img {
		scale: 0.8;
	}

	.section-whoweare .section-content .text-content, 
	.section-business .section-content .text-content, 
	.section-partner .section-content .text-content, 
	.section-contact .section-content .text-content {
		font-size: var(--global-font-size-typo13);
	}

	.section-whoweare .section-content {
		padding-bottom: 260px;
	}

	.section-whoweare .carousel-container {
		height: 298px;
	}

	.section-whoweare .caption .carousel-desc {
		font-size: var(--global-font-size-typo11);
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-business -- */
	.section-business .section-content {
		padding-bottom: 218px;
	}

	.modal#modal-publishing .grid-column {
		width: 172px;
	}

	.modal#modal-publishing .grid-column .item-img {
		padding-top: 10px;
		padding-left: 8px;
		padding-right: 8px;
	}

	.modal#modal-publishing .modal-dialog .item-name, 
	.modal#modal-marketing .modal-dialog .item-name {
		font-size: var(--global-font-size-typo13);
	}

	.modal#modal-marketing .grid-column {
		width: 200px;
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-partner -- */
	.section-partner .section-content {
		padding-bottom: 240px;
	}

	.modal#modal-partner .grid-column {
		width: 135px;
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-aboutus -- */
	.section-aboutus .section-content {
		padding-bottom: 298px;
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-contact -- */
	.section-contact .section-content {
		padding-bottom: 94px;
	}
}

/* /////////////////////////////////////////////////////////////////////////// */
@media all and (max-width: 1600px) and (min-width: 1500px) {
	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- Header -- */
	#header-banner .top-menu-container .top-menu-wrapper {
		width: 1300px;
		left: 51%;
	}

	#menu-primary li.menu-item {
		font-size: var(--global-font-size-typo18);
		padding: 0 33px;
	}

	#header-banner .top-menu-container select {
		font-size: var(--global-font-size-typo17);
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-header -- */
	.section-header .icon-scroll {
		top: 82%;
	}

	.section-content {
		width: 1050px;
		max-width: 1050px;
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-whoweare -- */
	.section-whoweare .section-content .head-title, 
	.section-business .section-content .head-title, 
	.section-partner .section-content .head-title, 
	.section-aboutus .section-content .head-title, 
	.section-contact .section-content .head-title {
		font-size: var(--global-font-size-typo32);
	}

	.section-whoweare .section-content .line-break, 
	.section-business .section-content .line-break, 
	.section-partner .section-content .line-break, 
	.section-aboutus .section-content .line-break, 
	.section-contact .section-content .line-break {
		padding-top: 0.3rem;
    	padding-bottom: 0.6rem;
	}

	.section-whoweare .section-content .line-break img, 
	.section-business .section-content .line-break img, 
	.section-partner .section-content .line-break img, 
	.section-aboutus .section-content .line-break img, 
	.section-contact .section-content .line-break img {
		scale: 0.8;
	}

	.section-whoweare .section-content .text-content, 
	.section-business .section-content .text-content, 
	.section-partner .section-content .text-content, 
	.section-contact .section-content .text-content {
		font-size: var(--global-font-size-typo14);
	}

	.section-whoweare .section-content {
		padding-bottom: 280px;
		max-width: 100%;
	}

	.section-whoweare .carousel-container {
		height: 320px;
	}

	.section-whoweare .carousel-outer {
		width: 1100px;
	}

	.section-whoweare .carousel-wrapper {
		max-width: 76vw;
	}

	.section-whoweare .slide.center {
		left: 32%;
	}

	.section-whoweare .slide img,
	.section-whoweare .caption {
		width: 94%;
	}

	.section-whoweare .caption {
		padding: 0 16px;
	}

	.section-whoweare .caption .carousel-title {
		font-size: var(--global-font-size-typo24);
	}

	.section-whoweare .caption .carousel-desc {
		font-size: var(--global-font-size-typo10);
	}

	.section-whoweare .owl-item .item .txt {
		font-size: var(--global-font-size-typo12);
		padding-top: 8px;
		height: 33%;
	}

	.section-whoweare .section-content .nav-custom img {
		width: 80%;
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-business -- */
	.section-business .section-content {
		padding-bottom: 280px;
	}

	.section-business .section-content .sub-content {
		width: 946px;
	}

	.section-business .sub-content .banner {
		padding-left: 16px;
		padding-right: 16px;
	}

	.section-business .sub-content .banner:first-child {
		padding-left: 46px;
	}

	.section-business .sub-content .banner:last-child {
		padding-right: 46px;
	}

	.section-business .sub-content .banner img {
		-webkit-transform: unset;
		transform: unset;
		width: 100%;
	}

	.section-business .sub-content .padding-top {
		padding-top: 30px;
	}

	.section-business .sub-content .title {
		font-size: 18px;
	}

	.section-business .sub-content .title, 
	.section-business .sub-content .btn {
		margin-top: 18px;
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-partner -- */
	.section-partner .section-content .sub-content {
		width: 946px;
		padding-top: 24px;
	}

	.section-partner .section-content {
		padding-bottom: 284px;
	}

	.section-partner .sub-content .grid-column {
		width: 146px;
    	height: auto;
	}

	.section-partner .sub-content .grid-column .item img {
		width: 100%;
	}

	.section-partner .sub-content .grid-column.row-1.first {
		padding-left: unset;
		margin-left: 55px;
	}

	.section-partner .sub-content .grid-column.row-1.last {
		padding-right: unset;
		margin-right: 55px;
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-aboutus -- */
	.section-aboutus .section-content {
		padding-bottom: 346px;
	}

	.section-aboutus .section-content .sub-content {
		width: 870px;
	}

	.section-aboutus .section-content .text {
		font-size: var(--global-font-size-typo12);
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-contact -- */
	.section-contact .section-content .sub-content {
		width: 946px;
	}

	.section-contact .section-content {
		padding-bottom: 86px;
	}

	.section-contact .sub-content .elm-maps .title-co, 
	.section-contact .sub-content .elm-maps .title-tel, 
	.section-contact .sub-content .elm-maps .title-email {
		font-size: var(--global-font-size-typo17);
	}

	.section-contact .sub-content .elm-maps .txt {
		font-size: var(--global-font-size-typo12);
	}

	.section-contact .sub-content .elm-careers {
		font-size: var(--global-font-size-typo14);
	}

	.section-contact .sub-content .elm-careers .title {
		font-size: var(--global-font-size-typo20);
	}

	.section-contact .career-list .item .btn.more {
		font-size: var(--global-font-size-typo12);
	}

	.section-contact .sub-content .elm-careers {
		height: 467px;
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section footer -- */
	.section-footer {
		padding: 1rem 0;
	}

	.section-footer .section-content .txt {
		font-size: var(--global-font-size-typo11);
	}

	.section-footer .img-logo img {
		scale: 0.8;
	}

	.section-footer .section-content .txt {
		padding-left: 0.4rem;
	}

	.section-mask img.bg-pc {
		display: none;
	}

	.section-mask img.bg-resps {
		display: block;
	}

}

/* /////////////////////////////////////////////////////////////////////////// */
@media all and (max-width: 1800px) and (min-width: 1620px) {
	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-whoweare -- */
	.section-whoweare .section-content {
		padding-bottom: 372px;
	}

	.section-whoweare .owl-item .item .txt {
		font-size: 13px;
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-business -- */
	.section-business .section-content {
		padding-bottom: 304px;
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-partner -- */
	.section-partner .section-content {
		padding-bottom: 284px;
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-aboutus -- */
	.section-aboutus .section-content {
		padding-bottom: 380px;
	}

	/* /////////////////////////////////////////////////////////////////////////// */
	/* -- section-contact -- */
	.section-contact .section-content {
		padding-bottom: 150px;
	}
}


/* /////////////////////////////////////////////////////////////////////////// */
/* .section-header .section-mask {
	border: 1px solid rgb(0, 255, 0);
}

.section-whoweare .section-mask {
	border: 1px solid rgb(0, 255, 0);
}

.section-business .section-mask {
	border: 1px solid rgb(0, 255, 0);
}

.section-partner .section-mask {
	border: 1px solid rgb(0, 255, 0);
}

.section-aboutus .section-mask {
	border: 1px solid rgb(0, 255, 0);
} */