/*--- mobile header ---*/
.mobile-header-logo {
	width: 100%;
	height: 100px;
}
.mobile-header-logo-img {
	height: 0;
	min-height: 65%;
}
.bar-icon {
  font-size: 1.6875rem;
}
.member-icon {
  font-size: 1.375rem;
}
.main-submenu {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: dimgrey;
  cursor: pointer;
}
.main-submenu a {
  color: dimgrey;
}

/*--- > xxl ---*/
@media (min-width: 1600px) {
  .container {
    max-width: 1600px;
  }
}

/*--- xxl ---*/
@media (min-width: 1400px) and (max-width: 1599px)  {
  .container {
    max-width: 100%;
  }
}

/*--- xl ---*/
@media (min-width: 1200px) and (max-width: 1399px)  {
  .container {
    max-width: 100%;
  }
}

/*--- lg ---*/
@media (min-width: 992px) and (max-width: 1199px)  {
  .container {
    max-width: 100%;
  }
	/*-- header --*/
  #home-menu {
    display: none;
  }
  .header-navigation-list {
    gap: 50px;
  }
	/*-- index services --*/
	.service-box {
		width: 50%;
	}
	.service-border-width {
		border-width: 4px;
	}
	/*-- index news --*/
	.article-item {
		width: 33.33%;
	}
	/*-- n boxex layout --*/
	.box-item-33 {
		width: 50%;
	}
	.box-item-25 {
		width: 33.33%;
	}
	.box-item-50 {
		width: 100%;
	}
	/*-- executive & staff --*/
	.staff-item-3 {
		width: 50%;
	}
	/*-- for test --*/
	.page-footer {
		//background-color: blue;
	}
}

/*--- <= md ---*/
@media (max-width: 991px) {
  .container {
    max-width: 100%;
  }
	/*-- mobile submenu --*/
  #section-header {
    display: none;
  }
  #section-header-mobile {
    display: block;
  }
  .head-submenu {
  	font-size: 1rem;
  	font-weight: 500;
  }
  .body-submenu a:hover {
    color: dimgrey;
  }
	/*-- signin --*/
	.page-signin-left {
	  display: none;
	}
	/*-- content layout --*/
	.page-data-right {
		display: none;
	}
	.page-navigator {
		font-size: 0.75rem;
		font-weight: 400;
	}
	.page-navigator .position-p1 {
		top: 0;
	}
	.page-name-detail h1 {
		font-size: 1.875rem;
	}
	/*-- one page --*/
	.subject-box {
		font-size: 1.4375rem;
		line-height: 1.4;
	}
	.subject-box-underline {
		font-size: 1.4375rem;
		line-height: 1.4;
	}
	.detail-box {
		font-size: 1rem;
		line-height: 1.5;
	}
	.detail-box p {
	  padding-bottom: 0px;
	}
	/*-- index slide --*/
	.slideshow-image {
   	height: calc(100vw / 1.77);
	}
}

/*--- md ---*/
@media (min-width: 768px) and (max-width: 991px)  {
  .container {
    max-width: 100%;
  }
	/*-- header --*/
  .mobile-header-logo-img {
  	height: 0;
  	min-height: 65%;
  }
	.app-circle-icon {
		height: 30px;
	  width: 30px;
		margin-top: 5px !important;
		border: 1px solid #7B7B7B;
	}
	/*-- index services --*/
	.service-box {
		width: 55%;
	}
	.service-border-width {
		border-width: 3px;
	}
	.flex-gaprow-60 {
		row-gap: 40px;
	}
	/*-- index news --*/
	.article-item {
		width: 50%;
	}
	/*-- executive & staff --*/
	.staff-item {
		width: 33.33%;
	}
	/*-- for test --*/
	.page-footer {
		//background-color: green;
	}
}

/*--- sm ---*/
@media (min-width: 576px) and (max-width: 767px)  {
  .container {
    max-width: 100%;
  }
	/*-- header --*/
  .mobile-header-logo-img {
  	height: 0;
  	min-height: 60%;
  }
  .mobile-header-logo {
    height: 65px;
  }
  .bar-icon {
    font-size: 1.5625rem;
  }
  .member-icon {
    font-size: 1.25rem;
  }
	/*-- index services --*/
	.service-box {
		width: 55%;
	}
	.service-border-width {
		border-width: 3px;
	}
	.service-item-name {
		font-size: 1.0625rem;
	}
	.flex-gaprow-60 {
		row-gap: 30px;
	}
	/*-- index news --*/
	.article-item {
		width: 50%;
	}
	/*-- n boxex layout --*/
	.box-item-33 {
		width: 50%;
	}
	.box-item-25 {
		width: 33.33%;
	}
	.box-item-50 {
		width: 100%;
	}
	/*-- executive & staff --*/
	.staff-item {
		width: 50%;
	}
	.staff-item-3 {
		width: 50%;
	}
	/*-- footer --*/
	.remove-flex {
		display: block;
	}
	.social-first {
		display: inline-block;
	}
	.social-next {
		display: inline-block;
		margin-left: 20px;
		position: relative;
		top: 4px;
	}
	/*-- for test --*/
	.page-footer {
		//background-color: yellow;
	}
}

/*--- < sm ---*/
@media (max-width: 575px) {
  .container {
    max-width: 100%;
  }
	/*-- header --*/
  .mobile-header-logo-img {
  	height: 0;
  	min-height: 55%;
  }
  .mobile-header-logo {
    height: 60px;
  }
  .bar-icon {
    font-size: 1.25rem;
  }
  .member-icon {
    font-size: 1rem;
  }
	/*-- content layout --*/
	.page-name-detail h1 {
		font-size: 1.5625rem;
	}
	/*-- index services --*/
	.service-item {
		width: 50%;
	}
	.service-box {
		width: 50%;
	}
	.service-border-width {
		border-width: 2px;
	}
	.service-item-name {
		font-size: 1.0625rem;
	}
	.flex-gaprow-60 {
		row-gap: 30px;
	}
	/*-- index news --*/
	.article-item {
		width: 100%;
	}
	.flex-more {
		justify-content: center !important;
	}
	.more {
		display: none;
	}
	/*-- n boxex layout --*/
	.box-item-33 {
		width: 100%;
	}
	.box-item-25 {
		width: 100%;
	}
	.box-item-50 {
		width: 100%;
	}
	/*-- executive & staff --*/
	.staff-item {
		width: 50%;
	}
	.staff-item-3 {
		width: 50%;
	}
	/*-- footer --*/
	.remove-flex {
		display: block;
	}
	.head-footer {
		font-size: 1rem;
	}
	.body-footer {
		font-size: 0.875rem;
	}
	.footer-logo {
		width: 170px;
	}
	.social-text {
	  font-size: 0.75rem;
	}
	.social-icon {
	  font-size: 1rem;
	}
	.social-first {
		position: relative;
		top: 6px;
	}
	.social-text-first {
		position: relative;
		top: -1px;
	}
	.social-next {
		position: relative;
		top: 6px;
	}
	.social-text-next {
		position: relative;
		top: -4px;
	}
	/*-- for test --*/
	.page-footer {
		//background-color: red;
	}
}

@media (max-width: 375px) {
  .container {
    max-width: 100%;
  }
	/*-- content layout --*/
	.page-name-detail h1 {
		font-size: 1.4375rem;
	}
	/*-- index services --*/
	.service-item-name {
		font-size: 0.875rem;
	}
	.flex-gaprow-60 {
		row-gap: 25px;
	}
	.section-name {
		font-size: 1.6875rem;
	}
	.section-icon {
		font-size: 1.375rem;
	}
	/*-- one page --*/
	.subject-box {
		font-size: 1.25rem;
		line-height: 1.4;
	}
	.subject-box-underline {
		font-size: 1.25rem;
		line-height: 1.4;
	}
	.detail-box {
		font-size: 0.875rem;
		line-height: 1.5;
	}
	/*-- n boxex layout --*/
	.box-item-33 {
		width: 100%;
	}
	.box-item-25 {
		width: 100%;
	}
	.box-item-50 {
		width: 100%;
	}
	/*-- executive & staff --*/
	.staff-item {
		width: 100%;
	}
	.staff-item-3 {
		width: 100%;
	}
	/*-- for test --*/
	.page-footer {
		//background-color: grey;
	}
}
