@media (min-width: 320px) and (max-width: 767px) {
    .mobile-d-none {
        display: none;
    }

    .col-lg-5.header-section {
        max-width: 33.333333%;
    }

    #myService, #myModal {
        display: none !important;
        overflow-y: scroll;
    }

    .modal-open{
       overflow-y: auto;
    }

    .modal-backdrop {
        display: none;
    }

    .footer-number p {
        display: none;
    }

    .mobile-country-block {
        position: absolute;
    }

    .mobile-language-block {
        display: block;
        position: absolute;
        right: -70px;
        top: -20px;
    }

    .mobile-language-block button {
        padding: 3px 8px;
        height: auto;
    }

    .mobile-language-block .selected-flag {
        height: 30px;
        margin-right: 5px;
    }

    .phn-contact-btn {
        display: block;
    }

    .popup-image {
        position: unset !important;
    }

    .popup-banner-mobile {
        margin: 0;
        padding: 20px 8px;
    }

    .banner-model .heading {
        font-size: 13px;
        margin-right: 3px;
        display: block;
    }

    .model-text {
        padding-left: 35px;
        padding-top: 22px
    }

    /*.banner-model .modal-body {*/
    /*    padding: 0;*/
    /*}*/
    .pop-up-heading {
        font-size: 14px;
        line-height: 20px;
    }

    .model-text p {
        font-size: 12px;
        line-height: 18px;
    }

    .mobile-btn {
        display: inline-block;
        height: auto;
        margin-top: 10px;
    }

    .banner-model .heading img {
        margin-bottom: 6px;
    }

    .banner-content .popup-btn {
        font-size: 12px;
        position: relative;
        padding: 10px 5px;
        top: 3px;
        width: 100%;
    }

    .popup-btn {
        font-size: 12px;
        position: relative;
        padding: 10px 5px;
        top: 3px;
    }

    .banner-model button {
        font-size: 30px;
        top: -5px;
    }

    .banner-model .modal-body {
        padding-top: 15px;
        padding-bottom: 3px;
    }

    .popup-btn img {
        width: 100px;
        margin-bottom: 3px;
    }

    .banner-model .text-span {
        font-size: 14px;
        display: block;
    }

    .banner-model button {
        right: 0;
    }

    .popup-btn .link-text {
        font-size: 10px;
        margin-right: 4px;
    }

    #myModal .close {
        font-weight: 300;
        font-size: 35px;
        position: relative;
        right: 10px;
    }

    .model-text button {
        padding: 7px;
        font-size: 13px;
        width: 50px;
        vertical-align: -webkit-baseline-middle;
    }

    .offset-inner-sidebar {
        margin: 0;
        padding: 0;
    }

    .blog-notification {
        padding: 45px 15px;
    }

    .blog-image-section {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .blog-content-section {
        width: 100%;
    }

    .contact-details {
        padding: 30px;
    }

    .indus-img-div img {
        height: auto;
    }

    .contact-us-fix-btn img {
        height: 40px;
    }

    .industries-card-main-row .indus-img-div:first-child img {
        height: 150px;
        width: 100%;
    }

    .contact-us-fix-btn {
        bottom: 5%;
    }

    .sidebar-offset {
        margin-left: 0
    }

    .contact-form {
        border: none
    }

    .contact-us-fix-btn a {
        font-weight: 500;
        font-size: 0.75rem;
        padding: 0.9375rem 0;
    }

    .contact-us-fix-btn a img {
        height: 25px;
    }

    .main-fluid.contact-fluid .heading-div {
        padding: 2.5rem 0 1.5rem;
    }

    .arrow-design-tag {
        display: none;
    }

    .mobile-toggle-btn {
        display: block;
        padding: 30px 0;
        width: 100%;
    }

    .mobile-toggle-btn button {
        padding: 0;
    }

    .mobile-toggle-btn button img {
        height: 30px;
    }

    .mobile-display-flex-center {
        display: flex;
        align-items: center;
    }

    .fixed-sidebar-tabs {
        background: #fff;
        width: 100%;
        top: 65px;
        padding: 0;
        left: 0;
        z-index: 10;
        display: none;
    }

    .blog-card img.single-blog-img {
        height: 10.5rem;
    }

    .fixed-sidebar-tabs ul {
        padding: 8px;
        margin: 0;
    }

    .fixed-sidebar-tabs ul li {
        display: inline-block;
    }

    .fixed-sidebar-tabs ul {
        position: static;
        top: auto;
    }

    .fixed-sidebar-tabs ul li a {
        font-size: 12px;
        padding: 2px;
    }

    .header {
        z-index: 11;
    }

    .header-list {
        padding: 0;
        width: 100%;
        text-align: center;
    }

    .header-list ul li a.contact-btn-header {
        padding: 3px 8px;
        font-size: 12px;
    }

    .mobile-toggle-btn button i {
        font-size: 25px;
        color: #ffffff;
    }

    .scroll-header .mobile-toggle-btn button i {
        color: #000000;
    }

    .header-list ul li.active a {
        color: #000000;
    }


    .mobile-hide {
        display: none;
    }

    /*
 * Made by Erik Terwan
 * 24th of November 2015
 * MIT License
 *
 *
 * If you are thinking of using this in
 * production code, beware of the browser
 * prefixes.
 */
    #menuToggle {
        display: block;
        position: absolute;
        top: 0;
        left: 15px;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
    }

    #menuToggle a {
        text-decoration: none;
        color: #232323;

        transition: color 0.3s ease;
    }

    #menuToggle a:hover {
        color: tomato;
    }


    #menuToggle input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;

        cursor: pointer;

        opacity: 0; /* hide this */
        z-index: 2; /* and place it over the hamburger */

        -webkit-touch-callout: none;
    }

    /*
     * Just a quick hamburger
     */
    #menuToggle span {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;

        background: #cdcdcd;
        border-radius: 3px;

        z-index: 1;

        transform-origin: 4px 0;

        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        opacity 0.55s ease;
    }

    #menuToggle span:first-child {
        transform-origin: 0 0;
    }

    #menuToggle span:nth-last-child(2) {
        transform-origin: 0 100%;
    }

    #menuToggle input:checked ~ span {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #ffffff;
        display: none;
    }

    #menuToggle input:checked ~ span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }

    #menuToggle input:checked ~ span:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px);
    }

    #menu {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        padding: 50px;
        background: #000000;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0 0;
        transform: translate(-100%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    }

    #menu li {
        padding: 10px 0;
        width: 100%;
        margin: 0;
    }

    #menu li a {
        color: #ffffff;
        font-size: 1.5rem;
    }

    /*
     * And let's slide it in from the left
     */
    #menuToggle input:checked ~ #menu {
        transform: none;
    }

    .logo-icon {
        text-align: center;
    }

    .logo-icon img {
        margin: 10px auto;
    }

    .mobile-logo-icon {
        height: 45px;
        display: block;
        margin: auto;
    }

    .close-btn {
        margin-top: 20px;
        display: inline-block;
    }

    .home-banner-content .slide-logo {
        height: 7.75rem;
    }

    .home-banner-content {
        width: 100%;
    }

    .home-banner {
        padding: 0 20px;
    }

    .home-banner-content h3 {
        margin-top: 1rem;
        font-size: 1.5rem;
    }

    .home-banner-content h5 {
        margin-top: 30px;
        font-weight: 500;
        font-size: 1.3rem;
        letter-spacing: 0;
        color: #ffffff;
    }

    .header-list ul li.active a, .scroll-header .header-list ul li.active a {
        border-color: #94D8F2;
    }

    .section-padding {
        padding: 1rem 0;
        margin-left: 0;
        margin-right: 0;
    }

    .main-fluid {
        padding: 0;
    }

    .industries-card {
        margin-bottom: 0;
    }

    .consult-sec .consult-img img {
        height: 5.875rem;
    }

    .consult-sec .consult-txt h5 {
        font-size: 1.2rem;
    }

    .consult-sec .consult-txt p {
        font-size: 0.8rem;
    }

    .process-arrow-div {
        display: none;
    }

    a.process-sec {
        width: 100%;
        text-align: center;
    }

    .m-xs-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .heading-div {
        text-align: center;
        padding: 1.2rem 0 1rem;
    }

    .heading-div.service-heading {
        padding: 1rem 0;
        text-align: center;
    }

    .heading-div.service-heading h3 {
        text-align: center;
    }

    .row.service-div .col-12 {
        text-align: center !important;
    }

    .consult-txt {
        text-align: center;
    }

    .contact-form {
        padding: 15px;
    }

    .heading-div h3 {
        font-size: 2rem;
    }

    .form-group input, .form-group textarea, .form-group select {
        margin-bottom: 0.25rem;
        font-size: 0.7rem;
    }

    .contact-btn {
        width: 100% !important;
        margin-top: 10px;
    }

    .main-fluid.contact-fluid .form-group, .contact-fluid-hm .form-group {
        margin-bottom: 0.9rem;
    }

    label {
        font-size: 0.8rem;
        margin-bottom: 0.3rem;
    }

    .footer {
        padding: 1.2rem;
    }

    .footer .row {
        margin: 0;
    }

    .footer .footer-logo {
        height: auto;
        margin-bottom: 10px;
        margin-top: 20px;
        text-align: center;
    }

    .footer .footer-logo img {
        height: 45px;
    }

    .footer .footer-heading h5 {
        font-size: 14px;
        display: inline-block;
    }

    .footer .subscription-footer .footer-heading h5 {
        color: #ffffff;
    }

    .footer .subscription-footer .footer-heading {
        text-align: center;
        margin-bottom: 5px;
        margin-top: 15px;
    }

    .footer .footer-heading img {
        float: none;
        display: inline-block;
    }

    .footer .footer-links ul li {
        margin: 0;
    }

    .footer .footer-links ul li a {
        font-size: 0.75rem;
        padding: 0.1875rem 0;
    }

    .padding-xs-0 {
        padding: 0;
    }

    .submit-footer-btn {
        margin: 23px 6px 0;
        color: #000000;
        background: #a7a7a7;
        font-size: 0.9rem;
        width: 100% !important;
    }

    .copyright-footer p {
        font-size: 0.75rem;
        text-align: center;
    }

    .footer .footer-social ul {
        text-align: center;
        margin-bottom: 10px;
    }

    .consulting-img-div {
        margin: auto;
        height: 9rem;
        width: 9rem;
    }

    .consulting-content {
        width: 100%;
        padding: 0 2rem !important;
    }

    .consulting-content h4, .card-img-overlay-ind h5, .indus-content-heading h5, .vision-div h4, .consulting-content.vision-div h4 {
        font-size: 1.3rem;
        margin-top: 20px;
    }


    .team-details-main p, .vision-div p, .consulting-content p, .indus-content-div p, .indus-content-div li {
        font-size: 0.9rem;
    }

    .heading-single-page h1 {
        font-size: 2rem;
        padding-top: 15px;
    }

    .process-row .consulting-content {
        width: 100%;
        margin-top: 15px;
    }

    .col-12.pl-5 {
        padding-left: 15px !important;
    }

    .row.process-row {
        margin: 0;
    }

    .heading-single-page {
        padding: 3.9rem 0.9375rem 1.6875rem;
        text-align: center;
    }

    .team-heading.heading-single-page {
        padding: 0.6875rem 0.9375rem 0.6875rem;
    }

    .team-details-main {
        text-align: center
    }

    .process-row .consulting-img-div {
        width: 12.5rem;
        height: auto;
        padding-bottom: 15px;
    }

    .process-row .consulting-img-div.team-image {
        width: 91%;
        height: 21.5rem;
    }

    .process-row .consulting-content.team-content {
        width: 100%;
    }

    .industries-card-main-row {
        padding: 15px;
        margin-bottom: 0.375rem;
    }

    .contact-form {
        margin: 0;
    }

    .scroll-header .header-list ul li.active a, .header-single-page .header-list ul li.active a {
        border-color: #94D8F2;
    }

    .cookies-head {
        width: 100%;
        padding: 15px 0;
        bottom: 0;
        border-radius: 0;
    }

    .cookies-head p {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .cookies-head button {
        font-size: 13px;
    }

    .contact-us-fix-btn a {
        width: 4.75rem;
        height: 4.75rem;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .mobile-d-none {
        display: none;
    }

    .contact-us-fix-btn {
        bottom: 22%;
    }

    .mobile-country-block {
        position: absolute;
        right: 0;
    }

    .contact-us-fix-btn img {
        height: 40px;
    }

    .main-fluid {
        padding: 0;
    }

    .scroll-header .header-list ul li.active a, .header-single-page .header-list ul li.active a {
        color: #ffffff;
        border-color: #ffffff;
    }

    .acceptcookies {
        margin-top: 10px;
    }

    .industry-top-card {
        width: 50%;
        float: left;
        padding: 0 15px 0 0;
    }

    .mobile-logo-icon {
        display: block;
        margin: 0 auto 20px;
        height: 90px;
    }

    .footer {
        position: relative;
    }

    .copyright-row {
        position: absolute;
        right: 0;
        bottom: 42%;
        margin: 0;
        width: 41.77%;
    }

    .contact-us-fix-btn a {
        width: 5.75rem;
        height: 5.75rem;
    }

    .mobile-toggle-btn {
        display: block;
        padding: 30px 0;
        width: 100%;
    }

    .sidebar-offset {
        margin: auto;
    }

    .mobile-toggle-btn button {
        padding: 0;
    }

    .heading-single-page h1 {
        text-align: center;
    }

    .heading-single-page p {
        text-align: center;
        margin-top: 5px;
        margin-bottom: 0;

    }

    .footer .footer-logo {
        height: 3rem;
    }

    .copyright-footer p {
        text-align: left;
    }


    .mobile-toggle-btn button img {
        height: 30px;
    }

    .mobile-display-flex-center {
        display: flex;
        align-items: center;
    }

    .fixed-sidebar-tabs {
        background: #fff;
        width: 100%;
        top: 65px;
        padding: 0;
        left: 0;
        z-index: 10;
        display: none;
    }

    .fixed-sidebar-tabs ul {
        padding: 8px;
        margin: 0;
    }

    .fixed-sidebar-tabs ul li {
        display: inline-block;
    }

    .fixed-sidebar-tabs ul {
        position: static;
        top: auto;
    }

    .fixed-sidebar-tabs ul li a {
        font-size: 12px;
        padding: 2px;
    }

    .header {
        z-index: 11;
        height: 65px;
        padding: 8px 0;
    }

    .header-list {
        padding: 0;
        width: 100%;
        text-align: center;
    }

    .header-list ul li a.contact-btn-header {
        padding: 3px 8px;
        font-size: 12px;
    }


    /*.pages-link.show-sidebar{*/
    /*	transform: translate(0);*/
    /*}*/
    /*.pages-link.header-list ul li{*/
    /*	width: 100%;*/
    /*	text-align: left;*/
    /*	margin-left: 0;*/
    /*}*/
    .mobile-toggle-btn button i {
        font-size: 25px;
        color: #ffffff;
    }

    .scroll-header .mobile-toggle-btn button i {
        color: #000000;
    }

    .header-list ul li.active a {
        color: #000000;
        border-color: #94D8F2;
    }


    .mobile-hide {
        display: none;
    }

    /*
 * Made by Erik Terwan
 * 24th of November 2015
 * MIT License
 *
 *
 * If you are thinking of using this in
 * production code, beware of the browser
 * prefixes.
 */
    #menuToggle {
        display: block;
        position: absolute;
        top: 0;
        left: 15px;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
    }

    #menuToggle a {
        text-decoration: none;
        color: #232323;

        transition: color 0.3s ease;
    }

    #menuToggle a:hover {
        color: tomato;
    }


    #menuToggle input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;

        cursor: pointer;

        opacity: 0; /* hide this */
        z-index: 2; /* and place it over the hamburger */

        -webkit-touch-callout: none;
    }

    /*
     * Just a quick hamburger
     */
    #menuToggle span {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;

        background: #cdcdcd;
        border-radius: 3px;

        z-index: 1;

        transform-origin: 4px 0;

        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        opacity 0.55s ease;
    }

    #menuToggle span:first-child {
        transform-origin: 0 0;
    }

    #menuToggle span:nth-last-child(2) {
        transform-origin: 0 100%;
    }

    #menuToggle input:checked ~ span {
        display: none;
    }

    #menu {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        padding: 50px;
        background: #000000;
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0 0;
        transform: translate(-100%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    }

    #menu li {
        padding: 10px 0;
        font-size: 22px;
        width: 100%;
        margin: 0;
    }

    #menu li a {
        color: #ffffff;
        font-size: 2.5rem;
        font-weight: 500;
    }

    .close-btn {
        margin-top: 20px;
        display: inline-block;
    }

    .contact-details {
        padding-top: 1em;
        padding-left: 8%;
    }

    .indus-content-div > .row > .col-12.col-sm-12.col-md-6.col-lg-6.pr-0 {
        padding-left: 0;
    }

    /*
     * And let's slide it in from the left
     */
    #menuToggle input:checked ~ #menu {
        transform: none;
    }

    .home-banner {
        padding-top: 0.375rem;
    }

    .section-padding {
        padding: 2.5rem 2.5rem 0.7rem;
        margin: 0;
    }

    .heading-div.service-heading {
        padding: 1.5rem 0 3rem;
        text-align: center;
    }

    .heading-div.service-heading h3 {
        text-align: center;
    }

    .text-left-mob {
        text-align: left !important;
    }

    .d-none-tablet {
        display: none;
    }

    .industries-card img {
        height: 170px;
    }

    .contact-details {
        padding-top: 45px;
        padding-left: 15px;
    }

    .contact-form {
        border: none;
        padding-left: 15px;
    }

    .contact-form .contact-btn {
        width: 35% !important;
    }

    .policy-label {
        margin-top: 10px;
    }

    .heading-div h3 {
        text-align: center !important;
    }

    .icon-div, .contact-txt {
        width: 100%;
    }

    .icon-div {
        margin-bottom: 10px;
    }

    .explore-row.section-padding {
        padding: 1.875rem 60px;
    }

    .copyright-footer, .text-left-tab {
        text-align: center;
    }

    .text-left-tab {
        padding-bottom: 30px;
        font-weight: bold;
        font-size: 50px;
        line-height: 60px;
    }

    .pl-tab-15 {
        padding-left: 15px !important;
    }

    .footer .form-group button {
        width: 100% !important;
    }
}

@media only screen and (min-width: 1200px) {
    .pop-up .modal-dialog {
        max-width: 795px !important;
    }

    .mobile-block {
        display: none;
    }

    .model-text p {
        width: 373px;
    }

    .model-text {
        padding-left: 42px;
        padding-top: 34px;
        padding-bottom: 36px;
    }

    #myModal .close {
        position: relative;
        padding-right: 15px;
        font-size: 30px;
        font-weight: 400;
        top: 8px;
    }

    .banner-content .heading {
        float: left;
        position: relative;
        bottom: 7px;
        left: 22px;
    }

    .banner-content .popup-btn {
        float: right;
        position: relative;
        right: 30px;
        bottom: 8px;
    }

    #myService.modal {
        height: 80px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .popup-btn {
        padding: 10px 11px;
        font-size: 12px;
    }

    .mobile-country-block {
        position: absolute;
    }

    .mobile-language-block {
        display: block;
        position: unset;
    }

    .mobile-language-block button {
        padding: 3px 8px;
        height: auto;
    }

    .mobile-language-block .selected-flag {
        height: 30px;
        margin-right: 5px;
    }

    .model-text button {
        padding: 6px 11px;
        font-size: 13px;
        width: auto;
    }

    .banner-content .popup-btn img {
        width: 85px;
    }

    .model-text p {
        font-size: 14px;
    }

    .popup-image {
        bottom: 8px;
    }

    .pop-up-heading {
        font-size: 13px;
        line-height: 20px;
    }

    .model-text {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 25px;
    }

    .banner-model .heading {
        /*font-size: 12px;*/
        font-weight: 400;
        color: #000000;
        margin-right: 2px;
    }

    .banner-model .heading img {
        height: 25px;
    }

    .popup-btn .link-text {
        font-size: 12px;
        margin-right: 5px;
    }

    .banner-content .popup-btn .link-text {
        font-size: 9px;
        margin-right: 3px;
        /* margin-bottom: 17px; */
        position: relative;
        bottom: 1.5px;
    }

    #myModal .close {
        position: relative;
        right: 16px;
        font-size: 30px;
        font-weight: 400;
        top: 8px;
    }

    .banner-model .text-span {
        font-size: 11px;
    }

    .banner-model button {
        right: 0;
    }

    .banner-content .heading {
        float: left;
    }

    .banner-content .popup-btn {
        float: right;
        position: relative;
        bottom: 5px;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .mobile-country-block {
        position: absolute;
    }

    .mobile-language-block {
        display: block;
        position: unset;
    }

    .mobile-language-block button {
        padding: 3px 8px;
        height: auto;
    }

    .mobile-language-block .selected-flag {
        height: 30px;
        margin-right: 5px;
    }

    .mobile-lan {
        width: 100%;
        max-width: 100%;
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        text-align: right;
    }
}