/* desktop */
.site-footer .sitenav .link  {line-height: 1.3em;}
.modal-dialog {padding: 0 15px;}
.policy .modal-title {padding: 15px;}

.detail-policy-list .link {margin-left: 0 !important;}
.detail-policy-list .title {margin-bottom: 10px;}
.detail-policy-list .info {display: flex;gap: 10px;}
.site-footer .footbar .modal_policy .modal-content {border-radius: 0;}

.top-graphic .owl-theme .owl-nav.disabled+.owl-dots {bottom: 140px;}

.wg-ebook {padding: 50px 0 100px;}

.wg-vdo .title {padding-right: 20px;}
.wg-vdo .owl-carousel .owl-stage {margin: 0;}

.wg-career .thumb {text-align: center;}

.wg-purchase {height: 747px;}

.wg-about .W-head-box .title {line-height: 1.4em;}

.wg-weblink .W-head-box .title {line-height: 1.3em;}

.about-page ul.default-list-group li a .title {line-height: 1.4em;margin-top: 5px;}

.news-page .wrapper {box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;}
.news-page .layout .pin-slider .wrapper {position: relative;}
.news-page .layout .pin-slider .wrapper .wordbox {z-index: 2;}
.news-page .layout .pin-slider .wrapper::before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50%;background: linear-gradient(#ffffff00 0%, #00000070 100%);z-index: 2;}

.sc-contact-info .content {line-height: 1.4em;}

.site-footer .footbar .modal_policy p {line-height: 1.5em;}

.editor-content ~ .attachments .title {color: var(--color-primary) !important;margin-bottom: 25px !important; padding-bottom: 20px; border-bottom: 1px solid;}
.editor-content ~ .attachments .icon {background-color: transparent;}
.editor-content ~ .attachments a .inner {padding: 20px !important;}
.editor-content ~ .attachments a .inner .content .desc {margin-bottom: 5px !important;}
.editor-content ~ .attachments ul li a .inner .content .date {font-size: 16px !important; display: flex ; gap: 10px;}
.editor-content ~ .attachments a .inner .thumb .icon {background-position: center;}





/* breakpoints */
@media (max-width: 1600px) {
  .top-graphic .owl-theme .owl-nav.disabled+.owl-dots {bottom: 130px;}

  .site-header .menu>ul>li.active>a:before {height: 4px;}

  .detail-policy-list .link {padding: 20px;}
  .detail-policy-list .inner {padding-left: 15px;}

  .W-head-box .title {font-size: 44px;}
  .W-head-box .desc {font-size: 22px;margin-top: 10px;}

  .wg-service {padding-bottom: 420px;}
  .wg-service-content .title {font-size: 22px;}
  .wg-service-content .desc {font-size: 14px;line-height: 1.4em;}

  .wg-ebook {padding: 50px 0 70px;}

  .wg-vdo-content {padding: 60px;margin-bottom: -150px;}
  .wg-vdo .icon {margin-bottom: 20px;}
  .wg-vdo .title {font-size: 30px;}
  .wg-vdo .content {width: auto; max-width: 500px;}

  .wg-section {padding-top: 220px;}

  .wg-purchase {padding: 50px;}
  .wg-purchase .W-head-box .desc {margin-top: 7px;}
  .wg-purchase .link .title {margin-bottom: 0;}
  .wg-career .W-head-box .desc {margin-top: 7px;}
  
  .wg-weblink-more {padding: 50px 50px 50px;}

  .site-footer.-home {padding-top: 320px;}

  .sc-contact-info .title {margin-bottom: 10px;}
  .sc-contact-info .content {padding: 0;display: flex ; align-items: center;}
  .sc-contact-from .tab-nav-contact .nav-list>li .link:before {border-width: 20px 35px 0 35px;}
}
@media (max-width: 1440px) {
  .site-header .logo {margin-top: 22px;}
  .site-header .menu>ul>li.active>a:before {bottom: -14px;}

  .site-footer .footbar {padding: 20px 35px;}
  .site-footer .footbar .policy .link,
  .site-footer .footbar p {font-size: var(--typo-s);}

  .W-head-box .title {font-size: 40px;}
  .W-head-box .desc {font-size: 20px;}

  .wg-news-n .W-head-box {width: 380px;padding-right: 0;}
  .wg-news-nav {width: 380px;}
  .wg-news-nav .link .icon {margin-left: 20px;}
  .wg-news-content {padding: 60px 30px 30px 30px;}
  .wg-news-slider .content {padding: 15px;}
  .wg-news-slider .title {font-size: 18px;}
  .wg-news-slider .action {padding-top: 15px;}
  .wg-news-slider .time {font-size: 18px;}
  .wg-news-slider .time .feather {font-size: var(--typo-default);}
  .wg-news-slider .btn .feather {font-size: 18px;}
  .wg-news-content .read-more {padding-top: 50px;}

  .btn {min-width: 180px;font-size: 18px;}

  .wg-news-slider .owl-nav {bottom: -110px;}
  .wg-news-slider .owl-prev, 
  .wg-news-slider .owl-next {width: 50px; height: 50px;font-size: 26px;}
  .wg-news-slider .owl-nav>div+div {margin-left: 10px;}

  .wg-vdo .owl-theme .owl-prev, 
  .wg-vdo .owl-theme .owl-next {width: 50px; height: 50px; font-size: 26px}
  .wg-vdo .owl-theme .owl-nav>div+div {margin-left: 10px;}
  .wg-vdo-content {padding: 60px 30px 30px 30px;}
  .wg-vdo .icon {margin-bottom: 15px;}
  .wg-vdo .icon .link {font-size: 65px;}
  .wg-vdo .title {font-size: var(--typo-md);}
  .wg-vdo .thumb {margin-top: -120px;}

  .wg-purchase {padding: 40px 30px;height: 650px;}
  .wg-purchase .link {padding: 15px 0;}
  .wg-purchase .link .title {font-size: 18px;}

  .wg-career {min-height: 650px;padding: 40px 30px;}
  .wg-career .content .desc {font-size: var(--typo-default);}

  .wg-weblink-more {padding: 30px 50px 50px;}

  .site-footer.-home {padding-top: 320px;}

  .sc-contact-info .title, 
  .sc-contact-from .h-title {font-size: 30px;}
  .sc-contact-info .title {margin-bottom: 5px;}
  .sc-contact-from .h-title {margin-bottom: 20px;}
  .sc-contact-info .content {font-size: 18px;}
  .sc-contact-info .item-list>li+li {margin-top: 30px;}
  .sc-contact-from .tab-nav-contact {margin-bottom: 40px;}
  .sc-contact-from .tab-nav-contact .nav-list>li .link:before {border-width: 15px 20px 0 20px;}
  .sc-contact-from .form-control-feedback {width: 16px; height: 16px;}

  .editor-content ~ .attachments a .inner {padding: 16px !important;}
  .editor-content ~ .attachments ul li a .inner .content  {padding-left: 12px !important; padding-top: 0;}
  .editor-content ~ .attachments ul li a .inner .content .date {font-size: 15px !important;gap: 5px;}
  .editor-content ~ .attachments a .inner .thumb .icon img {width: 24px !important;}
}
@media (max-width: 1199px) {
  .top-graphic .owl-theme .owl-nav.disabled+.owl-dots {bottom: 120px;margin-left: 15px;}

  .W-head-box .title {font-size: 36px;}
  .W-head-box .desc {margin-top: 0;}

  .wg-service {padding: 30px 0 60px;}
  .wg-service .W-head-box {text-align: center;margin-bottom: 20px;}
  .wg-service-content .title {font-size: var(--typo-md);}
  .wg-service-content {overflow: auto; margin-left: 0; margin-top: 0; height: auto;}
  .wg-service-content .graphic {display: none;}
  .wg-service-content ul {display: flex; flex-wrap: nowrap; padding-left: 15px;}
  .wg-service-content li {position: relative; padding-top: 45px;margin-right: 10px;}
  .wg-service-content .-I {left: 0; bottom: 0;}
  .wg-service-content .-II {left: 0; top: 0;float: right;}
  .wg-service-content .-III {right: 0; top: 0; margin-top: 0;}
  .wg-service-content .-IV {right: 0; bottom: 0; float: right; margin-top: 0;}
  .wg-service-content .-V {top: 0; width: auto; position: relative;}
  .wg-service-content .-V .link {margin-right: 15px;}

  .wg-news-n {margin-top: -30px;}
  .wg-ebook {padding: 50px 0 60px;}

  .wg-section {padding-top: 200px;}
  .wg-section .graphic {display: none;}

  .wg-about {padding-top: 60px;}
  /* .wg-about .graphic {display: none;} */
  .wg-about .content {padding-left: 0; text-align: center;}

  .wg-about .W-head-box .title {margin-bottom: 5px;}

  .wg-weblink {padding-top: 10px;}
  .wg-weblink-slider {padding-bottom: 30px;margin-bottom: 10px;}
  .wg-weblink-slider .content .desc {font-size: 18px; max-height: unset;min-height: 4.5em;width: 90%;}
}
@media (max-width: 991px) {
  .top-graphic .owl-theme .owl-nav.disabled+.owl-dots {padding: 0; bottom: 80px; width: auto;}
  .top-graphic .owl-theme .owl-dots .owl-dot {width: 12px; height: 12px;margin-right: 6px;}

  .site-header {transition: all 200ms ease-in-out;}
  .site-header .logo {margin: 6px 0;}
  .site-header .logo .text {margin-left: 10px;}
  .site-header .logo .title {font-size: var(--typo-sm);}
  .site-header .nav-icon {top: 10px;right: 60px;transition: all 200ms ease-in-out;}
  .site-header .english {margin-left: 10px; padding-left: 10px; border-left: 1px solid rgba(0, 0, 0, 0.2);}
  .col-top-bar {position: unset;height: 100%;}
  .site-header .main {height: 110px;}
  .site-header .main .container {height: 100%;}
  .site-header .main .container > .row {flex-direction: column; height: 100%;}
  .site-header .main .container > .row > div:first-child {margin-top: auto;}
  .site-header .menu-mobile-btn {top: unset; bottom: 10px; right: 15px; }
  .site-header .accessibility {position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 10px 15px;border-bottom: 1px solid rgba(0, 0, 0, 0.2);transition: all 200ms ease-in-out;}
  .site-header .accessibility > .row {justify-content: start !important;}
  .site-header .accessibility > .row > div:last-child {margin-left: auto;}
  .site-header .menu {top: 110px;}
  .site-header .menu>ul>li>a {padding: 10px 15px;font-size: 14px;}
  .site-header.tiny {margin-top: -51px;}
  .site-header.tiny .nav-icon {opacity: 0;pointer-events: none;}
  .site-header.tiny .accessibility {opacity: 0;pointer-events: none;}
  .site-header.tiny .menu {top: 54px;}

  .site-container {padding-top: 110px;transition: all 200ms ease-in-out;}

  .site-footer .logo .title {line-height: 1.3em;}
  .site-footer .info .contact li + li {margin-top: 15px;}
  .site-footer .info .contact .icon {width: 40px; height: 40px;line-height: 40px;top: 50%; transform: translateY(-50%);}
  .site-footer .info .contact .txt {height: 40px; line-height: 40px;}
  .site-footer .info .contact .link {padding-left: 55px;}
  .site-footer .info .social ul {margin: 0 -7px;}
  .site-footer .info .social li {padding: 0 7px;}
  .site-footer .footbar {padding: 20px 0;}
  .site-footer .footbar p {line-height: normal;}

  .detail-policy-list .link {padding: 15px;}
  .detail-policy-list .inner {padding-left: 12px;}
  .detail-policy-list .thumb {width: 60px; height: 60px;}
  .detail-policy-list .thumb span {font-size: 30px;}
  .detail-policy-list .title {margin-bottom: 6px;}
  .detail-policy-list .info {gap: 8px;}

  .W-head-box .title {font-size: 32px;}
  .W-head-box .desc {font-size: 18px;margin-top: 5px;}

  .wg-service .W-head-box .desc {margin-top: 5px;}

  .wg-news-content {padding: 20px 15px;}
  .wg-news-n .W-head-box {width: 100%;margin-top: 20px;margin-bottom: 40px;}
  .wg-news-nav {width: auto;}
  .wg-news-nav .link,
  .wg-news-nav .link.active {font-size: 0;text-align: center;flex-direction: row;display: flex ; justify-content: center;}
  .wg-news-nav .link .icon {margin-left: auto; margin-right: auto;margin-top: 0;}
  .wg-news-slider .content {padding: 12px;}
  .wg-news-slider .title {font-size: 16px;}
  .wg-news-slider .desc {font-size: 14px;}
  .wg-news-slider .time {font-size: 16px;position: relative; top: 1px;}
  .wg-news-slider .btn {width: 26px;height: 26px;}
  .wg-news-slider .btn .feather {font-size: 15px;}
  .wg-news-content .read-more {padding-top: 30px;}

  .btn {min-width: 140px; font-size: 16px; height: 50px; line-height: 48px;}

  .wg-news-slider .owl-nav {bottom: -80px;}
  .wg-news-slider .owl-prev, 
  .wg-news-slider .owl-next {width: 38px; height: 38px; font-size: 20px;}

  .wg-ebook {padding: 40px 0 40px;}
  .wg-ebook .W-head-box {margin-bottom: 30px;}
  .wg-ebook .action {padding-top: 60px;}
  .wg-ebook-slider .owl-dots {bottom: -80px;}
  .wg-ebook-slider .owl-dots .owl-dot {width: 12px; height: 12px;margin-right: 6px;}

  .btn .feather {margin-left: 2px;}

  /* .wg-vdo {bottom: 0; margin-top: 0;} */
  .wg-vdo {bottom: -100px; margin-top: -100px;}
  .wg-vdo .owl-theme .owl-nav {display: none;}
  .wg-vdo .owl-theme .owl-prev, 
  .wg-vdo .owl-theme .owl-next {width: 38px; height: 38px; font-size: 20px;}
  .wg-vdo-content {padding: 15px;}
  .wg-vdo-content > .row {flex-direction: column-reverse; gap: 15px;}
  .wg-vdo .wg-vdo-content {margin-top: 100px;margin-bottom: 0;}
  .wg-vdo .content {width: 100%; max-width: 100%; display: flex ;}
  .wg-vdo .icon {margin-bottom: 0;}
  .wg-vdo .icon .link {font-size: 55px;}
  .wg-vdo .title {font-size: var(--typo-default);padding-right: 0; padding-left: 10px;}
  .wg-vdo .owl-theme .owl-dots {margin: 0 auto; display: flex ; justify-content: center;margin-top: 20px;}
  .wg-vdo .owl-theme .owl-dots .owl-dot {width: 12px; height: 12px; border: 2px solid var(--color-default); display: flex ; align-items: center; justify-content: center; 
    margin-right: 6px; cursor: pointer;
  }
  .wg-vdo .owl-dots .owl-dot.active {border-color: var(--color-secondary); background-color: var(--color-secondary);}
  .wg-vdo .owl-theme .owl-dots .owl-dot span {display: none;}

  .wg-purchase {padding: 30px 15px 20px 15px;height: auto;}
  .wg-purchase .select-filter {margin-bottom: 10px;}
  .wg-purchase .link .date {font-size: 12px;}
  .wg-purchase .link .title {font-size: 16px;}
  .wg-section {padding-top: 130px;}
  .wg-career {margin-top: 15px;min-height: auto; padding: 30px 15px 20px 15px;}

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

  .wg-weblink-slider {margin-bottom: 15px;}
  .wg-weblink-content {padding-top: 30px;}
  .wg-weblink-content .W-head-box {margin-bottom: 15px;}
  .wg-weblink-slider .content .desc {font-size: 16px;min-height: 3em; -webkit-line-clamp: 2;}
  .wg-weblink-slider .owl-dots .owl-dot {width: 12px; height: 12px;margin-right: 6px;}
  .wg-weblink-more .item-list {margin: 0 -10px -12px -10px;}

  .site-footer.-home {padding-top: 300px;}

  .default-page ul.default-list-group li a .box-wrapper {height: 200px; padding: 15px;}

  .default-page .content-box {margin-top: 0;}

  .news-page .layout {margin:-7.5px;}
  .news-page .layout li {padding: 7.5px;}
  .news-page .pin-slider .wrapper figure {height: 347px;}
  .news-page .layout .pin-slider .wrapper .wordbox {padding: 15px 15px 50px 15px;}
  .news-page .layout .pin-slider .wrapper .wordbox .title {font-size: var(--typo-default);}
  .news-page .layout .pin-slider .wrapper .wordbox .time {margin-top: 12px;}
  .news-page .layout .pin-slider .owl-theme .owl-dots {left: 15px; bottom: 10px;}
  .news-page .layout .pin-slider .owl-theme .owl-dots .owl-dot.active,
  .news-page .layout .pin-slider .owl-theme .owl-dots .owl-dot {width: 22px; height: 22px;margin-right: 5px;}
  .news-page .layout .pin-slider .owl-theme .owl-dots span {width: 5px; height: 5px;}

  .news-page .layout.list .pin-slider .wrapper .wordbox {padding: 15px 15px 50px 15px;}
  .news-page .layout.list .pin-slider .owl-theme .owl-dots {left: 15px;bottom: 10px;}

  .news-page .wrapper {margin-bottom: 0;}
  .news-page .wrapper .wordbox {padding: 20px 15px 15px 15px;height: 180px;}
  .news-page .wrapper .wordbox .title {font-size: 16px;line-height: 1.4em;height: auto;min-height: calc(1.4em * 2);}
  .news-page .wrapper .wordbox .desc {margin-top: 10px; font-size: 14px;line-height: 1.4em;height: auto;min-height: calc(1.4em * 2);}
  .news-page .wrapper .wordbox .date {padding-top: 15px;}
  .news-page .wrapper .wordbox .time .square-box {padding: 5px;}
  .news-page .wrapper .wordbox .time {font-size: 14px;margin-top: 0;}
  .news-page .wrapper .wordbox .see-details {margin-top: 0;width: 25px; height: 25px;}
  .news-page .wrapper .wordbox .see-details .feather {font-size: 13px;}

  .news-page .layout.list .wrapper .wordbox {padding: 15px;}

  .sc-contact .row-50 {margin-right: -15px;}
  .sc-contact-from {padding: 25px 20px 25px 20px;}
  .sc-contact-info .title, 
  .sc-contact-from .h-title {font-size: 28px;}

  .editor-content ~ .attachments .title {margin-bottom: 20px !important;}

  .wg-purchase .mcscroll {margin-right: 0;}

  .wg-about .graphic.-I {margin-left: -450px; width: 150px; top: 140px;}
  .wg-about .graphic.-II {bottom: 20px; margin-right: -520px; width: 180px;}
}
@media (max-width: 767px) {
  .top-graphic .owl-theme .owl-nav.disabled+.owl-dots {bottom: 15px;}

  .site-header.tiny {margin-top: -51px;}
  .site-header .main {height: 105px;}
  .site-header .logo img {width: 55px;}
  .site-header .logo .text {display: block;}
  .site-header .logo .desc {font-size: 10px;margin-top: 5px;}
  .site-header .menu-mobile-btn {bottom: 7px;}
  .site-header .menu {top: 105px;}
  .site-header.tiny .menu {top: 53px;}

  .site-container {padding-top: 105px;}

  .site-footer .logo img {width: 120px;}
  .site-footer .logo .desc {max-width: 100%;font-size: var(--typo-xs);}
  .site-footer .info {margin-top: 25px;}
  .site-footer .info .contact li + li {margin-top: 13px;}
  .site-footer .info .contact .icon {width: 30px; height: 30px; line-height: 30px;}
  .site-footer .info .contact .txt {height: 30px; line-height: 30px; font-size: 13px;}
  .site-footer .info .contact .link {padding-left: 40px;}

  .site-footer .info .social {padding-top: 25px;}
  .site-footer .info .social .link {width: 25px;}
  .site-footer .info .social ul {padding-top: 13px; margin: 0 -5px;}
  .site-footer .info .social li {padding: 0 5px;}

  .site-footer .sitenav {margin-top: 30px;}
  .site-footer .sitenav > .gutters-20 > div + div {margin-top: 0;}
  .sitenav .nav-list {max-height: max-content;}
  .sitenav .nav-list li + li {margin-top: 5px;}
  .site-footer .sitenav .link {font-size: 13px;}

  .site-footer .footbar .policy {margin-bottom: 10px;}

  .sc-top-graphic {padding-bottom: 56px;}
  .mascot-contact {bottom: 60px;}

  .W-head-box .title {font-size: var(--typo-xl);}
  .W-head-box .desc {font-size: var(--typo-default);margin-top: 0;}

  .wg-news-n .W-head-box {margin-bottom: 20px;}
  .wg-news-slider .title {font-size: 15px;}
  .wg-news-slider .desc {font-size: 13px;}
  .wg-news-slider .time {font-size: 14px;}

  .wg-ebook-slider .owl-dots {bottom: -40px;}

  .wg-vdo .content {padding-top: 0;}
  .wg-vdo .wg-vdo-content {margin-top: 0;}
  .wg-vdo-content .row>.col-auto {order: 1;}
  .wg-vdo .thumb {margin-top: -50px;}
  .wg-vdo .item {padding-top: 40px;}
  .wg-vdo .icon .link {font-size: 50px;}

  .wg-purchase .W-head-box .desc {margin-top: 5px;}
  .wg-career .W-head-box .desc {margin-top: 5px;}

  .wg-weblink-more {padding: 20px 15px;} 

  .site-footer.-home .Totop {top: 500px;}
  .site-footer .Totop {top: 20px;}
  .site-footer {padding-top: 30px;}

  .about-page ul.default-list-group li a .title {font-size: 13px;min-height: 2.8em;}

  .top-title-box .filter li a img {max-width: 20px;}

  .sc-contact-from {padding: 20px 15px 20px 15px;}
  .sc-contact-info .title, 
  .sc-contact-from .h-title {font-size: 22px;}
  .sc-contact-info {padding: 20px 0 30px 0;}
  .sc-contact-info .desc {font-size: 14px;}
  .sc-contact-info .content {font-size: 16px;}
  .sc-contact-info .item-list {margin-top: 30px;}
  .sc-contact-info .item-list>li {padding-left: 56px;}
  .sc-contact-info .item-list>li+li {margin-top: 20px;}
  .sc-contact-from .tab-nav-contact .nav-list>li {width: calc(100% / 2);}
  .sc-contact-from .tab-nav-contact .nav-list>li .link {min-width: auto;padding: 0 20px;height: 50px; line-height: 50px;}
  .sc-contact-map .txt {margin-bottom: 10px;}
  .sc-contact .form-group.-file-upload {margin-top: 1rem !important;}

  .editor-content ~ .attachments ul li a .inner .content .date {font-size: 14px !important;}

  .wg-about .graphic.-I {margin-left: -250px; width: 90px; top: 80px;}
  .wg-about .graphic.-II {bottom: -90px; margin-right: -260px; width: 130px;}
}
@media (max-width: 575px) { 
  .site-footer .main {padding: 30px 0 20px 0;}
  .site-footer .sitenav {margin-top: 30px;}
  .site-footer .sitenav .row+.row {margin-top: 0;}
  .site-footer .sitenav .-collapse-group-contact {border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
  .site-footer .sitenav .collapse-btn {position: relative;padding: 15px 0;display: flex;justify-content: space-between;border-top: 1px solid rgba(255, 255, 255, 0.3);}
  .site-footer .sitenav .collapse-btn::after{content: '\e8b1';font-family: "feather";transition: all 300ms ease-in-out;color: #fff;font-weight: 600;}
  .site-footer .sitenav .collapse-btn.active::after{content: '\e897';}
  .site-footer .sitenav .collapse-content {padding-bottom: 15px;display: none;}
  .site-footer .sitenav .topic {text-align: left;margin-bottom: 0;}
  .sitenav .nav-list li {text-align: left;padding-left: 5px;}

  .wg-link .owl-carousel {width: calc(100% - 30px);}
  .wg-link .owl-carousel.owl-drag .owl-item {opacity: 1;}
  .wg-link .owl-carousel .owl-stage-outer {overflow: visible;}
}