@media only screen and (min-device-width : 1851px) and (max-device-width : 2000px) {


    .trackingslider__item .trackingslider-content {
        text-align: center;
        padding: 20px 8% !important;
    }

    .bottom-content {
        position: absolute;
        bottom: 8%;
        max-width: 550px;
        left: 40px;
        width: 100%;
    }   

    .bottom-content .link {
        margin-left: 5%;
    }

    .trackingslider__item .trackingslider-content p {
        line-height: 26px;
    }

    .slider.slick-initialized.slick-slider.aos-init.aos-animate {
        margin-top: 5%;
    }
    .video-banners1 .swiper-container {
        width: 100%;
        height: 125vh;
        margin: 0 auto;
    }

    .video-banners1 .swiper-container .swiper-wrapper .swiper-slide video {
        width: 100%;
        height: 93%;
        margin: 20px auto;
        background: #fff;
    }
}

@media only screen and (min-device-width : 1751px) and (max-device-width : 1850px) {


    .trackingslider__item .trackingslider-content {
        text-align: center;
        padding: 20px 8% !important;
    }

    .bottom-content {
        position: absolute;
        bottom: 11%;
        max-width: 550px;
        left: 40px;
        width: 100%;
    }   

    .bottom-content .link {
        margin-left: 4%;
    }

    .trackingslider__item .trackingslider-content p {
        line-height: 26px;
    }

    .slider.slick-initialized.slick-slider.aos-init.aos-animate {
        margin-top: 5%;
    }
    .video-banners1 .swiper-container {
        width: 100%;
        height: 120vh;
        margin: 0 auto;
    }

    .video-banners1 .swiper-container .swiper-wrapper .swiper-slide video {
        width: 100%;
        height: 93%;
        margin: 20px auto;
        background: #fff;
    }

}

@media only screen and (min-device-width : 1681px) and (max-device-width : 1750px) {


    .trackingslider__item .trackingslider-content {
        text-align: center;
        padding: 20px 8% !important;
    }

    .bottom-content {
        position: absolute;
        bottom: 18%;
        max-width: 550px;
        left: 40px;
        width: 100%;
    }   

    .bottom-content .link {
        margin-left: 3%;
    }

    .trackingslider__item .trackingslider-content p {
        line-height: 26px;
    }

    .slider.slick-initialized.slick-slider.aos-init.aos-animate {
        margin-top: 5%;
    }
    .video-banners1 .swiper-container {
        width: 100%;
        height: 118vh;
        margin: 0 auto;
    }

    .video-banners1 .swiper-container .swiper-wrapper .swiper-slide video {
        width: 100%;
        height: 93%;
        margin: 20px auto;
        background: #fff;
    }
}


@media only screen and (min-device-width : 1631px) and (max-device-width : 1680px) {


    .trackingslider__item .trackingslider-content {
        text-align: center;
        padding: 20px 8% !important;
    }

    .bottom-content {
        position: absolute;
        bottom: 110px;
        max-width: 550px;
        left: 40px;
        width: 100%;
    }   

    .bottom-content .link {
        margin-left: 3%;
    }

    .trackingslider__item .trackingslider-content p {
        line-height: 26px;
    }
    .video-banners1 .swiper-container {
        width: 100%;
        height: 114vh;
        margin: 0 auto;
    }

    .video-banners1 .swiper-container .swiper-wrapper .swiper-slide video {
        width: 100%;
        height: 93%;
        margin: 20px auto;
        background: #fff;
    }
}

@media only screen and (min-device-width : 1601px) and (max-device-width : 1630px) {


    .trackingslider__item .trackingslider-content {
        text-align: center;
        padding: 20px 8% !important;
    }

    .bottom-content {
        position: absolute;
        bottom: 130px;
        max-width: 550px;
        left: 40px;
        width: 100%;
    }   

    .bottom-content .link {
        margin-left: 3%;
    }

    .trackingslider__item .trackingslider-content p {
        line-height: 26px;
    }

    .video-banners1 .swiper-container {
        width: 100%;
        height: 110vh;
        margin: 0 auto;
    }

    .video-banners1 .swiper-container .swiper-wrapper .swiper-slide video {
        width: 100%;
        height: 93%;
        margin: 20px auto;
        background: #fff;
    }
}

@media only screen and (min-device-width : 1566px) and (max-device-width : 1600px) {

    .bottom-content {
        position: absolute;
        bottom: 132px;
        max-width: 550px;
        left: 40px;
        width: 100%;
    }

    .bottom-content .link {
        margin-left: 3%;
    }

    .video-banners1 .swiper-container {
        width: 100%;
        height: 105vh;
        margin: 0 auto;
    }

    .video-banners1 .swiper-container .swiper-wrapper .swiper-slide video {
        width: 100%;
        height: 93%;
        margin: 20px auto;
        background: #fff;
    }

}

@media only screen and (min-device-width : 1537px) and (max-device-width : 1565px) {
    .page-header .container-fluid {
        max-width: 100%;
    }
    .video-banners .container-fluid {
        max-width: 100%;
    }

    .footer-top  .container-fluid {
        width: 100%;
        max-width: 1650px;
    }

    .container-fluid {
        max-width: 1650px;
    }
    .tracking-device .container-fluid {
        max-width: 100%;
    }

    .trackingslider__item .trackingslider-content {
        text-align: center;
        padding: 20px 7.5% !important;
    }

    .bottom-content {
        position: absolute;
        bottom: 30px;
        max-width: 550px;
        left: 40px;
        width: 100%;
    }

    .bottom-content .link {
        margin-left: 5%;
    }

    .mobile-app .container-md {
        width: 100%;
        max-width: 1440px;
    }
    .slider__item {
        height: 425px;
    }
/* 
    .bottom-content {
        position: absolute;
        bottom: 35px;
        width: 570px;
    } */
    .video-banners1 .swiper-container {
        width: 100%;
        height: 105vh;
        margin: 0 auto;
    }
 
}


@media only screen and (min-device-width : 1366px) and (max-device-width : 1536.99px) {
    .container-fluid {
        max-width: 100%;
    }
    .trackingslider__item .trackingslider-content {
        text-align: center;
        padding: 20px 9% !important;
    }

    .slider__item .slider-content .button .content-detail {
        text-align: left;
        width: 205px;
        margin: 20px 0px 15px;
        transition: all ease-in-out 0.5s;
    }
    .slider__item .slider-content h3 {
        text-align: left;
        color: #fff;
        font-size: 25px;
        font-family: 'gt_walsheimmedium';
        line-height: 35px;
        margin-bottom: 10px;
    }

    .slider__item .slider-content {
        position: absolute;
        text-align: left;
        bottom: 7%;
        padding: 20px 18px;
    }

    .slider__item .slider-content .content-detail p {
        line-height: 23px;
        font-size: 18px;
    }
    .trackingslider__item {
        display: inline-flex;
        width: 100%;
        height: 520px;
        margin-left: 0px;
        align-items: center;
        justify-content: left;
        padding: 0px 20px;
        vertical-align: top;
        margin-bottom: 20px;
    }
    .bottom-content {
        position: absolute;
        bottom: 25px;
        width: 76%;
    }
    .slider__item .slider-content {
	position: absolute;
	text-align: left;
	bottom: 2%;
	padding: 20px 18px;
}
    .brand {
        width: 70%;
        text-align: left;
    }
    .mobile-bg {
        /* background: url(../img/mobile.png) center 17px no-repeat; */
        min-height: 900px;
        background-size: 50%;
    }
    .mobile-bg .my-5 {
        margin-top: 4rem !important;
        margin-bottom: 3rem !important;
    }
}

@media only screen and (min-device-width : 1280px) and (max-device-width : 1365.99px) {
    .header-bg #navbarCollapse .nav-link {
        padding: .5rem 2rem;
    }
    .mobile-app .container-md {
        max-width: 100%;
    }
    .mobile-bg {
        /* background: url(../img/mobile-lg.png) center top no-repeat; */
        background-size: 55%;
        min-height:600px;
    }

    .mobile-bg .my-5 {
        margin-top: 2.3rem !important;
        margin-bottom: 2.3rem !important;
    }

    .product-image .mw-35 {
        max-width: 28%;
    }

    .product-image img {
        max-width: 40%;
    }

    .trackingslider-bg-white .p-5 {
        padding: 2rem !important;
    }

    .tracking-device h3 { 
        font-size: 38px;    
    }
    .trackingslider__item {
        display: inline-flex;
        width: 100%;
        height: 530px;
        margin-left: 0px;
        align-items: center;
        justify-content: left;
        padding: 0px 20px;
        vertical-align: top;
        margin-bottom: -20px;
    }

    .brand {
        width: 65%;
        text-align: left;
    }
    .link {
        width: 35%;
        font-size: 22px;
    }

    .bottom-content {
        position: absolute;
        bottom: 88px;
        width: 380px;
    }

    .trackingslider__item .trackingslider-content {
        text-align: center;
        padding: 20px 4% !important;
    }

    .trackingslider__item .trackingslider-content p {
        font-size: 19px;
    }

    .footer-logo img.mw-40 {
        max-width: 35%;
    }


    .slider__item .slider-content {
        position: absolute;
        text-align: left;
        bottom: 8%;
        padding: 20px 15px;
        width: 95%;
    }

    .slider__item .slider-content h3 {
        text-align: left;
        color: #fff;
        font-size: 22px;
        font-family: 'gt_walsheimmedium';
        line-height: 30px;
        margin-bottom: 10px;
    }

    .slider__item .slider-content .content-detail p {
        line-height: 22px;
        font-size: 17px;
    }

    .slider-content .button {
        width: 95%;
    }

    .slider-content .button:hover > .content-detail {
        opacity: 1;
        height: 200px;
        padding: 0px;
        width: 95%;
    }
    
    .video-banners1 .swiper-container .swiper-wrapper .swiper-slide video {
        width: 100%;
        height: 93%;
        margin: 20px auto;
        background: #fff;
    }
    .video-banners1 .swiper-container {
    width: 98%;
    height: 80vh;
    margin: 0 auto;
    
  }
  .intro-banner-vdo-play-btn {
    height: 100px;
    width: 90px;
    position: absolute;
    top: 45%;
    left: 45%;
    text-align: center;
    margin: 0px;
    border-radius: 0px;
    z-index: 1;
    pointer-events: none;
  }
  
}

@media only screen and (min-device-width : 992px) and (max-device-width : 1023px) {

    /* .header-bg #navbarCollapse {
        display: none !important;
    } */
    
    }

@media only screen and (min-device-width : 992px) and (max-device-width : 1024px) {

 video {
        object-fit: cover;
        width: 100%;
        height: 400px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .video-banners {
        min-height:400px;
    }
    .carousel-item {
        height:auto;
        max-height: 400px;
    }
    .video-banners .carousel-item {
        max-height: 400px;
        min-height: auto;
        width: 100% ;
    }

    .video-banners .carousel-control-prev-icon,
    .video-banners .carousel-control-next-icon, .video-banners .carousel-control-next-icon:hover, .video-banners .carousel-control-prev-icon:hover {
        background-size: 60%;
        background-position: 50%;
    }

    .header-bg #navbarCollapse .nav-link {
        display: block;
        padding: .5rem 10px 0px;
        color: #fff;
        text-decoration: none;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
        font-weight: 500;
        font-size: 15px;
        font-family: 'gt_walsheimmedium';
    }

    .header-bg #navbarCollapse .btn-outline-primary {
        color: #fff;
        border-color: #EF6000;
        background: rgba(239,96,0,0.14);
        border-radius: 15px;
        width: 125px;
        height: 45px;
        font-family: 'gt_walsheimbold';
        font-size: 15px;
        outline: none;
        line-height: 32px;
        margin-right: 0px !important;
    }
    .dropdown-menu a, .dropdown-menu b {
        color: #273140;
        padding: .25rem 5px;
    }

    .dropdown-menu {
        position: absolute;
        z-index: 1000;
        display: none;
        width: 200%;
        padding: 12px 5px;
        margin: 0;
        font-size: 18px;
        color: #273140;
        text-align: left;
        list-style: none;
        background-clip: padding-box;
        /* background: rgba(255,255,255,0.90); */
        /* background: rgba(239,96,0,0.81); */
        /* background: rgba(39,49,64,0.81); */
        border-radius: .25rem;
        top: 67px;
        font-size: 15px;
    }

    .dropdown-menu.end-0 {
        width: 140%;
    }

    .dropdown-menu.end-0 li:hover {
        color: #fff;
        border-color: #EF6000;
        background: rgba(239,96,0,0.14);
        border-radius: 15px;
        width: 100%;
        height: 45px;
        font-family: 'Glory', sans-serif;
        font-size: 15px;
        outline: none;
        line-height: 35px;
        border: solid 1px #EF6000;
    }

    .tracking-solutions {
        text-align: center;
        margin: 2% 5% 0%;
    }

    .tracking-solutions h1 br {
        display: none;
    }

    .tracking-solutions h1 {
        font-size: 35px;
        margin: 2% 15% 3%;
        line-height: 45px;
    }

    .explore h2 {
        font-family: 'gt_walsheimbold';
        font-size: 35px;
        color: #EF6000;
        line-height: 50px;
        margin: 0px 0px 20px;
        line-height: 45px;
    }
    .what-is-new p br {
        display: none;
    }
    .what-is-new h2 {
        font-family: 'gt_walsheimbold';
        font-size: 35px;
        color: #273140;
        line-height: 60px;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
        line-height: 45px;
    }

    .mobile-app h2 {
        font-family: 'gt_walsheimbold';
        font-size: 35px;
        color: #273140;
        line-height: 60px;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
        line-height: 45px;
    }
    .mobile-bg p {
        font-size: 20px;
        line-height: 30px;
        margin: 0px 0px;
    }
    .mobile-bg {
        /* background: url(../img/mobile-tab.png) center top no-repeat; */
        min-height: 500px;
        background-size: 50%;
    }

    .mobile-bg h4 {
        font-family: 'gt_walsheimbold';
        font-size: 23px;
        color: #273140;
        line-height: 45px;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
    }

    .mobile-bg .my-5 {
        margin-top: 1.5rem !important;
        margin-bottom: 2rem !important;
    }

    .new-importoved-fleet-portal h2 {
        font-family: 'gt_walsheimbold';
        font-size: 35px;
        color: #273140;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
        line-height: 45px;
    }

    .data-details .data img {
        width: 50%;
    }
    .data-details .row:nth-child(1) {
        margin: 0px auto;
        
    }
    .data-details .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
    }

    .data-details h3 {
        font-family: 'gt_walsheimbold';
        font-size: 35px;
        color: #0B2C7B;
        line-height: 45px;
    }

    .data-details p {
        font-size: 20px;
    }

    .explore-your-possibilities h3 {
        font-family: 'gt_walsheimbold';
        font-size: 35px;
        color: #EF6000;
        line-height: 45px;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
    }

    .explore .mw-100 {
        max-width: 85% !important;
    }
    .slider__item {
        display: inline-flex;
        width: 270px;
        height:338px;
        margin-left: 0px;
        color: #fff;
        align-items: center;
        justify-content: left;
        z-index: 0;
        margin-top: 25px;
    }

    .slider-content .button {
        width: 150px;
    }
    .slider__item .slider-content {
        position: absolute;
        text-align: left;
        bottom: -8%;
        padding: 20px 10px;
    }
    .slider__item .slider-content h3 {
        text-align: left;
        color: #fff;
        font-size: 22px;
        font-family: 'gt_walsheimmedium';
        line-height: 28px;
        margin-bottom: 5px;
        margin-left: 1%;
    }

 

    .slider__item .slider-content .button .content-detail {
        text-align: left;
        width: 200px;
        margin: 20px 0px 0px 1%;
        transition: all ease-in-out 0.5s;
    }
    .slider__item .slider-content .content-detail p {
        line-height:25px;
        font-size: 18px;
    }

    .trackingslider {
        margin: 0 auto 10px;
        overflow: hidden;
        padding-top: 0px !important;
    }

    .tracking-device h3 {
        font-family: 'gt_walsheimbold';
        font-size: 35px;
        color: #273140;
        line-height: 35px;
        margin: 0px 0px 0px;
        text-align: center;
    }

    .trackingslider-bg-white1, .trackingslider-bg-white2, .trackingslider-bg-white3, .trackingslider-bg-white4,  
    .trackingslider-bg-blue2,  .trackingslider-bg-blue3, .trackingslider-bg-blue1,  .trackingslider-bg-blue4  {
        width: 100%;
        height: 365px;
        vertical-align: top;
    }

    .brand {
        width: 65%;
        text-align: left;
        font-size: 16px;
    }

    
    .link {
        width: 32%;
        float: right;
        text-align: center;
        font-size: 14px;
      }

    .tracking-device h3 {
        font-family: 'gt_walsheimbold';
        font-size: 20px;
        color: #273140;
        line-height: 30px;
        margin: 0px 0px 5px;
        text-align: center;
    }
    .trackingslider-content.p-5 {
        padding: 1.3rem !important;
    }
    .trackingslider-bg-blue1 h3, .trackingslider-bg-blue2 h3, .trackingslider-bg-blue3 h3, .trackingslider-bg-blue4 h3 {
        color: #fff;
    }
    .container-fluid.d-block.p-5 {
        padding-bottom: 0px !important;
    }
    .trackingslider__item {
        width: 100%;
        height: 400px;
        margin-bottom: 0px;
    }
    .trackingslider .slick-list {
        padding: 0 1% 0 0;
    }

    .trackingslider__item .trackingslider-content p {
        font-size: 16px;
        line-height: 20px;
    }
    .bottom-content {
        position: absolute;
        bottom: 35px;
        width: 300px;
    }
    .catalog h3 {
        font-family: 'gt_walsheimbold';
        font-size: 35px;
        color: #EF6000;
        line-height: 35px;
        margin: 0px 0px 0px;
        text-align: center;
    }
    .distributor h3 {
        font-family: 'gt_walsheimbold';
        font-size: 35px;
        color: #fff;
        line-height: 35px;
        margin: 0px 0px 0px;
        text-align: center;
    }

    .footer-top .col-md-1 {
        display: none;
    }

    .footer-top .col-md-7, .footer-top .col-md-4  {
        flex: 0 0 auto;
        width: 100%;
        margin: 10px auto;
        text-align: center;
    }
    .copy-rights .col-md-4.text-end {
        margin: auto;
        text-align: center !important;
    }
    .video-banners1 .swiper-container {
        width:100%;
        height: 60vh;
        margin: 0 auto;
    }
    .video-banners1 .swiper-container .swiper-wrapper .swiper-slide video {
        width: 100%;
        height: 92%;
        margin: 20px auto;
        background: #fff;
    }

    .banner-device {
        position: relative;
        margin-top: 86px;
    }

    .banner-device .banner-heading {
        text-align: center;
        position: absolute;
        top: 15%;
    }
    .intro-banner-vdo-play-btn {
        height: 100px;
        width: 90px;
        position: absolute;
        top: 45%;
        left: 45%;
        text-align: center;
        margin: 0px;
        border-radius: 0px;
        z-index: 1;
        pointer-events: none;
      }
     
}

/* @media only screen and (min-device-width : 930px) and (max-device-width : 990.99px) {
    .video-banners1 .swiper-container {
        width: 100%;
        height: 52vh;
        margin: 0 auto;
    }
}

@media only screen and (min-device-width : 800px) and (max-device-width : 929.99px) {
    .video-banners1 .swiper-container {
        width: 97%;
        height: 51vh;
        margin: 0 auto;
    }
} */
@media only screen and (min-device-width : 768px) and (max-device-width : 991.99px) {
    .navbar-toggler.first-button {
        display: none;
    }
    
    video {
        object-fit: cover;
        width: 100%;
        height: 400px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .video-banners {
        min-height:400px;
    }
    .carousel-item {
        max-height: 430px;
        width: 100% ;
        min-height: 400px;
    }
    .video-banners .carousel-item {
        max-height: 430px;
        min-height: auto;
        width: 100% ;
    }

    .video-banners .carousel-control-prev-icon,
    .video-banners .carousel-control-next-icon, .video-banners .carousel-control-next-icon:hover, .video-banners .carousel-control-prev-icon:hover {
        background-size: 60%;
        background-position: 50%;
    }

    .fixed-header {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(34,44,55,0.85);
        height: 77px;
        -webkit-transition: opacity 1.0s ease-in;
        -moz-transition: opacity 1.0s ease-in;
        -o-transition: opacity 1.0s ease-in;
    }

    .header-bg .navbar-nav {
        color: #fff;
        background:rgba(239,96,0,0.90);
        max-width: 350px;
        border-radius: 10px;
        padding: 20px 0px;
        position: relative;
    }
    .header-bg #navbarCollapse .nav-link {
        border-bottom: solid 1px rgba(255,255,255,0.20);
       
    }
    .header-bg #navbarCollapse .btn-outline-primary {
        background: transparent !important;
        border: none;
        display: block;
        text-align: left;
        padding: .5rem 2.1rem;
        outline: none;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        height: auto;
 
    }
    .nav-item.dropdown {
        padding-bottom: 0;
        /* display: block; */
    }

    /* .navbar-nav .dropdown-menu {
        position: absolute;
        left: -0;
        width: 140%;
        top: 0px;
    } */

    .navbar-nav .dropdown-menu {
        position: relative;
        left: 4px;
        width: 98%;
        top: 0px;
    }

    .navbar-expand-lg .navbar-nav ul.dropdown-menu-right {
        position: relative;
        left: 4px;
        width: 98%;
        top: 0px;
    }
    
    .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
        box-shadow: none;
    }



    .tracking-solutions {
        text-align: center;
        margin: 3% 10% 2%;
    }
    .what-is-new p br {
       display: none;
    }
    
    .tracking-solutions {
        text-align: center;
        margin: 2% 2.5% 0%;
    }

    .tracking-solutions p {
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .tracking-solutions h1 br {
        display: none;
    }

    .tracking-solutions h1 {
        font-size: 30px;
        margin: 2% 15% 3%;
        line-height: 35px;
    }

    .explore h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #EF6000;
        margin: 0px 0px 20px;
        line-height: 35px;
    }
    .explore p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
        padding: 10px 35px 0px 0px;
    }
    .what-is-new h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #273140;
        letter-spacing: -1px;
        margin: 10px auto 0px;
        line-height: 30px;
        text-align: center;
    }
    .what-is-new .ps-5 {
        padding: 0px !important;
    }
    .what-is-new p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin: 30px 0px;
    }

    .what-is-new h5 {
        text-align: center;
        margin-bottom: 10px;
    }
    
    .what-is-new .col-md-5.ps-5 {
        padding-left: 0px !important;
    }
    
    .mobile-app {
       padding-left: 0px !important;
       padding-right: 0px !important;
       padding-bottom: 0px !important;
       margin-bottom: 0px !important;
    } 
    .mobile-app h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #273140;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
        line-height: 30px;
    }

    .mobile-bg {
        /* background: url(../img/mobile-small.png) center top no-repeat; */
        min-height: 500px;
        background-size: 90%;
    }
    .mobile-bg .row {
        visibility: hidden;
    }
    .mobile-bg h4 {
        font-family: 'gt_walsheimbold';
        font-size: 20px;
        color: #273140;
        line-height: 30px;
        letter-spacing:0px;
        margin: 0px 0px 0px;
    }

    .mobile-bg p {
        font-size: 20px;
        line-height: 30px;
        margin: 0px 0px;
    }

    .mobile-bg .my-5 {
        margin-top: 1.2rem !important;
        margin-bottom: 0rem !important;
    }

    .new-importoved-fleet-portal h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #273140;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
        line-height: 30px;
    }

    .data-details .data img {
        width: 80%;
    }

    .data-details h3 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #0B2C7B;
        line-height: 30px;
    }

    .data-details p {
        font-size: 16px;
    }

    .data-details .data .pb-4 {
        padding-bottom: 3.5rem !important;
    }

    .col-md-3.data {
        flex: 0 0 auto;
        width: 50%;
    }

    .data-details .col-md-4.my-auto.aos-init.aos-animate {
        width: 25%;
    }
    .col-md-8.my-auto.aos-init.aos-animate {
        width: 75%;
    }
    .explore-your-possibilities h3 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #EF6000;
        line-height: 30px;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
    }

    .explore .mw-100 {
        max-width: 85% !important;
    }
    .slider__item {
        display: inline-flex;
        width: 200px;
        height: 380px;
        margin-left: 0px;
        color: #fff;
        align-items: center;
        justify-content: left;
        z-index: 0;
        margin-top: 30px;
    }

    .slider__item .slider-content {
        position: absolute;
        text-align: left;
        bottom: 0%;
        padding: 10px 10px;
    }

    .slider-content .button {
        width: 95%;
    }

    .slider__item .slider-content h3 {
        text-align: left;
        color: #fff;
        font-size:22px;
        font-family: 'gt_walsheimmedium';
        line-height: 25px;
        margin-bottom: 5px;
        margin-left: 0%;
    }

    .slider__item .slider-content .button .content-detail {
        text-align: left;
        width: 95%;
        margin: 20px 0px 0px 1%;
        transition: all ease-in-out 0.5s;
    }
    .slider__item .slider-content .content-detail p {
        line-height:22px;
        font-size: 18px;
    }

    .trackingslider {
        margin: 30px auto 10px;
        overflow: hidden;
        padding-top: 0px !important;
    }

    .tracking-device h3 {
        font-family: 'gt_walsheimbold';
        font-size: 35px;
        color: #273140;
        line-height: 35px;
        margin: 0px 0px 0px;
        text-align: center;
    }

    .trackingslider-bg-white1, .trackingslider-bg-white2, .trackingslider-bg-white3, .trackingslider-bg-white4,  
    .trackingslider-bg-blue2,  .trackingslider-bg-blue3, .trackingslider-bg-blue1,  .trackingslider-bg-blue4  {
        width: 100%;
        height: 350px;
        vertical-align: top;
    }

    .brand {
        width:50%;
        text-align: left;
        font-size: 18px;
    }

    .link {
        width: 30%;
        float: right;
        text-align: center;
        font-size: 18px;
        color: #fff;
        font-weight: 400;
        font-family: 'Glory', sans-serif;
        background-color: #EF6000;
        padding: 0px 10px;
        display: block;
        border-radius: 5px;
    }

    .tracking-device h3 {
        font-family: 'gt_walsheimbold';
        font-size: 25px;
        color: #273140;
        line-height: 30px;
        margin: 0px 0px 5px;
        text-align: center;
    }
    .trackingslider-content.p-5 {
        padding: 1rem !important;
    }
    .trackingslider-bg-blue1 h3, .trackingslider-bg-blue2 h3, .trackingslider-bg-blue3 h3, .trackingslider-bg-blue4 h3 {
        color: #fff;
    }
    .container-fluid.d-block.p-5 {
        padding-bottom: 0px !important;
    }
    .trackingslider .slick-list {
        padding: 0 2.5% 0 0;
        height: 350px;
        width: 100%;
    }
    .trackingslider__item {
        width: 350px !important;
        height:350px;
        max-width: 350px;
    }

    .trackingslider__item .trackingslider-content p {
        font-size: 16px;
        line-height: 20px;
    }
    .bottom-content {
        position: absolute;
        bottom: 13px;
        width: 347px;
    }
    .catalog h3 {
        font-family: 'gt_walsheimbold';
        font-size: 25px;
        color: #EF6000;
        line-height: 25px;
        margin: 0px 0px 0px;
        text-align: center;
    }
    .distributor h3 {
        font-family: 'gt_walsheimbold';
        font-size: 25px;
        color: #fff;
        line-height: 25px;
        margin: 0px 0px 0px;
        text-align: center;
    }

    .footer-links ul {
        margin: 0px 0px 30px;
        padding: 0px 0px 20px;
        border-bottom: solid 1px #dcdcdc;
    }

    .footer-links ul li {
        display: inline;
        margin: 0px 17px 0px 0px;
        font-size: 18px;
    }

    .footer-top .col-md-1 {
        display: none;
    }

    .footer-top .col-md-7, .footer-top .col-md-4  {
        flex: 0 0 auto;
        width: 100%;
        margin: 10px auto;
        text-align: center;
    }
    .copy-rights .col-md-4.text-end {
        margin: auto;
        text-align: center !important;
    }

    .tracking-solutions p a.read-more, .what-is-new p a.read-more, .distributor .btn-outline-primary {
        background: #EF6000;
        width: 175px;
        height: 50px; 
        padding: 10px 10px 10px; 
        font-size: 20px;
        line-height: 30px;
        margin: 0px auto;
    }

    .catalog .btn-outline-primary {
        width: 250px;
        height: 50px; 
        padding: 10px 10px 10px; 
        font-size: 20px;
        line-height: 30px;
        margin: 0px auto;
    }

    
    .video-banners1 .swiper-container {
        width:100%;
        height: 57vh;
        margin: 20px auto;
    }
    .video-banners1 .swiper-container .swiper-wrapper .swiper-slide video {
        width: 100%;
        height: 92%;
        margin: 20px auto;
        background: #fff;
    }

    .banner-device {
        position: relative;
        margin-top: 86px;
    }

    .banner-device .banner-heading {
        text-align: center;
        position: absolute;
        top: 15%;
    }
    .tabs .tabs__links li .tabs__link {
        width: 80px;
        height: 80px;
        transition: 0.3s;
        padding: 0px;
      }
      .tabs .tabs__links {
        margin: 30px auto 0px;
        max-width: 750px;
    }
    .tabs .tabs__links h5 {
        text-align: center;
        font-weight: 500;
        font-size: 18px; 
        width: 80px;
        height: 80px;
    }
    #myCarousel .carousel-control-next-icon {
        background: url(../video/right-arrow.svg) right top no-repeat;
        width: 54px;
        height: 85px;
        opacity: 1;
      right: -20px;
      position: relative;
    }
    
    #myCarousel .carousel-control-prev-icon{
        background: url(../video/left-arrow.svg) left top no-repeat;
      width: 54px;
        height:85px;
        opacity: 1;
      left: -20px;
      position: relative;
    }
    
    #myCarousel .carousel-control-next-icon:hover {
      background: url(../video/right-arrow-over.svg) right top no-repeat;
      animation-delay: 12s;
      right: -20px;
      position: relative;
    }
     
    #myCarousel .carousel-control-prev-icon:hover {
      background: url(../video/left-arrow-over.svg) left top no-repeat;
      animation-delay: 12s;
      left: -20px;
      position: relative;
    }
    .intro-banner-vdo-play-btn {
        height: 100px;
        width: 90px;
        position: absolute;
        top: 45%;
        left: 45%;
        text-align: center;
        margin: 0px;
        border-radius: 0px;
        z-index: 1;
        pointer-events: none;
      }
 
}
@media only screen and (min-device-width : 560px) and (max-device-width : 767.99px) {
    .navbar-toggler.first-button {
        display: none;
    }
    
    video {
        object-fit: cover;
        width: 100%;
        height: 400px;
        position: absolute;
        top: 0;
        left: 0;
    }


    .video-banners {
        min-height:368px;
    }

    .carousel-item {
        height:55vh;
        min-height: 368px;
    }
    .video-banners .carousel-item {
        max-height: 400px;
        width: 100%;
    }

    .video-banners .carousel-control-prev-icon,
    .video-banners .carousel-control-next-icon, .video-banners .carousel-control-next-icon:hover, .video-banners .carousel-control-prev-icon:hover {
        background-size: 60%;
        background-position: 50%;
    }
	 
    .fixed-header {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(34,44,55,0.85);
        height: 77px;
        -webkit-transition: opacity 1.0s ease-in;
        -moz-transition: opacity 1.0s ease-in;
        -o-transition: opacity 1.0s ease-in;
    }

    .header-bg .navbar-nav {
        color: #fff;
        background:rgba(239,96,0,0.90);
        max-width: 350px;
        border-radius: 10px;
        padding: 20px 0px;
        position: relative;
    }
    .header-bg #navbarCollapse .nav-link {
        border-bottom: solid 1px rgba(255,255,255,0.20);
       
    }
    .header-bg #navbarCollapse .btn-outline-primary {
        background: transparent !important;
        border: none;
        display: block;
        text-align: left;
        padding: .5rem 2.1rem;
        outline: none;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        height: auto;
 
    }
    .nav-item.dropdown {
        padding-bottom: 0;
        /* display: block; */
    }

    /* .navbar-nav .dropdown-menu {
        position: absolute;
        left: -0;
        width: 140%;
        top: 0px;
    } */

    .navbar-nav .dropdown-menu {
        position: relative;
        left: 4px;
        width: 98%;
        top: 0px;
    }
    
    .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
        box-shadow: none;
    }

 

    .tracking-solutions {
        text-align: center;
        margin: 3% 10% 2%;
    }
    .what-is-new p br {
       display: none;
    }
    
    .tracking-solutions {
        text-align: center;
        margin: 2% 2.5% 0%;
    }

    .tracking-solutions p {
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .tracking-solutions h1 br {
        display: none;
    }

    .tracking-solutions h1 {
        font-size: 25px;
        margin: 2% 5% 3%;
        line-height: 30px;
    }

    .explore h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #EF6000;
        line-height: 50px;
        margin: 0px 0px 20px;
        line-height: 30px;
    }
    .explore p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
        padding: 10px 0px 20px;
    }
    .what-is-new h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #273140;
        letter-spacing: -1px;
        margin: 10px auto 10px;
        line-height: 30px;
        text-align: center;
    }
    .what-is-new .ps-5 {
        padding: 0px !important;
    }
    .what-is-new p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin: 30px 0px;
    }

    .what-is-new h5 {
        text-align: center;
        margin-bottom: 10px;
    }
    
    .what-is-new .col-md-5.ps-5 {
        padding-left: 0px !important;
    }
    
    .mobile-app {
        padding-left: 0px !important;
        padding-right: 0px !important;
    } 
    .mobile-app h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #273140;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
        line-height: 30px;
        display: block;
    }

    .mobile-bg {
        /* background: url(../img/mobile-full-bg.png) center top no-repeat; */
        min-height: 380px;
        /* background-size:95%; */
    }

    .mobile-bg .mw-80 {
        max-width: 100%;
    }

    .mobile-bg p {
        font-size: 20px;
        line-height: 30px;
        margin: 0px 0px;
    }

    .mobile-bg .my-5 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }

    .mobile-bg .text-left h4, .mobile-bg .text-right h4 {
        display: none;
    }
    .mobile-bg .text-right p, .mobile-bg .text-left p {
        display: none;
    }
    .new-importoved-fleet-portal h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #273140;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
        line-height: 30px;
    }

    .data-details .data img {
        width: 100%;
    }

    .data-details h3 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #0B2C7B;
        line-height: 30px;
    }

    .data-details p {
        font-size: 16px;
    }

    .data-details .data .pb-4 {
        padding-bottom: 3.5rem !important;
    }

    .col-md-3.data {
        flex: 0 0 auto;
        width: 50%;
    }

    .data-details .col-md-4.my-auto.aos-init.aos-animate {
        width: 25%;
    }
    .col-md-8.my-auto.aos-init.aos-animate {
        width: 75%;
    }
    .explore-your-possibilities h3 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #EF6000;
        line-height: 30px;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
    }

    .explore .mw-100 {
        max-width: 100% !important;
    }
    .explore h3 {
        margin: 30px 0px 10px;
        padding-bottom: 0px;
        font-size: 28px;
        color: #273140;
        font-weight: 500;
        font-family: 'Glory', sans-serif;
    }
    .slider__item {
        display: inline-flex;
        width: 200px;
        height: 330px;
        margin-left: 0px;
        color: #fff;
        align-items: center;
        justify-content: left;
        z-index: 0;
    }

    .slider__item .slider-content {
        position: absolute;
        text-align: left;
        bottom: 0%;
        padding: 10px 10px;
    }

    .slider-content .button {
        width: 95%;
    }

    .slider__item .slider-content h3 {
        text-align: left;
        color: #fff;
        font-size:19px;
        font-family: 'gt_walsheimmedium';
        line-height: 24px;
        margin-bottom: 5px;
        margin-left: 0%;
    }

    .slider__item .slider-content .button .content-detail {
        text-align: left;
        width: 95%;
        margin: 20px 0px 0px 1%;
        transition: all ease-in-out 0.5s;
    }
    .slider__item .slider-content .content-detail p {
        line-height:22px;
        font-size: 16px;
    }

    .trackingslider {
        margin: 30px auto 20px;
        overflow: hidden;
        padding-top: 0px !important;
    }

    .tracking-device h3 {
        font-family: 'gt_walsheimbold';
        font-size: 35px;
        color: #273140;
        line-height: 35px;
        margin: 0px 0px 0px;
        text-align: center;
    }

    .trackingslider-bg-white1, .trackingslider-bg-white2, .trackingslider-bg-white3, .trackingslider-bg-white4,  
    .trackingslider-bg-blue2,  .trackingslider-bg-blue3, .trackingslider-bg-blue1,  .trackingslider-bg-blue4  {
        width: 100%;
        height: 350px;
        vertical-align: top;
    }

    .brand {
        width:50%;
        text-align: left;
        font-size: 18px;
    }

    .link {
        width: 30%;
        float: right;
        text-align: center;
        font-size: 18px;
        color: #fff;
        font-weight: 400;
        font-family: 'Glory', sans-serif;
        background-color: #EF6000;
        padding: 0px 10px;
        display: block;
        border-radius: 5px;
    }

    .tracking-device h3 {
        font-family: 'gt_walsheimbold';
        font-size: 25px;
        color: #273140;
        line-height: 30px;
        margin: 0px 0px 5px;
        text-align: center;
    }
    .trackingslider-content.p-5 {
        padding: 1rem !important;
    }
    .trackingslider-bg-blue1 h3, .trackingslider-bg-blue2 h3, .trackingslider-bg-blue3 h3, .trackingslider-bg-blue4 h3 {
        color: #fff;
    }
    .container-fluid.d-block.p-5 {
        padding-bottom: 0px !important;
    }
    .trackingslider .slick-list {
        padding: 0 2.5% 0 0;
        height: 350px;
        width: 100%;
    }
    .trackingslider__item {
        width: 350px !important;
        height:350px;
        max-width: 350px;
    }

    .trackingslider__item .trackingslider-content p {
        font-size: 16px;
        line-height: 20px;
    }
    .bottom-content {
        position: absolute;
        bottom: 13px;
        width: 347px;
    }
    .catalog h3 {
        font-family: 'gt_walsheimbold';
        font-size: 25px;
        color: #EF6000;
        line-height: 25px;
        margin: 0px 0px 0px;
        text-align: center;
    }

    .catalog .catalog-image .mw-90 {
        max-width: 100%;
    }
    .distributor h3 {
        font-family: 'gt_walsheimbold';
        font-size: 25px;
        color: #fff;
        line-height: 25px;
        margin: 0px 0px 0px;
        text-align: center;
    }

    .footer-links ul {
        margin: 0px 0px 30px;
        padding: 0px 0px 20px;
        border-bottom: solid 1px #dcdcdc;
    }

    .footer-links ul li {
        display: inline;
        margin: 0px 17px 0px 0px;
        font-size: 18px;
    }

    .footer-top .col-md-1 {
        display: none;
    }

    .footer-top .col-md-7, .footer-top .col-md-4  {
        flex: 0 0 auto;
        width: 100%;
        margin: 0px auto;
        text-align: center;
    }
    .copy-rights .col-md-4.text-end {
        margin: auto;
        text-align: center !important;
    }

    .tracking-solutions p a.read-more, .what-is-new p a.read-more, .distributor .btn-outline-primary {
        background: #EF6000;
        width: 175px;
        height: 50px; 
        padding: 10px 10px 10px; 
        font-size: 20px;
        line-height: 30px;
        margin: 0px auto;
    }

    .catalog .btn-outline-primary {
        width: 250px;
        height: 50px; 
        padding: 10px 10px 10px; 
        font-size: 20px;
        line-height: 30px;
        margin: 0px auto;
    }

    .video-banners1 .swiper-container {
        width:100%;
        height: 44vh;
        margin: 0px auto 0px;
    }
    .video-banners1 .swiper-container .swiper-wrapper .swiper-slide video {
        width: 100%;
        height: 92%;
        margin: 20px auto;
        background: #fff;
    }

    .banner-device {
        position: relative;
        margin-top: 86px;
    }

    .banner-device .banner-heading  {
        top:20%;
    }

    .banner-device .banner-heading h1 {
        color: #fff;
        margin-top: 0px;
        font-size: 20px;
        top: 10%;
    }
    .tabs .tabs__links li .tabs__link {
        width: 80px;
        height: 80px;
        transition: 0.3s;
        padding: 0px;
      }
      .tabs .tabs__links {
        margin: 30px auto 0px;
        max-width: 550px;
    }
    .tabs .tabs__links h5 {
        text-align: center;
        font-weight: 500;
        font-size: 15px; 
        width: 80px;
        height: 80px;
    }
    .page-header {
        background: rgba(0,0,0,0.9);
        height: 86px;
        z-index: 999;
        position: absolute;
        width: 100%;
        top: 0px;
    }
    .carousel {
        position: relative;
        margin-top: 86px;
    }
    .intro-banner-vdo-play-btn {
        height: 100px;
        width: 90px;
        position: absolute;
        top: 50%;
        left: 40%;
        text-align: center;
        margin: 0px;
        border-radius: 0px;
        z-index: 1;
        pointer-events: none;
      }
 
}

@media only screen and (min-device-width : 460px) and (max-device-width : 559px) {

    .navbar-toggler.first-button {
        display: none;
    }
    img.d-inline-block.align-middle.mr-2 {
        width: 50%;
    }
    .navbar-brand {
        margin-top: 4px !important;
        margin-left: 3px !important;
        margin-bottom: 10px !important;
        text-align: left;
        padding: 14px 15px;
    }
    .page-header {
        height: auto;
        }

    video {
        object-fit: cover;
        width: 100%;
        height: 280px;
        position: absolute;
        top: 0;
        left: 0;
    }


    .video-banners {
        min-height:250px;
        margin-top: 90px;
    }

    .carousel-item {
        max-height: 400px;
        min-height: 300px;
    }
    .video-banners .carousel-item {
        max-height: 400px;
        height: 300px;
        width: 100% ;
    }

    .video-banners .carousel-control-prev-icon,
    .video-banners .carousel-control-next-icon, .video-banners .carousel-control-next-icon:hover, .video-banners .carousel-control-prev-icon:hover {
        background-size: 60%;
        background-position: 50%;
    }

    .p-5 {
        padding: 2rem !important;
    }
	 
    .fixed-header {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(34,44,55,0.85);
        height: 77px;
        -webkit-transition: opacity 1.0s ease-in;
        -moz-transition: opacity 1.0s ease-in;
        -o-transition: opacity 1.0s ease-in;
    }

    .header-bg .navbar-nav {
        color: #fff;
        background:rgba(239,96,0,0.90);
        max-width: 350px;
        border-radius: 10px;
        padding: 20px 0px;
        position: relative;
    }
    .header-bg #navbarCollapse .nav-link {
        border-bottom: solid 1px rgba(255,255,255,0.20);
       
    }
    .header-bg #navbarCollapse .btn-outline-primary {
        background: transparent !important;
        border: none;
        display: block;
        text-align: left;
        padding: .5rem 2.1rem;
        outline: none;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        height: auto;
      
    }
    .nav-item.dropdown {
        padding-bottom: 0;
        /* display: block; */
    }

    /* .navbar-nav .dropdown-menu {
        position: absolute;
        left: -0;
        width: 140%;
        top: 0px;
    } */

    .navbar-nav .dropdown-menu {
        position: relative;
        left: 4px;
        width: 98%;
        top: 0px;
    }
    
    .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
        box-shadow: none;
    }


    .tracking-solutions {
        text-align: center;
        margin: 3% 10% 2%;
    }
    .what-is-new p br {
       display: none;
    }
    
    .tracking-solutions {
        text-align: center;
        margin: 2% 2.5% 0%;
    }

    .tracking-solutions p {
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .tracking-solutions h1 br {
        display: none;
    }

    .tracking-solutions h1 {
        font-size: 25px;
        margin: 2% 5% 3%;
        line-height: 30px;
    }

    .explore h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #EF6000;
        line-height: 50px;
        margin: 0px 0px 20px;
        line-height: 30px;
    }
    .explore p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
        padding: 10px 0px 20px;
    }
    .what-is-new h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #273140;
        letter-spacing: -1px;
        margin: 10px auto 10px;
        line-height: 30px;
        text-align: center;
    }
    .what-is-new .ps-5 {
        padding: 0px !important;
    }
    .what-is-new p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin: 30px 0px;
    }

    .what-is-new h5 {
        text-align: center;
        margin-bottom: 10px;
    }
    
    .what-is-new .col-md-5.ps-5 {
        padding-left: 0px !important;
    }
    
    .mobile-app {
        padding-left: 0px !important;
        padding-right: 0px !important;
    } 
    .mobile-app h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #273140;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
        line-height: 30px;
        display: block;
    }

    .mobile-bg {
        /* background: url(../img/mobile-full-bg.png) center top no-repeat; */
        min-height: 280px;
        /* background-size:95%; */
    }

    .mobile-bg p {
        font-size: 20px;
        line-height: 30px;
        margin: 0px 0px;
    }

    .mobile-bg .my-5 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }

    .mobile-bg .text-left h4, .mobile-bg .text-right h4 {
        display: none;
    }
    .mobile-bg .text-right p, .mobile-bg .text-left p {
        display: none;
    }
    .new-importoved-fleet-portal h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #273140;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
        line-height: 30px;
    }

    .data-details .data img {
        width: 100%;
    }

    .data-details h3 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #0B2C7B;
        line-height: 30px;
    }

    .data-details p {
        font-size: 16px;
    }

    .data-details .data .pb-4 {
        padding-bottom: 3.5rem !important;
    }

    .col-md-3.data {
        flex: 0 0 auto;
        width: 50%;
    }

    .new-importoved-fleet-portal.p-5.pb-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .data-details .col-md-4.my-auto.aos-init.aos-animate {
        width: 35%;
    }
    .col-md-8.my-auto.aos-init.aos-animate {
        width: 65%;
    }

    .explore-your-possibilities {
        padding-bottom: 0px !important;
    }

    .explore-your-possibilities h3 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #EF6000;
        line-height: 30px;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
    }

    .explore .mw-100 {
        max-width: 100% !important;
    }
    .explore h3 {
        margin: 30px 0px 10px;
        padding-bottom: 0px;
        font-size: 28px;
        color: #273140;
        font-weight: 500;
        font-family: 'Glory', sans-serif;
    }
    .slider__item {
        display: inline-flex;
        width: 200px;
        height: 280px;
        margin-left: 0px;
        color: #fff;
        align-items: center;
        justify-content: left;
        z-index: 0;
        margin-top: 30px;
    }

    .slider__item .slider-content {
        position: absolute;
        text-align: left;
        bottom: 0%;
        padding: 10px 10px;
        width: 380px;
    }

    .slider-content .button {
        width: 95%;
    }

    .slider__item .slider-content h3 {
        text-align: left;
        color: #fff;
        font-size:20px;
        font-family: 'gt_walsheimmedium';
        line-height: 25px;
        margin-bottom: 5px;
        margin-left: 0%;
        letter-spacing: 0px;
    }

    .slider__item .slider-content .button .content-detail {
        text-align: left;
        width: 95%;
        margin: 20px 0px 0px 1%;
        transition: all ease-in-out 0.5s;
    }
    .slider__item .slider-content .content-detail p {
        line-height:22px;
        font-size: 18px;
    }

    .trackingslider {
        margin: 30px auto 10px;
        overflow: hidden;
        padding-top: 0px !important;
    }

    .tracking-device h3 {
        font-family: 'gt_walsheimbold';
        font-size: 35px;
        color: #273140;
        line-height: 35px;
        margin: 0px 0px 0px;
        text-align: center;
    }

    .trackingslider-bg-white1, .trackingslider-bg-white2, .trackingslider-bg-white3, .trackingslider-bg-white4,  
    .trackingslider-bg-blue2,  .trackingslider-bg-blue3, .trackingslider-bg-blue1,  .trackingslider-bg-blue4  {
        width: 100%;
        height: 350px;
        vertical-align: top;
    }

    .brand {
        width:50%;
        text-align: left;
        font-size: 18px;
    }

    .link {
        width: 30%;
        float: right;
        text-align: center;
        font-size: 18px;
        color: #fff;
        font-weight: 400;
        font-family: 'Glory', sans-serif;
        background-color: #EF6000;
        padding: 0px 10px;
        display: block;
        border-radius: 5px;
    }

    .tracking-device h3 {
        font-family: 'gt_walsheimbold';
        font-size: 25px;
        color: #273140;
        line-height: 30px;
        margin: 0px 0px 5px;
        text-align: center;
    }
    .trackingslider-content.p-5 {
        padding: 1rem !important;
    }
    .trackingslider-bg-blue1 h3, .trackingslider-bg-blue2 h3, .trackingslider-bg-blue3 h3, .trackingslider-bg-blue4 h3 {
        color: #fff;
    }
    .container-fluid.d-block.p-5 {
        padding-bottom: 0px !important;
    }
    .trackingslider .slick-list {
        padding: 0 2.5% 0 0;
        height: 350px;
        width: 100%;
    }
    .trackingslider__item {
        width: 100% !important;
        height: 350px;
        max-width: 360px;
        margin: 0px auto !important;
        text-align: center;
    }

    .trackingslider__item .trackingslider-content p {
        font-size: 16px;
        line-height: 20px;
    }
    .bottom-content {
        position: absolute;
        bottom: 13px;
        width: 347px;
    }
    .catalog h3 {
        font-family: 'gt_walsheimbold';
        font-size: 25px;
        color: #EF6000;
        line-height: 25px;
        margin: 0px 0px 0px;
        text-align: center;
    }

    .catalog .catalog-image .mw-90 {
        max-width: 100%;
    }
    .distributor h3 {
        font-family: 'gt_walsheimbold';
        font-size: 25px;
        color: #fff;
        line-height: 25px;
        margin: 0px 0px 0px;
        text-align: center;
    }

    .footer-links ul {
        margin: 0px 0px 30px;
        padding: 0px 0px 20px;
        border-bottom: solid 1px #dcdcdc;
    }

    .footer-links ul li {
        display: inline;
        margin: 0px 17px 0px 0px;
        font-size: 18px;
    }

    .footer-top .row.p-4 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .footer-top .col-md-1 {
        display: none;
    }

    .footer-top .col-md-7, .footer-top .col-md-4  {
        flex: 0 0 auto;
        width: 100%;
        margin: 10px auto;
        text-align: center;
    }
    .copy-rights .col-md-4.text-end {
        margin: auto;
        text-align: center !important;
    }

    .tracking-solutions p a.read-more, .what-is-new p a.read-more, .distributor .btn-outline-primary {
        background: #EF6000;
        width: 175px;
        height: 50px; 
        padding: 10px 10px 10px; 
        font-size: 20px;
        line-height: 30px;
        margin: 0px auto;
    }
    .distributor .btn-outline-primary {
         margin: 25px auto 0px;
    }

    .catalog .btn-outline-primary {
        width: 250px;
        height: 50px; 
        padding: 10px 10px 10px; 
        font-size: 20px;
        line-height: 30px;
        margin: 0px auto;
    }
    html {
        overflow-x: hidden;
        }

        .footer-links h4 {
            margin-bottom: 20px;
        }

        .footer-links ul li {
            margin-bottom: 0px;
            line-height: 0px;
        }

        .footer-links ul li a {
            display: block;
          
        }

        
    .video-banners1 .swiper-container {
        width:100%;
        height: 40vh;
        margin: 0 auto;
    }
    .video-banners1 .swiper-container .swiper-wrapper .swiper-slide video {
        width: 100%;
        height: 92%;
        margin: 20px auto;
        background: #fff;
    }

    .mw-90.mb-2.aos-init.aos-animate {
	margin: auto;
	text-align: center;
	display: block;
}

.banner-device {
    position: relative;
    margin-top: 88px;
}

.banner-device .banner-heading  {
    top:10%;
}

.banner-device .banner-heading h1 {
    color: #fff;
    margin-top: 0px;
    font-size: 18px;
    top: 10%;
}

.video-banners .carousel-control-prev-icon,  .video-banners .carousel-control-next-icon {
    display: none;
}

.tabs .tabs__links li .tabs__link {
    width: 65px;
    height: 65px;
    transition: 0.3s;
    padding: 0px;
    border-radius: 12%;
  }
  .tabs .tabs__links {
    margin: 30px auto 0px;
    max-width: 450px;
}
.tabs .tabs__links h5 {
    text-align: center;
    font-weight: 500;
    font-size: 14px; 
    width: 60px;
    height: 60px;
}
.tabs .tabs__links li img {
	animation-delay: 12s;
	margin: auto;
	display: block;
	width: 50%;
}
.page-header {
	background: rgba(0,0,0,0.9);
	height: 86px;
	z-index: 999;
	position: absolute;
	width: 100%;
	top: 0px;
}
.carousel {
	position: relative;
	margin-top: 86px;
}
#myCarousel .carousel-control-next-icon {
	background: url(../video/right-arrow.svg) right center no-repeat;
	width: 30px;
	height: 48px;
	opacity: 1;
}
#myCarousel .carousel-control-prev-icon {
	background: url(../video/left-arrow.svg) left center no-repeat;
	width: 30px;
	height: 48px;
	opacity: 1;
}
#myCarousel .carousel-control-next-icon:hover {
    background: url(../video/right-arrow-over.svg) right center no-repeat;
    animation-delay: 12s;
    width: 30px;
	height: 48px;
}
#myCarousel .carousel-control-prev-icon:hover {
	background: url(../video/left-arrow-over.svg) left center no-repeat;
    animation-delay: 12s;
    width: 30px;
	height: 48px;
}
.intro-banner-vdo-play-btn {
    height: 100px;
    width: 90px;
    position: absolute;
    top: 45%;
    left: 40%;
    text-align: center;
    margin: 0px;
    border-radius: 0px;
    z-index: 1;
    pointer-events: none;
  }
}
 


@media only screen and (min-device-width : 360px) and (max-device-width :459px) {
    .navbar-toggler.first-button {
        display: none;
    }
 
    img.d-inline-block.align-middle.mr-2 {
        width: 50%;
    }
    .navbar-brand {
        margin-top: 4px !important;
        margin-left: 3px !important;
        margin-bottom: 10px !important;
        text-align: left;
    }
    .p-5 {
        padding: 1rem !important;
    }
	 
    .fixed-header {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(34,44,55,0.85);
        height: 77px;
        -webkit-transition: opacity 1.0s ease-in;
        -moz-transition: opacity 1.0s ease-in;
        -o-transition: opacity 1.0s ease-in;
    }

    .header-bg .navbar-nav {
        color: #fff;
        background:rgba(239,96,0,0.90);
        max-width: 350px;
        border-radius: 10px;
        padding: 20px 0px;
        position: relative;
    }
    .header-bg #navbarCollapse .nav-link {
        border-bottom: solid 1px rgba(255,255,255,0.20);
       
    }
    .header-bg #navbarCollapse .btn-outline-primary {
        background: transparent !important;
        border: none;
        display: block;
        text-align: left;
        padding: .5rem 2.1rem;
        outline: none;
    }

    nav.navbar {
        padding: 25px 0px 0px;
      }
    .navbar-brand {
        margin: auto;
      
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        height: auto;
 
    }
    .nav-item.dropdown {
        padding-bottom: 0;
        /* display: block; */
    }

    .animated-icon1, .animated-icon2, .animated-icon3 {
        width: 30px;
        height: 20px;
        position: absolute;
        margin: 0px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        right: 15px;
        top: 25px;
    }

    /* .navbar-nav .dropdown-menu {
        position: absolute;
        left: -0;
        width: 140%;
        top: 0px;
    } */

    .navbar-nav .dropdown-menu {
        position: relative;
        left: 4px;
        width: 98%;
        top: 0px;
    }
    
    .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
        box-shadow: none;
    }

    .page-header {
        height: 88px;
        }

    video {
        object-fit: cover;
        width: 100%;
        height: 180px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .video-banners {
        min-height: 200px;
        margin-top: 85px;
    }

    .video-banners .carousel-item {
        max-height: 350px;
        min-height: 200px;
        height: 200px;
        width: 100% ;
    }

    .video-banners .carousel-control-prev-icon,
    .video-banners .carousel-control-next-icon, .video-banners .carousel-control-next-icon:hover, .video-banners .carousel-control-prev-icon:hover {
        background-size: 60%;
        background-position: 50%;
    }

    .tracking-solutions {
        text-align: center;
        margin: 3% 10% 2%;
    }
    .what-is-new p br {
       display: none;
    }
    
    .tracking-solutions {
        text-align: center;
        margin: 2% 2.5% 0%;
    }

    .tracking-solutions p {
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .tracking-solutions h1 br {
        display: none;
    }

    .tracking-solutions h1 {
        font-size: 25px;
        margin: 2% 5% 3%;
        line-height: 30px;
    }

    .explore h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #EF6000;
        line-height: 50px;
        margin: 0px 0px 20px;
        line-height: 30px;
    }
    
    .explore p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
        padding: 10px 0px 20px;
    }
    .what-is-new h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #273140;
        letter-spacing: -1px;
        margin: 10px auto 10px;
        line-height: 30px;
        text-align: center;
    }
    .what-is-new .ps-5 {
        padding: 0px !important;
    }
    .what-is-new p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin: 30px 0px;
    }

    .what-is-new h5 {
        text-align: center;
        margin-bottom: 10px;
    }
    
    .what-is-new .col-md-5.ps-5 {
        padding-left: 0px !important;
    }
    
    .mobile-app {
        padding-left: 0px !important;
        padding-right: 0px !important;
    } 
    .mobile-app h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #273140;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
        line-height: 30px;
        display: block;
    }

    .mobile-bg {
        /* background: url(../img/mobile-full-bg.png) center top no-repeat; */
        min-height: 200px;
        /* background-size:95%; */
    }

    .mobile-bg p {
        font-size: 20px;
        line-height: 30px;
        margin: 0px 0px;
    }

    .mobile-bg .my-5 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }

    .mobile-bg .text-left h4, .mobile-bg .text-right h4 {
        display: none;
    }
    .mobile-bg .text-right p, .mobile-bg .text-left p {
        display: none;
    }
    .new-importoved-fleet-portal h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #273140;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
        line-height: 30px;
    }

    .data-details .data img {
        width: 100%;
    }

    .data-details h3 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #0B2C7B;
        line-height: 30px;
    }

    .data-details p {
        font-size: 16px;
    }

    .data-details .data .pb-4 {
        padding-bottom: 3.5rem !important;
    }

    .col-md-3.data {
        flex: 0 0 auto;
        width: 100%;
    }

    .new-importoved-fleet-portal.p-5.pb-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .data-details .col-md-4.my-auto.aos-init.aos-animate {
        width: 35%;
    }
    .col-md-8.my-auto.aos-init.aos-animate {
        width: 65%;
    }

    .explore-your-possibilities {
        padding-bottom: 0px !important;
    }

    .explore-your-possibilities h3 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #EF6000;
        line-height: 30px;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
    }

    .explore .mw-100 {
        max-width: 100% !important;
    }
    .explore h3 {
        margin: 20px 0px 10px;
        padding-bottom: 0px;
        font-size: 20px;
        color: #273140;
        font-weight: 500;
        font-family: 'Glory', sans-serif;
    }

    .explore-your-possibilities h5 {

        margin: 20px auto 10px;
    }
    .slider__item {
        display: inline-flex;
        width: 200px;
        height: 350px;
        margin-left: 0px;
        color: #fff;
        align-items: center;
        justify-content: left;
        z-index: 0;
        margin-top:20px;
    }

    .slider__item .slider-content {
        position: absolute;
        text-align: left;
        bottom: 0%;
        padding: 10px 10px;
    }

    .slider-content .button {
        width: 95%;
    }

    .slider__item .slider-content h3 {
        text-align: left;
        color: #fff;
        font-size:22px;
        font-family: 'gt_walsheimmedium';
        line-height: 28px;
        margin-bottom: 15px;
        margin-left: 0%;
    }

    .slider__item .slider-content .button .content-detail {
        text-align: left;
        width: 270px;
        margin: 5px 0px 0px 1%;
        transition: all ease-in-out 0.5s;
    }
    .slider__item .slider-content .content-detail p {
        line-height:24px;
        font-size: 18px;
    }

    .trackingslider {
        margin: 30px auto 10px;
        overflow: hidden;
        padding-top: 0px !important;
    }

 

    .trackingslider-bg-white1, .trackingslider-bg-white2, .trackingslider-bg-white3, .trackingslider-bg-white4,  
    .trackingslider-bg-blue2,  .trackingslider-bg-blue3, .trackingslider-bg-blue1,  .trackingslider-bg-blue4  {
        width: 100%;
        height: 332px;
        vertical-align: top;
    }

    .brand {
        width:45%;
        text-align: left;
        font-size: 18px;
    }

    .link {
        width: 30%;
        float: right;
        text-align: center;
        font-size: 18px;
        color: #fff;
        font-weight: 400;
        font-family: 'Glory', sans-serif;
        background-color: #EF6000;
        padding: 0px 10px;
        display: block;
        border-radius: 5px;
    }

    .tracking-device h3 {
        font-family: 'gt_walsheimbold';
        font-size: 25px;
        color: #273140;
        line-height: 30px;
        margin: 0px 0px 5px;
        text-align: center;
    }
    .trackingslider-content.p-5 {
        padding: 1rem !important;
    }
    .trackingslider-bg-blue1 h3, .trackingslider-bg-blue2 h3, .trackingslider-bg-blue3 h3, .trackingslider-bg-blue4 h3 {
        color: #fff;
    }
    .container-fluid.d-block.p-5 {
        padding-bottom: 0px !important;
    }

   
    .trackingslider .slick-list {
        padding: 0 0 0 0;
        height: 354px;
        width: 100%;
    }

    .trackingslider__item {
        display: inline-flex;
        width: 100%;
        height: 380px;
        margin-left: 0px;
        align-items: center;
        justify-content: left;
        padding: 0px 10px;
        vertical-align: top;
        margin-bottom: 50px;
    }


    .trackingslider__item .trackingslider-content p {
        font-size: 16px;
        line-height: 20px;
    }
    .bottom-content {
        position: absolute;
        bottom: 25px;
        width: 347px;
    }
    .catalog h3 {
        font-family: 'gt_walsheimbold';
        font-size: 25px;
        color: #EF6000;
        line-height: 25px;
        margin: 0px 0px 0px;
        text-align: center;
    }

    .catalog .catalog-image .mw-90 {
        max-width: 100%;
    }
    .distributor h3 {
        font-family: 'gt_walsheimbold';
        font-size: 25px;
        color: #fff;
        line-height: 25px;
        margin: 0px 0px 0px;
        text-align: center;
    }

    .footer-links ul {
        margin: 0px 0px 30px;
        padding: 0px 0px 20px;
        border-bottom: solid 1px #dcdcdc;
    }

    .footer-links ul li {
        display: inline;
        margin: 0px 17px 0px 0px;
        font-size: 18px;
    }

    .footer-top .row.p-4 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .footer-top .col-md-1 {
        display: none;
    }

    .footer-top .col-md-7, .footer-top .col-md-4  {
        flex: 0 0 auto;
        width: 100%;
        margin: 10px auto;
        text-align: center;
    }
    .copy-rights .col-md-4.text-end {
        margin: auto;
        text-align: center !important;
    }

    .tracking-solutions p a.read-more, .what-is-new p a.read-more, .distributor .btn-outline-primary {
        background: #EF6000;
        width: 175px;
        height: 50px; 
        padding: 10px 10px 10px; 
        font-size: 20px;
        line-height: 30px;
        margin: 0px auto;
    }

    .catalog .btn-outline-primary {
        width: 250px;
        height: 50px; 
        padding: 10px 10px 10px; 
        font-size: 20px;
        line-height: 30px;
        margin: 0px auto;
    }

    .distributor .container.pt-5 {
        padding-top: 0px !important;
    }
    .tracking-solutions p a.read-more, .what-is-new p a.read-more {
        background: #EF6000;
        width: 175px;
        height: 50px;
        padding: 10px 10px 10px;
        font-size: 20px;
        line-height: 30px;
        margin: 0px auto;
    }

    .distributor .btn-outline-primary {
        margin: 25px auto 0px;
    }

    html {
        overflow-x: hidden;
        }

        .footer-links h4 {
            margin-bottom: 20px;
        }

        .footer-links ul li {
            margin-bottom: 0px;
            line-height: 0px;
        }

        .footer-links ul li a {
            display: block;
          
        }

        
    .video-banners1 .swiper-container {
        width:100%;
        height: 30vh;
        margin: 0 auto;
    }
    .video-banners1 .swiper-container .swiper-wrapper .swiper-slide video {
        width: 100%;
        height: 86%;
        margin: 20px auto;
        background: #fff;
    }

    .mw-90.mb-2.aos-init.aos-animate {
	margin: auto;
	text-align: center;
	display: block;
}

.banner-device {
    position: relative;
    margin-top: 88px;
}

.banner-device .banner-heading  {
    top:10%;
}

.banner-device .banner-heading h1 {
    color: #fff;
    margin-top: 0px;
    font-size: 15px;
    top: 8%;
}

.video-banners .carousel-control-prev-icon,  .video-banners .carousel-control-next-icon {
    display: none;
}

.tabs .tabs__links li .tabs__link {
    width: 45px;
    height: 45px;
    transition: 0.3s;
    padding: 0px;
    border-radius: 12%;
  }
  .tabs .tabs__links {
    margin: 30px auto 0px;
    max-width: 350px;
}
.tabs .tabs__links h5 {
    text-align: center;
    font-weight: 500;
    font-size: 14px; 
    width: 50px;
    height: 50px;
    word-break: break-word;
}
.tabs .tabs__links li img {
	animation-delay: 12s;
	margin: auto;
	display: block;
	width: 45%;
}
.tabs .tabs__contents {
	padding: 40px 10px;
 
}
.page-header {
	background: rgba(0,0,0,0.9);
	height: 86px;
	z-index: 999;
	position: absolute;
	width: 100%;
	top: 0px;
}
.carousel {
	position: relative;
	margin-top: 86px;
}
#myCarousel .carousel-control-next-icon {
	background: url(../video/right-arrow.svg) right center no-repeat;
	width: 30px;
	height: 48px;
	opacity: 1;
}
#myCarousel .carousel-control-prev-icon {
	background: url(../video/left-arrow.svg) left center no-repeat;
	width: 30px;
	height: 48px;
	opacity: 1;
}
#myCarousel .carousel-control-next-icon:hover {
    background: url(../video/right-arrow-over.svg) right center no-repeat;
    animation-delay: 12s;
    width: 30px;
	height: 48px;
}
#myCarousel .carousel-control-prev-icon:hover {
	background: url(../video/left-arrow-over.svg) left center no-repeat;
    animation-delay: 12s;
    width: 30px;
	height: 48px;
}
#myCarousel .carousel-control-next-icon {
    background: url(../video/right-arrow.svg) right top no-repeat;
    width: 34px;
    height: 65px;
    opacity: 1;
  right: -20px;
  position: relative;
}

#myCarousel .carousel-control-prev-icon{
    background: url(../video/left-arrow.svg) left top no-repeat;
    width: 34px;
    height: 65px;
    opacity: 1;
  left: -20px;
  position: relative;
}

#myCarousel .carousel-control-next-icon:hover {
  background: url(../video/right-arrow-over.svg) right top no-repeat;
  animation-delay: 12s;
  right: -20px;
  position: relative;
  width: 34px;
    height: 65px;
}
 
#myCarousel .carousel-control-prev-icon:hover {
  background: url(../video/left-arrow-over.svg) left top no-repeat;
  animation-delay: 12s;
  left: -20px;
  position: relative;
  width: 34px;
    height: 65px;
}
.intro-banner-vdo-play-btn {
    height: 100px;
    width: 90px;
    position: absolute;
    top: 45%;
    left: 40%;
    text-align: center;
    margin: 0px;
    border-radius: 0px;
    z-index: 1;
    pointer-events: none;
  }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 359px) {
    .navbar-toggler.first-button {
        display: none;
    }
    img.d-inline-block.align-middle.mr-2 {
        width: 100%;
        max-width: 175px;
    }
    .navbar-brand {
        margin-top: 4px !important;
        margin-left: 3px !important;
        margin-bottom: 10px !important;
        text-align: left;
    }

    nav.navbar {
        padding: 25px 0px 0px;
      }
    .page-header {
        height: 88px;
        }

    video {
        object-fit: cover;
        width: 100%;
        height: 180px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .video-banners {
        min-height: 200px;
        margin-top: 85px;
    }

    .video-banners .carousel-item {
        max-height: 350px;
        min-height: 200px;
        height: 200px;
        width: 100% ;
    }

    .video-banners .carousel-control-prev-icon,
    .video-banners .carousel-control-next-icon, .video-banners .carousel-control-next-icon:hover, .video-banners .carousel-control-prev-icon:hover {
        background-size: 60%;
        background-position: 50%;
    }

    .p-5 {
        padding: 1rem !important;
    }
	 
    .navbar-brand .mw-80 {
        max-width: 70%;
    }
    .fixed-header {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(34,44,55,0.85);
        height: 77px;
        -webkit-transition: opacity 1.0s ease-in;
        -moz-transition: opacity 1.0s ease-in;
        -o-transition: opacity 1.0s ease-in;
    }

    .header-bg .navbar-nav {
        color: #fff;
        background:rgba(239,96,0,0.90);
        max-width: 350px;
        border-radius: 10px;
        padding: 20px 0px;
        position: relative;
    }
    .header-bg #navbarCollapse .nav-link {
        border-bottom: solid 1px rgba(255,255,255,0.20);
       
    }
    .header-bg #navbarCollapse .btn-outline-primary {
        background: transparent !important;
        border: none;
        display: block;
        text-align: left;
        padding: .5rem 2.1rem;
        outline: none;
    }
    .navbar-brand {
        margin: auto;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        height: auto;
 
    }
    .nav-item.dropdown {
        padding-bottom: 0;
        /* display: block; */
    }

    .animated-icon1, .animated-icon2, .animated-icon3 {
        width: 30px;
        height: 20px;
        position: absolute;
        margin: 0px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        right: 15px;
        top: 20px;
    }

    /* .navbar-nav .dropdown-menu {
        position: absolute;
        left: -0;
        width: 140%;
        top: 0px;
    } */

    .navbar-nav .dropdown-menu {
        position: relative;
        left: 4px;
        width: 98%;
        top: 0px;
    }
    
    .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
        box-shadow: none;
    }



    .carousel-item {
        height: 35vh;
        min-height: 300px;
    }

    .tracking-solutions {
        text-align: center;
        margin: 3% 10% 2%;
    }
    .what-is-new p br {
       display: none;
    }
    
    .tracking-solutions {
        text-align: center;
        margin: 2% 2.5% 0%;
    }

    .tracking-solutions p {
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .tracking-solutions h1 br {
        display: none;
    }

    .tracking-solutions h1 {
        font-size: 25px;
        margin: 2% 5% 3%;
        line-height: 30px;
    }

    .explore h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #EF6000;
        line-height: 50px;
        margin: 0px 0px 20px;
        line-height: 30px;
    }
    .explore p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
        padding: 10px 0px 20px;
    }
    .what-is-new h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #273140;
        letter-spacing: -1px;
        margin: 10px auto 10px;
        line-height: 30px;
        text-align: center;
    }
    .what-is-new .ps-5 {
        padding: 0px !important;
    }
    .what-is-new p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin: 30px 0px;
    }

    .what-is-new h5 {
        text-align: center;
        margin-bottom: 10px;
    }
    
    .what-is-new .col-md-5.ps-5 {
        padding-left: 0px !important;
    }
    
    .mobile-app {
        padding-left: 0px !important;
        padding-right: 0px !important;
    } 
    .mobile-app h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #273140;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
        line-height: 30px;
        display: block;
    }

    .mobile-bg {
        /* background: url(../img/mobile-full-bg.png) center top no-repeat; */
        min-height: 250px;
        /* background-size:95%; */
    }

    .mobile-bg .mw-80 {
        max-width: 100%;
    }

    .mobile-bg p {
        font-size: 20px;
        line-height: 30px;
        margin: 0px 0px;
    }

    .mobile-bg .my-5 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }

    .mobile-bg .text-left h4, .mobile-bg .text-right h4 {
        display: none;
    }
    .mobile-bg .text-right p, .mobile-bg .text-left p {
        display: none;
    }
    .new-importoved-fleet-portal h2 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #273140;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
        line-height: 30px;
    }

    .data-details .data img {
        width: 100%;
    }

    .data-details h3 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #0B2C7B;
        line-height: 30px;
    }

    .data-details p {
        font-size: 16px;
    }

    .data-details .data .pb-4 {
        padding-bottom: 3.5rem !important;
    }

    .col-md-3.data {
        flex: 0 0 auto;
        width: 100%;
    }

    .new-importoved-fleet-portal.p-5.pb-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .data-details .col-md-4.my-auto.aos-init.aos-animate {
        width: 35%;
    }
    .col-md-8.my-auto.aos-init.aos-animate {
        width: 65%;
    }

    .explore-your-possibilities {
        padding-bottom: 0px !important;
    }

    .explore-your-possibilities h3 {
        font-family: 'gt_walsheimbold';
        font-size: 30px;
        color: #EF6000;
        line-height: 30px;
        letter-spacing: -1px;
        margin: 0px 0px 0px;
    }

    .explore .mw-100 {
        max-width: 100% !important;
    }
    .explore h3 {
        margin: 20px 0px 10px;
        padding-bottom: 0px;
        font-size: 20px;
        color: #273140;
        font-weight: 500;
        font-family: 'Glory', sans-serif;
    }
    .slider__item {
        display: inline-flex;
        width: 95%;
        height: 325px;
        margin-left: 0px;
        color: #fff;
        align-items: center;
        justify-content: left;
        z-index: 0;
        margin-top: 20px;
    }

    .slider__item .slider-content {
        position: absolute;
        text-align: left;
        bottom: 5%;
        padding: 10px 10px;
    }

    .slider-content .button {
        width: 95%;
    }

    .slider__item .slider-content h3 {
        text-align: left;
        color: #fff;
        font-size:20px;
        font-family: 'gt_walsheimmedium';
        line-height: 25px;
        margin-bottom: 15px;
        margin-left: 0%;
    }

    .slider__item .slider-content .button .content-detail {
        text-align: left;
        margin: 5px 0px 0px 1%;
        transition: all ease-in-out 0.5s;
        width: 250px;
    }
    .slider__item .slider-content .content-detail p {
        line-height:24px;
        font-size: 17px;
    }

    .trackingslider {
        margin: 30px auto 10px;
        overflow: hidden;       
        padding: 0px;
    }
 

    /* .trackingslider-bg-white1, .trackingslider-bg-white2, .trackingslider-bg-white3, .trackingslider-bg-white4,  
    .trackingslider-bg-blue2,  .trackingslider-bg-blue3, .trackingslider-bg-blue1,  .trackingslider-bg-blue4  {
        width: 100%;
        height: 350px;
        vertical-align: top;
    } */

    .trackingslider .slick-list {
        padding: 0 2.5% 0 0;
        height: auto;
        width: 100%;
    }

    .brand {
        width:100%;
        text-align: center;
        font-size: 18px;
        display: block;
        border-bottom: solid 1px #fff;
    }

    .link {
        width: 100%;
        float: none;
        text-align: center;
        font-size: 18px;
        color: #fff;
        font-weight: 400;
        font-family: 'Glory', sans-serif;
        background-color: #EF6000;
        padding: 0px 10px;
        display: block;
        border-radius: 5px;
    }

    .tracking-device h3 {
        font-family: 'gt_walsheimbold';
        font-size: 20px;
        color: #273140;
        line-height: 30px;
        margin: 0px 0px 5px;
        text-align: center;
    }
    .trackingslider-content.p-5 {
        padding: 0.8rem !important;
    }
    .trackingslider-bg-blue1 h3, .trackingslider-bg-blue2 h3, .trackingslider-bg-blue3 h3, .trackingslider-bg-blue4 h3 {
        color: #fff;
    }
    .container-fluid.d-block.p-5 {
        padding-bottom: 0px !important;
    }
    .trackingslider .slick-list {
        padding: 0 0 0 0;
        height: 344px;
        width: 100%;
    }

    .trackingslider__item {
        display: inline-flex;
        width: 100%;
        height: 580px;
        margin-left: 0px;
        align-items: center;
        justify-content: left;
        padding: 0px 10px;
        vertical-align: top;
        margin-bottom: 50px;
    }

    /* .trackingslider__item {
        width: 350px !important;
        height:350px;
        max-width: 350px;
    } */

    .trackingslider__item .trackingslider-content p {
        font-size: 16px;
        line-height: 20px;
        min-height: 160px;
    }
    /* .bottom-content {
        position: absolute;
        top: 0;
        width: 347px;
    } */

    .bottom-content {
        position: relative;
        bottom: -20px;
        width: 100%;
        display: block !important;
        background: #EF6000;
        border-radius: 5px;
        
    }
    .catalog h3 {
        font-family: 'gt_walsheimbold';
        font-size: 25px;
        color: #EF6000;
        line-height: 25px;
        margin: 0px 0px 0px;
        text-align: center;
    }

    .catalog .catalog-image .mw-90 {
        max-width: 100%;
    }
    .distributor h3 {
        font-family: 'gt_walsheimbold';
        font-size: 25px;
        color: #fff;
        line-height: 25px;
        margin: 0px 0px 0px;
        text-align: center;
    }

    .footer-links ul {
        margin: 0px 0px 30px;
        padding: 0px 0px 20px;
        border-bottom: solid 1px #dcdcdc;
    }

    .footer-links ul li {
        display: inline;
        margin: 0px 17px 0px 0px;
        font-size: 18px;
    }

    .footer-top .row.p-4 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .footer-top .col-md-1 {
        display: none;
    }

    .footer-top .col-md-7, .footer-top .col-md-4  {
        flex: 0 0 auto;
        width: 100%;
        margin: 10px auto;
        text-align: center;
    }
    .copy-rights .col-md-4.text-end {
        margin: auto;
        text-align: center !important;
    }

    .tracking-solutions p a.read-more, .what-is-new p a.read-more, .distributor .btn-outline-primary {
        background: #EF6000;
        width: 175px;
        height: 50px; 
        padding: 10px 10px 10px; 
        font-size: 20px;
        line-height: 30px;
        margin: 0px auto;
    }

    .catalog .btn-outline-primary {
        width: 250px;
        height: 50px; 
        padding: 10px 10px 10px; 
        font-size: 20px;
        line-height: 30px;
        margin: 0px auto;
    }

    .distributor .container.pt-5 {
        padding-top: 0px !important;
    }
    .tracking-solutions p a.read-more, .what-is-new p a.read-more {
        background: #EF6000;
        width: 175px;
        height: 50px;
        padding: 10px 10px 10px;
        font-size: 20px;
        line-height: 30px;
        margin: 0px auto;
    }

    .distributor .btn-outline-primary {
        margin: 25px auto 0px;
    }

    html {
        overflow-x: hidden;
        }

        .footer-links h4 {
            margin-bottom: 20px;
        }

        .footer-links ul li {
            margin-bottom: 0px;
            line-height: 0px;
        }

        .footer-links ul li a {
            display: block;
          
        }

        .video-banners1 .swiper-container {
            width:100%;
            height: 30vh;
            margin: 0 auto;
        }
        .video-banners1 .swiper-container .swiper-wrapper .swiper-slide video {
            width: 100%;
            height: 86%;
            margin: 20px auto;
            background: #fff;
        }

        .video-banners .carousel-control-prev-icon,  .video-banners .carousel-control-next-icon {
            display: none;
        }
        
.tabs .tabs__links li .tabs__link {
    width: 45px;
    height: 45px;
    transition: 0.3s;
    padding: 0px;
    border-radius: 12%;
  }
  .tabs .tabs__links {
    margin: 30px auto 0px;
    max-width: 350px;
}
.tabs .tabs__links h5 {
    text-align: center;
    font-weight: 500;
    font-size: 14px; 
    width: 50px;
    height: 50px;
    word-break: break-word;
}
.tabs .tabs__links li img {
	animation-delay: 12s;
	margin: auto;
	display: block;
	width: 45%;
}
.tabs .tabs__contents {
	padding: 40px 10px;
 
}

.device-feature-list dd {
	word-break: break-word;
}
.page-header {
	background: rgba(0,0,0,0.9);
	height: 86px;
	z-index: 999;
	position: absolute;
	width: 100%;
	top: 0px;
}
.carousel {
	position: relative;
	margin-top: 86px;
    height: 182px;
}
#myCarousel .carousel-control-next-icon {
    background: url(../video/right-arrow.svg) right top no-repeat;
    width: 34px;
    height: 65px;
    opacity: 1;
  right: -20px;
  position: relative;
}

#myCarousel .carousel-control-prev-icon{
    background: url(../video/left-arrow.svg) left top no-repeat;
    width: 34px;
    height: 65px;
    opacity: 1;
  left: -20px;
  position: relative;
}

#myCarousel .carousel-control-next-icon:hover {
  background: url(../video/right-arrow-over.svg) right top no-repeat;
  animation-delay: 12s;
  right: -20px;
  position: relative;
  width: 34px;
  height: 65px;
}
 
#myCarousel .carousel-control-prev-icon:hover {
  background: url(../video/left-arrow-over.svg) left top no-repeat;
  animation-delay: 12s;
  left: -20px;
  position: relative;
  width: 34px;
  height: 65px;
}
.intro-banner-vdo-play-btn {
    height: 100px;
    width: 90px;
    position: absolute;
    top: 40%;
    left: 30%;
    text-align: center;
    margin: 0px;
    border-radius: 0px;
    z-index: 1;
    pointer-events: none;
  }
}