@media (min-width: 800px) {
    .center-p {
        text-align: center;
        max-width: 850px;
        padding: 0 25px !important;
        margin: auto;
    }
}

@media (min-width: 768px) {
    .modal-md {
        width: 500px;
    }

}

@media (max-width: 768px) {
  
    .video-flex video {
        width: 100%;
        max-width: 320px;
        margin-top: -90px;
    }

    .video-flex [class*="col-"] {
        width: 50%;
    }

    .industries-ul li {
        width: 25%;
    }

    .order-list {
        display: flex;
        flex-wrap: wrap;
    }

    .order-2 {
        order: 2
    }

    .order-1 {
        order: 1;
    }

    .grid-view {
        columns: 2;
    }

    .framework-point {
        flex-wrap: wrap
    }

    .expertise-list .col-sm-3 {
        width: 50% !important;
    }

    .sub-banner {
        padding: 30px 0;
        background-position: 60% center;
        background-size: cover;
    }
}

@media (min-width: 1001px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media (min-width: 800px) and (max-width: 1200px) {
    .service_menu .megamenu {
        width: 100%;
    }

    .align-items-flex-end {
        align-items: center !important;
    }

    .header_bg.inside_header .navbar-header .navbar-brand img.black {
        width: 170px;
    }

    .header_bg .navbar .navbar-nav > li > a {
        font-size: 14px;
    }

    .responsive-logo {
        margin-left: 0px;
    }

    .container,
    .container-fluid {
        width: 98%;
    }

    .ml-7 {
        margin-left: 0;
    }

    .mr-7 {
        margin-right: 0;
    }

    .services-section p {
        padding-right: 0;
    }

    .min-mt {
        margin-top: -100px;
    }

    li.get-in-touch {
        display: none;
    }

    .key-text p {
        white-space: nowrap;
    }

    .owl-stage-outer {
        margin-top: 40px;
    }

    .home-slider-wrapper .owl-stage-outer {
        margin-top: 0px !important;
    }
}

@media (min-width: 768px) and (max-width: 950px) {
    .desktop-only {
        width: 60%;
    }

    .mobile-only {
        width: 40%;
        overflow: hidden;
    }

        .mobile-only img {
            max-width: 200%;
        }

    .contact-box .col-sm-3 {
        display: none;
    }

    .contact-box .col-sm-9 {
        width: 100%;
    }

    .contact-info .or {
        display: none;
    }

    .owl-stage-outer {
        margin-top: 40px;
    }

    .services-section-bg .col-sm-6 {
        width: 100%;
    }

    .center-img {
        text-align: center;
    }

        .center-img img {
            margin-bottom: 0px;
        }
}

@media (max-width: 800px) {
    .footer-bottom p {
        text-align: center;
    }
    .footer-bottom ul.ml-auto {
        text-align: center;
        padding: 0;
        margin-top: 10px;
    }

    .owl-stage-outer {
        margin-top: 40px;
    }

    .home-slider-wrapper .owl-stage-outer {
        margin-top: 0px !important;
    }

    .d-flex {
        display: block;
        align-items: center;
    }

    .contact-box {
        width: 90%;
        text-align: left;
    }

    .services-section p,
    .sub-header p {
        padding-right: 0;
    }

    .contact-info {
        text-align: left;
    }

        .contact-info a {
            width: auto;
            text-align: center;
            display: inline-flex;
            align-items: center;
            font-size: 15px;
        }

        .contact-info .or {
            display: none;
        }

    .contact-box img {
        padding: 25px;
    }

    .section-header p {
        width: auto;
    }

    .ml-7 {
        margin-left: 0%;
    }

    .mr-7 {
        margin-right: 0%;
    }

    .pb-150 {
        padding-bottom: 50px;
    }

    .pb-100 {
        padding-bottom: 50px;
    }

    .min-mt {
        margin-top: -50px;
    }

    .item br {
        display: none;
    }

    .high-light-img {
        top: 0;
    }

    .key-mainbox .col-sm-3 {
        width: 50%;
        float: left;
    }

    .key-point {
        flex-direction: column;
        text-align: center;
    }

    .container,
    .container-fluid {
        width: 96%;
    }

    .col-sm-6.pl-0 {
        margin-left: -2%;
    }

    .col-sm-6.pr-0 {
        margin-left: 0;
    }

    .sub-header {
        padding-bottom: 50px;
        padding-bottom: 50px;
    }

    .responsive-logo {
        margin-left: 0;
    }

    .outside-box {
        top: 40px;
        margin-bottom: 0;
    }

    .mobile-space {
        padding: 20px 0;
    }

    .ml-img {
        margin-right: -3%;
    }
}

@media (max-width: 600px) {
    .column-count {
        column-count: 2;
    }
    .industries-ul li {
        width: 33.33%;
    }

    .tech-flex .col {
        margin: 0 10px;
    }

    .sub-header {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .services-section .text-center, .center-p {
        text-align: left;
    }

    .sub-header h1 {
        font-size: 45px;
    }

    ul.service-ul {
        column-count: 2 !important;
        padding: 0;
    }

    .framework .bg-white {
        padding: 25px 20px !important;
    }

    .d-flex {
        display: block;
        align-items: center;
    }


    .services-section p,
    .sub-header p {
        padding-right: 0;
    }

    .contact-info a {
        padding: 0px;
        border: 0px;
        margin-bottom: 15px;
    }

    .btn-icon i {
        background: transparent;
        width: 28px;
        background-size: 20px !important;
        opacity: 0.8;
        border-right: 1px dashed #858585;
        border-radius: 0;
        background-position: left !important;
        height: 20px;
    }

    .contact-box img {
        padding: 25px;
    }

    .section-header p {
        width: auto;
    }

    .ml-7 {
        margin-left: 0%;
    }

    .mr-7 {
        margin-right: 0%;
    }

    .pb-150 {
        padding-bottom: 50px;
    }

    .pb-100 {
        padding-bottom: 50px;
    }

    .technology-section {
        margin-top: -50px;
    }

    .m-pd-50 {
        padding: 50px 0;
    }

    .min-mt {
        margin-top: 0px;
    }

    .item br {
        display: none;
    }

    .high-light-img {
        top: 0;
    }

    .key-mainbox .col-sm-3 {
        width: 50%;
        float: left;
    }

    .key-point {
        flex-direction: column;
        text-align: center;
    }

    .container,
    .container-fluid {
        width: 96%;
    }

    .responsive-logo {
        margin-left: 0;
    }

    .outside-box {
        top: 40px;
        margin-bottom: 0;
    }

    .mobile-space {
        padding: 20px 0;
    }

    .ml-img {
        margin-right: -3%;
    }

    .services-section h1,
    .section-header h1 {
        line-height: 40px;
        font-size: 35px;
    }

    .home-technology h1 {
        font-size: 14px;
        line-height: normal;
        letter-spacing: 0.5px;
        padding: 10px 18px;
        display: flex;
        margin-top: -15px;
    }

    .home-technology .owl-nav {
        position: relative;
        top: 0px;
    }

    .case-study {
        margin: 0px;
        padding-top: 50px;
    }

        .case-study .owl-stage-outer {
            margin: 0px;
        }

            .case-study .owl-stage-outer h1 {
                margin-top: 20px;
            }

        .case-study .bg-text::before {
            display: none;
        }

        .case-study .owl-nav {
            margin-top: 35px;
        }

    .why-choose-us .owl-nav {
        position: relative;
        top: 0px;
        display: flex;
        text-align: center;
        margin: 20px auto 0;
    }

/*    .faq h1.font-primary {
        text-align: center;
    }*/

    .grid-view {
        columns: 1;
    }

    .owl-dots {
        margin-top: 15px;
    }

    .bg-color-text::after, .bg-gradient.banner::after {
        display: none
    }

    .about-section h1 {
        font-size: 23px;
        line-height: normal;
    }

        .about-section h1 span {
            font-size: 30px;
        }

    .banner-inner {
        min-height: auto;
    }

    .bg-gradient.banner .owl-stage-outer {
        margin-top: 0;
    }

    .banner .owl-dots {
        position: relative;
        bottom: 0px;
        width: 50%;
        left: 0;
        margin: auto;
    }
}

@media (max-width: 400px) {
    .column-count {
        column-count: 1;
    }
    .industries-ul li {
        width: 50%;
    }

    ul.service-ul {
        column-count: 1 !important;
    }

    .key-text p {
        font-size: 13px;
        white-space: nowrap;
    }


    .section-header p {
        font-size: 13px;
        line-height: 20px;
    }

    .why-box h4 {
        font-size: 14px;
        color: #000;
        line-height: 20px;
    }

    .activitie-table th, .activitie-table td {
        padding: 10px;
    }

    .expertise-list .col-sm-3 {
        width: 100% !important;
    }

    .expertise-list .scrollbar {
        max-height: initial !important;
    }
}

@media (max-width: 768px) {
    .column-count {
        column-count: 3;
    }
    .col-sm-6 {
        width: 100%;
    }

    .sub-header .d-flex {
        display: flex;
        flex-direction: column;
    }

        .sub-header .d-flex .col-sm-6:first-child {
            order: 2;
        }

        .sub-header .d-flex .col-sm-6:last-child {
            order: 1;
        }

    .sub-bannerimg {
        padding: 0px;
        margin-left: -2%;
        width: 104%;
    }

    .outside-box {
        top: 0;
        margin-bottom: 0;
        margin-top: 30px;
    }

    .outside-box-2 {
        margin-top: 20px;
    }

    .pd-100 {
        padding: 50px 0;
    }

    .pb-0 {
        padding-bottom: 0px;
    }

    .services-section-bg {
        top: -20px;
    }

    .tec-box {
        width: 50%
    }

    .technology-box-2 .tec-box {
        width: 100% !important;
    }

        .technology-box-2 .tec-box::after {
            border-right: 0px
        }

    .contact-box .col-sm-3 {
        display: none;
    }

    .contact-box .col-sm-9 {
        padding: 0;
    }
}

@media (max-width: 690px) {
    .video-review {
        padding: 20px 15px 90px;
    }
    .video-flex {
        display: block
    }

        .video-flex video {
            width: 100%;
            max-width: 320px;
            margin-top: -70px;
        }

        .video-flex [class*="col-"] {
            width: 100%;
            padding: 0;
        }

    .video-box {
        margin-top: 25px;
    }

        .video-box h3 {
            padding: 12px;
            margin: 0;
            border-radius: 4px;
        }
}