@media only screen and (min-width: 1025px) {
  .w_830 {
    width: calc(100% - 340px);
    width: -webkit-calc(100% - 340px);
  }
  .w2_830 {
    width: 340px;
  }
  .wr2_830 {
    margin-left: 0;
    margin-right: 0;
  }
  .w470 {
    width: 460px;
  }
  .w_470 {
    width: calc(100% - 460px);
    width: -webkit-calc(100% - 460px);
  }
  .w305 {
    width: 305px;
  }
  .w_305 {
    width: calc(100% - 305px);
    width: -webkit-calc(100% - 305px);
  }
  #item_careers {
    border-right: 1px solid #ececec;
    padding-right: 30px;
    display: table;
    width: 100%;
  }
  .detail_form_block {
    min-height: 550px;
    border-bottom: 1px solid #ececec;
  }
  .h_listpost .title {
    height: 45px;
    overflow: hidden;
  }
  .pd-35 {
    padding-bottom: 30px;
  }
  .item_ttr:nth-child(4n + 1) {
    clear: left;
  }
  form#search input {
    transform: translateY(-3px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .w_830 {
    width: calc(100% - 340px);
    width: -webkit-calc(100% - 340px);
  }
  .w2_830 {
    width: 340px;
  }
  .wr2_830 {
    margin-left: 0;
    margin-right: 0;
  }
  form#search {
    width: 200px;
  }
  .social a {
    margin-left: 2px;
  }
  .newletter_label {
    float: none;
    width: 100%;
    background-image: url(../images/n_left.svg);
    background-size: 55px;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 70px;
    text-align: center;
    padding-right: 0;
  }
  #newletter {
    float: none;
    width: 100%;
    background: none;
    padding-left: 0;
    margin-top: 15px;
  }
  .title_block_about {
    margin-top: 30px;
  }
  .logo_footer img {
    width: 190px;
    margin-bottom: 15px;
  }
  .menu_footer {
    background-color: #193e61;
    border-top: 1px solid #2f506e;
  }
  .info_footer * {
    font-size: 10px;
    text-align: center;
  }
  .menu_footer a:before {
    margin-right: 5px;
  }
  .content_contact {
    margin-left: 15%;
    width: 70%;
  }
  .item_form_list a {
    font-size: 12px;
  }
  .form_page_title {
    font-size: 18px;
  }
  .item_team {
    margin: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .hook_slide img {
    height: 150px;
  }
  .mb_text_center {
    text-align: center;
  }
  .live_row {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .hook_slide .owl-controls {
    display: none;
  }
  .newletter_label {
    float: none;
    width: 100%;
    background-image: url(../images/n_left.svg);
    background-size: 55px;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 70px;
    text-align: center;
    padding-right: 0;
  }
  #newletter {
    float: none;
    width: 100%;
    padding-left: 10px;
  }
  .fs-20 {
    font-size: 18px;
  }
  .block_newletter {
    padding: 20px;
  }
  .block_about {
    padding: 0;
    margin-top: 3px;
  }
  .title_block_about {
    text-align: center;
    margin-top: 30px;
    font-size: 30px;
  }
  .title_block_about:after {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
  }
  .title_block_content {
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 300;
  }
  .block_about .a_button {
    margin-bottom: 30px;
  }
  .block_h_tasklist {
    padding: 15px;
  }
  .mb_none {
    display: none;
  }
  .mb-pd-lr-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .logo_footer img {
    width: 190px;
    margin-bottom: 15px;
  }
  .menu_footer {
    background-color: #312622;
    border-bottom: 1px solid #2a201c;
  }
  .info_footer * {
    font-size: 10px;
    text-align: center;
  }
  .menu_footer a:before {
    margin-right: 5px;
    margin-left: 5px;
  }
  .hotline {
    float: right;
    padding-left: 0;
    filter: grayscale(1);
    opacity: 50%;
    margin-top: 2px;
  }
  .search-mobile .search__btn svg {
    width: 20px;
    height: 20px;
  }
  .hotline:hover {
    filter: grayscale(0);
    opacity: 1;
  }
  .hook_header {
    padding: 20px 0;
  }
  .main_menu {
    display: none;
  }
  footer .fs-13 {
    font-size: 11px;
  }
  .mb_full {
    overflow: hidden;
    padding: 0;
    width: 100%;
  }
  .h_listpost {
    padding: 0 25px;
  }
  .hook_slide .row {
    margin: 0;
  }
  .h_tasklist_content {
    padding-left: 0;
  }
  .block_h_tasklist .phone {
    margin-left: 0;
  }
  .block_h_tasklist_title {
    background-position: right center;
    padding-left: 0;
    padding-right: 90px;
    background-size: 70px;
  }
  .banner_page {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .mb-pd-lr-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .fs-30,
  .fs-32,
  .fs-36 {
    font-size: 25px;
    line-height: 1.3;
  }
  .item_career img {
    height: 150px;
  }
  .single_post_bottom:before {
    display: none;
  }
  .lh-45 {
    line-height: 1.3;
  }
  .single_post_bottom {
    padding: 10px;
  }
  .mb-mg-t-15 {
    margin-top: 15px;
  }
  .content_contact {
    margin-left: 5%;
    width: 90%;
  }
  .form_faq {
    width: 90%;
  }
  .form_page {
    display: none;
  }
  .page_form_action {
    background: none;
  }
  .item_single_dowload_title {
    float: left;
    max-width: calc(100% - 20px);
    max-width: -webkit-calc(100% - 20px);
  }
  select.form_page_mobile {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #193e61;
    color: #fff;
    border: 0;
    height: 60px;
    padding: 0 15px;
    border-radius: 0;
    margin-bottom: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/down-01.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: calc(100% - 15px) center;
  }
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
}
/* @media only screen and (max-width: 1080px) {

} */
@media only screen and (max-width: 1024px) {
  #nav {
    position: absolute;
    top: 85px;
    right: 0;
    width: 100%;
  }
  #main-nav ul {
    width: 100%;
  }
  .main_menu {
    margin-top: -3px;
  }
  #main-nav ul li.menu-item-has-children {
    padding-left: 0;
  }
  #main-nav ul li.menu-item-has-children a {
    padding-left: 15px;
  }
  #main-nav ul li .sub-menu {
    display: none;
    border: none;
    position: static;
    border-top: 1px solid #7d7d7d30;
    padding-top: 10px;
  }
  #main-nav ul li .sub-menu li {
    border: none !important;
  }
  #main-nav ul li .sub-menu::before {
    content: none;
  }
  #main-nav ul li:first-child {
    border-top: 1px solid #7d7d7d30;
  }
  #main-nav ul li {
    padding-left: 15px;
    margin-left: 0;
    border-bottom: 1px solid #7d7d7d30;
    position: relative;
  }
  #main-nav ul li .sub-menu li {
    border-top: none;
    line-height: 15px;
    display: block;
    width: 100%;
  }
  #main-nav ul li a {
    display: block;
    position: relative;
    white-space: normal;
  }
  #main-nav ul li a::before {
    content: none;
  }
  #main-nav ul li.is-active i.fa-thin {
    transform: rotate(90deg);
    filter: brightness(0);
  }
  .main_menu .sub-menu a {
    border-bottom: none !important;
    line-height: 20px;
    padding: 7px 0 7px 7px;
  }
  #main-nav li .ic-down {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    height: 60px;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
  }
  #main-nav li .ic-down i.fa-thin {
    width: 60px;
    height: inherit;
    line-height: 20px;
    display: block;
    background-image: url(../images/next-ic.svg);
    filter: brightness(0.5);
    background-repeat: no-repeat;
    background-position: center;
    transition: all;
  }
  #main-nav li .ic-down:hover i.fa-thin {
    filter: brightness(0);
  }
  .featured__slide .featured__excerpt {
    height: 56px;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .featured__panel {
    height: unset !important;
  }
  .service-card {
    background-size: cover;
  }
  .hook_slide .owl-controls {
    bottom: 54% !important;
  }
  .header .col-lg-8 {
    position: static;
  }
  .header .icon_menu_mobile {
    display: flex !important;
    top: -52px;
    right: 25px;
  }
  .header .main_menu {
    display: none;
  }
  .header .main_menu.is-open {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
  }
  .header .main_menu.is-open nav {
    display: flex;
  }
  .main_menu li {
    display: block;
  }
  #if_brochure {
    height: 350px !important;
  }
  .line_fix_moible:before {
    display: none;
  }
  .line_fix_moible {
    display: block;
  }
}
@media only screen and (max-width: 900px) {
  .featured__title {
    height: 48px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 736px) {
  .main_menu nav li {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 667px) {
  .site .resume-header {
    flex-direction: column;
    padding: 0 0 32px;
    gap: 24px;
  }
  .resume-header .resume-header__photo {
    width: 100%;
    min-height: 0;
    height: 400px;
    position: relative;
    order: -1;
  }
  .resume-header .resume-name {
    padding: 24px 24px 0;
  }
  .resume-header .resume-title {
    padding: 7px 24px;
  }
  .resume-header__body {
    padding: 0 24px;
  }
}
@media only screen and (max-width: 500px) {
  .topbar__left .hotline,
  .topbar .topbar__right .search {
    display: none;
  }
  .topbar .topbar__right .search #s {
    height: 25px;
  }
  .topbar .topbar__right .search-mobile {
    display: flex;
    gap: 10px;
  }
  .topbar .topbar__right .search.is-open {
    position: fixed;
    z-index: 111111;
    width: 80%;
    left: 10%;
    top: 20%;
    display: flex;
  }
  header .search.is-open {
    display: flex;
  }
}
@media only screen and (max-width: 480px) {
  #item_team_popuplar {
    display: block;
    margin: 0 auto 25px auto;
  }
  .resume-header .resume-header__body {
    padding-left: 25px;
  }
  .team_list {
    display: flex;
    padding: 0 20px;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
  }
  .team_list .item_team {
    margin: 0;
    min-height: 323px;
    flex-direction: column;
    height: auto;
    word-break: break-word;
    display: flex;
    max-width: 46%;
  }
  .team_list .info_team .fs-14 h3 {
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .info_team .fs-12 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .info_team .text_blue .fw-300:last-child {
    min-height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 310px) {
  .info_team .fs-12 {
    min-height: 45px;
  }
}
@media only screen and (max-width: 300px) {
  .team_list {
    column-count: 1;
  }
  .info_team .fs-12,
  .team_list .info_team .fs-14 h3,
  .info_team .text_blue .fw-300:last-child {
    min-height: auto;
  }
}