@media (min-width:1700px) {
    .hire-android-developers-detail-in {
        float: right
    }
}

@media (min-width:1600px) {
    .office-address img {
        max-width: unset
    }
}

@media (max-width:1450px) {
    .industry-wide-icons .container {
        margin: 0
    }
    .industry-wide-icons {
        width: 102%
    }
}

@media (max-width:1366px) {
    .industry-wide-icons {
        width: 100%
    }
    .second-row .our-approach-icons ul li {
        padding: 0 10px
    }
    .industry-wide-icons ul li {
        width: 6.5%
    }
}

@media (max-width:1350px) {
    .industry-wide-icons {
        width: 99%
    }
}

@media (max-width:1280px) {
    .industry-wide-icons ul {
        max-width: 100%
    }
    .client-feedback:after {
        right: -30px
    }
    .industry-wide-icons .container {
        width: 100%
    }
    .industry-wide-icons,
    .industry-wide-icons ul,
    .industry-wide-outer,
    .industry-wide-solution-content {
        width: auto;
        text-align: center;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset
    }
}

@media (max-width:1199px) {
    h2,
    h3 {
        line-height: 32px
    }
    h1 {
        font-size: 40px;
        line-height: normal
    }
    h2 {
        font-size: 32px
    }
    h3 {
        font-size: 24px
    }
    .btn {
        padding: 15px 20px
    }
    .welcome-solution {
        padding: 50px 0
    }
    section.our-approach:before {
        width: 0
    }
    .our-approach-right {
        padding-top: 0
    }
    .our-approach-left {
        margin-left: 20px
    }
    .our-approach {
        padding-bottom: 50px
    }
    .first-row {
        padding: 50px 0 20px
    }
    .technology-icon a {
        margin-left: 10px
    }
    .industry-wide-icons {
        padding-left: 20px;
        padding-right: 20px
    }
    .industry-wide-icons ul li {
        width: 8%
    }
    .client-detail {
        padding: 15px 10px
    }
    .client-info .client-img {
        width: 50px;
        height: 50px;
        margin-right: 10px
    }
    .client-name {
        width: 75%
    }
    .slide-deials h1 {
        margin-bottom: 40px
    }
    .offer-section {
        padding-top: 50px
    }
    .offer-section .offers-block {
        margin-bottom: 50px
    }
    .projects-we-do-sec {
        padding: 50px 0 25px
    }
    .projects-we-do-sec .grid {
        margin-top: 30px
    }
    .industry-wide-outer,
    .industry-wide-solution-content {
        transform: unset
    }
    .industry-wide-solution-content {
        width: 100%
    }
    .review-section-logo ul li {
        /* margin: 7px */
    }
    .review-section-left {
        padding-top: 15%
    }
    .review-section-right {
        margin-top: 16%
    }
    .review-section-right:before {
        right: -15px;
        z-index: 0;
        top: 10px
    }
    .our-blog,
    .review-section-inner {
        padding: 50px 0
    }
    .blog-list .blog-date {
        width: 20%;
        padding: 10px
    }
    .blog-list .blog-date .date {
        font-size: 28px
    }
    .blog-list .blog-content {
        width: 79%;
        padding: 15px
    }
    .blog-list .blog p {
        line-height: 20px;
        margin-bottom: 5px;
        font-size: 14px
    }
    .blog-list .blog {
        margin-bottom: 15px
    }
    .getintouch-section {
        padding: 50px 0
    }
    .getintouch-section .captcha {
        float: none;
        margin-top: 25px
    }
    .getintouch-section .contact-form .add-file {
        vertical-align: top;
        margin-top: 10px
    }
    .getintouch-section .contact-form .add-file .filename {
        top: 35px
    }
    .address-info {
        padding: 50px 0 30px
    }
    .footer-menu {
        padding: 50px 0
    }
    .copyright p {
        margin-bottom: 0
    }
    .ecommerce-logo a {
        width: 24.5%
    }
    .ecommerce-logo a img {
        margin: 0 auto
    }
    .tabs-custom-wrapper .nav-tabs {
        width: 50%
    }
    .project-content , .work-img {
        max-height: 450px;
    }
    .review-section-left h3{
        font-size: 24px;
    }
    .logo:before { width: 45px;}

   /*  Magento page css */
   .magento-lists-two , .magento-lists-four { left: 82px; }
   .magento-lists-three , .magento-lists-five { right: 82px; }
   .magento-services-block .icon-block { min-height: 300px; } 
   body { font-size: 17px; }
   .advantage-sec .offers-block { margin-bottom: 30px; }
   .boost-your-magento-sec h2.section-title { font-size: 25px; }
   
   /*it-staff page css*/
   .augmentation-service h4{font-size:18px;}
   .augmentation-service p{line-height:24px;}
   .augmentation-service{min-height:235px;}
   .list-user-about li span{font-size:16px; line-height:normal;}
   .list-user-about li h4{font-size:32px;}
   .staff-about-sec {padding:55px 0;}
   .list-staff-process li h4{padding:18px 50px; font-size:20px;}
   .list-techno-icons li{padding:10px;}
   .staff-techno-icons h2{margin-bottom:65px;}
   .block {padding:50px 0;}
   .paragraph-banner {padding:0 90px;}
   /*ecommrece development css*/
   .ecommerce-tab-thumb{width:50%;float:none;margin:0 auto;padding-bottom:30px}
   .ecommerce-tab-detail p{text-align:center}
   .ecommerce-boxes{position:relative;top:30px}

   .exo-menu > li > a{padding:10px 16px;}
   .exo-menu > li:nth-last-of-type(2) {margin-right:10px;}

   .logo-sec{width:34%;}
   .menu-right{width:65%;}
}

@media (max-width:1024px) {
    .like-our-work {    
        background-size: cover;  
        background-position: 60% 50%;      
    }
    .like-our-work-content {
        padding: 70px 10px;
    }
    .container {
        width: 100%!important
    }
    .whyus-block .inner-content:before {
        box-shadow: none;
        width: 100%
    }
    .whyus-block .icon-outer {
        width: 25%;
        padding: 10px 15px;
    }
    .blog-page .blogs-list .blog-title,
    .blog-page .blogs-list p {
        margin-bottom: 5px
    }
    .blogs-list .read-more {
        font-size: 16px
    }
    .blog-page .blogs-list {
        padding-bottom: 20px;
        margin-bottom: 20px
    }
    .blog-cat-list .blogs-list {
        padding-bottom: 10px;
        margin-bottom: 10px
    }
    .blog-cat-list .blogs-list .blog-title {
        font-size: 14px
    }
   /*  .review-section-logo {
       width: 79%;
   } */
    .large-logo {
        width: 21%;
        margin-top: 8px;
    }
    .boost-your-magento-sec .btn-primary {
        padding: 15px 20px;
    }
}

@media (max-width:991px) {
    
    .solution-menu-img {
        top: 134px;
    }
    .thank-you-page {
        padding-top: 110px;
    }
    .mega-menu-inner {
        height: auto;
    }
    .getintouch-section .contact-detail:after,
    .menu-right .top-header-right,
    div#tab-body-1:after {
        display: none
    }
    .client-feedback,
    .ecommerce-logo,
    .our-approach-icons ul,
    .review-section-inner {
        text-align: center
    }
    .logo-sec {
        max-width: 58%;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 10px
    }
    .logo-sec a {
        max-width: 230px;
        margin-top: 10px;
    }
    .project-content {
        position: unset;
        max-width: 100%
    }
    .our-approach-icons {
        float: none
    }
    body {
        font-size: 16px;
        line-height: 25px
    }
    h1 {
        font-size: 36px;
        line-height: 40px
    }
    h2 {
        font-size: 30px;
        line-height: 36px
    }
    h3,
    h4,
    h6 {
        font-size: 18px
    }
    h3 {
        line-height: 24px
    }
    h6 {
        letter-spacing: 3px
    }
    .main-navigation {
        padding-top: 0
    }
    .mega-menu-parent {
        top: 65px
    }
    li.blog-link a {
        padding-left: 20px!important
    }
    .welcome-solution p {
        padding: 0
    }
    .like-our-work-right {
        margin: 0
    }
    .review-section-left {
        padding-top: 0;
        width: auto;
        float: none
    }
    .review-section-right {
        margin-top: 0;
        width: auto;
        float: none
    }
    .review-section-right:before {
        right: -35px;
        z-index: 0;
        top: 13px
    }
    .review-section-logo {
        margin-top: 15px;
    }
    .large-logo {
        margin-top: 20px;
    }
    .tabs-wrapper label {
        width: 35%
    }
    .tab-body {
        padding: 50px 0
    }
    .tab-body-wrapper:before {
        width: 100%
    }
    .client-feedback {
        padding: 35px 0;
        color: #fff;
        position: relative
    }
    .client-feedback h3 {
        color: #fff;
        font-size: 26px
    }
    .testimonials-section {
        padding-bottom: 0
    }
    .client-feedback:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 5px;
        background: url(../img/testimonial-like.png) no-repeat;
        height: 55px;
        width: 55px;
        background-size: 100%
    }
    .client-feedback:after {
        right: 0;
        left: unset;
        background-size: 100%;
        top: 5px;
        height: 55px;
        width: 55px
    }
    .client-testimonial-slider ul.slick-dots {
        bottom: -40px
    }
    .getintouch-section .contact-form {
        padding: 25px 15px
    }
    .getintouch-section .contact-form .form-control {
        padding: 10px
    }
    .getintouch-section .contact-form .form-control,
    .getintouch-section .contact-form .form-control::placeholder {
        font-size: 16px
    }
    .our-blog {
        padding-bottom: 30px
    }
    .blog-list {
        padding-top: 30px
    }
    .getintouch-section .contact-detail {
        padding: 30px 15px;
        min-height: auto;
        text-align: center;
        margin-bottom: 20px
    }
    .getintouch-section .contact-detail h2 {
        margin-bottom: 10px
    }
    .getintouch-section .contact-detail ul li {
        margin: 15px 0;
        display: inline-block;
        width: 32%
    }
    .getintouch-section .contact-detail ul li span {
        display: block
    }
    .getintouch-section .captcha{
        float: none;
        margin-top: 0
    }
    .footer-links-box{
        margin-bottom: 20px
    }
    .footer-links a{
        font-size: 15px
    }
    .footer-links-box h4{
        margin-bottom: 0
    }
    .inner-banner .syncHeight .slider-text{
        position: static;
        top: 0;
        transform: translateY(0)
    }
    .blog-page .blog-img{
        margin-bottom: 20px
    }
    .pagination-lg>li>a,
    .pagination-lg>li>span{
        padding: 5px 10px
    }
    .our-blog,
    .review-section-inner,
    .testimonials-section{
        padding: 40px 0
    }
    .block{
        padding: 30px 0 0
    }
    .offer-section{
        padding-top: 40px
    }
    .our-approach{
        padding-bottom: 40px
    }
    .latestwork-block .slider-content,
    .latestwork-block .slider-img,
    .whyus-block .inner-content{
        width: 100%
    }
    .latestwork-block .slider-content .slick-list,
    .latestwork-block .slider-img {
        padding: 0 15px!important
    }
    .latestwork-block .work-info.slick-current:before{
        display: none
    }
    .banner-below-block p{
        font-size: 16px
    }
    .inner-banner .btn{
        margin-bottom: 10px
    }
    .industry-wide-icons ul li{
        width: 14%
    }
    .industry-wide-icons{
        padding-left: 0;
        padding-right: 0
    }
    .project-slider{
        padding: 30px 0
    }
    .project-content{
        padding: 40px
    }
    .career-tags li a{
        padding: 10px 20px
    }
    .mega-menu-inner ul{
        overflow-y: auto!important;
        height:430px !important;
    }
    .main-header{
        background:#fff;
        max-height:100px;
        min-height:77px;
        position:fixed
    }
    .menu-right{
        margin:0;
        width:auto;
    }
    .menu-right ul.contect-info{
        width:100%;
    }
    .menu-right .top-header-right{
        display:block;
        width:195px;
        text-align:left;
        position:relative;
        top:20px;
    }
    .menu-right .top-header-right .mail-detail, .menu-right ul.contect-info li.uk{
        display:none;
    }
    .main-content-section{
        margin-top:77px
    }
    .main-banner{
        height:auto!important
    }
    video#bgvid {
        position: relative;
        left: unset;
        transform: unset;
        top: unset;
        width: 100%
    }
    .mega-menu-inner li:after {
        top: 18px
    }
    .main-list li a i {
        top: 15px
    }
    .latestwork-block {
        padding: 0!important
    }
    .latestwork-block h2 {
        padding-top: 30px
    }
    .latestwork-block .inner-content {
        padding-bottom: 30px
    }
    .home-project-slider .slick-dots {
        bottom: 0;
        position: relative;
    }
    .contact-form.get-in-touch-form .button {
        float: none;
    }
    .home-project-slider .slick-arrow.fa{
        color: #fff;
        width: 30px;
        height: 30px;
        background: rgba(0, 164, 235, 0.66);
        border-radius: 50%;
        line-height: 30px;
        z-index: 9;
        cursor: pointer;
        top: 60%;
        position: absolute;
    }
    .home-project-slider .fa-angle-left{ left: 0;}
    .home-project-slider .fa-angle-right{right: 0;}

     /*  Magento page css */
    .why-choose-magento-sec { padding: 50px 30px; }
    .wht-choose-magento-lists { min-height:auto; background:none; }
    .choose-magento-circle { position: relative; top: inherit; left: inherit; transform: none;}
    .choose-magento-circle img { display: block; margin: 0 auto;}
    .choose-magento-lists { position: relative; top: inherit !important; left: inherit !important; right: inherit !important; width: 325px !important; text-align: left; margin: 0 auto 20px; float: left; }
    .choose-magento-lists:nth-child(odd) { float: right; }
    .choose-magento-lists h4 { width: 100% !important; }
    .choose-magento-lists h4 span { right: 0; padding: 0 20px !important; }
    .choose-magento-lists h4 div.brd { left: 0 !important; right: inherit !important; }
    .magento-lists-six { display: flex; flex-direction: column-reverse; }
    .choose-magento-icon { margin: 0 auto 5px !important; }
   .magento-services-block .icon-block { min-height: 350px; } 
   body { font-size: 17px; }
   .advantage-sec .offers-block { margin-bottom: 30px; }
   .boost-your-magento-sec { padding: 30px 0; }
   .boost-your-magento-sec h2.section-title { font-size: 25px; }
   .boost-your-magento-sec .btn-primary { margin-top:10px;}

   /*it-staff page css*/
   .it-staff-banner{min-height:435px;}
   .paragraph-banner {padding:0 50px;}
   .it-staff-service .section-title, .staff-process h2 {font-size:25px;}
   .staff-augmentation{padding:50px 0 25px;}
   .augmentation-service p{line-height: normal;}
   .augmentation-service h4 span{width: 45px; height: 45px; font-size: 20px;}
   .augmentation-service{min-height: 295px;}
   .it-staff-banner{min-height:505px;}
   .it-staff-service .section-title, .staff-process h2{font-size:28px;}
   .staff-augmentation{padding:58px 0 32px;}
   .augmentation-service{min-height:285px;}
   .augmentation-service h4 span{border-radius:15px; width:40px; height:40px; font-size:20px;}
   .list-user-about li {padding:0 10px;}
   .list-user-about li h4{font-size:25px;}
   .list-user-about li span {font-size:15px; line-height:normal;}
   .list-staff-process li h4{padding:20px 26px; font-size:17px;}
   .list-staff-process li p{font-size:16px;}
   .augmentation-service h4{display:flex; align-items:center;}
   .staff-techno-icons{margin-bottom:12px;}
   .staff-process{padding: 55px 0 50px;}
   .augmentation-service {min-height: 275px;}
   
   /*ecommerce development css*/
   .ecommmerce-main-content{padding:30px 0}
   .ecommmerce-main-content p{padding-bottom:0}
   .ecommerce-tab-thumb{width:80%}
   .ecommerce-box{min-height:200px}
   .row.ecommercr-inner-row{padding-bottom:0}
   .grey-bg-sec{padding-top:30px}
   .ecommerce-dev-tabs li{width:50%}
   .ecommerce-dev-tabs .expertise-tab-detail.ecommerce-tab-detail.ecommerce-tab-detail{max-width:95%;}
   .hws-ecommerce h2.section-title {font-size:36px;}
   .ecommerce-dev-tabs .ecommerce-dev-link a{padding-bottom:10px!important;}
   .ecommerce-dev-tabs{margin:0 auto 10px;}

    .getintouch-section .contact-detail, .getintouch-section .contact-form{min-height: auto !important;}
    .contact-form.get-in-touch-form .button{margin-top:12px;}
    .getintouch-section .contact-detail ul li{margin:15px 0 0;}
    h1.section-title{margin:35px 0 25px;}
    .slick-slide img{margin:10px auto;}}
    @media (max-width: 800px) {
        .project-portfolio-section .project-portfolio-content {
            float: none; 
            width: auto;
    }
    .project-content {
        min-height: unset;
        max-height: unset;
    }
    .project-content .content-center {
        max-width: 100%;
    }
    .work-img img {
        width: 100%
    }
    ul.slick-dots {
        display: none;
    }

    .magento-certification ul li { margin: 0 0px 0 5px;}

.boost-your-magento-sec h2.section-title {font-size: 24px;}
.Best-Ecommerce-Agency-Logo { max-height: 115px; }

}
@media (max-width:767px) {
   .logo:before { width: 35px; height: 50px; top: -20px; right: -15px;} 
    h2,
    h3,
    h4 {
        margin-bottom: 15px
    }
    .copyright p,
    body {
        font-size: 15px;
        line-height: 24px
    }
    .inner-banner h1,
    h1 {
        font-size: 24px !important;
        line-height: 30px;
        margin-bottom: 15px
    }
    h2 {
        font-size: 20px;
        line-height: 28px
    }
    h3 {
        font-size: 16px;
        line-height: 24px
    }
    h4,
    h6 {
        font-size: 18px
    }
    .client-name h5,
    .footer-links-box h4,
    .office-address h4,
    h5 {
        font-size: 18px;
        line-height: 24px
    }
    h6 {
        letter-spacing: 2px
    }
    p {
        margin: 0 0 10px
    }
    h2.section-title {
        padding-bottom: 10px
    }
    .btn {
        padding: 10px 20px
    }
    .welcome-solution {
        padding: 20px 0
    }
    .project-slider {
        padding: 15px 0
    }
    .project-content img {
        margin: 0 auto
    }
    .project-content {
        padding: 10px 20px 10px;
    }
    .technology-icon {
        margin-top: 10px
    }
    .offer-section .offers-block {
        margin-bottom: 35px
    }
    .our-approach-left,
    .our-approach-right {
        width: 100%;
        margin: 0;
        padding: 15px;
        clear: both
    }
    .client-info .client-img,
    .client-info .client-name {
        margin: 0 0 10px;
        clear: both;
        display: block
    }
    .client-detail .client-info,
    .client-info .client-name {
        width: 100%;
        margin-bottom: 0
    }
    .client-detail {
        min-height: auto;
        max-height: 100%
    }
    .client-detail p,
    .client-name span {
        font-size: 14px
    }
    .technology-icon .btn {
        margin-top: 0
    }
    .projects-we-do-sec {
        padding: 40px 0 0
    }
    .industry-wide-solution-content {
        padding: 15px 0
    }
    .projects-we-do-sec .grid {
        margin-top: 15px
    }
    .blog-list .blog-content,
    .blog-list .blog-date {
        width: 100%;
        text-align: left;
        padding: 0
    }
    .blog-list .blog-date:after {
        display: none
    }
    .our-blog .blog {
        padding: 15px
    }
    .our-blog .blog-list .blog-date {
        padding-bottom: 10px
    }
    .our-blog .blog-list .blog-date .date,
    .our-blog .blog-list .blog-date .year {
        display: inline-block;
        font-size: 16px
    }
    .read-more-link {
        font-size: 14px
    }
    .getintouch-section .contact-detail {
        padding-bottom: 20px
    }
    .getintouch-section .contact-detail ul li {
        width: 100%
    }
    .getintouch-section .contact-form button {
        padding: 7px 35px;
        font-size: 16px
    }
    .getintouch-section .captcha {
        width: 100%;
        margin-top: 10px
    }
    .address img {
        width: 26px;
        top: 2px
    }
    .minus-icon,
    .plus-icon {
        display: inline-block
    }
    .footer-links-box h4:after,
    .second-row .our-approach-icons ul li+li:before {
        display: none
    }
    .office-address {
        margin-bottom: 20px
    }
    .footer-menu {
        padding-bottom: 0
    }
    .footer-toggle-content {
        display: none;
        width: 100%;
        clear: both
    }
    .footer-links-box h4 {
        border-bottom: 1px solid #000
    }
    .inner-banner .syncHeight .slider-text {
        position: static;
        top: 0;
        transform: translateY(0);
        margin-bottom: 20px
    }
    .our-blog,
    .testimonials-section {
        padding: 40px 0
    }
    .industry-wide-icons ul li,
    .review-section-logo ul li,
    .second-row .our-approach-icons ul li,
    .testimonials-section .tabs-wrapper label {
        margin: 0 0 15px;
        width: 49%
    }
    .projects-we-do-sec .filters .button-group .button {
        width: 50%
    }
    .solutions-block img {
        margin-top: 30px
    }
    .services-block .icon-block,
    .whyus-block .icon-outer {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }
    .whyus-block .inner-content {
        padding-bottom: 0
    }
    .blog-cat-list .blogs-list .col-sm-7 {
        padding-left: 15px
    }
    .pagination {
        margin-top: 0
    }
    .pagination-lg>li>a,
    .pagination-lg>li>span {
        padding: 2px 6px;
        font-size: 14px
    }
    .solutions-block .img-block img {
        position: static;
        transform: translateY(0);
        top: 0;
        margin-bottom: 20px
    }
    .career-top-sec {
        background: 0 0
    }
    .career-tags li a {
        padding: 5px 10px;
        font-size: 18px
    }
    .career-tags li a.is-checked {
        color: #00a4eb;
        font-weight: 800;
        background: 0 0
    }
    .current-opening {
        padding: 15px
    }
    .current-opening-title {
        padding: 0;
        width: 100%;
        margin: 0;
        text-align: center
    }
    .current-opening-title span {
        width: 100%;
        position: relative;
        top: inherit;
        left: inherit;
        float: left;
        margin: 10px 0 20px!important;
        transform: unset;
        -webkit-transform: unset
    }
    .current-opening-title span img {
        display: block;
        margin: 0 auto;
        max-width: 50px
    }
    .current-opening p {
        font-size: 14px;
        margin: 5px 0 0!important
    }
    .current-opening-apply {
        width: 100%
    }
    .current-opening-apply a {
        float: none;
        display: table;
        margin: 0 auto
    }
    .infrastructure-img img,
    .infrastructure-section ul li.infrastructure-blog {
        width: 100%
    }
    .tab-custom-wrapper {
        padding: 15px 0
    }
    .profile-feedback .views-row {
        padding: 10px 10px 0
    }
    .inner-banner .slider-img,
    .inner-banner .slider-text {
        top: unset;
        transform: unset;
        position: relative
    }
    .inner-banner .slider-img img {
        max-width: 100px
    }
    .inner-banner .slider-img {
        padding-top: 15px
    }
    .app-btn {
        width: 44px;
        height: 44px;
    }
    h3.contect-title {
        margin-top: 20px
    }
    .form-group.half-section {
        width: 100%;
    }
    .client-testimonial-slider ul.slick-dots {
        bottom: -30px;
    }
    .client-testimonial-slider li {
        padding: 0 10px;
    }
    .logo-sec canvas {
        display: none;
    }
    .review-section-logo,
    .large-logo  {
        width: 100%;
    }

    .why-choose-magento-sec { padding: 30px 0;}
    .choose-magento-circle img {display: block; margin: 0 auto 20px; max-width: 150px;}
    .choose-magento-lists { width: 100% !important; }
    .choose-magento-lists {
     width: 100% !important;
     display: flex;
     flex-direction: row;}
    .choose-magento-icon { width: 60px; margin: 0 7px 0 0 !important; }
    .choose-magento-icon img { width: 100%; }
    .choose-magento-lists h4 div.brd { width: 15px; }
    .magento-lists-six {  flex-direction: row-reverse; }
    .choose-magento-lists h4 span { left: 15px; padding: 0 10px !important; }
    .choose-magento-lists h4 { font-size: 13px; line-height: 20px; }
    .magento-services-block .icon-block { min-height: auto; }
    .advantage-sec .offers-block { margin-bottom: 15px; }

    /*it-staff page css*/
    .it-staff-banner{min-height:366px;}
    .it-staff-service .section-title, .staff-process h2{font-size:25px; line-height:normal;}
    .paragraph-banner {padding:0px; font-size:16px;}
    .staff-augmentation {padding:45px 0 32px;}
    .it-staff-service {padding-bottom:20px;}
    .augmentation-service {min-height:auto;}
    .list-user-about li {width:33%; margin-bottom:30px;}
    .list-user-about li span {font-size:14px;}
    .staff-about-sec {padding:55px 0 20px;}
    .staff-process {padding: 50px 0 50px;}
    .list-staff-process li {width: 100%; border-right:0; padding-right:70px;}
    .list-staff-process li span{right:0;}
    .list-staff-process li:nth-child(2n) {padding-left: 0; padding-right: 70px; text-align: right; border-left:0;}
    .list-staff-process li:nth-child(2n) span {right:0; left:auto;}
    .list-staff-process li:nth-child(2n) h4:after{right:-8px; left:auto; border-left:10px solid #00a4eb; border-right:0;}
    .list-staff-process li h4 {display:block;}
    .staff-techno-icons {padding:45px 0;}
    .staff-techno-icons h2 {margin-bottom:42px; font-size:26px; padding-bottom:20px;}
    .list-techno-icons li {width: 20%;}
    .list-techno-icons li:nth-child(7n) {border-right:1px solid #579fc1;}
    .list-techno-icons li:nth-child(5n) {border-right:0;}
    .magento-services-block.staff-choose-sec .icon-block{min-height:auto; text-align:left;}
    .list-user-about li{margin-bottom:25px;}
    .services-page .staff-choose-sec .icon-block h3{padding-bottom:15px; margin-bottom:15px;}
    .list-staff-process li span{font-size:22px; top:0; width:45px; height:45px;}
    .it-staff-form .fname { margin-bottom: 15px; }
    .it-staff-form .phone-number { margin-bottom: 15px; }
    .it-staff-form .select-dropdown{ margin-bottom: 15px; }

    /*ecommerce development css*/
    .hws-ecommerce h2.section-title {padding-bottom: 20px; font-size:26px; line-height: 28px;}
    .hws-ecommerce h2.section-title br {display:none;}
    .ecommerce-dev-tabs .expertise-tab-detail.ecommerce-tab-detail.ecommerce-tab-detail{max-width:100%; margin-top:20px;}
    .ecommerce-tab-thumb{padding-bottom:20px;}
    .ecommerce-why-choose{padding:0; margin-top:15px;}
    .ecommerce-why-choose .e-wch-hrv{min-height:auto;}
    .ecommerce-box{min-height:auto;}
    .ecommerce-inner-content h4{font-size:18px; margin-top:10px;}
    .hws-ecommerce .block {padding:40px 0 40px;}

    .syncHeight img {margin:20px auto;}
    .icon-block .icon img{top:0; transform:translateY(0); margin:0;}

    .explore-idea{display:block; max-width:202px; margin:10px 0 0;}
    .magento-certification ul{flex-wrap: wrap; justify-content:center;}
    .magento-certification ul li{margin: 0 0px 20px 5px;}
    h1.section-title{margin:20px 0 15px;}
    .menu-right .top-header-right{width:188px;}
    .menu-right ul.contect-info li{margin-left:0;}
    .menu-right .top-header-right{width:178px;}
    .menu-right ul.contect-info li.ind:before{top:3px;}
}
@media (max-width:568px){
    .testimonials-section .tabs-wrapper{
        padding: 0 15px
    }
    .footer-links li {
        width: 100%
    }
    .footer-links li a {
        font-size: 16px
    }
    .ecommerce-logo a,
    .ecommerce-logo a:first-child {
        width: 49%;
        margin-bottom: 10px
    }
    .dmca-img,
    .social-icon {
        width: 100%;
        text-align: center
    }
    .blogs-list .read-more {
        margin-bottom: 10px;
        display: inline-block
    }
    .client-feedback {
        padding: 60px 0
    }
    .slide-deials h1,
    .slide-deials p {
        margin-bottom: 10px
    }
    .office-address img {
        max-width: 100%
    }
    .tabs-custom-wrapper .nav-tabs {
        width: 90%;
        margin-bottom: 15px
    }
    .g-recaptcha {
        transform: scale(.86);
        -webkit-transform: scale(.86);
        -moz-transform: scale(.86);
        -ms-transform: scale(.86);
        position: relative;
        left: -18px;
    }
    
    /*it-staff page*/
    .staff-choose-sec .title-paragraph {padding: 0px;}
    .magento-services-block.staff-choose-sec .icon-block {min-height:auto; text-align:left;}
    .services-page .staff-choose-sec .icon-block h3 {padding-bottom:12px;margin-bottom:12px;}

    .cereer-email { margin-top: 20px; }
    .cereer-email a { font-size: 18px; font-weight: 600; }
}

@media (max-width:480px) {
    .industry-wide-icons ul li,
    .projects-we-do-sec .filters .button-group .button,
    .review-section-logo ul li,
    .second-row .our-approach-icons ul li,
    .testimonials-section .tabs-wrapper label {
        width: 100%
    }
    .projects-we-do-sec .grid>.projects {
        float: none;
        width: 100%;
        padding: 0 0 15px
    }
    .client-testimonial-slider li {
        margin: 0
    }
    .slide-deials {
        top: 50%
    }
    .main-banner .btn {
        margin: 5px 0
    }
    .main-banner .slick-dots {
        bottom: 5px
    }
    .tabs-custom-wrapper .nav-tabs {
        width: 100%;
        margin-bottom: 10px
    }
    .banner-button a {
        margin: 5px 0;
    }

    /*it-staff page*/
    .it-staff-service .section-title, .staff-process h2{font-size:20px;}
    .it-staff-service .section-title br, .staff-process h2 br{display:none;}
    .banner-below-block p {font-size:15px;}
    .staff-augmentation {padding:38px 0 32px;}
    .augmentation-service p {padding-bottom: 20px; border-bottom: 1px solid #d4d4d4;}
    .it-staff-service .col-sm-4:last-child .augmentation-service p{padding-bottom:0px; border-bottom:0; margin-bottom:0;}
    .list-user-about li{width:50%; padding:0 4px;}
    .list-user-about li:last-child{margin-bottom:10px;}
    .staff-about-sec{padding:35px 0 20px;}
    .list-staff-process li h4{padding:16px 12px; font-size:16px; border-radius: 15px;}
    .list-staff-process li h4:after{top:15px;}
    .list-staff-process li:nth-child(2n):hover h4:after{border-left:solid 10px #8eddff; border-right:0;}
    .list-staff-process li span {font-size:22px; top:0;}
    .list-staff-process li:nth-child(2n), .list-staff-process li{padding-right:60px;}
    .staff-techno-icons h2 {margin-bottom:26px;  font-size:22px; padding-bottom:18px;}
    .staff-techno-icons {padding:38px 0;}
    .list-techno-icons li {width:33.33%; min-height:142px;}
    .list-techno-icons li:nth-child(5n) {border-right:1px solid #579fc1;}
    .list-techno-icons li:nth-child(3n) {border-right:0}
    .services-page .services-block .icon-block p{font-size:15px;}
    .list-staff-process li p br{display:none;}
    .list-user-about li h4{font-size:22px;}
    .staff-choose-sec .icon-block .icon {width:62px;height:63px; margin-right:15px;}
    .augmentation-service p{font-size:15px;}
    .it-staff-service .section-title, .staff-process h2 {font-size:18px;}
    .hws-ecommerce h2.section-title {font-size:20px; line-height:28px;}
    .ecommerce-dev-tabs ul li:hover a, .ecommerce-dev-tabs ul li.active a{border-bottom: 2px solid #0fb0f5!important;}
    .ecommerce-dev-tabs ul li a{border-bottom:2px solid transparent!important;}
    .hws-ecommerce .block {padding:30px 0 25px;}
    .ecommerce-dev-tabs .ecommerce-dev-link a{padding-bottom:31px!important;}
    .ecommerce-dev-tabs {margin:0 auto 0px;}
    .ecommmerce-main-content {padding:30px 0 0;}

    .magento-certification ul {flex-wrap:wrap;}
    .magento-certification ul li { width:33.33%; margin:0 0 10px; padding:0 5px;}
    .menu-right ul.contect-info li.ind:before{display:none;}
    .menu-right a{font-size:12px;}
    .menu-right ul.contect-info li{padding-left:0px;}
    .menu-right .top-header-right{width:118px;}
}