@media screen and (max-width: 1200px) {
  header .navbar-light .navbar-nav .nav-item {
    color: #ffffff;
    font-family: SemiBold;
    font-size: 17.79px;
}
  .problem .owl-theme .owl-nav{
    display: none;
  }
  .page7__content__right{
    padding: 0px;
}
  .tms .tms__item .tms__text {
    padding-right: 0px;
  }
  .info .info__item .info__text{
    padding-right: 0px;
  }
  /* .carousel {
    height: 500px;
} */
.about__us__item .img_about {
  height: 165px;
  width: auto;
}
.about__us__item .about__item__title {
  font-family: Bold;
  font-size: 35px;
  color: #FF3600;
  padding-top: 0px;
  padding-bottom: 16px;
}
header .collapse .nav-link {
  color: #ffffff;
  /* font-family: "SemiBold"; */
  /* font-size: 16.79px; */
}
.choice__carousel_item{
  height: 275px;
  width: auto;
}
  .about__us__content .btn-readmore {
    /* border: 1px solid black; */
    border-radius: 200px;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    width: 30px;
    transition: all 0.5s;
    margin-top: 0px;
    margin-right: auto;
    position: absolute;
    top: 0;
    left: 150px;
}
  .problem__carousel_item{
    height: 360px;
    width: auto;
  }
    .about_us .about__us__content{
        max-width: auto !important;
        margin: auto;
    }
    .service__content {
      padding: 0px;
      margin: 0 auto;
  }
    .Page2__intro .page2__content{
      max-width: auto;
      margin:auto;
  }
    .carousel ul{
      position: absolute;
      z-index: 999;
      bottom: 30px;
      left: 2%;
  }
  /* .owl-carousel .owl-nav{
    display: none;
  } */
  .software__title__item {
    font-family: Regular;
    font-size: 14.53px;
    padding-bottom: 12.38px;
}
.footer {
  z-index: -12;
  text-align: center;
  background-image: linear-gradient(to right bottom, #0db04b, #037762);
}
.footer .footer-background {
  display: none;
}
.footer .container {
  margin-top: 0;
}
.footer-flex-container {
  flex-direction: column;
  width: 100%;
}
.footer .footer-background {
  display: none;
}
.footer-flex-item1 {
  padding-top: 30px;
  padding-right: initial;
}
.footer-flex-item2 {
  margin-top: 48px;
  padding-right: initial;
}
.dot-footer {
  display: none;
}
.dot-footer {
  margin-top: 10px;
  margin-bottom: 15px;
}
.footer-flex-item3{
  display: none;
}
.success__content .icon__success {
  height: 84.23px;
  width: auto;
}
.success_item .cover__title2 {
  display: none;
}
.success_item .icon2 {
  display: none;
}
.success__mobile .icon__success__mobile {
  width: 60%;
}
.service__item__icon1 .square {
  width: 180.92px;
  height: 35.47px;
  background-color: #FFC776;
  margin: 0px;
      margin-top: 0p 45x;
  margin-top: 289px;
}
.service__item__icon1 img {
  position: absolute;
  top: 111px;
  left: 55.45px;
}
.section10 .custom-btn {
  background: linear-gradient(to right,#0DAE4C,#006768);
  width: 134px;
  height: auto;
  line-height: 14px;
  font-family: Regular;
  font-size: 15.5px;
}
.page6__content img{
  width: 100%;
  display: block;
}
  }
  
  @media screen and (max-width: 992px) {
    /* header .collapse .nav-item {
      padding: 0px 15px;
      position: relative;
  } */
    /* header .collapse .nav-link {
      font-size: 14.79px;
  } */
  header .collapse .nav-item {
    padding: 0px;
    position: relative;
}
.page9__content .nav-pills .nav-link {
  color: #F15A22;
  font-size: 25px;
  font-family: SemiBold;
}
  .service__item1 img {
    position: absolute;
    top: 100px;
    left: 30%;
}
.section10 .btn-search {
  width: 100%;
  height: 26px;
}
.service__content .square {
  width: 180.92px;
  height: 35.47px;
  background-color: #5A8DFF;
  margin: 0px;
  margin-top: 285px;
}
.service__item__icon1 img {
  position: absolute;
  top: 111px;
  left: 10.45px;
}
  header .icon__search {
    margin-left: 20px;
    margin-right: 30px;
    color: #FFFFFF;
}
  .carousel ul{
    position: absolute;
    z-index: 999;
    bottom: 10px;
    left: 2%;
}
.carousel__title__header {
  position: absolute;
  top: 150px;
  left: 0;
  z-index: 9999;
  padding-left: 5%;
}
.about__us__item .img_about_acctive {
  width: 100%;
  height: auto;
}
.footer .footer-background {
  display: none;
}
.footer-flex-item1 {
  padding-top: 30px;
  padding-right: initial;
}
.footer-flex-item2 {
  margin-top: 48px;
  padding-right: initial;
}
.dot-footer {
  display: none;
}
.navbar-brand{
  height: 61px;
}
.form__service__item {
  padding-left: 65px;
}
.item__right_navs p {
  font-family: Regular;
  font-size: 15px;
  text-indent: 20px;
  padding-left: 10px;
  text-align: justify;
}
  }
  @media screen and (max-width: 768px) {
    .carousel {
      height: 100%;
  }
  .problem__carousel_item {
    height: 242px;
    width: auto;
}
.problem {
  margin-bottom: 0px;
}
.software .card {
  padding: 15px 18px 0px 16px;
  text-align: justify;
  box-shadow: 0 2px 3px #d2d2d2, 2px 0px 3px #7f7f7f;
  border-radius: 10px;
  height: 170px;
  width: auto;
}
.problem_item p {
  font-size: 27.38px;
  font-family: Bold;
  padding: 0 26px;
  text-align: right;
  background: linear-gradient(to right,#0DAE4C,#006768);
  color: #ffffff;
  padding-top: 23px;
  padding-bottom: 15px;
  border-radius: 10px;
}
  .about__us__item .img_about{
    display: block;
    margin: auto;
  }
  .about__us__content .about__us__item.title {
    padding-left: 100px;
    padding-right: 164px;
    text-align: justify;
    margin-bottom: 30px;
}
    header .icon__search {
      margin-left: 0px;
      color: #FFFFFF;
  }
  header .collapse .nav-item {
    /* padding: 0px 3px; */
    /* position: relative; */
}
.carousel__title__header {
  position: absolute;
  top: 150px;
  left: 0;
  z-index: 9999;
  padding-left: 5%;
}
header .navbar{
  padding: 0px;
}
.navbar {
  padding: 0px;
}
.page3__service__item {
  height: 280px;
  width: auto;
}
.form__service__item {
  padding-left: 0px;
}
.form__service__item1 .textarea_bg {
  background-color: #F2F2F2;
  width: 100%;
}
  }
  @media screen and (max-width: 576px) {
    .carousel {
      height: 100%;
  }
  .section10 .nenchu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
header .icon__search{
  display: none;
}
    .carousel ul{
      /* position: absolute;
      z-index: 999;
      bottom: 30px;
      left: 2%; */
      display: none;
  }
  .carousel__title__header .carousel__what_we_do {
    font-family: SemiBold;
    font-size: 15.58px;
    margin: 0px;
    color: #ffffff;
}
.carousel__title__header .carousel__services {
  font-family: Bold;
  font-size: 25.16px;
  color: #ffffff;
}
.carousel__title__header .carousel__services::after{
  content: url(../img/hover__effect.png);
  position: absolute;
  left:0px;
  top: 40px;
  transform: translateX(0);
  transition: all 0.5s;
}
.img_heaedr{
  padding-left: 20px;
}
.carousel__title__header {
  position: absolute;
  top: 65px;
  left: 0;
  z-index: 9999;
  padding-left: 5%;
}
.navbar-nav{
  background-color: rgba(0,0,0,0.6);
}
.about__us__item .img_about {
  width: 100%;
  height: 140px;
}

.about__us__item .img_about_acctive {
  width: 100%;
  height: auto;
}
.about__us__item .about__item__title {
  font-family: Bold;
  font-size: 40px;
  color: #FF3600;
  padding-top: 0px;
  text-align: center;
}
.about__us__item {
  margin-top: 20px;
}
  .about__us__content .about__us__item.title {
    padding-left: 30px;
    padding-right: 30px;
    text-align: justify;
  }
  .dot-left{
    display: none;
  }
  .problem {
    margin-bottom: 0px;
}
.padr-107 {
  padding-right: 0px !important;
  margin: 0;
}
.block-left{
  display: none;
}
.padl-123 {
  padding-left: 0px;
  text-align: justify;
  margin: 0;
}
.software .icon{
  display: none;
}
.img-col-right{
  height: 140px;
  width: 100%;
}
.company__content{
  max-width: auto;
  margin: auto;
  padding: 0px;
}

.gallery_right{
  margin-left: 10px;
}
/* page2  */
.Page2__intro {
  margin-top: 0px;
  margin-bottom: 59.77px;
}
.page2__content .page2__item.page2__intro__title {
  margin-top: 20px;
}
.cus-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: 30px;
}
.flex-item {
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 32px;
  margin-top: 0px;
}
.flex-item img {
  width: 60%;
}
.footer-flex-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: 0px;
  margin-right: -15px;
}
.footer-flex-item2 {
  margin-top: 0px;
  padding-right: initial;
  width: 100%;
}
.breadcrumb {
  margin-bottom: 0px;
  margin-top: 5.08px;
}
.service__content .service__item__title {
  margin-top: 24.08px;
}
.service__content .service__item__title p {
  text-align: justify;
  padding: 0 42px;
}
.service__content .service__item__icon {
  margin-top: 0px;
  margin-bottom: 10px;
}
.service__item1,.service__item__icon1  {
  display: none;
}
.service__content .lap__icon img {
  position: unset;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.service__content .iconlaptop__bg {
  height: 58.16px;
  line-height: 56.16px;
  background-color: #00DBD5;
  margin: 0px;
}
.show_img_section_service .show_img__item img{
  height: auto;
  width: 100%;
  padding-left: 0px;
}
.show_img_section_service .show_img__item1 img{
  height: auto;
  width: 100%;
  padding-right: 0px;
}
.form__service__item{
  padding-left: 15px;
}
header .img_heaedr {
  height: 60px;
  /* line-height: 60px; */
  display: block;
  /* justify-items: center; */
  padding-bottom: 10px;
}
.cover_hr hr{
  margin-top: 65px;
}
.about__us__content .btn-readmore {
  /* border: 1px solid black; */
  border-radius: 200px;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  width: 30px;
  transition: all 0.5s;
  margin-top: 14.1px;
  /* margin-right: auto; */
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.header .nav-link{
  padding: 0px;
  padding-left: 15px;
}
header .collapse .nav-item::after{
  top: 26px;
}
header .collapse .item_homePage:hover::after{
  top: 26px;
}
header .collapse .item_dichVu:hover::after{
  top: 26px;
}
header .collapse .itemDuAn:hover::after{
  top: 26px;
}
header .collapse .itemBangTin:hover::after{
  top: 26px;
}
header .collapse .itemTuyenDung:hover::after{
  top: 26px;
}
header .collapse .itemLienLac:hover::after{
  top: 26px;
}
.problem__carousel_item:hover::after{
  content: url(../img/hover__effect.png);
  position: absolute;
  left:90px;
  top: 95px;
  opacity: 1;
}
.company-choice .owl-carousel .owl-item .hover_choice {
  width: 20px;
  display: block;
  position: absolute;
  bottom: 45px;
  right: 31px;
  cursor: pointer;
}
.problem__carousel_item p {
  font-family: regular;
  font-size: 15.53px;
  padding: 0 22px;
  text-align: center;
  padding-bottom: 40px;
}
.problem__carousel_item {
  transition: all 0.5s;
  height: 240px;
  width: auto;
}
.problem .owl-theme .owl-nav {
  background: transparent;
  width: auto;
}
.company-choice .owl-carousel .owl-nav button.owl-prev::after,
.company-choice .owl-carousel .owl-nav button.owl-next::after{
  display: none;
}
.software {
  margin-top: 25px;
}
.col1 .active_hidden{
  display: none;
}
.form__service .btn-readmore {
  border-radius: 200px;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  width: 30px;
  transition: all 0.5s;
  margin-top: 29.1px;
  margin-right: auto;
  position: absolute;
  bottom: -45px;
  left: 15px;
}
.tms .tms__item {
  margin-top: 0px;
}
.tms__content .borders {
  display: none;
}
.tms .tms__item h3{
  text-align: center;
}
.tms .tms__item .tms__text{
  padding-right: 0px;
}
.tms__content .tms_col2{
  margin-top: 65px;
}
.tms .tms_icon3 {
  display: none;
}
.cms__item_right h3 {
  text-align: center;
  margin-bottom: 10px;
}
.CMS .borders {
  display: none;
}
.CMS .cmc__icon {
  margin-bottom: 0px;
}
.cms__item_right{
  margin-bottom: 50px;
}
.CMS .btn-readmore {
  /* border: 1px solid black; */
  border-radius: 200px;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  width: 30px;
  transition: all 0.5s;
  margin-top: 29.1px;
  margin-right: auto;
  position: absolute;
  top: 365px;
  left: 30px;
}
.info .info__item .info__text {
  font-family: Regular;
  font-size: 15.53px;
  color: #58595B;
  margin-bottom: 0px;
  text-indent: 20px;
  padding-right: 0px;
  text-align: justify;
}
.info .btn-readmore {
  border-radius: 200px;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  width: 30px;
  transition: all 0.5s;
  margin-top: 29.1px;
  margin-right: auto;
  position: absolute;
  top: 450px;
  left: 13px;
}
.section10 .fa-quote-left,
.section10 .fa-quote-right{
  display: none;
}
.section10 .hr::After {
  content: "";
  background-color: #FD9701;
  display: block;
  width: 21%;
  height: 3px;
  position: absolute;
  top: -4px;
  left: 0px;
}
.section10 .info__title h4 {
  width: 100%;
}
.section10 .location__custom{
  margin-top: 10px;
}
.section10 .cover_location{
  text-align: center;
}
.section10 .custom-btn{
  margin-top: 10px;
  margin-left: 0px;
}
.section10 .info__title .resize {
  margin-bottom: 0px;
}
.section10 .custom-btn {
  background: linear-gradient(to right,#0DAE4C,#006768);
  width: 134px;
  height: 26px;
  line-height: 14px;
  font-family: Regular;
  font-size: 15.5px;
}
.section12 .hr::After {
  content: "";
  background-color: #FD9701;
  display: block;
  width: 15%;
  height: 3px;
  position: absolute;
  top: -4px;
  left: 0;
}
.section12 .cover {
  font-size: 30px;
}
.section12 .cover__text {
  font-size: 30px;
}
.page6__content {
  margin-top: 10px;
}
.page6__content .page6_item1 p {
  text-align: justify;
}
.page6__content ul li {
  display: block;
  font-family: Regular;
  font-size: 15.53px;
  margin-bottom: 0px;
}
.page6__content img{
  width: 100%;
  display: block;
}
.page6__content .img_duan_2 {
  margin-bottom: 0px;
}
.page6__content .img_duan_5 {
  margin-bottom: 0px;
}
.page6__content_right h3 {
  font-family: Bold;
  font-size: 16px;
  margin-top: 25px;
}
.page6 iframe{
  height: 300px;
}
.page7__content .breadcrumb {
  margin-top: 0px;
}
.page7__content .home_responsive{
  margin-bottom: 10px;
}
.page8__content {
  margin-top: 0px;
}
.page7 iframe {
  height: 300px;
}
.page8 iframe {
  height: 300px;
}
.page9 iframe {
  height: 300px;
}
header .navbar {
  line-height: 50px;
}
header .collapse .item_homePage::after,
header .collapse .item_dichVu::after,
header .collapse .itemDuAn::after,
header .collapse .itemBangTin::after,
header .collapse .itemTuyenDung::after,
header .collapse .itemLienLac::after{
  z-index: 0;
}
header .collapse .nav-item{
  padding:0;
}
.problem__cover__content {
  z-index: 10;
  height: 185px;
}
  }