/*------------------CONTAINER------------------------*/
    @media (min-width: 576px) {
        .container-sm, .container {
        max-width: 540px!important;
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px !important;
    }
    .col-md-2,
    .widget .widget-size-20 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px !important;
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px !important;
    }
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px !important;
    }
}
@media (max-width:1500px) {

    .allacross {
        flex: 0 0 auto;
        width: 46%;
    }

    .divblockquote {
        font-size: .85em;
    }
    .relative-box2 .carousel .carousel-item .mask img{height:680px}
    .customers-box .image-circle img {
        height: 84px;
    }
    .industry-box .carousel .carousel-item {
        height: 100%;
        min-height: 354px;
    }
    .allacross .form-control2 {
      
        width: 52%;
       
    }
    .hero-area .banner-title {
        font-size: 48px;
    }
}

@media (max-width:1400px) {
    .customerbox-bg {
      
        margin-top: auto !important;
    }
    .shipper-retailer .service-heading {
        letter-spacing: .0575rem;
    }
    .shipper-retailer img {
        height: 60px
    }
    .insights-box h2 {
        font-size: 42px;
    }

    .insights-box p {
        font-size: 23px;
    }

    .faq-box h2 {
        font-size: 42px;
    }

    .faq-box p {
        font-size: 23px;
    }
    .allacross .form-control2{width:50%}
    .customers-box .image-circle img {
        height: 84px;
    }
    #customer-carousel .carousel-indicators {
        left: 59%;
    }

    .industry-box .hero-area .banner-title {
        padding-top: 0px;
    }
   
    .industry-box .carousel .carousel-item {
        height: 100%;
        min-height: 300px;
    }
    .industry-box .hero-area p {
        font-size: 16px;
        line-height: 28px;
    }
    .navbar-brand .figure-img {
        margin-bottom: 0;
        height: 41px;
    }
    .industry-box .hero-area .banner-title {
        font-size: 30px;
    }
    .mt-3.partner-service.hide-title{margin-top:0!important}
}
    @media (max-width: 1281px) {
        
        .industry-box .hero-area {
            position: relative;
            top: 0px;
        }
        .allacross {
            flex: 0 0 auto;
            width: 50%;
        }

        .divblockquote p.mt-3 {
            margin-top: 0 !important
        }

        .relative-box2  .carousel-caption {
            top: 145%;
        }
    }


@media (max-width: 1250px) {
    #customer-carousel .carousel-control-next {
        right: 119px;
    }

    #customer-carousel .carousel-control-prev {
        right: 180px;
    }

    #customer-carousel .carousel-indicators {
        bottom: 92px;
        left: 61%;
    }
    .shipper-retailer .service-heading {
        font-size: 18px;
    }
    #customer-carousel .carousel-indicators {
        bottom: 155px;
    }
    #customer-carousel .carousel-control-prev, #customer-carousel .carousel-control-next {
        bottom: 148px;
    }
}

@media (max-width: 1220px) {
    .allacross .form-control2 {
        width: 55%;
        display: inline-block
    }

    .allacross .btn-danger {
        font-size: 14px
    }

    .customerbox-bg .btn-danger {
        width: 110px;
        margin-left: -35px
    }

    .customerbox-bg h2 {
        font-size: 25px;
    }

    .commontitle h1 {
        font-size: 31px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
        font-size: .85rem;
    }

    .carousel .carousel-item {
        height: 100%;
        min-height: 549px;
    }

    .relative-box2 .carousel-caption {
        top: 13%;
    }

    #customerdoor .carousel-caption {
        top: 14%;
    }


    #customer-carousel .carousel .carousel-item {
        height: 100%;
        min-height: 637px;
    }

    .hero-area .banner-title {
        font-size: 47px;
        line-height: 55px;
        padding-top: 29px;
    }

    .allacross h2 {
        font-size: 27px !important;
    }
    #customer-carousel .carousel-control-prev, #customer-carousel .carousel-control-next {
        bottom: 79px;
    }
    #customer-carousel .carousel-indicators {
        bottom: 97px;
    }
}
@media (max-width: 1200px) {
    .call-blue-bg p {
        font-size: 14px;
        line-height: 24px;
    }
    .navbar-brand .figure-img {
        margin-bottom: 0;
        height: 36px;
    }
    .relative-box2 .carousel-indicators{ bottom:8px}
    #customer-carousel .carousel-control-next {
        right: 90px;
        bottom: 80px;
    }
    #customer-carousel .carousel-control-prev {
        right: 155px;
        bottom: 80px;
    }

    .shipper-retailer .service-heading{
        display:block; width:100%
    }
    .advantage-box .border-box-inner {
     min-height: auto;
        padding-bottom: 10px;
    }
    .navbar-expand-lg .navbar-nav li {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }
        .navbar-expand-lg .navbar-nav li li {
            padding-right: 0rem !important;
            padding-left: 0rem !important;
        }
        .navbar-expand-lg .navbar-nav .dropdown-menu-box {
            left: 13px;
        }
}
    @media (max-width: 1080px) {
        .prohibited-box .map-box.widget-size-66 {
            flex: 0 0 auto;
            width: 100%;
        }
        .top-titlebox .widget-size-66 {
            flex: 0 0 auto;
            width: 100%;
        }
        .shipper-retailer .service-heading {
            display: inline-block;
            font-size: 18px;
        }



        .hero-area .banner-title {
            font-size: 40px;
            line-height: 60px;
        }

        .carousel .carousel-item {
            height: 100%;
            min-height: 476px;
        }

        #customer-carousel .carousel .carousel-item {
            height: 100%;
            min-height: 637px;
        }

        .allacross {
            bottom: 57px;
            width: 62%;
        }


        .white-box .commontitle2 h2 {
            font-size: 25px;
        }

        .grey-box .commontitle2 h2 {
            font-size: 25px;
            margin-bottom: 16px;
        }

        .faq .card-header {
            font-size: 17px;
        }

        .slider-box .carousel .carousel-item {
            height: 100%;
            min-height: 625px;
        }

        .relative-box2 .carousel-caption {
            top: 68%;
        }

        #customerdoor .carousel-caption {
            top: 0%;
        }

        #customer-carousel .carousel-control-next {
            bottom: 137px;
        }

        #customer-carousel .carousel-control-prev {
            bottom: 137px;
        }

        #customer-carousel .carousel-indicators {
            bottom: 152px;
            left: 61%;
        }

        .industry-box .carousel .carousel-item {
            height: 100%;
            min-height: 280px;
        }

        .carousel-control-prev, .carousel-control-next {
            width: 43px;
            padding: 11px;
        }

        .industry-box .hero-area .banner-title {
            font-size: 27px;
        }

        .industry-box .hero-area p {
            font-size: 15px
        }
    }
  
    @media (max-width: 992px) {
        .navbar-brand.powredby-logo {
            margin-bottom: 0;
            height: 30px !important;
            position: relative;
            left: -30px;
        }
        .offcanvas-collapse {
            position: fixed;
            top: 48px; /* Height of navbar */
            bottom: 0;
            left: 100%;
            width: 100%;
            padding-right: 1rem;
            padding-left: 1rem;
            overflow-y: auto;
            visibility: hidden;
            background-color: #041C2C;
            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;
            border-top: 1px solid #263A48
        }

        .navbar-expand-lg .navbar-nav .nav-link {
            border-bottom: 1px solid #F5F5F5
        }

        .offcanvas-collapse.open {
            visibility: visible;
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }

        .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-toggler {
            position: absolute;
            right: 34%;
            z-index:999
        }
        /* .navbar-nav .dropdown::after {
            content: "\f0d7";
            display: block;
            position: absolute;
            right: 19px;
            top: 3px;
            font: normal normal normal 21px/1 FontAwesome;
            color: #fff;
            width: 12px;
            background: #041C2C;
            padding: 10px 30px 10px 20px;
           
        }*/
        .navbar-expand-lg .navbar-nav .nav-link {
            padding: 15px 0;
        }
        .navbar-nav .dropdown-menu {
            position: relative;
            top: 0;
        }
        .navbar-expand-lg .navbar-nav .dropdown-menu-box {
            top: 0;
            left: 0
        }
        .allacross .form-control2 {
            width: 50%;
            display: inline-block;
        }

        .allacross h2 {
            font-size: 26px !important;
        }

        .relative-box2 .carousel .carousel-item .mask img {
            height: 600px
        }

        .customerbox-bg {
            background: #fff;
            padding: 20px;
            min-height: auto;
            display: block;
            position: absolute;
            left: 6%;
            width: 88%;
            right: -50%;
            top: auto;
            margin-top: 3rem !important
        }

        #customer-carousel .carousel-control-prev, #customer-carousel .carousel-control-next, #customer-carousel .carousel-indicators {
            bottom: 0
        }

        #customer-carousel .carousel-indicators {
            left: 10%;
        }

        #customer-carousel .carousel-indicators {
            left: 98px;
        }

        .industry-box .hero-area .banner-title {
            font-size: 22px;
        }

        .industry-box .carousel .carousel-item {
            height: 100%;
            min-height: 240px;
        }

        .industry-box .hero-area p {
            font-size: 14px;
            line-height: 21px;
        }

        .carousel-control-prev, .carousel-control-next {
            width: 34px;
            padding: 7px;
            bottom: 6px
        }

        .carousel-control-next {
            right: 64px;
        }

        .carousel-control-prev {
            right: 129px;
        }

        .ServicesforRetailers .tab-box .nav-item .img-fluid {
            width: 80px;
        }

        #tabs .nav-tabs .nav-link {
            font-size: 14px
        }

        .industry-box .carousel .carousel-item {
            height: 100%;
            min-height: 192px;
        }

            .industry-box .carousel .carousel-item .mask img {
                height: auto;
            }

        .navbar-toggler {
            position: absolute;
            right: 112px;
            border: 0;
        }

        .let-connect-button {
            position: relative;
            left: -73px;
        }

        #customer-carousel .carousel-control-next, #customer-carousel .carousel-control-prev {
            display: none
        }

        #customer-carousel .carousel-indicators {
            left: 104px;
            margin: -1px;
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0;
            text-align: center;
        }

        .powredby-logo img {
          left: -30px;
            position: relative;
            top: 0px;
            height:40px
           
        }
       
        .mobile-postion {
            margin-right: 0 !important
        }

        .hero-area .banner-title {
            font-size: 40px;
            line-height: 44px;
        }
       
    }

    @media (max-width:980px) {
        .navbar-toggler {
            right: 115px;
        }

        #main-carousel .carousel-control-prev, #main-carousel .carousel-control-next, .num {
            display: none
        }
    }

    @media (max-width:930px) {
        .inner-banner h1 {
            color: #041C2C;
            font-size: 26px;
            font-weight: bold;
            letter-spacing: .0875rem;
            z-index: 999;
            position: relative;
        }
        .shipper-retailer .image-circle-box {
            display: block;
        }

        .shipper-retailer .service-heading {
            display: block;
            clear: both;
            padding: 0
        }

        .navbar-toggler {
            right: 90px;
        }

        .let-connect-button {
            left: -68px;
        }

       
        .navbar-toggler {
            right: 94px;
        }
        

    }

    @media (max-width:880px) {
        .navbar-toggler {
            right: 71px;
        }
        
    }

    @media (max-width:850px) {
        .industry-box .hero-area {
            top: -8px;
        }

        .allacross {
            bottom: 93px;
            width: 73%;
        }

        .relative-box2 .carousel-caption {
            top: 7%;
        }



        #customer-carousel .carousel-control-prev, #customer-carousel .carousel-control-next, #customer-carousel .carousel-indicators {
            bottom: -29px;
        }



        .let-connect-button {
            position: relative;
            left: -81px;
        }

        .navbar-toggler {
            right: 42px;
        }

        .shipper-retailer .service-heading {
            display: block;
            font-size: 23px;
            margin-top: 15px;
            padding-left: 0
        }



        .choose-box {
            margin-top: 10px;
        }

        .top-track .widget-size-66 {
            flex: 0 0 auto;
            width: 94%;
        }

        .call-blue-bg p {
            font-size: 14px;
            line-height: 24px;
        }

        .call-blue-bg .learn-moresection {
            font-size: 23px;
        }
        .advantage-box {
         margin-bottom: 20px
        }
        .advantage-box .border-box-inner {
            min-height: auto;
            margin-bottom:10px
        }
            .advantage-box .border-box-inner.h-95 {height:100%!important}
            .advantage-box .border-box-inner p {
                line-height: 28px;
            }
            .advantage-box .border-box-inner img {
                width:100%
            }
            .everystep-inner .border-box-inner p {
                line-height: 21px;
                font-size: 14px;
            }

        .forconsumers-box h2 {
            font-size: 25px;
        }

        .commontitle2 h2 {
            font-size: 25px;
        }

        .everystep-inner .border-box-inner h3 {
            font-size: 20px;
        }

        .ServicesforRetailers .tab-box .nav-item .img-fluid {
            width: 50px
        }

        #tabs .nav-tabs .nav-link {
            color: #fff;
            font-size: 12px;
            text-align: center;
            line-height: 17px;
            padding: 10px 0 0;
            height: 90px
        }

        #tabs .nav-justified > .nav-link, #tabs .nav-justified .nav-item {
            margin: 0 1px;
        }

        #tabs .container {
            padding: 0 20px
        }

        .industry-box .carousel .carousel-item .hero-area {
            position: relative;
            top: 35px;
        }

        .industry-box .hero-area .banner-title {
            font-size: 21px;
            margin-bottom: 0 !important
        }



        .industry-box .carousel .carousel-item {
            height: 100%;
            min-height: 256px;
        }

        .industry-box .carousel-control-prev, .industry-box .carousel-control-next {
            box-shadow: 0 0 5px #ccc;
            width: 29px;
            padding: 5px;
        }

        .industry-box .carousel-control-next {
            right: 26px;
            bottom: auto;
            top: 137px;
        }

        .industry-box .carousel-control-prev {
            right: 68px;
            bottom: auto;
            top: 137px;
        }

        .industry-box .hero-area p {
            font-size: 15px;
            line-height: 24px;
        }

        .industry-box .carousel .carousel-item .hero-area {
            position: relative;
            top: -20px;
            margin-left: -22px;
        }

        .industry-box .carousel .carousel-item {
            height: 100%;
            min-height: 173px;
        }

        .navbar-expand-lg .navbar-nav .nav-link::before {
            background-color: transparent;
        }
    }
@media (max-width:820px) {
    .mt-67 {
        margin-top: 53px !important;
    }
    .carousel .carousel-item {
        height: 100%;
        min-height: 434px;
    }
    .relative-box2 .carousel .carousel-item .mask img {
        height: 436px;
    }
    .top-track.widget .widget-size-33 {
        flex: 0 0 auto;
        width: 100%;
    }
    #BookMeeting .mask {
        top: 0px;
    }
}
    @media (max-width:768px) {
        .mt-67 {
            margin-top: 33px !important;
        }

        .navbar-toggler {
            right: 22px;
        }

        .insights-box {
            text-align: left
        }

            .insights-box h2 {
                font-size: 38px;
            }

            .insights-box p {
                font-size: 22px;
            }

        .faq-box h2 {
            font-size: 38px;
        }

        .faq-box p {
            font-size: 22px;
        }

        .choose-box .dropdown-toggle {
            font-size: 12px
        }

        .widget-size-25, .widget .widget-size-25 {
            flex: 0 0 auto;
            width: 100%;
        }

        .widget .widget-size-50 {
            flex: 0 0 auto;
            width: 100%;
        }
        .call-blue-bg .learn-moresection {
            border: 0;
        }

        #BookMeeting .mask {
            top: 0px
        }
    }

    @media (max-width:767px) {
        .faq .col-md-4 img {
            text-align: center;
            margin:0 auto
        }
        .pt-5.girl-withpackage {
            padding-top: 0 !important
        }
        body {
            font-size: 16px;
            line-height: 24px
        }

        .faq .card-body p {
            font-size:13px
        }
        .choose-box {
            margin-top: 5px;
            padding: 5px 0 15px 0
        }

        .blue-gradient {
            background: linear-gradient(180deg, #E8EEF3 48%, #112570 48%);
            color: #fff;
        }

        .insights-box {
            text-align: center
        }

            .insights-box h2 {
                font-size: 30px;
            }

            .insights-box p {
                font-size: 22px;
            }

        .faq-box h2 {
            font-size: 30px;
        }

        .faq-box p {
            font-size: 22px;
        }

        .faq-box {
            padding: 20px
        }

        .blue-gradient h2 {
            margin-top: 0
        }

        .insights-box {
        }

        .border-gradient-blue .consumer-img {
            background: #f2f2f2;
            margin-top: 20px !important;
            padding-top: 30px
        }

        .navbar-toggler {
            right: 108px;
        }

        .custom-container {
            left: 0px;
            width: 100%
        }

        .industry-box .carousel .carousel-item .mask img {
            height: auto
        }

        .footer-container .widget-align-left {
            text-align: center
        }

        .industry-box .carousel .carousel-item {
            height: 100%;
            min-height: 306px;
        }

            .industry-box .carousel .carousel-item .hero-area {
                position: relative;
                top: 152px;
            }

        .footer-container h4 {
            padding: 10px 0
        }

        #ElectronicIndustry .hero-area .banner-title {
            color: #081649
        }

        #ElectronicIndustry .hero-area p {
            color: #081649
        }

        #HealthandWellnessIndustry .hero-area .banner-title {
            color: #081649
        }

        #HealthandWellnessIndustry .hero-area p {
            color: #081649
        }

        .choose-box1 .widget-align-left {
            text-align: center
        }

        .widget .widget-size-33 {
            flex: 0 0 auto;
            width: 100% !important;
        }

        .customers-box .image-circle img {
            height: 100px;
        }

        .let-connect-button {
            position: relative;
            margin-left: -40px
        }

        .navbar-toggler {
            padding: 0;
            border: 0
        }

        .navbar-brand .figure-img {
            margin-bottom: 0;
            height: 33px;
        }
     
        .inner-banner {
            margin-top: 0px;
        }

        .hero-area .banner-title {
            font-size: 30px;
        }

        .allacross h2 {
            font-size: 23px !important;
        }


        .relative-box2 .carousel .carousel-item .mask img {
            height: 361px;
        }

        .allacross {
            width: 98%;
            left: 3%;
            position: relative;
            bottom: 0
        }

        .relative-box2 .carousel .carousel-item {
            height: 100%;
            min-height: 337px;
        }

        .call-blue-bg p {
            font-size: 14px;
            text-align: center;
        }

        .call-blue-bg .widget-size-50, .widget .widget-size-50 {
            width: 100%;
            border: 0
        }

        .call-blue-bg .learn-moresection {
            border: 0;
            text-align: center;
        }


        .everystep-inner2 .border-box-inner {
            float: left;
        }

        .delta-icon-box {
            display: none
        }

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

        .everystep-inner {
            margin-bottom: 10px
        }

        .mt-67 {
            margin-top: 40px !important;
        }

        .service-title h2 {
            font-size: 27px;
            position: relative;
            margin-top: 29px;
            margin-bottom: 40px;
            font-weight: bold;
            margin-bottom: 15px;
        }


        .call-blue-bg .learn-moresection {
            font-size: 24px;
        }

        .widget-size-25, .widget .widget-size-25 {
            flex: 0 0 auto;
            width: 100%;
        }

        .advantage-box .img-fluid {
            max-width: 100%;
            height: auto;
            width: 100%;
        }

        .advantage-box .border-box-inner {
            margin-bottom: 20px;
            min-height: auto;
        }

        .everystep-inner .border-box-inner {
            width: 100%
        }

        .commontitle2 h2 {
            font-size: 28px;
        }
        .white-learn-bg2 h2 {
            font-size: 28px;
        }
        .hero-area .banner-title {
            font-size: 34px;
            line-height: 55px;
        }

        #main-carousel .carousel-caption {
            position: relative;
        }

        .top-track .widget-size-66 {
            margin: 0 auto
        }

        .relative-box2 .carousel .carousel-item {
            height: 100%;
            min-height: 205px;
        }

            .relative-box2 .carousel .carousel-item .mask img {
                height: auto;
            }

        #section-Electronics h2 {
            margin-top: 5px;
            margin-bottom: 15px;
        }

        #section-Electronics img {
            padding: 0
        }

        #section-HealthandWellness h2 {
            margin-top: 5px;
            margin-bottom: 15px;
        }

        #section-HealthandWellness img {
            padding: 0
        }

        #section-Fashion h2 {
            margin-top: 5px;
            margin-bottom: 15px;
        }

        #section-Fashion img {
            padding: 0
        }

        .ServicesforRetailers #tabs h2 {
            font-size: 25px;
            font-weight: bold;
        }

        .ServicesforRetailers .grey-box {
            padding: 15px
        }

        .ServicesforRetailers #tabs .tab-content p {
            font-size: 13px;
            line-height: 23px;
        }

        .custom-container {
            position: relative;
        }

            .custom-container .map-content {
                width: 100%
            }

        #click {
            display: none
        }

        .scrollbar {
            float: left;
            height: 184px;
        }

        .copyright {
            text-align: center !important
        }

            .copyright .widget-align-right {
                text-align: center !important
            }

        .left-address-detail .contact-detail {
            padding-left: 10px
        }
        .desktop-view{display:none}
        .mobile-view{display:block}
        #homepager img{ max-width:100%}
        .blue-button{top:0; padding:10px 32px}
        .hero-area .banner-title {
            padding-top:10px
        }
        #BookMeeting {
            min-height:354px
        }
        .desktop-view-event .allacross{
            bottom:16px!important; font-size:14px
        }
        #BookMeeting .banner-title {
            font-size: 34px;
            line-height: 40px;
            margin-top: -17px;
        }
        #BookMeeting {
            border-bottom: 1px solid #ccc
        }
    }

    @media (max-width:691px) {
        .searchform-faq.pt-5 {
            padding-top: 10px !important;
            padding-bottom: 25px !important
        }
        #customerdoor .carousel-caption {
            top: -9%;
            line-height: 45px;
        }

        .industry-box .carousel .carousel-item .hero-area {
            top: 130px;
        }

        .industry-box .carousel-control-prev, .industry-box .carousel-control-next {
            top: 110px
        }

        .customerbox-bg {
            top: auto;
        }

        .hero-area .banner-title {
            font-size: 26px;
            line-height: 40px;
        }

        .navbar-toggler {
            position: absolute;
            right: 73px
        }

        .carousel .carousel-item {
            height: 100%;
            min-height: 302px;
        }

        .relative-box2 .carousel .carousel-item {
            min-height: auto;
            height: 196px;
        }

        .let-connect-button {
            position: relative;
            left: -80px
        }

        .navbar-toggler {
            padding: 0;
            border: 0;
        }


        .navbar-brand .figure-img {
            margin-bottom: 0;
            height: 24px;
        }


        .navbar-expand-lg .navbar-nav .letconnect {
            font-size: 13px
        }

        .inner-banner-spacing {
            padding: 60px 0 90px;
        }
        .navbar-expand-lg .navbar-nav .nav-link{padding-left:0!important}
        .navbar-brand.powredby-logo{
            left: -46px;
        }
        .relative-box2{margin-top:-2px}
        .faq .accordion .card-header:after {
            right: 6px;
            top: 9px;
            padding: 8px;
        }
        .faq .card-header {
         
            padding-left: 11px;
          
        }
        .blue-bg2 {margin-top:-5px}
        .powredby-logo img {
            height: 29px !important;
        }
    }
@media (max-width:682px) {

    #BookMeeting {
        min-height: 454px;
        padding-top:40px
    }
        #BookMeeting .mask img {
            height: 234px;
            margin-top: -37px;
        }

    .desktop-view-event .allacross {
        bottom: auto !important;
        font-size: 13px;
        margin-top: 80px; padding: 0
    }

    #BookMeeting .banner-title {
        font-size: 34px;
        line-height: 40px;
        margin-top: -17px;
    }
    .mobile-button{ text-align:center; margin-top:30px}
    #BookMeeting .container { max-width:100%
    }
    #BookMeeting .carousel-caption.d-md-block{ width:100%}
}
@media (max-width:588px) {
    .relative-box2 .carousel-caption {
        left: 3%;
    }

    .block-with-text {
        overflow: hidden;
        position: relative;
        max-height: 149px;
        text-align: left;
        padding: 0;
    }

    .industry-box .carousel .carousel-item .hero-area {
        margin-left: 0
    }

    .industry-box .carousel .carousel-item .hero-area {
        top: 95px;
    }

    .tracking-box.bg-box h1 {
        font-size: 1.5rem;
        line-height: 35px;
    }

    .tracking-box .form-control {
        width: 100%;
        padding: 0.575rem 0.75rem;
    }

    .tracking-box .bg-box p {
        font-size: 14px
    }

    .tracking-box .input-group-btn {
        width: 100%;
        margin-top: 10px
    }

    .tracking-box .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
        border-radius: 4px;
        margin-right: 0px;
    }

    .tracking-box.bg-box .pb-3 {
        width: 90%;
        margin: 0 auto;
    }

    .site-button.btn.primary-btn {
        width: 100%
    }

    .slider-box .carousel .carousel-item {
        height: 100%;
        min-height: 440px;
    }

    .customerbox-bg {
        position: relative;
        left: -1%;
        width: 103%;
        right: -50%;
        top: -110px
    }

        .customerbox-bg h2 {
            font-size: 22px;
        }

        .customerbox-bg .img-fluid {
            max-width: 60%;
        }

    .industry-box .carousel-control-next {
        right: 26px;
        bottom: auto;
        top: 44px;
    }

    .industry-box .carousel-control-prev {
        right: 68px;
        bottom: auto;
        top: 44px;
    }

    #customer-carousel .carousel-control-prev, #customer-carousel .carousel-control-next, #customer-carousel .carousel-indicators {
        bottom: 32px;
    }

    .navbar-toggler {
        position: absolute;
        right: 30px;
    }

    .choose-box {
        padding: 0 0 15px 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .hometracking {
        padding: 10px 0 10px 0px;
    }

    .industry-box .carousel .carousel-item {
        min-height: 280px;
    }

    .ServicesforRetailers.mt-4.mt-sm-4 {
        margin-top: 13px !important
    }

    .allacross .form-control2 {
        width: 95%;
    }

    .allacross .btn-danger {
        width: 95%;
        margin-top: 10px
    }

    .allacross h2 {
        font-size: 20px !important;
    }

    .divblockquote p {
        font-size: 20px;
    }

    .divblockquote .bold {
        font-size: 21px;
    }

    .allacross .form-group {
        display: block
    }

    .call-blue-bg p {
        font-size: 16px;
        padding: 0 20px
    }

    .faq a.card-title {
        padding-right: 30px
    }

    .faq .card-header {
        padding-right: 14px;
        font-size: 14px
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 15px 0
    }

    .allacross .input-group {
        display: block;
        margin-bottom: 10px;
    }

    .hometracking .form-control {
        width: 100%;
        margin-bottom: 10px;
        font-size: 15px
    }

    .hometracking .site-button.btn.primary-btn {
        background-color: #C01933;
        color: #fff;
        padding: 9px 18px;
    }

    .allacross {
        width: 98%;
        left: 0;
        position: relative;
        bottom: 0;
    }

    body {
        font-size: 16px
    }

    .desktop-view-event .allacross {
        width: 96%;
        margin-top: 90px
    }

        .desktop-view-event .allacross img {
            width: 112px;
        }
}

    @media (max-width:478px) {
        .navbar-toggler {
            right: 20px;
        }
    }

    @media (max-width:430px) {
        .industry-box .carousel .carousel-item .hero-area {
            position: relative;
            top: 68px;
        }

        .relative-box2 .carousel-caption {
            top: -6%;
        }

        .customerbox-bg .btn-danger {
            width: 89px;
            font-size: 13px;
            padding: .3rem .8rem
        }

        .divblockquote {
            padding: 0.75em 4px 1.2em 54px;
        }

        .customerbox-bg h2 {
            font-size: 18px;
        }

        .divblockquote::before {
            font-size: 8em
        }

        .relative-box2 .container.relative-box {
            padding: 0 10px
        }

        .allacross {
            padding: 0px 10px
        }

        .hometracking p {
            line-height: 22px;
            text-align: center
        }

        .allacross .form-control2 {
            width: 95%;
        }

        .allacross .btn-danger {
            font-size: 13px;
            width: 95%;
            margin-top: 10px
        }

        .allacross h2 {
            font-size: 20px !important;
        }

        .relative-box2 .carousel .carousel-item {
            min-height: auto;
            height: 216px;
        }

            .relative-box2 .carousel .carousel-item .mask img {
                height: 216px;
            }

        .navbar-brand .widget-container {
            padding: 0 !important
        }

        .let-connect-button {
            left: -72px;
        }

        .navbar-toggler {
            right: 20px;
        }

        .choose-box {
            padding: 0 0 0;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .hometracking {
            padding: 10px 0 10px 0px;
        }

        .call-blue-bg p {
            font-size: 14px;
            text-align: center;
        }

        .navbar-brand .figure-img {
            margin-bottom: 0;
            height: 30px;
        }

        .accordion {
            width: 106%;
        }

        .faq img {
            margin-bottom: 12px
        }

        .faq a.card-title {
            display: inherit
        }

        .hero-area .banner-title {
            font-size: 32px;
            line-height: 40px
        }

        .powredby-logo img {
            top: 0
        }

        .inner-banner {
            /* padding: 20px 0 20px;*/
            margin-bottom: 0;
            padding-left: 4px
        }

        .inner-banner {
            background-image: none !important
        }

        .contact-top.mt-5 {
            margin-top: 3px !important;
            padding: 0 10px 0 15px !important
        }

        .contact-left {
            width: 98% !important;
            margin: 0 auto
        }

        .navbar-nav .dropdown .caret::after {
            right: 13px
        }

        .navbar-nav .dropdown-menu {
            position: relative;
            top: 0
        }

        .navbar-expand-lg .navbar-nav .dropdown-menu-box {
            top: 0;
            left: 0
        }

        .offcanvas-collapse {
            padding-left: 0
        }

        body {
            font-size: 16px
        }


        .next-box img {
            height: 160px;
        }

        .inner-banner h1 {
            margin-bottom: 0
        }
    }


    @media (max-width:428px) {
        .navbar-brand.powredby-logo {
            left: -38px;
        }

        .mobile-spacing {
            position: relative;
            left: 8px
        }

        .industry-box .carousel .carousel-item .hero-area {
            position: relative;
            top: 70px;
        }



        .forconsumers-box ul li img {
            display: block
        }

        .forconsumers-box ul li span {
            margin-right: 10px
        }
    }

    @media (max-width:378px) {
        .navbar-expand-lg .navbar-nav .letconnect {
            padding: 0.275rem 1.25rem !important;
            font-size: 11px;
        }



        .navbar-brand .widget-container {
            padding: 0
        }

        .let-connect-button {
            position: relative;
            left: -61px;
        }

        .navbar-expand-lg .navbar-nav .letconnect {
            padding: .375rem .75rem !important;
            font-size: 13px
        }

        .dropdown-menu-box {
            min-width: 17rem;
        }

        .hero-area .banner-title {
            font-size: 28px;
            line-height: 40px;
        }

        #customer-carousel .carousel-indicators {
            bottom: -37px;
        }
    }

    @media (max-width:342px) {
        .hero-area .banner-title {
            font-size: 22px;
            line-height: 31px;
        }

        #BookMeeting p.banner-title {
            margin-bottom: 2px;
            line-height: 25px;
        }

        .blue-button {
            top: 0;
            padding: 8px 20px;
            font-size: 14px
        }

        .navbar-brand.powredby-logo {
            left: -81px;
        }

        .relative-box2 .carousel .carousel-item {
            min-height: auto;
            height: 149px;
        }

        .powredby-logo img {
            left: 3px;
        }
    }