.courses-wrapper.wow.fadeInUpBig.title legend {
  text-align: center;
  width: auto;
  font-family: "Aachen";
  color: #f3773b;
  padding: 0 15px;
  font-size: 2.5rem;
  margin-bottom: 0;
}
.col-lg-3.col-sm-12.courses-col.desktop-show.id-form a.main-btn, .col-lg-12.col-sm-12.courses-col.desktop-show.id-form a.main-btn {
  background: #f3763a;
}
.row{
  margin:0;
}
.header-logo img:nth-child(1) {
  width: 60%;
  padding-right: 15px;
}
.header-logo img {
  width: 40%;
  float: left;
}
section#form-contact .col-lg-3.col-sm-6.courses-col .courses-image img {
  padding-bottom: 10px;
}
.row.box-content .col-lg-12.col-sm-12.courses-col.mt-30 {
  float: left;
  z-index: 9999;
  padding-top: 20px;
}
.row.box-content  .col-lg-12.col-sm-12.courses-col.mt-30 .content p {
  font-family: "UTM Avo";
  color: rgb( 0, 83, 139 ) !important;
  font-weight: 600;
}
#hoso .col-lg-3.col-sm-12.courses-col{
  position: absolute;
  bottom: 50px;
}
#hoso{
  padding-bottom: 0
}
.row.box-content {
  width: 100%;
  display: block;
  float: left;
  /*height: 100%;*/
  position: absolute;
}
.row.box-content .col-lg-12.col-sm-12.courses-col.mt-30 .content h3{
  font-family: "Aachen";
  color: #01518c;
}
.col-lg-12.col-sm-12.courses-col.mt-30 .image-icon {
  width: 15%;
  float: left;
}
.col-lg-12.col-sm-12.courses-col.mt-30 .content {
  width: 85%;
  float: left;
  text-align: left;
}
thead {
  background: #f3773b;
  color: #FFF;
}
thead tr th{
  text-align: center;
}
tr th {
  color: #FFF;
  padding: 15px;
  font-size: 20px;
  font-family: "Aachen";
}
tr th:nth-child(1) ,  tr td:nth-child(1) {
  width: 10%;
  text-align: center;
}

tr th:nth-child(2),  tr td:nth-child(2)  {
  width: 50%;
}
tr td:nth-child(4){
  text-align: center;
}

tr th, tr td {
  width: 20%;
  color: #FFF;
  border: 2px solid #FFF;
  padding: 10px;
  text-align: left;
}
table {
  border-collapse: collapse;
  background: #01538b;
}
tr.title-1 td {
  font-size: 25px;
  font-weight: bold;
  font-family: "Aachen";
}
.col-lg-4.col-sm-6.courses-col .courses-image p {
  font-family: "UTM Avo";
  color: rgb( 0, 83, 139 );
  text-align: justify;

}
.col-lg-4.col-sm-6.courses-col:hover .courses-image p {
  font-family: "UTM Avo";
  color: #fff;
  text-align: center;
}
.col-lg-4.col-sm-6.courses-col:hover .courses-image{
  background-color: #f36512 !important;
  background-image: url(../images/bg-noibat-red.png?v=1) !important; 
}
.col-lg-4.col-sm-6.courses-col:hover .courses-image h3 {
  color: #FFF;
  font-size: 20px;
  font-family: "Aachen";
  margin-bottom: 15px;
}
section#hocbong .col-lg-4.col-sm-6.courses-col{
  float: left;
  display: block;
  margin: auto;
  margin-bottom: 30px;
}
.col-lg-4.col-sm-6.courses-col .courses-image {
  text-align: center;
  padding: 50px 30px 30px;
  box-shadow: 0.021in 0.036in 0.06944444444444in 0in rgb(0 0 0 / 48%);
  border-radius: 10px;
  height: 297px !important;
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
}
.col-lg-4.col-sm-6.courses-col .courses-image h3 {
  margin-bottom: 15px;
  font-size: 20px;
  font-family: "Aachen";
  color: rgb( 0, 83, 139 );
  font-weight: bold;
}
.courses-wrapper.wow.fadeInUpBig.title h4 {
  color: #FFF;
  padding-bottom: 10px;
  font-family: "Aachen";
  text-align: center;
  font-size: 1.8rem;
}
.courses-wrapper.wow.fadeInUpBig.title p {
  text-align: center;
  font-size: 1.5rem;
  font-family: "UTM Avo";
}
section#form-contact {
  padding: 30px 0;
}
.courses-wrapper.wow.fadeInUpBig.title p span {
  font-weight: bold;
}
section#form-contact .col-lg-3.col-sm-6.courses-col{
  text-align: center;
}
section#form-contact .col-lg-3.col-sm-6.courses-col h4 {
  font-family: "UTM Avo";
  color: rgb( 255, 255, 255 );
  text-align: center;
  font-weight: 100;
  font-size: 16px;
}
section#form-contact .col-lg-3.col-sm-6.courses-col h3{
  text-align: center;
  font-family: "Aachen";
  color: #fff;
  font-size: 1.55rem;
  padding-bottom: 5px
}

fieldset {
  border: 1px solid #FFF;
  border-radius: 15px;
  padding: 10px;
}

legend.content-border {
  border-radius: 360px;
  border: 1px solid rgb( 0, 83, 139 );
  font-family: "Aachen";
  color: rgb( 0, 83, 139 );
  font-size: 23px;
  text-align: center;
  width: 80%;
  padding: 15px 25px;
  text-transform: uppercase;
}
fieldset.title-border {
  border: unset;
  border-radius: unset;
  border-top: 1px solid rgb( 0, 83, 139 );
}
section#hocbong legend.content-border {
  font-size: 2rem;
}
label.error {
  color: #FFF;
  float: left;
  font-size: 11px;
}
.title-bl {
  display: block;
  width: 100%;
  float: left;
  background: #f37737;
  text-align: center;
  padding: 30px 30px;
}
p.first {
  font-weight: bold;
  text-align: justify;
}
.des-bl {
  background: #fff;
  width: 100%;
  display: block;
  float: left;
  padding: 15px;

}

.col-lg-4.col-sm-6.courses-col .des-bl p {
  font-size: 14px;
  font-family: "UTM Avo";
  color: rgb( 0, 0, 0 );
}


.courses-image-bl {
  display: block;
  width: 100%;
  float: left;
  margin-top: -30px;
  text-align: center;
}

.title-bl h3 {
  font-size: 20px;
  font-family: "Aachen";
  color: rgb( 255, 255, 255 );
  font-weight: bold;
  text-transform: uppercase;
}

.title-bl p {
  font-size: 13.88px;
  font-family: "UTM Avo";

}
section.top-courses-area.history .col-lg-4.col-sm-6.courses-col {
  padding: 0 35px;
}
.title-bl p {
  font-size: 13.88px;
  font-family: "UTM Avo";
  height: 54px;
  overflow: hidden;
}
.bl-total {
  display: block;
  float: left;
  width: 100%;
  background: #FFF;
}
.courses-wrapper.wow.fadeInUpBig {
  width: 100%;
}
.col-lg-12.col-sm-12.courses-col.mt-30 {
  margin: auto;
}
.position {
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  background-color: rgb( 255, 255, 255 );
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.651;
}
.pos-banner {
  width: 434px;
  text-align: center;
  position: absolute;
  opacity: 1;
  z-index: 9999999999999;
  height: 149px;
}
.pos-banner h2{
  font-size: 30px;
  font-family: "Aachen";
  color: rgb( 33, 54, 113 );
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  top: 15%;
  left: 0;
  width: 100%;
  opacity: 1;
  z-index: 99999999;
}
.pos-banner hr {
  background-color: rgb( 33, 54, 113 );
  position: absolute;
  left: 25px;
  bottom: 23%;
  width: 90%;
  z-index: 272;
  opacity: 0.5;
}

.pos-banner p span{
  font-size: 24px;
  color: rgb(243 119 55);
  font-weight: bold;
  font-family: "Aachen";
  text-transform: uppercase;
}
.pos-banner p{
  font-size: 19.087px;
  font-family: "UTM Avo";
  color: rgb( 33, 54, 113 );
  text-transform: uppercase;
  position: absolute;
  bottom: 15%;
  left: 0;
  width: 100%;
  z-index: 999
}

header#header div#navigation {
  position: unset;
}

section.features-area-2 .col-lg-3.col-sm-6 h4 {
  line-height: 1.6;
}
section#ctdt .col-lg-3.col-sm-6.courses-col {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
section.top-courses-area.are5.post .col-lg-3.col-sm-6.courses-col {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  float: left;
  display: block;
  margin: auto;
}
section.top-courses-area.are5.post .courses-wrapper.wow.fadeInUpBig {
  margin: auto;
  width: 100%;
}
.select label.error {
  margin-top: 13px;
  display: block;
  width: 100%;
  float: left;
  text-align: left;
}
.header-area{
  position: unset;
}

.abc ul.options li:nth-child(1) {
  display: none;
}
.abc {
  display: block;
  width: 100%;
  float: left;
}
button#myBtn {
  position: fixed;
  bottom: 2%;
  font-size: 13.677px;
  padding: 0 10px;
  margin-top: 10px;
  background: #f3763a;
  font-family: "UTM Avo";
  color: rgb( 255, 255, 255 );
  font-weight: bold;
  text-align: center;
  padding: 10px 20px;
}
section.top-courses-area.are5.post .col-lg-3.col-sm-6.courses-col:hover .item-hover {
  visibility: visible;
  opacity: 1;
}
/*  .col-lg-3.col-sm-6.courses-col:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    content: "";
    background-color: #002b54;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    visibility: hidden;
    opacity: 0;
  }
  */
  section.top-courses-area.are5.post .col-lg-3.col-sm-6.courses-col:hover:before {
    visibility: visible;
    opacity: .8;
  }

  section.top-courses-area.are5.post .item-hover {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    z-index: 3;
    font-size: 26px;
    line-height: 1;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    padding: 15px;
  }
  .options{
    padding-left: 5px !important;
    text-align: left !important;
  }
/*ul.options li:nth-child(1) {
  display: none;
  }*/
  div.form-lienhe h3 {
    color: #FFF;
    font-family: "Aachen";
    text-align: center;
    margin-bottom: 15px;
    font-size: 16px;
    text-transform: uppercase;
  }

  div.form-lienhe {
    padding: 40px;
    background-image: -moz-linear-gradient( 90deg, rgb( 246, 104, 0 ) 0%, rgb( 242, 101, 34 ) 27.759%, rgb( 244, 189, 41 ) 100%);
    background-image: -webkit-linear-gradient( 
      90deg
      , rgb( 246, 104, 0 ) 0%, rgb( 242, 101, 34 ) 27.759%, rgb( 244, 189, 41 ) 100%);
  }
  ul.nav-menu li a:hover {
    font-family: "UTM Avo";
    color: rgb( 0, 70, 131 ) !important;
    background: #fff !important;
  }
  .slider-content-2 {
    margin-left: 0;
    max-width: 100%;
  }
  form#contact-form input::placeholder {
    font-size: 13px;
    font-weight: normal;
    color: #000
  }
  .styledSelect {
    text-align: left;
    padding: 5px 5px 5px 20px;
    font-size: 13px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  form#contact-form .select{
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 25px;
        border-bottom: unset;
  }

 div.form-lienhe {
    padding: 50px 80px;
}
  form#contact-form input {
    width: 100%;
    float: left;
    padding: 5px 5px 5px 20px;
    margin-bottom: 10px
  }
  form#contact-form {
    text-align: center;
    width: 100%;
    margin: auto;
  }
  button.main-btn {
    background-image: url(../images/bg-button.jpg);
    background-repeat: no-repeat;
    height: 41px;
    line-height: 41px;
    margin-top: 10px;
  }
  .header-area div#navigation{
    background-color: #002b54;
    padding: 30px;
  }
  .navigation.navigation-landscape.sticky:nth-child(1) {
    position: unset;
  }
  .col-lg-7.position-static h3 {
    font-size: 27.425px;
    font-family: "Aachen";
    color: rgb( 255, 255, 255 );
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.094;
    text-align: right;
  }
  section.top-courses-area.are5 h4.courses-title {
    color: rgb( 33, 54, 113 );
    min-height: 62px;
  }
  .col-lg-7.position-static h4 {
    font-size: 32px;
    font-weight: normal;
    font-family: "UTM Avo";
    color: rgb( 255, 255, 255 );
    text-transform: uppercase;
    text-align: right;
    -moz-transform: matrix( 0.73719560277952, 0, 0, 0.73719560277952, 0, 0);
    -webkit-transform: matrix( 0.73719560277952, 0, 0, 0.73719560277952, 0, 0);
    width: 92%;
  }
  .col-lg-7.position-static h4 span {
   background-image: -moz-linear-gradient( 90deg, rgb( 246, 104, 0 ) 0%, rgb( 242, 101, 34 ) 27.759%, rgb( 244, 189, 41 ) 100%);
   background-image: -webkit-linear-gradient( 
    90deg
    , rgb( 246, 104, 0 ) 0%, rgb( 242, 101, 34 ) 27.759%, rgb( 244, 189, 41 ) 100%);
   padding: 5px;
   font-weight: bold;
 }
 header.header-area div#menu {
  background: #335f87;
  z-index: 99999999
}

.navigation .nav-menus-wrapper .nav-menu li a {
  font-weight: 600;
  font-size: 16px;
  padding: 43px 0;
  color: #07294d;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  display: block;
  position: relative;
}
/*.navigation .nav-menus-wrapper .nav-menu li.ctdt a {
  font-family: "UTM Avo";
  color: rgb( 0, 70, 131 );
  font-weight: bold;
  background: #fff;
  font-weight: bold;
  }*/


  .navigation .nav-menus-wrapper .nav-menu li a {
    color: rgb( 255, 255, 255 );
    padding: 15px;
    font-family: "UTM Avo";
    font-weight: normal;
  }
  .col-lg-5.position-static {
    text-align: right;
  }
  .col-lg-5.position-static a.main-btn {
    margin-top: 0;
    font-size: 16px;
    color: rgb( 255, 255, 255 );
    font-family: "UTM Avo";
    font-weight: normal;
    font-weight: bold;
    padding: 0 30px;
    text-align: right;
  }
  .slider-area{
    padding-top: 0;
  }
  .single-slider {
    height: 855px;
  }
  section.about-area {
    padding: 170px 0;
  }
  .features-area-2, section.top-courses-area {
    padding: 30px 0;
  }
  section.about-area h2 {
    font-family: "Aachen";
    color: rgb( 243, 118, 58 );
    font-weight: bold;
    line-height: 1.25;
    text-align: left;
    padding-top: 30px;
    font-size: 2.2em;
  }
  .Rectangle_13 {
    background-color: rgb( 243, 118, 58 );
    width: 181px;
    height: 5px;
  }

  section.about-area p.description{
    font-size: 10.922px;
    color: rgb( 33, 54, 113 );
    text-transform: uppercase;
    font-size: 1.8em;
    font-family: "Aachen";
    font-weight: bold;
    line-height: 1.25;
  }
  a.main-btn {
   background: #f3763a;
   background-image: -moz-linear-gradient( 90deg, rgb( 246, 104, 0 ) 0%, rgb( 242, 101, 34 ) 27.759%, rgb( 244, 189, 41 ) 100%);
   background-image: -webkit-linear-gradient( 
    90deg
    , rgb( 246, 104, 0 ) 0%, rgb( 242, 101, 34 ) 27.759%, rgb( 244, 189, 41 ) 100%);
 }
 a.main-btn {
  margin-top: 30px;
  font-size: 16.677px;
  font-family: "UTM Avo";
  color: rgb( 255, 255, 255 );
  font-weight: bold;
  text-align: center;
  padding: 0 60px; 
}

i.far.fa-edit {
  font-weight: 100;
  font-size: 22px;
}
section.features-area-2 h2{
  font-family: "Aachen";
  color: rgb( 255, 255, 255 );
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  bottom: 26px;
  left: 7px;
  font-size: 38px;
  text-align: center;
}
.Rounded_Rectangle_5_copy {
  height: 72px;
  background-size: contain;
  background-repeat: no-repeat;
}
section.top-courses-area.are5 h4 {
  text-align: center;
  margin-top: 20px;
}
section.top-courses-area h2{
  font-family: "Aachen";
  color: rgb( 33, 54, 113 );
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  bottom: 26px;
  left: 7px;
  font-size: 38px;
  text-align: center;
}
section.top-courses-area.are5 .courses-image {
  overflow: hidden;
}
.col-lg-4.col-sm-6.courses-col img {
  padding: 0 30px;
}
section.features-area-2  .courses-image{
  text-align: center;
}
section.features-area-2 .col-lg-3.col-sm-6 h4 {

  font-size: 16.433px;
  font-family: "UTM Avo";
  color: rgb( 255, 255, 255 );
  text-align: justify;
  font-weight: normal;
  margin:auto;
  width: 88%;
}
section.features-area-2  .col-lg-3.col-sm-6.courses-col {
  margin-bottom: 30px;
}
section.features-area-2 .col-lg-3.col-sm-6 h3 {
  font-size: 22px;
  font-family: "Aachen";
  color: rgb( 254, 254, 254 );
  font-weight: bold;
  line-height: 1.751;
  text-align: center;

}
.courses-content p {
  font-size: 15px;
  font-family: "UTM Avo";
  color: rgb( 33, 54, 113 ) !important;
  text-align: center;
}
.courses-content p span{
  font-size: 18px;
  color: rgb(243 119 55);
  font-weight: bold;
  font-family: "Aachen";
  text-transform: uppercase;
}
section.features-area-2.chuongtrinh img.desktop-show, section.top-courses-area.are5.post img.desktop-show, section#thongtin img.desktop-show.title, section#hocbong img.desktop-show {
  width: 80%;
  margin: auto;
}
section.features-area-2.chuongtrinh .courses-image img {
  width: 70%;
  margin-bottom: 15px
}

.main-btn:hover {
  background-color: #002b54;
  color: #fff;
}
.mobile-show {
  display: none;
}
.desktop-show{
  display: block;
}

section.top-courses-area.history h4 {
  font-size: 34.877px;
  font-family: "Aachen";
  color: rgb( 33, 54, 113 ) !important;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.courses-wrapper{
  padding-top: 10px;
}
.courses-wrapper.wow.fadeInUpBig p, .courses-wrapper.wow.fadeInUpBig h4 {
  color: #FFF;
  padding-bottom: 10px;
}
.social-footer a {
  padding-right: 15px;
}
section.footer {
  padding: 30px 0;
}
i.fas.fa-map-marker-alt {
  font-weight: 100;
  padding-right: 10px
}
section.footer span {
  font-size: 18px;
  font-family: "UTM Avo";
  color: rgb( 255, 255, 255 );
  font-weight: bold;
  text-align: right;
}
section.footer p {
  font-size: 16px;
  font-family: "UTM Avo";
  color: rgb( 255, 255, 255 );
}
.navigation .nav-toggle{
  display: none;
}
.navigation .nav-toggle::before {
  background-color: #FFF;
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff;
}
.modal-content .slider-content.slider-content-2 {
  padding: 0;
  max-width: 100%;
}
span.close {
  position: absolute;
  right: 10px;
  color: #FFF;
  font-size: 3rem;
  opacity: 1;
  font-weight: normal;
  z-index: 9999999999;
}
.modal {
  display: none;
  position: fixed;
  z-index: 9999999999;
  padding-top: 88px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgb(0 0 0 / 73%);
}
section.top-courses-area.thanhcong {
  height: 79.7vh;
  padding: 90px 0;
}
section.top-courses-area.thanhcong h2{
  font-size: 37.053px;
  font-family: "Aachen";
  color: rgb( 255, 110, 0 );
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
section.top-courses-area.thanhcong p.description {
  font-size:  20.053px;
  font-family: "UTM Avo";
  color: rgb( 255, 255, 255 );
  font-weight: bold;
  text-transform: uppercase;
  line-height: 2.493;
  text-align: center;
}
section.top-courses-area.thanhcong  p.complete {
  font-size: 16px;
  text-align: center;
  font-family: "UTM Avo";
}
section.top-courses-area.thanhcong  p.complete a{
  color: rgb( 255, 110, 0 );
  font-family: "Aachen";
  font-size: 22px;
}

@media(max-width: 1600px){
  section.about-area.wow.fadeInUpBig{
    background-size: cover !important;
    background-repeat: no-repeat;
    padding-bottom: 0;
    padding-top: 35px;

  }
  .col-lg-12.col-sm-12.courses-col.mt-60.desktop-show {
    margin-top: 0;
    margin-bottom: 30px;
  }

}
@media(max-width: 1440px){
  .single-slider {
    height: 637px;
  }
  section.top-courses-area.are5 h4.courses-title {
    font-size: 18px;
  }
}
@media(max-width: 1290px){
  .single-slider {
    height: 568px;
  }
  section.top-courses-area.history .col-lg-4.col-sm-6.courses-col {
    padding: 0 15px;
  }
}
@media(max-width: 1200px){
  section#hoso {
    padding-bottom: 60px;
  }
  .col-lg-4.col-sm-6.courses-col .courses-image{
    height: 297px !important;
  }
  section#hoso .col-lg-4.col-sm-12.courses-col.mt-30.tablet {
    bottom: -60px;
  }
  #hoso .col-lg-3.col-sm-12.courses-col {
    bottom: -50px;
  }
  .row.box-content .col-lg-12.col-sm-12.courses-col.mt-30 .content h3{
    font-size: 24px;
  }
  .col-lg-12.col-sm-12.courses-col.mt-30 .image-icon{
    padding: 5px;
  }
  .row.box-content .col-lg-12.col-sm-12.courses-col.mt-30 .content p{
    font-size: 13px;
  }
  div.form-lienhe{
    padding: 20px 20px;
  }
  legend.content-border{
    font-size: 23px;
  }
  section.features-area-2 h2{

    font-size: 30px;
  }
  .navigation .nav-menus-wrapper .nav-menu li a{
    font-size: 14px;
    padding: 12px;
  }

  section.features-area-2 .col-lg-3.col-sm-6 h4{
    line-height: 1.6;
    font-size: 14.433px;
  }
}
@media(max-width: 1199px){
  section.footer span{
    font-size: 14px;
  }
  .footer .container {
    max-width: 100%;
  }

  .navigation .nav-menus-wrapper .nav-menu li a{
    font-size: 12px;
  }
  .courses-wrapper.wow.fadeInUpBig.title h4{
    font-size: 1.5rem;
  }
  .courses-wrapper.wow.fadeInUpBig.title p {
    font-size: 1.2rem;
  }
  section#form-contact .col-lg-3.col-sm-6.courses-col h3 {
    font-size: 1.25rem;
  }
    .row .col-lg-6 {
    padding: 0;
}
}
@media(max-width: 991px){
  #hoso .col-lg-3.col-sm-12.courses-col {
    bottom: -60px;
    display: block;

  }

  section#hocbong .col-lg-4.col-sm-6.courses-col {

    padding: 0 30px;
  }
  .row.box-content .col-lg-12.col-sm-12.courses-col.mt-30 .content p {
    font-size: 16px;
  }
  .row.box-content{
    position: unset;
  }
  section#hoso {
   padding-bottom: 70px;
 }
 .position{
  width: 96%;
}
#daotao .col-lg-6.courses-wrapper.wow.fadeInUpBig{
  text-align: center;
}
.tablet {
  display: none;
}
legend.content-border {
  font-size: 16px;
}
section#hocbong legend.content-border {
  font-size: 1.2rem;
}
.col-lg-4.col-sm-6.courses-col .courses-image p{
  font-size: 12px;
}
.col-lg-4.col-sm-6.courses-col .courses-image h3{
  font-size: 17px
}
#thongtin .col-lg-6.col-sm-12 {
  flex: 0 0 50%;
  max-width: 50%;
}
.container{
  max-width: 100%;
  padding: 0
}
#thongtin .col-lg-12.courses-wrapper.wow.fadeInUpBig{
  padding: 0
}
.courses-wrapper.wow.fadeInUpBig.title h4{
  font-size: 1.2rem
}
.courses-wrapper.wow.fadeInUpBig.title p {
  font-size: 1rem;
}
section#form-contact .col-lg-3.col-sm-6.courses-col h3{
  font-size: 1.3rem
}
.col-lg-4.col-sm-6.courses-col img {
  padding: 0 ;
}
.navigation.navigation-portrait.sticky {
  position: fixed !important;
  z-index: 999999999

}
.footer .col-lg-3 {
  width: 20%;
  float: left;
}
.footer .col-lg-8 {
  width: 80%;
  float: left;
}
section.about-area h2{
  font-size: 1.6em;
}
section.about-area p.description{
  font-size: 1.4em;
}
header.header-area .mobile-show, section.top-courses-area.history .mobile-show {
  display: block;
  padding: 0;
}
header.header-area .desktop-show, section.top-courses-area.history .desktop-show{
  display: none;
}
.item-hover p {
  font-size: 15px;
  padding: 0;
  line-height: 17px;
}
section.top-courses-area.are5 .courses-image {
  overflow: hidden;
}
section.top-courses-area.are5 h4.courses-title{
  font-size: 15px
}
section.top-courses-area.are5.post .col-lg-3.col-sm-6.courses-col:hover .item-hover {
  visibility: visible;
  opacity: 1;
  max-height: 333px;
  overflow: scroll;
  padding: 20px;
}
a.main-btn{
  margin-top: 21px;
  font-size: 11.677px;
  padding: 0 35px;
}
i.far.fa-edit {
  font-weight: 100;
  font-size: 16px;
}
.col-lg-7.position-static h3{
  font-size: 18px
}
.col-lg-7.position-static h4{
  font-size: 20px
}
header.header-area .col-lg-5 {
  width: 30%;
}
.col-lg-3.col-sm-6.courses-col {
  max-width: 25%;
  padding: 5px;
}
section.about-area.wow.fadeInUpBig{
  background-size: cover !important;
}
header.header-area .container.position-relative,
section#form-contact .container {
  max-width: 100%;
}
.col-lg-12.col-sm-12.courses-col.mt-60.desktop-show {
  margin-bottom: 12px;
}
header.header-area .col-lg-7.position-static {
  width: 60%;
}
div.form-lienhe{
  padding:15px;
}
div.form-lienhe h3 {
  font-size: 17px;
}

button.main-btn{
  margin-top: 0
}

div#menu {
  display: none;
}
.navigation.navigation-landscape.sticky:nth-child(2){
  position: unset;
}
.navigation .nav-toggle{
  display: block;
  top: 15%;
  z-index: 9999;
}
.navigation.sticky .nav-toggle{
  top: 50%;
}

.footer .col-lg-6 {
  padding: 0;
}
}
@media(max-width: 768px){
  form#contact-form input {
    margin-bottom: 10px;
  }
}
@media(max-width: 500px){
  .col-lg-4.col-sm-6.courses-col .courses-image p{
    font-size: 13px;
  }
  .col-lg-4.col-sm-6.courses-col .courses-image {
    height: 248px !important;
  }
  .col-6.formid {
    display: none;
  }
  .container.row1 .col-6,  #thongtin .col-lg-6.col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .courses-wrapper.wow.fadeInUpBig.title legend{
    font-size: 1.5rem;
  }
  .courses-wrapper.wow.fadeInUpBig.title h4 {
    font-size: 1rem;
  }
  .position {
    width: 93%;
  }
  tbody tr td {

    font-size: 13px;
  }
  thead tr th {
    text-align: center;
    font-size: 14px;
  }
  #hoso .col-lg-3.col-sm-12.courses-col{
    display: none;
  }
  .pos-banner {
    width: 345px;

    left: 9%;
  }
  .col-lg-12.col-sm-12.courses-col.mt-30  img{
    margin: auto;
  }
  .pos-banner h2{
    font-size: 22px
  }
  .pos-banner p{
    font-size: 16px
  }
  section.top-courses-area.are5.post .col-lg-3.col-sm-6.courses-col {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    float: left;
    display: block;
    margin: auto;
  }
  section#ctdt .col-lg-3.col-sm-6.courses-col{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  div.form-lienhe {
    padding: 15px;
    display: block;
    width: 100%;
    float: left;
    z-index: 999999999999
  }
  form#contact-form{
    float: left;display: block
  }
  header.header-area .col-lg-5 {
    width: 90%;
  }
  .header-logo {
    width: 100%;
  }
  section#hocbong legend.content-border {
    font-size: 1rem;
  }
  legend.content-border {
    font-size: 14px;
  }
  legend.content-border{
    width: 100%;
  }
  .footer .col-lg-3 {
    width: 100%;
    float: left;
  }
  .footer .col-lg-8 {
    width: 100%;
    float: left;
  }
  div.form-lienhe h3 {
    padding: 0 40px
  }
  header.header-area .col-lg-7.position-static,header.header-area .col-lg-4{
    width: 100%;
  }
  .mobile-show {
    display: block;
  }
  .desktop-show{
    display: none;
  }
  section.about-area.wow.fadeInUpBig{
    background-size: cover !important;
    visibility: visible;
    background-position-x: -100px;
    padding-bottom: 30px

  }
  .single-slider {
    height: 279px;
  }
  .col-lg-3.col-sm-6.courses-col {
    max-width: 50%;
    padding: 5px;
  }
  .item-hover p {
    font-size: 15px;
    padding: 0;
    line-height: 17px;
  }
  section.top-courses-area.are5.post .col-lg-3.col-sm-6.courses-col:hover .item-hover {
    visibility: visible;
    opacity: 1;
    max-height: 333px;
    overflow: scroll;
    padding: 20px;
  }
  .footer .col-lg-3 .courses-wrapper.wow.fadeInUpBig {
    text-align: center;
  }
  .footer .courses-wrapper.wow.fadeInUpBig h4 {
    font-size: 13px;
    text-align: center;
    width: 72%;
    float: left;
    padding-top: 33px;
  }
  section.footer p{
    font-size: 14px;
  }
  section.footer span{
    font-size: 16px
  }
  .slider-content-2 {
    margin-left: auto;
    max-width: 360px;
    margin: auto;
  }
  .footer .col-lg-3 .courses-wrapper.wow.fadeInUpBig img {
    width: 28% !important;
    float: left;
  }
  section.top-courses-area.history h4 {
    font-size: 20.877px;
  }
  .header-area div#navigation{
    padding: 15px;
  }
  .header-area div#navigation .col-lg-7.position-static{
    margin-top: 15px;
  }
  .navigation.navigation-portrait.sticky .col-lg-7.position-static {
    display: none;
  }
  .col-lg-7.position-static h3{
    font-size: 15.425px;
    text-align: center;
  }

  .col-lg-7.position-static h4{
    font-size: 19px;
    width: 100%;
    text-align: center;
  }
  a.main-btn{
    font-size: 15.677px;
    padding: 0 10px;
    margin-top: 10px;
  }
  i.far.fa-edit{
    font-size: 20px;

  }
  section.about-area {
    padding: 60px 0;
  }

  section.about-area h2{
    font-size: 1.2em;
  }
  section.about-area p.description {
    font-size: 1.2em;
    font-family: "Aachen";
    font-weight: bold;
    line-height: 1.25;
    text-align: left;
  }
  section.features-area-2 .col-lg-3.col-sm-6.courses-col img {
    width: 50%;
  }
  .features-area-2, section.top-courses-area {
    padding: 15px 0;
  }
  .col-lg-12.col-sm-12.courses-col.mt-60 {
    margin-top: 10px;
  }
  section.top-courses-area.scholarship .col-lg-3.col-sm-6.courses-col {
    width: 50%;
    margin-bottom: 15px;
    padding: 3PX;
  }
  .col-lg-3.col-sm-6.courses-col {
    width: 50%;
    padding: 5px;
  }

  section.top-courses-area.are5 .courses-image {
  }
  section.features-area-2 .col-lg-3.col-sm-6 h4{
    font-size: 14.433px;
  }
  section.top-courses-area.are5 h4.courses-title {
    font-size: 13px;
  }
  section.features-area-2 .col-lg-3.col-sm-6 h3{
    font-size: 22px
  }
  .courses-wrapper.wow.fadeInUpBig.col-lg-12 {
    padding: 0;
  }

  .container {
    padding: 0;
  }
  .row{
    margin: 0px;
  }

}
@media(max-width: 367px){
  .footer .courses-wrapper.wow.fadeInUpBig h4 {
    font-size: 11px;
  }
  .col-lg-7.position-static h3 {
    font-size: 13.425px;
    text-align: center;
  }
  .courses-wrapper.wow.fadeInUpBig.title h4 {
    font-size: 0.9rem;
  }
}

@media(max-width: 328px){
  .footer .courses-wrapper.wow.fadeInUpBig h4 {
    font-size: 11px;
  }
  .col-lg-7.position-static h3 {
    font-size: 11.425px;
    text-align: center;
  }
}