:root {
  --color-1:#002A5C;
  --color-2:#BA1623;
}

@charset "utf-8";
  html {
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

html,
body {
  overflow-x:hidden;
}

body,
div,
ul,
li,
ol,
dl,
dt,
dd,
input,
h1,
h2,
h3,
h4,
h5,
h6,
span,
strong,
img,
p {
  margin:0;
  padding:0;
  border:none;
}

ul,
li,
ol,
dl,
dt,
dd {
  list-style:none;
}

* {
  transition:color .3s;
  -moz-transition:color .3s;
  -ms-transition:color .3s;
  -o-transition:color .3s;
  -webkit-transition:color .3s;
}

.postContent .h1,
.postContent .h2,
.postContent .h3,
.postContent .h4,
.postContent .h5,
.postContent .h6,
.postContent h1,
.postContent h2,
.postContent h3,
.postContent h4,
.postContent h5,
.postContent h6 {
  margin-bottom:1.5rem;
  font-family:inherit;
  font-weight:bold;
  line-height:1.3;
  color:inherit;
}

.postContent .h2,
.postContent h2 {
  font-size:24px;
}

.postContent .h3,
.postContent h3 {
  font-size:20px;
}

.postContent .h4,
.postContent h4 {
  font-size:18px;
}

.postContent .h5,
.postContent h5 {
  font-size:14px;
}

.postContent p {
  margin-top:0;
  margin-bottom:1rem;
}

.postContent ul {
  display:block;
  list-style-type:disc;
  margin-block-start:1em;
  margin-block-end:1em;
  margin-inline-start:0;
  margin-inline-end:0;
  padding-inline-start:40px;
}

.postContent li {
  list-style-type:disc;
}

.postContent {
  font-size:16px;
  line-height:1.7;
}

figcaption {
  text-align:center;
  padding:8px 15px;
  font-style:italic;
}

img,
figure {
  max-width:100%;
  height:auto;
}

a {
  text-decoration:none;
  color:inherit;
}

a:hover,
a:focus {
  text-decoration:none;
  color:var(--color-1);
  outline:none;
}

body {
  font-family:"Be Vietnam Pro",sans-serif;
  font-size:17px;
  position:relative;
  color:#242F3C;
  line-height:146%;
}
h1,h2,h3,h4,h5,h6{line-height:1.4}

@media screen and (min-width:1200px) {
  .container {
    width:1190px;
    max-width:1190px;
    padding:0 15px;
    margin:auto;
  }
}

@media screen and (min-width:1551px) {
  .container {
    width:1490px;
    max-width:1490px;
    padding:0 15px;
    margin:auto;
  }
}

/*start css*/

/*index*/

.menu-mobi {
  display:none;
}

.header-top {
  background:#002F67;
  color:#fff;
  padding:30px 0 20px;
}

.header-top>.container>.row {
  align-items:center;
}

.header-top--right {
  display:flex;
  align-items:flex-end;
  gap:60px;
  justify-content:flex-end;
  padding-left:0;
}

.header-top--right__right {
  border-left:2px solid #fff;
  padding-left:20px;
  font-size:14px;
  display:flex;
  justify-content:space-between;
  gap:6px;
  align-items:center;
}

.header-search {
  padding:4px;
}

.header-top--middle h1 {
  font-size:20px;
  margin-bottom:5px;
  font-weight:700;
  font-family:"Open Sans",sans-serif;
  text-transform:uppercase;
  line-height:130%;
}

.header-top--middle h3 {
  font-size:18px;
  font-weight:300;
  line-height:130%;
  padding-left:30px;
}

.header-top--middle a:hover {
  color:#fff;
}

.header-top--right__center {
  font-size:14px;
}

.header-bottom {
  background:#001E42;
}

.header-bottom .container {
  display:flex;
  justify-content:space-between;
}

.header-bottom .container {
  display:flex;
  justify-content:space-between;
}

.header-bottom .container .header-top--right__right {
  width:100px;
  color:#fff;
}

.header-bottom .container nav {
  flex:1;
}

.header-bottom ul a,
.header-bottom ul a:hover {
  color: #fff;
  padding: 10px 0;
  display: block;
  font-weight: 500;
  text-transform: uppercase;  
}

.header-bottom ul a:hover {
  color:#FDEB9E;
}
.header-bottom ul ul a,.header-bottom ul ul a:hover {
  padding: 10px;
}

.header-bottom ul {
  display:flex;
  justify-content: flex-start;
  gap: 40px;
}

.header-bottom ul li {
  position:relative;
}

.header-bottom ul ul.sub-menu {
  display:none;
  position:absolute;
  min-width:280px;
  background:#002f67;
  z-index:9;
  top:100%;
  left:0;
}

.header-bottom ul li:hover ul.sub-menu {
  display:block;
}

.header-bottom ul ul.sub-menu a {
  text-transform:none;
}

.header-bottom ul ul.sub-menu a:hover {
  background:#001E42;
}

.header-top--left {
  padding-right:0;
}

.header-top--left img {
  width:100%;
}

.header-post-slider {
  background:#fff;
}

.header-post-slider--body {
  display:flex;
  align-items:center;
  padding:10px 0;
}

.header-post-slider--body marquee {
  flex:1;
  display:flex;
  gap:20px;
}

.header-post-slider--body a {
  padding:10px;
  color:var(--color-2);
}

.header-post-slider--body a:hover {
  color:var(--color-1);
}

.header-post-slider {
  border-bottom:1px solid #6C7D91;
}

#header.fixmnu .header-bottom {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:999;
}

#header.fixmnu .header-top {
  display:none;
}

.gap-line {
  background:#B8C6D8;
  height:1px;
  width:100%;
  margin:32px 0;
}

#main {
  padding:60px 0;
}

.title-key,
.title-key-link a,
.title-2 {
  font-weight:600;
  font-size:24px;
  line-height:146%;
  vertical-align:middle;
  text-transform:uppercase;
  color:var(--color-1);
  display:block;
}

.title-key-link a,
.title-key-link span {
  padding-right:32px;
  position:relative;
}

.title-key-link a:before {
  content:'';
  height:24px;
  width:24px;
  background:url('../images/icon-r-b.svg') center center no-repeat;
  background-size:contain;
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  transition:all .5s;
}

.title-key-link a:hover:before {
  transform:rotate(-45deg) translateY(-50%);
}

.title-key-link a:hover {
  color:var(--color-2);
}

.title-key {
  background:url('../images/bg-text-1.svg') top left no-repeat;
  background-size:contain;
  padding-top:7px;
  padding-left:10px;
}

.sk-sdr {
  display:flex;
  gap:15px;
}

.sk-sdr--content {
  flex:1;
}

.sk-sdr--date a {
  color:#fff;
  background:var(--color-2);
  text-align:center;
  padding:10px 5px;
  display:block;
  font-size:15px;
  font-weight:600;
}

.sk-sdr--date span {
  display:block;
  width:100%;
  text-align:center;
  font-size:26px;
  font-weight:600;
  line-height:146%;
  padding-bottom:8px;
  border-bottom:1px solid #C0C0C0;
  margin-bottom:6px;
}

.sk-sdr--content h3 {
  font-size:16px;
  font-weight:600;
}

.sk-sdr--content p {
  font-size:15px;
  color:#838383;
  margin-top:8px;
}

.sk-sdr {
  padding:30px 0 20px;
}

.sk-ddr .sk-sdr--content {
  margin-top:12px;
  margin-bottom:12px;
  padding-bottom:12px;
  border-bottom:1px solid #B8C6D8;
}

.sk-ddr .sk-sdr--content:last-child {
  border-bottom:none;
}

.sk-ddr .title-key {
  margin-bottom:30px;
}

.box-home-1--center {
  padding:0 30px;
  border-left:1px solid #B8C6D8;
  border-right:1px solid #B8C6D8;
}

.slider-home a {
  display:block;
}

.slider-home a img {
  aspect-ratio:678/515;
  width:100%;
  object-fit:cover;
}

.slider-home .item ul,
.slider-home .item ul li {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  color:#626262;
}

.slider-home .item ul {
  padding:24px 0 11px;
}

.slider-home h3 {
  font-weight:600;
  font-size:26px;
  line-height:146%;
  vertical-align:middle;
  color:var(--color-1);
  padding-bottom:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}

.slider-home p {
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  font-weight:400;
  font-size:14px;
  line-height:160%;
  vertical-align:middle;
  color:#838383;
}

.slider-home.slick-dotted.slick-slider {
  margin-bottom:0;
}

.slider-home .slick-dots {
  bottom:133px;
}

.slider-home .slick-arrow {
  background:#002F67e8;
  padding:20px;
  display:flex;
  z-index:99;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  opacity:1;
}

.slick-dots li button:before {
  color:#B8C6D8;
}

.slick-dots li button:before {
  font-size:10px;
}

.slick-dots li {
  margin:0;
}

.slick-dots li.slick-active button:before {
  opacity:1;
  color:#B8C6D8;
}

.doi-tac-home {
  padding-left:30px;
}

.doi-tac-home--body {
  margin-top:40px;
}

.doi-tac-home a {
  display:block;
  margin-bottom:35px;
}

.doi-tac-home a img {
  width:117px;
  max-width:100%;
}

.box-home-2-left {
  padding-right:0;
}

.tap-chi-key-home {
  display:flex;
  gap:20px;
}

.tap-chi-key-home--left {
  width:40%;
}

.tap-chi-key-home--left img {
  width:100%;
  aspect-ratio:357/480;
}

.tap-chi-key-home--right {
  flex:1;
  padding-right:15px;
  max-height:511px;
  overflow-y:auto;
}

.tap-chi-key-home--right::-webkit-scrollbar {
  width:10px;
  background-color:#F5F5F5;
}

.tap-chi-key-home--right::-webkit-scrollbar-track {
  border-radius:10px;
  background:#DBE1EA;
}

.tap-chi-key-home--right::-webkit-scrollbar-thumb {
  border-radius:10px;
  background:#004283;
}

.tap-chi-key-home--right::-webkit-scrollbar-thumb:hover {
  background:#fff;
}

.tap-chi-key-home--right::-webkit-scrollbar-thumb:active {
  background:linear-gradient(left,#22ADD4,#1E98BA);
}

.tap-chi-key-home--right a {
  display:block;
}

.tap-chi-key-home--right .sk-sdr--content div {
  display:flex;
  justify-content:space-between;
  font-size:14px;
  color:#838383;
  margin-top:8px;
}

.tap-chi-key-home--right .sk-sdr--content div span {
  flex:1;
}

.tap-chi-key-home--right .sk-sdr--content div i {
  font-style:normal;
  width:50px;
  text-align:right;
}

.tap-chi-key-home--right .sk-sdr--content {
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:1px solid #B8C6D8;
}

.tap-chi-key-home--right .sk-sdr--content:last-child {
  border-bottom:none;
  margin-bottom:0;
}

#box-home-2 .col-md-3 {
  padding-left:20px;
}

#box-home-2 .col-md-3>div {
  border-left:1px solid #B8C6D8;
  padding-left:20px;
  height:100%;
}

.list-cate {
  margin-top:35px;
}

.list-cate a {
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-weight:500;
  padding:20px 0;
}

.list-cate li {
  padding-left:20px;
  border-bottom:1px solid #B8C6D8;
  position:relative;
}

.list-cate li:last-child {
  margin-bottom:0;
  border-bottom:none;
}

.list-cate li:before {
  content:'';
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--color-2);
  display:inline-block;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
}

.list-cate li:hover {
  border-bottom:1px solid var(--color-1);
}

.list-cate li img {
  transition:all .5s;
}

.list-cate li:hover img {
  transform:rotate(-45deg);
}

.box-home-2--right--body a {
  display:block;
  margin-bottom:17px;
}

.box-home-2--right--body a img {
  width:186px;
  max-width:100%;
}

#box-home-3 .row {
  margin:0 -42px;
}

#box-home-3 .row .col-12 {
  padding:0 42px;
}

.box-home-3--center {
  border-right:1px solid #B8C6D8;
  border-left:1px solid #B8C6D8;
}

main#main {
  background:url('../images/bg-2.png') right bottom no-repeat;
}

.ht-box .ht-box--content {
  padding:24px;
  background:var(--color-1) url('../images/bg-3.png') right bottom no-repeat;
  background-size:auto 100%;
}

.ht-box.ht-box-red .ht-box--content {
  background:var(--color-2) url('../images/bg-3.png') right bottom no-repeat;
  background-size:auto 100%;
}

.ht-box .ht-box--content h3 a {
  font-size:18px;
  color:#fff;
  display:block;
  margin-bottom:14px;
}

.ht-box .ht-box--content >a {
  display:inline-block;
  padding:5px 20px;
  border:1px solid #fff;
  border-radius:50px;
  color:#fff;
  font-size:14px;
}

.ht-box>a>img {
  aspect-ratio:460 / 301;
  width:100%;
  margin-top:-1px;
}

.box-home-4--center {
  border-right:1px solid #B8C6D8;
  border-left:1px solid #B8C6D8;
}

#ft-1 {
  background:#4571A5;
  padding:16px 0;
}

.ft-1--body {
  display:flex;
  justify-content:space-between;
  gap:30px;
}

.ft-1--body {
  display:flex;
  justify-content:space-between;
  gap:30px;
  font-size:14px;
  color:#fff;
  align-items:center;
}

.ft-1--body-left,
.ft-1--body-left>div,
.ft-1--body-left>div ul {
  display:flex;
  align-items:center;
}

.ft-1--body-left>div ul {
  gap:8px;
}

.ft-1--body-left>div {
  gap:16px;
}

.ft-1--body-left {
  gap:100px;
}

#ft-2 {
  background:var(--color-1);
  color:#fff;
  padding:60px 0;
}

.box-ft-1 p {
  color:#fff;
  padding:30px 0 15px;
}

.box-ft-2 {
  color:#fff;
}

.box-ft-2 h3 {
  color:#fff;
  font-weight:500;
  font-size:16px;
  line-height:180%;
  margin-bottom:10px;
}

.box-ft-2 p {
  margin-bottom:15px;
}

.box-ft-2 a {
  display:block;
  margin-top:8px;
}

.box-ft-2 a:hover {
  color:#fff;
}

.box-ft-2 a span {
  color:#fff;
  width:100px;
  display:inline-block;
}
.box-ft-2 ul li span{
  display: inline-block;
  width: 27%;
}
.box-ft-2 ul li{
  display: flex;
  margin-bottom: 5px;
}
.box-ft-2 ul li i{
  flex: 1;
}



.hamberger-menu {
  display:none;
}

.banner-page--pc img {
  width:100%;
  height:506px;
  object-fit:cover;
}

.banner-page--mobi {
  display:none;
}

#box-gt-1 {
  padding:60px 0 120px;
  background:#F4F4F4 url('../images/bg-gt-2.png') left bottom no-repeat;
  background-size:auto 400px;
}

.box-gt-1--left h5 {
  color:var(--color-2);
  font-size:16px;
}

.box-gt-1--left h2 {
  font-size:40px;
  margin-top:10px;
  margin-bottom:28px;
  font-weight:600;
  color:#002A5C;
  line-height:148%;
}

.box-gt-1--right img {
  width:100%;
  aspect-ratio:650/410;
}

#box-gt-2 {
  background:url('../images/bg-gt-1.jpg') center center no-repeat;
  background-size:cover;
  padding:188px 0 140px;
  color:#fff;
}

#box-gt-2 h3 {
  font-size:32px;
  text-align:center;
  font-weight:300;
  line-height:130%;
}

#box-gt-2 p {
  font-size:24px;
  font-weight:300;
  line-height:130%;
  text-align:right;
  margin-top:80px;
}

#box-gt-2 p:before,
#box-gt-2 p:after {
  content:'';
  height:1px;
  width:25px;
  background:#fff;
  display:inline-block;
  vertical-align:middle;
  margin-right:20px;
}

#box-gt-2 p:after {
  margin-right:0;
  margin-left:20px;
}

.box-gt-3--left {
  padding:32px;
  border:1px solid #B8C6D8;
}

#box-gt-3 {
  padding:80px 0;
  background:url('../images/bg-gt-3.png') right top no-repeat;
  background-size:auto 775px;
}

.title-gt {
  font-weight:600;
  font-size:40px;
  line-height:146%;
  text-transform:uppercase;
  padding-bottom:18px;
  border-bottom:1px solid #B8C6D8;
}

.title-gt-2 {
  font-weight:600;
  font-size:24px;
  line-height:146%;
  vertical-align:middle;
  text-transform:capitalize;
  color:var(--color-2);
  margin-top:50px;
  margin-bottom:30px;
}

.tong-bt img {
  aspect-ratio:217/235;
  width:100%;
}

.tong-bt--content {
  color:#838383;
}

.tong-bt--content__title {
  color:var(--color-1);
  font-size:24px;
  text-transform:uppercase;
  line-height:146%;
  font-weight:600;
}

.tong-bt--content__donvi {
  font-weight:500;
  font-size:20px;
  line-height:146%;
  color:#838383;
  margin-top:8px;
  margin-bottom:30px;
  padding-bottom:8px;
  border-bottom:1px solid #B8C6D8;
}

.tong-bt {
  align-items:flex-end;
}

.list-bt--item>a img {
  aspect-ratio:320/370;
  width:100%;
}

.list-bt--item h3 a {
  font-size:18px;
  font-weight:500;
  color:var(--color-1);
  display:block;
  margin:12px 0;
}

.list-bt--item {
  margin-bottom:30px;
}

.list-bt--item p {
  color:#838383;
}

.chart-tk {
  background:#fff;
  border:1px solid #B8C6D8;
  padding:15px;
  width:100%;
  margin-bottom:30px;
}

.main-news-title {
  font-size:36px;
  font-weight:600;
  color:var(--color-1);
  margin-bottom:30px;
}

#main-news {
  padding:60px 0;
}

.breadcrumb-key {
  color:#838383;
  margin-bottom:10px;
}

.post-list {
  margin-bottom:30px;
}

.post-list--content {
  padding:13px;
  border:1px solid #B8C6D8;
  border-radius:0 0 4px 4px;
  border-top:none;
}

.post-list--content__info {
  color:#626262;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:10px;
  border-bottom:1px solid #EAEBEC;
}

.post-list--content__info span {
  display:flex;
  align-items:center;
  gap:10px;
}

.post-list--content h3 a {
  font-weight:500;
  font-size:20px;
  line-height:150%;
  color:var(--color-1);
  padding-top:10px;
  display:block;
}

.post-list>a img {
  aspect-ratio:460/285;
  object-fit:cover;
  width:100%;
}

.card-sidebar {
  border:1px solid #B8C6D8;
  padding:32px;
  border-radius:4px;
  margin-bottom:30px;
}

.form-search-tt {
  position:relative;
  margin-top:30px;
}

.form-search-tt button {
  position:absolute;
  right:15px;
  top:50%;
  transform:translateY(-50%);
  background:none;
  border:none;
  padding:8px;
  cursor:pointer;
}

.form-search-tt input {
  border:1px solid #002A5C;
  border-radius:4px;
  padding:30px 64px 30px 24px;
  width:100%;
  outline:none;
}

.post-list.sk-sap-dien-ra--key .post-list--content {
  border:none;
  padding:15px 0;
}

.post-list.sk-sap-dien-ra--key .post-list--content h3 a {
  font-size:32px;
}

#sk-sap-dien-ra .title-key {
  margin-bottom:30px;
}

.sk-sap-dien-ra--2-post {
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:30px;
}

.sk-sap-dien-ra--2-post .post-list {
  margin-bottom:0;
  flex:1;
  border:none;
}

.sk-sap-dien-ra--2-post .post-list .post-list--content {
  padding:0;
  border:none;
}

.sk-sap-dien-ra--2-post .post-list .post-list--content p {
  margin-top:10px;
  color:#838383;
}

.sk-sap-dien-ra--2-post .sk-sap-dien-ra--2-post__img {
  width:37%;
}

.sk-sap-dien-ra--2-post .sk-sap-dien-ra--2-post__img img {
  width:100%;
}

#main-sk {
  padding:60px 0;
}

#main-sk .title-key {
  margin-bottom:50px;
}

.main-sk--box {
  border:1px solid #B8C6D8;
  border-radius:4px;
  padding:40px 32px;
}

.main-sk--box img {
  height:50px;
  width:auto;
}

.main-sk--box h3 {
  margin:16px 0;
  font-size:24px;
  font-weight:600;
  color:var(--color-1);
}

.main-sk--box a {
  color:#838383;
  font-weight:600;
}

.main-sk--2 {
  margin-top:30px;
}

.main-sk--2 {
  align-items:center;
}

.main-sk--2__form h3 {
  font-size:32px;
  font-weight:600;
  color:var(--color-1);
  margin-bottom:30px;
}

.main-sk--2__form p input,
.main-sk--2__form p textarea {
  width:100%;
  display:block;
  margin-bottom:3px;
  border:none;
  padding:10px 0;
  border-bottom:1px solid #C7CBCF99;
  outline:none;
}

.main-sk--2__form p input[type="submit"] {
  border-radius:10px;
  padding:10px 16px;
  background:#194680;
  color:#EFF7FF;
  font-weight:700;
  font-size:20px;
  line-height:170%;
  margin-top:20px;
  cursor:pointer;
}

.main-sk--2__img img {
  width:100%;
}

.call-post-item {
  display:flex;
  border:1px solid #B8C6D8;
  background:#F7F9FC;
  border-radius:4px;
  justify-content:space-between;
  overflow:hidden;
  margin-bottom:32px;
}

.call-post-item>div {
  width:50%;
}

.call-post-item__img img {
  min-height:452px;
  height:100%;
  width:100%;
  object-fit:cover;
}

.call-post-item--content {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:32px 24px;
  background:url('../images/goi-bai/bg-1.png') right bottom no-repeat;
  background-size:80% auto;
  background-position:right -24px bottom 0;
}

.call-post-item--content p {
  font-size:14px;
}

.call-post-item--content h3 {
  font-size:30px;
  font-weight:600;
  line-height:150%;
  margin-top:6px;
  margin-bottom:40px;
  color:var(--color-1);
}

.call-post-item--content h5 {
  line-height:150%;
  color:var(--color-1);
}

.call-post-item--content a {
  border:1px solid var(--color-1);
  padding:10px 20px;
  border-radius:50px;
  font-weight:500;
}

.aligncenter {
  display:block;
  margin:auto;
}

.phan-trang a,
.phan-trang span {
  padding:5px 10px;
  border:1px solid;
  margin:0 5px;
}

.phan-trang span.page-numbers.current {
  border:1px solid #8D0003;
  margin:0 5px;
  color:#8D0003;
}

.phan-trang {
  display:flex;
  justify-content:center;
}

.link-v-add {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:20px;
  padding:10px 0;
}

.link-v-add a:hover {
  color:#fff;
}

.header-lang {
  display:flex;
  gap:5px;
  align-items:center;
}

.slider-partner-home {
  margin-top:80px;
}

.slider-partner-home .slick-arrow {
  background:#002F67e8;
  padding:20px;
  display:flex;
  z-index:99;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  opacity:1;
}

.slider-partner-home img {
  height:80px;
  width:auto;
  margin:auto;
}

.wp-search-vd input,
.wp-search-vd button {
  padding:15px 20px;
}

.wp-search-vd button {
  border:none;
  background:var(--color-1);
  color:#fff;
}

.btn-close {
  background:none;
  border:none;
  font-size:20px;
  cursor:pointer;
}

.fs-5 {
  font-size:20px;
}

.header-top--right__left img {
  width:165px;
  margin-bottom:18px;
}

/*LAPTOP*/

@media screen and (max-width:1550px) {
  .title-key,
  .title-key-link a,
  .title-2,
  .tong-bt--content__title,
  #box-gt-2 p,
  .title-gt-2,
  .title-gt-2 {
    font-size:20px;
  }
  .slider-home h3,
  #box-gt-2 h3,
  .main-news-title,
  .post-list.sk-sap-dien-ra--key .post-list--content h3 a,
  .main-sk--2__form h3 {
    font-size:28px;
  }
  .box-ft-2 h3 {
    font-size:17px;
    line-height:180%;
    margin-bottom:12px;
  }
  .box-ft-1 p {
    padding:20px 0 10px;
  }
  .header-top--right__left img {
    width:160px;
  }
  .header-top--right__center {
    font-size:13px;
  }
  .header-top--right {
    gap:40px;
  }
  .header-top {
    padding-top:20px;
    padding-bottom:20px;
  }
  .tap-chi-key-home--right {
    max-height:470px;
  }
  .box-home-1--center {
    padding:0 20px;
  }
  .ht-box .ht-box--content h3 a {
    font-size:22px;
  }
  .ht-box .ht-box--content >a {
    padding:8px 20px;
  }
  #ft-2 {
    padding:50px 0;
  }
  .banner-page--pc img {
    height:460px;
  }
  .box-gt-1--left h2 {
    font-size:32px;
    margin-top:8px;
    margin-bottom:16px;
  }
  #box-gt-1 {
    padding:50px 0 90px;
    background:#F4F4F4 url(../images/bg-gt-2.png) left bottom no-repeat;
    background-size:auto 350px;
  }
  #box-gt-2 p,
  .title-gt-2 {
    margin-top:40px;
  }
  #box-gt-2 {
    padding:165px 0 120px;
  }
  .title-gt {
    font-size:32px;
  }
  .tong-bt--content__donvi {
    font-size:18px;
  }
  .box-gt-3--left {
    padding:20px;
    border:1px solid #B8C6D8;
  }
  .post-list--content h3 a {
    font-size:18px;
  }
  .sk-sap-dien-ra--2-post .post-list .post-list--content p,
  .sk-sap-dien-ra--2-post .post-list--content__info {
    font-size:14px;
  }
  .sk-sap-dien-ra--2-post .sk-sap-dien-ra--2-post__img {
    width:45%;
  }
  .main-sk--box {
    padding:30px 20px;
  }
  .main-sk--box a {
    display:block;
    height:45px;
  }
  .main-sk--box h3 {
    font-size:22px;
  }
  .call-post-item__img img {
    min-height:400px;
  }
  .call-post-item--content h3 {
    font-size:26px;
  }
  .call-post-item--content {
    padding:25px 20px;
  }
}

/* end-laptop*/

/*ipad-pro*/

@media screen and (max-width:1110px) {
  #main {
    padding:40px 0;
  }
  .box-home-1--sk1 {
    display:flex;
    gap:50px;
    margin-bottom:30px;
    border-bottom:1px solid #B8C6D8;
  }
  .box-home-1--sk1 .gap-line {
    display:none;
  }
  .box-home-1--center {
    border-left:0;
  }
  .tap-chi-key-home--left {
    width:45%;
  }
  .tap-chi-key-home--right {
    max-height:572px;
  }
  .tap-chi-key-home {
    padding-bottom:30px;
    margin-bottom:30px;
    border-bottom:1px solid #B8C6D8;
  }
  #box-home-3 .row .col-12 {
    padding:0 15px;
  }
  #box-home-3 .row {
    margin:0 -15px;
  }
  #box-home-3 .sk-ddr .title-key {
    height:58px;
  }
  .ht-box .ht-box--content {
    padding:20px;
  }
  .ht-box .ht-box--content h3 a {
    font-size:18px;
  }
  .ht-box .ht-box--content >a {
    padding:6px 16px;
  }
  .banner-page--pc img {
    height:400px;
  }
  .list-cate {
    margin-top:20px;
  }
  .box-gt-1--left h2,
  .title-gt {
    font-size:28px;
  }
  .slider-home h3,
  #box-gt-2 h3,
  .main-news-title,
  .post-list.sk-sap-dien-ra--key .post-list--content h3 a {
    font-size:26px;
  }
  #box-gt-3 {
    padding:50px 0;
    background:url(../images/bg-gt-3.png) right top no-repeat;
    background-size:auto 405px;
  }
  .post-list--content h3 a {
    font-size:18px;
  }
  .card-sidebar {
    padding:28px;
  }
  .form-search-tt input {
    padding:20px 54px 20px 20px;
  }
  #main-news {
    padding:40px 0;
  }
  .post-list--content__info {
    font-size:14px;
  }
  .sk-sap-dien-ra--2-post {
    margin-bottom:20px;
  }
  .main-sk--box h3 {
    font-size:20px;
  }
  .main-sk--2__form p input {
    margin-bottom:10px;
    padding:10px 0;
  }
  .main-sk--2__form h3 {
    margin-bottom:20px;
    font-size:26px;
  }
  .main-sk--2__form p input[type="submit"] {
    padding:10px 16px;
    font-size:20px;
    line-height:170%;
    margin-top:20px;
  }
  .call-post-item__img img {
    min-height:330px;
  }
  .call-post-item--content h3 {
    font-size:22px;
  }
  .call-post-item--content h5 {
    font-size:16px;
  }
  .call-post-item--content {
    padding:20px 16px;
  }
  .call-post-item--content a {
    padding:6px 16px;
    font-size:14px;
  }
  .call-post-item {
    flex-direction:column-reverse;
  }
  .call-post-item>div {
    width:100%;
  }
  .call-post-item--content {
    gap:40px;
  }
  .call-post-item__img img {
    height:300px;
    min-height:1px;
  }
  .call-post-item--content h3 {
    margin-bottom:20px;
  }
  .call-post-item--content a {
    padding:10px 20px;
    font-size:16px;
  }
  .ht-box {
    margin-bottom:32px;
  }
}

/* end-ipad-pro*/

/*ipad*/

@media screen and (max-width:967px) {
  .header-top--right__left,
  .header-top--right__center {
    display:none;
  }
  .header-top--right {
    justify-content:flex-end;
  }
  .header-top--right__right {
    border:none;
  }
  .header-top--middle h1 {
    font-size:18px;
    margin-bottom:5px;
  }
  .header-top--middle h3 {
    font-size:16px;
  }
  .title-key,
  .title-key-link a,
  .title-2,
  .tong-bt--content__title,
  #box-gt-2 p,
  .title-gt-2 {
    font-size:18px;
  }
  .box-home-1--sk1 {
    gap:30px;
  }
  .slider-home h3,
  #box-gt-2 h3 {
    white-space:normal;
    font-size:20px;
  }
  .slider-home p {
    white-space:normal;
  }
  .tap-chi-key-home--left {
    width:50%;
  }
  .tap-chi-key-home--right {
    max-height:474px;
  }
  #ft-2 .col-12:nth-child(2) {
    order:3;
    padding-top:30px;
  }
  #ft-2 .col-12:nth-child(3) {
    order:2;
  }
  .box-ft-3 {
    text-align:right;
  }
  .ft-1--body-left {
    gap:50px;
  }
  .doi-tac-home a img {
    width:90px;
  }
  .box-home-2--right--body a img {
    width:170px;
  }
  .box-gt-1--left h2,
  .title-gt {
    font-size:24px;
  }
  #box-gt-3 .col-lg-3 {
    order:2;
  }
  #box-gt-3 .col-lg-9 {
    order:1;
    margin-bottom:30px;
  }
  .post-list--content h3 a {
    font-size:16px;
  }
  .main-sk--2__form h3 {
    font-size:22px;
  }
  .main-sk--2__form p input[type="submit"] {
    padding:9px 16px;
    font-size:16px;
    line-height:140%;
    margin-top:15px;
  }
  .main-sk--2__form p input {
    margin-bottom:7px;
    padding:10px 0;
  }
  .main-sk--2__form h3 {
    font-size:20px;
    margin-bottom:10px;
  }
  .main-sk--box h3 {
    font-size:16px;
  }
  .main-sk--box a {
    display:block;
    height:65px;
  }
}

/*end-ipad*/

/*mobile*/

@media screen and (max-width:767px) {
  /* menu mobile */ 	.hamberger-menu {
    display:flex;
  }
  .menu-mobi {
    display:flex;
    justify-content:space-between;
    position:fixed;
    width:100%;
    height:100%;
    right:100%;
    top:0;
    transition:.5s all;
    background:#fff;
    z-index:999999;
  }
  .menu-mobi.active {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    right:0;
    transition:.5s all;
    background:#F5F5F5b0;
    z-index:999999;
  }
  .menu-mobi1 {
    width:100%;
    background:#F5F5F5;
  }
  .menu-mobi2 {
    display:none;
  }
  .main-menu-mobi--top {
    padding-bottom:16px;
  }
  .menu-mobi--body {
    padding-top:20px;
  }
  .main-menu-mobi ul li a {
    color:#fff;
    padding:10px 15px;
    display:inline-block;
    font-size:18px;
    color:#121212;
  }
  .main-menu-mobi ul ul li a {
    padding:8px 16px;
    font-size:16px;
  }
  .arrrow {
    content:'';
    width:24px;
    height:24px;
    background:url(../images/icon/right-b.svg) center center no-repeat;
    background-size:contain;
    position:absolute;
    top:16px;
    right:16px;
  }
  .arrrow.active {
    background:url(../images/icon/down-g.svg) center center no-repeat;
  }
  .main-menu-mobi.main-menu-mobi--bottom ul li.menu-item-has-children:before {
    width:18px;
    height:18px;
  }
  .menu-mobi-sosial ul {
    display:flex;
  }
  .main-menu-mobi ul ul {
    padding-left:15px;
    display:none;
  }
  .main-menu-mobi ul>li.menu-item-has-children {
    position:relative;
  }
  .menu-mobi-sosial img {
    max-width:50px;
  }
  .menu-mobi-nd {
    padding:15px;
    color:#fff;
    margin-bottom:30px;
  }
  .menu-mobi-nd h3 {
    font-size:18px;
    margin-bottom:15px;
  }
  .menu-mobi--header {
    background:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:8px 16px;
  }
  .menu-mobi--header a img {
    height:50px;
  }
  .menu-mobi--ft {
    padding:16px;
    display:none;
  }
  .menu-mobi--ft>div {
    padding-bottom:16px;
  }
  /* End menu mobile */ .header-top--left,
  .header-bottom,
  .header-top--right__right .header-lang,
  .header-top--right__right .header-search {
    display:none;
  }
  .header-top--middle h1 {
    font-size:16px;
    margin-bottom:5px;
  }
  .header-top--middle h3 {
    font-size:14px;
  }
  .header-top {
    padding-top:15px;
    padding-bottom:15px;
  }
  .box-home-1--sk1,
  .box-home-1--sk1 .gap-line {
    display:block;
  }
  .slider-home .slick-dots {
    bottom:10px;
  }
  .slider-home {
    padding-bottom:50px;
  }
  .slider-home h3 {
    white-space:normal;
    font-size:16px;
  }
  .doi-tac-home--body,
  .box-home-2--right--body {
    margin-top:25px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    align-items:center;
  }
  .doi-tac-home a {
    margin-bottom:0;
  }
  .tap-chi-key-home,
  .ft-1--body,
  .ft-1--body-left {
    display:block;
  }
  .tap-chi-key-home--left {
    width:100%;
    margin-bottom:20px;
  }
  .box-home-2-left {
    padding-right:15px;
  }
  .box-home-2--right {
    padding-top:30px;
  }
  .ht-box {
    margin-bottom:30px;
  }
  .ft-1--body-left>div,
  .ft-1--body-left {
    margin-bottom:20px;
  }
  #ft-2 .col-12:nth-child(3) {
    order:3;
    margin-top:20px;
  }
  .box-ft-3 {
    text-align:center;
  }
  .banner-page--pc {
    display:none;
  }
  .banner-page--mobi {
    display:block;
  }
  .banner-page--mobi img {
    height:506px;
    object-fit:cover;
  }
  .box-gt-1--right img {
    margin-top:30px;
  }
  .slider-home h3,
  #box-gt-2 h3 {
    white-space:normal;
    font-size:18px;
  }
  .title-gt {
    font-size:32px;
  }
  .box-gt-1--left h2,
  .title-gt,
  .main-news-title,
  .post-list.sk-sap-dien-ra--key .post-list--content h3 a {
    font-size:22px;
  }
  #box-gt-2 p,
  .title-gt-2 {
    margin-top:30px;
    margin-bottom:15px;
  }
  .tong-bt img {
    margin-bottom:30px;
  }
  .breadcrumb-key {
    font-size:14px;
    margin-bottom:5px;
  }
  .sk-sap-dien-ra--2-post {
    display:block;
  }
  .sk-sap-dien-ra--2-post .sk-sap-dien-ra--2-post__img {
    width:100%;
    margin-bottom:20px;
  }
  .main-sk--box {
    padding:20px;
    margin-bottom:30px;
  }
  .main-sk--2__img img {
    margin-bottom:30px;
  }
  #main-sk {
    padding:40px 0;
  }
  #main-sk .title-key {
    margin-bottom:30px;
  }
}