@media screen and (max-width:1199px){
  .quick-item{
    padding: 10px 20px;
  }
    header::before {
      width: 25%;
      height: 101%;
    }
    header .logo img {
        width: 205px;
    }
    .hero-three .hero-text-three ul li a{
      font-size: 16px;
    }
    .hero-three-slider img {
        height: 450px;
    }
    .hero-three .hero-text-three {
        padding-top: 50px;
    }
    .hero-three-slider .caption h1 {
      font-size: 30px;
      line-height: 44px;
    }
    .hero-three-slider .caption{
      max-width: 950px;
    }
    .hero-three .hero-text-three{
      right: 20px;
      left: 20px;
      bottom: 20px;
    }
    .introduction video.introduction-2 {
      left: 140px;
    }
    .goal-mov{
      left: 320px;
      top: -520px;
    }
    .heading h2{
        font-size: 26px;
        line-height: 36px;
    }
    .bannr {
      padding-top: 90px;
    }
    .bottom-bar.two{
    justify-content: end;
  }
}

@media screen and (max-width:991px){
      .hero-three-slider .caption h1 {
        font-size: 24px;
        line-height: 34px;
    }
    .hero-three-slider .caption {
        max-width: 700px;
    }
    .hero-three .hero-text-three ul {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
    }
    .hero-three .hero-text-three ul li {
      width: 100%;
    }
    .hero-three .hero-text-three{
      bottom: -70px;
    }
    .hero-three-slider .caption p{
      font-size: 16px;
      line-height: 24px;
      padding-bottom: 10px;
      padding-top: 5px;
    }
    .quick-item span {
        font-size: 13px;
    }
        header::before {
        width: 29%;
        height: 100%;
    }
        .quick-item {
        padding: 10px 12px;
    }
    .mobile-nav{
      padding: 20px 20px 15px;
          width: 40%;
    }
    .mobile-nav a#res-cross:before{
      left: 240px;
    }
    .hero-three .hero-text-three {
        bottom: 0px;
    }
        .goal-mov {
        left: 420px;
        top: -460px;
    }
    .faq-search{
      margin-bottom: 30px;
    }
}

@media screen and (max-width:767px){
        .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
    }
    .center h3{
      margin: 0 20px 20px 20px;
      text-align: center;
    }
    .quick-links{
      visibility: hidden;
    }
        header::before {
        width: 100%;
        background-color: #ffffff;
        height: 80%;
    }
        header .logo img {
        width: 245px;
    }
        .hero-three .hero-text-three {
        bottom: 10px;
    }
    .mobile-nav{
      width: 90%;
    }
    .hero-three .hero-text-three{
      display: none;
    }

}

@media screen and (max-width:575px){
      .hero-three .hero-text-three ul li a {
        font-size: 12px;line-height: 1;
    }
    .hero-three .hero-text-three {
        bottom: -20px;
    }
    .hero-three .hero-text-three {
        padding-top: 5px;
    }
    .hero-three .hero-text-three ul li{
          padding: 5px 10px;
    }
    .hero-three .hero-text-three ul{
      margin-top: 15px;
      padding-bottom: 10px;
    }
    .hero-three-slider .caption h1 {
      font-size: 20px;
      line-height: 30px;
    }
    .hero-three-slider .caption h4{
      font-size: 14px;
      line-height: 24px;
    }
    .hero-three-slider .caption p {
      font-size: 14px;
      line-height: 20px;
    }
    .hero-three-slider .caption {
      max-width: 310px;
      bottom: 10%;
  }
      .hero-three-slider img {
        height: 380px;
    }
        .introduction video.introduction-2 {
        left: 40px;
    }
    .experience {
        width: 320px;
    }
    video.videok {
    width: 90%;
  }
}