@media screen and (min-width: 992px){

    .navbar{

        flex-direction: row;

        flex-wrap: wrap;

        align-items: center;

        padding: 0 0;

        position: relative;

    }

    .navbar-toggler{

        display: none;

    }

    .brand-and-icon{

        flex: 0 0 100px;

        border-bottom: none;

        padding: 0;

    }

    .navbar-collapse{

        display: block!important;

        /*overflow-y: hidden;*/

        flex: 1 0 auto;

    }

    .navbar-nav{

        display: flex;

        align-items: center;

        justify-content: end;

        flex-direction:row;

    }

    .navbar-nav > li > a{

        border-bottom: none;

        margin: 0;

        padding: 30px 0px;

        padding-right: 25px;

        font-size: 15px;

    }

    .sub-menu{

        position: absolute;

        left: 0;

        width: 100%;

        top: 100%;

        background: #f8f8f8;

        box-shadow: 2px 2px 15px #80808054;

        border-radius: 0px 0px 10px 10px;

    }

    .simp-menu{

        left: unset !important;

    }

    .navbar-nav > li:hover .sub-menu{

        display: grid!important;

        grid-template-columns: repeat(4, 1fr);

        padding: 1rem 5rem;

    }

    .navbar-nav > li:hover .simp-menu{

        display: flex !important;

        padding: 1rem 12px;

        width: 240px !important;

        justify-content: center;

    }

    .navbar-nav > li{

        border-bottom: 2px solid transparent;

        transition: border-bottom 0.4s ease;

    }

    /* .navbar-nav > li:hover{

        border-bottom-color: #000;

    } */

    .sub-menu-item{

        padding-left: 0;

    }

    /*.sub-menu-item:nth-child(3){*/

    /*    padding-left: 2rem;*/

    /*    padding-right: 2rem;*/

    /*}*/



    /* header */

    .header{

        height: calc(100vh - 75px);

    }

    .header h2{

        font-size: 6rem;

    }

    .header p{

        width: 40%;

    }

}

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

    .navbar-nav > li > a{

        padding: 1.2rem 1rem 1rem 0.4rem !important;

        display: inline-block;

        width: 100%;

        text-align: left;

    

        /* margin: 14px; */

      }

      .navbar-nav li {

        margin: 0;

        display: flex;

        justify-content: space-between;

        flex-direction: column;

        margin-right:10px;

      }

    .ris-nav {

      margin-right: 10px;

      width: 35%;

    }

    /* .jquerynav-wrapper ul li a {

          font-size: 11px;

      } */

    .ris-align img {

      width: 70%;

    }

    .touch-block {

      top: 11px;

    }

    .carousel-caption {

      width: 60%;

    }

  }

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

    .clients .slick-list{

        padding:15px 0px !important;

    }

    .revoulation-box .rev-cont {

    width: 25%;

}

.revoulation-box .rev-imges {

    width: 75%;

}

    .head-dit ul li {

        font-size: 11px;

      }

      .head-dit a {

        font-size: 11px;

      }

      .top-cont p {

        font-size: 11px;

      }

    .edu_process_ul:after {

        display: none;

    }

    .edu_process_li:before {

        display: none;

    }

    .edu_process_li {

        width: 85%;

    }

    .alignment,

    .hide {

      justify-content: center !important;

    }

  

    .navbar-nav li {

      padding: 0px 0px 0px 0px !important;

    }

  

    .navbar-nav a {

      font-size: 12px !important;

      padding: 8px 4px !important;

    }

  

    .dropdown-menu {

      width: 200px;

    }

  

    .drope-two {

      left: 197px;

    }

  

    .drope-three {

      left: 197px;

    }

  

    .dropdown-menu {

      top: 67px;

    }

  

    .drope-two {

      top: -3px;

    }

  

    .drope-three {

      top: -3px;

    }

    .ris-nav {

        margin-right: 0px;

        width: 25%;

      }

      .ris-align img {

        width: 100%;

      }

      .jquerynav-wrapper ul li a {

        padding: 8px 10px;

        /* font-size: 10px; */

      }

      .touch-block {

        top: 12px !important;

        right: 0px !important;

        font-size: 7px;

      }

      .carousel-caption h5 {

        font-size: 35px;

      }

      .mid-bar .cart .count {

        top: -17px;

        right: 7px;

      }

  }



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

    .mega-menu {

      width: 850px;

    }

   

  }



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

    .banner-dit .banner-box{
      margin-bottom: 20px;
      height: auto;
    }
    .trusted{
      padding-top: 450px;
    }
    .trus-cont{
      border-right: unset;
    }
    .trus-cont h3{
      font-size: 22px;
    }
    .fetured-box .fetured-cont{
      padding: 40px 0px;
      padding-left: 95px;
    }
    .fetured-box .fetured-img{
      padding: 40px 0px;
      padding-right: 95px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .why-img{
      margin-bottom: 30px;
    }
    .blog-box{
      padding: 20px 20px;
    }
    .blog-boxsec{
      flex-direction: unset;
      margin-top: 25px;
    }
    .blog-boxsec .blog-img{
      padding-top: 0px !important;
    }
    .landing-form .lan-form{
      margin-top: 20px;
      padding: 25px 20px !important;
    }
    .uni-btn .uni-btninput{
      margin-bottom: 0px !important;
    }
    .location .location-box{
      border-right: unset !important;
      justify-content: space-around;
      margin-bottom: 30px;
    }
    

    .revoulation-box .rev-imges{

        height: 650px;

        width:100%;

    }

    .revoulation-box .rev-cont {

         width: 100%;

    }

    .edu_process_li {

        width: 95%;

    }

    .edu_protfolio .port-img1{

        width: 35%;

        margin: auto;

    }

    .port_head{

        justify-content: center;

    }

    .edu_protfolio_slider .port_head h3 {

        font-size: 18px;

    }

    .navbar-nav > li > a {

        border-bottom: none;

        margin: 0 0.4rem;

        padding: 1rem 1.8rem 1rem 0.8rem;

        font-size: 0.8rem;

    }

    .navbar-nav {

      width: 100%;

      flex-direction: column;

    }

    header .navbar-collapse {

      position: fixed;

      top: 0;

      height: 100vh;

      width: 40% !important;

      background-color: #ECF0F3;

      box-shadow: 10px 10px 19px rgba(0, 0, 0, 0.1);

      z-index: 10;

      padding-top: 50px;

      transition: left 0.3s ease-in-out;

      left: -100%;

      overflow: auto;

  }

  .navbar{

    display: flex;

    flex-direction: row;

    padding: 15px 0px !important;

  }

  .menu-bar{

    display: block !important;

  }

  .logo{

    width: 50%;

  }

  .navbar-nav > li > a{

    padding: 15px 20px !important;

    font-size: 14px !important;

    margin: 0px !important;

  }

  .alignment {

    justify-content: center;

  }



  .head-dit ul {

    flex-direction: column;

  }



  .navbar-brand {

    display: block;

  }



  .top-bar {

    display: none;

  }



  .middle-bar {

    display: none;

  }



  header {

    height: auto;

    background-color: #fff !important;

  }



  .navbar {

    height: auto;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

  }



  .head-dit a {

    font-size: 13px !important;

    /* padding: 6px 5px; */

    padding-right: 0px !important;

    font-weight: 600;

    margin-left: 10px;

    display: inline-block;

  }



  .head-dit i {

    margin-right: 5px;

    font-size: 13px;

  }



  .navbar-nav a {

    text-align: center;

    color: #333 !important;

  }



  .nav-item {

    width: 100%;

    display: flex !important;

    flex-direction: column !important;

  }



  .nav-link {

    border-bottom: solid 1px #2e2e2e !important;

  }

  .navbar > .container {

    background-color: #fff;

  }



  .dropdown-menu {

    width: 95%;

    margin: auto;

    background-color: #fff;

  }



  .navbar-brand {

    width: 50%;

  }



  .navbar img {

    width: 100%;

  }



  .dropdown-item i {

    top: 10px !important;

    transform: rotate(90deg) !important;

  }



  .drope-two {

    padding: 10px 0px !important;

  }



  .drope-three {

    padding: 5px 0px !important;

  }

  .dropdown-toggle::after {

    position: absolute;

    top: 15px;

    right: 15px;

    border-top: 0.4em solid;

    border-right: 0.4em solid transparent;

    border-bottom: 0;

    border-left: 0.4em solid transparent;

  }

  .mid-dit {

    display: none;

  }

  .revoulation-box{

    flex-direction: column-reverse;

  }

  .revoulation-box .rev-imges{

    width: 100% !important;

    height: 650px;

  }

  .revoulation-box .rev-cont{

    width: 100% !important;

  }

  .category ul a {

    color: #222 !important;

  }

  .mega-menu {

    top: 74px;

    width: 740px;

  }

  #bar {

    display: none;

  }

  #down {

    display: block;

  }

  .category i {

    font-size: 17px !important;

    margin-left: 10px;

    margin-top: 2px;

  }

  .hide-nav {

    display: block !important;

  }

  #site-header {

    display: unset;

    height: auto;

  }

  #site-header .container {

    max-width: 100%;

    padding: 0px;

  }

  .touch-block {

    top: 10px !important;

    right: 20px !important;

    font-size: 11px;

    width: 20px;

    height: 20px;

    background: transparent;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .show .touch-block {

    right: 20px !important;

  }

  /* first level */

  .jquerynav > li,

  .jquerynav > .page_item {

    border-bottom: 1px solid #bbb;

    border-right: none;

  }

  .jquerynav > li:last-child {

    border-bottom: none;

  }

  .jquerynav li {

    width: 100%;

  }

  /* second level */

  .jquerynav li:hover > ul {

    display: none;

  }

  .jquerynav ul {

    position: relative;

  }

  /* third level */

  .jquerynav ul ul {

    left: 0%;

    top: auto;

  }

  .jquerynav > li:last-child ul ul {

    left: 0;

  }

  .show a {

    padding: 15px 20px !important;

  }

  .show .touch-block {

    transform: rotate(0deg);

    right: 15px;

  }

  .jquerynav li a {

    font-size: 12px;

    padding: 10px 4px;

    text-align: center;

  }

  .ris-nav {

    display: block;

    width: auto;

  }

  .ris-align {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 8px 12px;

  }

  .ris-nav a {

    padding: 3.2px 0px;

  }

  .ris-nav img {

    width: 25% !important;

  }

  .ris-nav i {

    font-size: 30px;

    color: #000;

  }

  .jquerynav {

    display: none;

    height: 250px;

    overflow: auto;

    background-color: #fff;

  }

  .jquerynav-wrapper {

    display: unset;

  }

  #click {

    display: block;

  }

  .ris-nav {

    padding: 0px;

    background-color: #fff;

  }

  #site-header {

    padding: 0px;

  }

  .jquerynav-wrapper ul li a {

    font-size: 13px;

    padding: 10px 15px;

    color: #fff;

  }

  .jquerynav-wrapper ul ul li a {

    padding: 10px 15px;

    color: #fff !important;

    /* justify-content: center !important; */

  }

  .carousel-caption h5 {

    font-size: 20px;

    margin-bottom: 10px;

  }

  .jquerynav > li {

    margin: 0px;

  }

  .s-space {

    padding: 50px 0px;

  }

  .ris-m {

    margin-bottom: 30px;

    padding-right: 12px;

  }

  .copyright {

    margin-top: 15px;

    text-align: center;

  }

  .bottom-link {

    text-align: center;

  }

  .footer-bottom {

    margin-top: 20px;

  }

  .f-ris {

    padding-left: 12px;

  }

  .category:hover ul {

    display: none;

  }

  .mid-dit {

    display: block;

  }

  .mid-ditails {

    margin-top: 30px;

  }

  .fixed-top .mid-dit i {

    color: #fff !important;

  }

  .fixed-top .account {

    display: block;

  }

  .fixed-top .log-in {

    display: block;

  }

  .drop-icon {

    right: 10px;

  }

  .navbar-collapse {

    width: 100%

  }

  .brand-and-icon {

    display: flex;

    justify-content: space-between;

    padding: 1rem 0;

    /* border-bottom: 1px solid #ddd; */

  }

  .brand-and-icon {

    display: flex;

    justify-content: space-between;

    padding: 1rem 0;

    border-bottom: 1px solid #ddd;

  }

  .showly{

    display: block !important;

  }

  .brand-and-icon{

    border: unset !important;

  }

  #click{

    outline: none;

    font-size: 20px;

    color: #909090;

    border: unset !important;

  }

  .landing-form .lan-form{

      margin-left:0px;

          padding: 25px 0px;

  }

  .landing-form h3{

      font-size:28px;

  }

  .landing-form h2{

      font-size:40px;

  }

  .landing-form h4 {

    font-size: 25px !important;

    line-height: 1.3;

}

.clients  .slick-prev {

        left: 40% !important;

    }

    .clients  .slick-next {

        right: 40% !important;

    }

    .industries  .slick-prev {

        left: 40% !important;

    }

    .industries .slick-next {

        right: 40% !important;

    }

    .head-contact{

        display:flex;

        justify-content:center;

        padding:15px 20px;

    }

    .head-contact a{

        color:#fff !important;

        margin-right:0px !important;

        font-size:14px !important;

        padding: 8px 20px !important;

    }

    .navbar-nav > li:hover .sub-menu{

        padding: 0px 12px !important;

    }

    .sub-menu ul li a{

        font-size:14px !important;

        display: inline-block;

    }

    .simp-menu{

        width:100% !important;

    }

  }

  

  @media screen and (max-width: 767px){
    .blog {
      margin-bottom: 30px;
    }
    .quote-img{
      margin-top: 20px;
    }
    .heading h2{
      width: 100%;
    }
    .strip .strip-img{
      width: 100%;
    }

      .industry-box{

          margin-bottom:20px;

      }

      .blog {

          padding-top:0px !important;

          padding-bottom:0px !important;

      }

      .client-cont h4{

          margin-bottom:0px;

      }

      .client-cont p{

          font-size:16px;

          margin-bottom:0px;

      }

      .ind-cont h3{

          font-size:20px;

          margin-bottom:15px;

      }

      .strip-cont h3{

          font-size:20px;

      }

      .fetured{

          padding-top:0px !important;

      }

      .banner-dit .banner-box h3{

          font-size:18px;

      }

      .uni-btn button i{

        width: 30px;

        height: 30px;

        font-size: 16px;

      }

      .uni-btn button{

          font-size:15px;

              height: 45px;

      }

      .uni-a a i{

        width: 30px;

        height: 30px;

        font-size: 16px;

      }

      .uni-a a{

          font-size:15px;

            height: 45px;

      }

      .techno-wrapper h2{

          font-size:22px;

          margin-bottom: 15px;

      }

      .techno-wrapper h3{

          font-size:20px;

      }

      .clients .heading{

          margin-bottom:0px;

      }

      .industry-box .ind-cont{

          padding:20px 12px;

      }

      .industry-box .ind-cont p{

          margin-bottom:0px;

      }

      .main-section{

          overflow:hidden;

      }

      .footer-bottom ul {

    flex-wrap: wrap;

}

.footer-bottom {

    padding: 16px 0px;

}

.footer-bottom ul li{

    margin-bottom:10px;

}

      .footer-bottom ul li:first-child{

          width:100%;

          margin-bottom:10px;

      }

      .client-slideimg img{

        margin-top: 38px;

      }

      .expertise .expertise-cont h3{

          font-size:22px;

      }

      .trust-img{

            height: 510px;

      }

      .trust-img img{

          height:700px;

          object-fit:contain;

      }

      .strip .strip-cont{

          padding:0px 12px;

      }

      .partner-strip .strip-img img{

          margin-top:40px;

      }

      .revoulation-box .rev-imges{

          height:auto !important;

          margin-bottom:20px;

      }

      .revoulation-box .rev-imges .rev-img{

          display:none;

      }

      .rev-risimg{

          display:block;

      }

      .clients .client-cont{

          margin-top:20px;

        justify-content: unset;

      }

      .clients .client-cont{

          padding:0px 12px;

      }

      .clients .slick-arrow{

          bottom:-16% !important;

      }

      .clients  .slick-prev {

        left: 30% !important;

    }

    .clients  .slick-next {

        right: 30% !important;

    }

      .strip .container{

              padding-left: 12px;

    padding-right: 12px;

      }

      .strip .strip-cont h2{

              font-size: 25px;

                  line-height: 1.5;

      }

      .strip .strip-cont p{

              font-size: 16px;

      }

      .fetured-box .fetured-img{

          padding-right: 0px;

          padding-top: 20px;

      }

      .fetured-box{

              flex-direction: column-reverse;

      }

      .fetured-cont h3{

          font-size: 22px;

    text-align: center;

    margin-bottom: 20px;

      }

      .fetured-box .fetured-cont{

          width:100%;

            padding: 30px 12px !important;

      }

      .fetured-box .fetured-img{

          width:100%;

      }

      .partner-strip .strip-cont h2{

          font-size:22px;

              margin: 14px 0px;

      }

      .strip .container{

              padding-left: 0px;

    padding-right: 0px;

      }

      .industries .slick-arrow{

          bottom: -15% !important;

      }

      .industries .slick-prev{

          left: 30% !important;

      }

      .industries .slick-next {

    right: 30% !important;

}

      .client-cont h3{

          font-size:20px;

          margin-top:20px;

      }

      .heading p{

          width:100%;

      }

      .quote .quote-cont h2 {

    font-size: 20px;

    color: #fff;

    line-height: 1.5;

    font-weight: 500;

    margin-bottom: 30px;

    text-align: center;

}

.quote .uni-a{

    display:flex;

    justify-content:center;

}

      .blog-box{

          flex-direction: column;

    padding: 15px 12px;

      }

      .blog-box .blog-img{

              width: 100%;

    padding-right: 0;

    margin-bottom: 20px;

      }

      .blog .blog-cont {

    width: 100%;

}

.blog-box .uni-a{

        margin-top: 20px;

}

      .location .loc-cont h3{

              font-size: 22px;

    text-align: center;

    margin-top: 20px;

      }

      .location .loc-cont p {

    font-size: 16px;

    text-align: center;

}

      .location .location-box{

    align-items: center;

    flex-direction: column;

      }

      .location .loc-img{

          margin-right:0px;

      }

      .location .location-box{

          margin-bottom:20px;

      }

      .landing-form h4 {

    font-size: 22px !important;

    line-height: 1.3;

}

      .landing-form h2{

          font-size:22px !important;

          line-height:1.3;

          text-align: center;

      }

      .landing-form h3{

          font-size:25px;

      }

      .heading h2{

    font-size: 22px;

  }

   .banner .banner-content h1{

    font-size: 22px;

    line-height: 1.5;

  }

  .banner-counter li{

      width:50%;

  }

  .banner .banner-counter ul{

    flex-direction: unset;

    align-items: center;

    flex-wrap: wrap;

  }

  .banner-counter li{

      margin-bottom:25px;

  }

  .banner .banner-counter ul h3{

      font-size:22px;

  }

  .banner-dit .banner-box{

      margin-bottom:20px;

  }

      .rev-ris-img{

          display:block;

      }

      

    .edu_process_li {

        width: 100%;

        padding-left: 20px;

    }

    .edu_process_li .edu_process_img{

        display: none;

    }

    .edu_cta1_rgt{

        display: none;

    }

    .edu_cta2_rgt{

        display: none;

    }

    .edu_sec5 .edu_tab button{

        width: 50%;

    }

    .m-bottom {

        margin-bottom: 30px;

      }

    header .navbar-collapse {

      width: 75% !important;

  }

  .fixed-top .cart {

    width: 100%;

  }

  .touch-block {

    top: 12px;

    right: 15px;

    font-size: 12px;

  }

  .show .touch-block {

    right: 15px !important;

  }

  .ris-nav img {

    width: 30% !important;

  }

  .carousel-caption {

    width: 80%;

  }

  .carousel-caption h5 {

    font-size: 20px;

    margin-bottom: 15px;

  }

  .carousel-caption p {

    font-size: 15px;

    display: none;

  }

  .uni-anc a {

    font-size: 12px;

    padding: 4px 12px;

  }

  }



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

    .carousel-caption h5 {

      font-size: 16px;

      margin-bottom: 15px;

    }

    .carousel-caption {

      padding: 0px;

    }

    .carousel-caption p {

      font-size: 12px;

    }

  }



  @media screen and (max-width: 494px) {
    .trusted{
      padding-top: 500px;
    }
    .trus-cont h2{
      font-size: 18px;
    }
    .trust-img{
      height: unset;
    }
    .trust-img img{
      height: unset;
    }

    .top-bar {

      padding-top: 10px;

      padding-bottom: 10px;

    }

  

    .head-dit a:first-child {

      display: block;

    }

  

    .head-dit a {

      padding: 2px 0px;

    }

  

    .head-dit a:nth-child(2) {

      padding: 2px 0px;

    }

  

    .head-dit a:last-child {

      padding: 2px 0px;

    }

  

    .head-dit a {

      font-weight: 600;

    }

  

    .top-bar {

      height: auto;

    }

  

    .head-dit ul {

      flex-direction: column;

      text-align: center;

    }

  

    .head-dit ul li {

      justify-content: center;

    }

    .carousel-caption h5 {

        font-size: 12px;

        margin-bottom: 15px;

      }

      .carousel-caption p {

        font-size: 10px;

      }

  }

  

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

    .head-dit a {

      font-size: 12px !important;

    }

  

    .navbar-brand {

      margin-right: 0px !important;

    }

  }

  

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

    .carousel-caption h5 {

      margin-bottom: 0px;

    }

    .uni-anc a {

      font-size: 10px;

    }

  }



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

    .head-dit a:nth-child(2) {

      display: block;

      text-align: center;

    }

  

    .head-dit a:last-child {

      display: block;

      text-align: center;

    }

  

    .top-bar {

      height: 70px;

    }

  }