@media (max-width: 1921px) {
    .quick-call .img-background {
        height: auto;
        width: 21%;
        padding: 3%
    }

    .quick-call .img-background:after,
    .quick-call .img-background:before {
        height: 4px;
        width: 30%
    }

    .contact-query,
    .footer-wrapper .footer .footer-box ul,
    .inhouse-solutions .section-title,
    section.quick-contact .contact-phone {
        margin: 0
    }

    .query-btn,
    .quick-contact-btn {
        font-size: 1.55em;
        padding: 2.5% 5%;
        position: relative;
        top: .7em;
        float: right;
        right: 0;
        left: 1em
    }

    .aboutUs-imagePosition {
        width: auto
    }

    .aboutUs-image {
        left: 25%;
        width: 70%
    }
}

@media (max-width: 2250px) {
    .aboutUs-image {
        left: 10%
    }

    .services-panel p {
        font-size: 1.5em
    }
}

@media (max-width: 1921px) {

    .section-title h2,
    section.banner-section .banner-text-content h1.banner-text-main-heading .banner-span {
        letter-spacing: -1.5px
    }

    .top-bar {
        height: auto;
        padding: .5%
    }

    .navbar-brand .logo {
        width: 100%
    }

    .navbar-brand {
        line-height: 0;
        font-size: initial;
        width: 13em
    }

    button.user-account-buttons {
        bottom: .3em
    }

    .container {
        width: 95% !important
    }

    .content .box .text,
    .section-title p {
        font-size: 1.5em
    }

    .section-title h2 {
        margin: 3% auto;
        left: 0;
        font-size: 3em
    }

    .inhouse-solutions .section-title h4,
    .section-title h4 {
        margin: 4% 0;
        letter-spacing: -1.2px;
        font-size: 2.5em
    }

    .cloud-solution .section-title .digital-line-cloud,
    .digital-line-about,
    .digital-line-customers,
    .digital-line-services,
    .inhouse-solutions .digital-line-products {
        width: 2.4em;
        height: 6px;
        border-radius: 6px
    }

    section.banner-section .banner-wrapper {
        height: 52em !important
    }

    section.banner-section .banner-text-content p.banner-note {
        font-size: 1.2em;
        letter-spacing: 1px;
        margin: 0 !important
    }

    section.banner-section .banner-text-content .digital-line-banner {
        height: 6px;
        width: 2.5em;
        border-radius: 6px
    }

    section.banner-section .banner-text-content h1.banner-text-main-heading {
        font-size: 3.5em;
        letter-spacing: -2px;
        margin: 7% 0
    }

    section.banner-section .banner-text-content p {
        font-size: 1.5em;
        margin-bottom: 5%
    }

    section.banner-section .banner-text-content button.banner-btn {
        font-size: 1.5em;
        width: 12em;
        padding: 1.5% 3%
    }

    section.banner-section .banner-text-content {
        top: 20%
    }

    .customer {
        padding: 0;
        margin-bottom: 6%
    }

    p.who-we-are {
        font-size: 1.75em;
        margin-bottom: 3%
    }

    .infiflex p,
    .section-title h3 {
        font-size: 2em;
        letter-spacing: -1px
    }

    .cloud-partner {
        padding: 3% 0
    }

    section.cloud-solution .panel-default .card-header,
    section.infiflex-counter .content .box .icon {
        padding: 7%
    }

    .content .box .counter,
    .content .box .text {
        font-size: 1.9em;
        margin-left: 5%
    }

    .cloud-solution {
        padding-bottom: 7%;
        margin-bottom: 0;
        margin-top: 5%
    }

    .cloud-solution .section-title h2 {
        width: 100%;
        margin: 6% 0
    }

    .infiflex p {
        line-height: 1.5;
        margin-bottom: 7%;
        font-weight: 400
    }

    .cloud-solution .infiflex ul {
        margin-bottom: 5%
    }

    .cloud-solution .infiflex ul li {
        font-size: 1.75em;
        margin-bottom: 1.5%;
        letter-spacing: -.2px;
        line-height: 1.5;
        font-weight: 500
    }

    .cloud-solution .panel-default {
        height: 18em;
        padding: 8%
    }

    .cloud-solution .card-body h3 {
        font-size: 1.45em;
        letter-spacing: 0;
        line-height: 1.5;
        margin: 0
    }

    .quick-call p.statement {
        margin: 0;
        line-height: 1.5;
        font-size: 2em;
        position: relative;
        top: .7em
    }

    .quick-call .img-background {
        height: auto;
        width: 21%;
        padding: 3%
    }

    .quick-call .img-background:after,
    .quick-call .img-background:before {
        height: 4px;
        width: 30%
    }

    .contact-query,
    .footer-wrapper .footer .footer-box ul,
    .inhouse-solutions .section-title,
    section.quick-contact .contact-phone {
        margin: 0
    }

    .query-btn,
    .quick-contact-btn {
        font-size: 1.55em;
        padding: 2.5% 5%;
        position: relative;
        top: .7em;
        float: right;
        right: 0;
        left: 1em
    }

    .aboutUs-imagePosition {
        width: auto
    }

    .aboutUs-image {
        left: 25%;
        width: 70%
    }

    .blue-box {
        margin-top: -10%;
        width: 100%;
        height: 42em
    }

    .products-tab .nav-tabs>li>a {
        font-size: 1.3em
    }

    img.chekin,
    img.giffy {
        width: 25%;
        margin: 4% 0
    }

    .giffy-chekin-text {
        margin-bottom: 5%;
        font-size: 1.8em;
        letter-spacing: 0
    }

    .btn-blue {
        margin: 0;
        font-size: 1.7em;
        padding: 2% 4%
    }

    .service-image {
        width: 15%
    }

    .services-panel h5 {
        font-size: 1.75em;
        margin: 5% 0
    }

    .services-panel {
        height: 28em;
        padding: 6%
    }

    .services-panel p {
        font-size: 1.4em;
        line-height: 1.7;
        margin-bottom: 0;
        margin-top: 10%
    }

    section.quick-contact {
        margin-bottom: 4% !important
    }

    .quick-contact .statement {
        font-size: 2em
    }

    .quick-contact-btn {
        left: 6em
    }

    .footer-wrapper section.footer article.social-media {
        padding-top: 2em
    }

    .footer-box {
        padding: 2% 0
    }

    .footer-box .row:nth-child(2) {
        margin-top: 1.5%
    }

    .footer-wrapper .footer .footer-box h4 {
        font-size: 2.25em;
        margin-bottom: 1em
    }

    .footer-wrapper .footer .footer-box p,
    .footer-wrapper .footer .footer-box ul li.no-bullet {
        font-size: 1.35em;
        line-height: 1.7
    }

    #copyright {
        font-size: 1.4em
    }
}

@media (max-width: 1700px) {
    .aboutUs-image {
        width: 84%;
        left: 12%
    }

    .blue-box {
        height: 46em
    }

    .inhouse-solutions {
        margin-top: -4em;
        padding-top: 12em
    }
}

@media (max-width: 1692px) {
    .quick-call p.statement {
        top: 0
    }
}

@media (max-width: 1600px) {
    section.banner-section .banner-wrapper {
        height: 55em !important
    }

    section.banner-section .banner-text-content h1.banner-text-main-heading {
        font-size: 3.5em;
        margin: 7% 0
    }

    .content .box .counter,
    section.banner-section .banner-text-content p {
        font-size: 1.7em
    }

    .cloud-solution .card-body h3,
    .footer-wrapper .footer .footer-box p,
    .footer-wrapper .footer .footer-box ul li.no-bullet,
    .section-title p,
    .services-panel p {
        font-size: 1.2em
    }

    .section-title h2 {
        font-size: 2.5em
    }

    .infiflex p,
    .services-panel h5,
    p.who-we-are {
        font-size: 1.5em
    }

    .content .box .text {
        font-size: 1.3em
    }

    .blue-box {
        height: 37em;
        position: relative;
        right: 8%
    }

    .giffy-chekin-text {
        font-size: 1.6em
    }

    .infiflex p {
        letter-spacing: 0;
        font-weight: 500
    }

    .cloud-solution .infiflex ul li {
        font-size: 1.5em;
        font-weight: 400
    }

    .card-body.azure-custom-margin {
        margin-top: .8em
    }

    .cloud-solution .panel-default {
        height: 15em
    }

    .quick-call p.statement,
    .quick-contact .statement {
        font-size: 1.75em;
        top: .85em
    }

    .query-btn,
    .quick-contact-btn {
        font-size: 1.25em;
        top: 1em
    }

    .services-panel {
        height: 23em
    }

    section.quick-contact {
        margin-bottom: 0 !important
    }

    .footer-wrapper .footer .footer-box h4 {
        font-size: 2em
    }

    #copyright {
        font-size: 1em
    }
}

@media (min-width: 1921px) {
    .aboutUs-imagePosition {
        margin-left: 24%;
        margin-top: 18%
    }

    .container {
        width: 95% !important
    }

    .products-tab .nav-tabs>li>a,
    .section-title p {
        font-size: 1.5em
    }

    .section-title h2 {
        margin: 3% auto;
        left: 0;
        letter-spacing: -2.5px;
        font-size: 3.5em
    }

    .section-title h4 {
        margin: 4% 0;
        letter-spacing: -1.5px;
        font-size: 3em
    }

    .cloud-solution .section-title .digital-line-cloud,
    .digital-line-about,
    .digital-line-customers,
    .digital-line-services,
    .inhouse-solutions .digital-line-products {
        width: 2.4em;
        height: 6px;
        border-radius: 6px
    }

    section.banner-section .banner-wrapper {
        height: auto !important;
        padding-bottom: 8em;
        padding-top: 12em
    }

    section.banner-section .banner-text-content p.banner-note {
        font-size: 1.5em;
        letter-spacing: 1px;
        margin: 0 !important
    }

    section.banner-section .banner-text-content .digital-line-banner {
        height: 6px;
        width: 3em;
        border-radius: 6px
    }

    section.banner-section .banner-text-content h1.banner-text-main-heading {
        font-size: 4.5em;
        letter-spacing: -2px;
        margin: 5% 0
    }

    section.banner-section .banner-text-content h1.banner-text-main-heading .banner-span {
        letter-spacing: -2px
    }

    section.banner-section .banner-text-content p {
        font-size: 2em;
        margin-bottom: 5%
    }

    section.banner-section .banner-text-content button.banner-btn {
        font-size: 1.8em;
        padding: 1.5% 3%
    }

    section.banner-section .banner-text-content {
        top: 18%
    }

    .customer {
        padding: 0;
        margin-bottom: 6%
    }

    p.who-we-are {
        font-size: 2em;
        margin-bottom: 3%
    }

    .section-title h3 {
        font-size: 2.5em;
        letter-spacing: -1px
    }

    .cloud-partner {
        padding: 3% 0
    }

    section.infiflex-counter .content .box .icon {
        padding: 10%
    }

    .content .box .counter,
    .content .box .text {
        font-size: 2.5em;
        margin-left: 5%
    }

    .content .box .text,
    .infiflex p,
    .quick-contact .statement {
        font-size: 2em
    }

    .cloud-solution {
        padding-bottom: 5%;
        margin-bottom: 0;
        margin-top: 7%
    }

    .cloud-solution .section-title h2 {
        width: 100%;
        margin: 6% 0
    }

    .infiflex p {
        line-height: 1.5;
        letter-spacing: -1px;
        margin-bottom: 7%;
        font-weight: 500
    }

    .cloud-solution .infiflex ul {
        margin-bottom: 5%
    }

    .cloud-solution .infiflex ul li {
        font-size: 2em;
        margin-bottom: 1.5%;
        letter-spacing: -.2px;
        line-height: 1.5;
        font-weight: 500
    }

    .cloud-solution .panel-default {
        height: 18em;
        padding: 10%
    }

    section.cloud-solution .panel-default .card-header {
        padding: 7%
    }

    .cloud-solution .card-body h3 {
        font-size: 1.6em;
        letter-spacing: 0;
        line-height: 1.5;
        margin: 0
    }

    .cloud-solution .card-header img {
        width: 60%;
        padding: 0
    }

    .quick-call,
    section.quick-contact {
        padding: 2%;
        margin-bottom: 0
    }

    .quick-call p.statement {
        margin: 0;
        line-height: 2;
        font-size: 2em;
        position: relative;
        top: .6em
    }

    .quick-call .img-background {
        height: auto;
        width: 20%;
        padding: 3%
    }

    .quick-call .img-background:after,
    .quick-call .img-background:before {
        height: 4px;
        width: 35%
    }

    .contact-query,
    .footer-wrapper .footer .footer-box ul,
    .inhouse-solutions .section-title,
    section.quick-contact .contact-phone {
        margin: 0
    }

    .query-btn,
    .quick-contact-btn {
        font-size: 1.75em;
        padding: 2.5% 5%;
        position: relative;
        top: .7em;
        float: right;
        right: 3em
    }

    .aboutUs-imagePosition {
        width: auto
    }

    .aboutUs-image {
        left: 4%
    }

    .blue-box {
        margin-top: -13%;
        width: 100%;
        height: 64em
    }

    .inhouse-solutions .section-title h4 {
        margin: 5% 0;
        letter-spacing: -1.5px;
        font-size: 3em
    }

    img.chekin,
    img.giffy {
        width: 30%;
        margin: 4% 0
    }

    .giffy-chekin-text {
        margin-bottom: 5%;
        font-size: 2em;
        letter-spacing: 0
    }

    .btn-blue {
        margin: 0;
        font-size: 2em;
        padding: 2% 4%
    }

    .service-image {
        width: 15%
    }

    .services-panel h5 {
        font-size: 2em;
        margin: 5% 0 3%
    }

    .services-panel {
        height: 31em;
        padding: 6%
    }

    .services-panel p {
        font-size: 1.8em;
        line-height: 1.7;
        margin-bottom: 0;
        margin-top: 6%
    }

    section.quick-contact {
        margin-bottom: 2% !important
    }

    .quick-contact-btn {
        left: 3em
    }

    .footer-box {
        padding: 2% 0
    }

    .footer-box .row:nth-child(2) {
        margin-top: 1.5%
    }

    .footer-wrapper .footer .footer-box h4 {
        font-size: 2.5em;
        margin-bottom: 1em
    }

    .footer-wrapper .footer .footer-box p,
    .footer-wrapper .footer .footer-box ul li.no-bullet {
        font-size: 1.5em;
        line-height: 1.8
    }

    #copyright {
        font-size: 1.6em
    }
}

@media (min-width: 2200px) {
    .cloud-solution .panel-default {
        height: 20em
    }
}

@media (max-width: 1498px) {
    .quick-call p.statement {
        top: 0
    }

    .inhouse-solutions {
        margin-top: -4em;
        padding-top: 12em
    }
}

@media (max-width: 1486px) {
    section.banner-section .banner-wrapper {
        height: 50em !important
    }

    .giffy-chekin-text {
        font-size: 1.3em
    }
}

@media (max-width: 1300px) {
    section.banner-section .banner-wrapper {
        height: 39em !important
    }

    section.banner-section .banner-text-content {
        top: 21%
    }

    section.banner-section .banner-text-content h1.banner-text-main-heading {
        font-size: 3em;
        margin: 5% 0
    }

    .footer-wrapper .footer .footer-box h4,
    section.banner-section .banner-text-content p {
        font-size: 1.4em
    }

    section.banner-section .banner-text-content button.banner-btn {
        font-size: 1.2em;
        width: 11em
    }

    .cloud-solution .section-title .digital-line-cloud,
    .digital-line-about,
    .digital-line-customers,
    .digital-line-services,
    .inhouse-solutions .digital-line-products,
    section.banner-section .banner-text-content .digital-line-banner {
        height: 4px;
        width: 1.7em
    }

    section.banner-section .banner-text-content .digital-line-banner {
        width: 2em;
        margin-top: 2%
    }

    .btn-blue {
        font-size: 18px
    }

    .cloud-solution .card-body h3,
    .products-tab .nav-tabs>li>a,
    .section-title p,
    .services-panel p {
        font-size: 1em
    }

    .section-title h2 {
        font-size: 2em;
        letter-spacing: -1px
    }

    .cloud-solution .infiflex ul li,
    .giffy-chekin-text,
    .query-btn,
    .quick-contact-btn,
    .services-panel h5,
    p.who-we-are {
        font-size: 1.2em
    }

    .section-title h3 {
        font-size: 1.5em;
        margin: 0
    }

    section.infiflex-counter .content .box .icon {
        padding: 10%
    }

    .content .box .counter,
    .quick-call p.statement,
    .quick-contact .statement {
        font-size: 1.5em
    }

    .content .box .text {
        font-size: 1.1em;
        line-height: 1.4
    }

    .infiflex p {
        font-size: 1.3em
    }

    .cloud-solution .panel-default {
        height: 12em
    }

    .quick-call {
        margin-bottom: -2em
    }

    .quick-call .img-background {
        width: 23%
    }

    .msg-icon-line-col {
        margin-left: 0
    }

    .quick-call .img-background:after,
    .quick-call .img-background:before {
        height: 3px
    }

    .query-btn {
        left: 1em
    }

    .inhouse-solutions .section-title h4 {
        font-size: 2em
    }

    .service-image {
        width: 20%
    }

    .inhouse-solutions {
        padding-top: 10%
    }

    .blue-box {
        height: 35em
    }

    .services-panel {
        height: 20em
    }

    .quick-contact-btn {
        margin: 0;
        top: .3em
    }

    .footer-box {
        padding-bottom: 0
    }

    #copyright {
        font-size: .85em
    }
}

@media (max-width: 1200px) {
    .cloud-solution .card-body {
        height: auto;
        padding: 0;
        text-align: center;
        margin-top: 1em
    }

    .card-body.azure-custom-margin {
        margin-top: 1.5em
    }

    .cloud-solution .panel-default {
        height: 13em
    }

    .cloud-solution .card-body h3 {
        font-size: .85em
    }

    .section-title p {
        font-size: .85em;
        margin: 0
    }

    .cloud-solution .infiflex ul li,
    .infiflex p,
    .query-btn,
    .quick-contact-btn,
    section.banner-section .banner-text-content button.banner-btn {
        font-size: 1em
    }

    .cloud-solution .section-title .digital-line-cloud,
    .digital-line-about,
    .digital-line-customers,
    .digital-line-services,
    .inhouse-solutions .digital-line-products,
    section.banner-section .banner-text-content .digital-line-banner {
        margin-top: .3em;
        width: 1.2em;
        height: 3.5px
    }

    section.banner-section .banner-text-content h1.banner-text-main-heading {
        font-size: 2.5em;
        letter-spacing: -1.5px
    }

    section.banner-section .banner-text-content p {
        font-size: 1.2em
    }

    section.banner-section .banner-text-content {
        top: 24%
    }

    .giffy-chekin-text,
    p.who-we-are {
        font-size: 1.1em
    }

    .inhouse-solutions {
        padding-top: 5em
    }

    .blue-box {
        margin: 0;
        height: 28em;
        position: relative;
        right: 10%
    }

    .cloud-solution {
        padding-bottom: 8em
    }

    .aboutUs-image {
        width: 70%;
        left: 25%;
        bottom: 2em
    }

    .products-tab .nav-tabs>li>a {
        font-size: .85em;
        padding: 1em 2em;
        letter-spacing: 1px
    }

    .btn-blue {
        letter-spacing: .5px
    }

    .section-title h4 {
        font-size: 2em;
        letter-spacing: -1px
    }

    .quick-call p.statement,
    .quick-contact .statement {
        position: relative;
        right: 10%;
        font-size: 1.3em
    }

    .quick-call p.statement {
        top: 1em
    }

    .query-btn {
        top: 1em;
        left: 2em
    }

    .quick-contact-btn {
        left: 8em;
        top: .6em
    }
}

@media (max-width: 1150px) {
    .blue-box {
        height: 24em
    }

    .quick-call p.statement {
        top: .3em
    }

    .quick-contact-btn {
        left: 30%
    }
}

@media (max-width: 992px) {

    .cloud-solution .section-title .digital-line-cloud,
    .digital-line-about,
    .digital-line-customers,
    .digital-line-services,
    .inhouse-solutions .digital-line-products,
    section.banner-section .banner-text-content .digital-line-banner {
        margin-top: .6em
    }

    p.who-we-are,
    section.banner-section .banner-text-content p.banner-note {
        font-size: 1em
    }

    .inhouse-solutions .section-title h4,
    .section-title h2,
    .section-title h4 {
        font-size: 1.8em;
        letter-spacing: -.5px
    }

    .inhouse-solutions .section-title h4 {
        margin-bottom: 1.2em
    }

    .partner img {
        width: 65%;
        margin-bottom: 0
    }

    section.infiflex-counter .content .box .icon {
        padding: 7%
    }

    .blue-box {
        height: 25em
    }

    .aboutUs-image {
        width: 80%;
        left: 17%
    }

    section.services {
        padding-top: 4em;
        padding-bottom: 8em
    }

    .services-panel {
        margin-top: 1.5em;
        margin-bottom: 0
    }

    .services-panel p {
        margin-top: 1.5em;
        letter-spacing: 0
    }

    .footer-wrapper .footer .footer-box p,
    .footer-wrapper .footer .footer-box ul li.no-bullet {
        font-size: .85em
    }

    .quick-call p.statement {
        top: -2px
    }
}

@media (max-width: 900px) {
    .blue-box {
        height: 26em
    }

    .inhouse-solutions {
        padding-bottom: 3em
    }

    .aboutUs-image {
        left: 9%;
        width: 90%
    }

    .services-panel {
        padding: 8%;
        height: 23em
    }

    .service-image {
        width: 30%
    }

    section.services .col-sm-3 {
        padding: 1%
    }

    .quick-call .img-background {
        width: 25%
    }
}

@media (max-width: 838px) {
    .quick-contact-btn {
        top: 1.8em
    }

    .cloud-solution .col-sm-4 {
        padding: 2.5%
    }

    .cloud-solution .panel-default {
        height: 10em
    }

    section.cloud-solution .panel-default .card-header {
        padding: 0
    }
}

@media (max-width: 820px) {
    img.giffy-footer {
        width: 100%;
        padding: 8%
    }

    .quick-contact-btn {
        left: 75%
    }

    .footer-wrapper .footer .footer-box h4 {
        font-size: 1.2em;
        line-height: 1.5
    }

    .quick-call p.statement {
        top: 0
    }

    .query-btn {
        width: auto
    }

    .quick-call .img-background {
        width: 28%
    }

    .quick-call .img-background:after,
    .quick-call .img-background:before {
        height: 2.5px
    }
}

@media (max-width: 800px) {
    section.banner-section .banner-text-content h1.banner-text-main-heading {
        margin: 7% 0
    }

    .cloud-solution .col-sm-4 {
        padding: 1%
    }

    .aboutUs-image {
        width: 100%;
        left: 0
    }

    .blue-box {
        height: 27em
    }

    .navbar-brand {
        width: 8em
    }

    .navbar-brand .logo {
        top: 20%
    }

    #inner_menu {
        top: .7em
    }

    button.user-account-buttons {
        font-size: .7em
    }
}

@media (max-width: 768px) {
    section.banner-section {
        height: auto;
        margin-bottom: 30px
    }

    section.banner-section .banner-text-content h1.banner-text-main-heading {
        font-size: 2.5em;
        margin: 6% 0
    }

    section.banner-section .banner-text-content {
        top: 18%;
        width: 60%
    }

    section.banner-section .banner-text-content p {
        font-size: 16px
    }

    section.banner-section .banner-text-content button.banner-btn {
        width: 12em;
        font-size: 15px
    }

    .section-title h2 {
        width: auto;
        left: 0
    }

    .cloud-solution .section-title h2,
    .inhouse-solutions .section-title h4,
    .section-title h2,
    .section-title h4 {
        margin: 3% 0;
        font-size: 2em
    }

    .infiflex p {
        margin-bottom: 2em
    }

    .btn-blue {
        font-size: 1.2em;
        width: auto;
        padding: 1% 2%
    }

    img.chekin,
    img.giffy {
        width: 20%
    }

    .cloud-solution .card-header img {
        width: 65%;
    }

    .cloud-solution .panel-default {
        height: 13em
    }

    .giffy-chekin-text {
        width: 85%
    }

    section.infiflex-counter .content .box .icon {
        padding: 10%
    }

    .quick-call .img-background {
        width: 10%
    }

    .quick-call .img-background:after,
    .quick-call .img-background:before {
        width: 40%;
        height: 2px
    }

    .quick-call p.statement {
        right: 0;
        text-align: center;
        margin: 1em 0
    }

    .contact-query {
        margin: 2em 0;
        display: flex;
        justify-content: center
    }

    .query-btn {
        margin: 0;
        left: 0;
        text-align: center;
        right: 0;
        top: 0;
        float: unset
    }

    .aboutUs-imagePosition {
        margin: 0
    }

    .aboutUs-image {
        width: 26em;
        right: 0;
        left: 0;
        top: -2em;
        margin: auto
    }

    .aboutUs-box {
        padding: 0 6%
    }

    .blue-box {
        height: 25em;
        width: 100%;
        right: 0;
        margin-top: 7%
    }

    section.quick-contact .contact-phone,
    section.quick-contact .contact-query {
        margin-left: 0;
        margin-top: 30px
    }

    section.services {
        padding-top: 0;
        padding-bottom: 6em
    }

    .services-panel {
        padding: 3%;
        height: auto;
        margin: 0
    }

    .services-panel h5 {
        margin-bottom: 0;
        font-size: 1.4em;
        margin-top: .7em
    }

    .services-panel p {
        font-size: 1em;
        margin-top: 1em
    }

    .quick-contact .statement {
        right: 0
    }

    .quick-contact-btn {
        left: 0;
        top: -.5em;
        width: 35%
    }

    section.quick-contact .contact-phone {
        display: flex;
        justify-content: center
    }

    .footer-wrapper section.footer article.footer-flex-container a.footer-icon-wrapper-item {
        max-width: 18%
    }

    .footer-wrapper .footer .footer-box h4 {
        font-size: 1.7em
    }

    .footer-wrapper .footer .footer-box p,
    .footer-wrapper .footer .footer-box ul li.no-bullet {
        font-size: 1em
    }

    img.giffy-footer {
        padding: 3%
    }

    .footer-box img.giffy-footer {
        width: 20% !important;
        padding: 1.5%
    }

    .footer-box {
        padding: 6% 0 2%
    }

    section.banner-section .banner-wrapper {
        height: 40em !important
    }
}

@media (max-width: 605px) {
    section.banner-section .banner-text-content {
        width: 80%;
        top: 24%
    }

    section.banner-section .banner-text-content h1.banner-text-main-heading {
        font-size: 2.3em
    }

    p.who-we-are {
        margin-bottom: 3em;
        margin-top: 1em
    }
}

@media (max-width: 526px) {
    section.banner-section .banner-text-content h1.banner-text-main-heading {
        font-size: 2em
    }

    .cloud-partner {
        padding: 3em 0 0
    }

    .partner img {
        width: 100%;
        padding: 7%
    }

    .btn-blue {
        font-size: 1.2em !important;
        width: auto !important;
        padding: 2% 4%
    }

    .services {
        padding: 1em 0 7em !important
    }

    .quick-call .img-background {
        width: 18% !important;
        height: auto !important
    }

    .quick-call .img-background:after,
    .quick-call .img-background:before {
        width: 32%
    }

    .contact-query {
        margin-top: 1em
    }

    .cloud-solution .panel-default {
        padding: 6% !important;
        height: 11em !important;
    }

    .footer-box img.giffy-footer {
        width: 30% !important;
        padding: 2%
    }
}

@media (max-width: 438px) {
    section.banner-section .banner-text-content {
        width: 86%;
        top: 20%
    }
}

@media (max-width: 406px) {
    section.banner-section .banner-text-content p {
        font-size: 1em;
        letter-spacing: 0
    }

    .services-panel {
        margin-bottom: 1em
    }

    .aboutUs-image,
    .cloudSolution-image {
        width: auto
    }
}

@media (max-width: 330px) {
    section.banner-section .banner-text-content {
        width: 90%
    }
}

@media only screen and (min-width: 768px) and (max-width:768px) {
    section.banner-section .banner-text-content {
        width: 60%
    }

    section.banner-section .banner-wrapper {
        height: 33em !important
    }

    section.banner-section .banner-text-content h1.banner-text-main-heading {
        font-size: 2.5em;
        margin: 5% 0
    }

    section.banner-section .banner-text-content p {
        font-size: 1.2em;
        letter-spacing: -.2px
    }

    section.banner-section .banner-text-content .digital-line-banner {
        width: 1.5em;
        height: 3px
    }

    .counter-up .box {
        padding: 1%
    }

    .content .box .counter {
        font-size: 1.2em;
        position: relative;
        bottom: 3px;
        font-weight: 400
    }

    .inhouse-solutions .section-title h4 {
        margin-bottom: .5em
    }

    .content .box .text {
        font-size: .9em;
        font-weight: 600
    }

    .giffy-chekin-text {
        width: 100%;
        font-size: 1em;
        margin: 10% 0
    }

    .btn-blue {
        font-size: 1em !important;
        width: auto !important
    }

    .quick-contact-btn {
        left: 30%;
        top: 0
    }

    .cloud-solution {
        padding-bottom: 4em
    }
}

@media (min-width: 2560px) {
    .section-title p {
        font-size: 30px
    }

    .home-quick-contact .home-quick-contact-heading,
    .quick-contact .statement {
        font-size: 3em
    }

    .home-quick-contact .home-quick-contact-button {
        font-size: 32px
    }

    .aboutUs-imagePosition {
        margin-left: 31%;
        margin-top: 17%;
        width: 54%
    }

    .inhouse-solutions {
        padding: 60px 0
    }

    .quick-contact-btn {
        font-size: 35px;
        padding: 10px 25px
    }

    .cloudSolution-image {
        margin-left: 21em
    }
}

.cloudSolution-image {
    box-shadow: none
}

.cloudSolution-image img {
    box-shadow: 35px 35px #7dce82
}