@media only screen and (max-width: 1250px) {
  .index-banner-wrap-btn {
    right: -5.5%;
  }
  .header-main-number ul li a, .header-main-number ul li a.message {
    font-size: 0;
  }
  .header-main-navbar ul {
      gap: 10px;
  }
  .header-main-navbar ul li a {
      font-size: 12px;
  }
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1100px) {
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 992px) {
  .menu-bar {
    /*display: inline-flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*width: 30px;*/
    /*height: 30px;*/
    /*background: #5cb1d4;*/
    /*font-size: 14px;*/
    /*color: #fff;*/
    /*position: absolute;*/
    /*right: 5%;*/
    /*top: 4%;*/
    /*z-index: 1;*/
  }
  .index-first-wrap-bg {
    display: none;
  }
  .index-first-wrap-bg-01 {
    display: none;
  }
  .index-second-wrap-img {
    display: none;
  }
  .index-third-wrap-bg {
    display: none;
  }
  .header-main-flex {
    position: fixed;
    width: 40%;
    height: 100%;
    top: 0%;
    left: -100%;
    background: #5cb1d4;
    z-index: 111;
    align-items: flex-start;
    padding: 20px 25px;
    transition: 0.5s;
    display: block;
  }
  .active {
    left: 0%;
  }
  .header-main-navbar ul li a.active {
    color: #ffffff;
  }
  .header-main-navbar ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    line-height: 2.5;
  }
  .header-main-navbar ul {
    display: block;
  }
  .header-btn {
    display: none;
  }
  .index-banner-wrap-btn {
    display: none;
  }
  .header-main-flex-01 {
    display: none;
  }
  .index-banner-wrap-box-flex {
    gap: 20px 0px;
  }
  .index-banner-wrap-box {
    width: 46%;
    height: 130px;
  }
  .index-banner-wrapper {
    padding: 30px 0px;
    height: auto;
  }
  .index-banner-wrap-text h6 {
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 600;
  }
  .index-banner-wrap-text h5 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
  }
  .index-first-wrapper {
    padding: 30px 0px;
  }
  .index-second-wrapper {
    padding: 30px 0px;
  }
  .index-second-wrap-text h6 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
  }
  .index-second-wrap-text h5 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
  }
  .header-main-wrapper {
    padding: 15px 0px;
  }
  .index-banner-wrap-box-text h6 {
    font-size: 8px;
    font-weight: 700;
  }
  .index-banner-wrap-img {
    display: none;
  }
  .index-first-wrap-text h6 {
    font-size: 15px;
    font-weight: 600;
    line-height: initial;
  }
  .index-first-wrap-text p {
    font-size: 10px;
    font-weight: 400;
    color: #8f8f8f;
    line-height: 20px;
    width: 100%;
    margin: 15px auto 0px;
  }
  .index-second-wrapper .index-banner-wrap-box-flex {
    gap: 10px;
    justify-content: center;
  }
  .index-second-wrapper .index-banner-wrap-box {
    width: 48%;
    padding: 10px;
    height: 187px;
  }
  .index-third-wrap-text h6 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
  }
  .index-third-wrapper {
    padding: 30px 0px 0px 0px;
  }
  .index-third-testimonial-01 p {
    font-size: 12px;
    font-style: italic;
    color: #8f8f8f;
    line-height: 20px;
    text-align: center;
  }
  .index-third-testimonial-flex {
    justify-content: center;
  }
  .index-third-wrap-testimonial {
    margin: 0px 0px 50px 0px;
  }
  .index-footer-wrapper {
    padding: 30px 0px 30px 0px;
  }
  .footer-wrap-logo {
    text-align: center;
    margin: 0px 0px 20px 0px;
  }
  .footer-wrap-01 {
    margin: 0px 0px 30px 0px;
  }
  .footer-wrap-01 p {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0px;
    line-height: 25px;
    width: 100%;
    text-align: center;
  }
  .footer-link h6 {
    margin: 0px 0px 20px 0px;
  }
  .footer-link h6::before {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .footer-link {
    text-align: center;
    margin: 0px 0px 30px 0px;
  }
  .footer-link-2 {
    margin: 0px 0px 0px 0px;
    text-align: center;
  }
  .about-banner-wrapper {
    padding: 50px 0px 50px 0px;
  }
  .about-banner-wrap-text h6 {
    font-size: 30px;
  }
  .about-banner-wrap-text p {
    width: 100%;
  }
  .about-first-wrapper {
    padding: 0px 0px 50px 0px;
  }
  .about-first-wrap-ft {
    margin: 20px 0px 0px 0px;
  }
  .about-first-wrap-ft h6 {
    font-size: 30px;
  }
  .services-banner-wrapper {
    padding: 50px 0px 50px 0px;
  }
  .services-banner-wrap-text h6 {
    font-size: 24px;
    font-weight: 500;
  }
  .services-banner-wrap-text h5 {
    font-size: 24px;
    font-weight: 500;
  }
  .services-banner-wrap-box {
    padding: 20px;
  }
  .services-banner-wrap-box-img h6 {
    font-size: 16px;
  }
  .services-first-wrap-bg-01 {
    display: none;
  }
  .services-first-wrap-bg-02 {
    display: none;
  }
  .services-first-wrap-bg-03 {
    display: none;
  }
  .services-first-wrapper {
    padding: 0px 0px 50px 0px;
  }
  .blog-banner-wrapper {
    padding: 50px 0px 50px 0px;
  }
  .blog-banner-wrap-text h6 {
    font-size: 30px;
  }
  .blog-first-wrap-box-text h6 {
    font-size: 18px;
  }
  .blog-first-wrap-box-text a {
    width: 120px;
    height: 35px;
  }
  .blog-first-wrap-box {
    margin: 0px 0px 30px 0px;
  }
  .blog-first-wrap-bg-01 {
    display: none;
  }
  .blog-first-wrap-bg-02 {
    display: none;
  }
  .blog-first-wrap-bg-03 {
    display: none;
  }
  .blog-first-wrap-bg-04 {
    display: none;
  }
  .blog-first-wrapper {
    padding: 0px 0px 30px 0px;
  }
  .about-first-wrap-bg-01 {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 600px) {
}
@media only screen and (max-width: 575px) {
  .menu-bar {
    /*display: inline-flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*width: 30px;*/
    /*height: 30px;*/
    /*background: #5cb1d4;*/
    /*font-size: 14px;*/
    /*color: #fff;*/
    /*position: absolute;*/
    /*right: 5%;*/
    /*top: 1%;*/
    /*z-index: 1;*/
  }
  .index-first-wrap-bg {
    display: none;
  }
  .index-first-wrap-bg-01 {
    display: none;
  }
  .index-second-wrap-img {
    display: none;
  }
  .index-third-wrap-bg {
    display: none;
  }
  .header-main-flex {
    position: fixed;
    width: 80%;
    height: 100%;
    top: 0%;
    left: -100%;
    background: #5cb1d4;
    z-index: 111;
    align-items: flex-start;
    padding: 20px 25px;
    transition: 0.5s;
  }
  .index-banner-wrap-box-text {
    display: block;
    width: 100%;
}
  .active {
    left: 0%;
  }
  .header-main-navbar ul li a.active {
    color: #ffffff;
  }
  .header-main-navbar ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    line-height: 2.5;
  }
  .header-main-navbar ul {
    display: block;
  }
  .header-btn {
    display: none;
  }
  .index-banner-wrap-btn {
    display: none;
  }
  .header-main-flex-01 {
    display: none;
  }
  .index-banner-wrap-box-flex {
    gap: 20px 0px;
  }
  .index-banner-wrap-box {
    width: 46%;
    height: 130px;
  }
  .index-banner-wrapper {
    padding: 30px 0px;
    height: auto;
  }

.index-banner-wrap-text.desktop-trigger-video {
    margin-top: 40px;
}

section.index-banner-wrapper .row {
    flex-flow: column-reverse;
}
  .index-banner-wrap-text h6 {
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 600;
  }
  .index-banner-wrap-text h5 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
  }
  .index-first-wrapper {
    padding: 30px 0px;
  }
  .index-second-wrapper {
    padding: 30px 0px;
  }
  .index-second-wrap-text h6 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
  }
  .index-second-wrap-text h5 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
  }
  .header-main-wrapper {
    padding: 15px 0px;
  }
  .index-banner-wrap-box-text h6 {
    font-size: 10px;
    font-weight: 700;
  }

.index-banner-wrap-box-text h6 span {font-size: 11px;}
  .index-banner-wrap-img {
    display: none;
  }
  .index-first-wrap-text h6 {
    font-size: 15px;
    font-weight: 600;
    line-height: initial;
  }

.bubblesec {
    /* width: 100%; */
    /* height: auto; */
    height: 430px;
    width: 100%;
}

.bubblesec-content {
    position: relative;
    /* transform: translate(-50%, -50%); */
    /* left: 48.5%; */
    /* top: 35%; */
    width: 100%;
    padding: 80px;
    top: 120px;
}
  .index-first-wrap-text p {
    font-size: 12px;
    font-weight: 400;
    color: #8f8f8f;
    line-height: 20px;
    width: 100%;
    margin: 0px auto 0px;
  }

.below-bubble-sec .below-bubble-sec-heading p {
    font-size: 12px;
    line-height: 19px;
}

.below-bubble-sec-content {
    margin: 0;
}

.bubblesec p {
    /* color: #fff; */
}

.bubblesec h4 {
    line-height: 23px;
    font-size: 10px;
    text-align: left;
}
  .index-second-wrapper .index-banner-wrap-box-flex {
    gap: 10px;
    justify-content: center;
  }
  .index-second-wrapper .index-banner-wrap-box {
    width: 48%;
    padding: 10px;
    height: 187px;
  }

.index-second-wrapper .index-banner-wrap-box:nth-child(11) span {
    font-size: 9px !important;
}
  .index-third-wrap-text h6 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
  }
  .index-third-wrapper {
    padding: 30px 0px 0px 0px;
  }
  .index-third-testimonial-01 p {
    font-size: 12px;
    font-style: italic;
    color: #8f8f8f;
    line-height: 20px;
    text-align: center;
  }
  .index-third-testimonial-flex {
    justify-content: center;
  }
  .index-third-wrap-testimonial {
    margin: 0px 0px 50px 0px;
  }
  .index-footer-wrapper {
    padding: 30px 0px 30px 0px;
  }
  .footer-wrap-logo {
    text-align: center;
    margin: 0px 0px 20px 0px;
  }
  .footer-wrap-01 {
    margin: 0px 0px 30px 0px;
  }
  .footer-wrap-01 p {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0px;
    line-height: 25px;
    width: 100%;
    text-align: center;
  }
  .footer-link h6 {
    margin: 0px 0px 20px 0px;
  }
  .footer-link h6::before {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .footer-link {
    text-align: center;
    margin: 0px 0px 30px 0px;
  }

.socail-media, .socail-media ul {
    display: block;
    margin: 0 auto;
}

.socail-media ul li {
    display: inline-block;
    margin: 0 10px 0;
}
  .footer-link-2 {
    margin: 0px 0px 0px 0px;
    text-align: center;
  }
  .about-banner-wrapper {
    padding: 50px 0px 50px 0px;
  }
  .about-banner-wrap-text h6 {
    font-size: 30px;
  }
  .about-banner-wrap-text p {
    width: 100%;
  }
  .about-first-wrapper {
    padding: 0px 0px 50px 0px;
  }
  .about-first-wrap-ft {
    margin: 20px 0px 0px 0px;
  }
  .about-first-wrap-ft h6 {
    font-size: 30px;
  }
  .services-banner-wrapper {
    padding: 50px 0px 50px 0px;
  }
  .services-banner-wrap-text h6 {
    font-size: 24px;
    font-weight: 500;
  }
  .services-banner-wrap-text h5 {
    font-size: 24px;
    font-weight: 500;
  }
  .services-banner-wrap-box {
    padding: 20px;
  }
  .services-banner-wrap-box-img h6 {
    font-size: 16px;
  }
  .services-first-wrap-bg-01 {
    display: none;
  }
  .services-first-wrap-bg-02 {
    display: none;
  }
  .services-first-wrap-bg-03 {
    display: none;
  }
  .services-first-wrapper {
    padding: 0px 0px 50px 0px;
  }
  .blog-banner-wrapper {
    padding: 50px 0px 50px 0px;
  }
  .blog-banner-wrap-text h6 {
    font-size: 30px;
  }

section.blog-comingsoon h2 {
    font-size: 22px;
}

section.blog-comingsoon {
    padding: 20px;
    height: auto;
}
  .blog-first-wrap-box-text h6 {
    font-size: 18px;
  }
  .blog-first-wrap-box-text a {
    width: 120px;
    height: 35px;
  }
  .blog-first-wrap-box {
    margin: 0px 0px 30px 0px;
  }
  .blog-first-wrap-bg-01 {
    display: none;
  }
  .blog-first-wrap-bg-02 {
    display: none;
  }
  .blog-first-wrap-bg-03 {
    display: none;
  }
  .blog-first-wrap-bg-04 {
    display: none;
  }
  .blog-first-wrapper {
    padding: 0px 0px 30px 0px;
  }
  .about-first-wrap-bg-01 {
    display: none;
  }
  .thankyou-banner-wrap-text h6 {
    font-size: 30px;
  }
  .thankyou-banner-wrap-text p {
    width: 100%;
    font-size: 12px;
  }
  ul.active-dropdown {
    width: 200px;
  }
  .dropdown-on {
    position: relative !important;
    top: 0 !important;
  }
}
@media only screen and (max-width: 450px) {
}
@media only screen and (max-width: 320px) {
}