@media (min-width: 991px) {
  .banner.cate.banner_dataitem {
    height: 450px;
  }


  .block-slider .banner img {

    height: auto;

    max-height: 350px;

  }



  .slider-scroll a {

    pointer-events: all !important;

  }

  .block-slider .banner-mobile {

    display: none;

  }

  .slider-top-car .slider-car .car-item>div {

    padding-right: 15px;

  }

  #h-video {

    min-height: 500px;

    height: 100%;

    max-height: 530px;

  }

  .char-slogin:after {

    position: absolute;

    left: 100%;

    background: #ee3239;

    content: '';

    width: 20%;

    top: calc(50% - 3px);

    height: 5px;

    z-index: 0;

  }

  .header-mid {

    z-index: 1;

  }

  .intro .text-intro .text-year {

    line-height: 1.2;

  }

  .modal-dialog {

    max-width: 780px;

  }

  .pd-40x70 {

    padding: 40px 70px;

  }

  .pro-details .grid-video {

    max-height: 360px;

  }

  .padding-30 {

    padding-left: 30px;

    padding-right: 30px;

  }

  .margin-30 {

    margin-left: -30px;

    margin-right: -30px;

  }

  .block-search.w-100 {

    display: none;

  }

  .block-pro li a:hover img {

    animation: imgup 4s 0s linear;

  }

  .block-pro .nav-tabs img {

    max-width: 125px;

  }

  .nav-menu {

    width: 95%;

  }

  .nav-menu ul>li>ul {

    position: absolute;

    flex-wrap: wrap;

    width: 100%;

    background: rgba(255, 255, 255, .6);

    left: 0;

    display: flex;

    justify-content: flex-start;

  }

  .nav-menu>ul>li>a {

    text-transform: uppercase;

    margin: 0px 5px;

  }

  .nav-menu ul>li>ul>li {

    display: block;

    flex: 0 0 25%;

    max-width: 25%;

  }

  .nav-menu ul>li>ul>li>a {

    background: #fff;

  }

  .nav-menu ul>li a {

    padding: 6px 4px;

    font-family: 'Roboto-Medium';

    font-size: 16px;

    display: block;

  }

  .nav-menu ul>li {

    display: inline-block;

  }

  .nav-menu ul>li>ul:before {

    position: absolute;

    top: 0;

    left: 0;

    height: 4px;

    width: 100%;

    background: #ee2d31;

    content: '';

  }



  .nav-menu ul>li>ul ul:before {

    display: none;

  }

  .nav-menu ul>li>ul>li>ul {

    position: relative;

    width: 100%;

    opacity: unset !important;

    visibility: unset !important;

    pointer-events: unset !important;

    background: none;

  }



  .nav-menu ul>li>ul>li ul li {

    display: block;

    max-width: 100%;

    flex: 0 0 100%;

  }

  .nav-menu>ul>li:hover>ul {

    opacity: 1;
    visibility: visible;
    pointer-events: all;

    -webkit-transition: all .3s ease 0s;

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -o-transform: translateY(0px);

    transform: translateY(0px);

  }



  .nav-menu>ul>li>ul {

    opacity: 0;

    visibility: hidden;

    padding: 10px 5px;

    pointer-events: none;

    -webkit-transition: all .3s ease 0s;

    -webkit-transform: translateY(5px);

    -moz-transform: translateY(5px);

    -ms-transform: translateY(5px);

    -o-transform: translateY(5px);

    transform: translateY(5px);

    -moz-transition: all .3s ease 0s;

    -ms-transition: all .3s ease 0s;

    -o-transition: all .3s ease 0s;

    transition: all .3s ease 0s;

  }

  .nav-menu ul>li>ul>li ul a:after {

    content: '';

    display: block;

    width: 100%;

    left: 15%;

    right: 15%;

    height: 2px;

    background: #ee3239;

  }

  .nav-menu ul>li>ul>li ul a:before {

    display: none;

  }

  .nav-menu ul>li>ul>li ul a {

    font-size: 14px;
    background: transparent;
    text-transform: initial;
    position: relative;

  }

  .nav-menu ul>li>ul>li>a {

    text-align: left;

  }

  .nav-menu ul ul>li>a:before {

    position: absolute;

    left: 0;

    top: 25%;

    bottom: 25%;

    width: 2px;

    z-index: 0;

    background: #ee3239;

    content: '';

  }

  .nav-menu ul ul>li>a {

    font-size: 14px;

    padding-left: 10px;

    text-transform: uppercase;

    position: relative;

  }



  .nav-menu ul>li:hover>ul {

    opacity: 1;

    visibility: visible;

    pointer-events: all;

  }



  .nav-menu ul>li>ul>ul {

    position: relative;

    opacity: 1;

    visibility: visible;

    pointer-events: all;

  }



}



@media (min-width: 1367px) {
  .block-news .tns-outer .tns-nav {

    text-align: center;

    position: absolute;

    bottom: -15px;

    width: 100%;

  }

  .social-bar {

    bottom: 50px;

  }

  .container {

    max-width: 1200px;

  }

}



@media (min-width: 1600px) {

  .container {

    max-width: 1325px;

  }

}



@media (min-width: 1919px) {

  .allgarrely,

  .footer-item {

    padding: 0px 10px;

  }

  .allgarrely:nth-child(3),

  .allgarrely:nth-child(4),

  .allgarrely:nth-child(5),

  .footer-item:nth-child(3),

  .footer-item:nth-child(4),

  .footer-item:nth-child(5) {

    max-width: 12%;

    flex: 0 0 12%;

  }

  .container {

    max-width: 1575px;

  }

}



@media (max-width: 1600px) {

  .nav-menu ul li a {

    font-size: 14px;

  }

  .item-video .c-img-50 {

    padding-top: 61.5%;

  }

}



@media (max-width: 1367px) {

  .nav-menu>ul>li>a {

    text-transform: uppercase;

    margin: 0px 3px;

  }

  .nav-menu>ul>li>a {

    text-transform: uppercase;

    padding: 2px !important;

  }

  .intro.history .item-his:before {

    left: calc(47%);

  }

  .number_up .text-grayr {

    font-size: 24px;

  }

  .recruiment-page .title-block {

    font-size: 24px;

  }

  .controls.arrows .tns-outer .tns-controls button {

    width: 30px;

    height: 30px;

  }

  .slider-top-car .container .tns-outer .tns-controls button:last-child {

    right: -35px;

  }

  .slider-top-car .container .tns-outer .tns-controls button:first-child {

    left: -35px;

  }

  .block-news .bg-white {

    max-height: unset;

  }

  .block-map .map-center {

    right: 5px;

    width: 450px;

  }
  .intro.history .item-his.tns-slide-active.index .item-content:after {

    left: calc(50% - 49px);

  }

  .intro.history .item-his.tns-slide-active.index:before {

    left: calc(47% - 1px);

  }

  .nav-menu ul li a {

    font-size: 13px;

  }

  .nav-menu ul>li>ul>li {

    margin: 0;

  }

  .nav-menu ul li {

    margin: 0px 3px;

  }

  .block-pro button,

  .slider-top-car button,

  .history.intro button {

    background: #ffffff4d;

  }

  .padding-60-90,

  .padding-70-80,

  .padding-60-30,

  .padding-50-80,

  .pb-30 {

    padding-bottom: 30px;

  }

  .banner.recruitment-banner {

    height: 600px;

  }

  .social-bar {

    bottom: 50px;

  }

  .allgarrely .item-video .c-img-50,

  .allgarrely .item-video .c-img-70,

  .allvideo.edit .item-video .c-img-50,

  .allvideo.edit .item-video .c-img-70 {

    padding-top: 53.5%;

  }

  .allgarrely .grid-video,

  .allvideo.edit .grid-video {

    max-height: 730px;

  }

  .tns-controls {

    z-index: 2 !important;

  }

  .tns-outer .tns-controls button:first-child,

  .block-pro .tns-outer .tns-controls button:first-child {

    left: 0;

  }

  .tns-outer .tns-controls button:last-child,

  .block-pro .tns-outer .tns-controls button:last-child {

    right: 0;

  }

  .pro-details #garelly .garelly {

    padding-top: 51%;

  }
}



@media (max-width: 1200px) {

  .fs-36 {

    font-size: 24px;

  }

  .block-map .map-center .list-map {

    height: 584px;

  }

  .fs-28 {

    font-size: 18px;

  }

  .news-support .item-support .text {

    width: 100%;

  }

  .btn-arrow:after {

    padding: 5px 10px;

  }

  .btn-view {

    padding: 8px 10px;

  }

  .fs-30 {

    font-size: 18px;

  }

  .fs-16 {

    font-size: 15px;

  }

  .fs-18 {

    font-size: 14px;

  }

  .block-video .item-video .title-video {

    padding: 15px 55px 10px 10px;

  }

  .fs-22 {

    font-size: 16px;

  }

  .fs-46 {

    font-size: 36px;

  }

  .fs-40 {

    font-size: 30px;

  }

  .block-slider .item-slider .block-text .text-slider .textp {

    margin: 10px 0 0 0;

  }

  .block-slider .item-slider .block-text .text-slider .btn-main {

    margin-top: 30px;

  }

  .row-5col {

    justify-content: center;

  }

  .row-5col div[class^="col"] {

    max-width: 33.333%;

    flex: 0 0 33.333%;

    margin-bottom: 15px;

  }

}

@media (max-device-width: 1024px) and (orientation:landscape) {

  .block-map .map-center {

    right: 0;

    max-width: 450px;

  }

  .intro.history .item-his.tns-slide-active.index:before {

    left: calc(45% - 2px);

  }

}

@media (max-device-width: 1024px) and (orientation:landscape) {

  .intro.history .item-his.tns-slide-active.index:before,

  .intro.history .item-his:before {

    left: calc(47.5% - 2px);

  }

  .block-map .map-center {

    position: absolute !important;

    right: 0 !important;

    top: 0;

    max-width: 360px;

    bottom: 0;

    max-height: 350px;

    overflow: hidden;

  }

}

@media (max-width: 1200px) {

  .video-list .item-video .img img {

    min-height: auto;

  }

}

@media (max-width: 991px) {

  .rotate-mobile {

    flex-direction: column-reverse;

  }

  .title-xnews {

    font-size: 16px !important;

  }

  .action-video .item-action {

    flex-wrap: wrap;

  }

  .banner.cate {

    min-height: 300px;

    height: auto;

  }



  .recruiment-page .title-block {

    font-size: 18px;

  }

  .block-news .bg-white {

    height: auto;

  }

  .item-news:first-child {

    padding-top: 0 !important;

  }

  .frm-paytime table tr td:first-child {

    width: 100%;

  }

  .block-paytime {

    padding: 30px 0;

  }

  .padding-frm.utilities.frm-paytime.edit {

    margin: 0;

  }

  .slider-scroll {

    overflow-x: scroll !important;

    white-space: nowrap;

    display: flex;

    width: 100%;

    flex-wrap: nowrap;

  }

  .padding-frm.utilities.edit tr td {

    max-width: 100%;

    width: 100%;

  }

  .frm-paytime table tr td[colspan="2"] {

    margin: auto;

  }

  .logo img {

    width: 100%;

  }

  .show-down.active:after {

    -webkit-transform: rotateZ(180deg);

    -moz-transform: rotateZ(180deg);

    -ms-transform: rotateZ(180deg);

    -o-transform: rotateZ(180deg);

    transform: rotateZ(180deg);

  }

  .show-down.active {

    background: #e2e2e2;

    color: #000;

  }

  .show-down {

    padding: 10px 5px;

    background: #ed3237;

    -webkit-transition: .15s ease-in-out;

    -moz-transition: .15s ease-in-out;

    -ms-transition: .15s ease-in-out;

    -o-transition: .15s ease-in-out;

    transition: .15s ease-in-out;

    position: relative;

    color: #fff;

  }

  .show-down:after {

    position: absolute;

    content: '\f107';

    font-family: FontAwesome;

    display: inline-block;

    -webkit-transition: .15s ease-in-out;

    -moz-transition: .15s ease-in-out;

    -ms-transition: .15s ease-in-out;

    -o-transition: .15s ease-in-out;

    transition: .15s ease-in-out;

    font-size: 24px;

    right: 10px;

    top: calc(50% - 18px);

  }

  .block-city, .block-option {

    display: none;

  }

  .copy-right p {

    font-size: 14px;

  }

  .panination a, .panination span {

    font-size: 14px;

  }

  .services-cate .btn-apply {

    margin-top: 0;

  }

  .services-cate .title-item {

    font-size: 18px;

  }


  .padding-frm.utilities.frm-paytime.edit {

    margin: 0px 15px;

  }

  .frm-paytime.edit .first-60 {

    width: 100%;

  }

  .banner.recruitment-banner .block-text {

    margin: auto;

    text-align: center;

  }

  .item-info-rec span {

    width: 25%;

    flex: 0 0 25%;

  }

  .banner.cate .block-text {

    max-width: 500px;

    width: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 1;

  }

  .block-slider .banner:after {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    content: '';

    background: inherit;

    z-index: 0;

  }

  .banner.recruitment-banner {

    background-image: unset !important;

  }

  .item-bar .text {

    margin-left: 115px;

    text-align: left;

  }

  .item-bar {

    text-align: center;

    min-height: 110px;

  }

  .padding-frm.utilities.edit td i {

    top: calc(50% - 5px);

  }



  #h-video {

    height: auto;

    min-height: 300px;

  }

  .grid-image .item-image {

    margin-bottom: 15px;

  }

  .allvideo {

    padding: 10px 15px;

  }

  .margin-20 {

    margin: 0px -15px;

  }

  .pb-30 {

    padding-top: 10px;

    padding-bottom: 10px;

  }

  .allpro .icon.right:after {

    vertical-align: baseline;

  }

  .padding-20 {

    padding: 5px 15px;

  }

  .news-slider-in .item .c-img-70 {

    padding-top: 70%;

  }

  .intro.info .img.two img {

    max-width: unset;

    max-height: unset;

  }

  .block-pro .nav {

    padding-bottom: 5px;

  }

  #map {

    max-height: 350px;

  }

  .action-video .item-action a,

  .action-video .item-action span {

    max-width: 33.333%;

    flex: 0 0 33.333%;

    padding: 5px 2px;

  }

  .nav-menu .logo {

    max-width: 100%;

    padding: 5px;

    text-align: center;

  }

  .nav-menu {

    position: fixed;

    min-width: 250px;

    width: 70%;

    height: 100vh;

    background: #fff;

    left: -100%;

    z-index: 1000;

    top: 0;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    -webkit-transition: .15s ease-in-out;

    -moz-transition: .15s ease-in-out;

    -ms-transition: .15s ease-in-out;

    -o-transition: .15s ease-in-out;

    transition: .15s ease-in-out;

  }

  .nav-menu.active {

    opacity: 1;

    visibility: visible;

    pointer-events: all;

    left: 0;

  }

  .nav-menu .tt-menu {

    padding: 5px 0;

    text-align: center;

  }

  .nav-menu .bt-close {

    max-width: 40px;

    width: 100%;

    height: 40px;

    font-size: 26px;

    color: #000;

    z-index: 1;

    text-align: center;

    cursor: pointer;

    -webkit-transition: 1s ease 0s;

    -moz-transition: 1s ease 0s;

    -ms-transition: 1s ease 0s;

    -o-transition: 1s ease 0s;

    transition: 1s ease 0s;

    margin-left: auto;

  }

  .nav-menu .bt-close:hover {

    color: #ee3239;

  }

  .nav-menu ul ul {

    display: none;

  }

  .nav-menu ul ul a {

    padding-left: 25px !important;

  }

  .nav-menu ul li {

    display: block;

    border-top: solid thin #dcdcdc;

    position: relative;

  }

  .nav-menu > ul > li:first-child {
    border-top: 0;
  }

  .nav-menu ul li a {

    display: block;

    text-align: left;

    padding: 10px 10px 10px 15px !important;

    background: #fff;

  }

  .nav-menu ul li i {

    position: absolute;

    max-width: 33px;

    display: flex;

    width: 100%;

    height: 31px;

    font-style: normal;

    right: 0;

    top: 0;

    cursor: pointer;

    justify-content: center;

    align-items: center;

    color: #cac7c7;

    -webkit-transition: 0.3s ease 0s;

    -moz-transition: 0.3s ease 0s;

    -ms-transition: 0.3s ease 0s;

    -o-transition: 0.3s ease 0s;

    transition: 0.3s ease 0s;

  }

  .nav-menu ul li i.active {

    -webkit-transition: 0.3s ease 0s;

    -moz-transition: 0.3s ease 0s;

    -ms-transition: 0.3s ease 0s;

    -o-transition: 0.3s ease 0s;

    transition: 0.3s ease 0s;

    -webkit-transform: rotateZ(90deg);

    -moz-transform: rotateZ(90deg);

    -o-transform: rotateZ(90deg);

    -ms-transform: rotateZ(90deg);

    transform: rotateZ(90deg);

  }

  .nav-menu ul li i:hover {

    color: #000000e0;

  }

  .nav-menu ul li.has-dropdown .fa{
    display: none;
  }

  .nav-menu ul li i:after {

    font-family: 'FontAwesome';

    content: '\f105';

    position: absolute;

    font-size: 20px;

  }

  .showMenu i {

    vertical-align: inherit;

  }

  .input-cv {

    padding-left: 0;

  }

  .modal-content .close {

    right: -15px !important;

    top: -5px !important;

    width: 35px !important;

    height: 35px !important;

  }

  .tr-sign {

    display: flex;

    flex-direction: column-reverse;

  }

  .tr-sign td {

    width: 100%;

  }

  .slider-top-car {

    max-height: unset;

  }

  .block-slider .tns-outer .tns-nav button {

    width: 30px;

  }

  .modal-content {

    padding: 10px !important;

  }

  .recruiment-page.team-family,

  .recruiment-page.work-time {

    padding: 20px 0 !important;

  }

  .recruiment-page.recruiment,

  .recruiment-page.team-top,

  .recruiment-page.garelly-family,

  .recruiment-page.cate-recruiment,

  .recruiment-page.recruiment-details {

    padding: 20px 15px !important;

  }

  .recruiment-page .rank {

    text-align: center;

  }

  .fs-48 {

    font-size: 24px;

  }

  .intro {

    padding: 0 !important;

  }

  .pd-40x70 {

    padding: 20px;

  }

  .intro .img.one {

    margin: 0;

    max-width: unset;

    max-height: unset;

  }

  .fs-34 {

    font-size: 24px;

  }

  .grid-video {

    margin: 0px -10px;

  }

  .page-contact {

    padding: 30px 15px;

  }

  .action-video {

    overflow-x: scroll;

  }

  .action-video .item-action a {

    padding: 8px 2px;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .grid-video {

    display: flex;

    flex-wrap: wrap;

  }

  .grid-video .item-video {

    flex: 0 0 50%;

    max-width: 50%;

    padding: 0px 10px;

    margin-bottom: 15px;

  }

  .frm-paytime .padding-frm {

    overflow-x: scroll;

    padding: 10px;

  }

  .services-cate {

    padding: 20px 15px;

  }

  .fs-20 {

    font-size: 16px;

  }

  .fs-36 {

    font-size: 20px;

  }

  .blur-black {

    position: fixed;

    background-color: #000000cf;

    z-index: 999;

    top: 0;

    -webkit-transition: 0.3s ease 0s;

    -moz-transition: 0.3s ease 0s;

    -ms-transition: 0.3s ease 0s;

    -o-transition: 0.3s ease 0s;

    transition: 0.3s ease 0s;

    left: 0;

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -o-transform: translateX(100%);

    -ms-transform: translateX(100%);

    transform: translateX(100%);

    right: 0;

    bottom: 0;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

  }

  .blur-black.active {

    opacity: 1;

    -webkit-transform: translateX(0%);

    -moz-transform: translateX(0%);

    -o-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

    transform-origin: left;

    visibility: visible;

    pointer-events: all;

  }

  .block-search {

    height: 0px;

    background-color: #fff;

    opacity: 0;

    visibility: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 0;

    position: relative;

    -webkit-transition: 0.3s all;

    -moz-transition: 0.3s all;

    -ms-transition: 0.3s all;

    -o-transition: 0.3s all;

    transition: 0.3s all;

  }

  .nav-menu .main_search {

    border: solid thin #eaeaea;

    max-width: 97%;

    margin: auto;

  }

  .block-search .btn-close {

    font-size: 24px;

    position: absolute;

    right: 10px;

    color: #d4b55c;

    cursor: pointer;

  }

  .block-search.active {

    height: 70px;

    opacity: 1;

    visibility: visible;

  }

  .btn-menu {

    width: 35px;
    text-align: center;
    vertical-align: middle;
    background: #ee3239;
    height: 35px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 2.5px;
  }

  .block-text .texth {

    font-size: 20px;

  }

  .block-slider .item-slider .block-text .text-slider {

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center;

  }

  header.active {

    position: fixed;

    top: 0;

    width: 100%;

  }

  header {

    display: block;

    position: relative;

    z-index: 1000;

    width: 100%;

  }

  header .header-bar {

    /*background: #00000099;*/

    padding: 6px 0;

    color: #fff;

  }

  .header-social-lang {

    max-width: 70%;

    flex: 0 0 70%;

  }

  .header-social-lang .lang {

    max-width: 25%;

    text-align: center;

    flex: 0 0 25%;

  }

  .header-social-lang .ic-search {

    max-width: 45px;

  }

  .header-bar .social {

    display: none;

  }

  .pd-reset {

    padding: 10px 0;

  }

  .block-slider .item-slider .block-text .text-slider {

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

  }

  .fs-46 {

    font-size: 26px;

  }

  .tns-outer .tns-controls {

    top: calc(50% - 25px);

    z-index: 1;

  }

  .tns-outer .tns-controls button {

    height: 33px;

    width: 33px;

    line-height: 33px;

  }

  .tns-outer .tns-controls button:first-child {

    left: 0px !important;

  }

  .tns-outer .tns-controls button:last-child {

    right: 0px !important;

    left: unset !important;

  }

  .btn-main {

    padding: 8px 20px;

  }

  footer .block-footer .footer-item {

    max-width: 50% !important;

    flex: 0 0 50% !important;

  }

  .call {

    width: 45px;

  }

  .block-map .map-center {

    position: unset;

    right: unset;

    top: unset;

    -webkit-transform: unset;

    -moz-transform: unset;

    -ms-transform: unset;

    -o-transform: unset;

    transform: unset;

    left: unset;

  }

  .fs-30 {

    font-size: 16px;

  }

  .fs-40 {

    font-size: 24px;

  }

  .nav-tabs img {

    padding: 10px 0 0 10px;

    max-width: 100px;

  }

  .slider-top-car .slider-car .car-item .img-car {

    margin-top: 15px;

  }

  .masonry .box {

    position: relative;

    grid-column: unset !important;

    grid-row: unset !important;

  }

  .slider-top-car .slider-car .text-item .name {

    margin-top: 0;

  }

  .block-slider .tns-outer .tns-nav {

    bottom: 10px;

  }

  .block-map .map-center {

    width: auto;

    min-width: 300px;

    height: auto;

  }

}



@media (max-width: 768px) {

  .fs-34 {

    font-size: 18px;

  }

  .nav-menu>ul {

    overflow-y: scroll;

    max-height: 200px;

  }

  .intro .text-intro .text-year {

    padding-right: 0;

  }

  .frm-paytime table tr td {

    position: relative;

    padding: 0;

    padding-bottom: 25px;

    display: table;

    width: 100%;

    margin: 10px 0;

  }

  .field-seo .title-item {

    position: unset;

  }

  .fs-20,

  .note-services {

    font-size: 14px;

  }

  .title-item,

  .pro-details .title-video,

  .allvideo.edit .item-video .title-video {

    padding: 5px;

  }

  .intro.info .img.two img {

    max-width: 100%;

    max-height: unset;

  }

  .title-sidebar:after {

    display: none;

  }

  .pay-load .load-ajax table th,

  .pay-load .load-ajax table td {

    font-size: 13px;

  }

  .fs-24 {

    font-size: 18px;

  }

  .modal-content {

    width: 80%;

    margin: auto;

    min-width: 300px;

  }

  .intro.history .item-his.tns-slide-active.index:before {

    left: calc(47.5%);

  }

  .pro-details {

    padding: 20px 15px;

  }

  .frm-paytime.step table tr td {

    padding-bottom: 10px;

  }

  .row-5col {

    justify-content: center;

  }

  .row-5col div[class^="col"] {

    max-width: 50%;

    flex: 0 0 50%;

    margin-bottom: 15px;

  }

  .item-bar {

    text-align: center;

  }

  .item-bar>a {

    display: inline-block !important;

  }

  .block-slider .item-slider .block-text .text-slider {

    height: auto;

    padding: 0px 15px;

  }

  .block-slider .btn-scroll {

    display: none;

  }

  footer .block-footer .footer-item {

    max-width: 100% !important;

    flex: 0 0 100% !important;

  }

  .news-support {

    padding: 30px 15px;

  }

  .block-news .item-news:first-child {

    margin-top: 15px;

  }

  .slider-top-car .tns-outer .tns-controls {

    top: calc(50% - 25px);

  }

  .fs-36 {

    font-size: 18px;

  }

}



@media (max-width: 480px) {

  .nav-menu>ul {

    overflow-y: scroll;

    max-height: 350px;

  }

  .slider-top-car .slider-car .car-item>div {

    width: 100%;

    float: none;

  }

  .banner.cate {

    min-height: 170px;

    height: auto;

  }

  #h-video iframe {

    height: 100% !important;

    min-height: auto;

  }

  #h-video {

    min-height: unset;

  }

  .item-info-rec span {

    flex: 0 0 50%;

    width: 50%;

    margin-bottom: 5px;

  }

  .recruiment-page.work-time .work a {

    width: 100%;

  }

  .intro .title-block {

    font-size: 16px;

    margin-bottom: 15px !important;

  }

  .btn-apply {

    height: 35px;

    line-height: 35px;

    padding: 0 10px;

    margin-top: 100px;

  }

  .item-news>a img {

    object-fit: contain;

    height: auto;

  }

  .item-news>a {

    min-height: 100px;

  }

  .slider-top-car .short_content {

    margin-bottom: 10px;

  }


  .video-list .item-video .img img {

    min-height: 100px;

  }

  .create-time {

    font-size: 12px;

  }

  .fs-17,

  .fs-16 {

    font-size: 14px;

  }

  .nav li a {

    padding-right: 5px;

    padding-left: 5px;

  }

  .news-cate .item-news.singer a.img {

    padding-top: 70%;

  }

  .allgarrely .grid-video,

  .allvideo.edit .grid-video {

    margin-top: 20px;

    max-height: unset;

  }

  .intro.history .item-his.tns-slide-active.index .item-content:after {

    left: calc(50% - 51px);

  }

  .intro.history .item-his.tns-slide-active.index:before {

    left: calc(47%);

  }

  .news-cate .item-news {

    flex-wrap: wrap;

  }

  .news-cate .item-news a.img,

  .news-cate .item-news>div {

    max-width: 100%;

    flex: 0 0 100%;

    padding-top: 70%;

  }

  .news-cate .item-news div {

    padding: 0;

  }

  .grid-video .item-video {

    flex: 0 0 100%;

    max-width: 100%;

    padding: 0px 10px;

    margin-bottom: 15px;

  }

  .banner.cate .block-text {

    max-width: 300px;

    text-align: center;

    margin: auto;

  }

  .item-bar div {

    min-height: auto !important;

    text-align: left;

  }

  .header-social-lang .lang {

    max-width: 35%;

    flex: 0 0 35%;

    display: flex;

    justify-content: space-evenly;

  }

  .block-slider .item-slider img {

    min-height: 175px;

    height: auto;

    object-fit: cover;

  }

  .fs-40 {

    font-size: 18px;

  }

  .block-video {

    padding-bottom: 10px;

  }

  .btn-main {

    padding: 8px 12px;

  }

  .block-slider .item-slider .block-text .text-slider .textp {

    font-size: 14px;

    margin-top: 0;

  }

  .fs-46 {

    font-size: 18px;

  }

  .logo {

    max-width: 150px;

  }

  .fs-28 {

    font-size: 16px;

  }

  .menu-footer {

    text-align: justify;

  }

  .menu-footer a {

    margin: 0;

    padding: 5px;

  }

  .social-bar {

    width: 40px;

    right: 15px;

    bottom: 15%;

  }

  .social-bar a {

    flex: 0 0 16%;

  }

}

.item-value {

  border: solid thin #ebebeb;

  height: 85%;

}

@supports (-ms-ime-align: auto) {

  .slider-tabs {

    display: unset !important;

  }

}

.s-content a {

  color: #ee2d31;

}

.slider-scroll a {

  pointer-events: none;

}