@media only screen and (max-width: 992px) and (min-width: 768px) {
  .font64 {
    font-size: 54px !important;
    line-height: 64px !important;
  }

  .font50 {
    font-size: 45px !important;
    line-height: 55px !important;
  }

  .font45 {
    font-size: 40px !important;
    line-height: 50px !important;
  }

  .font40 {
    font-size: 35px !important;
    line-height: 45px !important;
  }

  .font30 {
    font-size: 30px !important;
    line-height: 40px !important;
  }

  .font25 {
    font-size: 20px !important;
    line-height: 30px !important;
  }

  .font18 {
    font-size: 15px !important;
    line-height: 25px !important;
  }

  .font45 {
    font-size: 40px !important;
    line-height: 50px !important;
  }

  .font80 {
    font-size: 50px !important;
    line-height: 74px !important;
  }

  .hero-cta {
    padding: 30px 0;
    position: relative;
    max-width: initial !important;
    margin: auto;
  }

}

@media only screen and (max-width: 1499px) and (min-width: 1200px) {

  .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 30px !important;
  }

  .map-img {
    transform: translate(-50%, -10%) !important;
  }

  .map-img img {
    width: 100% !important;
  }
}


@media only screen and (max-width: 1200px) and (min-width: 992px) {
  .font40 {
    font-size: 30px !important;
  }

  .twin-btn2 {
    color: #fff !important;
    /* padding: 10px 14px; */
  }

  /* .twin-btn {
  padding: 10px 14px;
} */
  .title {
    padding-left: 30px !important;
  }

  .addon {
    padding-left: 30px !important;
  }

  .cf-title p {
    padding-inline: 250px !important;
  }

  .contact-text {
    padding-inline: 20px !important;
  }

  /* .nav-item {
  width: 20%!important;
 
} */
  .nav-tabs {
    justify-content: center !important;
  }

  .v-tab h2 {
    top: 6% !important;
    font-size: 90px !important;
  }

  .v-tab h3,
  .v-tab .tab-content p {
    margin: 0 !important;
    /* padding: 20px 0!important; */
  }

  .b-big {
    padding: 5px !important;
    /* height: 90vh!important; */
  }

  .milestone {
    padding: 5px !important;
    height: 65vh !important;
  }

  .b-wrapper {
    padding-top: 110px !important;
  }

  .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 30px !important;
  }

  .map iframe {
    padding-top: 150px !important;

  }

  .map-img {
    transform: translate(-50%, -10%) !important;
  }

  .map-img img {
    width: 100% !important;
  }

  .v-tab .tab-content {
    padding-inline: 150px !important;
  }

  .map-content h2 {
    font-size: 35px !important;
  }
}

@media only screen and (max-width: 992px) {
  .title {
    padding-left: 30px !important;
  }

  .addon {
    padding-left: 30px !important;
  }

  .cf-title p {
    padding-inline: 170px !important;
  }

  .contact-text {
    padding-inline: 20px !important;
    padding-top: 20px !important;
  }

  /* .nav-item {
    width: 26%!important;
   
  } */
  .nav-tabs {
    justify-content: space- !important;
  }

  .v-tab .tab-content {
    padding-inline: 0px !important;
    margin-top: 220px !important;
    z-index: 111111111 !important;
    position: relative !important;
  }

  .v-tab h2 {
    font-size: 70px !important;
    padding-top: 15px !important;
  }

  .v-tab h4 {
    top: 23% !important;
  }

  /* .cf-title h5::before {
  left: 39.5%!important;
}
.cf-title h3::before {
  left: 39.5%!important;
} */
  .swiper {
    /* height: 530px !important; */
  }

  .b-big {
    padding: 5px !important;
  }

  .b-wrapper {
    padding-top: 90px !important;
  }

  .l-bg,
  .r-bg {
    z-index: auto !important;
  }

  .map {
    padding-bottom: 25px !important;
  }

  .map-img {
    left: 50%;
    transform: translate(-50%, -10%) !important;
    width: 100%;
  }

  .map-img img {
    width: 100% !important;
  }

  .map-i {
    padding-inline: 60px !important;
  }

  .map-content h2 {
    transform: translate(-50%, -50%) !important;
    width: 100%;
  }

  .map iframe {
    padding-top: 130px !important;
  }

  .copy {
    padding: 20px 0px !important;
  }

  .milestone {
    padding: 0px !important;
  }

  .swiper {

    /* max-width: 760px !important; */
  }

  .coverflow {
    padding: 0 !important;
  }

  .cf-title h5::before {
    left: 50% !important;
    content: url(../images/shape.png) !important;
    bottom: 150px !important;
  }

  .cf-title h3::before {
    left: 50% !important;
    content: url(../images/shape.png) !important;
    bottom: 80px !important;
  }
}

@media only screen and (max-width: 769px) {
  .font64 {
    font-size: 48px !important;
    line-height: 60px !important;
  }

  .font50 {
    font-size: 45px !important;
    line-height: 55px !important;
  }

  .font45 {
    font-size: 40px !important;
    line-height: 50px !important;
  }

  .font40 {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .font30 {
    font-size: 30px !important;
    line-height: 40px !important;
  }

  .font25 {
    font-size: 20px !important;
    line-height: 30px !important;
  }

  .font18 {
    font-size: 15px !important;
    line-height: 25px !important;
  }

  .font22 {
    font-size: 20px !important;
  }

  .font45 {
    font-size: 40px !important;
    line-height: 50px !important;
  }

  .hero-cta {
    padding: 30px 0;
    position: relative;
    max-width: initial !important;
    margin: auto;
  }

  .v-tab h2 {
    font-size: 44px !important;
    padding-top: 15px !important;
    line-height: 1.2 !important;
  }

  .v-tab p {
    font-size: 16px !important;
  }

  .v-tab h4 {
    top: 25% !important;
  }

  .v-tab .tab-content {
    margin-top: 230px !important;
    padding-inline: 0px !important;
  }

  .cf-title p {
    padding-inline: 20px !important;
  }

  .swiper {
    /* height: 650px !important; */
  }

  .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 40px !important;
  }

  .milestone {
    padding: 0px !important;
  }

  .benchmark {
  }

  .cf-title h3::before {
    left: 35.5% !important;
  }

  .map {
    padding-bottom: 25px !important;
  }

  .map-img {
    left: 50%;
    transform: translate(-53%, -10%) !important;
    width: 100%;
  }

  .map-img img {
    width: 106% !important;
  }

  .map-i {
    padding-inline: 60px !important;
  }

  .map-content h2 {
    transform: translate(-50%, -50%) !important;
    width: 100%;
    top: 60px !important;
  }

  .map iframe {
    padding-top: 100px !important;
    max-height: 420px !important;
  }

  .contact-text {
    flex-direction: column !important;
    justify-content: left !important;
    padding-inline: 0px !important;
  }

  .phn,
  .mail {
    margin-bottom: 20px !important;
    margin-left: 45px !important;
  }

  .b-big {
    padding: 0px !important;
  }

  .b-wrapper p {
    padding: 20px 120px !important;
    font-size: 18px !important;
  }

  .cf-title h5,
  .cf-title h4 {
    font-size: 25px !important;
  }

  .nav-tabs .nav-link {
    margin-bottom: 0px !important;
  }

  .benchmark .parent {
    grid-template-columns: repeat(1, 1fr) !important;
    grid-template-rows: repeat(1, 1fr) !important;
  }

  .benchmark .div1 {
    grid-area: 1 / 1 / 3 / 3 !important;
  }

  .benchmark .div2 {
    grid-area: 2 / 1 / 3 / 3 !important;
    margin-top: 510px !important;
  }

  .benchmark .div3 {
    grid-area: 3 / 1 / 3 / 3 !important;
  }

  .r-bg,
  .l-bg {
    display: none !important;
  }

  #tabs1 ul li a.active .title {
    font-size: 40px !important;
  }

  .title {
    font-size: 35px !important;
  }

  #tabs-1,
  #tabs-2,
  #tabs-3 {
    background-position: center !important;
  }

  #tabs1 ul {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  /* .a-logo {
    right: 5% !important;
    transform: translate(0%, -1%) !important;
    left: 70% !important;
  } */

  .hero-banner .top-left {
    left: 16% !important;
  }

  .div2 p,
  .div3 p {
    bottom: 25px !important;
  }

  .div1 p {
    bottom: 290px !important;
  }

  .div1 h5 {
    bottom: 320px !important;
  }

  .div2 h5,
  .div3 h5 {
    bottom: 55px !important;
  }

  .cf-title h5::before {
    left: 50% !important;
    content: url(../images/shape-mob.png) !important;
    bottom: 140px !important;
  }

  .cf-title h3::before {
    left: 50% !important;
    content: url(../images/shape-mob.png) !important;
    bottom: 85px !important;
  }

  #tabs-1 {
    background-image: url(../images/kids-mob.png) !important;
  }

  #tabs-2 {
    background-image: url(../images/1-mob.png) !important;
  }

  .benchmark .parent {
    display: none !important;
  }

  .benchmark .parent-mob {
    display: block !important;
    position: relative !important;
  }

  .benchmark .parent-mob img {
    width: 100% !important;
  }

  /* Flashing */
  .benchmark .div1-mob:hover img,
  .benchmark .div2-mob:hover img,
  .benchmark .div3-mob:hover img {
    opacity: 1 !important;
    -webkit-animation: flash 1.5s !important;
    animation: flash 1.5s !important;
  }

  @-webkit-keyframes flash {
    0% {
      opacity: .4 !important;
    }

    100% {
      opacity: 1 !important;
    }
  }

  @keyframes flash {
    0% {
      opacity: .4 !important;
    }

    100% {
      opacity: 1 !important;
    }
  }

  .benchmark .div1-mob {
    position: relative !important;
    margin-bottom: 15px !important;
  }

  .div1-mob h5,
  .div2-mob h5,
  .div3-mob h5 {
    position: absolute;
    bottom: 50px !important;
    left: 30px !important;
    color: #f2a21e !important;
    font-size: 20px !important;
  }

  .div1-mob p,
  .div2-mob p,
  .div3-mob p {
    position: absolute;
    bottom: 10px !important;
    left: 30px !important;
    color: #fff !important;
    font-size: 14px !important;
  }

  .div2-mob {
    position: relative !important;
    margin-bottom: 15px !important;
  }

  .div3-mob {
    position: relative !important;
    margin-bottom: 15px !important;
  }
}

@media only screen and (max-device-width: 575px) {
  .swiper {
    /* height: 640px !important; */
  }
}

@media only screen and (max-device-width: 510px) {
  .swiper {
    /* height: 610px !important; */
  }

  .c-logo {
    padding: 30px 10px 20px;
  }
}

@media only screen and (max-device-width: 575px) {
  .font64 {
    font-size: 30px !important;
    line-height: 40px !important;
  }

  .font50 {
    font-size: 35px !important;
    line-height: 40px !important;
  }

  .font45 {
    font-size: 32px !important;
    line-height: 40px !important;
  }

  .font40 {
    font-size: 16px !important;
    line-height: 25px !important;
  }

  .font30 {
    font-size: 22px !important;
    line-height: 30px !important;
  }

  .font35 {
    font-size: 30px !important;
    line-height: 40px !important;
  }

  .font25 {
    font-size: 20px !important;
    line-height: 30px !important;
  }

  .font18 {
    font-size: 15px !important;
    line-height: 20px !important;
  }

  .bt-cta>div a {
    margin: 0 !important;
    width: 100% !important;
  }

  .contact-text {
    align-items: center !important;
    flex-direction: column !important;
  }

  .phn,
  .mail {
    margin-bottom: 15px !important;
  }

  .copy p {
    margin-bottom: 10px !important;
    /* font-size: 14px!important; */
  }

  .bt-cta>div a:first-child {
    /* width: 160px!important;
      margin: 0!important; */
    margin-bottom: 15px !important;
    /* vertical-align: -webkit-baseline-middle; */

  }

  .cf-title h5::before {
    display: none !important;
  }

  .cf-title h3::before {
    display: none !important;
  }

  .v-tab .tab-content {
    padding-inline: 0px !important;
    margin-top: 280px !important;
  }

  .v-tab .tab-content p {

    display: none !important;
  }

  .v-tab .tab-content span {
    display: block !important;
    font-size: 14px !important;
    color: #fff !important;
    text-align: center !important;
    font-family: "Helvetica-Regular" !important;
    margin-bottom: 0 !important;
  }

  .nav-tabs .nav-link {
    width: 180px !important;
  }

  .v-tab h4 {
    top: 32% !important;
    width: 100% !important;
    text-align: center !important;
  }

  .v-tab h2 {
    font-size: 32px !important;
    letter-spacing: 3px !important;
    line-height: 1.2 !important;
    padding-bottom: 10px !important;
  }

  .milestone {
    padding: 0px !important;
    height: 30vh !important;
    background-repeat: no-repeat !important;
    z-index: -11111111111111 !important;
    position: relative !important;
  }

  .b-wrapper p {
    font-size: 16px !important;
    padding-inline: 20px !important;
  }

  .hero-banner {
    background-image: url(../images/hero-bg-mob.png) !important;
    height: 95vh !important;
  }

  .benchmark {
  }

  .milestone h5 {
    padding-top: 0px !important;
  }

  .div1 p {
    bottom: 180px !important;
  }

  .div1 h5 {
    bottom: 210px !important;
  }

  .benchmark .parent {
    display: none !important;
  }

  .parent-mob {
    display: block !important;
    position: relative !important;
  }

  .parent-mob img {
    width: 100% !important;
  }

  /* Flashing */
  .div1-mob:hover img,
  .div2-mob:hover img,
  .div3-mob:hover img {
    opacity: 1 !important;
    -webkit-animation: flash 1.5s !important;
    animation: flash 1.5s !important;
  }

  @-webkit-keyframes flash {
    0% {
      opacity: .4 !important;
    }

    100% {
      opacity: 1 !important;
    }
  }

  @keyframes flash {
    0% {
      opacity: .4 !important;
    }

    100% {
      opacity: 1 !important;
    }
  }

  .div1-mob {
    position: relative !important;
    margin-bottom: 15px !important;
  }

  .div1-mob h5,
  .div2-mob h5,
  .div3-mob h5 {
    position: absolute;
    bottom: 40px !important;
    left: 20px !important;
    color: #f2a21e !important;
    font-size: 20px !important;
    margin-bottom: 0px !important;
  }

  .div1-mob p,
  .div2-mob p,
  .div3-mob p {
    position: absolute;
    bottom: 0px !important;
    left: 20px !important;
    color: #fff !important;
    font-size: 16px !important;
  }

  .div2-mob {
    position: relative !important;
    margin-bottom: 15px !important;
  }

  .div3-mob {
    position: relative !important;
    margin-bottom: 15px !important;
  }

  .r-bg,
  .l-bg {
    display: none !important;
  }

  .hero-cta a {
    width: 100% !important;
  }

  .nav-tabs .nav-item {
    /* width: 100%; */
    margin-right: 10px;
    margin: 10px 10px 10px;
  }

  .copy {
    /* align-items: center; */
    flex-direction: column !important;
    justify-content: center;
  }

  .map {
    padding-bottom: 25px !important;
  }

  .map-img {
    left: 50%;
    transform: translate(-50%, -10%) !important;
    width: 100%;
  }

  .map-img img {
    width: 100% !important;
  }

  .map-i {
    padding-inline: 20px !important;
  }

  .map-content h2 {
    transform: translate(-50%, -50%) !important;
    width: 100%;
    top: 40px !important;
    letter-spacing: 3px !important;
  }

  .map iframe {
    padding-top: 75px !important;
    max-height: 380px !important;
  }

  .a-logo {
    display: none !important;
  }

  .v-tab h3 {
    margin-bottom: 0 !important;
  }

  .coverflow {
    padding: 0px !important;
  }

  .hero-banner .top-left {
    display: none !important;
  }

  .head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 30px 20px !important;
  }

  .h-right img {
    max-width: 100px !important;
  }

  .head a {
    color: #4e2b73 !important;
    font-size: 14px !important;
  }

  .cf-title h3,
  .cf-title h2 {
    font-size: 30px !important;
    letter-spacing: 3px !important;
  }

  .cf-title h4,
  .cf-title h5 {
    letter-spacing: 2px !important;
    font-size: 16px !important;
  }

  .b-big {
    padding: 0 !important;
    padding-top: 100px !important;
    padding-bottom: 10px !important;
  }

  /* .b-big .container{
  padding: 0 !important;
} */
  #tabs1 ul li a.active .title {
    font-size: 40px !important;
  }

  .title {
    font-size: 35px !important;
  }

  #tabs-1,
  #tabs-2,
  #tabs-3 {
    background-position: center !important;
    top: 70px !important;
  }

  #tabs1 ul {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  #tabs-1 {
    background-image: url(../images/kids-mob.png) !important;
  }

  #tabs-2 {
    background-image: url(../images/1-mob.png) !important;
  }

  .addon {
    width: 100% !important;
  }

  .dc p {
    margin-bottom: 0 !important;
  }

  .milestone {
    height: 40vh !important;
  }

  .bt-cta {
    padding-bottom: 120px !important;
  }

  .b-wrapper {
    padding-top: 20px !important;
  }

  .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 25px !important;
  }
}


@media only screen and (max-device-width: 410px) {
  .map iframe {
    padding-top: 60px !important;
    max-height: 320px !important;
  }

  .map-content h2 {
    line-height: 1.3 !important;
    top: 30px !important;
  }

  .copy {
    padding: 20px 0 !important;
  }

  .cf-title p {
    font-size: 16px !important;
  }

  .benchmark {
    /* margin-top: 150px !important; */
  }

  .swiper {
    /* height: 580px !important; */
  }

  /* .contact-text {
  padding-inline: 20px!important;
} */
}



/* -----------------------menu page start------------------- */

@media (min-width:2001px) and (max-width: 2560px) {
  .s1-dowm-img {
    width: 12%;
    top: 89%;
  }

  .sandwich-img {
    width: 20%;
    right: -8%;
  }

  .last-right-img {
    width: 8%;
    bottom: 3%;
  }
}

/* Media Query for low resolution Tablets, Ipads */
@media (min-width:1499px) and (max-width: 2000px) {
  .s1-dowm-img {
    width: 12%;
    top: 89%;
  }

  .sandwich-img {
    width: 20%;
    right: -8%;
  }

  .last-right-img {
    width: 8%;
    bottom: 3%;
  }

  .emo-5 {
    display: none;
  }

}

@media (min-width:1200px) and (max-width: 1498px) {
  .emo-7 {
    display: none;
  }

  .emo-8 {
    display: none;
  }

  .emo-5 {
    display: none;
  }




}



/* Media Query for low resolution Tablets, Ipads */
@media (min-width:993px) and (max-width: 1199px) {
  .slide-h h2{
    bottom: 90px !important;
  }
  .font64-m {
    font-size: 44px;
  }

  .headline-l-img {
    width: 250px;
    left: -40%;
  }

  .headline-r-img {
    right: -15%;
  }

  .main .parent {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .s1-dowm-img {
    top: 91%;
  }

  .menu-s1 {
    background-size: cover;
  }

  .sandwich-img {
    top: 22%;
  }

  .emo-2 {
    display: none;
  }

  .emo-5 {
    display: none;
  }

  .emo-8 {
    display: none;
  }

  .emo-10 {
    display: none;
  }

  .emo-11 {
    top: 67%;
    left: 4%;
  }

  .emo-15 {
    display: none;
  }

  .emo-16 {
    display: none;
  }

  .emo-18 {
    display: none;
  }

  .emo-20 {
    display: none;
  }

  .emo-3 {
    left: 16%;
    top: 9%;
  }

  .emo-4 {
    display: none;
  }

  .emo-17 {
    top: 80%;
    left: 14%;
  }

  .emo-19 {
    top: 80%;
    right: 14%;
  }

  .cr-emo3,
  .cr-emo4 {
    display: none;
  }
  .tab-para{
    width: 70% !important;
  }

  .s-tab ul {
    padding-right: 30px !important;
  }
  .v-tab a {
    width: 180px !important;
  }
  .warpper {
    padding-inline: 120px !important;
  }
  .s-tab .row {
    /* padding: 50px 0px; */
  }
}


/* Media Query for low resolution Tablets, Ipads */
@media only screen and (max-width: 992px) and (min-width: 767px) {
  .font64-m {
    font-size: 44px;
  }

  .font22-m {
    font-size: 24px;
  }

  .headline-r-img {
    width: 150px;
    position: absolute;
    right: -25%;
    top: 0%;
  }

  .headline-l-img {
    width: 220px;
    left: -38%;
  }

  .sandwich-img {
    width: 220px;
    right: -12%;
    top: 26%;
  }

  .main .parent {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
  }

  .s1-dowm-img {
    width: 22%;
    top: 93%;
  }


  .main .div1 {
    grid-area: 1 / 1 / 2 / 2;
  }

  .main .div2 {
    grid-area: 1 / 2 / 2 / 3;
  }

  .main .div3 {
    grid-area: 1 / 3 / 2 / 4;
  }

  .main .div4 {
    grid-area: 2 / 1 / 3 / 2;
  }

  .main .div5 {
    grid-area: 2 / 2 / 3 / 3;
  }

  .main .div6 {
    grid-area: 2 / 3 / 3 / 4;
  }

  .main .div7 {
    grid-area: 3 / 1 / 4 / 2;
  }

  .main .div8 {
    grid-area: 3 / 2 / 4 / 3;
  }

  .main .div9 {
    grid-area: 3 / 3 / 4 / 4;
  }

  .s1-headline {
    width: 75%;
  }

  .menu-s1 {
    background-position: center;
    background-size: cover;
  }

  .client-box {
    padding: 20px;
    padding-top: 0px;
  }

  .emo-2 {
    top: 9%;
    left: 11%;
  }

  .emo-3 {
    display: none;
  }

  .emo-5 {
    display: none;
  }

  .emo-8 {
    display: none;
  }

  .emo-10 {
    display: none;
  }

  .emo-15 {
    display: none;
  }

  .emo-16 {
    display: none;
  }

  .emo-4 {
    right: 20%;
  }

  .emo-11 {
    left: 3%;
  }

  .emo-12 {
    left: 11%;
    top: 78%;
  }

  .emo-14 {
    right: 15%;
  }

  .emo-13 {
    display: none;
  }

  .emo-17 {
    display: none;
  }

  .emo-20 {
    display: none;
  }

  .emo-18 {
    top: 80%;
    left: 9%;
  }

  .emo-19 {
    top: 81%;
    right: 20%;
  }

  .main {
    padding-bottom: 110px;
  }

  .b-emo8,
  .b-emo10,
  .b-emo12,
  .b-emo14 {
    display: none;
  }

  .b-emo7 {
    top: 38% !important;
    left: 5% !important;
  }

  .b-emo11 {
    left: 5% !important;
  }

  .b-emo9 {
    top: 38% !important;
    right: 5% !important;
  }

  .b-emo13 {
    right: 5% !important;
  }

  .cr-emo3,
  .cr-emo4 {
    display: none;
  }
  .cc{
    padding-bottom: 30px !important;
  }
  .s-tab ul {
    padding-right: 30px !important;
  }
  .tab-para {
    width: 85% !important;
  }
  .tabs-m{
    text-align: center;
  }
  .v-tab a{
    width: 180px !important;
    margin-bottom: 15px !important;
  }
  .warpper {
    padding-inline: 60px !important;
  }
  .v-tab .row {
    margin-top: -75px !important;
  }
  .s-tab .row {
    /* padding: 50px 0px; */
  }
  .accordion-item-body.active {
    max-height: 100px !important;
  }
  /* .small-content.active {
    max-height: 80px !important;
  } */
  .tab-big{
    font-size: 14px !important;
  }
  .milestone{
    padding-top: 20px !important;
  }
  .a-video iframe{
    width: 100% !important;
  }
  
}

@media only screen and (max-width: 767px) and (min-width: 576px) {


  .font64-m {
    font-size: 30px;
  }

  .font20-m {
    font-size: 16px;
  }

  .font22-m {
    font-size: 20px;
  }

  .s1-headline {
    width: 90%;
  }

  .headline-r-img {
    width: 120px;
    right: -15%;
    top: 0%;
  }

  .headline-l-img {
    display: none;
  }

  .sandwich-img {
    display: none;
  }

  .s1-headline h5 {
    margin-top: 30px;
  }

  .main .parent {
    margin-top: 30px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 0px;
  }

  .main .div1 {
    grid-area: 1 / 1 / 2 / 2;
  }

  .main .div2 {
    grid-area: 1 / 2 / 2 / 3;
  }

  .main .div3 {
    grid-area: 2 / 1 / 3 / 2;
  }

  .main .div4 {
    grid-area: 2 / 2 / 3 / 3;
  }

  .main .div5 {
    grid-area: 3 / 1 / 4 / 2;
  }

  .main .div6 {
    grid-area: 3 / 2 / 4 / 3;
  }

  .main .div7 {
    grid-area: 4 / 1 / 5 / 2;
  }

  .main .div8 {
    grid-area: 4 / 2 / 5 / 3;
  }

  .main .div9 {
    grid-area: 5 / 1 / 6 / 2;
  }

  .client-box {
    padding: 20px;
    padding-top: 0px;
  }

  .fries-img {
    display: none;
  }

  .s1-dowm-img {
    width: 30%;
    top: 95%;
  }

  .menu-s1 {
    background-size: cover;
  }

  .emo-1 {
    top: 14%;
    left: 0%;
    width: 50px;
  }

  .emo-6 {
    width: 50px;
    position: absolute;
    top: 28%;
    right: 0%;
  }

  .emo-2 {
    top: 0%;
    left: 10%;
    width: 50px;
  }

  .emo-3 {
    display: none;
  }

  .emo-4 {
    display: none;
  }

  .emo-5 {
    display: none;
  }

  .emo-7 {
    top: 45%;
    left: 11%;
    width: 50px;
  }

  .emo-10 {
    top: 45%;
    right: 11%;
    width: 50px;
  }

  .emo-8 {
    display: none;
  }

  .emo-9 {
    display: none;
  }

  .emo-12 {
    display: none;
  }

  .emo-14 {
    display: none;
  }

  .emo-15 {
    display: none;
  }

  .emo-16 {
    display: none;
  }

  .emo-20 {
    display: none;
  }

  .emo-18 {
    top: 80%;
    left: 9%;
    width: 50px;
  }

  .emo-19 {
    top: 80%;
    right: 9%;
    width: 50px;
  }

  .emo-11 {
    top: 64%;
    left: 0%;
    width: 50px;
  }

  .emo-13 {
    top: 64%;
    right: 0%;
    width: 50px;
  }

  .emo-17 {
    width: 50px;
    position: absolute;
    top: 80%;
    left: 10%;
  }

  .main .top-left {
    left: 120px;
  }

  .main .a-logo {
    right: 40px !important;
    left: auto !important;
  }

  .b-emo8,
  .b-emo10,
  .b-emo12,
  .b-emo14 {
    display: none;
  }

  .b-emo7 {
    top: 38% !important;
    left: 5% !important;
  }

  .b-emo11 {
    left: 1% !important;
  }

  .b-emo9 {
    top: 38% !important;
    right: 5% !important;
  }

  .b-emo13 {
    right: 1% !important;
  }

  .b-emo17 {
    display: none;
  }

  .b-emo20 {
    display: none;
  }

  .b-emo16 {
    left: 18% !important;
  }

  .b-emo19 {
    right: 18% !important;
  }

  .cr-emo1 {
    top: 13% !important;
    left: 5% !important;
  }

  .cr-emo2 {
    top: 70% !important;
    left: 5% !important;
  }

  .cr-emo5 {
    top: 13% !important;
    right: 5% !important;
  }

  .cr-emo6 {
    top: 70% !important;
    right: 5% !important;
  }

  .cr-emo3,
  .cr-emo4 {
    display: none;
  }

  .tab-para {
    width: 90% !important;
  }
  .v-tab .nav-tabs {
    row-gap: 15px !important;
  }
  .tabs-m{
    text-align: center;
  }
  .v-tab a{
    width: 180px !important;
    margin-bottom: 15px !important;
  }
  .warpper {
    padding-inline: 0px !important;
  }
  .v-tab .row {
    margin-top: -75px !important;
  }
  .s-tab ul{
    padding: 50px 0px;
    padding-right: 20px;
  }
  .s-tab .row {
    padding: 0px 0px;
}
.accordion-item-body.active {
  max-height: 110px !important;
}
.milestone{
  padding-top: 20px !important;
}
.a-video iframe{
  width: 100% !important;
}
.main-logo{
  display: none;
}
.header .navbar .brand{
  position: absolute;
  top: 0;
  left: 0;
}
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 575px) {


  .swiper{
    padding-bottom: 3rem !important;
  }
  .small-img{
    display: block !important;
  }
  .big-img{
    
    display: none !important;
  }
  .font64-m {
    font-size: 26px;
  }

  .font20-m {
    font-size: 16px;
  }

  .font22-m {
    font-size: 16px;
  }

  .main {
    padding: 30px 0px;
    padding-top: 0px;
  }

  .s1-headline {
    width: 100%;
  }

  .headline-r-img {
    display: none;
  }

  .headline-l-img {
    display: none;
  }

  .sandwich-img {
    display: none;
  }


  .s1-headline h5 {
    margin-top: 30px;
  }

  .main .parent {
    margin-top: 30px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 0px;
  }

  .main .div1 { grid-area: 1 / 1 / 2 / 3; }
  .main .div2 { grid-area: 1 / 3 / 2 / 5; }
  .main .div3 { grid-area: 2 / 1 / 3 / 3; }
  .main .div4 { grid-area: 2 / 3 / 3 / 5; }
  .main .div5 { grid-area: 3 / 1 / 4 / 3; }
  .main .div6 { grid-area: 3 / 3 / 4 / 5; }
  .main .div7 { grid-area: 4 / 1 / 5 / 3; }
  .main .div8 { grid-area: 4 / 3 / 5 / 5; }
  .main .div9 { grid-area: 5 / 2 / 6 / 4; }


  .fries-img {
    display: none;
  }

  .s1-dowm-img {
    display: none;
  }

  .client-box {
    padding: 15px;
    padding-top: 0px;
  }

  .client-box a {
    font-size: 14px;
    padding: 5px 0px;
    margin: 0px;
  }

  .last-right-img {
    display: none;
  }

  .emo-6 {
    /* display: none; */
    width: 40px;
    top: -5%;
    right: 5%;
  }

  .emo-2 {
    display: none;
  }

  .emo-3 {
    display: none;
  }

  .emo-4 {
    display: none;
  }

  .emo-5 {
    display: none;
  }

  .emo-1 {
    display: none;
  }

  .emo-7 {
    display: none;
  }

  .emo-8 {
    display: none;
  }

  .emo-9 {
    display: none;
  }

  .emo-10 {
    display: none;
  }

  .emo-11 {
    /* display: none; */
    width: 40px;
    left: 5%;
    top: 74%;
  }

  .emo-12 {
    display: none;
  }

  .emo-13 {
    display: none;
  }

  .emo-14 {
    display: none;
  }

  .emo-15 {
    display: none;
  }

  .emo-16 {
    display: none;
  }

  .emo-17 {
    display: none;
  }

  .emo-18 {
    display: none;
  }

  .emo-19 {
    display: none;
  }

  .emo-20 {
    /* display: none; */
    width: 40px;
    right: 5%;
    top: 83%;
  }

  .main .top-left {
    /* top: 20px;
    left: 14%; */
  }

  .main .top-left img {
    width: 25px !important;
  }

  .main .top-left {
  display: none;
  }

  .main .a-logo {
    /* right: 10px !important;
    left: auto !important;
    display: block !important;
    width: 100px;
    top: 30px; */
  }

  .all-emo {
    width: 40px !important;
  }

  .b-emo8,
  .b-emo10,
  .b-emo12,
  .b-emo14,
  .b-emo7,
  .b-emo9,
  .b-emo16,
  .b-emo17,
  .b-emo20,
  .b-emo3,
  .b-emo6,
  .b-emo19 {
    display: none;
  }

  .b-emo7 {
    top: 38% !important;
    left: 5% !important;
  }

  .b-emo11 {
    left: 1% !important;
    top: 55% !important;
  }

  .b-emo15 {
    left: 8% !important;
    top: 87% !important;
  }

  .b-emo13 {
    right: 1% !important;
    top: 55% !important;
  }

  .b-emo18 {
    right: 8% !important;
    top: 87% !important;
  }

  .b-emo9 {
    top: 38% !important;
    right: 5% !important;
  }

  .b-emo2 {
    left: 25% !important;
    top: 3% !important;
  }

  .b-emo5 {
    right: 25% !important;
    top: 3% !important;
  }

  .b-emo1 {
    top: 14% !important;
  }

  .b-emo4 {
    top: 14% !important;
  }

  .cr-emo3,
  .cr-emo4 {
    display: none;
  }

  .cr-emo1 {
    top: 13% !important;
    left: 5% !important;
  }

  .cr-emo2 {
    top: 70% !important;
    left: 5% !important;
  }

  .cr-emo5 {
    top: 13% !important;
    right: 5% !important;
  }

  .cr-emo6 {
    top: 70% !important;
    right: 5% !important;
  }
  .tab-para {
    width: 100% !important;
  }
  .s-tab .nav-tabs .nav-link.active{
    font-size: 35px !important;
    width: 100% !important;
  }
  .s-tab .nav-tabs .nav-link{
    /* text-align: left !important; */
    font-size: 30px !important;
    width: 100% !important;
  }
  .s-tab ul{
    padding: 0px 15px !important;
  }
  .tabs-m{
    text-align: center;
  }
  .v-tab a{
    width: 180px !important;
    margin-bottom: 15px !important;
  }
  .warpper {
    padding-inline: 0px !important;
  }
  .v-tab .row {
    margin-top: -5px !important;
  }
  .v-tab h2{
    font-size: 30px !important
  }
  .a-video iframe{
    height: 250px !important;
  }
  .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    height: 10px !important; 
    width: 10px !important;
  }
  .tab-title{
    margin: 0px 0px !important;
  }
  .s-tab .nav-tabs{
    margin: 30px 0px;
  }
  .h-left img {
    width: 25px !important;
}
.accordion-item-body.active {
  max-height: 150px !important;
}
.a-video iframe{
  width: 100% !important;
}
.owl-slider .slide img {
  height: 95vh !important;
}
p br{
  display: none !important;
}
.main-logo{
  display: none;
}
.header .navbar .brand{
  position: absolute;
  top: 0;
  left: 0;
}
.header{
  padding: 15px 0px;
}
.brand img{
  width: 130px;
}
.header .navbar .toggle{
  top: 5px;
}

}




@media only screen and (max-width: 375px) {
  .font64-m {
    font-size: 22px;
  }

  .font40 {
    font-size: 14px !important;
    line-height: 25px !important;
  }
  .cc{
    padding-bottom: 30px !important;
  }
  .h-left img{
    width: 25px !important;
  }
  .copy p{
    letter-spacing: 1px !important;
  }

}



@media only screen and (max-width: 320px) {}

@media only screen and (max-width: 319px) {
  .font64-m {
    font-size: 22px;
  }

  .font40 {
    font-size: 14px !important;
    line-height: 25px !important;
  }


  .font20-m {
    font-size: 16px;
  }

  .font22-m {
    font-size: 16px;
  }

  .main {
    padding: 30px 0px;
    padding-top: 0px;
  }

  .s1-headline {
    width: 100%;
  }
  p br{
    display: none !important;
  }
  .headline-r-img {
    display: none;
  }

  .headline-l-img {
    display: none;
  }

  .sandwich-img {
    display: none;
  }


  .s1-headline h5 {
    margin-top: 30px;
  }

  .main .parent {
    margin-top: 30px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 0px;
  }

   .main .div1 { grid-area: 1 / 1 / 2 / 3; }
   .main .div2 { grid-area: 1 / 3 / 2 / 5; }
   .main .div3 { grid-area: 2 / 1 / 3 / 3; }
   .main .div4 { grid-area: 2 / 3 / 3 / 5; }
   .main .div5 { grid-area: 3 / 1 / 4 / 3; }
   .main .div6 { grid-area: 3 / 3 / 4 / 5; }
   .main .div7 { grid-area: 4 / 1 / 5 / 3; }
   .main .div8 { grid-area: 4 / 3 / 5 / 5; }
   .main .div9 { grid-area: 5 / 2 / 6 / 4; }

  .fries-img {
    display: none;
  }

  .s1-dowm-img {
    display: none;
  }

  .client-box {
    padding: 10px;
    padding-top: 0px;
  }

  .client-box a {
    font-size: 12px;
    padding: 5px 0px;
    margin: 0px;
  }

  .last-right-img {
    display: none;
  }

  .emo-6 {
    /* display: none; */
    width: 40px;
    top: -5%;
    right: 5%;
  }

  .emo-2 {
    display: none;
  }

  .emo-3 {
    display: none;
  }

  .emo-4 {
    display: none;
  }

  .emo-5 {
    display: none;
  }

  .emo-1 {
    display: none;
  }

  .emo-7 {
    display: none;
  }

  .emo-8 {
    display: none;
  }

  .emo-9 {
    display: none;
  }

  .emo-10 {
    display: none;
  }

  .emo-11 {
    /* display: none; */
    width: 40px;
    left: 5%;
    top: 74%;
  }

  .emo-12 {
    display: none;
  }

  .emo-13 {
    display: none;
  }

  .emo-14 {
    display: none;
  }

  .emo-15 {
    display: none;
  }

  .emo-16 {
    display: none;
  }

  .emo-17 {
    display: none;
  }

  .emo-18 {
    display: none;
  }

  .emo-19 {
    display: none;
  }

  .emo-20 {
    /* display: none; */
    width: 40px;
    right: 5%;
    top: 83%;
  }

  .main .top-left {
    top: 20px;
    left: 14%;
  }

  .main .top-left img {
    width: 25px !important;
  }

  .main .top-left {
    left: 90px;
  }



  .all-emo {
    width: 40px !important;
  }

  .b-emo8,
  .b-emo10,
  .b-emo12,
  .b-emo14,
  .b-emo7,
  .b-emo9,
  .b-emo16,
  .b-emo17,
  .b-emo20,
  .b-emo3,
  .b-emo6,
  .b-emo19 {
    display: none;
  }

  .b-emo7 {
    top: 38% !important;
    left: 5% !important;
  }

  .b-emo11 {
    left: 1% !important;
    top: 55% !important;
  }

  .b-emo15 {
    left: 8% !important;
    top: 87% !important;
  }

  .b-emo13 {
    right: 1% !important;
    top: 55% !important;
  }

  .b-emo18 {
    right: 8% !important;
    top: 87% !important;
  }

  .b-emo9 {
    top: 38% !important;
    right: 5% !important;
  }

  .b-emo2 {
    left: 25% !important;
    top: 3% !important;
  }

  .b-emo5 {
    right: 25% !important;
    top: 3% !important;
  }

  .b-emo1 {
    top: 14% !important;
  }

  .b-emo4 {
    top: 14% !important;
  }

  .cr-emo3,
  .cr-emo4 {
    display: none;
  }

  .cr-emo1 {
    top: 13% !important;
    left: 5% !important;
  }

  .cr-emo2 {
    top: 70% !important;
    left: 5% !important;
  }

  .cr-emo5 {
    top: 13% !important;
    right: 5% !important;
  }

  .cr-emo6 {
    top: 70% !important;
    right: 5% !important;
  }

  .map iframe {
    padding-top: 50px !important;
  }

  .head {
    padding: 30px 10px !important;
  }

  .b-emo11 {
    top: 58% !important;
  }

  .b-emo13 {
    top: 58% !important;
  }

  .b-emo15 {
    top: 83% !important;
  }

  .b-emo18 {
    top: 83% !important;
  }

  .benchmark {
    padding-top: 0px !important;
  }

  .v-tab h4 {
    margin-top: -10px;
  }

  .phn::before {
    height: 25px !important;
    width: 25px !important;
    line-height: 25px !important;
    left: -35px !important;
    top: 3px !important;
  }

  .mail::before {
    height: 25px !important;
    width: 25px !important;
    line-height: 25px !important;
    left: -35px !important;
    top: 3px !important;
  }

  .sm-icons i {
    height: 25px !important;
    width: 25px !important;
    line-height: 25px !important;
  }

  .sm-icons i {
    height: 25px !important;
    width: 25px !important;
    line-height: 25px !important;
  }

  .copy p {
    font-size: 14px !important;
    letter-spacing: 1px !important;
  }

  .main .top-left a {
    font-size: 14px !important;
  }

  .main .top-left {
    left: 80px;
  }

  .swiper-slide {
    height: 85% !important;
  }

  .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    height: 10px !important; 
    width: 10px !important;
  }
  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    top: 88% !important;
  }
  #tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5 {
    margin-top: 40px !important;
  }
  .h-title h1 {
    letter-spacing: 4px !important;
  }
  .cc{
    padding-bottom: 30px !important;
  }
  .tab-para {
    width: 100% !important;
  }
  .s-tab .nav-tabs .nav-link.active{
    font-size: 30px !important;
    width: 100% !important;
  }
  .s-tab .nav-tabs .nav-link{
    /* text-align: left !important; */
    font-size: 30px !important;
    width: 100% !important;
  }
  .s-tab ul{
    padding: 0px 15px !important;
  }
  .benchmark{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .h-left img{
    width: 25px !important;
  }
  .tabs-m{
    text-align: center;
  }
  .v-tab a{
    width: 180px !important;
    margin-bottom: 15px !important;
  }
  .warpper {
    padding-inline: 0px !important;
  }
  .v-tab .row {
    margin-top: -5px !important;
  }
  .v-tab h2{
    font-size: 26px !important
  }
  .a-video iframe{
    height: 250px !important;
  }
  .tab-title{
    margin: 0px 0px !important;
  }
  .s-tab .nav-tabs{
    margin: 30px 0px;
  }
  .main .top-left {
  display: none;
}
.accordion-item-body.active {
  max-height: 150px !important;
}
.a-video iframe{
  width: 100% !important;
}
.owl-slider .slide img {
  height: 95vh !important;
}
.small-img{
  display: block !important;
}
.big-img{
  
  display: none !important;
}
.main-logo{
  display: none;
}
.header .navbar .brand{
  position: absolute;
  top: 0;
  left: 0;
}
.header{
  padding: 15px 0px;
}
.brand img{
  width: 130px;
}
.header .navbar .toggle{
  top: 5px;
}
.swiper{
  padding-bottom: 3rem !important;
}
}

@media only screen and (max-width: 992px) {
  .dynamic-card-item {
    width: 29.33%!important;
    margin-bottom: 50px;
}
.rating label:before {
  margin: 5px;
  font-size: 1em!important;
}
.thanks-pop-up{
  width: 90%;
}
.thanks-pop-up img {
  width: 50px;
}
}

@media only screen and (max-width: 767px)  {
  .dynamic-card-item {
    width: 47.33%!important;
    margin-bottom: 50px;
}
.ctnr{
  padding: 0!important;
}
.rating-main-flex h3 {
  text-align: left;
  font-size: 20px!important;
  font-weight: 600;
}
.rating-main-flex p {
font-size: 12px!important;
}
.rating-main-flex {
  display: flex;
  justify-content: space-between;
  gap: 14px!important;
  margin-bottom: 30px;
  /* flex-wrap: nowrap; */
}
.contact-text{
  flex-wrap: wrap;
  flex-direction: row!important;
}
.contact-text > div {
  width: 40%;
}
.map .top h2 {
  font-size: 35px!important;
}
.map .top h6 {
  color: #fff;
  font-size: 18px!important;
}
.thanks-pop-up h3 {
  color: #4e2b73;
  font-size: 25px!important;
  font-weight: 600;
  font-family: Helvetica-Bold;
}
.thanks-pop-up{
  width: 90%;
}
}
@media only screen and (max-width: 575px)  {
  .dynamic-card-item {
    width: 47.33%!important;
    margin-bottom: 50px;
    
}
.client-box button{
  margin: 0!important;
}
.rating-main{
  width: 42%;
}
.rating-main-flex {
  display: flex;
  justify-content: space-between;
  gap: 15px!important;
  margin-bottom: 20px!important;
  flex-wrap: wrap;
}
.input-flex {
  display: flex;
  gap: 20px;
}
.btn-width { 
  gap: 30px!important;
}
.contact-text > div {
  width: 100%;
}
}
@media only screen and (max-width: 375px) {
  .rating-main{
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .slide-h h2{
    bottom: 100px !important;
  }
}
@media (max-width: 992px) {
  .slide-hr-h{
    flex-direction: column;
    height: auto !important;
  }
  .slide-h img{
    position: static !important;
    width: 100%;
    transform: translate(0px) !important;
  }
  .slide-h-text {
    bottom: 35px !important;
    opacity: 100% !important;
  }
  .wow-section{
/* background: none !important; */
}
.parent-w{
  flex-wrap: wrap !important;
}
.div-w{
  width: 98% !important;
  margin: auto;
}
.div-ww{
  width: 46% !important;
  margin: auto;
}
.div-ww h2 {
  margin-bottom: 50px !important;
}
.parent-w h2{
  font-size: 30px !important;
}

}
@media (max-width: 576px) {
  .slide-h-text{
    padding-right: 30px !important;
  }
  .slide-h-text{
    bottom: 20px !important;
  }
  .slide-h h2{
    bottom: 130px !important;
  }
  .wow-section{
    padding-bottom: 0px  !important;
  }
  .parent-w {
    gap: 20px !important;
  }
  .div-ww h2{
  margin-bottom: 20px !important;
  }
.parent-w h2{
  font-size: 20px !important;

}
  .div-w p {
    padding-right: 20px !important;
  }

}