@media screen and (min-width:1501px) and (max-width:1920px) {
    .webintor-content p {
        max-width: 77%
    }

    .sem-marketing-goal .integration-right {
        padding: 1.5em 0 1.5em 4em
    }
}

@media screen and (min-width:1367px) and (max-width:1920px) {
    .introsec-left {
        width: 35%;
        float: left
    }

    .introsec-right {
        width: 65%;
        float: right
    }
}

@media screen and (max-width:1600px) {
    body {
        font-size: 90%
    }

    .webservice-intro h1 {
        max-width: 70%;
        font-size: 90px;
        line-height: 80px
    }

    .webservice-intro .col-md-5 {
        width: 45%
    }

    .webservice-intro .col-md-7 {
        width: 55%
    }
}

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

    .menufooter-widget h6,
    .address-widget address {
        margin: 0 0 10px
    }

    .menu-btn .menu-items li h6 {
        padding-bottom: 15px
    }

    .menu-contact-details p {
        margin: 0 0 5px
    }

    .menu-btn .full-main-menu li a,
    .menu-btn .menu-items li h6,
    .menu-contact-details p span {
        font-size: 20px
    }

    body {
        font-size: 90%
    }

    .webservice-intro h1 {
        margin: 0 0 50px;
        max-width: 75%
    }

    .webservice-intro .col-md-1 {
        width: 10%
    }

    .webservice-intro .col-md-11 {
        width: 90%
    }

    .explore-bg-img img {
        max-width: 70%
    }

    .webservice-intro .col-md-5 {
        width: 53%
    }

    .webservice-intro .col-md-7 {
        width: 47%
    }

    .wrapper-left,
    .wrapper-right {
        max-width: 100%;
        width: 85%
    }

    .integration-right {
        padding: 1.5em 0 1.5em 4em
    }

    .integration-left,
    .dotnet-appln-inte-right {
        width: 50%
    }

    .integration-right,
    .dotnet-appln-inte-left {
        width: 50%
    }

    .androidapp-left {
        width: 56%
    }

    .androidapp.integration-right {
        width: 44%;
        padding: 6.5em 0 2.5em 6em
    }

    .webdev-img-left {
        width: 56%
    }
}

@media screen and (max-width:1440px) {
    .webintor-content {
        padding: 0 0 0 30px
    }

    .explore-work .explore-content {
        width: 36%;
        transform: translate(-75%, -65%)
    }

    .explore-content p {
        max-width: 96%
    }

    .webimgsec {
        height: 430px
    }

    .morespace {
        margin: 50px 0 0
    }

    .explore-bg-img {
        background-position: 70% top
    }

    .explore-work {
        padding-top: 0
    }

    header .wrapper,
    .menu-btn .wrapper {
        padding: 0 50px
    }

    .webservice-intro .col-md-1 {
        width: 0
    }

    .webservice-intro .col-md-11 {
        width: 1040px;
        padding-left: 0;
        float: none;
        margin: 0 auto
    }

    .webservice-intro ul li {
        margin: 0 0 30px
    }

    .webservice-intro .col-md-7 ul p,
    .webintor-content p {
        max-width: 100%
    }

    .react-application.native-left {
        height: 430px
    }

    .app-section p {
        margin-left: -15px
    }

    .androidapp-development ul li,
    .webservice-intro ul li:last-child {
        margin: 0 17px 32px
    }

    .service-reactnative ul li:last-child {
        margin: 0 0 32px
    }

    .androidapp-right-img {
        margin: 0
    }

    .androidapp-development {
        margin: 0 0 5em;
        padding-top: 2%
    }

    .list-item-androidapp li {
        margin: 0 0 15px !important
    }
}

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

    header .wrapper,
    .menu-btn .wrapper,
    .introduction-sec .wrapper {
        max-width: 100%;
        padding: 0 50px
    }

    .fullwidth-menufooter {
        padding: 20px 0
    }

    .full-width-menu {
        padding: 20px 0 10px
    }
}

@media screen and (max-width:1366px) {
    h1 {
        font-size: 70px;
        line-height: 60px
    }

    h2 {
        font-size: 50px
    }

    h3 {
        font-size: 50px
    }

    h4 {
        font-size: 28px
    }

    h5,
    h5.regular {
        font-size: 24px
    }

    .content-blocks h3 {
        margin: 0 0 20px;
        line-height: 50px
    }

    .content-blocks h2 {
        margin: 0 0 20px
    }

    .webservice-intro .col-md-7 ul p {
        max-width: 100%%
    }

    .content-blocks h3 {
        line-height: 40px
    }

    h3 {
        font-size: 40px
    }

    .explore-work .explore-content {
        width: 38%
    }

    .link-more-space {
        margin-top: 40px;
        margin-top: 20px
    }

    .menu-contact-details p span {
        padding-bottom: 5px
    }

    .menu-btn .full-width-menu li>a {
        margin: 0 0 13px
    }

    .menu-btn .full-main-menu li a {
        padding-bottom: 34px;
        margin: 0
    }

    .wrapper-left,
    .wrapper-right {
        max-width: 100%;
        width: 88%
    }

    .app-section p {
        margin-left: -23px
    }

    .androidapp-development h2 {
        margin: 0 0 40px
    }
}

@media screen and (max-width:1280px) {
    .explore-work .col-md-2 {
        width: 10%
    }

    .explore-work .col-md-10 {
        width: 90%
    }

    .webintor-content {
        padding: 0 0 0 20px;
        width: 82%
    }

    .content-blocks p {
        margin: 0 0 20px
    }

    .header-menu ul>li {
        padding: 0 20px
    }

    .wrapper-left,
    .wrapper-right {
        max-width: 100%;
        width: 89.5%
    }
}

@media (max-width: 1250px) {
    .logo-history .concepts-list li {
        text-align: left
    }

    .header-menu ul>li>a {
        font-size: 15px
    }

    .logo-history .concepts-list li::after {
        right: 40px
    }

    .logo-history .concepts-list li:nth-child(2)::after {
        right: 15px
    }

    .logo-history .branding {
        height: 810px
    }

    .logo-history .conclusion .title-sm {
        font-size: 70px
    }

    .logo-history .conclusion p {
        margin: 30px 0
    }

    .logo-history .banner-brief h1 {
        font-size: 100px;
        line-height: 82px
    }

    .logo-history .banner-brief p {
        margin: 26px 0 0
    }

    .logo-history .banner-brief {
        padding: 5em 0
    }
}

@media screen and (max-width: 1152px) {
    .content-blocks {
        padding: 30px 0
    }

    .explore-work {
        padding-top: 0
    }
}

@media (max-width: 1100px) {
    .logo-history .wrapper {
        padding: 0 30px
    }
}

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

    .wrapper,
    .container {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 15px
    }
}

@media screen and (max-width: 1024px) {
    .webdev-img-left {
        width: 100%;
        background: url(../webdev-img.html) no-repeat center
    }

    .webdev-txt-left {
        width: 100% !important;
        padding: 2em 0 2.5em 4em !important
    }

    .webdev-icon-sec {
        margin: 0 !important
    }

    .service-webdev-section {
        margin: 0
    }

    .webdev-list h4 {
        font: 23px/30px Proximanova-Regular
    }

    .web-dev-sec p {
        font: 25px/36px Proximanova-Regular
    }

    .web-dev-sec {
        margin: 0 0 4em
    }

    .webdev-eng-sec {
        margin: 1em 0 0 !important
    }

    .webdev-dev-para {
        margin: 1em 0 !important
    }

    .webdev-eng-sec p:nth-child(3) {
        margin: -.6em 0 0
    }

    .webdev-dev-para p:nth-child(2),
    .webdev-txt-left p:nth-child(3) {
        margin: 9px 0 0
    }

    .webdev-eng-sec .requirement-list {
        margin: 3em 0 0
    }

    .webdev-blazeoffer {
        margin: 3em 0 1em
    }

    .webservice-intro h1 {
        margin: 0 0 30px;
        max-width: 65%;
        font-size: 60px;
        line-height: 55px
    }

    .main-case-img img {
        height: 100%
    }

    .banner-content {
        left: 13%
    }

    h1 {
        font-size: 60px;
        line-height: 50px
    }

    h2 {
        font-size: 40px
    }

    h3 {
        font-size: 30px
    }

    h4 {
        font-size: 24px
    }

    h5,
    h5.regular,
    a.white-btn {
        font-size: 20px
    }

    h6.extrasize {
        font-size: 20px
    }

    p,
    a.link-text,
    .list-item-blk li {
        font-size: 16px
    }

    .footermenu-section ul li a,
    .copyright-section p,
    .copyright-section p a {
        font-size: 14px
    }

    .menu-btn .full-main-menu li a,
    .menu-btn .menu-items li h6,
    .menu-contact-details p span {
        font-size: 18px
    }

    .explore-content p {
        max-width: 100%
    }

    .content-blocks h3 {
        margin-right: 40px
    }

    .clients-inner ul li {
        margin-bottom: 85px
    }

    .menu-social-widget .social-links li.printerest {
        margin-left: 8px;
        clear: none
    }

    .menu-social-widget .social-links li.linkedin,
    .menu-social-widget .social-links li.stumble {
        margin-left: 0;
        clear: left
    }

    .home-testimonial h5.regular {
        font-size: 20px
    }

    .webservice-intro ul li span.sprite {
        width: 62px;
        height: 62px
    }

    .webservice-intro ul li span.service-icon1 {
        background-position: -17px -493px
    }

    .webservice-intro ul li span.service-icon2 {
        background-position: -101px -495px
    }

    .webservice-intro ul li span.service-icon3 {
        background-position: -198px -497px
    }

    .webservice-intro ul li span.service-icon4 {
        background-position: -294px -494px
    }

    .webservice-intro ul li span.service-icon5 {
        background-position: -19px -587px
    }

    .webservice-intro ul li span.service-icon6 {
        background-position: -140px -584px
    }

    .webintor-content {
        width: 80%
    }

    .morespace {
        margin: 22px 0 0
    }

    .webservice-intro .col-md-7 ul p {
        max-width: 100%
    }

    .webintor-content p {
        max-width: 90%
    }

    .webservice-intro .col-md-7 {
        width: 40%
    }

    .webservice-intro .col-md-11 {
        width: 90%
    }

    .explore-bg-img {
        background-position: 55% top
    }

    .footer-contact p a {
        word-break: break-word
    }

    html,
    body {
        overflow-x: hidden
    }

    h1.title-little {
        font-size: 70px;
        line-height: 60px
    }

    .space-sec {
        margin: 3em 0
    }

    .blae-royal-slider {
        margin: 3em 0 0
    }

    .space-bottom-sec {
        margin: 0 0 3em
    }

    .space-top-sec {
        margin: 3em 0 0
    }

    .wrapper-left {
        width: 100%;
        padding-right: 15px
    }

    .wrapper-right {
        width: 100%;
        padding-left: 15px
    }

    .two-divide-list li {
        width: 43%
    }

    .dotnet-img-sec,
    .ios-blk-img-sec,
    .mobapp-blk-img-sec,
    .requirement-blk-img-sec,
    .androidapp-dev-img-sec,
    .requirement-blk-img2-sec,
    .ios-img-sec,
    .content-mark-bg,
    .html-intro,
    .seo-img-sec,
    .sem-img-sec,
    .smm-img-sec {
        height: 500px
    }

    .webdev-blk-img-sec {
        height: 500px;
        background-size: cover
    }

    .cm-flow-txt {
        width: 67%
    }

    .bottom-space {
        margin: 0 0 50px
    }

    .seo-left-sec h3.small {
        line-height: 45px;
        max-width: 100%;
        margin: 20px 0 0
    }

    .seo-flow-sec li {
        margin: 50px 0 0
    }

    .smm-flow-txt {
        width: 67%
    }

    .smm-flow-txt p {
        max-width: 85%
    }

    .smm-flow-sec li {
        margin: 3em 0 0
    }

    .smm-left-sec {
        margin: 6em 0 0
    }

    .service-angular-txt {
        padding: 0 0 0 10px
    }

    .req-flow-txt {
        width: 62%
    }

    .req-engineering {
        margin: 2em 0 3em !important
    }

    .react-numsec {
        margin: 0 0 3em
    }

    .service-react {
        background: url(../reactnative.html) no-repeat;
        height: 300px;
        background-size: cover
    }

    .text-around-circle li.circle-list5 {
        -webkit-transform: translate(-1%, 114%)
    }

    .mobapp-business {
        margin: 0 0 1em
    }

    p.mobapp-para {
        margin: 0
    }
}

@media screen and (max-width: 1023px) {
    h3.delivers {
        font-size: 34px !important;
        margin: 1em 0
    }

    .webservice-intro h1,
    h1 {
        font-size: 40px;
        line-height: 36px;
        letter-spacing: -1.5px;
        margin: 0 0 15px
    }

    .brand-indentity-slider h2 {
        font-size: 34px;
        line-height: 35px
    }

    .inner-page h3 {
        font-size: 30px
    }

    .brand-indentity-slider .blae-royal-slider.rsDefault .rsThumb {
        width: 200px;
        left: 20px
    }

    .brand-indentity-intro {
        background: url(../png/brand-indentity-banner.png) no-repeat center center;
        height: 500px;
        width: 100%
    }

    .brand-indentity-bannertwo {
        background: url(../png/brand-indentity-banner2.png) no-repeat center center;
        height: 500px;
        width: 100%
    }

    .app-main-banner {
        background: url(../jpg/bannerbg.jpg) no-repeat center center;
        height: 500px;
        width: 100%
    }

    .space-sec {
        margin: 1em 0
    }

    .content-blocks {
        padding: 15px 0
    }

    .list-item-blk.cross-listitem li {
        margin-left: 12px;
        width: 40%
    }

    .mob-re-engineering-banner {
        background: url(../jpg/bannerbg-4.jpg) no-repeat center center;
        height: 500px;
        max-width: 100%;
        background-size: cover
    }

    .mob-conversion-banner {
        background: url(../jpg/bannerbg-3.jpg) no-repeat center center;
        height: 500px;
        max-width: 100%;
        background-size: cover
    }

    .dedicated-hiring-intro {
        background: url(../png/dedicated-banner.png) no-repeat;
        height: 500px;
        max-width: 100%;
        background-size: cover
    }

    .dedicated-banner-two {
        background: url(../png/dedicated-banner-two.png) no-repeat;
        height: 500px;
        max-width: 100%;
        background-size: cover
    }

    .dedicated-supportbusiness h2 {
        font-size: 32px;
        color: #000
    }

    .php-second-banner {
        background: url(../jpg/bannerbg-6.jpg) no-repeat center center;
        height: 500px;
        max-width: 100%;
        background-size: cover
    }

    .php-banner {
        background: url(../jpg/bannerbg-5.jpg) no-repeat center center;
        height: 500px;
        max-width: 100%;
        background-size: cover
    }

    .mobapp-img-sec {
        height: 500px;
        background-size: cover;
        width: 100%;
        background: url(../mobapp-bg.html) no-repeat center center
    }

    .html-service-slider.php-expert-slider .owl-next {
        right: -49px;
        background-size: 60px
    }

    .html-service-slider.php-expert-slider .owl-prev {
        left: -47px;
        background-size: 60px
    }

    .banner-content h2 {
        font-size: 2.6em
    }

    .banner-section .banner-content {
        margin: -3em auto 0
    }

    ul.main-menu {
        display: none
    }

    .webservice-intro h1 {
        max-width: 80%;
        letter-spacing: -1.5px
    }

    .footermenu-section .footermenu-width4 {
        width: 20%;
        padding-right: 0
    }

    .footermenu-section .footermenu-width2 {
        width: 25%
    }

    .footermenu-section .footermenu-width1 {
        width: 12%
    }

    .webservice-intro .col-md-7,
    .webservice-intro .col-md-5 {
        width: 50%
    }

    .content-blocks p {
        margin: 0 0 20px;
        max-width: 100%
    }

    .webintor-content h4 {
        letter-spacing: -.5px
    }

    .webservice-intro .col-md-7 ul p {
        max-width: 98%;
        padding-right: 15px
    }

    .link-more-space {
        margin-top: 18px
    }

    .webservice-intro .col-md-11 {
        width: 98%
    }

    ul.social-links li.youtube a:after {
        left: 4px
    }

    ul.social-links li.twitter a::after {
        left: 5px
    }

    ul.social-links li a {
        width: 20px;
        height: 20px
    }

    ul.social-links li {
        margin-left: 3px
    }

    ul.social-links li a:after {
        left: 5px;
        top: 5px
    }

    .footer-location a {
        font-size: 10px
    }

    .footermenu-section ul li a,
    .copyright-section p,
    .copyright-section p a {
        font-size: 12px
    }

    .footer-location li {
        padding: 0 9px
    }

    .content-blocks h3 {
        line-height: 30px
    }

    .content-blocks p {
        line-height: 26px
    }

    .footer-contact p a {
        font-size: 12px
    }

    .webintor-content p {
        line-height: 20px
    }

    .explore-work .explore-content {
        width: 45%
    }

    .location-bottom .address-widget {
        width: 30%
    }

    header .wrapper,
    .menu-btn .wrapper,
    .introduction-sec .wrapper {
        max-width: 100%;
        padding: 0 20px
    }

    .menu-btn .full-main-menu li a,
    .menu-btn .menu-items li h6,
    .menu-contact-details p span {
        font-size: 15px
    }

    .menu-contact-details {
        width: 17%
    }

    .full-tech-menu {
        width: 15%
    }

    .service-full-menu {
        width: 53%
    }

    .full-main-menu {
        width: 13%
    }

    .menu-btn .full-width-menu li a,
    .menu-contact-details p a,
    .menufooter-widget h6 {
        font-size: 14px
    }

    .menu-social-widget {
        width: 20%
    }

    .menu-copyright-widget {
        width: 20%
    }

    .address-widget address,
    .menufooter-widget p,
    .menufooter-widget p a,
    .address-widget p,
    .address-widget a {
        font-size: 12px
    }

    .menu-social-widget .social-links li.printerest {
        margin-left: 0;
        clear: left
    }

    .menu-social-widget .social-links li.linkedin,
    .menu-social-widget .social-links li.stumble {
        margin-left: 8px;
        clear: none
    }

    ul.social-links li.stumble a::after {
        left: 3px
    }

    .deskdiv .full-width-menu {
        padding: 50px 0 10px
    }

    .main-container {
        margin: 8em 0 0
    }

    h6.semibold,
    h1.page_title {
        font-size: 17px
    }

    p.intro-small-title {
        font-size: 11px
    }

    .introsec-right h2, .introsec-right h1 {
        max-width: 100%;
        font-size: 34px
    }

    .innersection p {
        line-height: 24px;
        margin: 15px 0 0
    }

    .numbered-txt p {
        margin: 5px 0 20px
    }

    .introsec-right p {
        max-width: 100%
    }

    .blae-royal-slider .process-list {
        margin: 3em auto 0;
        width: 100%
    }

    .ios-framework h5 {
        margin: 20px 0 0;
        font-size: 20px
    }

    .ui-prototype .dotnet-appln-inte-left {
        padding-bottom: 25px
    }

    .two-divide-list li {
        width: 41%
    }

    .eclipse-sec {
        margin: 80px 0 0
    }

    .text-around-eclipse li p {
        font-size: 18px
    }

    .eclipse-sec img {
        max-width: 50%
    }

    .circle-sec {
        margin: 80px 0 0
    }

    .text-around-circle li p {
        font-size: 18px;
        padding-bottom: 12px;
        padding-top: 10px
    }

    .circle-sec img {
        max-width: 50%
    }

    .text-around-circle li.circle-list2 {
        transform: translate(75%, 64%);
        -webkit-transform: translate(75%, 64%)
    }

    .text-around-circle li.circle-list3 {
        transform: translate(69%, 150%);
        -webkit-transform: translate(69%, 150%)
    }

    .text-around-circle li.circle-list5 {
        transform: translate(14%, 64%);
        -webkit-transform: translate(14%, 64%)
    }

    .text-around-circle li.circle-list4 {
        transform: translate(19%, 150%);
        -webkit-transform: translate(19%, 150%)
    }

    li.circle-list1 p {
        padding-top: 2px
    }

    .androidapp-listitem {
        margin: 12px 13px 30px 49px
    }

    .circle-list2 .androidapp-listitem li:nth-child(4n + 2),
    .circle-list3 .androidapp-listitem li:nth-child(4n + 2),
    .circle-list4 .androidapp-listitem li:nth-child(4n + 2),
    .circle-list5 .androidapp-listitem li:nth-child(4n + 2),
    .circle-list6 .androidapp-listitem li:nth-child(4n + 2) {
        padding-top: 20px
    }

    .circle-list2 .androidapp-listitem li:nth-child(4n + 2):before,
    .circle-list3 .androidapp-listitem li:nth-child(4n + 2):before,
    .circle-list4 .androidapp-listitem li:nth-child(4n + 2):before,
    .circle-list5 .androidapp-listitem li:nth-child(4n + 2):before,
    .circle-list6 .androidapp-listitem li:nth-child(4n + 2):before {
        top: 21px
    }

    .circle-list2 .androidapp-listitem li:nth-child(4n + 3),
    .circle-list3 .androidapp-listitem li:nth-child(4n + 3),
    .circle-list4 .androidapp-listitem li:nth-child(4n + 3),
    .circle-list5 .androidapp-listitem li:nth-child(4n + 3),
    .circle-list6 .androidapp-listitem li:nth-child(4n + 3) {
        padding-top: 20px
    }

    .circle-list2 .androidapp-listitem li:nth-child(4n + 3):before,
    .circle-list3 .androidapp-listitem li:nth-child(4n + 3):before,
    .circle-list4 .androidapp-listitem li:nth-child(4n + 3):before,
    .circle-list5 .androidapp-listitem li:nth-child(4n + 3):before,
    .circle-list6 .androidapp-listitem li:nth-child(4n + 3):before {
        top: 23px
    }

    .circle-list2 .androidapp-listitem li:nth-child(4n + 4),
    .circle-list3 .androidapp-listitem li:nth-child(4n + 4),
    .circle-list4 .androidapp-listitem li:nth-child(4n + 4),
    .circle-list5.androidapp-listitem li:nth-child(4n + 4),
    .circle-list6 .androidapp-listitem li:nth-child(4n + 4) {
        padding-top: 20px
    }

    .circle-list2 .androidapp-listitem li:nth-child(4n + 4):before,
    .circle-list3 .androidapp-listitem li:nth-child(4n + 4):before,
    .circle-list4 .androidapp-listitem li:nth-child(4n + 4):before,
    .circle-list5 .androidapp-listitem li:nth-child(4n + 4):before,
    .circle-list6 .androidapp-listitem li:nth-child(4n + 4):before {
        top: 23px
    }

    li.circle-list1 p {
        padding-top: 11px
    }

    .text-around-eclipse li.ec-list2 {
        transform: translate(75%, 64%);
        -webkit-transform: translate(75%, 64%)
    }

    .text-around-eclipse li.ec-list3 {
        transform: translate(69%, 150%);
        -webkit-transform: translate(69%, 150%)
    }

    .text-around-eclipse li.ec-list5 {
        transform: translate(14%, 64%);
        -webkit-transform: translate(14%, 64%)
    }

    .text-around-eclipse li.ec-list4 {
        transform: translate(19%, 150%);
        -webkit-transform: translate(19%, 150%)
    }

    .cms-intro .cms-icon {
        width: 165px;
        height: 165px;
        background-size: 60%
    }

    .web-app-modern {
        margin: 40px 0 0
    }

    .list-item-blk li {
        width: 40%
    }

    .list-item-blk.one-by-one-list li {
        width: calc(100% - 60px)
    }

    .introsec-right {
        width: 58%
    }

    .introsec-left {
        width: 42%
    }

    .cm-info-right {
        width: 60%
    }

    .cm-info-left {
        width: 40%
    }

    .cm-flow-img,
    .seo-flow-sec li img,
    .sem-flow-img,
    .sem-flow-img {
        width: 110px
    }

    .seo-left-sec h3.small {
        line-height: 38px;
        font-size: 30px;
        margin: 25px 0 0
    }

    .smm-left-sec {
        margin: 1em 0 0
    }

    #smm-slider.blae-royal-slider.rsDefault .rsThumb {
        width: 160px
    }

    .androidapp-list-sec {
        width: 25%
    }
}

@media screen and (max-width: 1024px) and (min-width: 992px) {
    .mobapp-expertise ul li {
        margin-left: 80px
    }
}

@media (max-width: 979px) {
    .logo-history .banner-brief {
        padding: 8em 0
    }

    .logo-history .banner-brief h1 {
        font-size: 80px;
        line-height: 67px
    }

    .logo-history .history-brief .item-body {
        width: 70%
    }

    .logo-history .concepts-list ul li {
        font-size: 18px
    }

    .logo-history .item-body {
        padding: 16% 0
    }

    .logo-history .branding {
        height: 680px
    }

    .logo-history p {
        font-size: 23px;
        line-height: 30px
    }

    .logo-history .grid-process .logo-coln img {
        width: 240px
    }

    .logo-history .evolution .logo-list img {
        width: 280px
    }

    .logo-history .title-xs {
        font-size: 40px;
        line-height: 36px
    }

    .logo-history .transform-list li img {
        width: 150px
    }

    .logo-history .conclusion .title-sm {
        font-size: 60px;
        line-height: 54px
    }

    .logo-history .evolution .logo-99,
    .logo-history .evolution .logo-18 {
        margin-top: 28%
    }

    .logo-history .conclusion .list-item ul li {
        width: 40%
    }

    .logo-history .concepts-title p {
        font-size: 24px;
        line-height: 31px;
        margin: 45px 0 0
    }

    .mobapp-flow-section {
        margin: 0 0 3em
    }

    .mobapp-business {
        margin: -2em 0 2em
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    .webdev-list li {
        width: 49%
    }

    .service-webdev-section {
        margin: 0
    }

    .webdev-eng-sec p:nth-child(3) {
        margin: 8px 0 0
    }

    li.dedicated-row:nth-child(3) {
        clear: both
    }

    .web-dev-sec p {
        font: 21px/29px Proximanova-Regular
    }

    li.apple-logo {
        padding-left: 7.8em
    }

    li.android-logo {
        margin-left: 7.3em !important
    }

    .circle-sec {
        margin: 6px 0 0
    }

    .req-flow-txt {
        width: 49%
    }

    .requirement-eng-txt {
        width: 61%;
        padding: 0 0 0 18px
    }

    .circle-sec img {
        display: none
    }

    .text-around-circle {
        position: relative;
        top: auto;
        left: auto;
        right: auto
    }

    .text-around-circle li {
        position: relative;
        width: 90%;
        height: auto;
        transform: none !important;
        -webkit-transform: none !important;
        text-align: left !important;
        margin: 0
    }

    .req-lable p:nth-child(4n + 2),
    .req-lable p:nth-child(4n + 3) {
        margin: 15px 0 29px
    }
}

@media screen and (max-width: 767px) {
    .webdev-eng-sec ul li {
        width: 100%
    }

    .service-webdev-section {
        margin: 1em 0 3em
    }

    .webdev-blk-img-sec {
        margin: 2em 0
    }

    ul.numbered-list.dedicated-hiring-list.webdev-list {
        margin: 1em 0 2em
    }

    .webdev-list .list-item-blk {
        margin: 26px 0 0
    }

    .web-dev-sec p {
        font: 19px/29px Proximanova-Regular !important
    }

    .web-dev-sec {
        margin: 0 0 3em
    }

    .service-webdev-section {
        margin: 1em 0 0
    }

    .webdev-blazeoffer {
        margin: 3em 0 1em
    }

    .requirement-eng-txt {
        padding: 0 0 0 19px !important;
        text-align: left !important
    }

    .req-lable p:nth-child(4n + 2),
    .req-lable p:nth-child(4n + 3) {
        margin: 15px 0 29px
    }

    .req-lifecycle {
        padding: 0 0 0 20px !important
    }

    .req-flow-img {
        width: 150px;
        float: left;
        margin-right: 7em
    }

    .text-around-circle span {
        display: inline-block
    }

    .androidapp-listitem li:nth-child(4n + 2) {
        padding-top: 23px
    }

    .androidapp-listitem li:nth-child(4n + 2):before {
        top: 27px
    }

    .androidapp-listitem li:nth-child(4n + 3) {
        padding-top: 20px
    }

    .androidapp-listitem li:nth-child(4n + 3):before {
        top: 24px
    }

    .androidapp-listitem li:nth-child(4n + 4):before {
        top: 22px
    }

    .text-around-circle span {
        display: inline-block
    }

    .androidapp-listitem li:nth-child(4n + 4) {
        padding-top: 18px
    }

    .foot-logo-blz a img {
        max-width: 100px !important;
        margin-top: 15px
    }

    .address-widget.menufooter-widget div {
        margin: 0 14%
    }

    .menu-btn li a:hover {
        color: #fff !important
    }

    .menu-btn .full-width-menu li a:hover,
    .menu-contact-details p a:hover,
    .address-widget a:hover,
    .menufooter-widget p a:hover,
    .menu-btn .full-width-menu li .sticky-sub-menu li a:hover,
    .location-bottom .address-widget a:hover {
        color: #fff
    }

    .mobilediv .menu-contact-details p a {
        font-size: 20px
    }

    .mobilediv .menu-items ul li a {
        font-size: 24px;
        padding-bottom: 12px
    }

    .menu-btn .address-widget address,
    .address-widget p {
        font-size: 14px;
        line-height: 22px
    }

    .menu-btn .full-width-menu li .sticky-sub-menu li a,
    .menu-btn .full-width-menu li .sticky-sub-menu li,
    .menu-btn .full-width-menu li .sticky-sub-menu li ul li a {
        font-size: 16px
    }

    .menu-btn .mobilediv .menu-contact-details p span,
    .menu-btn .mobilediv .menufooter-widget h6 {
        font-size: 14px;
        color: #852d13;
        margin-bottom: 8px;
        font-family: Proximanova-Regular
    }

    .header-menu ul>li.has-submenu>a:after {
        top: 15px
    }

    .menu-btn .menu-copyright-widget p,
    .menu-btn .menu-copyright-widget a,
    .menu-btn .mobilediv .menufooter-widget.menu-copyright-widget p a {
        font-size: 14px;
        color: #852d13
    }

    .mobilediv .menu-items.menu-contact-details {
        margin: 10px 0 0
    }

    .fullwidth-menufooter {
        padding: 15px 0 0
    }

    .logo-history .banner-brief h1 {
        font-size: 66px;
        line-height: 56px
    }

    .logo-history .banner-brief p {
        font-size: 24px;
        line-height: 27px
    }

    .logo-history .banner-brief h1 {
        font-size: 70px;
        line-height: 60px
    }

    .logo-history .banner-brief p {
        font-size: 26px;
        line-height: 29px;
        margin: 22px 0 0
    }

    .logo-history .title-sm {
        font-size: 64px;
        line-height: 60px
    }

    .logo-history .concepts-title p {
        font-size: 24px;
        line-height: 33px
    }

    .logo-history .concepts-list ul li {
        font-size: 17px;
        line-height: 19px
    }

    .logo-history .concepts-title p {
        font-size: 21px;
        line-height: 26px;
        margin: 37px 0 0
    }

    .logo-history .concepts-list ul li:nth-child(n+3) {
        padding-left: 3%
    }

    .logo-history .concepts-list ul li:last-child {
        padding-left: 12%;
        text-align: right
    }

    .logo-history .grid-process .logo-coln img {
        width: 190px
    }

    .logo-history p {
        font-size: 21px;
        line-height: 27px
    }

    .logo-history .branding {
        height: 550px
    }

    .logo-history .evolution .logo-list img {
        width: 250px
    }

    .logo-history .evolution .logo-99 img {
        width: 200px
    }

    .logo-history .evolution .logo-18 img {
        width: 270px
    }

    .logo-history .title-xs {
        font-size: 36px;
        line-height: 30px
    }

    .logo-history .transform-list li img {
        width: 130px
    }

    .logo-history .transform-list li span {
        font-size: 18px;
        line-height: 23px
    }

    .logo-history .conclusion .title-sm {
        font-size: 50px;
        line-height: 44px
    }

    .logo-history .logo-small .item-body::before {
        left: 45%
    }

    .logo-history .conclusion .list-item ul li {
        font-size: 17px;
        line-height: 27px;
        margin-left: 44px
    }

    .logo-history .wrapper {
        padding: 0 20px
    }

    .introsec-left,
    .introsec-right {
        width: 100%
    }

    .introsec-left {
        margin: 0 0 2em
    }

    .main-container {
        margin: 7.25em 0 0
    }

    .blae-royal-slider .process-list {
        margin: 0 auto
    }

    .space-sec {
        margin: 2em 0
    }

    .space-bottom-sec {
        margin: 0 0 2em
    }

    .space-top-sec {
        margin: 2em 0 0
    }

    .blae-royal-slider {
        margin: 2em 0 0
    }

    .androidapp-left {
        height: 464px
    }

    .webdev-img-left {
        height: 161px;
        background-size: cover
    }

    .androidapp.integration-right {
        width: 100%
    }

    .androidapp-dev-head {
        padding-bottom: 55px
    }

    .androidapp.integration-right {
        padding: .5em 0 0 1.5em
    }

    .ios-blk-img-sec,
    .ios-img-sec,
    .ios-int-right,
    .mob-int-right,
    .dotnet-img-sec,
    .dotnet-appln-inte-right,
    .integration-left,
    .html-intro,
    .seo-img-sec,
    .sem-img-sec,
    .smm-img-sec {
        height: 161px;
        background-size: cover
    }

    .ios-blk-img-sec .wrapper,
    .ios-img-sec .wrapper,
    .mobapp-img-sec .wrapper,
    .dotnet-img-sec .wrapper {
        padding: 0
    }

    .integration-left,
    .androidapp-left,
    .integration-right,
    .dotnet-appln-inte-left,
    .dotnet-appln-inte-right {
        width: 100%;
        margin: 0 0 25px
    }

    .webdev-img-left {
        width: 100%;
        margin: 0 0 25px
    }

    .html-right,
    .seo-right-sec,
    .smm-right-sec {
        margin: 0
    }

    .introsec-right,
    .cm-info-left,
    .introsec-left,
    .cm-info-right {
        width: 100%
    }

    .wrapper-right {
        padding-left: 0
    }

    .wrapper-left {
        padding-right: 0
    }

    .dotnet-appln-inte-left,
    .ui-prototype h3,
    .ui-prototype h2,
    .dotnet-appln-integration h3,
    .dedicated-mob-exp h3 {
        padding: 0 20px
    }

    h1.title-little {
        font-size: 55px;
        line-height: 45px;
        letter-spacing: -.5px
    }

    .innersection h2, .innersection h1 {
        letter-spacing: -.5px
    }

    .blae-royal-slider .process-list h3.small {
        margin: 35px 0 10px;
        letter-spacing: -.5px;
        font-size: 17px
    }

    .numbered-list li {
        width: 100%;
        float: left
    }

    .list-item-blk li {
        width: 85%;
        margin-left: 40px
    }

    .list-item-blk.ioslist li {
        width: 50%
    }

    .blae-royal-slider .rsArrow.rsArrowLeft .rsArrowIcn,
    .blae-royal-slider .rsArrow.rsArrowRight .rsArrowIcn {
        width: 50px;
        height: 50px;
        background-size: 100% 100%;
        top: 33%
    }

    #smm-slider.blae-royal-slider .rsArrow.rsArrowLeft .rsArrowIcn,
    #smm-slider.blae-royal-slider .rsArrow.rsArrowRight .rsArrowIcn {
        top: 20%
    }

    .html-service-slider .owl-prev,
    .html-service-slider .owl-next {
        width: 50px;
        height: 50px;
        background-size: 100% 100%;
        top: 45%
    }

    .html-service-flow {
        width: 100%;
        margin: 0 0 30px
    }

    .inner-page h3 {
        font-size: 30px
    }

    .blae-royal-slider .process-list img {
        max-width: 40%
    }

    .long-list-blk li {
        margin-bottom: 20px;
        padding-right: 0
    }

    .eclipse-sec img {
        display: none
    }

    .circle-sec img {
        display: none
    }

    .text-around-eclipse {
        position: relative;
        top: auto;
        left: auto;
        right: auto
    }

    .text-around-eclipse li {
        position: relative;
        width: 90%;
        height: auto;
        transform: none !important;
        -webkit-transform: none !important;
        text-align: left !important;
        margin: 0 0 20px 40px
    }

    .text-around-eclipse span {
        display: inline-block
    }

    .eclipse-sec {
        margin: 30px 0 0
    }

    .circle-sec {
        margin: 6px 0 0
    }

    .text-around-circle {
        position: relative;
        top: auto;
        left: auto;
        right: auto
    }

    .text-around-circle li {
        position: relative;
        width: 90%;
        height: auto;
        transform: none !important;
        -webkit-transform: none !important;
        text-align: left !important;
        margin: 0
    }

    .text-around-circle span {
        display: inline-block
    }

    .androidapp-listitem li:nth-child(4n + 2) {
        padding-top: 23px
    }

    .androidapp-listitem li:nth-child(4n + 3) {
        padding-top: 20px
    }

    .androidapp-listitem li:nth-child(4n + 4) {
        padding-top: 18px
    }

    .androidapp-listitem li:nth-child(4n + 2):before {
        top: 27px
    }

    .androidapp-listitem li:nth-child(4n + 3):before {
        top: 24px
    }

    .androidapp-listitem li:nth-child(4n + 4):before {
        top: 22px
    }

    .requirement-eng-txt {
        padding: 0 0 0 19px !important
    }

    .req-lifecycle {
        padding: 0 0 0 20px !important
    }

    .req-flow-img {
        width: 150px;
        float: left;
        margin-right: 7em
    }

    .web-app-modern {
        margin: 30px 0 0
    }

    .cms-first-row {
        margin: 0 0 30px
    }

    .cms-intro,
    .content-mark-bg {
        padding: 0;
        height: 161px;
        background-size: cover
    }

    .integration-right {
        padding: 0 20px
    }

    .ios-int-left h4 {
        margin: 20px 0 0
    }

    .text-around-eclipse li:before {
        content: "";
        position: absolute;
        top: 0;
        left: -33px;
        background: url(../png/bullet-tick.png) no-repeat;
        width: 25px;
        height: 25px
    }

    .text-around-eclipse li p {
        font-size: 16px;
        line-height: 27px;
        font-family: "Proximanova-Regular";
        color: #333
    }

    .blae-royal-slider.rsDefault .rsThumbsHor {
        display: none
    }

    .blae-royal-slider .rsOverflow {
        margin: 0
    }

    .blae-royal-slider .process-list h1 {
        margin: 0 0 30px
    }

    .ui-prototype .dotnet-appln-inte-left {
        padding-bottom: 0
    }

    .cms-intro .cms-icon {
        width: 50px;
        height: 50px;
        background-size: 60%
    }

    .cm-flow-sec li {
        float: left;
        width: 100%
    }

    .bottom-space {
        margin: 0 0 30px
    }

    .cm-flow-txt,
    .sem-flow-txt,
    .smm-flow-txt {
        width: 100%;
        padding: 20px 0 0;
        text-align: center
    }

    .cm-flow-txt p,
    .smm-flow-txt p {
        max-width: 100%
    }

    .cm-flow-img,
    .sem-flow-img {
        float: none;
        margin: 0 auto
    }

    .cm-last-sec h4,
    .seo-flow-sec p {
        max-width: 100%
    }

    .we-help-html h3 {
        letter-spacing: -1px
    }

    .dedicated-mob-exp .list-item-blk.one-by-one-list li:last-child {
        margin-bottom: 0
    }

    .list-item-blk.one-by-one-list.list-item-androidapp li {
        width: calc(199% - 48px)
    }

    .list-item-androidapp {
        margin: 30px 85px 0
    }

    .androidapp-list-sec {
        margin: 0
    }

    .androidapp-blk-sec li {
        margin-left: 54px
    }

    .seo-flow-sec li {
        margin: 30px auto 0;
        width: 100%;
        text-align: center
    }

    .listsec-two,
    .listsec-three {
        margin: 1px 86px 0
    }

    .androidapp-blk-sec {
        margin-bottom: 20px
    }

    .seo-flow-sec li img {
        margin: 0 auto
    }

    .seo-left-sec h3.small {
        margin: 0;
        font-size: 24px
    }

    .sem-flow-sec li {
        margin: 0 0 30px
    }

    .sem-marketing-goal .integration-right {
        margin: 0
    }

    .smm-flow-sec li {
        margin: 2em 0 0;
        width: 100%
    }

    .social-sec-smm ul {
        display: block;
        justify-content: normal
    }

    .social-sec-smm li {
        width: 50%;
        float: left;
        text-align: center;
        margin: 0 auto 20px
    }

    .social-sec-smm li img {
        margin: 0 auto
    }

    .social-sec-smm li:last-child {
        width: 100%;
        float: left;
        margin: 0 auto
    }

    ul.numbered-list.react-numlist h4 {
        margin: 0
    }

    h3.delivers {
        font-size: 27px !important;
        margin: 1em 0
    }

    .app-section p {
        margin-left: -1em
    }

    .androidapp-flow-txt {
        width: 100%;
        padding: 20px 0 0;
        text-align: center
    }

    .dotnet-appln-inte-left.ios-int-left h3 {
        padding: 0
    }

    .mobapp-flow-section {
        margin: 0 0 2em
    }

    .mobapp-business {
        margin: 0 0 3em
    }

    .mobapp-expertise ul li {
        width: 50%;
        margin-left: 0;
        margin-bottom: 25px
    }
}

@media screen and (max-width: 767px) and (min-width: 480px) {
    .address-widget.menufooter-widget div {
        margin: 0 25%
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .foot-logo-blz a img {
        width: 80px
    }
}

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

    header .wrapper,
    .menu-btn .wrapper {
        max-width: 100%;
        padding: 0 15px
    }

    .menu-btn .wrapper {
        padding: 0 20px
    }

    .wrapper,
    .container {
        padding: 0 20px
    }

    .address-widget address,
    .address-widget p,
    .address-widget a {
        font-size: 14px
    }

    .menu-btn .mobilediv .address-widget address,
    .menu-btn .mobilediv .menufooter-widget p a,
    .menu-btn .mobilediv .address-widget a {
        font-size: 18px
    }

    .menufooter-widget p,
    .menufooter-widget p a {
        color: #f7a897;
        font-size: 14px
    }

    .address-widget address {
        margin: 0
    }

    .webservice-intro .col-md-7 ul p {
        max-width: 100%
    }

    .explore-work .explore-content {
        width: 100%;
        top: auto;
        position: relative;
        left: auto;
        padding: 0 20px;
        margin: 0 0 30px;
        -webkit-transform: none;
        transform: none
    }

    .explore-work .col-md-10 {
        width: 100%;
        padding: 0
    }

    .explore-bg-img img {
        max-width: 100%;
        margin: 0 auto
    }

    .desktop-img,
    .deskdiv {
        display: none
    }

    .address-widget .deskdiv {
        display: block
    }

    .mbl-img,
    .mobilediv {
        display: block
    }

    .address-widget .mobilediv {
        display: none
    }

    .explore-work .col-md-2 {
        width: 0
    }

    .webservice-intro .col-md-11 {
        padding: 0 20px
    }

    .our-clients {
        padding-top: 15px
    }

    .clients-inner ul li {
        width: 33.33%
    }

    .clients-inner ul li:nth-child(3n+1) {
        clear: left
    }

    .clients-inner {
        margin: 50px auto 0
    }

    .mbl-space-del {
        margin-bottom: 20px
    }

    .clients-inner ul li {
        margin-bottom: 50px
    }

    .home-testimonial h5.regular {
        max-width: 100%;
        margin: 0 0 40px
    }

    .footer-widget {
        display: none
    }

    .footer-widget.footer-contact {
        display: flex;
        width: 100%;
        justify-content: space-between
    }

    .footermenu-section {
        padding: 30px 0 0
    }

    .footer-contact p {
        margin: 0
    }

    .copyright-section p {
        margin-bottom: 15px
    }

    footer ul.social-links.mobilediv {
        display: none
    }

    footer ul.social-links.deskdiv {
        display: flex
    }

    footer ul.social-links {
        display: flex;
        justify-content: center;
        width: 100%
    }

    .webservice-intro ul li,
    .webservice-intro ul li:last-child {
        margin: 0 0 30px
    }

    .mobilediv .main-case-img {
        height: 241px;
        margin: 0 auto;
        width: 100%
    }

    .single-casestudy {
        margin: 0 auto 30px
    }

    .mobilediv.casestudy-inner .col-md-12 {
        width: 630px;
        float: none;
        margin: 0 auto
    }

    .home-testimonial {
        width: 630px
    }

    .content-blocks p {
        line-height: 21px
    }

    .content-blocks h3 {
        margin-right: 0;
        line-height: 28px
    }

    .menu-btn .mobilediv {
        width: 100%;
        float: left;
        background: #f1592b;
        overflow-y: scroll;
        height: 95vh;
        padding-bottom: 90px
    }

    .mobilediv .menu-items {
        width: 100%
    }

    .menu-btn .mobilediv .full-main-menu li a {
        color: #852d13;
        font-family: "Proximanova-Regular";
        text-transform: capitalize;
        font-size: 30px
    }

    .mobilediv .menu-contact-details p span,
    .mobilediv .menufooter-widget h6 {
        font-size: 16px;
        color: #fbbfb3;
        text-transform: uppercase;
        font-family: Proximanova-Light
    }

    .mobilediv .menu-contact-details p a,
    .mobilediv .address-widget address,
    .mobilediv .address-widget p,
    .mobilediv .address-widget a {
        color: #fff
    }

    .mobilediv .full-width-menu {
        border: 0
    }

    .mobilediv .menu-contact-details p {
        display: block
    }

    .mobilediv .menufooter-widget {
        width: 100%;
        margin: 0 0 30px
    }

    .menu-btn .menu-contact-details p {
        margin: 0 0 25px;
        width: 100%;
        float: left
    }

    .menu-btn .menu-contact-details p:last-child,
    .mobilediv .menufooter-widget:last-child {
        margin: 0
    }

    .menu-btn .menu-copyright-widget p {
        margin: 0 0 20px
    }

    .menu-btn .menu-social-widget .social-links li.linkedin,
    .menu-btn .menu-social-widget .social-links li.stumble {
        margin-left: 8px;
        clear: none
    }

    .menu-btn .menu-social-widget .social-links li.printerest {
        margin-left: 0;
        clear: left
    }

    .mobilediv .menu-items {
        width: 100%;
        margin: 0 0 10px
    }

    .mobilediv .menu-items.menu-contact-details {
        margin: 0
    }

    .menu-btn ul.social-links li a {
        background: #fff
    }

    .menu-btn ul.social-links li.facebook a:after {
        background-position: -11px -450px
    }

    .menu-btn ul.social-links li.twitter a:after {
        background-position: -39px -451px
    }

    .menu-btn ul.social-links li.instagram a:after {
        background-position: -68px -450px
    }

    .menu-btn ul.social-links li.linkedin a:after {
        background-position: -100px -450px
    }

    .menu-btn ul.social-links li.printerest a:after {
        background-position: -129px -452px
    }

    .menu-btn ul.social-links li.googleplus a:after {
        background-position: -160px -450px
    }

    .menu-btn ul.social-links li.stumble a:after {
        background-position: -191px -448px
    }

    .mobile-submenu {
        display: none
    }

    .menu-btn ul.social-links li.youtube a:after {
        background-position: -232px -446px
    }

    .menu-btn .full-width-menu li .sticky-sub-menu li a,
    .menu-btn .full-width-menu li .sticky-sub-menu li {
        color: #fff;
        font: 14px Proximanova-Regular;
        text-transform: uppercase
    }

    .menu-btn .full-width-menu li .sticky-sub-menu li ul li a {
        font: 14px Proximanova-Regular;
        text-transform: capitalize
    }

    .menu-btn .mobilediv .full-width-menu li .sticky-sub-menu li ul {
        padding-left: 16px
    }

    .webservice-intro h1,
    h1 {
        font-size: 55px;
        line-height: 48px
    }

    h2 {
        font-size: 36px
    }

    h3 {
        font-size: 28px
    }

    h4 {
        font-size: 22px
    }

    h5,
    h5.regular,
    a.white-btn,
    h6.extrasize {
        font-size: 18px
    }

    .banner-content {
        left: 0;
        padding: 0 15px
    }

    .headroom--pinned.headroom--top .logo a,
    .logo a,
    .home-page .logo a,
    .home-page .headroom--pinned.headroom--top .logo a {
        background: url(../newlogo-page.html) no-repeat;
        width: 76px;
        height: 76px
    }

    .banner-content h2 {
        font-size: 32px
    }

    .banner-content.font_style1 h2.small {
        font-size: 20px
    }

    .footer-widget.footer-contact {
        display: block
    }

    .footer-contact p {
        width: 100%;
        margin: 0 0 25px
    }

    .clients-inner ul li {
        width: 33.33%;
        margin-bottom: 30px
    }

    .webservice-intro .no-padding.mobilediv {
        padding: 0
    }

    .webintor-content p {
        max-width: 100%
    }

    .webservice-intro h1 {
        max-width: 100%
    }

    .webservice-intro {
        padding-top: 10px
    }

    .webintor-content {
        width: 80%
    }

    .clients-inner {
        margin: 30px auto 0
    }

    .our-clients h2 {
        letter-spacing: -.5px
    }

    .clients-inner ul li {
        margin-bottom: 50px
    }

    a.white-btn {
        padding: 12px 20px;
        border-width: 2px
    }

    .location-bottom .address-widget {
        width: 100%;
        text-align: center;
        margin: 0 0 30px
    }

    .location-bottom .address-widget:last-child {
        margin: 0
    }

    .location-bottom .address-widget address {
        margin: 0 0 10px
    }

    .location-bottom .address-widget h6 {
        font-size: 17px;
        margin: 0 0 10px
    }

    .footer-contact p {
        text-align: center
    }

    .copyright-section {
        padding-bottom: 30px;
        padding-top: 0
    }

    footer ul.social-links.deskdiv {
        display: none
    }

    ul.social-links.mobilediv li a {
        background-color: #f1592b
    }

    ul.social-links li.facebook a:after {
        background-position: -37px -706px;
        width: 14px;
        height: 27px
    }

    ul.social-links li.twitter a:after {
        background-position: -80px -714px;
        width: 29px;
        height: 23px;
        left: 13px;
        top: 15px
    }

    ul.social-links li.instagram a:after {
        background-position: -146px -710px;
        width: 27px;
        height: 27px;
        left: 12px
    }

    ul.social-links li.linkedin a:after {
        background-position: -205px -710px;
        width: 27px;
        height: 27px;
        left: 15px
    }

    ul.social-links li.printerest a:after {
        background-position: -264px -703px;
        width: 21px;
        height: 27px;
        left: 16px
    }

    ul.social-links li.googleplus a:after {
        background-position: -304px -705px;
        width: 31px;
        height: 24px;
        left: 13px;
        top: 15px
    }

    ul.social-links li.stumble a:after {
        background-position: -358px -711px;
        width: 33px;
        height: 25px;
        left: 12px
    }

    ul.social-links li.youtube a::after {
        background-position: -427px -711px;
        width: 30px;
        height: 23px;
        left: 13px;
        top: 17px
    }

    ul.social-links.mobilediv li a:hover {
        background-color: #464646
    }

    ul.footer-location {
        float: none;
        width: 335px;
        margin: 0 auto;
        text-align: center
    }

    .copyright-section p {
        width: 78%;
        float: none;
        text-align: center;
        margin: 15px auto 0;
        padding-top: 20px
    }

    .home-testimonial h5.regular {
        font-size: 18px
    }

    footer ul.social-links.mobilediv {
        display: block;
        width: 270px;
        float: none;
        margin: 10px auto 0
    }

    footer ul.social-links li a {
        width: 55px;
        height: 55px
    }

    ul.social-links li a:after {
        top: 15px;
        left: 18px
    }

    footer ul.social-links li {
        margin-bottom: 15px;
        margin-left: 15px
    }

    footer ul.social-links.deskdiv {
        display: none
    }

    .scrolldown-arw {
        display: none
    }

    .mobilediv .main-case-img {
        height: 190px
    }

    .address-widget .mobilediv {
        display: block
    }

    .address-widget .deskdiv {
        display: none
    }

    .second-mob {
        padding-left: 0
    }

    .copyright-section p {
        clear: both
    }

    footer ul.social-links li.printerest {
        clear: left;
        margin-left: 0
    }

    .header-menu ul>li>a.active {
        border-bottom: 0;
        color: #fff
    }

    .webintor-content {
        width: 77%;
        padding: 0 0 0 15px
    }

    .link-more-space {
        margin-top: 0
    }

    .follow-us-mbl {
        text-align: center;
        margin: 0 auto 10px;
        display: block
    }

    .webservice-intro .col-md-11 {
        width: 100%
    }

    .footer-location a {
        font-size: 12px
    }

    .footermenu-section ul li a,
    .copyright-section p,
    .copyright-section p a {
        font-size: 14px
    }

    .footer-contact p a,
    .home-testimonial h6.regular {
        font-size: 14px
    }

    .footer-location li {
        padding: 0 15px
    }

    .testimonial-inner h4 {
        font-size: 22px
    }

    ul.social-links li a {
        width: 55px;
        height: 55px
    }

    .menu-btn ul.social-links li.facebook a:after {
        background-position: -37px -754px
    }

    .menu-btn ul.social-links li.twitter a::after {
        background-position: -80px -755px
    }

    .menu-btn ul.social-links li.instagram a::after {
        background-position: -146px -755px;
        left: 14px
    }

    .menu-btn ul.social-links li.linkedin a::after {
        background-position: -205px -755px
    }

    .menu-btn ul.social-links li.printerest a::after {
        background-position: -264px -751px
    }

    .menu-btn ul.social-links li.googleplus a::after {
        background-position: -304px -750px
    }

    .menu-btn ul.social-links li.stumble a::after {
        background-position: -358px -755px
    }

    .menu-btn ul.social-links li.youtube a::after {
        background-position: -427px -760px
    }

    ul.social-links li {
        margin-left: 12px
    }

    .menu-btn .menu-social-widget .social-links li.linkedin,
    .menu-btn .menu-social-widget .social-links li.stumble {
        margin-left: 12px;
        clear: none
    }

    .explore-work {
        padding-top: 30px
    }

    .explore-bg-img {
        background: transparent;
        height: auto;
        padding: 0
    }

    .webintor-content p {
        max-width: 100%;
        font-size: 16px
    }

    .address-block {
        display: block;
        width: 100%;
        float: left
    }

    .location-bottom .address-widget {
        width: 100%
    }

    .headroom--pinned.headroom--top .header-menu,
    .home-page .headroom--pinned.headroom--top .header-menu {
        margin-top: 26px
    }

    header .header-menu,
    .home-page header .header-menu {
        margin-top: 26px
    }

    .fullwidth-menufooter {
        position: relative;
        bottom: auto;
        border-top: 0
    }

    .menu-btn .full-main-menu li a {
        padding-bottom: 15px
    }

    .menu-btn .full-width-menu li .sticky-sub-menu li {
        list-style-type: none
    }

    .menu-btn .full-width-menu li .sticky-sub-menu {
        padding: 0
    }

    .move-to-top a {
        -webkit-animation: opacitydelay 5s;
        animation: opacitydelay 5s;
        opacity: .6
    }

    @-webkit-keyframes opacitydelay {
        0% {
            opacity: 1
        }

        100% {
            opacity: .6
        }
    }
}

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

    .mobilediv.casestudy-inner .col-md-12,
    .home-testimonial {
        width: 100%;
        float: left
    }
}

@media (max-width: 600px) {
    .logo-history .banner-brief {
        padding: 9em 0
    }

    .logo-history .banner-brief h1 {
        font-size: 52px;
        line-height: 42px;
        letter-spacing: -2px
    }

    .logo-history .banner-brief p {
        font-size: 22px;
        line-height: 25px
    }

    .logo-history .sketch-info {
        padding: 25% 0
    }

    .logo-history .sketch-info img {
        width: 150px
    }

    .logo-history .history-brief .item-body {
        width: 100%
    }

    .logo-history .title-sm br {
        display: none
    }

    .logo-history .title-sm {
        font-size: 40px;
        line-height: 39px
    }

    .logo-history .history-brief .item-body p {
        font-size: 20px;
        line-height: 26px;
        margin: 25px 0
    }

    .logo-history .concepts-title {
        text-align: left
    }

    .logo-history .grid-process .logo-coln {
        float: none;
        width: 100%;
        text-align: center;
        padding: 40px 0
    }

    .logo-history .grid-process .item-body .right-arw {
        transform: rotate(90deg);
        width: 16px;
        left: 45%
    }

    .logo-history .logo-small .item-body img {
        width: 30px
    }

    .logo-history .logo-small .item-body::before {
        left: 42%
    }

    .logo-history .logo-small .item-body::after {
        right: 42%
    }

    .logo-history .logo-orientation ul li {
        text-align: center;
        height: auto;
        width: 100%;
        padding-bottom: 60px
    }

    .logo-history .logo-orientation ul li:last-child {
        padding-bottom: 0;
        text-align: center
    }

    .logo-history .logo-orientation ul li:last-child span {
        text-align: center;
        padding-right: 0
    }

    .logo-history .logo-orientation ul li span {
        padding-bottom: 30px
    }

    .logo-history .branding {
        height: 430px
    }

    .logo-history .title-xs {
        font-size: 31px;
        line-height: 27px
    }

    .logo-history p {
        font-size: 20px;
        line-height: 25px
    }

    .logo-history .evolution .logo-99 img {
        width: 180px
    }

    .logo-history .evolution .logo-list li {
        width: 100%;
        margin: 15% 0 0
    }

    .logo-history .evolution .logo-99,
    .logo-history .evolution .logo-18 {
        margin-top: 20%
    }

    .logo-history .evolution .logo-18 img {
        width: 230px
    }

    .logo-history .transform-list li {
        width: 49%
    }

    .logo-history .transform-list li span {
        padding: 20px 0
    }

    .logo-history .conclusion .title-sm {
        font-size: 40px;
        line-height: 34px
    }

    .logo-history .conclusion p {
        margin: 25px 0
    }

    .logo-history p {
        font-size: 18px;
        line-height: 22px
    }

    .logo-history .conclusion .list-item ul li {
        width: 100%
    }

    .logo-history .conclusion .list-item ul li::before {
        width: 19px;
        height: 19px
    }

    .logo-history .conclusion .list-item p {
        font-size: 18px;
        line-height: 22px
    }

    .logo-history .branding {
        height: 430px
    }

    .logo-history .title-xs {
        letter-spacing: -.5px
    }

    .logo-history .history-brief {
        background: url(../jpg/logo-grp-bg-mob.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        height: 800px
    }

    .logo-history .conclusion .list-item ul li {
        line-height: 22px
    }

    .logo-history .logo-orientation ul li:first-child img {
        width: 150px
    }

    .logo-history .logo-orientation ul li:nth-child(2) img {
        width: 90px
    }

    .logo-history .logo-orientation ul li:last-child img {
        width: 130px
    }
}

@media screen and (max-width: 480px) {
    .webdev-txt-left {
        padding: 1em 0 0 1em !important
    }

    .webdev-eng-sec p:nth-child(3) {
        margin: 10px 0 0
    }

    .webintor-content {
        width: 79%
    }

    .banner-content h2 {
        font-size: 30px
    }

    .banner-content.font_style1 h2.small {
        font-size: 15px;
        letter-spacing: normal
    }

    .testimonial-inner {
        padding-left: 40px
    }

    .chat-btn-blk {
        text-align: center
    }

    a.white-btn {
        margin-right: 0;
        display: block
    }

    a.white-btn:first-child {
        margin: 0
    }

    .copyright-section {
        padding-bottom: 80px
    }

    .content-blocks h2 {
        margin: 0 0 20px;
        font-size: 30px
    }

    .webservice-intro h1,
    h1 {
        font-size: 38px;
        line-height: 32px;
        letter-spacing: -1.5px;
        margin: 0 0 15px
    }

    .our-clients h2 {
        letter-spacing: 0;
        font-size: 30px
    }

    .wrapper,
    .container {
        padding: 0 20px
    }

    .main-case-img h5 {
        top: 15px;
        left: 0;
        max-width: 100%;
        line-height: 18.5px;
        padding: 0 15px
    }

    .mobilediv .main-case-img {
        height: 120px
    }

    a.view-casestudy {
        bottom: 15px;
        left: 0;
        padding: 0 15px;
        font-size: 14px
    }

    .home-testimonial h5.regular {
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 20px
    }

    .footer-contact span,
    .follow-us-mbl {
        text-transform: uppercase;
        font-size: 17px;
        margin: 0 0 5px
    }

    .footer-contact p a {
        font-size: 16px
    }

    .copyright-section p {
        width: 88%;
        font-size: 15px
    }

    .footer-location a {
        font-size: 15px
    }

    .footer-location li {
        padding: 0 7px
    }

    .banner-content span {
        display: block
    }

    h1.title-little {
        font-size: 45px
    }

    .introsec-right h2, .introsec-right h1 {
        font-size: 30px
    }

    .we-help-html h3 {
        font-size: 25px;
        line-height: 30px
    }

    .brand-indentity-intro {
        background: url(../png/brand-indentity-banner.png) center center;
        height: 233px;
        background-size: cover;
        width: 100%
    }

    .brand-indentity-bannertwo {
        background: url(../png/brand-indentity-banner2.png) no-repeat center center;
        height: 233px;
        background-size: cover;
        width: 100%
    }

    .space-sec {
        margin: 1em 0
    }

    .brand-indentity-slider h2 {
        font-size: 30px;
        line-height: 35px
    }

    .app-main-banner {
        background: url(../jpg/bannerbg.jpg) no-repeat center center;
        height: 233px;
        background-size: cover;
        width: 100%
    }

    .app-maintanance .webintor-content {
        padding-left: 5px;
        margin-bottom: 20px
    }

    .webservice-intro ul li,
    .webservice-intro ul li:last-child {
        margin: 0 0 10px
    }

    .app-maintanance .cpa-block6 ul li p {
        font: 16px ProximaNova-Regular;
        color: #333;
        line-height: 35px;
        margin-bottom: 0
    }

    .inner-page h3 {
        font-size: 25px
    }

    .uiux-intro {
        background: url(../png/banner.png) no-repeat center center;
        height: 233px;
        background-size: cover;
        width: 100%
    }

    .service-page {
        background: url(../banner.html) no-repeat center center;
        height: 233px;
        background-size: cover;
        width: 100%
    }

    .angularjs-page {
        background: url(../service-angularjs.html) no-repeat center center;
        height: 233px;
        background-size: cover;
        width: 100%
    }

    .androidapp-page {
        background: url(../androidapp-bg.html) no-repeat center center;
        height: 233px;
        background-size: cover;
        width: 100%
    }

    .service-react {
        background: url(../reactnative.html) no-repeat;
        height: 233px;
        background-size: cover;
        width: 100%
    }

    .mobapp-img-sec {
        height: 233px;
        background-size: cover;
        width: 100%;
        background: url(../mobapp-bg.html) no-repeat center center
    }

    .req-img-sec {
        height: 233px;
        background-size: cover;
        width: 100%;
        background: url(../requirement-bg.html) no-repeat center center
    }

    .webdev-sec {
        height: 233px;
        background-size: cover
    }

    .webdev-blk-img-sec {
        height: 114px;
        background-size: cover
    }

    .req-flow-img {
        margin: 0 auto;
        float: initial
    }

    .req-flow-txt {
        width: 100%;
        margin-top: 4em
    }

    .dotnet-img-sec,
    .ios-blk-img-sec,
    .mobapp-blk-img-sec,
    .requirement-blk-img-sec,
    .androidapp-dev-img-sec,
    .requirement-blk-img2-sec,
    .ios-img-sec,
    .content-mark-bg,
    .html-intro,
    .seo-img-sec,
    .sem-img-sec,
    .smm-img-sec {
        height: 114px;
        background-size: cover
    }

    .androidapp-dev-img-sec {
        height: 152px;
        background-size: cover;
        margin-top: 39px
    }

    .uiux-sliderbox h2 {
        text-align: center;
        font-size: 30px
    }

    .dedicated-box h3 {
        padding: 30px 0 10px
    }

    .uiux-sliderbox {
        padding: 30px 0 60px
    }

    .dedicated-box {
        width: 100%;
        float: left;
        padding: 20px 0 36px;
        height: auto
    }

    .uiuxdedicated {
        background: url(../png/dedicated-bg.png) no-repeat right center;
        background-size: cover
    }

    .cross-plat-banner {
        background: url(../jpg/bannerbg-2.jpg) no-repeat center center;
        height: 233px;
        background-size: cover;
        width: 100%
    }

    .integration-right.cross-plat-right {
        padding: 1.5em 0 1.5em 2em
    }

    .cross-mid-sec .deskdiv {
        display: block
    }

    .mob-conversion-banner {
        background: url(../jpg/bannerbg-3.jpg) no-repeat center center;
        height: 233px;
        background-size: cover;
        width: 100%
    }

    .mob-re-engineering-banner {
        background: url(../jpg/bannerbg-4.jpg) no-repeat center center;
        height: 233px;
        background-size: cover;
        width: 100%
    }

    .dedicated-hiring-intro {
        background: url(../png/dedicated-banner.png) no-repeat center center;
        height: 233px;
        max-width: 100%;
        background-size: cover
    }

    .dedicated-banner-two {
        background: url(../png/dedicated-banner-two.png) no-repeat center center;
        height: 233px;
        background-size: cover
    }

    .dedicated-paragraph-leftside {
        width: 100%;
        float: left
    }

    .dedicated-paragraph-rightside {
        width: 100%;
        float: left
    }

    .dedicated-paragraph-leftside p {
        padding: 0
    }

    .dedicated-paragraph-rightside p {
        padding: 0
    }

    .dedicated-strip h2 {
        font-size: 34px
    }

    .para-space-sec {
        margin: 1em 0
    }

    .dedicated-Trait p {
        line-height: 26px;
        margin: 15px 0 0;
        padding: 0
    }

    .dedicated-row {
        padding: 15px 0
    }

    .dedicated-hiring-list .list-item-blk li {
        position: relative;
        font: 16px/27px Proximanova-Regular;
        color: #333;
        margin: 0 0 15px 29px;
        float: left
    }

    .php-second-banner {
        background: url(../jpg/bannerbg-6.jpg) no-repeat center center;
        height: 233px;
        max-width: 100%;
        background-size: cover;
        margin: 0
    }

    .php-banner {
        background: url(../jpg/bannerbg-5.jpg) no-repeat center center;
        height: 233px;
        max-width: 100%;
        background-size: cover
    }

    .php-services {
        padding: 1em 0;
        background: #f8f8f8;
        margin-bottom: 35px
    }

    .php-services .list-item-blk {
        padding: 0
    }

    .php-services .list-item-blk li {
        width: 90%
    }

    .list-item-blk.full-width li {
        width: 90%
    }

    .html-services .wrapper {
        width: 100%;
        margin: 0 auto;
        padding: 0 15px
    }

    .html-services h3 {
        margin: 0
    }

    .html-service-slider.php-expert-slider .owl-next {
        right: -17px;
        background-size: 36px
    }

    .html-service-slider.php-expert-slider .owl-prev {
        left: -30px;
        background-size: 36px
    }

    .php-expert-slider h4 {
        padding: 20px 0
    }

    .service-angular-sec li {
        width: 100%
    }
}

@media (max-width: 479px) {
    .logo-history .banner-brief p {
        font-size: 17px;
        line-height: 21px
    }

    .logo-history .sketch-info img {
        width: 130px
    }

    .logo-history .title-sm {
        font-size: 30px;
        line-height: 29px;
        letter-spacing: -.5px
    }

    .logo-history .history-brief .item-body p {
        font-size: 16px;
        line-height: 20px
    }

    .logo-history .concepts-title p {
        font-size: 16px;
        line-height: 20px;
        margin: 23px 0 0
    }

    .logo-history .concepts-list {
        padding: 64px 0
    }

    .logo-history .branding {
        height: 300px
    }

    .logo-history .evolution .logo-99 img {
        width: 130px
    }

    .logo-history .evolution .logo-99,
    .logo-history .evolution .logo-18 {
        margin-top: 45px
    }

    .logo-history .evolution .logo-list img {
        width: 200px
    }

    .logo-history .evolution .logo-18 img {
        width: 180px
    }

    .logo-history .transform-list li img {
        width: 100px
    }

    .logo-history .transform-list li span {
        padding: 9px 0 20px;
        font-size: 14px;
        line-height: 17px
    }

    .logo-history .conclusion .title-sm {
        font-size: 30px;
        line-height: 28px;
        font-size: 30px;
        line-height: 28px
    }

    .logo-history .conclusion .list-item {
        padding-top: 25px
    }

    .logo-history .item-body {
        padding: 14% 0;
        padding: 48px 0
    }

    .logo-history .concepts-list ul li {
        font-size: 13px;
        line-height: 14px;
        padding-left: 0
    }

    .logo-history .logo-small .item-body img {
        width: 25px
    }

    .logo-history .history-brief {
        height: 630px
    }

    .logo-history .grid-process .item-body {
        padding: 14% 8%
    }

    .logo-history .logo-small .item-body::before {
        top: 27%
    }

    .logo-history .logo-small .item-body::after {
        bottom: 27%
    }

    .logo-history .logo-orientation ul li span {
        padding-bottom: 15px
    }

    .logo-history p {
        font-size: 17px;
        line-height: 21px
    }

    .logo-history .conclusion .list-item p {
        font-size: 17px;
        line-height: 21px
    }

    .logo-history .logo-orientation ul li span {
        font-size: 16px;
        line-height: 20px
    }

    .logo-history .logo-small .item-body::before,
    .logo-history .logo-small .item-body::after {
        background-size: cover;
        width: 8px;
        height: 8px
    }

    .logo-history .conclusion .list-item ul li {
        font-size: 17px;
        line-height: 21px;
        margin-left: 36px
    }

    .logo-history .banner-brief {
        padding: 1em 0
    }

    .logo-history .title-xs {
        font-size: 28px;
        line-height: 25px
    }
}

@media screen and (max-width: 414px) {
    .clients-inner ul li {
        width: 100%;
        margin-bottom: 30px
    }

    .clients-inner ul li:nth-child(2n-1) {
        clear: both
    }
}

@media (max-width: 359px) {
    .logo-history .banner-brief h1 {
        font-size: 45px;
        line-height: 37px
    }

    .logo-history .concepts-list ul li {
        font-size: 11px;
        line-height: 12px
    }

    .logo-history .logo-small .item-body img {
        width: 20px
    }

    .logo-history .branding {
        height: 270px
    }

    .logo-history .title-sm {
        font-size: 28px;
        line-height: 27px
    }

    .mobapp-expertise ul li {
        width: 100%
    }
}

@media screen and (max-width: 360px) {
    .banner-section .mob-banner {
        display: block
    }

    .banner-section .desk-banner {
        display: none
    }

    .banner-section .banner-content {
        left: 7%;
        margin: -7.6em 0 0;
        width: 70%
    }

    .banner-section {
        height: 647px !important
    }

    .banner-section .mob-banner {
        height: 647px !important
    }

    .blae-royal-slider .process-list h3.small {
        font-size: 17px
    }
}

@media screen and (max-width: 320px) {
    .webintor-content {
        width: 74%
    }

    .menu-social-widget .social-links {
        width: 100%;
        float: left
    }

    .banner-section .banner-content {
        margin: -6.875em 0 0
    }

    .content-blocks h3 {
        letter-spacing: -.5px
    }

    .webservice-intro h1,
    h1 {
        letter-spacing: -1.5px
    }

    .explore-content h3 {
        font-size: 25px
    }

    .webservice-intro h1,
    h1 {
        font-size: 34px
    }

    footer ul.footer-location {
        float: left;
        width: 100%
    }

    footer ul.footer-location li a {
        font-size: 12px
    }

    .banner-section {
        height: 568px !important
    }

    .banner-section .mob-banner {
        height: 568px !important
    }

    li.circle-list1 p {
        padding-top: 4px
    }
}