@media all and (max-width:991px) {
    body {
        font-size: 14px;
        line-height: 24px;
    }
    .hide-lg {
        display: block;
    }
    .pt-100px {
        padding-top: 30px;
    }
    .header-section.mobile-bg-1 {
        background-image: url('../images/hero-2-mobile-bg.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
    }
    .header-section.mobile-bg-2 {
        background-image: url('../images/hero-3-mobile-bg.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
    }
    .header-section.mobile-bg-3 {
        background-image: url('../images/hero-4-mobile-bg.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
    }
    .header-section {
        padding-bottom: 50px;
        background-position: right;
    }
    .navigation {
        padding: 20px 0;
    }
    .navigation-inner {
        padding: 0 20px;
        flex-wrap: wrap;
    }
    .site-logo {
        position: relative;
        z-index: 999999;
    }
    .site-logo img {
        width: 180px;
    }
    .mobile-nav {
        display: block;
        position: relative;
        z-index: 99999;
    }
    .mobile-nav a {
        color: #fff;
        font-size: 22px;
    }
    .nav-bar {
        width: 100%;
        background-color: #0067A5;
        position: absolute;
        top: 0px;
        left: 0;
        display: none;
        z-index: 999;
        padding-bottom: 30px;
        border-radius: 0 0 10px 10px;
        padding-top: 70px;
    }
    .nav-bar>ul {
        border-top: 1px solid rgba(255, 255, 255, 0.15)
    }
    .nav-bar ul li {
        display: block;
        text-align: center;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15)
    }
    .country {
        position: relative;
        margin: 20px 0;
        padding: 0;
    }
    #country {
        display: none;
    }
    .country .dropdown {
        display: block !important;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background: #0067A5;
        z-index: 1;
    }
    .country .dropdown ul {
        text-align: center;
    }
    .country .dropdown ul li {
        display: inline-block;
        width: auto;
        border: none;
    }
    .nav-bar a.btn-border {
        width: 150px;
        text-align: center;
        margin: auto;
    }
    .pb-100 {
        padding-bottom: 400px;
    }
    .hero-inner {
        flex-direction: column-reverse;
    }
    .hero-content {
        width: 100%;
        color: #fff;
        text-align: center;
        margin-top: 40px;
    }
    .hero-img {
        display: block;
        width: 100%;
        text-align: center;
    }
    .hero-img.soultion-img {
        position: static;
        float: none;
    }
    .hero-img .mobile-img {
        position: static;
        display: block;
        width: 230px;
        margin: 0px auto;
    }
    .soultion-img img {
        float: none;
    }
    .hero-img .desktop-img {
        display: none;
    }
    .hero-content span {
        display: none;
    }
    .hero-content h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .hero-content p {
        font-size: 15px;
        line-height: 22px;
        max-width: 100%;
        padding: 0 10px;
    }
    .hero-content a {
        margin: 40px auto;
    }
    .widget-popup {
        max-width: 95%;
        top: -420px;
        margin-bottom: -380px;
    }
    .widget-popup {
        width: 100%;
        background-color: transparent;
        display: block;
    }
    .widget-popup span.widget-title {
        background-color: transparent;
        font-size: 18px;
        line-height: 28px;
        color: #fff;
        border-radius: 10px;
        padding: 20px;
        display: block;
        width: 60%;
        margin: 0 auto;
    }
    .widget-group {
        display: block;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 30px;
    }
    .widget-popup span {
        width: 200px;
        display: inline-block;
        text-align: center;
        padding: 20px 45px;
        font-size: 15px;
        font-family: 'Montserrat', sans-serif;
        color: #004672;
        font-weight: 400;
        line-height: 24px;
        background-color: #fff;
        border-radius: 10px;
        margin: 0 25px;
        white-space: normal;
    }
    .widget-popup span p {
        white-space: normal;
    }
    .tab-section {
        padding-bottom: 0;
    }
    .widget-section {
        background-color: #0D4F79;
    }
    .tab-heading h3 {
        font-size: 24px;
        line-height: 32px;
        color: #fff;
        box-shadow: none;
        display: inline-block;
        padding: 20px;
        max-width: 284px;
        margin: 0 auto;
    }
    .tab-head {
        padding-top: 15px;
    }
    .tab-heading p {
        max-width: 90%;
        margin: auto;
        color: #fff;
        font-size: 14px;
        padding-bottom: 60px;
    }
    .tabs ul {
        text-align: center;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-top: 20px;
    }
    .tabs ul ::-webkit-scrollbar {
        display: none;
    }
    .tabs ul ::-moz-scrollbar {
        display: none;
    }
    .tabs li {
        flex: 0 0 auto;
    }
    .tabs ul li a {
        font-size: 15px;
        padding: 16px 12px;
    }
    .tab-inner {
        padding: 20px;
    }
    .tab-text {
        width: 100%;
        text-align: center;
    }
    .tab-text a {
        display: none;
    }
    .tab-img {
        display: block;
        text-align: center;
        width: 100%;
    }
    .tab-img a {
        display: inline-block;
    }
    .tab-img-1 img {
        width: 100%;
        margin-bottom: 0;
        margin-top: 0;
    }
    .tab-img img {
        margin-bottom: 0;
        margin-top: 0;
    }
    .tab-text h3 {
        font-size: 24px;
        margin-bottom: 16px;
        line-height: 32px;
    }
    .big-footer {
        background-color: #0A4D77;
        padding: 40px;
        margin-top: 0;
    }
    .single-footer {
        display: none;
    }
    .single-footer:nth-child(5) {
        display: block;
        width: 100%;
        text-align: center;
    }
    .tabs ul.big-tab li {
        width: auto;
    }
    .tabs ul.big-tab li a {
        display: block;
        font-size: 12px;
        color: rgba(255, 2555, 255, 0.5);
        padding: 10px 10px 20px 15px;
        border-radius: 10px 10px 0 0;
        line-height: 15px;
        white-space: normal;
        width: 122px;
        height: 105px;
        margin: 0 20px;
    }
    .tabs ul.big-tab li a i {
        display: block;
        font-size: 28px;
        margin: 10px 0;
        color: #fff;
    }
    .custom-padding .tab-text {
        padding: 30px 20px;
    }
    .tab-img .desktop-img {
        display: none;
    }
    .tab-img .mobile-img {
        display: block;
        margin: auto;
        width: auto;
    }
    .tab-2-img-2 img {
        right: 0;
    }
    .tab-img.tab-2-img-2 .mobile-img {
        width: auto;
        margin: auto;
    }
    .tab-img.tab-2-img-1.tab-2-m-1 img {
        margin: 0;
        width: 100% !important
    }
    .tab-img.tab-2-img-2.tab-3-img-2 .mobile-img {
        width: 100%;
        margin: auto;
    }
    .tab-img.tab-2-img-2.tab-4-mobile .mobile-img {
        width: 80%;
        margin: auto;
    }
    .tab-img.tab-4-img-3.tab-4-mobile .mobile-img {
        width: 80%;
        margin: auto auto 40px auto;
        right: inherit;
    }
    .tab-2-img-4 img {
        margin: auto;
        width: auto;
    }
    .mb-40 img {
        margin-bottom: 40px !important;
    }
    .hero-section.solution-hero .hero-content h2 {
        margin: 20px auto;
    }
    .solutions-dropdown {
        border-radius: unset;
        width: 100%;
        position: relative;
        text-align: right;
    }
    .vom {
        display: unset;
    }
    #solutions-dropdown-arrow {
        margin-left: 7px;
    }
}

@media all and (min-width:1400px) {
    .container-fluid {
        max-width: 1300px;
        margin: auto;
    }
}