@media screen and (max-width: 1440px) {
    .nio-eig-main-slide-area .owl-item.active .nio-eig-slide-item-wrap .nio-eig-slider-side-img {
        right: 150px;
        opacity: 1;
      }
    
      .nio-eig-slide-item-wrap .nio-eig-slider-side-img .nio-eig-s-img-2 {
        transform: translateX(215px);
      }
    
      .nio-eig-main-slide-area .owl-nav .owl-next,
      .nio-eig-main-slide-area .owl-nav .owl-prev {
        height: 40px;
        width: 40px;
        line-height: 40px;
      }
    
      .nio-eig-main-slide-area .owl-nav .owl-next {
        right: 5px;
      }
    
      .nio-eig-main-slide-area .owl-nav .owl-prev {
        left: 5px;
      }
    .header-style-five {
        padding: 40px 20px 0px;
      }
    
      .header-style-five.nio-con-sticky-header-overlay {
        padding: 15px 20px 10px;
      }
    
      .header-style-five .nio-con-header-social {
        margin-left: 25px;
      }
    
      .header-style-five .nio-con-header-btn {
        width: 150px;
      }
    
      .header-style-five .nio-con-main-navigation li {
        margin: 0px 10px;
      }
    .nio-con-main-feature-img .nio-con-main-feature-shape.shape2,
  .nio-con-main-feature-img .nio-con-main-feature-shape.shape1 {
    right: 0;
  }
    .nio-con-portfolio-silder-area .owl-stage-outer,
    .nio-con-portfolio-silder-area .owl-controls {
    margin-left: 90px;
  }
    .nio-dia-about-section .nio-dia-about-bg2 {
        left: -125px;
      }
    
      .nio-dia-about-section .nio-dia-about-bg1 {
        left: -100px;
      }
    
      .nio-dia-skill-section .nio-dia-skill-vector {
        right: -165px;
      }
    
      .nio-dia-why-choose-us-section .nio-dia-why-choose-us-img {
        right: -50px;
      }
    
      .nio-dia-banner-content .nio-dia-banner-img {
        right: -150px;
      }
    .nio-mark-slider-wrapper .owl-nav .owl-next,
    .nio-mark-slider-wrapper .owl-nav .owl-prev {
      height: 40px;
      width: 40px;
      font-size: 14px;
      line-height: 35px;
    }
  
    #nio-mark-project-slide .owl-nav .owl-next,
    #nio-mark-project-slide .owl-nav .owl-prev {
      display: none;
    }
  
    .nio-mark-slider-wrapper .owl-nav .owl-next {
      right: 10px;
    }
  
    .nio-mark-slider-wrapper .owl-nav .owl-prev {
      left: 10px;
    }
  
    .nio-mark-project-section {
      overflow: hidden;
    }
  
    .nio-mark-project-content .nio-mark-project-slider {
      bottom: 0;
    }
  
    .nio-mark-project-content {
      padding: 90px 0px;
    }
  
    .nio-mark-marketing-section {
      padding: 100px 0px 60px;
    }
}
@media screen and (max-width: 1280px) {
    .nio-eig-slide-item-wrap .nio-eig-slider-side-img {
        display: none;
      }
    
      .nio-eig-main-slide-area .owl-nav {
        left: 0;
        right: 0;
        bottom: 30px;
        position: absolute;
        text-align: center;
      }
    
      .nio-eig-main-slide-area .owl-nav .owl-next,
      .nio-eig-main-slide-area .owl-nav .owl-prev {
        display: inline-block;
        top: auto;
        position: static;
        bottom: 40px;
        margin: 0 auto;
        margin: 0px 5px;
        transform: translateY(0);
      }
    
      .nio-eig-feature-content {
        top: 0;
      }
    
      .nio-eig-about-counter-img {
        display: flex;
      }
    
      .nio-eig-procedure-step-area {
        display: flex;
      }
    .nio-mark-slider-wrapper .owl-nav {
      bottom: 50px;
      width: 100%;
      position: absolute;
      text-align: center;
    }
  
    .nio-mark-slider-wrapper .owl-nav .owl-next,
    .nio-mark-slider-wrapper .owl-nav .owl-prev {
      position: static;
      transform: translateY(0);
    }
}
@media screen and (max-width: 1100px) {
    .nio-ins-about-img-area {
      top: 0;
      padding-left: 0px;
    }
  
    .nio-ins-service-innerbox .nio-ins-service-img {
      margin-right: 20px;
    }
  
    .nio-ins-service-innerbox .nio-ins-service-icon {
      left: -85px;
    }
  
    .nio-ins-footer-cta-inner {
      padding: 30px;
    }
  
    .nio-ins-footer-cta-wrapper {
      top: -60px;
    }
  
    .nio-ins-service-innerbox .nio-ins-service-text h3 {
      font-size: 22px;
    }
}
@media screen and (max-width: 1199px) {
    .nio-eig-portfolio-section .nio-eig-portfolio-content {
        padding: 0px 20px;
      }
    .nio-dia-about-section .nio-dia-about-bg2 {
      left: -190px;
    }
  
    .nio-dia-skill-section .nio-dia-skill-vector {
      right: -215px;
    }
  
    .nio-dia-counterup-innerbox h2 {
      font-size: 40px;
      padding-left: 10px;
    }
  
    .nio-dia-banner-content .nio-dia-banner-img {
      right: 0;
      width: 50%;
    }
}
@media screen and (max-width: 1024px) {
    .nio-eig-header-style-eight .nio-eig-brand-logo {
        margin-right: 50px;
      }
    
      .nio-eig-slide-item-wrap .nio-eig-slider-text h1 {
        font-size: 60px;
      }
    
      .nio-eig-header-style-eight .nio-eig-main-navigation li {
        margin-right: 35px;
      }
    
      .nio-eig-header-style-eight .nio-eig-header-social a {
        margin-left: 10px;
      }
    
      .nio-eig-section-title h2 {
        font-size: 30px;
      }
    
      .nio-eig-about-counter {
        width: 150px;
        padding-left: 20px;
        margin-right: 20px;
      }
    
      .nio-eig-service-tab-img-text {
        display: flex;
      }
    
      .nio-eig-service-tab-btn {
        padding: 35px 15px 20px;
      }
    
      .nio-eig-procedure-icon-text {
        max-width: 240px;
      }
    
      .nio-eig-contact-section .nio-eig-contact-content {
        padding: 25px;
      }
    
      .nio-eig-contact-form-wrap {
        padding-left: 0;
      }
    
      .nio-eig-blog-img-text .nio-eig-blog-text h3 {
        font-size: 18px;
      }
    
      .nio-eig-blog-img-text .nio-eig-blog-text {
        padding: 25px;
      }
    .header-style-five .nio-h-shape1,
  .header-style-five .nio-h-shape2,
  .slider-shape,
  .sf-deco-shape,
  .nio-con-service-section .ser-shape,
  .pr-shape,
  .nio-con-main-feature-shape,
  .nio-con-testimonial-section .nio-con-testi-shape1,
  .nio-con-blog-section .nio-con-blog-shape,
  .header-style-five .nio-con-header-btn {
    display: none;
  }
    .nio-con-about-img .nio-con-about-counter {
        left: 0;
      }
    
      .nio-con-about-text .nio-con-about-fact-inner h3 {
        font-size: 30px;
      }
    
      .nio-con-about-text .nio-con-about-fact-inner h4 {
        font-size: 16px;
      }
    .nio-con-spccial-feature-innerbox {
        padding: 70px 20px;
      }
    .nio-con-cta-section:after {
        right: -140px;
      }
    .nio-dia-intro-innerbox {
        padding: 50px 15px 40px;
      }
    
      .nio-dia-about-section .nio-dia-about-bg2,
      .nio-dia-about-section .nio-dia-about-bg1,
      .nio-dia-about-section .nio-dia-about-bg3,
      .nio-dia-footer-section .footer-vector {
        display: none;
      }
    
      .nio-dia-about-text-wrapper,
      .nio-dia-skill-wrapper,
      .nio-dia-why-choose-us-wrapper {
        max-width: 100%;
        float: none !important;
      }
    
      .nio-dia-about-text-wrapper {
        padding: 50px 0px;
      }
    
      .nio-dia-skill-section .nio-dia-skill-vector,
      .nio-dia-why-choose-us-section .nio-dia-why-choose-us-img {
        display: block;
        text-align: center;
        position: static !important;
      }
    
      .nio-dia-counterup {
        padding: 50px 15px;
      }
    
      .nio-dia-skill-section {
        padding-top: 60px;
      }
    
      .nio-dia-service-section {
        padding: 60px 0px 30px;
      }
    
      .nio-dia-testimonial-section {
        padding: 60px 0px 50px;
      }
    
      .nio-dia-blog-section {
        padding: 60px 0px;
      }
    
      .nio-dia-about-section {
        padding-top: 60px;
      }
    
      .nio-dia-banner-content .nio-dia-banner-img {
        display: none;
      }
    
      .nio-dia-banner-content .nio-dia-banner-text {
        max-width: 90%;
        margin: 0 auto;
        text-align: center;
      }
    
      .nio-dia-banner-section {
        padding: 270px 0px 315px;
      }
    .nio-mark-intro-innerbox .nio-mark-intro-text {
        width: 100%;
      }
    
      .nio-mark-project-text {
        padding-top: 0;
      }
    
      .nio-mark-marketing-icon-text .nio-mark-marketing-icon-title .nio-mark-marketing-title h3 {
        font-size: 18px;
      }
    
      .nio-mark-marketing-icon-text .nio-mark-marketing-icon-title .nio-mark-marketing-icon i {
        font-size: 50px;
      }
    
      .nio-mark-service-ft-item .nio-mark-service-ft-icon i {
        font-size: 50px;
      }
    
      .nio-mark-service-text h3 {
        font-size: 50px;
      }
    .nio-ins-service-innerbox .nio-ins-service-text h3 {
      padding-bottom: 10px;
    }
  
    .nio-ins-service-innerbox .nio-ins-service-text {
      padding: 35px 15px 25px 0px;
    }
  
    .nio-ins-service-innerbox .nio-ins-service-text p {
      padding-bottom: 10px;
    }
  
    .nio-ins-main-feature {
      padding-left: 40px;
    }
  
    .nio-ins-skill-img {
      width: 60%;
    }
  
    .nio-ins-footer-cta-inner .nio-ins-footer-cta-icon {
      margin-right: 15px;
    }
  
    .nio-ins-footer-cta-inner .nio-ins-footer-cta-text a {
      font-size: 16px;
    }
  
    .nio-ins-footer-cta-inner .nio-ins-footer-cta-text h4 {
      font-size: 18px;
    }
  
    .nio-ins-footer-cta-inner .nio-ins-footer-cta-icon {
      width: 50px;
      height: 50px;
      line-height: 50px;
    }
    .nio-ins-footer-cta-inner .nio-ins-footer-cta-icon i {
      font-size: 18px;
    }
  
    .nio-ins-about-section {
      padding-bottom: 60px;
    }
}
  
@media screen and (max-width: 991px) {
    .nio-eig-about-counter-img {
        max-width: 670px;
        margin: 0 auto;
        margin-bottom: 40px;
      }
    
      .nie-eig-about-text {
        max-width: 470px;
        margin: 0 auto;
      }
    
      .nio-eig-about-section:before {
        width: 100%;
      }
    
      .nio-eig-intro-video-section:before {
        width: 100%;
        height: 100%;
        left: 0;
      }
    
      .nio-eig-procedure-icon-text .nio-eig-procedure-icon {
        height: 100px;
        width: 100px;
        margin-bottom: 20px;
      }
    
      .nio-eig-procedure-icon-text {
        width: 100%;
        max-width: 48%;
        margin-bottom: 40px;
      }
    
      .nio-eig-procedure-icon-text:nth-child(2),
      .nio-eig-procedure-icon-text:nth-child(3) {
        transform: translateY(0);
      }
    
      .nio-eig-procedure-step .nio-eig-procedure-shape {
        display: none;
      }
    
      .nio-eig-contact-img {
        max-width: 530px;
        margin: 0 auto;
      }
    
      .nio-eig-contact-section .nio-eig-contact-content:after {
        width: 100%;
      }
    
      .nio-eig-blog-img-text {
        margin: 0 auto;
        max-width: 370px;
      }
    
      .nio-eig-footer-section .site-widget {
        margin-bottom: 40px;
      }
    
      .nio-eig-header-style-eight .nio-eig-main-navigation {
        display: none;
      }
    
      .nio-eig-header-style-eight .nio-eig-header-social {
        margin-right: 50px;
      }
    
      .nio-eig-header-style-eight .nio-eig-header-social a {
        margin-left: 5px;
      }
    
      .main-header .nio-eig-mobile_menu_button {
        display: block;
      }
    
      .nio-eig-header-style-eight .nio-eig-header-top {
        display: none;
      }
    
      .nio-eig-header-style-eight.sticky-on {
        top: 0;
      }
    
      .nio-eig-header-style-eight .nio-eig-header-content {
        padding: 15px 0px;
      }
    
      .nio-eig-header-style-eight .nio-eig-header-menu {
        padding-top: 15px;
      }
    
      .nio-eig-intro-video-section:before {
        top: 0;
      }
    
      .nio-eig-procedure-step-area {
        display: block;
      }
    .nio-con-main-menu-item {
        display: none;
      }
    
      .header-style-five {
        padding: 20px 20px 0px;
      }
    
      .header-style-five .nio-con-header-social li a {
        font-size: 16px;
      }
    
      .header-style-five .nio-con-header-social {
        margin-left: 0;
        margin-right: 55px;
      }
    
      .nio-con-mobile_menu_button {
        display: block;
      }
    #nio-con-slider-id .owl-dots {
        left: 15px;
      }
    
      #nio-con-testimonial-slide .owl-dots {
        position: static;
        margin-top: 40px;
        text-align: center;
      }
    
      #nio-con-testimonial-slide .owl-dots .owl-dot {
        display: inline-block;
        margin: 0px 3px;
      }
    .nio-con-about-img,
  .nio-con-about-text {
    margin: 0 auto;
  }
    .nio-con-spccial-feature-innerbox {
        margin-bottom: 40px;
      }
    
      .nio-con-main-feature-img {
        margin: 0 auto;
        position: relative;
        max-width: 470px;
      }
    .nio-con-service-img-text {
        margin: 0 auto;
        max-width: 570px;
        margin-bottom: 40px;
      }
    .nio-con-portfolio-silder-area .owl-stage-outer,
    .nio-con-portfolio-silder-area .owl-controls {
    margin-left: 15px;
  }
    .nio-con-why-choose-main-img,
  .nio-con-why-choose-text {
    margin: 0 auto;
    max-width: 570px;
    margin-bottom: 40px;
  }

  .nio-con-why-choose-main-img {
    padding-top: 0;
  }
    .nio-con-wh-shape,
    .nio-con-team-section .tm-circle-shape {
      display: none;
    }
    .nio-con-testimonial-img-text .nio-con-testimonial-img {
        display: none;
      }
    
      .nio-con-testimonial-img-text .nio-con-testimonial-text {
        top: 0;
        position: relative;
      }
    
      .nio-con-testimonial-section .nio-con-testimonial-area {
        margin-top: 40px;
      }
    .nio-dia-intro-innerbox {
        margin-bottom: 30px;
    }
    
      .nio-dia-counterup-innerbox {
        padding-bottom: 30px;
    }
    
      .nio-dia-team-innerbox {
        margin: 0 auto;
        max-width: 270px;
        margin-bottom: 30px;
      }
    
      .nio-dia-team-content .col-lg-3:nth-child(2) .nio-dia-team-innerbox,
      .nio-dia-team-content .col-lg-3:nth-child(4) .nio-dia-team-innerbox {
        transform: translateY(0);
      }
    
      .nio-dia-testimonials-slide-wrapper {
        padding-left: 0;
        padding-top: 40px;
      }
    
      .nio-dia-blog-innnerbox {
        margin-bottom: 30px;
      }
    
      .nio-dia-footer-section {
        padding-top: 50px;
        background-image: none !important;
        background: linear-gradient(90deg, #a4596c 0%, #e26b53 100%) !important;
      }
    
      .nio-dia-footer-newslatter-wrapper .nio-dia-footer-newslatter-form {
        margin-left: 0;
      }
    
      .nio-dia-blog-innnerbox {
        margin: 0 auto;
        max-width: 370px;
        margin-bottom: 30px;
      }
    
      .nio-dia-main-navigation {
        display: none;
      }
    
      .header-dia-cta-btn {
        width: 135px;
        margin-right: 40px;
      }
    
      .nio-dia-mobile_menu_button {
        display: block;
      }
    
      .nio-dia-header-wrap {
        padding-top: 25px;
      }
    
      .nio-dia-sticky-on {
        padding-top: 5px;
      }
    
      .nio-dia-brand-logo {
        width: 150px;
        padding-top: 5px;
      }
    
      .nio-dia-banner-content .nio-dia-banner-text span {
        font-size: 20px;
      }
    
      .nio-dia-banner-content .nio-dia-banner-text h1 {
        font-size: 50px;
      }
    
      .nio-dia-banner-content .nio-dia-banner-text p {
        font-size: 18px;
      }
    
      .nio-dia-banner-section {
        padding: 205px 0px 250px;
      }
    .nio-mark-main-navigation {
        display: none;
      }
    
      .nio-mark-brand-logo {
        width: 150px;
      }
    
      .nio-mark-header-cta-btn {
        padding-top: 5px;
        margin-right: 40px;
      }
      .nio-mark-header-cta-btn a {
        height: 40px;
        width: 120px;
        line-height: 40px;
      }
    
      .nio-mark-header-menu {
        padding: 10px 15px;
      }
    
      .nio-mark-mobile_menu_button {
        display: block;
      }
    
      .nio-mark-header-top {
        display: none;
      }
    
      .nio-mark-slider-item .nio-mark-slider-text h1 {
        font-size: 55px;
      }
    
      .nio-mark-slider-item .nio-mark-slider-content .nio-mark-slider-icon {
        display: none;
      }
    
      .nio-mark-about-img-wrap {
        max-width: 470px;
        margin: 0 auto;
        margin-bottom: 170px;
      }
    
      .nio-mark-service-ft-item {
        margin-bottom: 30px;
      }
    
      .nio-mark-service-img .nio-mark-service-img2 {
        position: static;
        margin: 20px 0px;
      }
    
      .nio-mark-service-img .nio-mark-service-shape1,
      .nio-mark-service-img .nio-mark-service-shape2 {
        display: none;
      }
    
      .nio-mark-project-text {
        padding-bottom: 70px;
      }
    
      .nio-mark-project-content .nio-mark-project-slider {
        padding-left: 0;
      }
    
      .nio-mark-project-content .nio-mark-slider-img:before {
        right: 0;
      }
    
      .nio-mark-marketing-feature {
        padding-top: 40px;
      }
    
      .nio-mark-marketing-icon-text .nio-mark-marketing-icon-title {
        padding-bottom: 40px;
      }
    
      .nio-mark-section-title-2 h2 {
        font-size: 40px;
      }
    
      .nio-mark-blog-inner {
        margin: 0 auto;
        max-width: 570px;
        margin-top: 40px;
        margin-bottom: 30px;
      }
    
      .nio-mark-blog-section .nio-mark-section-title-1 {
        max-width: 100%;
      }
    
      .nio-mark-blog-inner-2 {
        max-width: 370px;
        margin: 0 auto;
        margin-bottom: 30px;
      }
    
      .nio-mark-contact-section {
        padding-top: 0;
      }
    
      #nio-mark_map {
        width: 100%;
        height: 350px;
        position: static;
        margin-bottom: 40px;
      }
    
      .nio-mark-cta-content-2 a {
        position: static;
        margin-top: 20px;
      }
    
      .nio-mark-copyright-wrapper .nio-mark-copyright-text,
      .nio-mark-copyright-wrapper .nio-mark-copyright-social {
        float: none;
      }
    .nio-ins-header-cta {
      display: none;
    }
  
    .nio-ins-header-middle .nio-ins-btn {
      margin-top: 10px;
    }
  
    .nio-ins-header-middle {
      padding: 15px 0px;
    }
  
    .nio-ins-main-navigation {
      display: none;
    }
  
    .nio-ins-mobile_menu_button {
      display: block;
    }
  
    .nio-ins-about-img-area {
      margin: 0 auto;
      margin-top: 30px;
      max-width: 670px;
    }
  
    .nio-ins-about-text-wrap {
      margin: 0 auto;
      max-width: 470px;
    }
  
    .nio-ins-feature-inner {
      margin-bottom: 30px;
    }
  
    .nio-ins-skill-img {
      display: none;
    }
  
    .nio-ins-skill-wrapper {
      padding: 50px;
      margin: 0 auto;
      margin-bottom: 40px;
      background-color: #6722d6;
    }
  
    .nio-ins-service-innerbox,
    .nio-ins-main-feature {
      margin: 0 auto;
      max-width: 570px;
      margin-bottom: 30px;
    }
  
    .nio-dia-counterup-innerbox h2 {
      font-size: 40px;
      padding-left: 10px;
    }
  
    .nio-ins-fun-fact-img {
      text-align: center;
    }
  
    .nio-dia-counterup {
      padding: 50px 15px 0px;
    }
  
    .nio-dia-counterup-innerbox {
      padding-bottom: 30px;
      padding-left: 0;
    }
  
    .nio-ins-faq-testimonial-bg {
      display: none;
    }
  
    .nio-ins-testimonial-area {
      padding-left: 0;
    }
  
    .nio-ins-blog-innerbox {
      margin: 0 auto;
      max-width: 370px;
      margin-bottom: 30px;
    }
  
    .nio-ins-blog-section {
      padding-bottom: 100px;
    }
  
    .nio-mark-footer-widget .nio-mark-menu-widget {
      padding-left: 0;
    }
  
    .nio-ins-about-img-area .nio-ins-exp-text {
      left: 12%;
    }
  }
  

@media screen and (max-width: 767px) {
    .nio-eig-team-img-text {
        max-width: 270px;
        margin: 0 auto;
      }
    
      .nio-eig-team-content .owl-nav .owl-prev,
      .nio-eig-team-content .owl-nav .owl-next {
        position: static;
        margin: 0 5px;
        display: inline-block;
        transform: translateY(0);
      }
    
      .nio-eig-team-content .owl-nav {
        text-align: center;
        margin-top: 40px;
      }
    .nio-con-about-fact-inner {
        margin-bottom: 20px;
      }
    .nio-mark-slider-item {
        padding: 150px 0px 200px;
      }
    
      .nio-mark-slider-item .nio-mark-slider-text span {
        font-size: 25px;
      }
    
      .nio-mark-section-title-1 p {
        padding-left: 0;
      }
    
      .nio-mark-section-title-1 p:before {
        display: none;
      }
    
      .nio-mark-intro-innerbox {
        margin: 0 auto;
        max-width: 370px;
      }
    
      .nio-mark-about-img-wrap {
        margin-top: 30px;
      }
    
      .nio-mark-testimonial-content {
        margin-top: 40px;
      }
    
      .nio-mark-footer-widget .nio-mark-menu-widget {
        padding-left: 0;
      }
    
      .nio-mark-sticky-on {
        top: 0;
      }
      .nio-mark-sticky-on .nio-mark-mobile_menu_button {
        right: 0;
      }
    
      .nio-mark-cta-content-2 span {
        display: block;
      }
    .nio-ins-header-top {
        display: none;
    }
    .consb-bredcrumb-section .bredcrumb-content {
      padding: 120px 0px 150px;
    }
    .consb-bredcrumb-section .bredcrumb-title h2 {
      font-size: 50px;
    }
}
@media screen and (max-width: 680px) {
    .nio-con-slider-item .slider-text-area span {
      font-size: 24px;
    }
  
    .nio-con-slider-item .slider-text-area h1 {
      font-size: 50px;
    }
  
    .nio-con-slider-item .slider-text-area a {
      height: 45px;
      width: 165px;
      font-size: 14px;
      margin: 0pc 3px;
      line-height: 45px;
      line-height: 45px;
    }
  }

@media screen and (max-width: 570px) {
    .nio-con-slider-item {
        padding: 250px 0px 150px;
      }
    
      #nio-con-slider-id .owl-dots {
        left: 0;
        right: 0;
        top: auto;
        bottom: 30px;
        text-align: center;
        transform: translateY(0);
      }
    
      #nio-con-slider-id .owl-dots .owl-dot {
        display: inline-block;
      }
    .nio-con-main-feature-img .nio-con-feature-play {
        left: 0;
      }
    .nio-dia-portfolio-top .nio-dia-btn {
        margin-bottom: 10px;
        float: none !important;
        display: inline-block;
        margin-top: 10px;
    }

    .nio-dia-section-title h2 {
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 480px) {
    .nio-eig-slide-item-wrap .nio-eig-slider-text h1 {
        font-size: 40px;
      }
    
      .nio-eig-slide-item-wrap .nio-eig-slider-text p {
        font-size: 20px;
      }
    
      .nio-eig-slide-item-wrap .nio-eig-slider-text .nio-eig-slider-btn .nio-eig-video-btn-s {
        height: 50px;
        width: 50px;
        line-height: 45px;
      }
      .nio-eig-slide-item-wrap .nio-eig-slider-text .nio-eig-slider-btn .nio-eig-slider-cta-btn {
        margin: auto;
      }
      .nio-eig-slide-item-wrap .nio-eig-slider-text .nio-eig-slider-btn .nio-eig-slider-cta-btn a{
        margin-bottom: 15px;
        float: none;
        text-align: center;
      }
    
      .nio-eig-about-counter {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
      }
    
      .nio-eig-about-counter-img {
        display: block;
      }
    
      .nio-eig-about-counter-item h3 {
        font-size: 30px;
      }
    
      .nio-eig-about-counter-item {
        display: inline-block;
        padding-bottom: 10px;
        margin-bottom: 10px;
        width: 33.33%;
        float: left;
        padding: 0px 10px;
      }
    
      .nio-eig-about-counter-item:after,
      .nio-eig-about-img:before {
        display: none;
      }
    
      .nio-eig-service-tab-img-text .nio-eig-service-tab-img {
        margin-bottom: 30px;
      }
    
      .nio-eig-service-tab-img-text {
        display: block;
      }
    
      .nio-eig-intro-video-content .nio-eig-video-text h3 {
        font-size: 30px;
      }
    
      .nio-eig-intro-video-cta .cta-action-number {
        float: none !important;
        margin-top: 10px;
      }
    
      .nio-eig-procedure-icon-text {
        max-width: 100%;
      }
    
      .nio-eig-contact-form-wrap h3 {
        font-size: 30px;
      }
    
      .nio-eig-contact-area input {
        margin: 0;
        width: 100%;
        margin-bottom: 15px;
      }
    
      .nio-eig-contact-area .nio-eig-contact-input {
        display: inline-block !important;
        margin: 0;
      }
    
      .nio-eig-contact-area .contact-bottom-cta {
        display: inline-block;
        width: 100%;
      }
    
      .nio-eig-contact-area .contact-bottom-cta .contact-bottom-icon {
        float: left;
      }
    
      .nio-eig-contact-area .contact-bottom-cta .contact-cta-btn {
        width: 110px;
        height: 40px;
        margin-top: 5px;
        line-height: 40px;
      }
    
      .nio-eig-newslatter-wrap .newslatter-form {
        width: 100%;
        margin-top: 30px;
      }
    
      .nio-eig-newslatter-wrap .newslatter-form input {
        padding: 0px 15px;
      }
    
      .nio-eig-newslatter-wrap .newslatter-form button {
        width: 120px;
        font-size: 14px;
      }
    
      .nio-eig-service,
      .nio-eig-procedure-section,
      .nio-eig-team-section {
        padding: 50px 0px;
      }
    
      .nio-eig-intro-video-section {
        padding: 50px 0px;
      }
    
      .nio-eig-contact-img {
        padding-left: 0;
      }
    
      .nio-eig-payment-section {
        padding-bottom: 50px;
      }
    
      .nio-eig-header-style-eight .nio-eig-brand-logo {
        width: 120px;
        margin-right: 25px;
      }
    
      .nio-eig-header-style-eight .nio-eig-header-menu {
        padding-top: 5px;
      }
    
      .main-header .nio-eig-mobile_menu_button {
        top: -35px;
      }
    .header-style-five .brand-logo {
        width: 120px;
      }
    
      .header-style-five .nio-con-header-social {
        margin-top: 5px;
      }
    
      .nio-con-mobile_menu_button {
        top: 0;
      }
    .nio-con-slider-item .slider-text-area span {
        font-size: 18px;
      }
    
      .nio-con-slider-item .slider-text-area h1 {
        font-size: 40px;
      }
    
      .nio-con-slider-item {
        padding: 200px 0px 150px;
      }
    
      .nio-con-team-slider-area .owl-dots {
        margin-top: 50px;
      }
    .nio-con-main-feature-section {
        padding: 50px 0px;
      }
    
      .nio-con-main-feature-list li {
        width: 100%;
      }
    
      .nio-con-spccial-feature-section {
        padding-bottom: 10px;
      }
    .nio-con-service-btn {
        height: 45px;
        width: 180px;
        line-height: 45px;
      }
    
      .nio-con-service-section {
        padding: 60px 0px;
      }
    
      .nio-con-service-section .nio-con-service-content {
        padding-top: 30px;
      }
    
      .nio-con-service-img-text .nio-con-service-icon-txt {
        left: 15px;
      }
    
      .nio-con-service-img-text .nio-con-service-img h3 {
        font-size: 24px;
      }
    
      .nio-con-service-img-text .nio-con-service-icon-txt .nio-con-service-icon {
        margin-bottom: 10px;
      }
    
      .nio-con-service-img-text:hover .nio-con-service-icon-txt {
        bottom: 20px;
      }
    .nio-con-portfolio-section {
        padding: 50px 0px;
      }
    
      .nio-con-title-text {
        padding: 30px 0px;
      }
    
      .nio-con-portfolio-content {
        padding-top: 30px;
      }
    
      .nio-con-portfolio-silder-area .owl-nav {
        margin-top: 25px;
      }
    
      .nio-con-portfolio-innerbox .nio-con-portfolio-text {
        max-width: 320px;
        left: 40px;
      }
    
      .nio-con-portfolio-innerbox:hover .nio-con-portfolio-text {
        bottom: 40px;
      }
    .nio-con-section-title h2 {
        font-size: 34px;
      }
    
      .nio-con-about-text .nio-con-about-fact-inner h4 {
        font-size: 18px;
      }
    
      .nio-con-about-section {
        padding: 60px 0px;
      }
    
      .nio-con-why-choose-section {
        padding: 50px 0px 10px;
      }
    
      .nio-con-why-choose-text .nio-con-about-details {
        margin: 30px 0px 25px;
      }
    .nio-con-team-section {
        padding: 50px 0px 40px;
      }
    .nio-con-cta-btn {
        float: none;
        height: 50px;
        width: 150px;
        line-height: 50px;
      }
    .nio-con-testimonial-section {
        padding: 50px 0px;
      }
    
      .nio-con-testimonial-img-text .nio-con-testimonial-text p {
        font-size: 18px;
      }
    
      .nio-con-testimonial-img-text .nio-con-testimonial-text {
        padding: 30px;
      }
    
      .nio-con-testimonial-section .nio-con-testimonial-area {
        margin-top: 20px;
      }
    
      .nio-con-testimonial-img-text .nio-con-testimonial-text:after {
        display: none;
      }
    
      .nio-con-testimonial-section .nio-con-title-text {
        padding-bottom: 20px;
      }
    .nio-con-blog-section {
        padding: 50px 0px;
      }
    
      .nio-con-blog-img-text .nio-con-blog-text h3 {
        font-size: 20px;
      }
    
      .nio-con-blog-more-btn {
        margin-top: 20;
      }
    .nio-con-footer-copyright .nio-con-footer-copyright-menu {
        float: left;
        margin-top: 10px;
      }
    
      .nio-con-footer-copyright .nio-con-footer-copyright-menu li {
        margin-left: 0;
        margin-right: 10px;
      }
    .nio-dia-about-text-wrapper {
        padding-top: 0;
      }
    
      .nio-dia-section-title h2 {
        font-size: 32px;
      }
    
      .nio-dia-about-feaature {
        flex-wrap: wrap;
      }
    
      .nio-dia-about-ft-icon-text {
        margin-bottom: 20px;
      }
    
      .nio-dia-about-ft-icon-text:after {
        display: none;
      }
    
      .nio-dia-skill-section .nio-dia-skill-vector,
      .nio-dia-why-choose-us-section .nio-dia-why-choose-us-img {
        padding: 0px 15px;
        margin-bottom: 30px;
      }
    
      .nio-dia-skill-section {
        padding-top: 20px;
      }
    
      .nio-dia-service-innerbox {
        padding: 30px 15px;
      }
    
      .nio-dia-service-innerbox .nio-dia-service-icon {
        width: 60px;
        height: 60px;
        margin-right: 15px;
        line-height: 63px;
      }
      .nio-dia-service-innerbox .nio-dia-service-icon i {
        font-size: 25px;
      }
    
      .nio-dia-service-innerbox .nio-dia-service-text h3 {
        font-size: 20px;
        padding-bottom: 10px;
      }
    
      .nio-dia-portfolio-section {
        padding: 50px 0px;
      }
    
      .nio-dia-portfolio-content {
        padding-top: 20px;
      }
    
      .nio-dia-portfolio-img-text .nio-dia-portfolio-text {
        left: 20px;
      }
    
      .nio-dia-portfolio-img-text .nio-dia-portfolio-btn {
        bottom: auto;
        top: 15px;
        right: 15px;
      }
    
      .nio-dia-why-choose-ft-text {
        overflow: hidden;
      }
    
      .nio-dia-why-choose-us-feature .nio-dia-why-choose-ft-text h3 {
        padding-bottom: 10px;
      }
    
      .nio-dia-why-choose-us-feature .nio-dia-why-choose-ft-text h3 {
        font-size: 20px;
      }
    
      .nio-dia-team-section {
        padding: 20px 0px 60px;
      }
    
      .nio-dia-footer-widget-wrapper {
        padding-bottom: 25px;
      }
    
      .nio-dia-banner-content .nio-dia-banner-text h1 {
        font-size: 36px;
        padding-bottom: 20px;
      }
    
      .nio-dia-banner-content .nio-dia-banner-text .nio-dia-banner-btn {
        height: 50px;
        width: 150px;
        line-height: 50px;
      }
    
      .nio-dia-team-section .team-bg-area {
        display: none;
      }
    .nio-mark-slider-item .nio-mark-slider-text span {
        font-size: 18px;
      }
    
      .nio-mark-slider-item .nio-mark-slider-text h1 {
        font-size: 40px;
        padding-bottom: 20px;
      }
    
      .nio-mark-slider-item {
        padding-bottom: 150px;
      }
    
      .nio-mark-slider-item .nio-mark-slider-text p {
        font-size: 16px;
        padding-bottom: 20px;
      }
    
      .nio-mark-slider-item .nio-mark-slider-text .nio-mark-slider-btn a {
        height: 50px;
        line-height: 50px;
        width: 160px;
      }
    
      .nio-mark-intro-section {
        padding: 50px 0px 30px;
      }
    
      .nio-mark-section-title-1 h2 {
        font-size: 36px;
      }
    
      .nio-mark-section-title-2 h2 {
        font-size: 34px;
      }
    
      .nio-mark-about-img-wrap .nio-mark-about-img2 {
        position: static;
      }
    
      .nio-mark-about-img-wrap {
        margin-bottom: 40px;
      }
    
      .nio-mark-about-img-wrap .nio-mark-abou-img-icon {
        display: none;
      }
    
      .nio-mark-service-text h3 {
        font-size: 42px;
      }
    
      .nio-mark-testimonial-img-text h3 {
        font-size: 30px;
      }
    
      .nio-mark-sponsor-section {
        padding: 25px 0px;
      }
    
      .nio-mark-cta-content-2 h3 {
        font-size: 30px;
      }
    
      .nio-mark-cta-content-2 {
        padding: 30px;
      }
    
      .nio-mark-cta-content-2 {
        top: -40px;
      }
    
      .nio-mark-project-content,
      .nio-mark-marketing-section {
        padding: 50px 0px;
      }
    
      .nio-mark-about-section,
      .nio-mark-service-section,
      .nio-mark-project-section,
      .nio-mark-testimonial-section,
      .nio-mark-blog-section,
      .nio-mark-contact-section {
        padding: 60px 0px 50px;
      }
    
      .nio-mark-service-text-icon i {
        font-size: 60px;
      }
    
      .nio-mark-service-text-icon {
        margin-bottom: 15px;
      }
    
      .nio-mark-service-text h3 {
        font-size: 32px;
      }
    
      .nio-mark-project-text h3 {
        font-size: 30px;
        padding-bottom: 20px;
      }
    
      .nio-mark-cta-section .banner_parallax {
        padding: 50px 0px;
      }
    
      .nio-mark-testimonial-img-text:before {
        font-size: 50px;
      }
    
      .nio-mark-testimonial-img-text {
        padding-left: 65px;
      }
    
      .nio-mark-testimonial-wrapper {
        padding-top: 60px;
      }
    
      .nio-mark-blog-section .nio-mark-section-title-1 p {
        padding-left: 0;
      }
    
      .nio-mark-blog-inner .nio-mark-blog-text h3 {
        font-size: 18px;
      }
    
      .nio-mark-section-title-1 p {
        font-size: 16px;
      }
    
      .nio-mark-header-cta-btn {
        padding-top: 0;
      }
    
      .nio-mark-cta-content-2 a,
      .nio-mark-contact-form-area button {
        height: 50px;
        width: 150px;
        line-height: 50px;
      }
    .nio-ins-cta-content .brand-logo {
        width: 120px;
        padding-top: 3px;
      }
    
      .nio-ins-header-middle .nio-ins-btn {
        width: 110px;
        height: 45px;
        font-size: 14px;
        font-weight: 500;
        line-height: 45px;
      }
    
      .nio-ins-header-middle {
        padding: 10px 0px;
      }
    
      .nio-ins-header-middle .nio-ins-btn {
        margin-top: 0;
      }
    
      .nio-ins-section-title h2 {
        font-size: 30px;
      }
    
      .nio-ins-section-title h2 {
        padding-bottom: 20px;
      }
    
      .nio-ins-about-img-area .nio-ins-exp-text {
        top: 56%;
      }
    
      .nio-ins-about-section {
        padding-bottom: 50px;
      }
    
      .nio-ins-video-feature-section {
        padding-top: 40px;
      }
    
      .nio-ins-feature-wrapper {
        padding-bottom: 20px;
      }
    
      .nio-ins-service-section {
        padding-top: 140px;
      }
    
      .nio-ins-service-innerbox .nio-ins-service-img {
        float: none !important;
        -webkit-mask-image: none;
      }
    
      .nio-ins-service-innerbox {
        padding: 30px;
      }
    
      .nio-ins-service-innerbox:before {
        height: 99.5%;
      }
    
      .nio-ins-service-innerbox .nio-ins-service-icon {
        position: static;
        margin-bottom: 20px;
      }
    
      .nio-ins-skill-circle-progress {
        flex-wrap: wrap;
        justify-content: center;
      }
    
      .nio-ins-circle {
        margin-bottom: 30px;
      }
    
      .nio-ins-skill-wrapper {
        margin: 0 auto;
        padding: 50px 15px;
      }
    
      .nio-ins-main-feature {
        padding-left: 0;
        margin-top: 30px;
      }
    
      .nio-ins-fun-fact-section {
        padding: 20px 0px 50px;
      }
    
      .nio-ins-btn {
        width: 150px;
      }
    
      .nio-ins-faq-testimonial-section {
        padding: 50px 0px 60px;
      }
    
      .nio-ins-testimonial-inner .nio-ins-testi-icon {
        margin-bottom: 15px;
      }
    
      .nio-ins-blog-section .nio-ins-section-title p,
      .nio-ins-service-section .nio-ins-section-title p {
        font-size: 16px;
      }
    
      .nio-ins-blog-section {
        padding: 50px 0px 80px;
      }
    
      .nio-ins-blog-content {
        padding-top: 35px;
      }
    
      .nio-mark-copyright-wrapper .nio-mark-copyright-social,
      .nio-mark-copyright-wrapper .nio-mark-copyright-text {
        float: none;
      }
    
      .nio-ins-testimonial-area {
        padding-top: 40px;
      }
    .consb-bredcrumb-section .bredcrumb-title h2 {
      font-size: 40px;
    }
    .consb-bredcrumb-section .breadcrumb-item-wrap .breadcrumb {
      height: 45px;
      padding: 0px 25px;
    }
    .news_post_item .news_text_area h3 {
      font-size: 24px;
    }
  
    .news_post_item .news_text_area {
      padding: 40px 30px;
    }
  
    .news_qoute .news_text_area:before,
    .blog_details_extra_text .next_prev_post .bar_point {
      display: none;
    }
  
    .blog_details_text h2 {
      font-size: 28px;
    }
  
    .blog_details_area .blog_details_content {
      padding: 30px 15px;
    }
  
    .blog_details_text h3,
    .blog_details_text h4 {
      font-size: 20px;
    }
  
    .blog_details_text blockquote {
      font-size: 18px;
      padding: 50px 15px 60px;
    }
  
    .share_post {
      width: 100%;
      margin-top: 20px;
      display: inline-block;
      float: none !important;
      text-align: left !important;
    }
  
    .blog_details_area .share_tag .share_post li {
      float: left;
      margin-left: 0;
      margin-right: 10px;
    }
  
    .blog_details_extra_text .share_tag h3 {
      font-size: 16px;
      padding-bottom: 10px;
    }
  
    .blog_details_extra_text .next_prev_post a h3 {
      font-size: 16px;
    }
  
    .blog_details_extra_text .related_postview h3 {
      font-size: 20px;
      padding-bottom: 20px;
    }
  
    .blog_details_extra_text .postby_author h3 {
      font-size: 20px;
    }
  
    .blog_comment_box .comment_reply {
      margin-left: 20px;
    }
  
    .blog_comment_box .reply-btn {
      position: static;
    }
  
    .blog_comment_box .comment_img {
      height: 70px;
      width: 70px;
      margin-right: 10px;
    }
  
    .comment_formfield {
      padding: 25px;
    }
  
    .social_widget li {
      margin-right: 3px;
    }
    .blog_details_text blockquote:after {
      display: none;
    }
    .blog_details_extra_text .postby_author .author_img {
      float: none;
      margin-bottom: 10px;
    }
    .blog_details_text .aside_img {
      width: 100;
    }
    .portfolio-details-section .portfolio-details-overview .portfolio-overview-filter h3 {
      font-size: 20px;
    }
  
    .portfolio-details-section .portfolio-next-prev-post .portfolio-np-text h3 {
      font-size: 18px;
    }
    .portfolio-details-section .portfolio-details-overview .portfolio-overview-filter li {
      width: 100%;
      margin-right: 0;
      margin-bottom: 20px;
    }
  }
  @media screen and (max-width: 420px) {
    .header-dia-cta-btn {
        width: 120px;
        height: 40px;
        font-size: 14px;
        line-height: 36px;
    }

    .nio-dia-brand-logo {
        width: 120px;
    }

    .nio-dia-mobile_menu_button {
        top: 2px;
    }

    .nio-dia-brand-logo {
        padding-top: 7px;
    }

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

    .nio-dia-portfolio-img-text .nio-dia-portfolio-text h3 {
        font-size: 20px;
    }
    .nio-ins-about-img-area .nio-ins-exp-text {
        left: 30%;
    }
  
    .nio-ins-video-play a {
        height: 60px;
        width: 60px;
        line-height: 60px;
    }
  }
  @media screen and (max-width: 380px) {
    .nio-eig-slide-item-wrap .nio-eig-slider-tag {
        padding: 10px 20px 10px;
      }
    
      .nio-eig-about-counter-item p {
        font-size: 14px;
      }
    
      .nio-eig-section-title h2 {
        font-size: 26px;
      }
    
      .nio-eig-service-tab-img-text .nio-eig-service-tab-text .nio-eig-service-text h3 {
        font-size: 24px;
      }
    
      .nio-eig-intro-video-content .nio-eig-video-text h3 {
        font-size: 26px;
      }
    .header-style-five.nio-con-sticky-header-overlay {
        padding: 15px 10px 10px;
      }
    
      .header-style-five .nio-con-header-social li a {
        font-size: 14px;
        margin-left: 10px;
      }
    
      .nio-con-slider-item .slider-text-area h1 {
        font-size: 36px;
      }
    
      .header-style-five {
        padding: 20px 10px 0px;
      }
    .nio-con-slider-item .slider-text-area a {
        width: 130px;
      }
    .nio-con-about-img .nio-con-about-counter {
        padding: 30px;
      }
    
      .nio-con-about-img .nio-con-about-counter h4 {
        font-size: 20px;
      }
    
      .nio-con-about-img .nio-con-about-counter h3 {
        font-size: 30px;
      }
    .nio-con-section-title h2 {
        font-size: 30px;
      }
    .nio-mark-brand-logo {
      width: 120px;
    }
  
    .nio-mark-section-title-1 h2 {
      font-size: 30px;
    }
  
    .nio-mark-cta-number a {
      font-size: 30px;
    }
  
    .nio-mark-header-cta-btn {
      margin-left: 5px;
    }
  
    .nio-mark-header-cta-btn a {
      width: 100px;
      font-size: 14px;
      font-weight: 400;
    }
  
    .nio-mark-section-title-2 h2 {
      font-size: 30px;
    }
  
    .nio-mark-blog-inner .nio-mark-blog-text,
    .nio-mark-blog-inner-2 .nio-mark-blog-text {
      left: 15px;
      bottom: 20px;
    }
  }
  @media screen and (max-width: 320px) {
    .nio-eig-header-style-eight .nio-eig-header-social {
        display: none;
      }
    
      .nio-eig-slide-item-wrap .nio-eig-slider-text h1 {
        font-size: 36px;
      }
    
      .nio-eig-contact-area .contact-bottom-cta .contact-bottom-icon {
        display: none;
      }
    .nio-mark-brand-logo {
      width: 100px;
      padding-top: 5px;
    }
  }