@media (max-width: 576px) {
  .video-wrap {
    height: 35vh;
  }
  .feature-news-arrow {
    max-width: 23px;
  }
  .carousel.slide.video-slide {
   /* margin-top: 110px !important;*/
  }
  .half-screen-quote {
    width: 85vw;
  }
  .horizontal-slim-card p {
    width: 138%;
  }
  .section-right-img-wrapper .section-right-img-text {
    width: 29.5vw;
    right: 8vw;
    top: 4vh;
  }
  .half-width-text {
    width: 75vw;
  }

  /* .swiper-slide basic-card {
    width: 100% !important;
  }
  .swiper-slide .basic-card img {
    max-width: 100%;
  } */
  /* .swiper-head .swiper-btn-wrapper {
    top: 82px;
    right: 50px;
  } */
  .wave4-section-cta a {
    margin: auto 0;
  }

  .nav-item .btn-primary {
    margin-top: 40px;
  }
  .news-scroll {
    /* height: auto; */
    /* height: 500px; */
    margin-top: 30px !important;
  }
  #hero-section .hero-img-container {
    height: 40vh;
  }
  .footer-menu-list {
    margin-top: 38px;
  }
  .news-item .news-item-arrow {
    bottom: 12px;
    max-width: 25px;
    display: none;
  }
  .news-detail {
    flex-direction: row;
    align-items: start !important;
  }
  .news-detail h2 {
    padding: 10px 0 20px 10px;
    width: 51%;
  }
  .feature-news-container .news-detail-strip {
    height: 60px;
  }
  .feature-news-detail {
    /* padding: 15px 13px; */
    padding: 15px 7px;
    height: auto !important;
  }

  .swiper-slide .basic-card img {
    width: 100% !important;
  }
  .swiper-slide .basic-card {
    width: 100% !important;
  }
  #hero-section {
   /* padding-top: 111px !important;*/
  }
  .container-fluid {
    padding: 0 30px !important;
  }
  .swiper-head .swiper-btn-wrapper {
    left: 30px;
    top:-30px;
  }
  /* ---font-sizes--- */
  .nav-link {
    /* org:16 */
    font-size: 13px;
  }
  a.btn-primary,
  .btn-primary {
    /* org:18 */
    font-size: 11px;
  }
  .h-big {
    /* org: 32 */
    font-size: 12px !important;
  }
  h1 {
    /* org-42 */
    /* font-size: 26px; */
    font-size: 20px;
    /* width: 250px; */
    width: 62vw;
  }

  h2 {
    /* org: 24 */
    font-size: 16px;
  }

  h3 {
    /* org: 16 */
    font-size: 13px;
  }
  body {
    /* org: 16 */
    font-size: 13px;
  }
  .h-small {
    /* org: 20 */
    font-size: 16px !important;
  }
  .news-detail .h-small {
    font-size: 14px !important;
  }
  .feature-news-detail h2 {
    font-size: 14px;
  }
  .accordian-h {
    /* org: 20 */
    font-size: 12px !important;
  }
  a.btn-primary,
  a.btn-secondary,
  .btn-primary {
    /* org: 18 */
    font-size: 14px;
  }
  
  #hero-section .hero-img-container h1 {
    font-size: 30px;
  }
  /* ---font-sizes--- */

  /* NEW STYLE */
  .media-news-slider-image-height {
    height: 250px !important;
  }

  .news-scroll {
    height: 70vw;
  }
}
/* END---------------------- 0 - 576px */
@media (min-width: 577px) and (max-width: 768px) {
  .half-screen-quote {
    width: 93vw;
  }
  .footer-menu-list {
    margin-top: 38px;
  }
  .half-width-text {
    width: 75vw;
  }
  .section-right-img-wrapper .section-right-img-text {
    width: 23.5vw;
    right: 13vw;
    top: 15vh;
  }
  #hero-section .hero-img-container h1 {
    font-size: 30px;
  }
  .nav-about-list {
    width: 49%;
  }
  .container-fluid {
    padding: 0 30px !important;
  }
  .swiper-head .swiper-btn-wrapper {
    left: 55px;
  }
  /* ---font-sizes--- */
  .nav-link {
    /* org:16 */
    font-size: 14px;
  }
  a.btn-primary,
  .btn-primary {
    /* org:18 */
    font-size: 12px;
  }
  h1 {
    /* org-42 */
    font-size: 28px;
  }
  h2 {
    /* org: 24 */
    font-size: 18px;
  }
  h3 {
    /* org: 16 */
    font-size: 16px;
  }
  body {
    /* org: 16 */
    font-size: 14px;
  }
  .h-small {
    /* org: 20 */
    font-size: 18px !important;
  }
  .accordian-h {
    /* org: 20 */
    font-size: 18px !important;
  }
  a.btn-primary,
  a.btn-secondary,
  .btn-primary {
    /* org: 18 */
    font-size: 14px;
  }
 
  /* ---font-sizes--- */
   /* NEW STYLE */
   .media-news-slider-image-height {
    height: 250px !important;
  }

  .news-scroll {
    height: 70vw;
  }
}
/* END----------------------577px - 768px  */
@media (max-width: 768px) {
  .dropdown-item {
    text-align: right !important;
  }

  .accordian-card .card-header .accordian-h {
    width: 115vw;
  }
  .split-section-right.section-profile {
    margin-top: 20px;
  }
  .book-visit-section .split-section-left {
    padding: 0;
  }
  #contact-us-form-section .split-section-right {
    margin-top: 50px;
  }
  .contact-icon-element {
    border-radius: 17px;
    background: #fff;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);
    padding: 5vh 11vw;
  }
  .wave4-section-cta {
    text-align: right;
    padding-top: 25px;
  }
  
  .news-scroll {
    margin-top: 40px;
  }
  .reveal-card .reveal-card-detail .reveal-header.active::after {
    content: url(../../images/next-btn-1x.webp);
    transform: rotate(90deg);
  }
  .reveal-card .reveal-card-detail.active {
    bottom: 0;
    background: linear-gradient(-90deg, rgba(0, 33, 52, 0.6) 0%, #000000 100%);
    background-blend-mode: multiply;
  }

  .reveal-card .reveal-card-detail p.active {
    opacity: 1;
  }
  .reveal-card .card-overlay.active {
    opacity: 1;
    background: linear-gradient(to top, transparent, transparent);
  }
  .service-card .service-img.active {
    transform: scale(1.2) rotate(-5deg);
  }
  .service-card .service-card-detail .service-header.active::after {
    content: url(../../images/arrow-down.webp);
  }
  .service-card .service-card-detail.active {
    bottom: 0;
  }
  h1 {
    width: 85vw;
  }
  .swiper-head .swiper-btn-wrapper .sbtn img {
    max-width: 33px;
  }
  .swiper-btn-wrapper.swiper-btn-wrapper-1 {
    /* right: 44px; */
    /* bottom: 0; */
    top: -30px;
    left: 60px;
  }
  .swiper-btn-wrapper.swiper-btn-wrapper-2 {
    /* right: 43px; */
    /* bottom: 0; */
    top: -20px;
    left: 60px;
  }
  .swiper-btn-wrapper.swiper-btn-wrapper-3 {
    top: -34px;
    left: 60px;
    /* bottom: 0; */
  }
  
  .dropdown-menu.menu-desktop {
    display: none;
  }
  .nav-cta {
    /*margin-top: 40px;*/
  }
  .header-top-strip .languages-container {
    justify-content: right !important;
  }
  .dropdown-menu {
    display: none;
  }
  .card-col .box-card-arrow {
    display: none;
  }
  .section-half-image {
    text-align: center;
    padding-top: 65px;
  }
  /* --------------- */
  .approach-wrap .approach-content-wrap {
    transform: translateY(0%);
  }
  .about-wrap-v2 .about-content-wrap {
    transform: translateY(0%);
  }
  /* NEW STYLE */
  .media-news-slider-image-height {
    height: 350px !important;
  }

  .news-scroll {
    height: 65vw;
  }
  .sec-hero-banner-content{
    margin-top: 0px !important;
  }

  .box-card {
    width: 100%;
  }

}
/* END---------------------- 768px - * */

@media screen and (min-width: 768px) {
  .reveal-card:hover .reveal-card-detail .reveal-header::after {
    content: url(../../images/next-btn-1x.webp);
    transform: rotate(90deg);
  }
  .reveal-card:hover .reveal-card-detail {
    bottom: 0;
    background: linear-gradient(-90deg, rgba(0, 33, 52, 0.6) 0%, #000000 100%);
    background-blend-mode: multiply;
  }

  .reveal-card:hover .reveal-card-detail p {
    opacity: 1;
  }
  .reveal-card:hover .card-overlay {
    opacity: 1;
    background: linear-gradient(to top, transparent, transparent);
  }
  .swiper-slide:focus,
  .swiper-slide:hover .service-card .service-img {
    transform: scale(1.2) rotate(-5deg);
  }
  .service-card:hover .service-card-detail {
    bottom: 0;
  }
  .service-card:hover .service-card-detail .service-header::after {
    content: url(../../images/arrow-down.webp);
  }
  .section-dark.section-p-0 {
    padding: 0 !important;
  }
  .dropdown-menu.menu-mobile {
    display: none;
  }
}
@media (max-width: 992px) {
  /* video-carousal */
  .video-slide {
    height: auto;
  }
  .carousel-item.video-item {
    height: auto;
    padding-bottom: 0 !important;
  }
  .banner-video {
    width: 100%;
    height: auto;
  }
 
  .video-bg-blur {
    display: none;
  }
  /* video-carousal */
  .split-section-left.left-services ol {
    margin-right: 6vw;
  }

  /* NEW STYLE */
  .media-news-slider-image-height {
    height: 500px;
  }
}
/* END---------------------- 0 - 768px */
@media (min-width: 769px) and (max-width: 992px) {
  .half-screen-quote {
    width: 65vw;
  }
  .half-width-text {
    width: 75vw;
  }
  .section-right-img-wrapper .section-right-img-text {
    width: 14.5vw;
    right: 6vw;
    top: 11vh;
  }
  .nav-about-list {
    width: 49%;
  }
  .card-col .box-card-arrow {
    max-width: 55px;
    right: -18px;
  }
  .container-fluid {
    padding: 0 20px !important;
  }
  .swiper-head .swiper-btn-wrapper {
    left: 84px;
  }
  /* ---font-sizes--- */
  .nav-link {
    /* org:16 */
    font-size: 14px;
  }
  a.btn-primary,
  .btn-primary {
    padding: 10px 7px;
    /* org:18 */
    font-size: 12px;
  }
  .h-big {
    /* org: 24 */
    font-size: 22px !important;
  }
  h1 {
    /* org-42 */
    font-size: 28px;
  }
  h2 {
    /* org: 24 */
    font-size: 18px;
  }
  h3 {
    /* org: 16 */
    font-size: 16px;
  }
  body {
    /* org: 16 */
    font-size: 14px;
  }
  .h-small {
    /* org: 20 */
    font-size: 18px !important;
  }
  .accordian-h {
    /* org: 20 */
    font-size: 18px !important;
  }
  a.btn-primary,
  a.btn-secondary,
  .btn-primary {
    /* org: 18 */
    font-size: 14px;
  }
  #hero-section .hero-img-container h1 {
    /* org: 60 */
    font-size: 30px;
  }
  /* ---font-sizes--- */
  /* --------------- */
  .approach-wrap .approach-content-wrap {
    transform: translateY(20%);
  }
  .about-wrap-v2 .about-content-wrap {
    transform: translateY(-20%);
  }
}

/* END---------------------- 769px - 992px */
@media (min-width: 993px) and (max-width: 1200px) {
  .half-width-text {
    width: 55vw;
  }
  .container-fluid {
    padding: 0 30px !important;
  }
  .swiper-head .swiper-btn-wrapper {
    left: 96px;
  }
  .nav-about-list {
    width: 43%;
  }
}
/* END---------------------- 993px - 1200px */

/* -----------------------------------------xxxxxxxxxxxxxxxxxxxxx------------------------------ */
@media screen and (max-width: 1400px) {
  .news-detail h2 {
    padding-right: 10px;
  }
  .carousel.slide.video-slide {
    /*margin-top: 120px;*/
  }
  .nav-about-list {
    width: 49%;
  }
  .feature-news-detail{
    height: 5vw;
  }
  .navbar-brand img {
    max-width: 140px;
    height: auto;
    width: auto;
  }
  #hero-section {
    /*padding-top: 122px;*/
  }
}
@media (min-width: 993px) and (max-width: 1400px) {
  /* .navbar-brand img {
    max-width: 140px;
    height: auto;
    width: auto;
  } */
  .service-card {
    height: 473px;
  }
  .reveal-card-detail p {
    padding: 10px 0;
  }
  .service-card-detail {
    padding: 32px;
  }
  .news-scroll {
    overflow: scroll;
    /* height: 556px; */
    /* height: 55%; */
    height: 354px;
  }
  .slider2 .swiper-wrapper .swiper-slide.reveal-slide {
    width: 390px !important;
    height: 512px !important;
  }
  .basic-card-detail {
    padding: 0 9px;
  }
  .swiper-slide .basic-card .industry-img {
    width: 100% !important;
  }
  /* .swiper-slide .basic-card {
    max-width: 200px;
  } */
 
  .reveal-card-detail .reveal-header h2 {
    padding-left: 0;
  }
  .reveal-card-detail {
    padding: 15px;
  }

  .reveal-card:hover .reveal-card-detail .reveal-header::after {
    scale: 0.6;
  }
  .feature-news-detail h2 {
    width: 85%;
  }
  .feature-news-detail{
    height: auto !important;
  }
  .swiper-head .swiper-btn-wrapper {
    left: 46px;
  }
  /* ---font-sizes--- */
  .nav-link {
    /* org:16 */
    font-size: 12px;
  }

  a.btn-primary,
  .btn-primary {
    padding: 10px 7px;
    /* org:18 */
    font-size: 12px;
  }
  .h-big {
    /* org: 24 */
    font-size: 18px !important;
  }
  h1 {
    /* org-42 */
    font-size: 28px;
  }
  h2 {
    /* org: 24 */
    font-size: 16px;
  }
  h3 {
    /* org: 16 */
    font-size: 14px;
  }
  body {
    /* org: 16 */
    font-size: 12px;
  }
  p {
    font-size: 14px;
  }
  .h-small {
    /* org: 20 */
    font-size: 15px !important;
  }
  .accordian-h {
    /* org: 20 */
    font-size: 18px !important;
  }
  a.btn-primary,
  a.btn-secondary,
  .btn-primary {
    /* org: 18 */
    font-size: 12px;
  }
  #hero-section .hero-img-container h1 {
    /* org: 60 */
    font-size: 30px;
  }
  /* ---font-sizes--- */
}
@media (min-width: 1201px) {
}
/* END---------------------- 1201px - all */