@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-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%;}
    .insta-home .row{
        align-items:flex-end;
    }
    .insta-home .title-sec h1{
        font-size:50px;
        line-height:50px;
    }
    .psf-box__content-inner h3{
        font-size:24px;
    }
}

@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;
    }
    .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 35px;
    }
    .project-portfolio-section{
        padding-top:40px;
        padding-bottom:40px;
    }
    .project-content img {
        max-width: 165px;
    }
    .project-content .project-btns img {
        max-width: 100%;
    }
    .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 a {
        float: none;
        display: table;
        margin: 0 auto;
    }
    .current-opening-apply,
    .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;}
}

@media(min-width: 992px) and (max-width: 1260px){
    .exo-menu > li > a {
        padding: 8px 9px;
        font-size: 14px;
    }
    li.drop-down:before {  
        right: 0;
    }
    .notice-col.notice-left{
        padding-bottom: 30px;
    }
}

@media(max-width: 1199px){
    .service-offered-sec .pwa-development-sec h3{ font-size: 22px; }
    .service-offered-sec .pwa-development-sec a{ font-size: 18px; padding: 6px 26px;}
    .service-offered-sec .pwa-development-sec{ padding: 12px 12px 12px 45px; }
    .service-offered-sec .pwa-development-sec{ width: 95%; }
    .service-offered-sec .inner-sec { margin-top: 0;}
    /*Case-study Page Css*/
    .case-study-below ul li h3{ font-size: 18px; }
    .case-study-below ul li { margin-right: 20px; }
    .case-study-laptop .col-sm-8{ width: 60%; }
    .case-study-laptop .col-sm-4{ width: 40%; }
    .case-study-approach .content-sec p, .case-study-results .content-sec h6{ font-size: 22px; }
    
    /*Amazon Page Css*/
    .amazon-boost-sec h2{ font-size: 23px!important; }
    .array-content-box{ min-height: 255px; }
    .channel-content-box h3{ font-size: 22px; margin-bottom: 15px; }
    .channel-content-box{ min-height: 430px; }
        .seller-central-img img {max-width: 100%;}
    .menu-right ul.contect-info li.ind1 {
    padding-left: 0;
}
.seller-central-section{
    padding:40px 0;
}
}

@media(max-width: 991px){
    .offer-section .what-we-offer-content .col-sm-4{ width: 50%; }
    .service-offered-sec .pwa-development-sec a { font-size: 14px; padding: 0px 26px;}
    .service-offered-sec .pwa-development-sec h3{ font-size: 16px; }
    .service-offered-sec{ padding: 80px 0 40px;}
    .service-offered-sec .pwa-development-sec{ top: -115px; padding: 12px 12px 12px 30px; }
    .service-offered-sec .inner-sec .inner-apps{ padding: 0 100px; }

    .case-study-banner .slider-text h1{ font-size: 46px; margin-bottom: 20px;}
    .case-study-banner .slider-text h4{ font-size: 26px; line-height: 32px; }
    .case-study-results .content-sec h6, .case-study-statistics .stats-bar-sec p{ font-size: 20px; }
    .case-study-mobile .content.syncHeight ul li, .case-study-laptop .content ul li, .case-study-laptop .challeges-sec ul li, .case-study-laptop .challeges-sec p, .case-study-solution .content ul li, .case-study-results .content-sec p, .case-study-below ul li h3, .case-study-approach .content-sec p { font-size: 16px; line-height: 24px; }
    .case-study-approach .content-sec p{ margin-bottom: 0; }
    .case-study-below .case-study-client-sec { margin: 20px 0 40px;}
    .case-study-approach .content-sec h3 { font-size: 30px;}
    .case-study-mobile .inner-content .col-sm-8, .case-study-mobile .inner-content .col-sm-4, .case-study-laptop .col-sm-8, .case-study-laptop .col-sm-4{ width: 100%; }
    .solutions-block{ padding: 50px 0!important; }
    .case-study-results .content-sec ul li { font-size: 15px; }
    .case-study-results, .case-study-solution { padding: 50px 0; }
    .case-study-results .content-sec h6, .case-study-statistics .stats-bar-sec p { font-size: 16px; margin-bottom: 15px;}
    .case-study-laptop .img-laptop { position: relative; margin-top: 30px; top: 0; width: 100%; }
    .case-study-laptop .content p{ font-size: 20px; }
    .case-study-laptop .content h3 { font-size: 34px;}
    .case-study-mobile .img-block img{ margin-top: 20px; }
    .case-study-laptop .challeges-sec p{ margin-bottom: 0; }

    .developer_cricle .twilio-team-img{display:none}
    .developer_cricle .list_cricle{text-align:center;width:100%}
    .developer_cricle .list_cricle li:first-child{margin-right:0}
    .developer_cricle .list_cricle li:nth-child(2){margin-right:0}
    .developer_cricle .list_cricle li{min-height:auto;margin-bottom:20px}
    .list_cricle li span{display:block;margin-bottom:5px}
    .developer_cricle .list_cricle li:last-child{margin-bottom:20px}
    .api-boxes .api_sec{max-width:100%;min-height:auto;margin-bottom:20px}
    .api-boxes .api_sec:last-child{margin-bottom:0}
    .twilio-solutions-sec{padding:45px 0}


    /*Amazon Page Css*/
    .block.amazon-banner-below{ padding: 50px 0; }
    .amazon-banner .slider-text h1 { font-size: 30px;}
    .amazon-banner .slider-text h6{ font-size: 14px; line-height: 24px; }
    .amazon-banner .slider-text{ max-width: 625px; }
    .amazon-boost-sec a.explore-idea { font-size: 16px; padding: 10px 16px;}
    .amazon-boost-sec h2 { font-size: 17px!important;}
    .amazon-block-sec .content{ margin-top: 30px; }
    .amazon-block-sec .img-block img{ width: 100%; }
    .main-content-section .amazon-block-sec, .our-wide-array-section{ padding: 50px 0; }
    .main-content-section .amazon-block-sec .row{ display: flex; flex-direction: column-reverse; }
    .our-services-items ul{ display: block; }
    .array-content-box { min-height: auto;}
    .amazon-channel-section h2 { font-size: 26px;}
    .channel-content-box { min-height: auto;}
    .amazon-channel-section .col-md-6.col-sm-12 { padding: 0;}
    .drop-down.active .drop-down-ul li ul.animated li .animated {padding-left: 5px;}
    .menu-right .drop-down-ul a {display:flex; align-items:center;}
    .exo-menu i{line-height:normal;}
    .exo-menu > li:nth-last-of-type(2) {
    margin: 0 !important;
}
.social-chat-btn {
    right: auto;
    left: 5px;
}
.exo-menu .drop-down:before, .inner-header li.drop-down:before{
    font-size:20px;
}
}

@media(max-width: 767px){
    h2{ font-size: 24px!important; line-height: 30px!important; }
    .offer-section .what-we-offer-content .col-sm-4{ width: 100% }
    .service-offered-sec .pwa-development-sec{ padding: 8px 8px 8px 16px; }
    .service-offered-sec .pwa-development-sec a { padding: 0px 14px;}
    .service-offered-sec .inner-sec .inner-apps{ padding: 0 40px; }
    .service-offered-sec .pwa-development-sec h3{ font-size: 16px; line-height: 30px; margin-bottom: 15px; }
    .service-offered-sec .pwa-development-sec a { padding: 10px 20px; font-size: 14px; line-height: 30px;}
    .service-offered-sec .pwa-development-sec{ border-radius: 10px; display: block; text-align: center; top: -135px; padding: 20px; }
    .top-header-sec .inner-banner .slider-img img { max-width: 280px;}

    .menu-right .top-header-right{ margin-right: 10px; }
    .case-study-banner .slider-text h1{ margin-bottom: 15px; line-height: 20px!important; }
    .case-study-banner .slider-text h4 { font-size: 18px; line-height: 22px;}
    .case-study-results .content-sec ul li { text-align: left; display: block;}
    .case-study-solution .content p { font-size: 16px;}
    .case-study-laptop .challeges-sec { padding: 20px;}
    .case-study-laptop .challeges-sec h3{ line-height: 30px; } 
    .case-study-below ul li:nth-child(3) h3 { margin-bottom: 15px;}

    .main-content-section .inner-banner{background-position:right;background-size:cover}
    .api-boxes .api_sec{padding:15px 14px}
    .offer-section{padding-bottom:30px}
    .service-offered-sec .inner-sec{margin-top:0}


    .amazon-banner .slider-text h1 { font-size: 18px!important; line-height: 24px; margin-bottom: 5px;}
    .amazon-banner .slider-text h6 { font-size: 12px; line-height: 18px;}
    .amazon-banner .slider-text{ padding: 15px; }
    .block.amazon-banner-below, .main-content-section .amazon-block-sec, .our-wide-array-section, .our-services-include, .amazon-channel-section { padding: 30px 0;}
    .amazon-boost-sec h2{ display: block; line-height: 26px!important;}
    .amazon-block-sec .img-block img{ margin: 0 auto; width: 100%; }
    .our-services-items ul li{ font-size:16px; line-height:34px; margin-right:0;}
    .seller-central-section .row{ flex-direction: column-reverse; }
    .seller-central-inner{margin:25px 0; }
    .seller-central-inner ul li {display: block; font-size: 16px; line-height:34px;}
    .seller-central-inner p{margin-bottom: 15px; }
    .array-content-box h3 {font-size:20px;}
    .array-content-box{padding:15px; }
    .channel-content-box{padding:20px; }
    .seller-central-img{margin-top:30px;}
    .seller-central-img img{width:100%;}
    .main-content-section .amazon-banner{background-position:30%;}
    .amazon-channel-section h2, .array-heading-sec h2{margin-bottom:20px;}
    .project-portfolio-content ul.slick-dots{transform:translateX(0); text-align:center; bottom:10px;}
    .portfolio-work-slider .portfolio-img .slick-dots{bottom:-23px;}
    .industry-wide-slider .slick-dots{display:none !important;}
    .mykidzday_img,
    .aliagallery_img,
    .Wikicare_img,
    .carqi_img,
    .modern-furniture_img,
    .desire_img,
    .londonfilm_img,
    .stwoven_img,
    .billu_img,
    .babybae_img,
    .giftsonclick_img,
    .lanyardstomorrow_img,
    .wholesalegiftstomorrow_img,
    .giftstomorrow_img,
    .mobilemall_img,
    .naturalquilts_img,
    .contrastliving_img,
    .rugsluxe_img{
        transition:ease all 5s;
    }  
    .slick-slide.slick-current.slick-active .babybae_img, .slick-slide.slick-current.slick-active .giftsonclick_img, 
    .slick-slide.slick-current.slick-active .lanyardstomorrow_img, .slick-slide.slick-current.slick-active .wholesalegiftstomorrow_img, 
    .slick-slide.slick-current.slick-active .giftstomorrow_img, .slick-slide.slick-current.slick-active .mobilemall_img, 
    .slick-slide.slick-current.slick-active .naturalquilts_img, .slick-slide.slick-current.slick-active .contrastliving_img, 
    .slick-slide.slick-current.slick-active .rugsluxe_img{background-position:bottom center; transition:ease all 5s;}
    .banner-slider ul.slick-dots{bottom:5px;}
    .img-responsive{height:auto;}
    .industry-wide-slider .slick-prev, .industry-wide-slider .slick-next{background-color:#19aded; background-position:center center !important; border-radius: 4px;}
    .services-block .icon-block, .whyus-block .icon-outer {min-height: auto !important;}
    .social-chat-btn {right:0; left:4px;}
    .review-section-logo ul li img{margin:auto;}
    .slick-initialized .slick-slide.slick-current.slick-active .work-info {
    position: relative;
}
.latest-work-slider .slick-prev{
    left:10px;
    background-color: #19aded;
    z-index: 9;
    text-align: center;
    background-position: center;
    border-radius: 4px;
}
.latest-work-slider .slick-next{
    right:10px;
    background-color: #19aded;
    z-index: 9;
    text-align: center;
    background-position: center;
    border-radius: 4px;
}
.latestwork-block .work-info {
    min-height:155px;
}
a.toggle-menu {
    top: 10px;
}
body .menu-right .top-header-right {
    top: 32px;
}
.projects-we-do-sec .ui-group .button-group{
    width: 100%;
}
.projects-we-do-sec .filters .button-group .button{
    width: auto;
}
.projects-we-do-sec .portfolio{
    margin-top: 22px;
}
body h2.section-title{
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 22px !important;
}
.banner-below-block.block{
    padding-bottom: 20px;
}
.whyus-block .inner-content{
    padding-top: 0;
}
.icon-block .icon-tittle{
    font-size: 15px;
    margin-top: 8px;
    display: block;
}
.tabs-custom-wrapper .nav-tabs {
    width: 65%;
}
.tect-staff-section .tabs li {
    border-right: 0;
    border-bottom: 2px solid #fff;
    padding-bottom: 12px;
    margin-bottom: 12px;
    width:100%;
}
.tect-staff-section .tabs li:last-child{
    padding-bottom:0px;
    margin-bottom:0px;
}
.icon-block .icon{
    height:auto;
}
.review-section-logo ul li img{
    max-width:200px;
}
body .review-section-logo ul li{
    margin:0 1% 15px;
    width:48%;
}
.tect-staff-section .img-responsive {
    max-width: 400px;
    margin:0 auto 20px;
}
.tect-staff-section .text-center + .row {
    flex-direction: column-reverse;
    display: flex;
    flex-wrap: wrap;
}
.tect-staff-section h3 {
    font-size: 18px;
    font-weight: 600;
}
.technologies-row h4 {
    text-align: center;
}
.our-services-items ul li img{
    margin-right: 8px;
}
.our-services-items ul li{
    line-height: normal;
    margin-right: 0;
    display: flex;
    align-items: start;
    margin-bottom: 10px;
}
}
@media(max-width: 481px){
    .service-offered-sec .inner-sec .inner-apps{padding:0;} 
    .service-offered-sec .inner-sec{margin-top:40px;}
    .service-offered-sec .pwa-development-sec{top:-192px;}
    .service-offered-sec .inner-sec .inner-apps h4{line-height:34px; font-size:22px;}
    .review-section-left h3 {line-height:35px;}
    .review-section-left h3 br{display:none;}
    .menu-right{width:20%!important;}
    .portfolio .projects{box-shadow:0 0 5px rgb(0 0 0 / 20%); width:48%; margin:0 1% 2%;}
    body .logo-sec {
        max-width: 50%;
    }
    body .menu-right .top-header-right {
        top: 29px;
        width: 130px;
    }
    .menu-right a {
        font-size: 13px;
    }
    .latestwork-block .work-info h3 a {
        font-size: 20px;
        word-break: break-word;
    }
    .projects-we-do-sec .filters .button {
        padding: 17px 9px 20px;
    }
    .projects-we-do-sec .filters .button-group .button{
        width: auto !important;
    }
    .inner-banner .slider-img img{
        max-width:80%;
        margin:auto;
    }
    .review-section-logo ul li img{
        max-width:200px;
    }
    .industry-wide-slider{
        margin-top:20px;
    }
    .tabs-custom-wrapper .nav-tabs>li>a{
        padding:10px 8px;
        font-size:14px;
    }
    a.toggle-menu {
        padding: 18px 14px;
        font-size: 20px !important;
    }
    body .review-section-logo ul li{
        margin:0 0 15px;
        width:100%;
    }
    div#clutch-reviews {
        padding-bottom: 0;
    }
    .like-our-work-new0 {
        padding-top: 20px;
    }
    .tect-staff-section .img-responsive {
        margin: 0 auto 20px;
    }
    .tect-staff-section .img-responsive {
        max-width: 100%;
    }
}