.menu_toggle span {
  width: 28px;

  height: 5px;

  background: var(--color-0079a2);

  display: block;

  position: absolute;

  margin: 0 auto;

  right: 0px;

  /*top:35px;*/
}

.menu_toggle span:after {
  position: absolute;

  content: " ";

  width: 22px;

  height: 5px;

  top: -7px;

  left: 0;

  right: 0;

  background: var(--color-0079a2);

  transition: 0.2s;

  -moz-transition: 0.2s;

  -ms-transition: 0.2s;

  -o-transition: 0.2s;

  -webkit-transition: 0.2s;
}

.menu_toggle span:before {
  position: absolute;

  content: " ";

  width: 22px;

  height: 5px;

  bottom: -7px;

  left: 0;

  right: 0;

  background: var(--color-0079a2);

  transition: 0.2s;

  -moz-transition: 0.2s;

  -ms-transition: 0.2s;

  -o-transition: 0.2s;

  -webkit-transition: 0.2s;
}

@media screen and (min-width: 1900px) {
  .container {
    max-width: 1600px;
  }
}

@media screen and (min-width: 1600px) {
  .container {
    max-width: 1400px;
  }
}

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

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

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

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

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

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

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

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

@media screen and (max-width: 1100px) {
  .nav-sup ul li {
    padding: 8px 0 0 15px;
    margin-left: 9px !important;
  }
}

@media screen and (max-width: 1024px) {
  .nav-sup ul li a {
    font-size: 12px;
  }

  .banner-comntent h2 {
    font-size: 40px;

    line-height: 45px;
  }

  .innerBanner img {
    height: 235px;
  }

  .logo {
    width: 14%;
  }
}

@media screen and (max-width: 991px) {
  .logo-fld img {
    width: 55%;
  }

  .social-head {
    display: none;
  }

  .nav-sup ul li.active a:after {
    display: none;
  }

  .nav-menu .nav-sup ul li a:before {
    display: none;
  }

  .nav-sup ul li.current-menu-item a {
    background: var(--color-4e63d7);

    color: #fff;
  }

  .nav-menu ul li:last-child {
    background: transparent;

    padding: 0;

    border-radius: 0;

    text-transform: inherit;

    margin-left: 0;
  }

  .nav-sup ul li {
    padding: 0;

    margin: 0;
  }

  .nav-sup ul li a {
    color: #fff !important;

    font-size: 14px;

    margin: 0;

    padding: 10px;

    display: block;

    text-align: left;

    position: relative;

    border-bottom: dotted 1px #38bbe7;
  }

  .nav-menu .nav-sup ul li:last-child {
    background: var(--color-0079a2);

    padding: 0;

    border-radius: 25px;

    margin-left: 0;
  }

  .nav-sup ul li:last-child a {
    border-bottom: transparent;
  }

  .banner-content h2 {
    font-size: 45px;

    line-height: 50px;
  }

  .banner-text {
    left: 0;

    width: 100%;
  }

  .pl-5 {
    padding-left: 1rem !important;
  }

  .pl-0 {
    padding-left: 15px !important;
  }

  .copyright {
    padding: 12px 0;
  }

  .banner-comntent p {
    font-size: 14px;

    line-height: 20px;
  }

  .about-img img {
    height: 250px;
  }

  .sub-head h2 {
    font-size: 35px;

    line-height: 40px;
  }

  .benefits-list {
    margin-bottom: 30px;
  }

  .main-footer .pl-5 {
    padding-left: 1rem !important;
  }

  .banner-comntent {
    width: 40%;
  }

  .nav-sup li.menu-item.current-menu-item a {
    color: #fff !important;
  }

  .nav-sup {
    position: absolute;

    background: var(--color-0079a2);

    top: 35px;

    z-index: 99;

    width: 205px;

    right: 0px;
  }

  .nav-sup:after {
    content: "";

    width: 0px;

    height: 0px;

    position: absolute;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    border-bottom: 8px solid #0079a2;

    top: -8px;

    right: 9px;
  }

  .banner-img:after {
    display: none;
  }

  .main-header .navbar,
  .navbar-toggler {
    padding: 0;
  }

  .banner-img img {
    height: 400px;
  }

  .home-banner .owl-dots {
    left: 5%;
  }

  .title_breadcrumb-inner span h1 {
    font-size: 30px;

    line-height: 35px;
  }

  .w-cont {
    min-height: auto;

    margin-bottom: 15px;

    padding: 20px;
  }

  .w-cont p {
    min-height: auto;
  }

  .difference-fld {
    padding: 45px 0 30px 0;
  }

  .banner-content h1 {
    font-size: 30px;

    line-height: 35px;
  }

  .business-cont {
    margin-bottom: 20px;
  }

  .online-img img {
    width: 100%;

    height: auto;

    object-fit: contain;
  }

  .recent-list figure img {
    height: 255px;
  }

  .recent-list {
    margin-bottom: 20px;
  }

  .mt-5 {
    margin-top: 1rem !important;
  }

  .all-btn a {
    padding: 9px 25px;
  }

  .banner-text {
    order: 2;

    margin-top: 20px;
  }

  .product-list figure img {
    width: 100%;

    height: 155px;

    object-fit: cover;
  }

  .section-title h2 {
    font-size: 30px;

    line-height: 35px;

    margin-bottom: 15px;
  }

  .left-cont {
    padding: 20px;
  }

  .f-cta-icon i {
    height: 55px;

    width: 55px;
  }

  .c-cont p {
    font-size: 14px;
  }

  .c-cont h5 {
    font-size: 17px;
  }
}

@media screen and (max-width: 820px) {
  .banner-comntent h2 {
    font-size: 30px;

    line-height: 35px;
  }

  .banr-btn a {
    padding: 8px 15px;
  }

  .ftr-form {
    flex: 0 0 50%;

    max-width: 50%;

    padding: 20px;
  }

  .get-touch {
    flex: 0 0 50%;

    max-width: 50%;

    padding: 20px;
  }

  .recent_carousel {
    margin-top: 25px;
  }
}

@media screen and (max-width: 768px) {
  /*.banner-text{ position: inherit; transform: translateY(0%); width: 100%; left: 0; background:#fde0c9; min-height: 100%;}

*/

  .recent-des {
    background: #efebeb;

    padding: 10px 15px;
  }

  .banner-comntent h2 {
    font-size: 35px;

    line-height: 40px;

    margin-bottom: 15px;
  }

  .menu_toggle span {
    right: 0;
  }

  .logo {
    width: 30%;
  }

  .about-img {
    padding-bottom: 20px;
  }

  .services-fld .mb-5 {
    margin-bottom: 2rem !important;
  }

  .ravi-cont p {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .ravi-cont h2 {
    font-size: 30px;

    line-height: 35px;

    padding: 0;
  }

  .ptb {
    padding: 30px 0;
  }

  .copyright p {
    font-size: 12px;

    line-height: 18px;
  }

  .logo {
    width: 55%;
  }

  .banner-comntent h1 {
    font-size: 25px;

    line-height: 30px;
  }

  .banner-content {
    top: 50%;
  }

  .serv-des h3 {
    font-size: 20px;

    line-height: 25px;
  }

  .adres-fld {
    padding: 30px;
  }

  .ravi-cont p,
  .about-cont p {
    font-size: 13px;
  }

  .solutions-img img {
    height: auto;
  }

  .solutions-des {
    padding-top: 25px;
  }

  .solutions-des h2 {
    font-size: 25px;

    line-height: 30px;
  }

  .accordion .btn {
    font-size: 16px;

    line-height: 21px;
  }

  .content.inn-content.mt-3 {
    margin-top: 0 !important;
  }

  .career-img {
    padding-top: 35px;
  }

  .details_img img {
    height: auto;
  }
}

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

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

@media screen and (max-width: 627px) {
  .banner_caption h2 {
    font-size: 25px;

    line-height: 30px;
  }

  .banner_caption {
    width: 90%;
  }

  .breadcrumb_bottom ul li {
    font-size: 12px;

    line-height: 18px;
  }
}

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

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

@media screen and (max-width: 480px) {
  .banner-content h2 {
    font-size: 25px;

    line-height: 30px;
  }

  .sub-head h2 {
    font-size: 30px;

    line-height: 35px;
  }

  .banner-text {
    left: 0;
  }

  .banner-text {
    width: 100%;
  }

  .ravi-cont h2 {
    font-size: 20px;

    line-height: 25px;
  }

  .banner-img img {
    height: 330px;
  }
}

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

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

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

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

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