@media (max-width:1540px){
    /* banner css start */
    .logo img {
            height: 60px;
    }
     .app-image-holder img {
         height: 314px;
    }
     .banner h1 , .banner-heading{
         font-size: 48px;
         line-height: 45.6px;
    }
     #banner-carousel .item {
         padding: 8.5rem 20px 3rem 20px;
         min-height: 100vh;
    }
    #banner-carousel .item.item-5 {
        padding: 12rem 20px 3rem 20px;
    }
    #banner-carousel .item.item-5::after {
        background-position: 11% 10%;
    }
     #banner-carousel .item.item-5 .digital-marketing-image {
         max-width: 70%;
         margin-left: 20px;
    }
    /* ai */
     .ai-left-image, .ai-right-image {
         max-width: 50%;
    }
     .ai-left-image {
         left: -30%;
         top: -95%;
    }
     .ai-right-image {
         right: -25%;
         top: -110%;
    }
     #banner-carousel .social-links li a i {
         font-size: 19px;
         width: 32px;
         height: 32px;
    }
    /* banner css end */
     .about {
         padding: 5rem 20px 5rem 20px;
    }
    /* our case css start */
     .case-study-info li {
         margin-top: 20px;
    }
     .case-study-right{
         padding : 0 !important;
    }
     .case-study-left img {
         height: 412px;
    }
    /* testimonial css start */
     .testimonial-carousel .item {
         padding: 3rem 1rem;
    }
    /* ==========================----------------- contact page css start-----------------========================== */
     .contact-page .field-group .field input {
         height: 40px;
    }
     .contact-page textarea {
         height: 115px;
    }
     .contact-info {
         flex: 0 0 30%;
    }
}
 @media (max-width:1440px){
    /* our work */
     .our-wrok-sec button.owl-prev i {
         left: -50px;
    }
     .our-wrok-sec button.owl-next i {
         right: -25px;
    }
}
 @media (max-width:1366px){
    .logo img {
            height: 60px;
        }
    ul#mega-menu-max_mega_menu_1 {
        gap: 16px;
    }
    /* about page css start */
     .ceo-img img {
         height: 340px;
    }
     .who-we-are .who-we-are-center {
         height: auto;
    }
    .case-study-left img {
        height: 360px;
    }
    .banner h1,
    .banner-heading {
        font-size: 36px;
        line-height: 36.6px;
    }

   /* process section start */
   .content-wrap {
      width: 65%;
   }

   .shape-wrap  {
    width: 35%;
    }

    .process-sec ul li .shape-wrap .shape::after, 
    .process-sec ul li .shape-wrap .shape::before {
        width: 107px;
        height: 108px;
    }

    .process-sec ul li .shape-wrap .shape {
        width: 88px;
        height: 152px;
    }

    .process-sec ul .middle-circle {
        top: 40%;
        width: 130px;
        height: 130px;
    }
    .process-sec ul li {
        padding: 0 20px;
    }
    .process-sec ul li .content-wrap h4 {
        font-size: 24px;
    }
    .process-sec ul li .content-wrap p {
        font-size: 14px;
    }
    .blog-wrapper .blog-image img {
        height: 294px;
    }
    /* process section end */
}
 @media (max-width:1200px){
     #case-study-carousel .owl-dots {
         bottom: -70px;
    }
    /* web development page start */
     section.ideal-web-partner-below .row {
         row-gap: 30px;
    }
     .industury-holder {
         flex: 0 0 32% !important;
    }
     .work-holder img {
         height: 240px;
    }
     .our-wrok-sec button.owl-prev i {
         left: -15px;
    }
     .our-wrok-sec button.owl-next i {
         right: 0px;
    }
}
 @media (max-width:991px){
    /* menu start */
     .mega-menu-toggle.mega-menu-open {
         z-index: 99999 !important;
         position: relative;
    }
	 .nsl-services-menu > a{
		 color:var(--primary) !important;
	 }
     #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle + #mega-menu-max_mega_menu_1 {
         z-index: 9999 !important;
         padding: 24px 0px;
    }
     #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open:after {
         height: 0 !important;
    }
    /* home page start */
     .banner-pattern.pattern-left ,.banner-pattern.pattern-right {
         display: none;
    }
     #banner-carousel .item.item-4 {
         text-align: center;
    }
     .app-image-blockchain img{
         animation-name: remove;
    }
     .app-image-blockchain {
         max-width: 100%;
         text-align: center;
         margin-top: 3rem;
    }
     .app-image-blockchain img{
         max-width: 500px;
         margin: auto;
    }
     .ai-right-image {
         right: -10%;
    }
     .ai-left-image {
         left: -10%;
    }
     .app-image-holder img {
         height: auto;
    }
     #banner-carousel .item.item-5::after {
         display: none;
    }
     .digtal-marketing .row{
         justify-content: center;
    }
     #banner-carousel .item.item-5 {
         text-align: center;
    }
     .case-study-left img {
         max-width: 540px;
         margin: auto;
    }
     .case-study-info ul {
         display: flex;
         flex-wrap: wrap;
    }
     .case-study-info ul li {
         flex: 0 0 50%;
         text-align: center;
    }
    /* process section start */
    .middle-circle {
        display: none;
    }
    .process-sec ul li {
        flex-direction: column;
    }
    .content-wrap , .shape-wrap {
        width: 100%;
    }
    .content-wrap {
        text-align: left;
        order: 1;
    }
    .process-sec ul li .shape-wrap .shape {
        margin: inherit;
        margin-bottom: 16px;
    }
    /* web development service start */
     .benifit-holder {
         flex: 0 0 45%;
    }
     .services-banner .row{
         flex-direction: column-reverse;
    }
     .services-banner h1{
         margin-top: 2rem;
    }
     .service-holder {
         flex: 0 0 48%;
    }
     .industury-holder {
         flex: 0 0 48% !important;
    }
     .get-in-touch-sec::before {
         right: 0%;
         top: 60%;
    }
     .why-choose-right {
         margin-top: 20px;
    }
     .logo-image {
         transform: translateY(15rem);
    }
    /* contact page start */
     .form-wrapper {
         padding: 0 20px 0 20px;
    }
    /* about page start */
     .ceo-holder {
         margin-top: 3rem;
    }
}
 @media (max-width:767px){
    /* menu start */
     .mega-menu-item .mega-sub-menu {
         min-width: 90% !important;
    }
     ul.mega-sub-menu .mega-menu-column {
         padding: 3px 0px !important;
         border-right: none !important;
    }
     ul.mega-sub-menu {
         margin-top: 1px !important;
    }
     #case-study-carousel .owl-dots {
         bottom: -140px;
         right: 0;
    }
     .our-testimonial .nsl-logo {
         right: 10%;
    }
     .banner ul.social-links {
         max-width: 100px;
    }
     .ai-right-image , .ai-left-image , .ai-content-holder.text-center .nsl-logo{
         display: none;
    }
     #banner-carousel .item.item-3 {
         align-items: center;
    }
     .case-study-left img {
         height: 360px;
    }
     .benifit-holder {
         flex: 0 0 100%;
    }
     .case-study-info .nsl-logo{
         display: none !important;
    }
    /* ============ process section start ============  */
    .process-sec ul li {
        width: 100%;
        padding: 20px 0;
        
    }
    .content-wrap , .process-sec .blue .content-wrap, .process-sec .red .content-wrap {
        text-align: center;
    }

    .shape-wrap {
        margin: auto;
    }

    .process-sec ul li .shape-wrap .shape {
        width: 150px;
        height: 150px;
        border-radius: 50%;
    }
    .process-sec ul li .shape-wrap .shape::after, .process-sec ul li .shape-wrap .shape::before {
        display: none;
    }
    /* ============ process section end ============  */

    /* about page css start */
     .ceo-img img , .vision-top img {
         height: auto;
    }
     .vision-botttom .image-holder {
         width: 100%;
    }
     .vision-botttom {
         gap: 20px;
    }
    /* web development page start */
     .service-holder {
         flex: 0 0 100%;
    }
     .web-feature ul li {
         flex: 0 0 100%;
    }
     .industury-holder {
         flex: 0 0 100% !important;
    }
     .our-wrok-sec button.owl-next i {
         right: 26px;
    }
     .our-wrok-sec button.owl-prev i {
         left: 0px;
    }
     .logo-image {
         transform: translateY(18rem);
    }
    /* contact page start */
     .form-wrapper {
         padding: 0 20px 0 20px;
    }
     .contact-page .field-group {
         flex-direction: column;
    }
     .wpcf7-not-valid-tip {
         position: relative;
    }
     .contact-page .field-group {
         margin-bottom: 0px;
    }
}
 @media (max-width:575px){
    .logo img {
        object-fit: contain;
        height: 50px;
     }
     .case-study-left img {
         height: auto;
    }
     .banner h1 , .banner-heading {
         font-size: 32px;
         line-height: 34.6px;
    }
     .app-image-holder img {
         height: auto;
         object-fit: cover;
    }
     .product-launched-wrapper, .year-exp-wrapper {
         top: 9px;
         padding: 10px 10px;
    }
     .year-exp-wrapper {
         top: auto;
    }
     .product-launched-wrapper h2, .year-exp-wrapper h2 {
         font-size: 21px;
         margin-bottom: 0;
    }
     .product-launched-wrapper p, .year-exp-wrapper p {
         margin-bottom: 0;
    }
     .about h4 {
         line-height: 30px;
         font-size: 20px;
    }
     .key-points-about-us li {
         flex: 0 0 100%;
    }
     .process-wrapper h3 {
         font-size: 26px;
    }
     .blog-details {
         bottom: -145px;
    }
     .case-study-info li {
         flex-direction: column;
    }
     .logo-image {
         transform: translateY(20rem);
    }
    /* contact page start */
     .contact-page {
         padding: 5rem 0px;
    }
}
 @media (max-width:425px) {
     .ai-content-holder {
         padding: 28px 10px;
    }
     .banner ul.social-links {
         display: flex;
         gap: 20px;
		 max-width:100%;
    }
     #banner-carousel .item.item-5 .digital-marketing-image {
         max-width: 100%;
         margin-left: 0px;
    }
     #banner-carousel .item.item-5 .digital-marketing-image::after {
         left: 12px;
    }
     .case-study-info ul li {
         flex: 0 0 50%;
         font-size: 14px;
    }
    .case-study-info li span {
        font-size: 14px;
    }
    .process-sec ul li .shape-wrap .shape {
        width: 110px;
        height: 110px;
    }
    .process-sec ul li .shape-wrap .shape img {
        width: 60px;
        height: 60px;
    }
    .content-wrap {
        padding: 5px 0px;
    }
    .testimonial-carousel .item {
        padding: 0rem 0rem;
    }
    .our-testimonial {
        padding: 3rem 0;
    }
    .testimonial-content {
        padding: 20px 10px;
    }
    .testimonial-header {
        padding: 10px 10px 0 10px;
    }
    .reviewer-name {
        font-size: 14px;
    }
    .reviewer-designation{
        font-size: 12px;
    }
    .our-blogs {
        padding: 5rem 0px;
    }
    .discuss-project .nsl-logo {
        width: 70px;
    }
     .widget .logo img {
         max-width: 230px;
         object-fit: contain;
    }
    .blog-wrapper .blog-image img {
        height: 300px;
    }
    .blog-listing-wrapper .post-thumbnail img, .blog-listing-wrapper .post-thumbnail a {
        height: 175px;
    }
    .single-post-wrapper .post-thumbnail img {
        height: auto;
    }
	 .wpcf7-form-control.wpcf7-captchar{
		 width:100%;
	 }
     footer input {
         width: 58%;
    }
     footer .field-group a{
         width: 38%;
    }
}