@media(max-width:1680px) {

  #section-service-content .service-block .service-icon:not(:nth-child(4)) {
    padding: 20px 10px;
  }

  .movie-poster-image .wpb_heading {
    font-size: 35px;
  }

  #section-about-us-content {
    padding-left: 140px;
    padding-right: 200px;
  }

  #section-project-south-content,
  #section-project-global-content {
    padding-left: 100px;
    padding-right: 100px;
  }

  #section-service-content,
  #section-our-project-detail {
    padding-left: 105px;
    padding-right: 150px;
  }

  #section-banner-award .banner-sub-content {
    padding-left: 150px;
    padding-right: 200px;
  }

  #section-award-block {
    padding-left: 130px;
    padding-right: 200px;
    padding-top: 15px;
    padding-bottom: 118px;
  }

  #section-award-bottom {
    padding-left: 173px;
    padding-right: 170px;
    font-size: 23px;
  }

  #section-carrer-content {
    padding-left: 211px;
    padding-bottom: 354px;
  }

  #section-banner-contact-us .banner-sub-content {
    padding-left: 150px;
    padding-right: 240px;
  }

  #section-department,
  #section-location {
    padding-left: 150px;
    padding-right: 140px;
  }

  #section-reels-content {
    padding: 100px 50px;
  }

  .slick-active .video-desc {
    padding: 80px 25px 45px;
  }

  .slick-active .video-desc .video-title {
    font-size: 42px;
  }

  .slick-active .video-desc .btn-watch-reel {
    font-size: 35px;
    padding-top: 70px;
  }

  #section-reels-content .slick-track .slick-slide:not(.slick-active) .video-block {
    max-height: 350px;
  }

  #section-banner-award .banner-sub-content .tiutle {
    font-size: 25px;
  }

  #section-banner-award .banner-sub-content .detail {
    font-size: 23px;
  }

  #section-award-block .award-block-row .award-block-content .award-year,
  #section-award-block .award-block-row .award-block-content .award-title {
    font-size: 30px;
  }

  #section-award-block .award-block-row .award-block-content .award-sub-title {
    font-size: 24px;
  }

  #section-award-block .award-block-row .award-block-content .award-movie-title {
    font-size: 17px;
  }

  #section-department .department-block .title {
    font-size: 22px;
  }

  #section-department .department-block .info-mail {
    grid-template-columns: none;
    display: flex;
    flex-flow: unset;
    padding-left: 15px;
  }

  #section-department .department-block .info-mail .text-icon {
    font-size: 35px;
    width: 35px;
  }

  #section-department .department-block .info-mail .text-icon .icon-inner {
    min-width: 100%;
  }

  #section-department .department-block .dt-text-title a {
    font-size: 14px;
  }
}

@media(max-width:1469px) {

  #section-about-us-content,
  #section-banner-award .banner-sub-content,
  #section-award-block,
  #section-award-bottom,
  #section-banner-contact-us .banner-sub-content,
  #section-department,
  #section-location {
    padding-left: 100px;
    padding-right: 100px;
  }

  body #page .masthead header.header-bar .branding {
    max-width: 160px;
  }

  .masthead:not(.side-header):not(.side-header-v-stroke):not(.side-header-menu-icon) .header-bar,
  .ph-wrap {
    padding: 20px !important;
  }

  #primary-menu,
  body #page .main-nav>li>a {
    margin-bottom: 0;
  }

  #section-reels-content .slick-track .slick-slide:not(.slick-active) .video-block {
    max-height: 250px;
  }

  #section-carrer-content {
    padding-left: 100px;
  }

  #section-video-banner-top .banner-video-info-block {
    padding: 49px 100px 110px;
  }

  #content #section-video-banner-top ul.slick-dots {
    padding: 0 100px;
  }

  .slick-active .video-desc {
    padding: 60px 25px 30px;
    max-width: 285px;
  }

  .slick-active .video-desc .video-title {
    font-size: 30px;
    line-height: 1.25;
  }

  .slick-active .video-desc .btn-watch-reel {
    font-size: 25px;
    padding-top: 25px;
  }

  #section-award-block .award-block-row .award-block-content .award-year,
  #section-award-block .award-block-row .award-block-content .award-title {
    font-size: 26px;
  }

  #section-award-block .award-block-row .award-block-content .award-sub-title {
    font-size: 22px;
  }

  #section-award-block .award-block-row .award-block-content .award-movie-title {
    font-size: 16px;
  }

  #section-department .vc_row {
    margin-left: 0;
    margin-right: 0;
    flex-direction: row;
    flex-wrap: wrap;
  }

  #section-department .department-block {
    width: calc(50% - 40px);
  }

  #section-department .department-block:last-child {
    flex: 0 0 100%;
    max-width: calc(50% - 40px);
    margin-left: 40px;
  }

  #section-department .department-block .dt-text-title a {
    font-size: 18px;
    line-height: 1;
  }

  .movie-poster-block .wpb_wrapper .movie-poster-image .desc-poster-item {
    font-size: 20px;
  }
}

@media(max-width:1199px) {
  #section-service-content .service-block .vc_column-inner>.wpb_wrapper {
    gap: 20px;
    margin-right: -20px;
  }

  #section-service-content .row-services {
    padding-left: 0;
  }

  #section-about-us-content,
  #section-banner-award .banner-sub-content,
  #section-award-block,
  #section-award-bottom,
  #section-banner-contact-us .banner-sub-content,
  #section-department,
  #section-location,
  #section-project-south-content,
  #section-project-global-content {
    padding-left: 50px;
    padding-right: 50px;
  }

  body #page .masthead.inline-header .mobile-header-bar {
    padding: 20px;
    background: transparent;
  }

  body #page .masthead.inline-header .mobile-header-bar .mobile-branding {
    max-width: 168px;
  }

  body #page .dt-parent-menu-clickable {
    background: rgb(0, 0, 0, 0.8);
  }

  body #page .dt-parent-menu-clickable .dt-close-mobile-menu-icon::before {
    background: #9b0002;
  }

  body #page .dt-parent-menu-clickable li.act a span,
  body #page .dt-parent-menu-clickable li:hover a span {
    color: #9b0002;
  }

  body #page .dt-parent-menu-clickable a span {
    color: #fff;
  }

  body #page .dt-parent-menu-clickable li:not(:last-child) {
    border-bottom: 1px solid #232323;
  }

  #section-video-banner-top .banner-video-info-block {
    padding: 49px 50px 110px;
  }

  #content #section-video-banner-top ul.slick-dots {
    padding: 0 50px;
  }

  #section-video-banner-top .banner-video-info-block {
    padding: 50px 50px 110px;
    left: 0;
  }

  #section-welcome .banner-title-web {
    font-size: 85px;
  }

  .movie-poster-line.vc_row {
    gap: 30px;
    /* margin-left: -30px;
    margin-right: -30px; */
  }

  .movie-poster-block .movie-poster-image {
    margin-bottom: 30px;
  }

  .movie-project .load-more-poster-movie button.vc_general {
    font-size: 22px;
  }

  .movie-poster-image .wpb_heading {
    font-size: 25px;
  }

  #section-reels-content {
    padding: 50px;
  }

  #section-department .department-block .dt-text-title a {
    font-size: 16px;
    line-height: 1;
  }

  .movie-poster-block .wpb_wrapper .movie-poster-image .desc-poster-item {
    bottom: 10px;
    left: 8px;
  }

  .movie-poster-block .wpb_wrapper {
    gap: 20px;
    margin-right: -20px;
  }

  .movie-poster-block .wpb_wrapper .movie-poster-image {
    width: calc(20% - 20px);
  }

  .movie-poster-image .wpb_heading:after {
    bottom: 48px
  }

  .movie-poster-image .wpb_heading {
    padding-bottom: 70px;
  }

}

@media(max-width: 991px) {
  #section-service-content .service-block .vc_column-inner>.wpb_wrapper {
    gap: 15px;
    margin-right: -15px;
  }

  #section-service-content .service-block .service-icon {
    width: calc(33.33% - 20px);
  }

  #section-service-content .service-block .service-icon {
    padding: 20px 14px;
  }

  #section-service-content .service-block .service-icon:not(:nth-child(4)) {
    padding: 15px 10px;
  }

  .service-icon .wpb_singleimage_heading {
    font-size: 12px;
  }

  #section-service-content .service-block .service-icon {
    width: calc(33.33% - 15px);
  }

  body #page .masthead.inline-header .mobile-header-bar .mobile-branding {
    max-width: 80px;
    position: absolute;
  }

  body #page .masthead.inline-header .mobile-header-bar {
    justify-content: center;
  }

  body #page .masthead.inline-header {
    box-shadow: none !important;
    background-color: transparent !important;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 500;
  }

  #section-about-us-content,
  #section-banner-award .banner-sub-content,
  #section-award-block,
  #section-award-bottom,
  #section-banner-contact-us .banner-sub-content,
  #section-department,
  #section-location,
  #section-project-south-content,
  #section-project-global-content,
  #section-service-content,
  #section-our-project-detail {
    padding-left: 20px;
    padding-right: 20px;
  }

  #section-welcome .vc_column_container>.vc_column-inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  #section-welcome .banner-welcome {
    font-size: 28px;
    padding-bottom: 10px;
  }

  #section-welcome .banner-title-web {
    font-size: 41px;
  }

  #section-video-banner-top .slick-dotted.slick-slider {
    margin-bottom: 0;
  }

  .banner-title .banner-title {
    font-size: 43px;
    line-height: 1;
  }

  .banner-title.vc_row-has-fill.vc_row>.vc_column_container>.vc_column-inner {
    padding-top: 56px;
    padding-bottom: 110px;
  }

  #section-about-us-content {
    padding-bottom: 0;
  }

  #section-about-us-content .desc p {
    line-height: 1.25;
    font-size: 8px;
  }

  #section-about-us-content .desc.first {
    margin-top: -118px;
  }

  #section-about-us-content .vc_row {
    flex-direction: column;
  }

  #section-about-us-content .vc_row .wpb_column:nth-child(odd) {
    padding-right: 0;
  }

  #section-about-us-content .vc_row .wpb_column {
    padding-bottom: 15px;
    width: 100%;
  }

  #section-about-us-content .vc_row .wpb_column:nth-child(even) {
    padding-left: 0;
  }

  #section-about-us-content .block-title {
    font-size: 16px;
  }

  #section-about-us-content .vc_row .wpb_column .vc_column-inner .fw-light.text-white {
    font-size: 12px;
    line-height: 1.25;
  }

  #section-about-us-content .vc_row .wpb_column .vc_column-inner {
    padding: 16px 40px 26px 18px !important;
  }

  #section-about-us-content .vc_row .wpb_column .vc_column-inner .fw-light.text-white ul {
    padding-left: 0;
  }

  .movie-poster-location .uvc-main-heading * {
    font-size: 20px;
    text-align: center;
  }

  #section-project-global-content .wpb_column .vc_column-inner {
    padding-top: 0;
  }

  #section-banner-project-title {
    padding-bottom: 210px;
  }

  .movie-poster-location {
    margin-bottom: 20px;
  }

  .movie-project .load-more-poster-movie button.vc_general,
  #section-project-global-content .upb_row_bg {
    font-size: 12px;
  }

  #section-project-south-content {
    background: transparent;
  }

  #section-project-global-content .upb_row_bg {
    background-color: #0d0d0d !important;
  }

  .movie-project .load-more-poster-movie {
    margin-top: -10px;
    margin-bottom: 0;
  }

  .movie-poster-line.vc_row {
    gap: 20px;
    padding-left: 15px;
    padding-right: 15px;
    /* margin-left: -20px;
    margin-right: -26px; */
  }

  .movie-poster-block .wpb_wrapper .movie-poster-image {
    width: calc(33.33% - 20px);
  }

  .movie-poster-block .movie-poster-image {
    margin-bottom: 20px;
  }

  #section-reels-content {
    padding: 20px;
  }

  #section-banner-reels.banner-title.vc_row-has-fill.vc_row>.vc_column_container>.vc_column-inner .banner-title {
    margin: 0;
  }

  #section-banner-reels.banner-title.vc_row-has-fill.vc_row>.vc_column_container>.vc_column-inner {
    padding: 32px 0;
  }

  #section-banner-reels {
    /* width: 100%;
    background-size: cover;
    top: 26px; */
  }

  /* #section-banner-reels .upb_row_bg {
    width: 100% !important;
  } */

  #section-reels-content .slick-track .slick-slide:not(.slick-active) .video-block {
    max-height: 130px;
  }

  #section-banner-reels {
    margin-bottom: -148px;
    z-index: 999;
    margin-top: 40px;
  }

  #section-reels-content {
    padding: 164px 20px 40px;
  }

  #section-reels-content .video-block {
    margin-bottom: 0;
  }

  .slick-active .video-desc {
    padding: 40px 15px 0px;
    max-width: 122px;
    left: 0;
    margin-bottom: 0;
  }

  .slick-active .video-desc .video-title {
    font-size: 12px;
  }

  .slick-active .video-desc .btn-watch-reel {
    font-size: 10px;
    padding-top: 15px;
  }

  #section-reels-content .slick-prev {
    width: 40px;
    height: 40px;
    left: 0;
  }

  #section-reels-content .slick-next {
    width: 40px;
    height: 40px;
    right: 0;
  }

  .block-title.wpb_content_element {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .content-detail {
    font-size: 10px;
    line-height: 1.25;
  }


  #section-service-content .wpb_column .vc_column-inner {
    padding-top: 0;
  }

  #section-service-content {
    margin-top: -42px;
    background: transparent !important;
  }

  #section-service-content .upb_row_bg {
    background: transparent !important;
  }

  #section-banner-services.banner-title.vc_row-has-fill.vc_row>.vc_column_container>.vc_column-inner {
    padding-top: 46px;
  }

  #section-service-content .service-block .service-block-content {
    font-size: 10px;
    line-height: 1.25;
  }

  #section-service-content .service-block .service-icon img {
    max-width: 40px;
  }

  #section-service-content .service-block:not(:last-child) {
    margin-right: 20px;
  }

  #section-service-content .service-block {
    padding-top: 18px;
    margin-top: 20px;
  }

  .content-detail.last {
    padding-top: 25px !important;
    padding-bottom: 20px !important;
  }

  #section-service-content .row-services {
    padding-left: 0;
  }

  #section-our-project-detail .vc_column-inner,
  #section-award-block .vc_column-inner,
  #section-award-bottom .vc_column-inner,
  #section-carrer-content .vc_column-inner,
  #section-department .vc_column-inner,
  #section-location .vc_column-inner {
    padding-top: 10px;
  }

  #section-our-project-detail ul {
    padding-top: 5px;
    padding-bottom: 5px;
    list-style: none;
    padding-left: 0;
  }

  #section-our-project-detail {
    padding-bottom: 50px;
  }

  #section-banner-award {
    padding-top: 0px;
    padding-bottom: 20px;
  }

  #section-banner-award .banner-title,
  #section-banner-contact-us .banner-title {
    font-size: 43px;
  }

  #section-banner-award .banner-sub-content {
    padding-top: 40px;
  }

  #section-banner-award .banner-sub-content .tiutle {
    font-size: 14px;
  }

  #section-banner-award .banner-sub-content .detail {
    font-size: 12px;
  }

  #section-award-block .wpb_wrapper .vc_row {
    flex-direction: column;
    margin-bottom: 20px;
  }

  #section-award-block .award-image {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
  }

  #section-award-block .award-image img {
    max-width: 100px;
  }

  #section-award-block .award-block-row .award-block-content .award-year,
  #section-award-block .award-block-row .award-block-content .award-title {
    font-size: 15px;
  }

  #section-award-block .award-block-row .award-block-content .award-sub-title {
    font-size: 13px;
    padding-top: 15px;
  }

  #section-award-block .award-block-row .award-block-content .award-movie-title {
    font-size: 11px;
  }

  #section-award-block {
    padding-bottom: 20px;
  }

  #section-award-bottom {
    font-size: 12px;
    padding-bottom: 40px;
  }

  #section-carrer-banner .banner-title {
    font-size: 43px;
  }

  #section-carrer-banner {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  #section-carrer-content {
    padding-left: 20px;
  }

  #section-carrer-content .title {
    font-size: 21px;
    margin-bottom: 20px;
  }

  #section-carrer-content {
    padding-bottom: 20px;
  }

  .sub-title-red.wpb_content_element {
    font-size: 16px;
  }

  #section-banner-contact-us .inner-content {
    font-size: 11px;
    line-height: 1.25;
  }

  #section-banner-contact-us .banner-sub-content {
    padding-top: 40px;
  }

  #section-banner-contact-us {
    padding-top: 20px;
  }

  #section-department .vc_row {
    gap: 10px;
    margin-left: -10px;
    margin-right: -10px;
  }

  #section-department .department-block .vc_column-inner {
    padding: 15px;
  }

  #section-department .department-block .title {
    font-size: 13px;
    text-align: center;
    padding-bottom: 10px;
  }

  #section-department .department-block .dt-text-title a {
    font-size: 10px;
  }

  #section-department .department-block .info-mail .text-icon {
    font-size: 20px;
    width: 20px;
    height: 36px;
    line-height: 48px;
  }

  #section-department .department-block:last-child {
    max-width: calc(50% - 10px);
    margin-left: 10px;
  }

  #section-department .department-block:last-child {
    max-width: calc(50% - 10px);
    margin-left: 10px;
  }

  #section-department .department-block .info-mail {
    padding-left: 10px;
  }

  #section-department .department-block .info-mail .text-icon .icon-inner {
    min-height: unset;
  }

  #section-department .department-block {
    width: calc(50% - 10px);
  }

  #section-location .contact-form input::placeholder,
  #section-location .contact-form textarea::placeholder {
    font-size: 12px;
  }

  #section-location .contact-form input {
    height: 40px;
    margin-bottom: 0;
  }

  #section-location .contact-form textarea {
    height: 145px;
  }

  #section-location .contact-form input[type="submit"] {
    font-size: 16px;
    padding: 0 30px;
    height: 40px;
  }

  #section-social img {
    max-width: 40px;
  }

  #section-social .vc_column-inner .wpb_wrapper {
    gap: 20px;
  }

  #section-social {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #footer .wf-container-footer .wf-container .widget {
    font-size: 12px;
  }

  footer#footer .wf-container-footer {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .txt-feature-movie {
    font-size: 12px;
    margin-bottom: 0;
  }

  #section-video-banner-top .banner-video-info-block {
    /* padding: 20px 40px 50px; */
    left: 0;
    padding: 15px 20px 50px;
    left: 0;
    position: relative;
  }

  .banner-video-info-block .movie-title {
    font-size: 16px;
  }

  .banner-video-info-block .triggle-modal-video {
    font-size: 10px;
    padding: 15px;
    line-height: 1.25;
  }

  #content #section-video-banner-top ul.slick-dots {
    padding: 0 20px;
  }

  #content #section-video-banner-top ul.slick-dots {
    bottom: 20px;
  }

  .video-modal-content {
    width: 95%;
  }

  .modal-video-wrapper iframe {
    height: 350px;
  }

  .movie-poster-block .wpb_wrapper .movie-poster-image .desc-poster-item {
    left: 8px;
    font-size: 12px;
  }

  .mobile-header-space {
    display: none !important;
  }
}

@media(max-width:767px) {
  .movie-poster-image .wpb_heading {
    font-size: 16px;
  }

  #section-video-banner-top .slick-arrow {
    width: 50px;
    height: 50px;
  }
}

@media(max-width:575px) {
  #section-video-banner-top .slick-arrow {
    top: 32%;
    width: 40px;
    height: 40px;
  }
}


@media(max-width:478px) {
  #section-department .vc_row {
    flex-direction: column;
  }

  #section-department .department-block {
    width: 100%;
  }

  #section-department .department-block:last-child {
    max-width: 100%;
    margin-left: 0;
  }

  #section-department .department-block .dt-text-title a {
    font-size: 12px;
  }

  #section-department .department-block .info-mail {
    justify-content: center;
  }
}