ul.portfolio-grid {width: 100%;}
ul.portfolio-grid li{ width:33.33%;}


/*.mobmenu-content li{background: #fcd6cd;}*/
.mobmenu-content #mobmenuright > li{padding: 0; border-bottom: solid 1px #eee;}
/*.mobmenu-content #mobmenuright > li > a:hover{background: #e94d24 !important; color: #fff !important; }
.mobmenu-content #mobmenuright li a:hover i{color: #fff !important;}*/
.mobmenu-content #mobmenuright > li > a{padding-left: 15px !important; padding-right: 15px !important;}
.mobmenu-content li > .sub-menu li{border-bottom: solid 1px #eee; }
.mobmenu-content li > .sub-menu li a{padding-left: 22px !important; color: #333 !important;}
.mobmenu-content li > .sub-menu li:last-child{border-bottom: 0;}
.mobmenu-content li > .sub-menu li:first-child{border-top: solid 1px #eee;}
.mobmenu-content ul.sub-menu li ul li.second-level-mob-menu{background: #f8f8f8;}
.mobmenu-content ul.sub-menu li ul li.second-level-mob-menu a{padding: 5px 0 5px 35px!important; color: #555 !important;}
.mobmenu-content ul.sub-menu li ul li a{padding: 5px 0 5px 45px!important; color: #888 !important;}
.mobmenu-content ul.sub-menu li ul li:hover a{color: #fff !important;}
.mob-expand-submenu{padding: 0 10px;}
/*menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3107*/

@media (max-width: 1600px){
/*AngularJs Development page start*/
/* Why Choose AngularJS Development section start  */
.ser-why-choose {padding-bottom: 180px;}
.ser-why-choose-box {padding: 62px 20px 25px 20px;text-align: center;}
.ser-why-icon {padding-bottom: 10px;  text-align: center;display: inline-block;  }
.ser-why-icon span { top: -49px;left: 0; right: 0; margin: 0 auto;position: absolute;}
/* Why Choose AngularJS Development section end  */
/*AngularJs Development page end*/
}   

@media (min-width: 1441px){
    /*Sidbar Menu Start*/
    .mainMenu .nav-menu .menu-top-menu-container{margin-top: 15rem;}
    /*Sidbar Menu end*/
}

@media (max-width: 1440px){
    section {padding: 80px 0;}
    .banner-svg svg {height: 460px; width: 453px;}
    .process-flow-box {padding:0px 35px;}
    
    /*Sidbar Menu Start*/
    .mainMenu li{padding-bottom: 14px;}
    .mainMenu li a{font-size: 32px; line-height: 34px; font-weight: 600;}
    .mainMenu li .arrow{left: 250px; top: 0;}
    .mainMenu li .sub-menu li a{padding-top: 4px; padding-bottom: 4px; font-size: 16px;}
    /*Sidbar Menu end*/
    
    /*Home banner start*/
    .homepage-main-banner-slider .earth-css #wrapper{width: 500px;}
    .creative-banner h2{font-size: 800% !important;}
    
    .homepage-main-banner-slider .earth-css{inset:5% 40px auto auto !important}
    /*Home banner end*/
    
    
    /*Blog page start*/
    /*Hero Banner*/
    .header-main-section-inner{padding-top: 120px; padding-bottom: 50px;}
    /*Blog page end*/
    
    /* Services 3 pages start*/
    .service-level-3-header .banner-heding-content h1{font-size: 68px; line-height: 70px; /*margin-bottom: 16%;*/}
    /* Services 2 pages end*/
}
 
@media (max-width:1366px){
    /*allione start*/
    .slider-content-inner .slider-middle-text .slider-dark-text,
    .slider-content-inner .slider-middle-text .slider-line-text {font-size: 122px;}
    .slider-content-inner .slider-middle-text .slider-dark-text {line-height: 74px;}
    /*.banner-images img{width:72%;}*/
    #mymind {bottom: 38%; right: 17%;}

    .rounded-corosel .round-inner-col {left: 0;}
    
    .services-overview-section.simple-para{padding-top:60px;}
    
    .servicemain-page-header .shape-svg-block svg{width: 100%; height: auto;}
    /*allione end*/
    
    /* Services 1 pages start*/
    .service-lavel-1-header-content{min-height: 81vh;}
    .service-lavel-1-header-content h1{font-size: 50px;}
    /* Services 1 pages start*/

    /* Services 2 pages start*/
    .header-section-image img{width:80%;}
    .mobileappdevelopment-content .heading-content .main-text {font-size:50px;}
    /* Services 2 pages end*/

/*AngularJs Development page start*/
/* Why Choose AngularJS Development section start  */
.ser-why-choose { padding-bottom: 170px;}
.ser-why-icon span { width: 90px; height: 90px;  top: -44px; }
.ser-why-icon span img{height: 50px;}
.ser-why-choose-box { padding: 60px 20px 25px 20px; }
.ser-why-icon h4 { font-size: 20px;line-height: 28px;}
/* Why Choose AngularJS Development section end  */
/*AngularJs Development page end*/
}

@media(max-width:1365px) {
    /*allione start*/
    .header-menu {position: absolute; display: inline-block; width: 100%; justify-content: flex-end; align-items: center; height: 120px; left: 0; right: 0; top: 90px;}

    .hire-developer-service-listing ul li {margin: 0 10px;}

    .hire-developer-service-listing ul li a {padding: 6px 18px;}
    /*allione ned*/
}

@media(max-width:1359px) {
    
    /* Header section start */
    .freeestimate-btn{margin-right: 15px;}
    /* Header section end */
}

@media(min-width:1300px){
    /*.navigation-menu-wrap.menuactive{width:50%;}*/
}
@media (min-width:1201px) and (max-width:1299px) {
    /*.navigation-menu-wrap.menuactive{width:60%;}*/
}

@media(min-width:1201px){
.ubermenu .ubermenu-submenu .ubermenu-column-auto {width:250px !important;}

}

@media(min-width:1200px){
.navigation-menu-wrap{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: auto; opacity: 0;	height:64px;/* position: absolute; */top: 0; right: 0; z-index: 99; margin: 0 auto;}
.navigation-menu-wrap.menuactive{opacity:1;/*float: right; margin-right:365px;*/ opacity: 1; -webkit-transition: 250ms all; transition: .5s all; height: 52px; }
.navigation-menu-wrap.menuactive .navbar-expand-lg .navbar-nav{margin-right: inherit !important; }

    ul.navbar-nav.mr-auto li > a.nav-link{padding:0px 0 30px 0;}
    
     .mb-sidebar-menu-main{display: none;}
    
    /* Portfolio Page start*/
    .portfolio-grid .grid-item{overflow-y: hidden;}
    .portfolio-grid .grid-item a:hover .portfolio-hover-text{bottom: 0;}
    .portfolio-hover-text{bottom: -100%; transition: 0.4s ease-in-out;}
    /* Portfolio Page end*/
}

@media (max-width: 1200px){
section.no-padding-bottom.counter-section {padding: 0 !important;}
/*section.services-overview-section.simple-para {padding: 100px 0 0 0;}*/
	
    .ubermenu .ubermenu-submenu .ubermenu-column-auto{max-width:100% !important;}

.rounded-corosel .round-inner-col {border-radius: 100%; width: 100%; height: auto;}
.process-flow-box:nth-child(1) .icon-block .icon-col i{font-size: 90px;}
.process-flow-box:nth-child(2) .icon-block .icon-col i{font-size: 90px;}
.process-flow-box:nth-child(3) .icon-block .icon-col i{font-size: 70px;}
.process-flow-box:nth-child(4) .icon-block .icon-col i{font-size: 70px;}
.process-flow-box:nth-child(5) .icon-block .icon-col i{font-size: 80px;}
.process-flow-box .icon-block {width:130px; height: 130px;}
.predefine-svg svg {left:-20px; top:-22px;  width:175px; height:175px;}
.predefine-svg, .round-animatesvg{height:100%; width: 100%;}
.round-animatesvg svg {width: 160px; height: 160px; left: -16px; top: -14px;}

.mobileappdevelopment{padding:0px;}
.slider-top-text{margin-bottom:40px; margin-top:100px;}
    
    /* Services 1 pages start*/
    /*.banner-images{height: 70vh; display: flex; align-items: center; transform: translate(0, 5%) !important; position: relative;}*/
    /* Services 1 pages end*/
}

@media (max-width: 1199px){
    /* common css start  */
    .ptb-80{padding: 60px 0}
    .pt-80{padding-top: 60px;}
    .pb-80{padding-bottom: 60px}
    /* common css end  */

    
    /*Header start*/
    ul.navbar-nav.mr-auto li{padding:0px; margin:0px 20px 0 0;}
    ul.navbar-nav.mr-auto li:last-child{margin-right: 0;}
   
    .navigation-menu-wrap{position:relative; width: 100%; left: 0; right: 0; top:0px;}
    
    .freeestimate-btn{margin-right: 60px;}
    
    
    /*Mobile menu header top start*/
    .mobmenur-container{margin-right: 275px !important;}
    .mob-menu-no-scroll {overflow: hidden;}
    /*MB menu start*/
    
    /*Menu sticky*/
    .header-appear .mb-menu-btns{top: 22px;}
    .header-appear .bar1, .header-appear .bar2, .header-appear .bar3{background: #e94d24;}
      
    /*MB menu btn start*/
    .mb-menu-btns{width: 28px; height: 29px; display: flex; flex-direction: column; justify-content: space-evenly; cursor: pointer; position:absolute; top: 37px; right: 15px;}
    .bar1{height: 3px;  width: 100%;  display: block;  background: #fff; border-radius: 10px;}
    .bar2{height: 3px;  width: 100%;  display: block;  background: #fff; border-radius: 10px;}
    .bar3{height: 3px;  width: 100%;  display: block;  background: #fff; border-radius: 10px;}

    .mb-menu-close-btn{height: 28px; width:28px; padding: 0; display: flex; justify-content: space-evenly; align-items: center; flex-direction: column;cursor: pointer; position: absolute;  top: 15px; right: 15px;}

    .mb-menu-close-btn .bar1{transform: rotate(-135deg); position: absolute; background: #000}
    .mb-menu-close-btn .bar2{display: none;}
    .mb-menu-close-btn .bar3{transform: rotate(133deg); position: absolute; background: #000}
    /*MB menu btn end*/

    /*MB Menu all start*/
    .mb-sidebar-menu-main {float: right; position: fixed; top:0; right: 0; height: 100vh; z-index: 2;}
        .mb-sidebar-menu {background: #fff; width: 350px;height: 100%;  margin-right: -350px; transition: .6s all; float: right; padding-top: 50px; transition: .6s all; overflow: auto;}
        .mbl-backdrop.mbl-bk-open{background: rgba(0,0,0,0.9); width: 100%; height: 100%; z-index: 0; position: fixed; top: 0; left:0; transition: .6s all;}

        .sidebar-open {margin-right: 0;}

        .mob-expand-submenu {position: relative; right: 0px; float: right;}

          .mb-menu-sidebar-in {position: relative; height: 100%; overflow: auto;}
            .mb-menu-sidebar-in::-webkit-scrollbar {width: 9px;}
            .mb-menu-sidebar-in::-webkit-scrollbar-track {background: #ffffff;}
            .mb-menu-sidebar-in::-webkit-scrollbar-thumb {background-color: #e94d24; border-radius: 10px; border: 3px solid #ffffff;}
    
          .mb-menu-sidebar-in ul {list-style: none; margin: 0; padding: 0;}
          .mb-menu-sidebar-in li {position: relative;}
          .mb-menu-sidebar-in ul > li {border-bottom: solid 1px #eee;}
          .mb-menu-sidebar-in ul > li > a {display: block; padding: 8px 10px 8px 15px; color: #000; line-height:normal; font-size: 16px;}
          .mb-menu-sidebar-in > ul > li > a > i{padding: 5px 10px 5px}
          .mb-menu-sidebar-in ul > li > a.has-active {color: #e94d24;}
          .mb-menu-sidebar-in ul > li > ul > li:first-child {border-top: solid 1px #eee;}
          .mb-menu-sidebar-in ul > li > ul > li:last-child {border-bottom: 0;}
          .mb-menu-sidebar-in ul > li > ul > li a {color: #333; font-size: 14px; padding-left: 22px;}
          .mb-menu-sidebar-in ul > li > ul > li > ul > li a {color: #555; padding-left:35px;}
          .mb-menu-sidebar-in ul > li > ul > li > ul > li > ul > li a {color: #888; padding-left:45px;}

          .mb-menu-submenu {position: relative; top: 100%; z-index: 1; display: none;}
          .mb-menu-submenu li {display: block; /* border-bottom: 1px solid #ccc; */}

          .mb-menu-sidebar-in a i {/* transform: rotate(0deg); */ float: right; font-size: 15px; padding:2px 10px; transition:transform ease-in-out  0.2s} 
          .mb-menu-sidebar-in a.has-active i {transform: rotate(180deg); color: #e94d24;}
    /*MB Menu all end*/

    /*MB menu end*/
    /*Mobile menu header top end*/
    
    /*Sidbar Menu Start*/
    .mainMenu .nav-menu .menu-top-menu-container{padding-left: 50px;}
    
    .menu-default-content{width: 64.66%; left: 36.33%;}
    .menu-default-content-items{width: 85%;}
    
    /*Sidbar Menu end*/
    
    /*Header end*/
    
    /*home Banner start*/
    div#n2-ss-2 .n2-font-3d278980db22f6e27ec66c5dea1065d9-hover, div#n2-ss-2 .n2-font-6436059d42aa170d8981e9f2af511733-hover,  .creative-banner h2{font-size:700% !important;}
    
    .homepage-main-banner-slider .earth-css{inset:25% 40px auto auto !important}
    .homepage-main-banner-slider .earth-css #wrapper{width: 400px;}
    
    .section-left-block{left: -25px;}
    /*home Banner end*/

    /*Home page start*/
     section {padding: 60px 0;}
    
    /*About home start*/
    .about-homepage .subtitle{margin-bottom: 15px;}
    .about-homepage .content-para{padding-left: 70px; line-height:28px; margin-bottom: 40px;}
    /*About home end*/
    
    .section-heading-block .section-heding{font-size: 45px; margin-bottom: 15px;}
    
    /*Our Services home start*/
    .home-our-services-block .tabpane-content-block{padding: 40px 0 0; min-height: inherit;}
    .home-our-services-block .tabpane-content-block .tabs-content-inner{height: auto;}
    .home-our-services-block .home-service-heading{font-size: 30px; margin-bottom: 15px;}
    .home-our-services-block .home-small-heading{margin-bottom:15px; font-size: 22px;}
    .home-our-services-block nav .nav.nav-tabs .nav-item::after{display: none;}
    /*Our Services home end*/
    
    /*work-process-section home start*/
    .work-process-section .section-heading-block{margin-bottom: 30px;}
    /*work-process-section home end*/
    
    /*Thanks-msg-section start*/
    .thanks-msg-section{padding: 55px 0px 42px; text-align: center;}
    /*Thanks-msg-section start*/
    
    /*footer start*/
    .footer-widget-part{padding: 40px 0;}
    .footer-social-media{padding: 40px 0 20px;}
    /*footer end*/
    
    /*Home page End*/
    
    /*About page start*/
    body:not(.home) section:not(servicemain-page-header, .main-bottom-fixed-section, .header-main-section, .blog-filter, .blog-listing-section, .blog-listings, .thanks-msg-section){padding: 60px 0;}
    body:not(.home) section.no-padding{padding:0;}
    
    /*Header & banner start*/
    .page-first-section{padding:0 60px;}
    .page-first-section h1{font-size: 90px; line-height: normal;}
    .page-first-section h1:after{bottom: 36px;}
    .page-first-section p{padding-left: 30px;}
    /*Header & banner end*/
    
    /* About section start*/
    .about-welcome-section .welcom-content h2{font-size: 30px; line-height: 40px; margin-bottom: 20px;}
    .about-welcome-section .welcom-content .welcome-text p{margin-bottom: 22px;}
    /* About section end*/
    
    /* Core Value section start */
    .core-value-section .core-value-inner .marquee-text-block{font-size: 120px; line-height: 90px;}
    
    .bordered-box-animate{padding: 40px;}
    .bordered-box-animate .title-col h3{margin-bottom: 15px;}
    /* Core Value section end */
    
    /* Five D Process section start*/
    .process-flow-box{padding: 0 30px;}
    /* Five D Process section start*/
    
    /* SPRYBIT VALUES & PRINCIPLES section start */
    .section-heading-block{margin-bottom: 30px;}
    .principal-box{padding: 30px; width: 50%;}

    .principal-box:nth-child(2),
    .principal-box:nth-child(3),
    .principal-box:nth-child(6)     {
        background-color: transparent
    }
    .principal-box:nth-child(1),
    .principal-box:nth-child(4),
    .principal-box:nth-child(5)     {
        background-color: #fff
    }
    /* SPRYBIT VALUES & PRINCIPLES section end */
    
    /* Our Team section start */
    .team-section-aboutus .heading-content{padding-bottom: 20px;}
    .teammember-block .dis-content-block .email-add{margin-top: 10px;}
    /* Our Team section end */
    
    /*About page end*/
    
    /* Contact Us Page start*/
    .contact-form-block .contact-heading{margin-bottom: 20px;}
    .contact-map iframe{height: 400px;}
    /* Contact Us Page end*/
    
    /*Testimonials page start*/
    .digitally-transform h3{font-size: 32px; font-weight: 600;}
    .digitally-transform a.btn-danger{margin-bottom: 0; margin-top: 40px;}
    
    .client-speak h2{margin: 0px 0 90px 0;}
    /*Testimonials page end*/
    
    /*Blog page*/
    .page-template-services-level-1 .section-heading-block, .page-template-services-level-2 .section-heading-block, .page-template-services-level-3 .section-heading-block{margin-bottom: 30px;}

    /*Blog details page start*/
    .blog-details-header-section{padding: /*130px 0 50px*/ 50px 0 !important;}
    .blog-details-header-section .blog-detail-header-inner h2{font-size: 35px; line-height: 44px;}
    
    .blog-details-page-heading h1, .blog-detail-header-inner h1{font-size: 30px; line-height: 38px;}
    .page-blog-details-content h2{font-size: 25px;}
    .page-blog-details-content h3{font-size: 20px;}
    .page-blog-details-content h4{font-size: 18px;}
    
    /* contact form & Reply comment start */

/* blog details contact form start */
.blog-details-contact .form-control { padding: 7px 12px;}
/* blog details contact form end */

  /* blog contact comment start */
.blog-details-contact .comment-list .comment-body{padding: 12px;}
/* blog contact comment end */
    
/* contact form & Reply comment end */

    /*Blog details page end*/
    
    /*Event page start*/
    /*Event Banner start*/
    .life-sprypit-banner{min-height: 70vh;}
    .life-sprybit big {font-size: 80px; line-height: 81px;}
    /*Event Banner end*/
    
    section.sprypit-event-main{padding-bottom: 30px !important;}
    .lifesprybit h1{margin-bottom: 30px; font-size: 35px;}
    /*Event page end*/
    
    /*Services details pages*/
    
    /* Services 1 pages start*/
    .servicelavel1-banner:before{height: 10px;}
    .service1-main-banner{padding-bottom: 20px;}
    .service-lavel-1-header-content{min-height: 60vh;}
    /* Services 1 pages end*/
    
    
    /*Services 2 details pages start*/
    
    /*Banner left Content part*/
    .servicemain-page-header .shape-svg-block{display: none;}
    .servicemain-page-header{background-color:#0471c0; height: auto;}
    .mobileappdevelopment-content .heading-content-wrap { min-height: 50vh;}
    .mobileappdevelopment-content .heading-content .main-text{font-size: 40px;}

    /*services-list-tabbs-section start*/    
    .service-inner-listing, .tab-content-block{padding: 52px 0 60px;}
    .service-name-heading{margin-bottom: 20px;}
    .service-name-heading h2{font-size: 35px; line-height: 45px;}
    .service-list-tab ul li a{font-size: 18px; line-height: 24px; padding-left: 20px;}
    
    .service-name-heading{padding-left: 0;}
    .tab-content-block .tab-content p{margin-bottom: 20px;}
        
    /*Services 2 details pages end*/
    
    /* Services 1 & Services 2 pages start*/

    .simple-para h2{margin-bottom: 20px; font-size: 35px; line-height: 45px;}
    .simple-para .content p{margin-bottom: 20px;}
    
    /*counter section*/
    .count-title{font-size: 40px;}
    .counter-text-block, .typewriteing-block, .counter-section:after{height: 140px;}
    
    /* Services 1 & Services 2 pages end*/
    
    /*Services 3 details pages start*/
    
    .service-level-3-header{height: 80vh!important;}
    .blur-effect-header-cover-bg-img{height: 80vh; background-attachment: inherit;}
    .service-level-3-header .banner-heding-content h1{font-size: 58px; line-height: 60px;}
    
    /*Banner btm text*/
    .main-bottom-fixed-section .bound{width: 90%;}
    .plate-inner-block{padding: 25px 0 25px 0;}
    
    /*Why Choose section*/
    .Service-about-clone-content-display p{margin-bottom: 25px;}
    .quote-block{padding: 15px 25px;}
    
    /*Development service feature section*/
    .development-service-feature-section .row{margin-bottom: 25px;}
    .development-service-feature-section .feature-content-block h2{font-size: 35px; margin-bottom:25px;  line-height: normal;}
    .mid-btn{padding: 12px 25px; font-size: 20px;}
    
    /*The Solutions Section*/
    
    /*Services 3 details pages end*/
    
    /*Our Work page start*/
    .work-filter-block{padding-bottom: 30px;}
    /*Our Work page end*/
    
    /* Portfolio Details Page start*/
    .portfolio-detail-page-inner{padding-top: 30px;}
    .portfolio-detail-header-section{margin-bottom: 40px;}
    .portfolio-detail-header-section h1{font-size: 42px; margin-bottom: 15px; line-height: 45px;}
    .portfolio-detail-page-inner .portfolio-detail-header-section ul{columns:3;}
    
    .portfolio-overview-section, .portfolio-chalanges, .the-solutaion, .solutaionbg, .portfolio-results{padding-top: 40px; padding-bottom:40px;}
    .portfolio-detail-page-inner h2, .result-text h2{padding-bottom: 15px; font-size: 35px; line-height: 36px; margin-bottom: 0;}
    
    .portfolio-banner-image{height: 50vh;}
    
    .type-sec h2{font-size: 30px; padding-bottom: 10px; margin-bottom: 20px;}
    .type-sec h5{line-height: 38px; font-size: 40px;}
    
    /* Portfolio Details Page end*/
    
    /*PRIVACY POLICY page start*/
    .privacy-policy h3{font-size: 22px;}
    /*PRIVACY POLICY page end*/
    
    /*Careers page start*/
    
    /*Available Position start*/
    /*Job position text*/
    .job-position-text{padding: 25px 0;}
    
    /*Job Button*/
    .job-right-text .btn-apply-job{padding: 8px 10px;}
    .job-right-text .btn-detail-job{padding: 8px 10px; margin-right: 10px; margin-left: 4px;}
    /*Available Position end*/
    /*Careers page end*/

    /*AngularJs Development page start */
    /*Why Choose AngularJS Development start*/
    .ser-why-choose {padding-bottom: 100px; }
    .ser-why-choose-main .col-lg-6{margin-top: 70px;}
    /*Why Choose AngularJS Development end*/

    /* AngularJS Development Services start  */
    .angular-service-section.simple-para h2 { margin-bottom: 30px;}
    .angular-service-box h4 {font-size: 20px;line-height: 28px;  margin-bottom: 8px;}
    .angular-service-box .angular-service-content {padding: 18px 0px 35px;}
    /* AngularJS Development Services end */

    /* left right section start  */
    .left-right-content h4 {font-size: 22px;line-height: 30px; }
    .anguler-left-right-section::before {height: 682px; width: 430px;}
    .anguler-left-right-section::after {height: 639px;width: 439px;}
    /* left right section end  */

    /* faq section start  */
    .anguler-faq-section .section-heading-block.small-heading .section-heding {margin-bottom: 25px;}
    .main-accordion .acc-btn button {font-size: 18px;line-height: 24px;}
    .main-accordion .acc-item::before { height: 35px;width: 35px; font-size: 27px; top: 15px; right: 20px;}
    .main-accordion .acc-item { padding: 20px;}
    .main-accordion .at-tab {padding-top: 15px;}
    /* faq section end  */

    /*AngularJs Development page end */

    /*shopify Development page start */
    /* how we work section start  */
    .how-we-work-section-shopify.simple-para  h2 {margin-bottom: 18px;}
    .how-we-work-section-shopify .left-title-area .redirect-link {padding-top: 10px;}
    .how-we-work-section-shopify  .we-work-box h4 {margin-bottom: 10px;font-size: 22px;line-height: 30px;}
    .how-we-work-section-shopify .right-area-we-work .we-work-box:not(:last-of-type) {padding-bottom: 30px;}
    /* how we work section end */
    /*shopify Development page end */

}

@media (min-width:992px) and (max-width: 1199px) {
    
    /*Header*/
     .right-inner-block { display: flex; width: 760px;}
    
}

@media (min-width:768px) and (max-width: 1199px) {
    /*Careers page start*/
    /*Perks & Benefits start*/
    .perks-benefit-item{align-items: start;}
    .perks-benefit-item .perks-icon{flex-shrink: 0; width: 65px;}
    /*Perks & Benefits end*/
    /*Careers page start*/
}

@media (min-width:992px){
    .mobile-toggle{display: none !important ;}
    
    /*Blog Detail page start*/
    .blog-details-block {width: 850px;}
    /*Blog Detail page end*/
    
    /*Coherent Service start*/
    .business-domain-content .indutry-tab-content p{padding-right: 60px;}
    /*Coherent Service end*/
}

@media (max-width:991px){
/* common css start  */
 .ptb-80{padding: 40px 0}
 .pt-80{padding-top: 40px;}
 .pb-80{padding-bottom: 40px}
 .pt-40{padding-top: 30px;}
/* common css end  */

/* header start  */
header .header-inner {    display: block;  justify-content: inherit;   position: relative;}
header{position:absolute; top:0px; padding: 15px 0px 15px 0px;}
.logo {width:200px; float:left;}
header.header-appear .logo a .logo2{width: auto; height: 52px;}
.right-inner-block {width: auto; float: right; display: block;}
.header-appear .right-inner-block { height:50px; display: flex; margin-top: 0;}
    
.toggle-menu-col a{display: none;}
.mainMenu{display: none;}
/* header end  */

    
/*Home banner start*/
    .homepage-main-banner-slider .earth-css #wrapper{width: 480px;}
 /*Home banner end*/

.mobmenur-container.sticky {top: 20px !important;}
.mobmenur-container.sticky i{color: #e94d24;}
.mob-menu-header-holder {position: fixed!important;}
    
.freeestimate-btn {margin-top:5px;}
.header-appear .freeestimate-btn {margin-top:0;}
    
/*MB menu btn start*/
.mb-menu-btns{top: 27px;}
/*MB menu btn end*/

/*Popup-Form start*/    
    .main-popup-wapper1 .right-section1 > span img{width: 240px;}
    .recaptcha span.wpcf7-not-valid-tip{position: relative; width: 100% !important;}
 /*Popup-Form end*/    
    
/*HOme page*/
    .home section:not(.hompagebanner){padding: 50px 0;}
    
    /*About home start*/
    .about-homepage .mainheading{font-size: 20px; line-height: 30px; margin-bottom: 15px;}
    .about-homepage .subtitle{margin-bottom: 10px;}
    .about-homepage .content-para{padding-left: 65px;}
    .about-homepage .fancy-text{padding-left: 65px; font-size: 33px;}
    /*About home end*/
    
    /* Our Services home start*/
    .section-heading-block .section-heding{font-size:38px;}
    .home-our-services-block .section-heading-block{margin-bottom: 15px;}
    .home-our-services-block .fancy-link-block a{margin-top: 10px;}
    .home-our-services-block .home-service-heading{font-size: 26px; margin-bottom: 10px;}
    .home-our-services-block .home-small-heading{margin-bottom: 18px; font-size: 20px; line-height: 30px;}
    /* Our Services home end*/
    
    /* Business Domain Homepage  start*/
    .business-domain-content .indutry-tab-content h3{font-size: 30px; margin-bottom: 10px; line-height: normal;}
    /* Business Domain Homepage  end*/
    
    /* Process Step home start */
      /*.section-heading-block.mid-heading .section-heding{font-size: 25px; margin-bottom: 10px;}*/
    .process-step-col{width: 146px; height: 146px;}
    .process-step-col .step-count{font-size: 70px; top: 45px;}
    .process-step-col .process-content .process-title{font-size: 15px;}
    .process-step-col .process-content .small-desc{font-size: 13px;}
    
    .process-step-col.active{width: 120px; height: 120px;}
    .process-step-col.active::before{border-width: 2px;}
    .section-heading-block.small-heading .section-heding{font-size: 25px; margin-bottom: 15px;}
    .process-step-col.active .step-count{font-size: 30px; top: 15px;}
    .process-step-col.active .process-content{height: 64%;}
    .process-step-col.active .process-content .process-title{font-size: 12px;}
    .process-step-col.active .process-content .small-desc{font-size: 8px; line-height: 12px;}
    /* Process Step home end */
    
    /*.portfolio-design-style1.owl-carousel .owl-stage-outer{padding-bottom: 50px;}
    .portfolio-design-style1 .owl-nav{bottom: 50px;}*/

    .portfolio-design-style1 .owl-item.active.center .portfolio-img{border-width: 8px;}
    
    
    /*Home Testimonial start*/
    .footer-testimonials{padding: 20px 0 0; text-align: center;}
    .footer-testimonials .footer-testimonial-heading i{left: -20px;}
    .footer-testimonial-slider .testimonial-items .image-col{margin: 15px 0 45px; display: inline-block;}
    .footer-testimonial-slider .owl-dots{text-align: center;}
    /*Home Testimonial end*/
    
    .home section.thanks-msg-section{padding: 50px 0 37px;}
    
    
    .footer-contact-form-block-inner{padding: 20px 30px 1px 30px;}
    .footer-contact-details-inner{ display:block;}

    .footer-widget-part{padding: 30px 0 20px 0;}
    .footer-widget-part .footer-widget-heading{margin-bottom: 15px;}
    .footer-contact-details-block .icon-text-group{padding: 15px 0;}
.footer-contact-details-inner .icon-text-group:nth-child(1){width:100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-right:none;}
.footer-contact-details-inner .icon-text-group:nth-child(2), .footer-contact-details-inner .icon-text-group:nth-child(3){width:49%; display: inline-block; text-align: center; vertical-align: middle;}
.footer-contact-details-inner .icon-text-group:nth-child(2) .icon-col, .footer-contact-details-inner .icon-text-group:nth-child(2) .text-col,.footer-contact-details-inner .icon-text-group:nth-child(3) .icon-col, .footer-contact-details-inner .icon-text-group:nth-child(3) .text-col{display: inline-block; float: none; vertical-align: middle;}
    .footer-social-media{padding: 25px 0 20px;}
    
    .footer-widget-part .widget-nav-listing li{padding-bottom: 8px;}
    
    /*About page start*/
    section{padding: 50px 0;}
    body:not(.home) section:not(.servicemain-page-header, .header-main-section, .blog-filter, .blog-listing-section, .blog-listings){padding:40px 0;}
    body:not(.home) section.no-padding{padding:0;}
    
    /*Header & banner start*/
    .header-main-section-inner{min-height: auto; padding-bottom: 40px;}
    .page-first-section h1 { font-size: 60px; line-height: 65px;}
    .page-first-section h1:after{width: 24px; height: 24px; bottom: 9px;}
    .page-first-section p {padding-left: 0;}
    .header-main-section .scroll-down{bottom: 25px;}
    /*Header & banner end*/
    
    /* About section start*/
    .about-welcome-section .welcom-content h2{font-size: 28px; line-height: 36px;}
    .about-welcome-inner .block-images{padding-top: 25px;}
    
    .about-welcome-section:after{display: none;}
    /* About section end*/
    
    /*Contact page start*/
    .contact-inner-block{flex-wrap: wrap; transform: translate(0, 0px); top: 0;}
    .contact-form-block, .contact-details-block{width: 100%;}
    
    .contact-details-col {width: 100%; float: left; margin: 0 0 30px 0; padding: 0 0 10px 0; display:block;}
    .contact-form-block {padding: 25px 0 15px;}
    .contact-details-block{padding: 25px;}
    .contact-map iframe{height: 400px;}
    .office-content-display .office-col p{margin-bottom: 0;}
    .office-content-display .office-col h3{font-size: 20px; line-height: 28px;}
    /*Contact page end*/
    
    /* Core Value section start */
    .value-pricipal-inner .section-heading-block .section-heding, .value-pricipal-inner .section-heading-block .section-heding2{font-size: 35px; line-height: normal;}
    .core-value-section .core-value-inner .marquee-text-block{font-size: 100px; line-height: 80px;}
    .bordered-box-animate{padding: 25px;}
    .bordered-box-animate .title-col h3{margin-bottom: 10px; line-height: normal; font-size: 28px;}
    /* Core Value section end */
    
    /* Five D Process section start*/
    .five-process-heading-block .five-d-text{font-size: 280px;}
    .five-process-heading h2{font-size: 38px; line-height: normal; margin-bottom: 0;}
    .five-process-heading p{font-size: 20px;}
    
    .process-flow-inner {display: block; padding-top: 40px;}
    .process-flow-box {padding: 0 20px; width: 32%; display: inline-block;  text-align: center; vertical-align:top;}
    .process-flow-box .icon-block {width: 130px; height: 130px; margin: 0px auto 28px auto;}
    .process-flow-box .process-content {margin: 0 0 33px 0;}
    .process-flow-box:nth-child(5){margin:30px 0 0 0}
    /* Five D Process section end*/
    
    /* Our Team section start */
    .heading-content h2 {padding: 0 0/* 20px*/ 0;   } 
    
    .team-section-aboutus .heading-content{padding-bottom: 10px;}
    .teammember-block .imageblock{margin-bottom: 20px;}
    .teammember-block .dis-content-block h4{font-size: 20px;}
    /* Our Team section end */
    
    /*About page End*/
    
.rounded-corosel .round-inner-col {border-radius: 100%; width: 100%; height: auto;}

.overview-images-block .overview-images-inner .fixed-img-box img {width: 100%;}
.tab-content-block .tab-content {background:#f1f2f2; padding:10px;}
.service-list-tab ul li a {font-size: 16px; line-height: 24px;  padding: 12px 8px 12px 20px;}


.mobileappdevelopment-content .heading-content .main-text {font-size:30px;}
.header-section-image img{width:100%;}	
   
    /*Testimonials page*/
    .test-bg{padding-top: 50px;}
    
    .digitally-transform h3{font-size: 30px;}
    .digitally-transform a.btn-danger{margin-top: 20px;}
    
    /*terms-of-use-and-condition page start*/
    .privacy-policy ul{margin-top: 5px; margin-bottom: 35px;}
    /*terms-of-use-and-condition page end*/
    
    /*Blog page start*/
    .blog-listing-section{padding-top:20px;}
    .blog-listing-parent .blog-listing-block .blog-listing-content .blog-listing-heading a h5, .blog-listing-heading a{font-size: 18px;}
    .orange-link.fancy-link-block a strong{font-weight: 600;}
    
    /*Pagenation start*/
    .previous-next-button{padding: 10px 0 25px 0;}
    /*Pagenation end*/
    
    /*Blog page end*/
    
    /*Blog details page start*/
    .blog-details-header-section{padding: 55px 0 45px !important;}
    .blog-details-header-section .blog-detail-header-inner{margin-left: 40px;}
    .blog-details-header-section .blog-detail-header-inner h2{font-size: 35px; line-height: 44px;}
   
    .blogdetail {padding: 30px 0 !important;}
    
    /* contact form & Reply comment start */

    /* blog details contact form start */
    .blog-details-contact h3 {font-size: 22px; line-height: normal;}
    .blog-details-contact  textarea { margin-bottom: 16px; height: 114px;}
    .blog-details-contact  input[type=submit]{padding: 7px 20px;}
    /* blog details contact form end */

  /* blog contact comment start */
    .blog-details-contact h2.comments-title {font-size: 18px;margin-bottom: 14px;}
    .blog-details-contact .comment-author.vcard img{height: 45px;}
    .blog-details-contact .comment-author.vcard cite, .blog-details-contact .comment-author.vcard span{font-size: 16px;}
    .blog-details-contact .comment-list .comment-body{margin-left: 60px;}
    .blog-details-contact .comment-list .comment-body:before{left: 50px; top: 10px;}
    .blog-details-contact .comment-list  li.comment{margin-bottom: 20px;}
    .blog-details-contact .comment-list .children > li{margin-top: 12px;}
/* blog contact comment end */
    
/* contact form & Reply comment end */
    
     /*Blog details page end*/
    
    /*Event page start*/
    /*Event Banner start*/
    .life-sprypit-banner{min-height: auto; padding-top: 120px;}
    .life-sprybit big {font-size: 60px; line-height: normal;}
    .life-sprybit p{padding-top: 10px;}
    /*Event Banner end*/
    
    section.sprypit-event-main{padding-bottom: 10px !important;}
    
    .sprybit-life-social{padding: 20px 0;}
    .sprybit-life{font-size: 35px; line-height: 50px;}
    /*Event page end*/
    
    
    /*All Services page start*/
    .page-template-services-level-1 .section-heading-block, .page-template-services-level-2 .section-heading-block, .page-template-services-level-3 .section-heading-block{margin-bottom: 10px;}
    
    .page-template-services-level-1 .portfolio-design-style1 .owl-item.active.center li .portfolio-caption, .page-template-services-level-2 .portfolio-design-style1 .owl-item.active.center li .portfolio-caption, .page-template-services-level-3 .portfolio-design-style1 .owl-item.active.center li .portfolio-caption{bottom: -80px;}
    
    /*Related Services*/
    .hire-developer-service-listing{margin-top: 25px;}
    .section-heading-block.mid-heading .section-heding{font-size: 35px; margin-bottom: 15px;}
    /*All Services page end*/
    
    /* Services 1 pages start*/
    
    .service1-main-banner{padding-bottom: 10px;}
    .service-lavel-1-header-content{min-height: 40vh;}
    .service-lavel-1-header-content h1{font-size: 35px;}
    
    /*tab section start*/
    .services-list-tabbs-section  .tab-content-block .tab-content h3{margin-bottom: 15px;}
    /*tab section end*/
    
    /* Services 1 pages end*/
    
    /* Services 2 pages start*/
    /*Banner left Content part*/
    .mobileappdevelopment-content .heading-content-wrap { min-height: 44vh;}
    
    /*services-overview-section*/
    section.services-overview-section.simple-para{padding-top: 50px;}
    
    /*PHP Development section*/
    .tab-content-col .service-list-tab-content{background: rgba(241, 242, 242, 1);}
    .service-name-heading h2{font-size: 32px; line-height: 40px;}
    .service-inner-listing, .tab-content-block{padding: 40px 0 0;}
    .services-list-tabbs-section{background:#e94d24;}
    .service-list-tab .nav{display: block !important;}
    .service-list-tab-content .tab-content-block{ padding:10px 10px 30px;}
    .tab-content-block .tab-content .tab-content-link{padding: 15px 40px 16px 25px;}
    /* Services 2 pages end*/
    
    /* Services 1 & Services 2 pages start*/
    
    .simple-para h2{font-size: 30px; line-height: 36px; margin-bottom: 15px;}
    .simple-para .content p{margin-bottom: 15px;}
    
    /*counter section*/
    .counter-text-block, .typewriteing-block, .counter-section:after{height: 100px;}
     .count-title{font-size: 35px;}

    /* Services 1 & Services 2 pages end*/
    
    /* Services 3 pages start*/
    /*Hero Banner3 start*/
    .service-level-3-header{height: 50vh!important;}
    .blur-effect-header-cover-bg-img{height: 50vh; background-attachment: inherit;}
    .service-level-3-header .banner-heding-content h1 {/*margin-bottom:25%;*/ font-size:45px; line-height:normal;}
    .plate-inner-block {padding: 15px 0 15px 0;}
    .plate-content{margin-bottom: 20px;}
    .plate-button{text-align: left;}
    .main-bottom-fixed-section .plate:before{display: none;}
    /*Hero Banner3 end*/
        
    /*WHY CHOOSE section*/
    .Service-about-clone-content-display{margin-top: 20px;}
    .overview-images-block{width: 550px; margin: 0 auto;}
    .overview-images-block .overview-images-inner .fixed-img-box{width: 474px;}
    
    .Service-about-clone-content-display h3{margin-bottom: 10px;}
    .Service-about-clone-content-display p{margin-bottom: 20px;}
    
    /*Development service feature section*/
    .development-service-feature-section .feature-content-block h2{font-size: 30px; line-height: 36px; margin-bottom: 20px;}
    .content-feature-list-block .doted-style{padding-left: 30px;}
    
    /*The Solutions Section*/
     .service-four-box-style .heading-content h2{line-height: normal; font-size: 35px; padding-bottom: 5px;}
    .box-flip-content{height: 200px;}
    
    
    /* Services 3 pages end*/
    
    /*Portfolio page start*/
    .portfolio-listing-section .portfolio-grid .grid-sizer,
    .portfolio-listing-section .portfolio-grid .grid-item{width:50%}
    .work-filter-block{padding-bottom: 20px;}
    /*Portfolio page end*/
    
    /* Portfolio Details Page start*/
    .portfolio-detail-header-section{margin-bottom:30px;}
    .portfolio-detail-header-section h1{font-size: 35px; margin-bottom: 10px; line-height: 35px;}
    
    .portfolio-overview-section, .portfolio-chalanges, .the-solutaion, .solutaionbg, .portfolio-results{padding-top:30px; padding-bottom:30px;}
    .portfolio-detail-page-inner h2, .result-text h2{padding-bottom: 10px; font-size: 25px; line-height: 32px;}
    
    .portfolio-banner-image{height: 30vh;}
    
    .challenge-sec{padding-top: 20px;}
    .challenge-sec h3{font-size: 14px;}
    .challenge-sec h3:before{top: 40px;}
    
    .type-sec h2{font-size:22px; padding-bottom: 5px; margin-bottom:15px;}
    .type-sec h5{line-height:24px; font-size:28px;}
    /* Portfolio Details Page end*/
    
    /*Careers page start*/
    .careers-main .header-main{margin-bottom: 15px;}
    .careers-main .header-main .header-title{font-size: 35px; line-height: normal;}
    
    
    /*Perks & Benefits start*/
    .perks-benefit-item .perks-item-detail h3{font-size: 20px;}
    /*Perks & Benefits start*/
    
        /*Available Position start*/
        /*Job position text*/
    .job-position-text h4{font-size: 20px; line-height: normal;}
    
    .job-tech-icon img{height: 34px;}
    
    /*Job Button*/
    .job-right-text .btn-apply-job{padding: 5px 10px;}
    .job-right-text .btn-detail-job{padding: 5px 10px; margin-right: 0; margin-left: 0; margin-top: 5px;}
    
        /*Job Popup start*/
        .job-content-popup .modal-header{padding-top: 10px; padding-bottom: 10px; align-items: center;}
        /*Job Popup end*/
    
    /*Job Application start*/
    .job-App-form .codedropz-upload-inner h3{font-size: 22px; line-height: normal;}
    .job-App-form input:not(.btn-submit){padding: 14px 15px;}
    .job-App-form select{padding: 14px 15px;}
    .job-App-form .btn-submit{padding: 15px 60px;}
    .job-App-form span.wpcf7-not-valid-tip{margin-bottom: 10px;}
    /*Job Application end*/
    
     /*Available Position end*/
    /*Careers page end*/
    
    /*AngularJs Development page start */

    /*Why Choose AngularJS Development start*/
    .ser-why-choose { padding-bottom: 90px; }
    /*Why Choose AngularJS Development end*/

      /* AngularJS Development Services start  */
    .angular-service-section.simple-para h2 { margin-bottom: 24px;}
    .angular-service-box .angular-service-content { padding: 15px 0px 35px; }
     /* AngularJS Development Services end  */

    /* left right section start  */
    .anguler-left-right-section::before { height: 500px;width: 310px;}
    .anguler-left-right-section::after {height: 500px;width: 370px;}
    .left-right-content h4 { margin-bottom: 10px; }
    /* left right section end  */

    /* faq section start  */
    .anguler-faq-section .section-heading-block.small-heading .section-heding {margin-bottom: 20px;} 
    /* faq section end  */
    /*AngularJs Development page end */

    /*shopify Development page start */
    /* how we work section start  */
    .how-we-work-section-shopify .right-area-we-work .we-work-box { padding-left: 50px;}
    .how-we-work-section-shopify .right-area-we-work .we-work-box:not(:last-of-type) {padding-bottom: 25px;}
    /* how we work section end */
    /*shopify Development page end */
}

@media (min-width: 768px) and (max-width: 991px) {
    
    /*Home banner start*/
    
    .hompagebanner .n2-ss-slider .n2-ss-slider-1 .n2-ss-layer-content{min-height: 50%;}

    div#n2-ss-2 .n2-font-6436059d42aa170d8981e9f2af511733-hover, div#n2-ss-2 .n2-font-3d278980db22f6e27ec66c5dea1065d9-hover, .creative-banner h2{text-align:center !important;}
    
    .slider-top-text{margin-bottom:0px; justify-content: center; margin-top: 60px;}
    .homepage-main-banner-slider .n2-ss-item-content > div {text-align: center !important;}
    
    .homepage-main-banner-slider .banner-svg{right: 150px;}
    
    .homepage-main-banner-slider .earth-css {inset: 46% 0 auto 0 !important;}
    .homepage-main-banner-slider .earth-css #wrapper{width: 480px;}
 /*Home banner end*/
    
    /*HOme page*/
    .business-domain-listing .industry-listing-homepage li{width: 16.6%;}
    .business-domain-listing .industry-listing-homepage .industry-domain-col span{font-size: 15px;}
    
    /*Contact page start*/
    .contact-details-block .icon-col .icon-display{float: left; margin-right: 20px; margin-bottom: 0;}
    .contact-details-block .icon-col .content-display{display: inline-block; width: 75%; text-align: left;}
    .contact-details-block .icon-col{float:left; margin-bottom: 10px;}
    .office-details-col{padding:0px;}
    .office-content-display .office-col{width: 49%; display: inline-block; vertical-align: top;}
    /*Contact page end*/
    
     /*Careers page start*/
    .job-right-text{padding: 10px 0;}
     /*Careers page end*/
    
}

@media (min-width: 480px) and (max-width: 991px) {
    /*Footer start*/
    .footer-inner .footer-widget-part .col-sm-6:nth-last-child(2){margin-top: 25px;}
    /*Footer end*/
}


@media only screen and (min-device-width: 780px) 
                   and (max-device-width:916px) 
                   and (orientation: landscape) {
                       
    /*Home banner start*/
    .homepage-main-banner-slider .top-sub-title{margin-bottom: 40px !important;}
                       
    div#n2-ss-2 .n2-font-3d278980db22f6e27ec66c5dea1065d9-hover, div#n2-ss-2 .n2-font-6436059d42aa170d8981e9f2af511733-hover, .creative-banner h2{font-size:360% !important; text-align:left !important;}
    
    .slider-top-text{margin-bottom: 0px; margin-top:110px; font-size: 14px;}
                       
                       .hompagebanner .n2-ss-slider .n2-ss-slider-1 .n2-ss-layer-content{margin-left: 3%;}                   
    .homepage-main-banner-slider .n2-ss-layer-row-inner{width:60% !important;}
                       .homepage-main-banner-slider .n2-ss-item-content > div{text-align: left!important;}
            
    .homepage-main-banner-slider .earth-css {inset: 16% 30px auto auto !important;}
    .homepage-main-banner-slider .earth-css #wrapper{width: 250px;}
    .homepage-main-banner-slider .earth-css #earth-col{margin-top: 15%;}
    
    .homepage-main-banner-slider .banner-svg{right: 60px;}
    .homepage-main-banner-slider .banner-svg svg{width: 170px; height:240px;}
    
    .homepage-main-banner-slider .banner-btn-section{margin-top: 15px !important;}
    .homepage-main-banner-slider .banner-btn-section .fancy-link-block strong{font-weight: 600;}
    /*Home banner end*/
                       
    /* Services 3 pages start*/
    /*Hero Banner3 start*/
    .service-level-3-header{height: 100vh!important;}
                       .blur-effect-header-cover-bg-img{height: 80vh; background-position: top center;}
                       .service-level-3-header .banner-heding-content h1{font-size: 35px;}
                       .plate-content{margin-bottom: 15px;}
    .banner-heding-content {position: relative; height: 100vh; display: flex; align-items: flex-end;}
                       .plate-button .small-btn{padding: 8px 28px; font-size: 15px;}
    /*Hero Banner3 end*/
    /* Services 3 pages start*/
}


@media(min-width:768px) {
    /*Sider Main Menu start*/
    .nav-menu-inner .hover-link > a::after{content: ''; position: absolute; top: 100%; left: 0; display: block; width: 100%; height: 1em; background-color: #103e69; transform: scaleY(0.05) scaleX(0); transform-origin: top left; transition: transform 0.7s;}
    
    .nav-menu-inner .hover-link > a:hover::after{transform: scaleY(0.05) scaleX(1); height: 1em; background-color: #103e69;}
    /*Sider Main Menu end*/
    
    /*All form start*/
    .recaptcha span.wpcf7-not-valid-tip {width: 30%; line-height: normal; right: 0;}
    /*All form end*/
    
    .md-none {display: none;}
    .core-value-inner .col-md-6 {display: flex;}
    
    /* contact form & Reply comment start */

    /* blog details contact form start */
    .blog-details-contact .comment-form-author,.blog-details-contact .comment-form-email, .blog-details-contact .comment-form-url{width: 32.9%; display: inline-block;}
    .blog-details-contact .comment-form-author,.blog-details-contact .comment-form-email{margin-right: 0.6%;}
    /* blog details contact form end */

    /* contact form & Reply comment end */
    
    /*Careers page start*/
    /*Perks & Benefits start*/
    .perks-benefit-detail .col-md-6{display: flex;}
    /*Perks & Benefits end*/
    
        /*Available Position start*/
        /*Job Popup start*/
    .job-content-popup .modal-body h5{font-size: 20px; font-weight: 500;}
        /*Job Popup end*/
        /*Available Position end*/
    /*Careers page end*/

    /* AngularJs Development page start  */

   
    /* left right secton start  */
    .anguler-left-right-section .row{align-items: center;}
    .anguler-left-right-section .row:nth-child(even){flex-direction: row-reverse;}
    /* left right secton end  */

    /* AngularJs Development page end  */
    
    /* Services 2 pages start*/
    /*hero Banner2 start*/
    .servicemain-page-header .heading-content p:last-of-type{margin-bottom: 28px;}
    /*hero Banner2 end*/
    /* Services 2 pages end*/
}

@media (max-width:767px){
  /* common css start  */
    body{font-size:15px;}  

    .pt-80 { padding-top: 30px;}
    .pb-80 { padding-bottom: 30px;}
    .ptb-80 { padding: 30px 0;}
    .pt-40 {padding-top: 25px;}
  /* common css end   */
    
header .logo a .logo1{width:170px;}
header.header-appear .logo a .logo2 {height: 42px;}
.header-appear .right-inner-block{height: 42px;}
.mobmenur-container.sticky {top: 15px !important;}
    
    .freeestimate-btn .homepage-free-estimate{min-width: 182px; height: 36px; padding: 9px 20px; border: 0;}
    .freeestimate-btn .homepage-free-estimate span{font-size: 14px; font-weight: 500;}
    .freeestimate-btn .homepage-free-estimate span.second{font-size: 11px;}
    
    /*MB menu btn start*/
.mb-menu-btns{top: 24px;}
    .header-appear .mb-menu-btns{top: 16px;}
/*MB menu btn end*/
    
    /*Popup form start*/
    .left-section1 .form-group .wpcf7-form-control-wrap .form-control{margin-bottom: 0;}
    /*Popup form end*/
    
    /*Home banner start*/
    .homepage-main-banner-slider .top-sub-title{margin-bottom: 40px !important;}
    
    div#n2-ss-2 .n2-font-3d278980db22f6e27ec66c5dea1065d9-hover, div#n2-ss-2 .n2-font-6436059d42aa170d8981e9f2af511733-hover, .creative-banner h2{font-size:360% !important;}
    
    .slider-top-text{margin-bottom: 0px; margin-top:70px; font-size: 14px;}
            
    .homepage-main-banner-slider .earth-css {inset: 16% 30px auto auto !important;}
    .homepage-main-banner-slider .earth-css #wrapper{width: 250px;}
    
    .homepage-main-banner-slider .banner-svg{right: 60px;}
    .homepage-main-banner-slider .banner-svg svg{width: 170px; height:240px;}
    
    .homepage-main-banner-slider .banner-btn-section{margin-top: 15px !important;}
    .homepage-main-banner-slider .banner-btn-section .fancy-link-block strong{font-weight: 600;}
    /*Home banner end*/


.homepage-budiness-domain .section-heading-block .section-heding-para{ margin-top:20px; }
.footer-widget-part .widget-nav-listing li a {line-height: 26px; font-size: 14px;}
.service-child-service-listing ul {display: block; flex-wrap: wrap;}
.service-child-service-listing li {text-align: center; width:23%; vertical-align:top;}


.overview-images-block .overview-images-inner .fixed-img-box{ height:auto;}
.icon-col:nth-child(1){/*width:33%;*/ float:left;}
.icon-col:nth-child(2){/*width:33%;*/ float:left;}
.icon-col:nth-child(3){width:33%; float:left;}

    .footer-widget-part .widget-nav-listing li{padding-bottom: 6px;}
    
    /*home page start*/
    .home section:not(.hompagebanner){padding: 30px 0;}
    .section-heading-block .section-heding{font-size: 28px; line-height: 30px;}
    .business-domain-content .indutry-tab-content h3{font-size: 28px; margin-bottom: 10px;}
    .section-heading-block {margin-bottom:10px;}
    
    /*About home start*/
    .about-homepage .content-para{ padding-left: 0; line-height: 26px; margin-bottom: 20px;}
    .about-homepage .fancy-text{padding-left: 0; font-size: 28px;}
    .about-homepage .fancy-link-block{display:block; margin:20px 0 30px 0;}
    /*About home end*/
    
    /* Our Services home start*/
    .home-our-services-block nav .nav.nav-tabs .nav-item {padding: 0px; margin: 0 21px 11px 0; display: inline-block; font-size:14px;}
    .home-our-services-block .tabpane-content-block {padding: 40px 0 0; min-height: 100%;}
    .home-our-services-block .tabpane-content-block .tabs-content-inner{height:auto;}
    .home-our-services-block .fancy-link-block a {margin: 0 0 40px 0;}
    .home-our-services-block .home-small-heading {font-size: 20px; margin-bottom: 25px;}
    
    .home-our-services-block .tabpane-content-block{padding: 20px 0 0;}
    .home-our-services-block .home-service-heading{font-size: 20px; line-height: 26px;}
    .home-our-services-block .home-small-heading{font-size: 18px; margin-bottom: 18px; line-height: 28px;}
    .home-our-services-block .fancy-link-block a{margin: 0;}
    /* Our Services home start*/
    
    .business-domain-content .indutry-tab-content h3{font-size: 22px; line-height: 24px; }
    .business-domain-listing .industry-listing-homepage{justify-content: center;}
    
    
    /*FEATURED PROJECTS start*/
    .portfolio-design-style1 .owl-item.active.center .portfolio-img{border-width: 5px}
    .portfolio-design-style1 .owl-item .portfolio-design-box{margin:0 5px;}
    /*.portfolio-design-style1 .owl-item .portfolio-design-box:after{margin: 5px;}*/
    .portfolio-design-style1 .owl-item.active.center .portfolio-design-box .portfolio-caption h3{line-height: normal; font-size: 16px; font-weight: 600;}
    
    .portfolio-design-style1 .owl-item.active.center .portfolio-design-box .portfolio-caption{bottom: -80px; }
    .portfolio-design-style1 .owl-item .portfolio-design-box .portfolio-caption{display: none;}
    .business-domain-inner-blcok{padding-bottom: 50px;}
    .marquee-text-block{font-size: 60px; line-height: 100px;}
    
    .home section.homepage-portfolio{padding-bottom: 30px;}
    /*FEATURED PROJECTS end*/
    
     /* Process Step home start */
    .process-step-col{width: 126px; height: 126px; border-width: 3px;}
    .process-step-col .step-count{font-size: 55px; top: 42px;}
    .process-step-col .process-content .process-title{font-size: 13px;}
    .process-step-col .process-content .small-desc{font-size: 13px;}
    
    .process-step-col.active{width: 110px; height: 110px;}
    .section-heading-block.small-heading .section-heding{margin-bottom: 10px;}
    .process-step-col.active .step-count{font-size: 20px; top: 10px;}
    .process-step-col.active .process-content{height: 70%;}
    .process-step-col.active .process-content .process-title{font-size: 10px; line-height: 20px;}
    .process-step-col.active .process-content .small-desc{line-height: 11px;}
    /* Process Step home end */
    
    
    .scroll-top{right: 10px;}
    .scroll-top i{width: 34px; height: 34px; line-height: 30px; font-size: 20px;}
    
    .footer-contact-form-block-inner {padding: 15px;width: 100%;}
    
    .home section.thanks-msg-section {padding: 30px 0 21px;}
    .thanks-msg-section .fancy-text{letter-spacing: 0.04em; margin-bottom: 15px; font-size: 34px;}
    .thanks-msg-section h2{font-size: 28px; line-height: normal;}
    
    .footer-testimonial-slider .testimonial-items .image-col{margin: 10px 0 40px;}
    
    .footer-testimonials{padding: 0;}
    .footer-testimonial-slider .testimonial-items .clients-details{margin-bottom: 15px;}
    .footer-testimonial-slider .owl-dots{margin-top: 10px !important; margin-bottom: 25px;}
    
    /*.footer-widget-part{padding: 40px 0 40px 0;}*/
    .footer-social-media ul a{font-size:25px;}
    /*Home Page End*/
    
    /*About page start*/
    body:not(.home) section:not(.servicemain-page-header, .header-main-section, .blog-filter, .blog-listing-section, .blog-listings){padding:30px 0;}
    body:not(.home) section.no-padding{padding:0;}
    
    /*Header & banner start*/
    .header-main-section-inner{padding-bottom: 15px; padding-top: 100px;}
    .header-main-section .scroll-down{display: none;}
    .page-first-section{padding: 0;}
    .page-first-section h1{font-size: 35px; line-height: 40px; padding-bottom:4px; margin-bottom: 0;}
    .page-first-section h1:after{width:14px; height: 14px; bottom: 11px;}
    /*Header & banner end*/

    /* About section start*/
    .about-welcome-section .welcom-content .about-sub-title{font-size: 15px; margin-bottom: 5px;}
    .about-welcome-section .welcom-content h2{font-size: 25px; margin-bottom: 15px; line-height: 32px;}
    .about-welcome-section .welcom-content .welcome-text p{margin-bottom:18px;}
    /* About section end*/
    
    /* Core Value section start */
    .core-value-section .core-value-inner .marquee-text-block{font-size: 80px; line-height: 62px;}
    .bordered-box-animate .title-col h3{margin-bottom: 5px; font-size: 25px;}
    .bordered-box-animate.box-1 {margin: 0 0px 15px 0;}
    /* Core Value section end */
    
    h2{font-size: 35px; line-height: 44px;}
    
    /* Five D Process section start*/
    .five-process-heading-block{margin: 40px auto 40px;}
    .five-process-heading-block .five-d-text{font-size: 200px; padding: 20px 0;}
    .five-process-heading h2{font-size: 30px;}
    .five-process-heading p{font-size: 16px; margin-bottom: 10px;}
    .process-flow-box:nth-child(5) .process-content{margin-bottom: 0;}
    .process-flow-box {width:49%;}
    /* Five D Process section end*/
    
    /* SPRYBIT VALUES & PRINCIPLES section start */
    .value-pricipal-inner .section-heading-block .section-heding, .value-pricipal-inner .section-heading-block .section-heding2{font-size: 30px;}
    .value-principal-section:after, .development-service-feature-section:after{display: none;}
    .principal-box{padding: 25px 20px;}
    .principal-box .block-heading-col{margin-bottom: 15px;}
    .principal-box p:last-child{margin-bottom: 0;}
    /* SPRYBIT VALUES & PRINCIPLES section end */
    
    /* Our Team section start */
    .team-section-aboutus .heading-content{margin-bottom: 0;}
    .teammember-block {margin: 0px 0 40px 0;}
    .teammember-block .imageblock {margin-bottom: 10px; text-align: center}

    /* Our Team section end */

    /*About page end*/
    
    /*Contact page start*/
    .contact-form-block{width:100%; padding:10px 0 15px;}
    .contact-details-block{width:100%; padding:20px;}
    .contact-details-col{margin: 0 0 20px 0; padding: 0 0 0px 0;}
    .contact-form-block .contact-heading {margin: 20px 0px 20px;}
    .office-content-display .office-col{margin-bottom: 20px;}
    .office-content-display .office-col h3{font-size: 18px; margin-bottom: 2px; font-weight: 600;}
    
    .contact-map iframe{height: 250px;}
    /*Contact page End*/
    
     /*All form start*/
    span.wpcf7-not-valid-tip{position: relative;}
    /*All form end*/
    
    /*Testimonial page start*/
    .client-speak{text-align: center;}
    .client-speak h2{margin-bottom: 80px; padding-bottom: 2px; font-size: 25px;}
    
    .testimonial_odd, .testimonial_even {min-height: inherit;}
    .testimonialsection{margin-bottom: 70px; text-align: center;}
    .test-bg .container > .row > .col-12:last-child .testimonialsection{margin-bottom: 0;}
    .testimonialsection img.card-img-top{left: 0;}
    .testimonialsection .card-body h3{padding-bottom: 10px;}
    .testimonialsection .card-body p {font-size: 16px;}
    .testimonialsection .card-body p:last-child {padding-bottom: 0;}
    
    .digitally-transform{padding-top: 30px;}
    .digitally-transform h3{font-size: 25px; line-height: 34px;}
    .digitally-transform a.btn-danger{margin-top: 15px;}
    .digitally-transform a.btn-danger{padding: 10px 40px 10px 20px; background-position: 124px 18px; background-size: 14px; font-size: 16px;}
    .digitally-transform a.btn-danger:hover{padding: 10px 40px 10px 20px; background-position: 130px 18px; background-size: 14px; font-size: 16px;}
    /*Testimonial page end*/
    
     /* Careers page  */
    .career_form .form-group .col-md-4, .career_form .form-group .col-md-8{width: auto; display: inline-block;}
    
     /*Blog page start*/
    .blog-listing .section-left-block{display: none;}
    .categories-tag-links{font-size: 16px;}
    .blog-listing-section{padding: 10px 0 0px;}
    
    .previous-next-button a, .page-numbers.current{padding: 5px 11px;}
    /*Blog page end*/

    /*Blog Details page start*/
    .blogdetail {padding: 25px 0 !important;}
    .blog-details-header-section{padding: 45px 0 45px !important;}
    
    /*.blog-detail-header-inner h2 {font-size: 28px; line-height: 36px;}*/
    .blog-details-page-heading h1, .blog-detail-header-inner h1{font-size: 25px; line-height: 32px;}
    .blog-details-header-section {background-size:30%; background-position: 90% bottom !important;}
    
    .post-author{margin-bottom: 10px;}
    
    .page-blog-details-content h2{font-size: 22px;}
    .page-blog-details-content h3{font-size: 18px; margin-bottom: 8px;}
    .page-blog-details-content h4{font-size: 17px; margin-bottom: 8px;}
    
    .blog-details-page-image{margin-bottom: 15px;}
    
    .page-blog-details-content h5{margin-bottom: 8px;}
    
    .page-blog-details-content{padding-bottom: 10px; margin-bottom: 20px;}
    .blog-post-share-social{padding-bottom: 10px}
    

    /* contact form & Reply comment start */

    /* blog details contact form start */
    .blog-details-contact p{margin-bottom: 10px;}
     .blog-details-contact .form-control::placeholder{font-size: 14px;}
    .blog-details-contact  textarea { margin-bottom: 12px; height: 90px;}
    .blog-details-contact  input[type=submit] { padding: 6px 18px; font-size: 15px;}
    .blog-details-contact .form-control { padding: 5px 12px 7px 12px;}
    /* blog details contact form end */

    /* contact form & Reply comment end */
    
    /*Blog Details page end*/
    
    /*Event page start*/
    /*Event Banner start*/
    .life-sprypit-bg{height: 100vh;}
    .life-sprypit-banner{padding-top: 0; padding-bottom: 0; position: absolute; top: 50%; transform: translate(0, -50%);}
    .life-sprybit big{font-size: 35px; text-align: center;}
    .life-sprybit big:after{width: 14px; height: 14px; bottom: 8px;}
    .life-sprybit p{padding-top: 10px; font-size: 14px; text-align: center;}
    /*Event Banner end*/
    
    .lifesprybit h1{margin-bottom: 20px; font-size: 25px;}
    .event-section{margin-bottom: 15px;}
    .year-celebration h2{font-size: 18px;}
 
    .sprybit-life{text-align: center;}
    .fb-continue {padding:15px 0 0 0px;}
    .fb-continue a img{height: 45px;}
    /*Event page end*/
    
    /** All Services page start**/
    .small-btn{padding:6px 20px; font-weight: 600; font-size: 16px;}
    
    /*Related Services*/
    .hire-developer-service-listing{margin-top: 20px;}
    .hire-developer-service-listing ul li {width: 46%;}

    /*Work section start*/
    body:not(.home) .portfolio-design-style1 .owl-nav{bottom:20px;}
    /*Work section end*/
    
    /** All Services page end**/
    
    /* Services 1 pages start*/
    .servicelavel1-banner:before{ display:none;}
    .service-lavel-1-header-content h1{font-size: 28px;}
    /* Services 1 pages end*/

    /* Services 2 pages start*/
    .mobileappdevelopment-content .heading-content-wrap{min-height: 36vh;}
    .mobileappdevelopment:before{height: 15px; bottom: -14px;}
    .mobileappdevelopment-content .heading-content .main-text {margin-bottom: 20px; font-size: 28px;}
    
    /*services-list-tabbs-section start*/
    .service-inner-listing, .tab-content-block{padding: 30px 0 0;}
    .service-list-tab-content .tab-content-block{padding-bottom: 15px;}
    .service-list-tab ul li a{padding: 8px 8px 8px 20px;}
    .tab-content-block .tab-content p{margin-bottom: 15px;}
    
    .tab-content-block .tab-content .tab-content-link{padding: 13px 16px 15px 15px;}
    /* Services 2 pages end*/
    
    /* Services 1 & Services 2 pages start*/
    
    .simple-para h2{margin-bottom:15px; font-size:26px; line-height: normal;}
    
    .service-domain-listing .domain-item .domain-content .icon-wrap{width: 100px; height: 100px;}
    .service-domain-listing .domain-item .domain-content .icon-wrap img{height: 80px;}
    
    /* Services 3 pages start*/
    /*.banner-heding-content {height: auto; align-items: flex-start;  padding: 150px 0 0 0;}*/
    .service-level-3-header {height: 100vh!important;}
    .service-level-3-header .banner-heding-content h1{font-size: 35px; margin-bottom: 0; padding-bottom: 10px;}
    
    .main-bottom-fixed-section .bound{max-width: 100%; width: 100%;}
    
    /*WHY CHOOSE section*/
    .Service-about-clone-content-display h3{margin-bottom: 12px; font-size: 28px;}
    .quote-block{font-size: 18px; line-height: 24px; padding: 10px 20px;}
    
    /*Development service feature section*/
    .development-service-feature-section .feature-content-block h2{word-break:break-all; margin-bottom: 15px;}
    .development-service-feature-section .feature-content-block p{text-align:left;}
    .content-feature-list-block .doted-style {padding-left:20px;}
    .mid-btn{padding: 10px 20px; font-size: 18px;}
    
    /*The Solutions Section*/
    .service-four-box-style .heading-content h2{font-size: 30px;}
    .box-flip-content{margin-bottom: 20px;}
    
    /* Services 3 pages end*/
    
    /*counter section*/
    .counter-value{margin-bottom: 8px;}
    .counter-section {margin: 0; padding: 0;}	
    .counter-section .counter-item {width: 50%;}
    .count-title{font-size: 30px; margin-bottom: 10px;}
    .counter-item .counter-label{font-size: 16px;}
    .typewriteing-block{padding: 20px 35px;}
    .typewriteing-block .fancytext{font-size: 28px;}
    .typewriteing-block, .counter-section:after{height: 80px;}
    /* Services 1 & Services 2 pages end*/
    
    /*Services Details page start*/

    .service-name-heading{margin-bottom: 15px}
    .service-name-heading h2{font-size: 28px; line-height: 36px;}
    /*Services Details page end*/
    
    /*Portfolio page start*/
    .work-filter-block ul {overflow-x: scroll;  white-space: nowrap; width: 100%; padding: 0 0 15px 0; padding: 0 0 10px  0/*78px*/; justify-content:flex-start;}
    .work-filter-block ul li a {font-size: 14px; margin: 0 8px;}
    
    .portfolio-hover-text h4{font-size: 18px; line-height: normal;}
    .portfolio-listing-section .portfolio-grid .grid-sizer,
    .portfolio-listing-section .portfolio-grid .grid-item{width:100%}
    .portfolio-grid-container .portfolio-grid figure img{width: 100%;}
    /*Portfolio page end*/
    
    /* Portfolio Details Page start*/
    .portfolio-detail-page-inner{padding-top: 55px;}
    .portfolio-detail-header-section h1{font-size: 35px; margin-bottom: 10px; line-height: 34px;}
    .portfolio-detail-page-inner .portfolio-detail-header-section ul{columns:2;}
    
    .portfolio-overview-section, .portfolio-chalanges, .the-solutaion, .solutaionbg, .portfolio-results{padding-top: 25px; padding-bottom: 25px;}
    .portfolio-detail-page-inner h2, .result-text h2{padding-bottom: 10px; font-size: 25px; line-height: 26px;}
    
    .portfolio-detail-page-inner ul li{margin-bottom: 8px;}
    
    .type-sec{padding-top:30px;}
    .type-sec h5 br{display: none;}    
    
    .challenge-sec{padding-top:25px; }

    /* Portfolio Details Page end*/
    
    /*terms-of-use-and-condition page start*/
    .privacy-policy h3 {font-size: 20px;line-height: 26px; padding-bottom: 6px;}
    .privacy-policy ul{margin-bottom: 30px;}
    .privacy-policy ul li{margin-bottom: 12px;}
    .privacy-policy h4{font-size: 18px; line-height: 22px; padding-bottom: 5px;}
    .privacy-policy p{margin-bottom: 20px;}
    .privacy-policy p:last-child{padding-bottom: 0;}
    /*terms-of-use-and-condition page end*/
    
    /*Careers page start*/
    .careers-main .header-main .header-title{font-size: 26px;}
    
    .job-position-item{padding: 15px;}
    
    /*Perks & Benefits start*/
    .perks-benefit-item{margin-bottom: 15px;}
    .perks-benefit-item .perks-item-detail h3{font-size: 18px;}
    /*Perks & Benefits start*/
    
        /*Available Position start*/
    .job-tech-icon{border: 0; padding: 0 0 15px;}
    
    .job-position-text{padding: 0 0 15px; justify-content: center;}
    
    .job-exp-text{padding-bottom: 15px; justify-content: center;}
    
    .job-right-text{align-items: center; justify-content: center;}
    .job-right-text a, .job-right-text .btn-detail-job{margin-left: 5px; margin-right:5px;}
    .job-right-text .btn-detail-job{margin-top: 0;}
    
        /*Job Popup start*/
        .job-content-popup .modal-header h4{font-size: 18px;}
    .job-content-popup .modal-header .close{padding-top: 7px; padding-bottom: 7px;}
        /*Job Popup end*/
        /*Available Position end*/
    
    /*Job Application start*/
    .job-App-form .codedropz-upload-inner h3{font-size: 20px; margin: 0;}
    .job-App-form input:not(.btn-submit){padding: 10px 15px; margin-bottom: 12px;}
    .job-App-form select{padding: 10px 15px;}
    .job-App-form .exp-select:after{padding-top: 9px;}
    /*Job Application end*/
    /*Careers page end*/

    /*AngularJs Development page start*/

    /*Why Choose AngularJS Development start*/
    .ser-why-choose { padding-bottom: 90px; }
    .ser-why-choose-main .col-lg-6 {  margin-top: 60px; }
    .ser-why-icon h4 { font-size: 18px; line-height: 26px;}
    .ser-why-icon span {width: 80px;height: 80px; top: -39px; }
    .ser-why-icon span img {height: 48px; }
    /*Why Choose AngularJS Development end*/

    /* AngularJS Development Services start  */
    .angular-service-section.simple-para h2 { margin-bottom: 20px;}
    .angular-service-box .angular-service-content { padding: 14px 0px 20px; }
    .angular-service-box h4 {font-size: 18px;line-height: 26px;margin-bottom: 6px;}
        /* AngularJS Development Services end  */

    /* anguler left right section start  */
    .left-right-content h4{font-size: 20px; line-height: 28px;margin-bottom: 7px;}
    .left-right-img{margin-bottom: 15px;padding-top: 5px;}
    .anguler-left-right-section::after {  height: 470px; width: 305px;top: 6%;  }
    .anguler-left-right-section::before {height: 477px;width: 294px;bottom: 6%; }
    /* anguler left right section end  */
    /*AngularJs Development page end*/

    /*shopify Development page start */
    /* how we work section start  */
    .how-we-work-section-shopify.simple-para  h2 { margin-bottom: 15px;}
    .how-we-work-section-shopify .left-title-area .redirect-link { padding-top: 5px; }
    .how-we-work-section-shopify .left-title-area{margin-bottom: 30px;text-align: center;}
    .how-we-work-section-shopify  .we-work-box h4 { margin-bottom: 7px;font-size: 20px; line-height: 28px;}
    .how-we-work-section-shopify .we-work-box .dots {top: 1px;}
    /* how we work section end */
    /*shopify Development page end */
}

@media (min-width: 576px) and (max-width:767px) {
    
    /*Home banner start*/
    .homepage-main-banner-slider .n2-ss-layer-row-inner{width:60% !important;}
    .homepage-main-banner-slider .earth-css #earth-col{margin-top: 15%;}
    /*Home banner end*/
    
    /*About page*/
    .team-menmber-display .col-sm-6:last-child .teammember-block{margin: 0;}
    
    /*Blog Details page*/
    /*.blog-details-header-section{height: 75vh;}*/
    .blog-details-header-section .blog-detail-header-inner{padding-top: 80px; width: 60% !important;}
    
    /*Services pages*/
    .header-section-image img{width: 90%;}
    
    /*.qa-service-level-1 .service-lavel-1-header-content, .iot-service-level-1 .service-lavel-1-header-content, .iot-service-level-1 .service-lavel-1-header-content{padding: 80px 0 0 0; height: auto;}*/
    /*.banner-images{padding: 0 0 0 0; height: 300px; justify-content: center;}*/
    /*.service-lavel-1 .mobile-bnr img, .banner-images img{width:auto; height: 250px;}*/
}

@media (min-width:576px){
    
    /*Blog page start*/
    .blog-listing-parent .col-12{display: flex;}
    .blog-listing-parent .blog-listing-block{display: flex; flex: 1 1 0; flex-direction: column;}
    .blog-listing-parent .blog-listing-block .blog-listing-content{display: flex; flex: 1 1 0; flex-direction: column;}
    .blog-listing-parent .blog-listing-block .blog-listing-content .redirect-link{margin-top: auto;}
    /*Blog page end*/
    
    /*Blog Detail page start*/
    .social-share-blog-container{display: inline-block; text-align: right}
    /*Blog Detail page end*/
    
}
@media (max-width:575px){
   /* common css start  */
   .pt-80 { padding-top: 20px;}
   .pb-80 { padding-bottom: 20px;}
   .ptb-80 { padding: 20px 0;}
   .pt-40 {padding-top: 20px;}
 /* common css end   */

    /*Home page start*/
    .home section{padding: 30px 0;}
    
     /*Home banner start*/
    .homepage-main-banner-slider .top-sub-title{margin-bottom:30px !important;}
        
    div#n2-ss-2 .n2-font-3d278980db22f6e27ec66c5dea1065d9-hover, div#n2-ss-2 .n2-font-6436059d42aa170d8981e9f2af511733-hover, .creative-banner h2{font-size:300% !important;}
    
    .slider-top-text{margin-top:20px;}
    
    .homepage-main-banner-slider .earth-css {inset: 16% 20px auto auto !important;}
    .homepage-main-banner-slider .earth-css #wrapper{width: 220px;}
    
    .homepage-main-banner-slider .banner-svg{right: 40px;}
    
    /*Home banner end*/
    
    .about-homepage .mainheading {font-size: 20px; line-height: 28px;}
    .about-homepage .fancy-link-block{margin: 15px 0 15px 0;}
    .about-homepage .content-para{margin-bottom: 16px; line-height: 26px;}
    .about-homepage .fancy-text{font-size: 28px;}
    
    .section-heading-block.small-heading .section-heding{font-size: 20px;}
        
    .section-heading-block .section-heding {font-size: 22px; line-height: 22px; margin-bottom: 10px;}
    .home-our-services-block .section-heading-block{margin-bottom: 10px;}
    .home-our-services-block nav .nav.nav-tabs .nav-item{overflow: initial;}
    .home-our-services-block .home-service-image img {max-width: 100%;}
    .home-our-services-block .home-service-image {position: relative; right:-15px; width: 100%; left: auto; display:block; margin-top: 20px;}
    
    .homepage-budiness-domain .section-heading-block .section-heding-para{margin-top: 10px;}
    
    .business-domain-content{padding: 15px 18px 0;}
    .business-domain-content .indutry-tab-content h3{font-size: 20px; line-height: 24px; margin-bottom: 8px;}
    
    .process-step-col.active{width: 100px; height: 100px; z-index: 1;}
    .process-step-col.active .process-content .process-title{font-size: 10px; line-height: 15px; padding-top: 2px;}
    
    section.homepage-budiness-domain {padding: 30px 0 0;}
    .marquee-text-block{line-height: 50px;}
    
    .thanks-msg-section .fancy-text{font-size: 30px;}
    .thanks-msg-section h2{font-size: 25px;}
    
    .footer-testimonial-slider .testimonial-items .image-col{margin: 0px 0 30px;}
    .footer-testimonial-slider .testimonial-items .clients-details{margin-bottom: 5px;}
    .footer-testimonial-slider .owl-dots{margin-top: 0px !important;}
    
    .footer-contact-form-block .contact-heading{margin-bottom:20px; font-size: 20px;}
    
    .footer-contact-details-block .icon-text-group .icon-col .icon-envelope {font-size: 26px;}
    
    .footer-widget-part{padding: 30px 0 15px 0;}
    .footer-social-media{padding: 20px 0 10px;}
    .footer-social-media ul a{font-size: 20px;}

    /*Home page end*/
    
    /* Modal load popup start */
.modal-custome .btn-close{height:25px; width: 25px; background-size: 12px; right: -5px;}
/* Modal load popup end */
    
    /*About page start*/
    /*Header & banner start*/
    .page-first-section {text-align:center;}
    .page-first-section h4 {padding-left: 0;}
    .page-first-section h1{font-size:28px; line-height: 32px;}
    .page-first-section h1:after {width: 12px; height: 12px;bottom:10px;}
    .page-first-section h4:after {left: 0; margin-top: 0; right: 0px; margin: 0px auto; bottom: /*-40px*/0; top: inherit;}
    /*Header & banner end*/
        
    section{padding: 30px 0;}
    
    /* About section start*/
    .about-welcome-section .welcom-content h2{font-size: 22px; line-height: 32px; margin-bottom: 10px;}
    .about-welcome-section .welcom-content .welcome-text p{margin-bottom: 15px;}
    /* About section end*/
    
    /* Core Value section start */
    .core-value-section .core-value-inner .marquee-text-block{margin-bottom: 15px; font-size: 40px; line-height: 32px;}
    .bordered-box-animate .title-col h3{font-size: 22px; line-height: normal;}
    /* Core Value section end */
    
    h2{font-size: 30px; line-height: 38px;}
    
    /* Five D Process section start*/
    .five-process-heading{padding: 0 20px;}
    .process-flow-box .process-content .process-text{font-size: 20px;}
    /* Five D Process section end*/
    
    /* SPRYBIT VALUES & PRINCIPLES section start */
    .value-pricipal-inner .section-heading-block .section-heding, .value-pricipal-inner .section-heading-block .section-heding2{font-size: 25px;}
    .principal-box{padding: 15px; width:100%;}
    .principal-box .block-heading-col{margin-bottom: 10px;}
    .principal-box .block-heading-col i{margin-right: 15px; font-size: 35px;}
    .principal-box .block-heading-col h3{font-size: 16px;}
    .principal-box:nth-child(1), .principal-box:nth-child(3), .principal-box:nth-child(5), .principal-box:nth-child(7) {background-color:#FFF;}
    .principal-box:nth-child(2), .principal-box:nth-child(4), .principal-box:nth-child(6), .principal-box:nth-child(8) {background-color:#f1c958;}
    /* SPRYBIT VALUES & PRINCIPLES section end */
    
    /* Our Team section start */
    .teammember-block .imageblock img {width: 100%;}
    /* Our Team section end */

    /*About page End*/
    
.home-service-inner-wrapper nav .nav{display:flex!important; flex-wrap: nowrap;  white-space: nowrap;  overflow-x: scroll;}

.service-child-service-listing ul {display: block; flex-wrap: wrap;}
.service-child-service-listing li {text-align: center; width: 49%; vertical-align:top;}

.content-feature-list-block .doted-style{ padding-left:20px;}

.header-section-image {padding:20px 0 20px 0; display:block; text-align:center; height: auto;}

.mobileappdevelopment-content .heading-content .highlited-text:after {left: 0; top: 13px; right: 0px;  margin: 0px auto;}
    

.counter-value {font-size:30px;}

.services-overview-section.simple-para {padding-top: 50px;}

.life-sprybit span {padding-left: 0; text-align: center;}
.life-sprybit span:before {left: 0px; top: 38px; position: absolute; content: ''; right: 0px; margin: 0px auto;}

.blog-details-block {border-right: 0px solid #f1f1f1; padding-right: 0;}
.section-left-block a.mail-fixed {transform: rotate(-90deg) translate(40px, -132px);}
.scroll-down {left: -30px;}

ul.portfolio-grid li{width:50%;}

    /*Contact page start*/
    .contact-form-block{padding-top: 0;}
    .icon-col .icon-display{margin-bottom: 6px; width: 42px; height: 42px;}
    .icon-col .icon-display i{font-size: 20px;}
    .office-content-display .office-col {width:100%; margin-bottom: 15px;}
    .office-content-display .office-col h3{font-size: 18px;}
    .contact-form-block .contact-heading{margin-top: 10px; margin-bottom: 10px;}
    
    .contact-map{padding: 0 !important}
    /*Contact page End*/

    /*Testimonial page start*/
    .client-speak h2{font-size: 20px; line-height: normal;}
    .digitally-transform h3{font-size: 22px; line-height: 30px;}
    .testimonialsection .card-body h3{font-size: 18px; padding-bottom: 6px;}
    .testimonialsection .card-body p{font-size: 14px; line-height: 26px;}
    /*Testimonial page end*/
    
    /*terms-of-use-and-condition*/
    .header-main-section .scroll-down span{height: 0;}
    
    /*Careers page*/
    .career_form{padding-bottom: 10px;}
    
    /*Our Work page*/
    .work-filter-block{padding: 0 0 10px 0;}
    
    /*Blog page start*/
    .blog-listing-section{padding: 0;}
    .blog-listing-parent .blog-listing-block{margin-bottom: 20px;}
    .blog-listing-parent .blog-listing-block .blog-listing-image{max-height: inherit;}
    .blog-listing-parent .blog-listing-block .blog-listing-content .blog-listing-heading{padding: 12px 0px 12px 0px;}
    .blog-listing-parent .blog-listing-block .blog-listing-content .blog-listing-heading a h5, .blog-listing-heading a{font-size: 16px; line-height: normal;}
    /*Blog page end*/
    
    /*Blog Details page start*/
    /*.blog-detail-header-inner h2{font-size: 26px; line-height: 34px;}*/
    .blogdetail {padding: 20px 0 !important;}
    .blog-details-page-heading h1, .blog-detail-header-inner h1{font-size: 20px; line-height: 26px;}
    
    .page-blog-details-content h2{font-size: 20px;}
    .page-blog-details-content h3{font-size: 18px;}
    /*.page-blog-details-content h3{font-size: 25px; line-height: 30px; margin-bottom: 15px; margin-top: 30px;}*/
    
    .blog-post-share-social{display: block;}
    .social-share-blog-container{margin-top: 15px;}
    
        /* contact form & Reply comment start */

/* blog details contact form start */
.blog-details-contact h3 {font-size: 20px; margin-bottom: 6px;}
    .blog-details-contact p.comment-notes{margin-bottom: 12px;}
    .blog-details-contact  input[type=submit] {padding: 5px 18px; font-size: 14px;}
/* blog details contact form end */

  /* blog contact comment start */
.blog-details-contact .comment-author.vcard img { height: 38px;}
    .blog-details-contact .comment-list .comment-body { margin-left: 53px;}
    .blog-details-contact .comment-list .comment-body:before {  left: 43px;top: 8px;}
    .blog-details-contact .comment-list .children > li{margin-left: 8px;}

/* blog contact comment end */
    
/* contact form & Reply comment end */
    
    /*Blog Details page end*
    
    /*Event page start*/
    /*Event Banner start*/
    /*.life-sprypit-banner{padding-bottom:20px;}*/
    .life-sprybit big{font-size: 25px;}
    .life-sprybit big:after{bottom: 4px; width: 10px; height: 10px;}
    /*Event Banner end*/
    
    section.sprypit-event-main{padding-bottom: 5px !important;}
    .lifesprybit h1{margin-bottom: 15px;}
    .event-section img {max-width: 100%; width:100%;}
 
    .sprybit-life{font-size: 30px; line-height: normal;}
    .fb-continue a img{height: 35px;}
    /*Event page end*/
    
    /*Services page start*/
    body:not(.home) section:not(.servicemain-page-header, .header-main-section, .blog-filter, .blog-listing-section, .blog-listings){padding: 20px 0;}
    
    section.services-overview-section.simple-para{padding-top: 30px;}
    .simple-para h2{font-size: 22px; line-height: 30px; font-weight:600; margin-bottom: 10px;}
    
    .page-template-services-level-1 .portfolio-design-style1 .owl-item.active.center li .portfolio-caption, 
    .page-template-services-level-2 .portfolio-design-style1 .owl-item.active.center li .portfolio-caption, 
    .page-template-services-level-3 .portfolio-design-style1 .owl-item.active.center li .portfolio-caption,
    .single-industry .portfolio-design-style1 .owl-item.active.center li .portfolio-caption{bottom: -50px;}
    /*.page-template-services-level-1 .portfolio-design-style1 .owl-nav, .page-template-services-level-2 .portfolio-design-style1 .owl-nav, .page-template-services-level-3 .portfolio-design-style1 .owl-nav{bottom: 30px;}*/
    
    .hire-developer-service-listing{margin-top: 15px;}
    .hire-developer-service-listing ul li {width: 80%;}
    /*Services page end*/
    
    /* Services 1 pages start*/
    .service-lavel-1-header-content{min-height: auto; padding: 10px 0;}
    .service-lavel-1-header-content h1{font-weight: 600; margin-bottom: 15px; font-size: 25px;}
    .heding-content{width: 100%; text-align: center;}
    
    .small-btn{font-size: 14px;}
    
    .banner-images{padding:10px 0; height: auto;}
    .banner-images img{width: 70%;}
    
     /*.qa-service-level-1 .service-lavel-1-header-content, .iot-service-level-1 .service-lavel-1-header-content, .iot-service-level-1 .service-lavel-1-header-content{padding: 80px 0 20px 0; height: auto;}*/
    
    /* Services 1 pages end*/
    
    /* Services 2 pages start*/
    .mobileappdevelopment-content .heading-content-wrap{padding: 10px 0; min-height: auto;}
    .mobileappdevelopment-content .heading-content .main-text{font-weight: 600; font-size: 25px; margin-bottom: 15px;}
    .mobileappdevelopment-content .heading-content {text-align: center; width: 100%;}
    .header-section-image img {max-width:75%;}
    
    /*services-list-tabbs-section*/
    .service-inner-listing, .tab-content-block{padding-top: 0;}
    .service-list-tab-content .tab-content-block{padding-bottom: 0;}
    .service-name-heading h2{font-size: 25px; line-height: 30px;}
    /* Services 2 pages end*/
    
    /* Services 1 & Services 2 pages start*/
    
    /*counter section*/
    .counter-text-block{height:80px;}
    .count-title {font-size: 26px;}
    .counter-value{margin-bottom: 4px;}
    .typewriteing-block, .counter-section:after{height:60px;}
    .typewriteing-block .fancytext{font-size: 25px;}
    /* Services 1 & Services 2 pages end*/
    
    /* Services 3 pages start*/
    /*.banner-heding-content{padding-top: 160px;}*/
    .main-bottom-fixed-section{padding-top: 0 !important; }
    .service-level-3-header{height: 60vh!important;}
    .service-level-3-header > section.no-padding{padding: 0 !important;}
    .service-level-3-header .banner-heding-content h1 {padding-bottom: 0; font-size: 25px;}	
    .blur-effect-header-cover-bg-img{height: 40vh;}
    
    .plate-inner-block{padding: 10px 0;}
    .plate-content{/*color: #fff;*/ margin-bottom: 10px;}
    
    .overview-images-block{width: 100%;}
    .overview-images-block .overview-images-inner .fixed-img-box{width: 100%;}
    .Service-about-clone-content-display h3{ margin-bottom: 10px; line-height: 30px; font-size: 22px;}
    .quote-block{padding: 5px 15px;}
    
    /*WHY CHOOSE section*/
    
    /*Development service feature section*/
    .development-service-feature-section .feature-content-block h2{font-size: 22px; line-height:28px; word-break: normal; margin-bottom: 10px;}
    .mid-btn{font-size: 15px; padding:8px 20px;}
    
    .box-flip-content{margin-bottom: 15px; height: 160px;}
    .service-four-box-style .col-lg-6 .col-lg-6{display: inline-block; width: 50%;}
    
    /*The Solutions Section*/
    .service-four-box-style .heading-content h2{font-size: 25px;}
    
    /*hireDeveloper-section*/

    .section-heading-block.mid-heading .section-heding{font-size: 25px;}
   
    /* Services 3 pages end*/
    
    /* Portfolio Details Page start*/
    .portfolio-detail-page-section{padding-top:30px !important;}
    
    .page-blog-details-content iframe{width: 100%;}
    
    .portfolio-detail-page-inner{padding-top: 50px;}
    .portfolio-detail-header-section h1{font-size: 30px; margin-bottom:5px; line-height: 30px; letter-spacing: 0.03em;}
    
    .portfolio-overview-section, .portfolio-chalanges, .the-solutaion, .solutaionbg, .portfolio-results{padding-top: 20px; padding-bottom: 20px;}
    .portfolio-detail-page-inner h2, .result-text h2{padding-bottom:6px; font-size: 22px; line-height: 20px;}
    .result-text h2{padding-top:30px;}
    
    .portfolio-detail-page-inner h6{font-size: 17px;}
    
    /* Portfolio Details Page end*/
    
    /*Careers page start*/
    .careers-main .header-main {margin-bottom: 10px;}
    .careers-main .header-main .header-title{font-size: 24px;}
    
    
    /*Job Application start*/
    .job-App-form .btn-submit{padding: 12px 50px;}
    /*Job Application end*/
    
    /*Careers page end*/

    /*AngularJs Development page start*/
    
    /* anguler development why choose section start  */
     .ser-why-choose { padding-bottom: 80px;}
     .ser-why-choose-box { padding: 50px 20px 25px 20px; }
     /* anguler development why choose section end  */

    /* anguler development service section start  */
    .angular-service-section.simple-para h2 { margin-bottom: 17px;}
    /* anguler development service section start  */

    
    /* anguler left right section start  */
    .left-right-content h4{font-size: 19px; line-height: 26px;}
    .anguler-left-right-section::after { height: 384px; width: 266px; top: 5%; }
    .anguler-left-right-section::before {height: 470px; width: 251px; bottom: 6%;}
    /* anguler left right section end  */

    /* faq section start */
    .anguler-faq-section .section-heading-block.small-heading .section-heding { margin-bottom: 12px;}
    .main-accordion .acc-item::before { height: 30px; width: 30px; font-size: 22px; top: 12px; right: 15px; }
    .main-accordion .at-tab { padding-top: 10px;padding-right: 40px; }
    .main-accordion .acc-item { padding: 15px;}
    .main-accordion .acc-btn button { font-size: 17px; line-height: 23px;}
    .main-accordion .acc-btn button { padding: 0 40px  0px 0;}
    /* faq section end */
    /*AngularJs Development page end*/

    /*shopify Development page start */
    /* how we work section start  */
    .how-we-work-section-shopify  .we-work-box h4 { font-size: 19px; line-height: 26px;}
    .how-we-work-section-shopify .left-title-area { margin-bottom: 20px; }
    .how-we-work-section-shopify.simple-para  h2 {margin-bottom: 10px;}
    .how-we-work-section-shopify .left-title-area p{margin-bottom: 12px;}
    .how-we-work-section-shopify .we-work-box .dots { height: 24px; width: 24px;}
    .how-we-work-section-shopify .we-work-box .dots span {height: 10px; width: 10px;}
    .how-we-work-section-shopify .right-area-we-work .we-work-box:not(:last-of-type)::before { left: 11px;}
    .how-we-work-section-shopify .right-area-we-work .we-work-box { padding-left: 40px; }
    .how-we-work-section-shopify .right-area-we-work .we-work-box:not(:last-of-type) {padding-bottom: 22px; }
    /* how we work section end */
    /*shopify Development page end */
    
.service-inner-listing{padding-top: 30px !important;}
}

@media (min-width: 480px) and (max-width: 574px) {
    
     /*Home banner start*/
    .homepage-main-banner-slider .n2-ss-layer-row-inner{width:60% !important;}
    /*Home banner end*/
    
    .footer-inner .footer-widget-part .col-sm-6{display: inline-block; width: 50%;}
    
    /*Blog Details page*/
    /*.blog-details-header-section{height: 75vh;}*/
    .blog-details-header-section .blog-detail-header-inner{padding-top: 80px; width: 60% !important; margin-left: 40px !important;}
    
    
    /*Portfolio page start*/
    .portfolio-grid-container .portfolio-grid a:hover figure figcaption{overflow-y: scroll;}
    .portfolio-hover-text{/*top: 0; bottom: auto;*/ padding: 15px;}
     /*Portfolio page end*/
}

@media (min-width:480px){
    .footer-sticky{display: none;}
}

@media (max-width:480px){
ul.portfolio-grid li{width:100%;}

.categories-tag a {margin-right:-1px;}

.upload input#filefield {width: 100%;}
.g-recaptcha {overflow: hidden;}

	
}


@media (max-width:479px){
    header{padding: 12px 0px 12px 0px;}
    header.header-appear{padding: 5px 0;}
    header .logo a .logo1{width: 151px;}
    header.header-appear .logo a .logo2{height: 30px;}
    .mobmenur-container.sticky {top:4px !important;}
    .header-appear .right-inner-block{height: 30px;}
    
    .mobmenu .mobmenur-container{top: 15px;}
    .mobmenu-right-panel{width: 320px !important;}
    .section-heading-block .section-heding{font-size: 22px;}
    .business-domain-content .indutry-tab-content h3{font-size:18px; margin-bottom: 5px;}
    .marquee-text-block{font-size: 40px;}
    
    /*Mobile menu header top start*/
    /*MB menu start*/
    /*MB menu btn start*/
    .mb-menu-btns{top: 18px;}
    .header-appear .mb-menu-btns{top: 6px;}
    /*MB menu btn end*/

    /*MB Menu all start*/
        .mb-sidebar-menu {width: 320px;}
    /*MB Menu all end*/
    
    /*MB menu end*/
    /*Mobile menu header top end*/
    
    /*Home banner start*/
    .hompagebanner{/*height: 60vh;*/}
    .hompagebanner .n2-ss-slider .n2-ss-slider-1 .n2-ss-layer-content{min-height:52%;}
    div#n2-ss-2 .n2-font-3d278980db22f6e27ec66c5dea1065d9-hover, div#n2-ss-2 .n2-font-6436059d42aa170d8981e9f2af511733-hover, .creative-banner h2{font-size: 320% !important;}
    
    .homepage-main-banner-slider .top-sub-title{margin-bottom: 40px !important;}
    .slider-top-text{font-size: 13px; margin-top: 0;}
    
    .homepage-main-banner-slider .earth-css {inset: 45% 0 auto 0 !important;}
    .homepage-main-banner-slider .earth-css #wrapper{width:300px;}
    
    .homepage-main-banner-slider .banner-svg svg{right: 30px;}
    .homepage-main-banner-slider .banner-svg svg{width: 260px; height:430px;}
    /*Home banner end*/
    
    .about-homepage .image-block img{width: 70px; height: auto;}
    
    .freeestimate-btn .homepage-free-estimate{display:none;}
    
    .process-step {display: block;}
    .process-step-col.active{width: 105px; height: 105px; z-index: 1;}
    
    .home section.thanks-msg-section{padding: 20px 0 15px;}
    .thanks-msg-section .fancy-text {font-size: 23px; margin-bottom: 10px;}
    .thanks-msg-section h2{line-height: normal; font-size: 20px;}
    .thanks-msg-section p{line-height: normal;}
    
    .home-our-services-block .home-service-heading{font-size: 18px; margin-bottom: 10px; line-height: 24px;}
    .home-our-services-block .home-small-heading{margin-bottom: 12px; line-height: 24px; font-size: 17px;}
    
    .footer-testimonials .footer-testimonial-heading .footer-testimonials-heading{font-size: 22px;}
    
    .footer-widget-heading .quick-links, .footer-widget-part .col-sm-6:not(:first-child) .footer-widget-heading, .footer-widget-heading .larest-blogs { margin-top:25px; }
    .footer-latest-blog-listing ul li span{line-height: normal;}
    
    .footer-copyright{padding-top: 15px;}
    .footer-social-media{padding-bottom: 0; }
    .copyright-inner .col-left{align-items: center; order: 2;}
    .copyright-inner .col-left .logo-footer{display: inline-block;}
    .copyright-inner .col-left .logo-footer img{height: 30px;}
    .footer-copyright .copyright-inner{flex-wrap: wrap; justify-content: center; margin-bottom: 16px;}
    .footer-copyright .copy-text{display: inline-block;}
    .copyright-inner .col-right{order: 1; margin-bottom: 10px; margin-top: 5px;}
    .col-right a{margin: 0 10px;}
    
    /*Captcha start*/
    .grecaptcha-badge {bottom: 42px !important;}
    /*Captcha end*/

    /*footer fix*/
    .footer-sticky{position: fixed; bottom: 0; left: 0; right: 0; z-index: 99; background: #fff; display: block; width: 100%; padding:6px 15px; display: flex;  align-items: center; justify-content: center; box-shadow: 0px -2px 10px rgba(0,0,0,0.1);}  
    .footer-sticky ul{display: flex;} 
    .footer-sticky li{ margin-right:20px;}
    .footer-sticky li a{color: #000; font-size: 22px;}
    
    .freeestimate-btn-footer .homepage-free-estimate {background-color: #e94d24; border-radius: 30px; color: #fff; padding: 6px 18px 5px; font-size: 12px; line-height: 14px; min-width: 164px; height: 28px; position: relative; overflow: hidden; border: 1px solid #e94d24; z-index: 1;}
    .freeestimate-btn-footer .homepage-free-estimate:hover{color:#e94d24;}
    .freeestimate-btn-footer .homepage-free-estimate:focus {outline: 1; box-shadow: none}
    .freeestimate-btn-footer .homepage-free-estimate span span span {font-family: var(--altfonts);font-weight: 500; text-transform: uppercase; width: 100%; display: flex; font-size: 12px; line-height: 14px; justify-content: center;}
     .freeestimate-btn-footer .homepage-free-estimate span span span.second{font-size: 10px;}

    .freeestimate-btn-footer .homepage-free-estimate::before{ content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; z-index: -1; opacity: 0; background-color:#fff;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .freeestimate-btn-footer .homepage-free-estimate:hover::before{opacity: 1;	width: 100%;}
    /*footer End*/
    
    /*Free Estimation popup start*/
    .main-popup .main-popup-wapper1{display: flex; flex-wrap: wrap;}
    .left-section1{width: 100%; order: 2; padding: 0 11px 20px 10px;}
    .left-section1 h2{padding: 10px 0 8px 0px; font-size: 19px;}
    .right-section1{position: relative; width: 100%; order: 1;}
    .right-section1 .edit-icon{margin: 12px 70px 14px 0; float: right;}
    .right-section1 .edit-icon img{height: 40px;}
    .main-popup-wapper1 .right-section1 > span{float: left;}
    .main-popup-wapper1 .right-section1 > span img{width: 150px; margin-top:12px;}
    /*Free Estimation popup end*/
    
    /*About page*/
    
    /*Header & banner start*/
    .header-main-section-inner{padding-top: 80px;}
    .page-first-section p:last-child{margin-bottom: 0;}
    .page-first-section h1 {font-size: 22px; line-height: 26px;}
    .page-first-section h1:after {width: 8px; height: 8px;}
    /*Header & banner end*/
    
    /* About section start*/
    .about-welcome-section .welcom-content h2{font-size: 20px; line-height: 28px;}
    /* About section end*/
    
    /* Core Value section start */
    .bordered-box-animate .title-col h3{font-size: 20px; line-height: 22px; margin-bottom: 10px;}
    /* Core Value section end */
    
    h2 {font-size: 25px;line-height: 30px;}
    
    /* Five D Process section start*/
    .five-process-heading-block{ padding:0px; margin:0px;}
    .five-process-heading {padding: 0 0;}
    .five-process-heading h2{font-size: 22px;}
    .five-process-heading p{font-size: 14px; margin-bottom: 0;}
    .five-process-heading-block .five-d-text{display:none;}
    
    .process-flow-box {width:100%;}
    .process-flow-box:nth-child(3){margin-top:10px;}
    .process-flow-box:nth-child(5){margin-top:10px;}
    /* Five D Process section end*/
    
    /* SPRYBIT VALUES & PRINCIPLES section start */
    .value-pricipal-inner .section-heading-block .section-heding, .value-pricipal-inner .section-heading-block .section-heding2{font-size: 22px;}
    .principal-box .block-heading-col i{font-size: 28px; margin-right: 10px;}
    /* SPRYBIT VALUES & PRINCIPLES section end */

    /* Our Team section start */
    .teammember-block .dis-content-block h4{font-size: 18px}
    .team-section-aboutus .heading-content h2{font-size: 22px;}
    /* Our Team section end */
    
    /*About end*/
    
    /*Contact page*/
    .contact-form-block .contact-heading{margin-top: 0; font-size: 20px; }
    .contact-details-block {padding: 15px;}
    .contact-details-block .icon-col .icon-display{float: left; margin-right: 20px; margin-bottom: 0; }
    .contact-details-block .icon-col .content-display{display: inline-block; width: 75%; text-align: left;}
    .contact-details-block .icon-col{width:100%; float:left; display: flex; align-items: center; padding-left: 15px;}
    /*Contact End*/
    
    /*Testimonial page*/
    .test-bg {padding-top: 20px;}
    .client-speak h2 {margin-bottom: 70px;}
    .digitally-transform h3 {font-size: 20px; line-height: 28px;}
    .testimonialsection .card-body p:last-child{padding-bottom: 0;}
    
    /*terms-of-use-and-condition*/
    .privacy-policy h3{font-size: 18px;}
    .privacy-policy h4{font-size: 16px;}
    .privacy-policy .img-cont-pp{padding: 0 0 10px 0; float: left; width: 100%; text-align: center;}

    /*Careers page*/
    .career-main .dataTables_wrapper{overflow-x: scroll;}
    .career_form{margin-left: 0;}
    
    /*Blog Page start*/
    .blog-listings {padding: 8px 0;}
    .blog-listing-parent .blog-listing-block .blog-listing-content .blog-listing-heading{padding: 8px 0px; margin-bottom: 8px;}
    .categories-tag-links {font-size: 15px;}
    .categories-tag-blog{display: inline-block;}
    .blog-listing-parent .blog-listing-block{margin-bottom: 15px;}
    .categories-listings{padding-bottom: 15px;}
    .categories-tag-title{padding-right: 5px;}
    .categories-tag a{padding: 2px 16px; margin-top: 3px;}
    
    /*Blog Page end*/
    
    /*Blog Details page start*/
    .blog-details-header-section {padding: 35px 0 35px !important;}
    .blog-detail-header-inner h2{font-size: 20px; line-height:26px;}
    .blog-details-page-heading h1{font-size: 24px; line-height:28px;}
    /*.blog-details-header-section{height: 40vh;}*/
    .blog-details-header-section .blog-detail-header-inner{margin: 0px 0 0 20px !important; width: 60% !important; padding-top: 100px;}
    
    
    .page-blog-details-content h2{font-size: 18px;}
    .page-blog-details-content h3{font-size: 16px;}
    .page-blog-details-content h4{font-size: 15px;}
    
        /* contact form & Reply comment start */

  /* blog contact comment start */
.blog-details-contact h2.comments-title { font-size: 17px; margin-bottom: 12px;}
/* blog contact comment end */
    
/* contact form & Reply comment end */
    
    /*.page-blog-details-content h3{font-size: 20px; line-height: 26px;}*/
    /*Blog Details page end*/
    
    /*Event page start*/
    /*Event Banner start*/
    /*.life-sprypit-banner{padding-top: 80px;}*/
    .life-sprybit big {font-size: 22px;}
    /*Event Banner end*/
    .lifesprybit h1{font-size: 20px;}
    
    .sprybit-life{font-size: 25px;}
    /*Event page end*/
    
    /* All Srevices page start*/
    .simple-para h2{font-size: 20px; line-height: 28px; margin-bottom: 10px;}
    .small-btn{padding: 5px 20px;}
    
    /*Work section start*/
    body:not(.home) .portfolio-design-style1.owl-carousel .owl-stage-outer{padding-bottom: 0;}
    /*Work section end*/
    /* All Srevices page end*/

    
    /* Services 1 pages start*/
    .service1-main-banner{padding-top: 70px;}
    /* Services 1 pages end*/
    
    /* Services 2 pages start*/
    .servicemain-page-header .mobileappdevelopment-content{padding-top: 70px;}
    .mobileappdevelopment-content .heading-content-wrap{padding: 0 0 10px 0;}
    .mobileappdevelopment-content .heading-content .main-text, .service-lavel-1-header-content h1{font-size: 20px; margin-bottom: 12px;}
    
    /*services-list-tabbs-section*/
    .service-name-heading h2{font-size: 22px; line-height: 26px;}
    /* Services 2 pages end*/
    
    /* Services 1 & Services 2 pages start*/
    /*countersection*/
    .count-title {font-size: 22px;}
    .counter-item .counter-label{font-size: 14px;}
    .typewriteing-block{padding: 20px; height: 50px;}
    .counter-section:after{ height: 50px;   }
    .typewriteing-block .fancytext{font-size: 20px;}
    /* Services 1 & Services 2 pages end*/
    
    /* Services 3 pages start*/
    
    .blur-effect-header-cover-bg-img{height: 35vh;}
    .service-level-3-header .banner-heding-content h1{font-size: 22px;}
    
    .development-service-feature-section .feature-content-block h2, .section-heading-block.mid-heading .section-heding{font-size: 20px; line-height: 26px; font-weight: 600;}
    
    /*WHY CHOOSE section start*/
    .overview-images-block{padding: 10px;}
    .overview-images-block .overview-images-inner:before{left: -10px; top: -10px;}
    .overview-images-block .overview-images-inner:after{right: -10px; bottom: -10px;}
    /*WHY CHOOSE section end*/
    
    /* Services 3 pages end*/
    
     /*Portfolio page start*/
    .portfolio-hover-text h4{font-size: 16px; }
    /*Portfolio page end*/
    
     /* Portfolio Details Page start*/
    .portfolio-detail-page-inner{padding-top: 20px;}
    .portfolio-detail-header-section{margin-bottom: 20px;}
    .portfolio-detail-header-section h1{font-size: 25px;}
    .portfolio-detail-page-inner .portfolio-detail-header-section ul{columns:1;}
    
    .portfolio-detail-page-inner h2, .result-text h2{padding-bottom:6px; font-size: 20px; line-height: 18px;}
    
    .type-sec h5 {line-height: 20px; font-size: 20px;}
    
    .challenge-sec{padding-bottom: 25px;}
    .challenge-sec h3{line-height: normal;}
    .challenge-sec h3:before{top: 30px;}
    
    /* Portfolio Details Page end*/
    
    /*Careers page start*/
    /*Job Application start*/
    .job-App-form .codedropz-upload-inner h3{font-size: 18px;}
    .job-App-form .btn-submit{padding: 10px 40px;}
    /*Job Application end*/
    
    /*Careers page end*/

    /*AngularJs Development page start*/

    /*Why Choose AngularJS Development start*/
    .ser-why-choose-box { padding: 50px 15px 20px 15px;}
    /*Why Choose AngularJS Development end*/
    /*AngularJs Development page end*/
    
}


@media (max-width:380px){
    .about-homepage .image-block img{width:60px;}
}