.dropdown-item:focus,.dropdown-item:hover {
    background-color: #c4e0fe;
    color: #000
}

@media(min-width: 992px) {
    .overlay .light {
        font-weight:300
    }

    .overlay .content {
    }

    .content.text-center {
        padding-bottom: 0!important
    }

    .dropdown .dropdown-menu {
        position: absolute;
        left: 0;
        max-height: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
        transition: all .5s linear;
        border-radius: 0 0 8px 8px;
        display: block;
        border: 0
    }

    .dropdown:hover>.dropdown-menu {
        max-height: 32em
    }

    .menu-left {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .menu-right {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media(min-width: 1400px) {
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right:1rem;
        padding-left: 1rem
    }

    .content.text-center {
        padding-bottom: 0!important
    }
}

@media(min-width: 1400px) {
    .menu-left {
        padding-left:5rem;
        padding-right: 5rem
    }

    .menu-right {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media(min-width: 1600px) {
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right:1.5rem;
        padding-left: 1.5rem
    }
}

@media(max-width: 1600px) {
    .blog-dots {
        width:100%;
        left: 0;
        right: 0
    }

    .cntct-bnr-side-img img {
        top: 90px
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: -65px!important
    }

    .owl-carousel .owl-nav button.owl-next {
        right: -65px!important
    }

    .bg_text {
        font-size: 10rem;
        top: -48px
    }
}

@media(max-width: 1400px) {
    .navbar-brand {
        width:200px
    }

    .navbar-dark .navbar-text a {
        font-size: 20px
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: -45px!important
    }

    .owl-carousel .owl-nav button.owl-next {
        right: -45px!important
    }

    .bg_text {
        font-size: 8rem;
        top: -60px
    }

    .bold,.light {
        font-size: 42px
    }

    .bold {
        font-size: 44px
    }

    #services .bold {
        font-size: 50px
    }

    .content.text-center.mb-5 {
        margin-bottom: 0!important
    }

    section {
        padding: 100px 0
    }
}

@media(max-width: 1366px) {
    .embed-responsive video {
        height:600px
    }
}

@media(max-width: 1200px) {
    header.content {
        margin-bottom:60px!important
    }
}

@media(max-width: 1199.98px) {
    #services .card,#solutions-cards .card {
        min-height:240px;
        display: inline-flex;
        align-items: center;
        justify-content: center
    }

    .navbar-text span {
        display: none
    }

    #sidebarCollapse {
        order: 2
    }

    .navbar-text {
        width: 60px;
        padding: 6px 16px;
        border: 1px solid #ffffff2b;
        border-radius: 6px;
        margin-right: 10px;
        margin-left: auto
    }

    .navbar-text a.number:before {
        opacity: .8
    }

    header.contact .inner-header.inner-bg .content {
        padding: 100px
    }

    .contact .bold {
        font-size: 34px
    }

    .contact h3.hero {
        font-size: 24px
    }

    .contact .navbar {
        padding: 0
    }

    #mySVG {
        margin-top: -26px
    }

    #process-grid .row .bold,#process-grid .row .light {
        margin-bottom: 0
    }

    #process-grid .row {
        margin-bottom: 45px
    }

    #process-grid .left img {
        margin-left: -80px;
        width: 80%
    }

    #process-grid img {
        width: 80%
    }

    .navbar {
        padding: 15px 0
    }

    .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: -35px!important
    }

    .owl-carousel .owl-nav button.owl-next {
        right: -35px!important
    }

    .bg_text {
        font-size: 6rem;
        top: -48px
    }

    .scroll-wrap {
        display: none
    }

    .navbar-nav .nav-link,p.hero {
        font-size: 16px
    }

    .navbar-dark .navbar-brand {
        width: 160px
    }

    a.number {
        font-size: 18px
    }

    header .overlay {
    }

    #app-screen .app-detail h5 {
        font-size: 16px
    }

    #app-screen .app-detail p {
        line-height: 20px;
        font-size: 14px
    }

    #app-screen .app-detail h5:after,.app-detail h5:before {
        width: 16px;
        height: 16px
    }

    #app-screen .mobile-img img {
        width: 75%
    }
}

@media(max-width: 991.98px) {
    .industries .dot-left .app-detail h5:before {
        display:none
    }

    #services .card,#solutions-cards .card {
        min-height: 200px
    }

    .boudle {
        height: 620px;
        position: relative;
        text-align: center
    }

    .boudle>div {
        position: absolute;
        bottom: 10px;
        left: 15%
    }

    .inner-case-img img {
        transform: none!important
    }

    .inner-case-img div[class*=col-]:first-child img {
        max-width: 400px
    }

    .inner-case-img div[class*=col-]:last-child img {
        max-width: 232px
    }

    .contact a.email:before {
        background: url(../images/contact/email-w.png) no-repeat center
    }

    .contact a.number:before {
        background: url(../images/contact/number-w.png) no-repeat center
    }

    .contact a.email,.contact a.number {
        color: #fff
    }

    .before-ntrc {
        display: none
    }

    .app-detail h5:after {
        display: none
    }

    .dot-left .app-detail h5:before {
        position: relative;
        left: 0
    }

    .app-detail h5:before {
        content: "";
        margin: 30px auto 20px!important;
        display: block
    }

    .right img {
        margin-left: 50px
    }

    #process-grid .left img {
        margin-left: -50px
    }

    #process-grid .row {
        margin-bottom: 80px
    }

    #mySVG {
        margin-top: -36px
    }

    #process-grid.inner-content p.hero {
        line-height: 25px;
        margin-bottom: 0
    }

    .owl-slider-4 .slider-2-content {
        background-color: #fff;
        margin-bottom: -1px;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }

    .services-dots {
        left: 0;
        width: 100%
    }

    .bold,.light {
        font-size: 27px
    }

    .bold {
        font-size: 29px!important
    }

    #services .bold {
        font-size: 35px
    }

    #services .card-title {
        font-size: 16px
    }

    .contact-form .border-left {
        border-top: 1px solid #dee2e6!important;
        border-left: 0
    }

    header .overlay {
        background: url(../images/header-bg-small.png) no-repeat top center;
        background-size: cover
    }

    #solutions .owl-slider-3 {
        width: 300px;
        background-size: cover;
        min-height: auto;
        margin: 0 auto;
        height: 461px
    }

    .owl-carousel .owl-item img {
        padding: 0
    }

    .owl-slider-4 .img-wrap {
        height: 414px
    }

    .slider-2-content {
        margin-bottom: 25px
    }

    .app-detail.b-heading {
        margin: 20px 0
    }

    .contact nav.fixed-top {
        position: absolute
    }
}

@media(max-width: 768px) {
    header .overlay {
        background:url(../images/header-bg.jpg) no-repeat top center;
        background-size: cover;
        position: relative;
        padding: 120px 20px
    }

    h3.bold.mob-bold-box {
        margin: 30px 0 0
    }

    .home_about_section #logos img {
        height: 100px
    }

    section {
        overflow: hidden!important
    }

    .inner_icons img {
        text-align: center;
        width: 40px;
        margin: 0 31px 0 0;
        justify-content: center;
        margin: auto
    }

    .row.align-items-center.px-lg-5.pb-5.pb-lg-0 {
        margin: 0 0 45px
    }

    p.margin-top-app-pera {
        margin: 15px 0 0
    }

    a.btn.btn-white.hvr-ripple-out.form-btn-mobile {
        margin: 0 0 30px
    }

    .contact_footer .contactfrom .formwrp form .txtwrp span {
        text-align: center;
        margin: auto;
        display: table
    }

    .bg_text {
        font-size: 35px;
        top: -48px;
        left: 190px
    }

    .contact_footer .contact-form-sec .col-sm-5.offset-1 {
        margin: 0
    }

    footer {
        padding: 50px 0 30px
    }

    br {
        display: none
    }

    h1.bold.font-size-large {
        text-align: center
    }

    .offset-md-1.col-md-6.col-lg-7.aos-init.aos-animate {
        text-align: center
    }

    h1.bold {
        text-align: center
    }

    .mb-5,.my-5 {
        margin-bottom: 0!important
    }

    p {
        text-align: center
    }

    .contact_footer .contactfrom .formwrp form .txtwrp h4 {
        text-align: center;
        font-size: 27px
    }

    .embed-responsive video {
        /* display:none; */
        position: absolute;
    }

    #services .bold {
        text-align: center
    }

    .navbar-nav .nav-link,p.hero {
        font-size: 16px;
        text-align: center
    }

    .case-studies-home .owl-carousel .owl-nav button.owl-prev {
        left: 20px!important;
        top: 27%
    }

    .case-studies-home .owl-carousel .owl-nav button.owl-next {
        right: 20px!important;
        top: 27%
    }

    .case-studies-home .section {
        height: auto
    }

    .before-ntrc {
        display: none!important
    }

    .case-studies-home .intro {
        text-align: center
    }
}

@media(max-width: 767.98px) {
    .inner-content p.hero {
        line-height:26px
    }

    section.inner-content {
        padding: 40px 0
    }

    .mobile-ser {
        padding: 40px 0 0!important
    }

    .eco-text-box {
        margin: 70px 0 0;
        text-align: center
    }

    .round-shape-bg:before {
        content: "";
        background-image: none;
        width: 100%;
        height: 100%;
        position: absolute;
        background-size: cover;
        top: 0;
        background-color: #3e7de8!important
    }

    .inner_icons {
        display: flex;
        margin: 40px 0 30px
    }

    section {
        overflow: hidden!important
    }

    #services .card,#solutions-cards .card {
        min-height: 230px
    }

    .card-columns .card {
        min-height: 240px
    }

    #blog .card {
        flex: 0 1 47%;
        margin: 0 auto 20px
    }

    #solutions-cards .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    .half .inner-header {
        min-height: 600px
    }

    .icon-w-text .inner-heading {
        margin-top: 0
    }

    .icon-w-text {
        text-align: center
    }

    .icon-w-text img {
        margin: 0 auto
    }

    header .inner-header {
        text-align: center;
        max-height: 50vh;
        min-height: 600px
    }

    .boudle>div {
        left: 3%
    }

    .inner-case-img img {
        display: none
    }

    .inner-case .bounce {
        margin-top: 60px
    }

    #section4 {
        background-position: right center!important
    }

    .inner-content .bold {
        font-size: 27px
    }

    header .inner-header h1:first-child {
        padding: 50px 0 0
    }

    header .inner-header {
        text-align: center;
        max-height: initial;
        min-height: inherit;
        height: auto;
        margin: 0
    }

    .btn-gr {
        display: table;
        margin: auto
    }

    .inner-content p {
        line-height: 23px;
        font-size: 15px
    }

    .inner-heading {
        font-size: 23px;
        text-align: center
    }

    a.btn.btn-white.hvr-ripple-out.form-btn-mobile {
        margin: 0 0 30px
    }

    .screen-images.d-flex.justify-content-between img {
        display: none
    }

    .cas-box {
        position: relative;
        height: 0;
        min-height: auto
    }

    img.img-fluid {
        /* display:none; */
    }

    .img-logo-header {
        width: 80px;
        margin-bottom: 20px
    }

    .mb-res {
        margin-bottom: -100px
    }

    section {
        overflow: hidden!important
    }

    #mySVG {
        display: none
    }

    .before-ntrc {
        display: none
    }

    .inner-header .bounce {
        display: none
    }

    header .overlay {
        background: url(../images/header-bg.jpg) no-repeat top center;
        background-size: cover;
        position: relative;
        padding: 120px 20px
    }

    .embed-responsive video {
        /* display:none; */
    }

    #work .owl-carousel .owl-item img {
        width: 60%;
        margin: 50px auto 0
    }

    section {
        padding: 60px 0
    }

    .solutions-dots {
        width: 100%;
        right: 0
    }

    #about {
        height: auto;
        padding-top: 0
    }

    #solutions .owl-slider-3 {
        width: 400px;
        background-size: cover;
        min-height: auto;
        margin: 0 auto;
        height: 615px
    }

    .owl-carousel .owl-item img {
        width: 257px;
        padding: 17px 0
    }

    #platform .card .card-img {
        width: auto;
        height: auto
    }

    #platform .card .card-img img {
        width: 50%;
        margin: 10px 0 0
    }

    #platform .card .card-title {
        font-size: 13px
    }

    #app-screen .dot-right .app-detail h5:after {
        display: none
    }

    #app-screen .mobile-img {
        display: none
    }

    .e-books .col-md-4 img {
        margin-top: 68px
    }

    header.contact .inner-header.inner-bg .content {
        padding: 150px
    }

    header.contact .inner-header.inner-bg .lst-child .content {
        padding: 80px!important
    }

    .cntct-bnr-side-img img {
        width: 100%;
        position: relative;
        top: 20px
    }

    .contact-bnr-sec {
        height: auto
    }

    .cntct-bnr-txt h1 {
        text-align: center;
        line-height: 30px
    }

    .cntct-bnr-txt p {
        text-align: center
    }

    .cntct-bnr-logo {
        text-align: center
    }

    .form-lft-col {
        padding: 20px 10px
    }

    .form-lft-col h2 {
        font-size: 20px;
        line-height: normal;
        text-align: center
    }

    .form-lft-col h4 {
        text-align: center
    }

    .contactfrom {
        padding-bottom: 0
    }

    .contactfrom .offset-1.col-sm-6 {
        margin: 0
    }

    .speak-with a {
        font-size: 15px
    }

    .speak-with {
        flex-wrap: wrap;
        justify-content: center
    }
}

@media(max-width: 695px) {
    .contact .navbar>.container,.contact .navbar>.container-fluid {
        flex-wrap:wrap
    }

    .contact .navbar-brand,.contact .navbar-text {
        flex: 1 0 auto;
        text-align: center
    }

    .contact .navbar-text {
        margin-bottom: 10px
    }
}

@media(max-width: 575.98px) {
    #services .card,#solutions-cards .card {
        max-width:300px;
        margin: 0 auto;
        display: block
    }

    h2.bold {
        color: #fff!important
    }

    #technologies {
        padding: 30px 0
    }

    .ml-auto,.mx-auto {
        margin: 0;
        padding: 0
    }

    .row.justify-content-center img {
        width: 100%;
        float: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .col-auto.aos-init.aos-animate {
        width: 50%
    }

    #testimonials-grid .row {
        margin-bottom: 50px
    }

    #fullpage h2 {
        text-align: center
    }

    a.btn.btn-white.hvr-ripple-out {
        text-align: center;
        margin: auto;
        display: table
    }

    h2.bold.large-fs.color-about-mob {
        color: #000!important;
        text-align: center
    }

    p.hero.normal-lh.color-about-mob {
        color: #000!important;
        text-align: center;
        padding: 0!important;
        margin: 0!important
    }

    ul.arrow {
        padding-left: 10px
    }

    .contact-form>.row>div[class*=col] {
        padding: 20px!important
    }

    #solutions .owl-carousel .owl-item img {
        width: 192px;
        padding: 24px 0 0
    }

    #solutions .solutions-slider {
        background-size: 291px
    }

    .navbar-text {
        width: 50px;
        padding: 6px 10px
    }

    .boudle>div {
        left: 0;
        width: 100%
    }

    .boudle>div img {
        max-width: 320px
    }

    footer {
        text-align: center
    }

    .boudle {
        height: 470px
    }

    .boudle>div {
        left: 0
    }

    header.contact .inner-header.inner-bg .content {
        padding: 150px 20px
    }

    header.contact .inner-header.inner-bg .lst-child .content {
        padding: 50px 20px!important
    }

    #process-grid img {
        margin-left: 50px!important;
        margin-bottom: 10px
    }

    .mb-res {
        margin-bottom: 0
    }

    header .overlay {
        background: url(../images/header-mobile.jpg) no-repeat top center;
        background-size: cover;
        position: relative;
        padding: 80px 0;
        opacity: 1
    }

    .embed-responsive video {
        /* display:none; */
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: -10px!important
    }

    .owl-carousel .owl-nav button.owl-next {
        right: -10px!important
    }

    .navbar-dark .navbar-brand {
        width: 150px;
        margin: 0
    }

    #services .card-columns,#solutions-cards .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    #work .owl-carousel .owl-item img {
        width: 80%;
        margin: 50px auto 0
    }

    #solutions .owl-slider-3 {
        width: 300px;
        background-size: cover;
        min-height: auto;
        margin: 0 auto;
        height: 461px
    }

    .owl-carousel .owl-item img {
        width: 60%;
        padding: 11px 0
    }

    #testimonials-grid .col-md-4 {
        margin-top: 40px
    }

    #testimonials-grid .left-q:before,.center-q:before,.right-q:before {
        width: 75px;
        top: -27px
    }

    #platform .card {
        flex: 0 1 calc(50% - 30px)
    }

    #advertising-start .ad-img img {
        width: 100%
    }

    #advertising .card h5.card-title {
        margin-top: 5%
    }

    #footer-bottom p,#footer-bottom p a {
        text-align: center
    }
}