@media (min-width: 375px) {
    .container2, .container2.widget-container {
        max-width:80% !important;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 475px) {
    .container2, .container2.widget-container {
        max-width: 420px !important;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 576px) {
    .container2, .container2.widget-container {
        max-width: 560px !important;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 768px) {
    .container2, .container2.widget-container {
        max-width: 750px !important;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0!important;
        padding-left: 0!important;
    }
}
/* Add indicator arrow for the active tab */


@media (min-width: 992px) {
    .container2, .container2.widget-container {
        max-width: 960px !important;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}



@media (min-width: 1200px) {
    .container2, .container2.widget-container {
        max-width: 1140px !important;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}
@media (min-width: 1300px) {
    .container2, .container2.widget-container {
        max-width: 1220px !important;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1220px;
    }
}

@media (min-width: 1400px) {
    .container2, .container2.widget-container {
        max-width: 1320px !important;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
    #footer-part .container, #footer-part .widget-container {
        max-width: 1320px;
    }
}

@media (min-width: 1920px) {
    .container2, .container2.widget-container {
        max-width: 1500px !important;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
  
}

@media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4;
    }

    .featurette-heading {
        font-size: 50px;
    }
}

@media (min-width: 62em) {
    .featurette-heading {
        margin-top: 7rem;
    }
}
/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {

    /* remove the padding from the navbar so the dropdown hover state is not broken */
    .navbar {
        padding-top: 13px;
        padding-bottom:13px;
    }

        /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
        .navbar-collapse .nav-item {
            padding: .5rem .5rem;
            margin: 0 .25rem;
        }

        /* makes the dropdown full width  */
    .navbar-collapse .dropdown {
        position: static;
    }

    .navbar-collapse .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
        /*  height of nav-item  */
        top: 45px;
        display: block;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.3s linear;
    }

        /* shows the dropdown menu on hover */
    .navbar-collapse .dropdown.show .dropdown-menu, .navbar-collapse .dropdown .dropdown-menu.show {
        display: block;
        visibility: visible;
        opacity: 1;
    }

        /* shows the dropdown menu on hover */
    /*.navbar-collapse .dropdown:hover .dropdown-menu, .navbar-collapse .dropdown .dropdown-menu:hover {
        display: block;
        visibility: visible;
        opacity: 1;
        transition: visibility 0s, opacity 0.3s linear;
    }*/

    .navbar-collapse .dropdown-menu {
        border: 1px solid rgba(0,0,0,.15);
        background-color: #fff;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .10rem;
        padding-left: .0rem;
    }
}



@media (max-width:5000px) {
    .partner-bottom .blue-panel {
        padding-bottom: 150px !important;
    }
    .growingteam .image-box {
        background-position: bottom center !important;
    }
}

    @media (max-width: 2000px) {
        .partner-bottom .blue-panel {
            padding-bottom: 80px !important;
        }

        .blue-panel h2 {
            font-size: 30px;
            padding: 0;
            font-weight: bold;
            padding: 12px 0
        }

        .img-position img {
            position: relative;
            margin-bottom: 19px;
        }

        .img-position2 img {
            margin-top: 36px;
            border-radius: 15px 0 0 15px;
            text-align: right;
           
        }

        .smartkargo-box {
            bottom: -36px !important;
        }

        .growingteam .image-box {
            padding: 199px 0 380px;
        }
    }

    @media (max-width: 1900px) {
        .partner-bottom .blue-panel {
            padding-bottom: 34px !important;
        }
        .button-icon .btn-label {
            padding: 5px 12px 8px;
        }
    }

    @media (max-width: 1800px) {
        .partner-bottom .blue-panel {
            padding-bottom: 36px !important;
        }
    }

    @media (max-width: 1700px) {
        .partner-bottom .blue-panel {
            padding-bottom: 43px !important;
        }
    }
@media (max-width: 1590px) {
    .partner-bottom .blue-panel {
        padding-bottom: 18px !important;
    }
}

    @media (max-width: 1500px) {
        .partner-bottom .blue-panel {
            padding-bottom: 8px !important;
        }
    }

    @media (max-width: 1440px) {
        .partner-bottom .blue-panel {
            padding-bottom: 10px !important;
        }
    }
    /* RESPONSIVE CSS
-------------------------------------------------- */
    @media (max-width: 1366px) {
        .growingteam .image-box {
            padding: 185px 0 420px;
            margin-bottom:90px}

        .growingteam h1 {
            font-size: 42px;
        }
        .navbar {
            font-size: 13px;
        }
        .delivery-partner h1 {
            font-size: 42px;
           
        }
        .retailerlevels h2 {
            font-size: 31px;
        }
        .retailerlevels p {
            font-size: 16px;
        }
            .blue-panel h2 {
            font-size: 24px;
            padding: 0;
            font-weight: bold;
            padding: 12px 0;
        }

        .heading-small2 h3 {
            font-size: 1.25rem;
        }
        .servicelevels h2 {
            font-size: 44px;
        }

        .smartkargo-box {
            bottom: 38px !important;
        }


        .blue-panel h2 {
            padding: 0
        }

        .img-position img {
            margin-top: 46px;
            border-radius: 15px 0 0 15px;
            text-align: right;
        }

        .img-position2 img {
            margin-top: 56px;
            border-radius: 15px 0 0 15px;
            text-align: right;
        }

        .partner-bottom .blue-panel {
            padding-bottom: 48px !important
        }
    }

    @media (max-width: 1300px) {
        .delivery-partner .image-box {
            padding: 142px 0 20px;
            background-size: cover !important;
            min-height: inherit;
        }
    }

    @media (max-width:1200px) {
        .partner-bottom .blue-panel {
            padding-bottom: 71px !important;
        }

        .delivery-partner h1 {
            font-size: 40px;
        }

        .blue-panel h2 {
            font-size: 22px;
        }

        .smartkargo-box p {
            font-size: 13px !important;
        }

        .growingteam h1 {
            font-size: 40px;
        }

        .smartkargo-box p {
            margin-bottom: 0
        }

        .delivery-partner .image-box {
            padding: 90px 0 20px;
        }
    }
@media (max-width:1280px){
    .partner-bottom .blue-panel {
        padding-bottom: 28px !important;
    }
    
}
@media (max-width:1081px) {
    .partner-bottom .blue-panel {
        padding-bottom: 0px !important;
    }
    .blue-panel h2 {
        font-size: 21px;
    }

}
@media (max-width:1024px) {
    .navbar-collapse .nav-item {
        padding: .5rem .15rem!important
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .10rem !important;
        font-size: 12px;
    }
    .tracking-box.bg-box {
        padding: 157px 0 20px;
        min-height: 329px;
        margin-bottom:30px
    }
        .nav-item .btn {
        margin-top: 15px
    }

    .smartkargo-box p {
        margin: 0 0 0px 0;
    }


    .blue-panel h2 {
        font-size: 23px;
    }

    .title-top {
        font-size: 20px;
    }

    .partner-bottom .blue-panel {
        padding-bottom: 29px !important;
    }
}

    @media (max-width: 993px) {
        .navbar-toggler{position:absolute;right:25%}
        .navbar .nav-item {
            margin: 0 .1rem;
        }
        .growingteam .image-box {
            background-position: inherit !important
        }
        .navbar-expand-lg .navbar-nav .nav-link {
            font-size: 18px;
            border-bottom: 1px solid #fff;
            color:#fff
        }

        .navbar-expand-lg > .container {
            padding: .5rem 1rem!important;
        }

        .delivery-partner .image-box {
            background-size: cover !important
        }

        .navbar-collapse .dropdown-menu {
            background-color: #fff;
        }

        .navbar-light .navbar-toggler {
            margin-right: 20px;
        }

        .dropdown-menu .container {
            justify-content: center;
        }

        .nav {
            display: block;
            text-align: center;
        }

            .nav li.nav-item {
                display: block;
            }

        .navbar-collapse .dropdown-menu {
            top: 5px !important;
        }

        .navbar-collapse {
            position: fixed;
            top:49px;
            left: 100%;
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 10px;
            padding-bottom: 15px;
            width: 100%;
            transition: all 0.4s ease;
            display: block;
            background: #007BD6;
            bottom: 0;
            text-align: center;
            z-index: 999;
            height:auto;
        }

            .navbar-collapse.collapsing {
                height: auto !important;
                margin-left: 50%;
                left: 50%;
                transition: all 0.2s ease;
            }

            .navbar-collapse .nav-link {
                padding: .8rem 0rem
            }

            .navbar-collapse.show {
                left: 0;
            }

        .menu-button {
            background: transparent;
            border: 1px solid #007BD6;
            color: #007BD6;
            padding: 8px 10px;
            border-radius: 5px;
            display:block
        }

        .step-app > .step-steps li {
            display: inline-block;
        }

        .step-app ul a, .step-app ul .a {
            padding: 0 38px 0 49px;
        }

        .step-app > .step-steps li:first-of-type a, .step-app > .step-steps li:first-of-type .a {
            padding-left: 30px;
        }

        .step-app > .step-steps li a::before, .step-app > .step-steps li a::after, .step-app > .step-steps li .a::before, .step-app > .step-steps li .a::after {
            margin-top: -21px;
        }
        .navwhite-bg .navbar-nav a {
            color: #fff;
        }
       
    }
@media (max-width:991px) {
    .img-position2 img {
        max-width: 139%
    }

    .img-position img {
        max-width: initial
    }
    .commontitle h2 span.back-text {
        font-size: 82px;
        margin: -23px auto 0;
    }
    .bettertechno .col-2 {
        display: none
    }
}
    @media (max-width: 768px) {

        .navbar-toggler {
            right: 20%;
        }
        .commontitle h2 span.back-text {
            font-size: 73px;
            margin: -15px auto 0;
        }

        .footer {
            overflow: hidden
        }

        .blue-panel h2 {
            font-size: 20px;
        }

        .blue-panel h2 {
            font-size: 18px;
        }
        .employee-login .col-8 {
                flex: 0 0 80%;
                max-width: 80%;
            }
        .tracking-box.bg-box {
            background: #223150;
            padding: 124px 0 20px
        }
        .tracking-bg .input-group-btn {
            margin-left: 0 !important;
            width: 100%;
            margin-top: 5px
        }
            .tracking-bg .input-group-btn .site-button.btn.primary-btn {
                width: 100%;
            }
        .tracking-box.bg-box p {
            text-align: center;
            text-shadow: none;
            color: #fff;
        }
        .title-awb {
            font-size: 15px;
        }
    }

    @media (max-width: 767px) {
        .pml-0 {padding-left:1.25rem!important}
        .tracking-box.bg-box h3 {
            text-align: center;
            font-size: 1.45rem;
        }
        .title-awb {
            font-size: 18px;
        }
     
        .tracking-bg.tracking-bg2 {
            flex: 0 0 80%;
            max-width: 80%;
        }
        .navwhite-bg .navbar-collapse .dropdown-menu {
            top: 0px !important;
        }
        .navbar-collapse .dropdown-menu .container {
            height: 500px;
            overflow-x: hidden;
            overflow-y: auto
        }
        .layoutContent {
            overflow: hidden
        }
        .navbar-toggler {
            right: 29%;
        }
        .img-position img, .img-position2 img {
            max-width: 100%
        }

        .navbar-collapse .dropdown-menu {
            text-align: center;
        }

        .retailerlevels img {
            margin-bottom: 0;
        }

        .blue-panel h2 {
            font-size: 24px;
        }

        .smartkargo-box p {
            font-size: 15px;
            margin-bottom: 10px
        }

        .smartkargo-box {
            position: static !important
        }

        .growingteam .image-box {
            background-position: initial !important;
            padding: 143px 0 0px;
        }

        .img-position img {
            text-align: center;
            border-radius: 15px;
            width: 200%
        }

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

        .img-position2 img {
            text-align: center;
            border-radius: 15px;
            margin-bottom: 19px;
            width: 200%
        }

        .commontitle h2 span.back-text {
            font-size: 80px;
        }

        .coveragebox .widget-size-25 .widget-body .flow {
            display: inline-block
        }

            .coveragebox .widget-size-25 .widget-body .flow img {
                width: 200%
            }

        .title-top {
            font-size: 18px;
        }
        .mobile-menu-small a {
            color: #223150
        }
        .contactus .widget-size-50 {
            padding: 0
        }
    }

@media (max-width: 736px) {
    .navbar-collapse .dropdown-menu .container {
        height: 300px;
    }

    .employee-login .col-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .commontitle h2 span.back-text {
        margin: -11px auto 0;
    }

    .fixed-top {
    
        background: #fff;
    }

    .footer .widget-body {
        text-align: center;
    }

    .footer .col {
        flex-basis: auto;
    }

    .commontitle h2 span.back-text {
        font-size: 58px;
    }

    .img-position {
        text-align: center
    }

    .title-top {
        font-size: 16px;
    }

    .menu-button {
        padding: 6px 10px;
    }

    .growingteam .image-box {
        margin-bottom: 0
    }

    .footer {
        padding-top: 20px
    }

        .footer p {
            font-weight: bold;
            font-size: 20px;
            margin-top: 15px;
        }

    .contactus h1, .contactus h2 {
        margin-top: 30px
    }

    .ourservices .image-box h1 {
        line-height: 57px;
        font-size: 44px;
    }

    .career-desscription h2 {
        margin-top: 20px
    }

    .career-desscription .container2, .career-desscription .container2.widget-container {
        max-width: 90% !important;
    }
    .new-insight .container2, .new-insight .container2.widget-container {
        max-width: 90% !important;
    }
    .new-tile {
        margin-top: 49px;
    }
    #navbar-close {
        margin-right: -38px;
        top: 0px;
    }
    .navbar-collapse .dropdown-menu{ padding:15px 0}
    .navbar-collapse img {
        width: 50%
    }
}
    @media (max-width: 550px) {
        .new-tile h1 {
            font-size: 28px;
        }

        .new-tile h2 {
            font-size: 25px;
        }
        .new-tile h2 {
            font-size: 22px;
        }
            .form-box-represent .title {
            font-size: 27px;
            line-height: 33px;
        }
        .btn.btn-orange.mr-5 {
            margin: 13px 0px 13px 0px;
            position: relative;
            left: -23px;
        }
        .post-meta .small {
            font-weight: bold;
            font-size: 18px;
        }
        .navbar-collapse {
            top: 57px
        }
        .navbar.navwhite-bg {
            padding-top: .5rem;
            padding-bottom: 10px;
        }
        .step-app {margin-top:100px!important}
        .navbar {
            padding: .5rem 1rem;
        }
        .navbar-toggler {
            right: 25%;
        }
        
        .step-app > .step-steps li {
            display: block;
        }

        .step-app ul {
            padding: 0 50px 0 0 !important;
        }

        #step-process .nav-tabs .nav-link {
            border-top-left-radius: .25rem !important;
            border-top-right-radius: .25rem !important;
        }

        .step-app > .step-steps li a::after {
            left: 99.5%;
        }

        .new-tile2 {
            margin-top: 40px !important;
        }
        .navbar-expand-lg > .container {
            padding: .5rem 0rem !important;
        }
        .transparent-bg {
            padding: .5rem 1rem;
        }

        .contactus {
            margin-top: 76px !important
        }
        .black-text {
            padding: .5rem 1rem !important;
        }
        .black-text .container {
             padding: .5rem 0!important;
        }

        .back-to-top {
            right: 29px;
        }
       
            .commontitle h2 span.back-text {
            font-size: 41px;
        }

        .commontitle h2 {
            font-size: 30px;
        }

        .img-position2 img {
            margin-top: -1px;
        }

        .partner-bottom .p-4, .partner-bottom .mt-5 {
            margin: 0 !important;
            padding: 0 !important
        }

        .smartkargo-box .p-4.mt-5 {
            margin: 0;
            padding: 0 !important
        }
        .navbar-brand {
            white-space: normal;margin-right:0

        }
        .navbar-brand .widget-container  { padding-right:0}
            .navbar-brand .img-fluid {
                max-width: 76%;
            }
            .img-position img {
            margin-top: 0;
        }

        .growingteam .image-box {
            background-position: initial !important;
            padding: 120px 0 0px;
        }

        .carousal-title {
            font-size: 40px;
        }

        .carousel-caption {
            bottom: 1.5rem;
        }

        .carousel .mt-5 {
            margin-top: 1rem !important;
            margin-bottom: 1rem;
        }

        .carousel .btn-orange, .carousel .btn-default {
            width: 190px;
            margin-bottom: 10px;
        }
    }