@media (min-width: 375px) {
    .container2, .container2.widget-container {
        max-width: 85% !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;
    }

    .customer-info.col-md-2, .customer-info.widget.widget-size-20 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

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



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

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

@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 (max-width: 1800px) {
    .hero-area {
      
        min-height: 746px !important;
       
    }
}
@media (max-width: 1500px) {
    .hero-area {
        min-height: 668px !important;
    }
}
    @media (max-width: 1199px) {
       

        .navbar-expand-lg .navbar-nav .nav-item {
            padding-left: 12px;
            font-family: 'Roboto';
        }

        .navbar-brand {
            width: 180px;
        }

        #hero-area .contents .head-title {
            font-size: 50px;
            line-height: 58px;
        }

        .inner-menu {
            flex-direction: row;
        }

            .inner-menu .nav-item {
                text-align: center;
                font-size: 12px;
            }

        .cart-detail {
            flex-direction: row;
        }

            .cart-detail .nav-item {
                text-align: center;
                font-size: 12px;
            }
    }

    @media (max-width: 991px) {
        .icon-outer-blue, .icon-outer-green, .icon-outer-green-dark {
            padding-right: 0
        }
            .icon-outer-blue span, .icon-outer-green span, .icon-outer-green-dark span {
                width: 100%;
                margin: 0 0 5px 0;
                padding: 13px;
                display: block;
                border-radius: 0;
            }
        .flight-image .detail-flight {
            font-family: Tahoma,helvetica,arial,Georgia, sans-serif;
            display: inline-block;
            font-size: 14px;
            vertical-align: middle;
            text-align: center;
            line-height: 23px;
            position: relative;
            top: 1px;
            padding-left: 6px;
            padding-right: 6px;
            white-space: nowrap;
            width: 100%;
        }
        .navbar-expand-lg .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .section-title {
            font-size: 30px;
            margin-bottom: 30px;
        }

        .services-item .services-content h3 a {
            font-size: 14px;
        }

        .services-item {
            margin-bottom: 20px;
        }

        .inner-menu {
            flex-direction: row;
        }

            .inner-menu i {
                display: block;
                text-align: center;
            }

            .inner-menu .nav-item {
                text-align: center;
                font-size: 12px;
            }

        .cart-detail {
            flex-direction: row;
        }

            .cart-detail i {
                display: block;
                text-align: center;
            }

            .cart-detail .nav-item {
                text-align: center;
                font-size: 12px;
            }

        .navbar-expand-lg .navbar-nav.mobile-menu {
            flex-direction: row;
        }

            .navbar-expand-lg .navbar-nav.mobile-menu .nav-item {
                display: inline-block
            }
        .offcanvas-collapse {
            position: fixed;
            top: 44px; /* Height of navbar */
            bottom: 0;
            left: 100%;
            width: 100%;
            padding-right: 1rem;
            padding-left: 1rem;
            overflow-y: auto;
            visibility: hidden;
            background-color: #fff;
            transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
            transition: transform .3s ease-in-out, visibility .3s ease-in-out;
            transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
            z-index: 999
        }

            .offcanvas-collapse.open {
                visibility: visible;
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
            }
        .navbar-expand-lg .navbar-nav .nav-item {
            border-bottom: 1px solid #e5f1ff !important;
        }

        .navbar-expand-lg .navbar-nav.mobile-menu .nav-item {
            border-bottom: 0px solid #e5f1ff !important;
        }
        .navbar-expand-lg .navbar-nav.mobile-menu a.active {
            color: #fff !important
        }

        .navbar-nav.mr-auto.w-100.text-md-center {
            text-align: left !important
        }
       
        .navbar-nav.mr-auto.w-100.text-md-center {
            display: block;
    width: 100%;
        }
    }

    /* only small tablets */
    @media (min-width: 768px) and (max-width: 991px) {
        .section-title {
            font-size: 26px;
            margin-bottom: 30px;
        }

        .services-item .services-content h3 a {
            font-size: 16px;
        }

        .bg-inverse {
            background: #fff !important;
            box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);
        }

        .navbar-expand-lg .navbar-nav .nav-link {
            margin-bottom: 0;
            margin-top: 0;
        }
    }

    @media (max-width: 768px) {
        .howitwork-box h1 {
            margin-top: 36px;
        }
        .offcanvas-collapse { top:90px
        }
            .inner-menu .nav-item {
            text-align: center;
            font-size: 12px;
            line-height: 15px;
        }

        .cart-detail .nav-item {
            text-align: center;
            font-size: 12px;
            padding-left: 0 !important;
        }

        .inner-menu {
            width: 80%;
        }

        .info-wrap .col-md-8, .info-wrap .col-md-4 {
            max-width: 100%;
            flex: 0 0 100%
        }

            .info-wrap .col-md-4.text-right {
                text-align: left !important;
            }

        .get-free-account h2 {
            font-size: 28px;
        }

        .get-free-account .btn-hero {
            padding: 5px 24px;
        }

        .howitwork-box .card-body.border-left.pl-4 {
            padding-left: 10px !important
        }

        .howitwork-box .card-body {
            padding: 0;
        }

        .howitwork-box h2 {
            font-size: 22px !important;
        }

        .footer-area.section-padding {
            padding-bottom: 0;
        }

        .top-mobile-space {
            margin-top: 20px
        }
        .hero-area .contents .head-title {
            color: #fff;
            font-size: 44px;
            font-weight: 700;
            line-height: 58px;
            margin-top: 16px;
        }
        .hero-area .contents p{color: #fff;}
        .hero-area {
            background-image: url(../../Media/banner/hero-img2.png);
            top: 14px;
            background-position: top;
        }
        .pb-100 {
            padding-bottom: 20px;
        }

        .navbar-expand-lg .navbar-nav.mobile-menu {
            justify-content: center !important;
            width: 100%;
            background: #11172b;
            margin-top: 10px
        }
        .navbar-expand-lg .navbar-nav .nav-item button.nav-link {
            color: #fff!important;
            padding: 7px 0 10px;
        }
        .navbar-expand-lg .navbar-nav.mobile-menu a {
            color: #fff!important
        }
      
        #header-wrap .navbar { padding: .2rem 1rem 0;}
        .btn-default-select {
            background: transparent;
            border: 0;
            padding: 0
        }

        .hide-mobile {
            display: none
        }

        .inner-menu .hide-mobile {
            display: none
        }

        .only-top .nav-link {
            font-size: 1.85rem !important;
        }

        .navbar-expand-lg .navbar-nav .nav-link i {
            font-size: 1.85rem !important;
        }

        .navbar-expand-lg .navbar-nav .nav-item {
            padding-right: 24px !important;
        }

        .navbar-expand-lg.inner-menu .navbar-nav .nav-item {
            border-bottom: 0px solid #e5f1ff !important;
            display: inline-block
        }

        .navbar-expand-lg.inner-menu .navbar-nav {
            display: block
        }

        .navbar-expand-lg.inner-menu span {
            font-size: 1.85rem !important;
        }

        #lblCart {
            display: none
        }

        .acccount-dashbard .navbar-expand-lg .navbar-nav .nav-item:last-child {
            padding-left: 0px;
            padding-right: 0 !important;
        }
        .navbar-expand-lg .navbar-nav.mobile-menu a.btn-default-select {
            font-size: 19px;
        }
        .inner-menu {margin-top:15px}
        .nav-item.dropdown.mt-2 {
            margin-top: .6rem !important;
        }
        #header-wrap .navbar {
            padding: .2rem 0 0 0rem 
        }
        .navbar-brand {
          
            padding-left: 10px;
        }

        .navbar-expand-lg .container {
            max-width: 100%;
            padding: 0
        }
    }
    /* mobile or only mobile */
    @media (max-width: 767px) {
      
        .faq p {
            color: #000;
            font-size: 14px;
            text-align: left;
            padding-left: 6px;
        }
        .bg-inverse .dropdown:hover .dropdown-menu {
            right: 5px;
            left: auto;
        }

        .bg-inverse .dropdown-menu:before {
            right: 11%;
            left: auto;
            border-left: 10px solid transparent;
            border-bottom: 10px solid #fff;
        }

        .justify-content-center .white-bg {
            margin-bottom: 20px;
            width: 94%;
            margin: 0 auto 20px
        }

        .shape-bg {
            margin-top: 30px
        }

        .col-4.cost-calculation {
            flex: 0 0 63.333333%;
            max-width: 63.333333%;
        }

        .cost-calculation .input-group {
            width: 100%;
            padding-left: 15px;
            margin-left: 0
        }

        .white-bg .justify-content-center .white-bg {
            width: 88%;
            margin: 0 auto;
        }

        .acccount-dashbard .dropdown .dropdown-menu {
            padding: 20px;
            width: 250px !important;
        }

        .inner-menu .nav-item {
            text-align: center;
            font-size: 12px;
            line-height: 15px;
        }

        .navbar-expand-lg .navbar-nav.inner-menu .nav-link i {
            font-size: 25px;
            margin-bottom: 6px;
        }

        .acccount-dashbard .dropdown .nav-link i {
            font-size: 28px;
            margin-bottom: 2px;
        }

        .navbar-expand-lg .navbar-nav .nav-link i {
            margin-left: 0
        }

        .cart-detail .nav-item {
            text-align: center;
            font-size: 12px;
            padding-left: 0 !important;
        }

        .inner-menu {
            margin-top: 20px
        }

        .cart-detail {
            margin-top: 4px
        }

        .white-bg.search-area {
            margin: 10px 30px;
        }

        .footer-area.section-padding {
            padding: 20px 0 0;
        }

        .footer-logo img {
            width: 150px;
        }

        .howitwork-box .card-body {
            padding: 10px;
        }

        .shipping-calculator .mt-2 {
            margin-top: 0 !important
        }

        .shipping-calculator .card-body {
            padding-top: 0 !important
        }

        .howitwork-box .white-bg {
            padding: 20px 0 60px;
        }

        .get-free-account h2 {
            font-size: 28px;
        }

        .top-nav-collapse {
            padding-bottom: 0 !important;
        }

        .services-item .icon {
            margin: 0 auto
        }

        .services-item {
            text-align: center;
        }

        .section-padding {
            padding: 60px 0;
        }

        .section-title {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .navbar-expand-lg .navbar-brand,
        .navbar-expand-lg .navbar-toggler {
            margin: 0px 15px;
        }

        .bg-inverse {
            background: #fff !important;
            box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);
        }

        .navbar-expand-lg .navbar-nav .nav-link {
            margin-bottom: 0;
            margin-top: 0;
        }

        .navbar-brand img {
            margin: 5px 0;
        }

        .top-nav-collapse .navbar-brand img {
            margin-top: 10px;
        }

        .intro-img {
            margin-top: 20px;
        }

        .navbar.bg-inverse {
            padding: 0;
        }

      

        #hero-area .contents .head-title {
            font-size: 28px;
            line-height: 28px;
            margin-bottom: 15px;
        }

        #hero-area .contents p {
            font-size: 14px;
        }

        .mt-5-1 {
            margin-top: 0 !important
        }

        .content.mt-5 {
            margin-top: 0px !important
        }

        #hero-area {
            background-image: url(../img/banner/hero-img2.png);
            background-position: top right;
            background-repeat: no-repeat;
            background-size: cover;
            min-height: 668px;
            position: relative;
            overflow: hidden;
            padding: 30px 0 30px;
            top: 85px;
            margin-bottom: 55px;
        }

            #hero-area .contents .btn {
                margin: 5px 10px 10px 0px;
            }

            #hero-area .contents {
                text-align: center;
            }

        .text-wrapper {
            padding: 60px 15px;
        }

        .info {
            text-align: center;
        }

        #clients .client-logo {
            border: 1px solid #E7EBEF !important
        }

        .get-free-account .text-right {
            text-align: center !important;
        }

        .get-free-account:after {
            top: 184px;
        }

        .dot2 {
            bottom: 44px;
        }

        .mobile-padding.pl-5 {
            padding-left: 10px !important;
            margin-top: 25px
        }

        .howitwork-box .media-body {
            flex: none;
            text-align: center;
        }

        .howitwork-box .media .img-fluid {
            height: 100%;
            width: auto !important;
            max-width: none;
        }

        .howitwork-box .media {
            display: block;
        }

        .howitwork-box .media-body h2 {
            text-align: center;
            margin-top: 20px !important
        }

        .howitwork-box .list-unstyled li {
            padding: 20px;
            margin: 0 34px;
        }

        .howitwork-box h1 {
            font-size: 30px;
            margin: 40px 0 10px;
        }

        .howitwork-box .card-body.border-left {
            border-left: 0 !important
        }

            .howitwork-box .card-body.border-left.pl-4 {
                padding: 0 15px !important
            }

        .accordion .card {
            padding: 20px;
        }

        .mobile-cal {
            padding: 0 10px;
            width: 100%
        }

            .mobile-cal label {
                padding-left: 10px
            }

        .signup .login-title {
            font-size: 25px;
        }

        .package-box .package-img {
            width: 130px;
            margin-bottom: 10px;
        }
        .hero-area .contents .head-title {
            color: #fff;
            font-size: 36px;
            font-weight: 700;
            line-height: 48px;
        }
        .hero-area .contents p {
            color: #fff;
        }
            .navbar-expand-lg .navbar-nav.mobile-menu .only-top .nav-item {
            padding-right: 24px !important;
        }
       
        #WarehouseList .col-md-11.mt-2.p-0 {
            padding-right: 25px !important;
            padding-left: 25px !important
        }
       
        .tracking-bg #txtAwbNumber {
            width: 44%;
            margin-right: 5px;
            height: 37px;
            border: 2px solid #ccc;
        }
        .tracking-bg .pb-3 {
            width: 80%;
        }
        #radioBtn2 .btn {
            width: auto;
            flex: inherit;
        }
        .top-mobile-space .card-body {
            padding: 0 0 30px 0
        }
        .acccount-dashbard .navbar-expand-lg.inner-menu .navbar-nav.float-right-28 .nav-link {
            border: 0;
            padding: 2px 16px 0 !important; 
        }
        .acccount-dashbard .navbar-expand-lg.inner-menu .navbar-nav.float-right-28 .nav-link i {
          
            font-size: 2rem !important
        }
        .signup .btn {
            margin-bottom: 10px;
        }

        }

    @media (max-width: 600px) {
        .navbar-brand{padding-left:0}
        .package-detail .btn {
            width: 100%
        }
        .copyright p {
            text-align: center !important;
            width: 100%
        }
        .footer-logo {
            text-align: center !important;
        }
        .footer-link {text-align:center}
        .search-area .cost-calculation {
            margin-left: 15px
        }
        #header-wrap .navbar {
            padding: .2rem 0rem 0;
        }
        .multiselect-native-select .btn-group {width:100%}
        .btn.add-new-fill.mt-0 {width:100%; margin-top:10px!important}

        .top-mobile-space {
            margin-top: 51px;
        }
        .hero-area {
            background-position: top center;
            top: 50px;
        }
        .navbar-expand-lg .navbar-nav.inner-menu .active > .nav-link, .navbar-expand-lg .navbar-nav.inner-menu .nav-link.active, .navbar-expand-lg .navbar-nav.inner-menu .nav-link.open, .navbar-expand-lg .navbar-nav.inner-menu .open > .nav-link {
            color: #1C1D21 !important;
            border: 1px solid #1C1D21;
        }

        .howitwork-box .list-unstyled li {
            padding: 10px;
            margin: 10px 20px;
        }

        .howitwork-box h1 {
            font-size: 28px;
        }

        .mobile-cal {
            padding: 0 10px;
            width: 94%
        }

        .btn-default-select {
            position: relative;
            right: 0
        }

        .inner-menu .nav-item {
            font-size: 10px;
        }

        .inner-menu {
            width: 105% !important;
            flex: 0 0 105% !important;
            margin: 10px auto 0
        }
        .navbar-expand-lg.inner-menu.widget-size-100 {padding-right:0; padding-left:18px}
        .navbar-expand-lg.inner-menu .navbar-nav .nav-item {
            padding-right: 11px !important;
        }
        .acccount-dashbard .dropdown.show {
            padding: 0 9px;
        }

        #cost-calculation .form-inline {
            width: 100%;
            display: block;
        }

        .howitwork-box .white-bg {
            margin-bottom: 30px;
            border-radius: 12px;
        }

      
        .add-new-btn {
            margin-bottom: 15px;
        }

        .cart-detail .nav-link {
            padding: 6px !important;
        }
        .hero-area {
            background-size: 128%;
            margin-bottom:20px
        }
        .top-mobile-space .card.p-2 {
            padding:40px 0 0 0!important
        }

    }

    @media (max-width: 520px) {
        .float-right-28 {
            padding-left: 0px;
        }
        .howitwork-box h1 {
            font-size: 26px;
        }
        .cost-calculation .input-group{ padding-left:0; margin-top:8px}
        .faq a.card-title {
            font-size: 15px;
        }
        .accordion .card {
            padding: 10px 0;
        }
        .bootstrap-select.form-control {
            width: 92%
        }
        .mobile-select-space {padding-left:10px}
        .tracking-bg #txtAwbPrefix {
            width: 100%;
        }
        .tracking-bg #txtAwbNumber {
            width: 100%; margin-top:5px
        }
        .tracking-bg .input-group-btn .btn {
            width: 100%;
        }
        .tracking-bg .input-group-btn {
            width: 100%;
            margin-top: 10px
        }
        .dot-div {
            top: 37px;
        }
        .bg-inverse .dropdown-menu {
            min-width: 133px;
        }
        .top-mobile-space .card.p-2 {
            padding: 20px 0 0 0 !important
        }
       
        #txtProductWeight, #lblHeight {
            margin-bottom: 10px
        }
        .acccount-dashbard .dropdown.show {
            padding: 0 4px;
        }

        .cart-detail.cart-detail {
            padding-right: 5px !important
        }

        .navbar-expand-lg .navbar-nav .nav-item {
            margin-left: 0;
            padding-left: 0;
            padding-right: 10px;
        }

        .navbar-expand-lg .navbar-nav.inner-menu .nav-link {
            padding: 0;
        }
        .howit-work-box .services-item {
            display: block;
            width: 109%;
        }
       
    }

    @media (max-width: 375px) {
        .hero-area {
            background-size: 149%;
            margin-bottom: 20px;
        }
        .navbar-expand-lg.inner-menu .navbar-nav .nav-item {
            padding-right: 3px !important;
        }
        .inner-menu .nav-item {
            line-height: 11px;
        }

        .acccount-dashbard .dropdown.show {
            padding: 0 4px;
        }

        .inner-menu .nav-item {
            font-size: 8px;
            line-height: 12px;
        }
    }
@media (max-width: 320px) {
    .acccount-dashbard .navbar-expand-lg.inner-menu .navbar-nav .nav-link {
        padding: 6px 9px;
    }
   

}