@media only screen and (min-device-width :1851px) and (max-device-width :2000px) {
    .container-fluid {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        max-width: 1920px
    }

    .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
    }

    .video-banners-ourcompany {
        min-height: 535px;
        margin-top: 86px
    }
}

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

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

    #main-header {
        max-width: 1650px;
        margin: auto
    }

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }
}

@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
    }

    .video-banners-ourcompany {
        min-height: 535px;
        margin-top: 86px
    }

    .video-banners-ourcompany video {
        object-fit: cover;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
}

@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
    }

    .video-banners-ourcompany {
        min-height: 535px;
        margin-top: 86px
    }

    .video-banners-ourcompany video {
        object-fit: cover;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
}

@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,
    .tracking-device .container-fluid,
    .video-banners .container-fluid {
        max-width: 100%
    }

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

    .container-fluid {
        max-width: 1650px
    }

    .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
    }

    .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%
    }

    .container-fluid.company-values {
        max-width: 97%;
        margin: auto
    }

    .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 0 15px;
        transition: .5s ease-in-out
    }

    .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 .content-detail p {
        line-height: 23px;
        font-size: 18px
    }

    .trackingslider__item {
        display: inline-flex;
        width: 100%;
        height: 520px;
        margin-left: 0;
        align-items: center;
        justify-content: left;
        padding: 0 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 {
        min-height: 750px;
        background-size: 50%
    }

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

        .carousel-inner .carousel-item .video {
	position: absolute;
	right: 0%;
	bottom: 25%;
}

    .carousel-inner .carousel-item .video img.mw-100 {
	max-width: 90% !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-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: 0;
        align-items: center;
        justify-content: left;
        padding: 0 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: 0;
        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: 0;
        border-radius: 0;
        z-index: 1;
        pointer-events: none
    }

    .footer-form {
        background: url(../../assets-home/our-company/contact-bg.png) center top/96% no-repeat;
        padding: 5% 5% 8%;
        margin-bottom: 30px
    }

    .owl-item .card {
        padding: 30px 35px;
        border: none;
        box-shadow: -1px 3px 5px #a7a7a7;
        background: #0b1925;
        border-radius: 20px;
        height: 280px;
        color: #dcdcdc;
        width: 300px
    }

    .owl-item:nth-child(3) {
        margin-right: 20px !important
    }

    .owl-item:nth-child(4) {
        margin-right: 0 !important
    }

    .dropdown-menu.megamenu.sm-menu.border-top {
        max-width: 56%;
        left: 30%;
        top: 84px;
    }
}

@media only screen and (min-device-width :1025px) and (max-device-width :1279px) {
    .header-bg #navbarCollapse .nav-link {
        display: block;
        padding: .5rem 10px 25px;
        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: 17px;
        font-family: gt_walsheimmedium
    }
}

@media only screen and (min-device-width :992px) and (max-device-width :1023px) {
    .header-bg #navbarCollapse .nav-link {
        display: block;
        padding: .5rem 1rem 25px;
        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: 17px;
        font-family: gt_walsheimmedium
    }

    .tabs__content.tab_content_57.gt-font.active .col-md-4,
    .tabs__content.tab_content_58.gt-font.active .col-md-4,
    .tabs__content.tab_content_59.gt-font.active .col-md-4 {
        flex: 0 0 auto;
        width: 50%
    }
}

@media only screen and (min-device-width :992px) and (max-device-width :1024px) {
    .device-features-section .tabs .tabs__links h5 {
        text-align: center;
        font-weight: 500;
        font-size: 18px;
        margin: 20px auto;
        font-family: Glory, sans-serif;
        width: 130px
    }

    .video-banners {
        min-height: 400px
    }

    .carousel-item {
        height: auto;
    }

    .video-banners .carousel-item {
        min-height: auto;
        width: 100%
    }

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

    .header-bg #navbarCollapse .nav-link {
        display: block;
        padding: .5rem 15px 0;
        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, .14);
        border-radius: 15px;
        width: 125px;
        height: 45px;
        font-family: gt_walsheimbold;
        font-size: 15px;
        outline: 0;
        line-height: 32px;
        margin-right: 0 !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;
        color: #273140;
        text-align: left;
        list-style: none;
        background-clip: padding-box;
        border-radius: .25rem;
        top: 67px;
        font-size: 15px
    }

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

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

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

    .footer-top .col-md-1,
    .tracking-solutions h1 br,
    .what-is-new p 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;
        margin: 0 0 20px;
        line-height: 45px
    }

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

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

    .data-details h3,
    .explore-your-possibilities h3,
    .mobile-bg h4 {
        line-height: 45px;
        font-family: gt_walsheimbold
    }

    .mobile-bg {
        min-height: 500px;
        background-size: 50%
    }

    .mobile-bg h4 {
        font-size: 23px;
        color: #273140;
        letter-spacing: -1px;
        margin: 0
    }

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

    .data-details .data img {
        width: 50%
    }

    .data-details .row:first-child {
        margin: 0 auto
    }

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

    .data-details h3 {
        font-size: 35px;
        color: #0b2c7b
    }

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

    .explore-your-possibilities h3 {
        font-size: 35px;
        color: #ef6000;
        letter-spacing: -1px;
        margin: 0
    }

    .explore .mw-100 {
        max-width: 85% !important
    }

    .slider__item {
        display: inline-flex;
        width: 270px;
        height: 338px;
        margin-left: 0;
        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 0 0 1%;
        transition: .5s ease-in-out
    }

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

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

    .trackingslider-bg-blue1,
    .trackingslider-bg-blue2,
    .trackingslider-bg-blue3,
    .trackingslider-bg-blue4,
    .trackingslider-bg-white1,
    .trackingslider-bg-white2,
    .trackingslider-bg-white3,
    .trackingslider-bg-white4 {
        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: 0 0 5px;
        text-align: center
    }

    .catalog h3,
    .distributor h3 {
        margin: 0;
        text-align: center;
        font-size: 35px;
        line-height: 35px;
        font-family: gt_walsheimbold
    }

    .trackingslider-content.p-5 {
        padding: 1.3rem !important
    }

    .distributor h3,
    .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: 0 !important
    }

    .trackingslider__item {
        width: 100%;
        height: 400px;
        margin-bottom: 0
    }

    .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,
    .solution h3 {
        color: #ef6000
    }

    .footer-top .col-md-4,
    .footer-top .col-md-7 {
        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: 0;
        border-radius: 0;
        z-index: 1;
        pointer-events: none
    }

    .video-banners-ourcompany {
        min-height: 550px;
        margin-top: 86px
    }

    .ds-bg .ds-bio {
        font-size: 20px;
        line-height: 32px;
        font-family: Glory, sans-serif;
        text-align: left;
        color: #000
    }

    .social-responsibility {
        background: url(../../assets-home/our-company/socialy-responsibility.png) center top/contain no-repeat;
        padding: 10% 5% 7%;
        margin-bottom: 30px;
        color: #fff
    }

    .social-responsibility h3 {
        color: #fff;
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 20px
    }

    .security h3,
    .solution h3 {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 20px
    }

    .security {
        background: url(../../assets-home/our-company/secuirty-bg.png) center top/90% no-repeat;
        padding: 4% 5%
    }

    .security h3 {
        color: #273140
    }

    .security p {
        padding-right: 0
    }

    .solution {
        background: url(../../assets-home/our-company/our-solutions.png) center top/90% no-repeat;
        padding: 4% 5%;
        color: #fff
    }

    .user-centric-design {
        background: url(../../assets-home/our-company/user-centeric-design.png) center top/100% no-repeat;
        padding: 9% 5% 7%;
        color: #fff;
        margin-bottom: 30px
    }

    .user-centric-design h3 {
        color: #fff;
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 10px;
        text-align: center
    }

    .user-centric-design p {
        color: #fff;
        font-size: 22px;
        line-height: 32px;
        text-align: center;
        padding: 20px 10%
    }

    .connect-story-bg {
        background: url(../../assets-home/our-company/connect-bg.png) center top/cover no-repeat;
        padding: 0 5% 3%
    }

    .connect-story-bg h2 {
        font-size: 50px;
        line-height: 50px;
        font-family: gt_walsheimbold;
        font-weight: 700;
        text-align: center;
        margin: 10px auto 0;
        color: #fff
    }

    .connect-story-bg .container {
        text-align: center;
        padding: 3% 5%;
        font-size: 20px;
        font-family: Glory, sans-serif
    }

    .footer-form {
        background: url(../../assets-home/our-company/contact-bg.png) center top/cover no-repeat;
        padding: 3% 5% 4%;
        margin-bottom: 30px
    }

    .footer-form p {
        color: #ef6000;
        text-transform: uppercase;
        font-size: 22px;
        margin-bottom: 0
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :991.99px) {

    .connect-story-bg h2,
    .ds-bg h3 {
        font-family: gt_walsheimbold;
        font-weight: 700
    }

    .carousel-item,
    .video-banners {
        height: auto
    }

    .mobile-app,
    .what-is-new .col-md-5.ps-5 {
        padding-left: 0 !important
    }

    .connect-story-bg .container,
    .ds-bg .ds-bio,
    .link {
        font-family: Glory, sans-serif
    }

    .distributor .container.pt-5,
    .trackingslider {
        padding-top: 0 !important
    }

    .footer-top .col-md-1,
    .navbar-toggler.first-button,
    .tracking-solutions h1 br,
    .what-is-new p br {
        display: none
    }

    .col-md-3.data,
    .tabs__content.tab_content_57.gt-font.active .col-md-4,
    .tabs__content.tab_content_58.gt-font.active .col-md-4,
    .tabs__content.tab_content_59.gt-font.active .col-md-4 {
        flex: 0 0 auto;
        width: 50%
    }

    .carousel-item {
        height: auto;
        width: 100%
    }

    .video-banners .carousel-item {
        height: auto;
        min-height: auto;
        width: 100%
    }

    .video-banners .carousel-control-next-icon,
    .video-banners .carousel-control-next-icon:hover,
    .video-banners .carousel-control-prev-icon,
    .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, .85);
        height: 77px;
        -webkit-transition: opacity 1s ease-in;
        -moz-transition: opacity 1s ease-in;
        -o-transition: opacity 1s ease-in
    }

    .header-bg .navbar-nav {
        color: #fff;
        background: rgba(239, 96, 0, .9);
        max-width: 350px;
        border-radius: 10px;
        padding: 20px 0;
        position: relative
    }

    .header-bg #navbarCollapse .nav-link {
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }

    .header-bg #navbarCollapse .btn-outline-primary {
        background: 0 0 !important;
        border: none;
        display: block;
        text-align: left;
        padding: .5rem 2.1rem;
        outline: 0
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        height: auto
    }

    .nav-item.dropdown {
        padding-bottom: 0
    }

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

    .btn-check:focus+.btn-outline-primary,
    .btn-outline-primary:focus {
        box-shadow: 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 {
        font-size: 30px;
        margin: 2% 15% 3%;
        line-height: 35px
    }

    .explore h2 {
        font-family: gt_walsheimbold;
        font-size: 30px;
        color: #ef6000;
        margin: 0 0 20px;
        line-height: 35px
    }

    .mobile-bg h4,
    .what-is-new h2 {
        color: #273140;
        font-family: gt_walsheimbold
    }

    .explore p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
        padding: 10px 35px 0 0
    }

    .what-is-new h2 {
        font-size: 30px;
        letter-spacing: -1px;
        margin: 10px auto 0;
        line-height: 30px;
        text-align: center
    }

    .what-is-new .ps-5 {
        padding: 0 !important
    }

    .what-is-new p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin: 30px 0
    }

    .what-is-new h5 {
        text-align: center;
        margin-bottom: 10px
    }

    .mobile-app {
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important
    }

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

    .mobile-bg {
        min-height: 500px;
        background-size: 90%
    }

    .mobile-bg .row {
        visibility: hidden
    }

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

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

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

    .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
    }

    .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: 0
    }

    .explore .mw-100 {
        max-width: 85% !important
    }

    .slider__item {
        display: inline-flex;
        width: 200px;
        height: 380px;
        margin-left: 0;
        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
    }

    .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 0 0 1%;
        transition: .5s ease-in-out
    }

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

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

    .trackingslider-bg-blue1,
    .trackingslider-bg-blue2,
    .trackingslider-bg-blue3,
    .trackingslider-bg-blue4,
    .trackingslider-bg-white1,
    .trackingslider-bg-white2,
    .trackingslider-bg-white3,
    .trackingslider-bg-white4 {
        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;
        background-color: #ef6000;
        padding: 0 10px;
        display: block;
        border-radius: 5px
    }

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

    .catalog h3,
    .distributor h3 {
        font-size: 25px;
        line-height: 25px;
        margin: 0;
        text-align: center;
        font-family: gt_walsheimbold
    }

    .trackingslider-content.p-5 {
        padding: 1rem !important
    }

    .distributor h3,
    .trackingslider-bg-blue1 h3,
    .trackingslider-bg-blue2 h3,
    .trackingslider-bg-blue3 h3,
    .trackingslider-bg-blue4 h3 {
        color: #fff
    }

    .catalog h3,
    .ds-bg h3 {
        color: #ef6000
    }

    .container-fluid.d-block.p-5 {
        padding-bottom: 0 !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
    }

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

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

    .footer-top .col-md-4,
    .footer-top .col-md-7 {
        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
    }

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

    .catalog .btn-outline-primary {
        width: 250px;
        height: 50px;
        padding: 10px;
        font-size: 20px;
        line-height: 30px;
        margin: 0 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: .3s;
        padding: 0
    }

    .tabs .tabs__links {
        margin: 30px auto 0;
        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: 60px;
        height: 65px;
        opacity: 1;
        right: -5px;
        position: relative
    }

    .carousel-control-prev, .carousel-control-next {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 8%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: none;
        border: 0;
        opacity: .5;
        transition: opacity 0.15s ease;
    }

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

    #myCarousel .carousel-control-next-icon:hover {
        background: url(../video/right-arrow-over.svg) right top no-repeat;
        animation-delay: 12s;
        right: -5px;
        position: relative
    }

    #myCarousel .carousel-control-prev-icon:hover {
        background: url(../video/left-arrow-over.svg) left top no-repeat;
        animation-delay: 12s;
        left: -5px;
        position: relative
    }

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

    .video-banners-ourcompany {
        min-height: 432px;
        margin-top: 86px
    }

    .ds-bg .ds-bio {
        font-size: 18px;
        line-height: 30px;
        text-align: left;
        color: #000
    }

    .ds-bg h3 {
        font-size: 40px;
        text-align: left;
        margin: 10px auto
    }

    .btn.btn-outline-primary.mx-auto.aos-init.aos-animate,
    .solution h3 {
        margin-top: 20px
    }

    .ds-bg .ds-bio .col-md-5,
    .ds-bg .ds-bio .col-md-7,
    .footer-form .col-md-9 {
        flex: 0 0 auto;
        width: 100%
    }

    .social-responsibility {
        background: url(../../assets-home/our-company/socialy-responsibility.png) center top/100% no-repeat;
        padding: 8% 4% 8% 6%;
        margin-bottom: 30px;
        color: #fff
    }

    .social-responsibility h3 {
        color: #fff;
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px
    }

    .social-responsibility p {
        color: #fff;
        font-size: 18px;
        line-height: 28px
    }

    .security {
        background: url(../../assets-home/our-company/secuirty-bg-1.png) center center/97% no-repeat;
        padding: 10% 7%
    }

    .col-md-6.security,
    .col-md-6.solution {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 10px
    }

    .security h3 {
        color: #273140;
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px
    }

    .security p {
        padding-right: 0
    }

    .solution {
        background: url(../../assets-home/our-company/our-solutions-1.png) center center/97% no-repeat;
        padding: 4% 5%;
        color: #fff
    }

    .solution h3 {
        color: #ef6000;
        font-size: 30px;
        line-height: 30px
    }

    .user-centric-design {
        background: url(../../assets-home/our-company/user-centeric-design.png) center top/100% no-repeat;
        padding: 5%;
        color: #fff;
        margin-bottom: 30px
    }

    .user-centric-design h3 {
        color: #fff;
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 10px;
        text-align: center
    }

    .user-centric-design p {
        color: #fff;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        padding: 20px 0
    }

    .connect-story-bg {
        background: url(../../assets-home/our-company/connect-bg.png) center top/cover no-repeat;
        padding: 0 5% 3%
    }

    .connect-story-bg h2 {
        font-size: 40px;
        line-height: 40px;
        text-align: center;
        margin: 10px auto 0;
        color: #fff
    }

    .footer-form h3,
    .location-map h3 {
        line-height: 40px;
        margin-bottom: 20px
    }

    .connect-story-bg .container {
        text-align: center;
        padding: 3%;
        font-size: 20px
    }

    .location-map h3 {
        color: #273140;
        font-size: 40px;
        text-align: center
    }

    .footer-form .rounded {
        border-radius: 5px !important;
        margin-top: 20px
    }

    .footer-form {
        background: url(../../assets-home/our-company/contact-bg.png) center top/cover no-repeat;
        padding: 3% 5% 4%;
        margin-bottom: 30px
    }

    .footer-form h3 {
        color: #ffff;
        font-size: 35px;
        text-align: left
    }

    .footer-form p {
        color: #ef6000;
        text-transform: uppercase;
        font-size: 22px;
        margin-bottom: 0
    }

    #main-footer .col-md-5,
    #main-footer .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
        margin: auto;
        text-align: center
    }
}

@media only screen and (min-device-width :560px) and (max-device-width :767.99px) {

    .explore h2,
    .explore-your-possibilities h3,
    .mobile-app h2,
    .what-is-new h2 {
        font-family: gt_walsheimbold;
        line-height: 30px
    }

    .mobile-app,
    .what-is-new .col-md-5.ps-5 {
        padding-left: 0 !important
    }

    .brand,
    .link {
        font-size: 18px
    }

    .distributor .container.pt-5,
    .trackingslider {
        padding-top: 0 !important
    }

    #rapportScene,
    .footer-top .col-md-1,
    .mobile-bg .text-left h4,
    .mobile-bg .text-left p,
    .mobile-bg .text-right h4,
    .mobile-bg .text-right p,
    .navbar-toggler.first-button,
    .social-responsibility p br,
    .tracking-solutions h1 br,
    .what-is-new p br {
        display: none
    }

    .carousel-item,
    .video-banners {
        min-height: 320px
    }

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

    .video-banners .carousel-control-next-icon,
    .video-banners .carousel-control-next-icon:hover,
    .video-banners .carousel-control-prev-icon,
    .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, .85);
        height: 77px;
        -webkit-transition: opacity 1s ease-in;
        -moz-transition: opacity 1s ease-in;
        -o-transition: opacity 1s ease-in
    }

    .header-bg .navbar-nav {
        color: #fff;
        background: rgba(239, 96, 0, .9);
        max-width: 350px;
        border-radius: 10px;
        padding: 20px 0;
        position: relative
    }

    .header-bg #navbarCollapse .nav-link {
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }

    .header-bg #navbarCollapse .btn-outline-primary {
        background: 0 0 !important;
        border: none;
        display: block;
        text-align: left;
        padding: .5rem 2.1rem;
        outline: 0
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        height: auto
    }

    .nav-item.dropdown {
        padding-bottom: 0
    }

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

    .btn-check:focus+.btn-outline-primary,
    .btn-outline-primary:focus {
        box-shadow: 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 {
        font-size: 25px;
        margin: 2% 5% 3%;
        line-height: 30px
    }

    .explore h2 {
        font-size: 30px;
        color: #ef6000;
        margin: 0 0 20px
    }

    .mobile-app h2,
    .new-importoved-fleet-portal h2,
    .what-is-new h2 {
        color: #273140;
        letter-spacing: -1px
    }

    .explore p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
        padding: 10px 0 20px
    }

    .what-is-new h2 {
        font-size: 30px;
        margin: 10px auto;
        text-align: center
    }

    .what-is-new .ps-5 {
        padding: 0 !important
    }

    .what-is-new p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin: 30px 0
    }

    .what-is-new h5 {
        text-align: center;
        margin-bottom: 10px
    }

    .mobile-app {
        padding-right: 0 !important
    }

    .mobile-app h2 {
        font-size: 30px;
        margin: 0;
        display: block
    }

    .mobile-bg {
        min-height: 380px
    }

    .catalog .catalog-image .mw-90,
    .mobile-bg .mw-80 {
        max-width: 100%
    }

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

    .data-details h3,
    .new-importoved-fleet-portal h2 {
        font-size: 30px;
        font-family: gt_walsheimbold;
        line-height: 30px
    }

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

    .new-importoved-fleet-portal h2 {
        margin: 0
    }

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

    .data-details h3 {
        color: #0b2c7b
    }

    .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-size: 30px;
        color: #ef6000;
        letter-spacing: -1px;
        margin: 0
    }

    .connect-story-bg .container,
    .ds-bg .ds-bio,
    .explore h3,
    .link {
        font-family: Glory, sans-serif
    }

    .explore .mw-100 {
        max-width: 100% !important
    }

    .explore h3 {
        margin: 30px 0 10px;
        padding-bottom: 0;
        font-size: 28px;
        color: #273140;
        font-weight: 500
    }

    .connect-story-bg h2,
    .ds-bg h3 {
        font-family: gt_walsheimbold;
        font-weight: 700
    }

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

    .slider__item .slider-content {
        position: absolute;
        text-align: left;
        bottom: 0;
        padding: 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 0 0 1%;
        transition: .5s ease-in-out
    }

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

    .trackingslider {
        margin: 30px auto 20px;
        overflow: hidden
    }

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

    .brand {
        width: 50%;
        text-align: left
    }

    .link {
        width: 30%;
        float: right;
        text-align: center;
        color: #fff;
        font-weight: 400;
        background-color: #ef6000;
        padding: 0 10px;
        display: block;
        border-radius: 5px
    }

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

    .catalog h3,
    .distributor h3 {
        font-size: 25px;
        line-height: 25px;
        margin: 0;
        text-align: center;
        font-family: gt_walsheimbold
    }

    .trackingslider-content.p-5 {
        padding: 1rem !important
    }

    .distributor h3,
    .trackingslider-bg-blue1 h3,
    .trackingslider-bg-blue2 h3,
    .trackingslider-bg-blue3 h3,
    .trackingslider-bg-blue4 h3 {
        color: #fff
    }

    .catalog h3,
    .ds-bg h3 {
        color: #ef6000
    }

    .container-fluid.d-block.p-5 {
        padding-bottom: 0 !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
    }

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

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

    .footer-top .col-md-4,
    .footer-top .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
        margin: 0 auto;
        text-align: center
    }

    .copy-rights .col-md-4.text-end {
        margin: auto;
        text-align: center !important
    }

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

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

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

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

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

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

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

    .tabs .tabs__links li .tabs__link {
        width: 80px;
        height: 80px;
        transition: .3s;
        padding: 0
    }

    .tabs .tabs__links {
        margin: 30px auto 0;
        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, .9);
        height: 86px;
        z-index: 999;
        position: absolute;
        width: 100%;
        top: 0
    }

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

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

    #myCarousel .carousel-control-next-icon {
        background: url(../video/right-arrow.svg) right top/cover no-repeat;
        width: 35px;
        height: 35px;
        opacity: 1;
        right: -20px;
        position: relative;
        top: -50px
    }

    #myCarousel .carousel-control-next-icon:hover {
        background: url(../video/right-arrow-over.svg) right top/cover no-repeat;
        animation-delay: 12s;
        right: -20px;
        position: relative;
        width: 35px;
        height: 35px;
        top: -50px
    }

    #myCarousel .carousel-control-prev-icon:hover {
        background: url(../video/left-arrow-over.svg) left top/cover no-repeat;
        animation-delay: 12s;
        left: -20px;
        position: relative;
        width: 35px;
        height: 35px;
        top: -50px
    }

    .video-banners-ourcompany {
        min-height: 315px;
        margin-top: 87px !important
    }

    .ds-bg .ds-bio {
        font-size: 18px;
        line-height: 30px;
        text-align: left;
        color: #000
    }

    .ds-bg h3 {
        font-size: 30px;
        text-align: left;
        margin: 10px auto
    }

    .btn.btn-outline-primary.mx-auto.aos-init.aos-animate,
    .solution h3 {
        margin-top: 20px
    }

    .ds-bg .ds-bio .col-md-5,
    .ds-bg .ds-bio .col-md-7,
    .footer-form .col-md-9 {
        flex: 0 0 auto;
        width: 100%
    }

    .social-responsibility {
        background: url(../../assets-home/our-company/socialy-responsibility.png) center top/contain no-repeat;
        padding: 6% 4% 4% 6%;
        margin-bottom: 30px;
        color: #fff
    }

    .social-responsibility h3 {
        color: #fff;
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 20px
    }

    .social-responsibility p {
        color: #fff;
        font-size: 18px;
        line-height: 28px
    }

    .security {
        background: url(../../assets-home/our-company/secuirty-bg-1.png) center center/100% no-repeat;
        padding: 4% 5%
    }

    .col-md-6.security,
    .col-md-6.solution {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 10px
    }

    .security h3 {
        color: #273140;
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px
    }

    .security p {
        padding-right: 0
    }

    .solution {
        background: url(../../assets-home/our-company/our-solutions-1.png) center center/100% no-repeat;
        padding: 4% 5%;
        color: #fff
    }

    .solution h3 {
        color: #ef6000;
        font-size: 30px;
        line-height: 30px
    }

    .user-centric-design {
        background: url(../../assets-home/our-company/user-centeric-design.png) center top/cover no-repeat;
        padding: 5%;
        color: #fff;
        margin-bottom: 30px
    }

    .user-centric-design h3 {
        color: #fff;
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 10px;
        text-align: center
    }

    .user-centric-design p {
        color: #fff;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        padding: 20px 0
    }

    .connect-story-bg {
        background: url(../../assets-home/our-company/connect-bg.png) center top/cover no-repeat;
        padding: 0 5% 3%
    }

    .connect-story-bg h2 {
        font-size: 30px;
        line-height: 30px;
        text-align: center;
        margin: 10px auto 0;
        color: #fff
    }

    .footer-form h3,
    .location-map h3 {
        line-height: 40px;
        margin-bottom: 20px
    }

    .connect-story-bg .container {
        text-align: center;
        padding: 3%;
        font-size: 20px
    }

    .location-map h3 {
        color: #273140;
        font-size: 35px;
        text-align: center
    }

    .footer-form .rounded {
        border-radius: 5px !important;
        margin-top: 20px
    }

    .footer-form {
        background: url(../../assets-home/our-company/contact-bg.png) center top/cover no-repeat;
        padding: 3% 5% 4%;
        margin-bottom: 30px
    }

    .footer-form h3 {
        color: #ffff;
        font-size: 30px;
        text-align: left
    }

    .footer-form p {
        color: #ef6000;
        text-transform: uppercase;
        font-size: 22px;
        margin-bottom: 0
    }

    #main-footer .col-md-5,
    #main-footer .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
        margin: auto;
        text-align: center
    }
    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }
}

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

    .explore h2,
    .explore-your-possibilities h3,
    .mobile-app h2,
    .what-is-new h2 {
        font-family: gt_walsheimbold;
        line-height: 30px
    }

    #rapportScene,
    .carousel-control-next,
    .carousel-control-prev,
    .footer-top .col-md-1,
    .gt-font-ACC201,
    .gt-font-ACC220,
    .gt-font-ACC400,
    .gt-font-ACC400-new,
    .gt-font-ACC410,
    .gt-font-ACT300,
    .gt-font-ACT400LA,
    .gt-font-ACT400M,
    .gt-font-AGT200,
    .gt-font-AGT400LA,
    .gt-font-AGT400M,
    .gt-font-AIC450,
    .gt-font-AIT210,
    .gt-font-AIT250,
    .gt-font-AIT251,
    .gt-font-AIT450LA,
    .gt-font-AIT450M,
    .gt-font-AIT901,
    .gt-font-AIT902,
    .gt-font-APC400,
    .gt-font-APC401,
    .gt-font-ARA100,
    .gt-font-ART200,
    .gt-font-ASA100,
    .gt-font-ASA110,
    .gt-font-ASC200,
    .gt-font-ATC200,
    .gt-font-AVC400,
    .gt-font-AVC410,
    .gt-font-AVC440,
    .gt-font-AVC450,
    .gt-font-Amber.Shift.C400,
    .gt-font-Amber.Swift.C400,
    .mobile-bg .text-left h4,
    .mobile-bg .text-left p,
    .mobile-bg .text-right h4,
    .mobile-bg .text-right p,
    .navbar-toggler.first-button,
    .social-responsibility p br,
    .tracking-solutions h1 br,
    .video-banners .carousel-control-next-icon,
    .video-banners .carousel-control-prev-icon,
    .what-is-new p br {
        display: none
    }

    img.d-inline-block.align-middle.mr-2 {
        width: 75%
    }

    .navbar-brand {
        margin-top: 4px !important;
        margin-left: 3px !important;
        margin-bottom: 10px !important;
        text-align: left;
        padding: 0
    }

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

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

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

    .p-5 {
        padding: 2rem !important
    }

    .distributor .container.pt-5,
    .trackingslider {
        padding-top: 0 !important
    }

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

    .header-bg .navbar-nav {
        color: #fff;
        background: rgba(239, 96, 0, .9);
        max-width: 350px;
        border-radius: 10px;
        padding: 20px 0;
        position: relative
    }

    .header-bg #navbarCollapse .nav-link {
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }

    .header-bg #navbarCollapse .btn-outline-primary {
        background: 0 0 !important;
        border: none;
        display: block;
        text-align: left;
        padding: .5rem 2.1rem;
        outline: 0
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        height: auto
    }

    .nav-item.dropdown {
        padding-bottom: 0
    }

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

    .btn-check:focus+.btn-outline-primary,
    .btn-outline-primary:focus {
        box-shadow: 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 {
        font-size: 25px;
        margin: 2% 5% 3%;
        line-height: 30px
    }

    .explore h2 {
        font-size: 30px;
        color: #ef6000;
        margin: 0 0 20px
    }

    .mobile-app h2,
    .new-importoved-fleet-portal h2,
    .what-is-new h2 {
        color: #273140;
        letter-spacing: -1px
    }

    .explore p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
        padding: 10px 0 20px
    }

    .what-is-new h2 {
        font-size: 30px;
        margin: 10px auto;
        text-align: center
    }

    .what-is-new .ps-5 {
        padding: 0 !important
    }

    .what-is-new p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin: 30px 0
    }

    .what-is-new h5 {
        text-align: center;
        margin-bottom: 10px
    }

    .what-is-new .col-md-5.ps-5 {
        padding-left: 0 !important
    }

    .footer-top .row.p-4,
    .mobile-app,
    .new-importoved-fleet-portal.p-5.pb-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .mobile-app h2 {
        font-size: 30px;
        margin: 0;
        display: block
    }

    .mobile-bg {
        min-height: 280px
    }

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

    .data-details h3,
    .new-importoved-fleet-portal h2 {
        font-size: 30px;
        font-family: gt_walsheimbold;
        line-height: 30px
    }

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

    .new-importoved-fleet-portal h2 {
        margin: 0
    }

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

    .data-details h3 {
        color: #0b2c7b
    }

    .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: 35%
    }

    .col-md-8.my-auto.aos-init.aos-animate {
        width: 65%
    }

    .container-fluid.d-block.p-5,
    .explore-your-possibilities {
        padding-bottom: 0 !important
    }

    .explore-your-possibilities h3 {
        font-size: 30px;
        color: #ef6000;
        letter-spacing: -1px;
        margin: 0 0 25%
    }

    .connect-story-bg .container,
    .ds-bg .ds-bio,
    .explore h3,
    .link {
        font-family: Glory, sans-serif
    }

    .catalog h3,
    .connect-story-bg h2,
    .distributor h3,
    .ds-bg h3,
    .tracking-device h3 {
        font-family: gt_walsheimbold
    }

    .explore .mw-100 {
        max-width: 100% !important
    }

    .explore h3 {
        margin: 30px 0 10px;
        padding-bottom: 0;
        font-size: 28px;
        color: #273140;
        font-weight: 500
    }

    .slider__item {
        display: inline-flex;
        width: 200px;
        height: 280px;
        margin-left: 0;
        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;
        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: 0
    }

    .slider__item .slider-content .button .content-detail {
        text-align: left;
        width: 95%;
        margin: 20px 0 0 1%;
        transition: .5s ease-in-out
    }

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

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

    .trackingslider-bg-blue1,
    .trackingslider-bg-blue2,
    .trackingslider-bg-blue3,
    .trackingslider-bg-blue4,
    .trackingslider-bg-white1,
    .trackingslider-bg-white2,
    .trackingslider-bg-white3,
    .trackingslider-bg-white4 {
        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;
        background-color: #ef6000;
        padding: 0 10px;
        display: block;
        border-radius: 5px
    }

    .tracking-device h3 {
        font-size: 25px;
        color: #273140;
        line-height: 30px;
        margin: 0 0 5px;
        text-align: center
    }

    .catalog h3,
    .distributor h3 {
        font-size: 25px;
        line-height: 25px;
        margin: 0;
        text-align: center
    }

    .trackingslider-content.p-5 {
        padding: 1rem !important
    }

    .distributor h3,
    .trackingslider-bg-blue1 h3,
    .trackingslider-bg-blue2 h3,
    .trackingslider-bg-blue3 h3,
    .trackingslider-bg-blue4 h3 {
        color: #fff
    }

    .catalog h3,
    .ds-bg h3 {
        color: #ef6000
    }

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

    .trackingslider__item {
        width: 100% !important;
        height: 350px;
        max-width: 360px;
        margin: 0 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 .catalog-image .mw-90 {
        max-width: 100%
    }

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

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

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

    .footer-top .col-md-4,
    .footer-top .col-md-7 {
        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
    }

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

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

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

    html {
        overflow-x: hidden
    }

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

    .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: 75px
    }

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

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

    .tabs .tabs__links li .tabs__link {
        width: 65px;
        height: 65px;
        transition: .3s;
        padding: 0;
        border-radius: 12%
    }

    .tabs .tabs__links {
        margin: 30px auto 0;
        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, .9);
        height: 88px;
        z-index: 999;
        position: absolute;
        width: 100%;
        top: 0
    }

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

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

    #myCarousel .carousel-control-next-icon {
        background: url(../video/right-arrow.svg) right top/cover no-repeat;
        width: 35px;
        height: 35px;
        opacity: 1;
        right: -16px;
        position: relative;
        top: -50px
    }

    #myCarousel .carousel-control-next-icon:hover {
        background: url(../video/right-arrow-over.svg) right top/cover no-repeat;
        animation-delay: 12s;
        right: -16px;
        position: relative;
        width: 35px;
        height: 35px;
        top: -50px
    }

    #myCarousel .carousel-control-prev-icon:hover {
        background: url(../video/left-arrow-over.svg) left top/cover no-repeat;
        animation-delay: 12s;
        left: -16px;
        position: relative;
        width: 35px;
        height: 35px;
        top: -50px
    }

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

    .device-features-section {
        margin-top: 30%
    }

    .video-banners-ourcompany {
        min-height: 258px;
        margin-top: 86px !important
    }

    .ds-bg .ds-bio {
        font-size: 18px;
        line-height: 30px;
        text-align: left;
        color: #000
    }

    .ds-bg h3 {
        font-size: 30px;
        font-weight: 700;
        text-align: left;
        margin: 10px auto
    }

    .ds-bg .ds-bio img {
        width: 300px
    }

    .ds-bg .ds-bio .col-md-5,
    .ds-bg .ds-bio .col-md-7,
    .footer-form .col-md-9 {
        flex: 0 0 auto;
        width: 100%
    }

    .social-responsibility {
        background: url(../../assets-home/our-company/socialy-responsibility.png) center top/contain no-repeat;
        padding: 6% 4% 4% 6%;
        margin-bottom: 10px;
        color: #fff
    }

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

    .company-values h3 {
        text-align: center;
        margin-top: 20px;
        font-size: 30px
    }

    .company-values .col {
        flex: 1 0 0%;
        text-align: center;
        margin: 20px auto
    }

    .btn.btn-outline-primary.mx-auto.aos-init.aos-animate,
    .solution h3 {
        margin-top: 20px
    }

    .company-values .col .w-100 {
        width: auto !important
    }

    .social-responsibility h3 {
        color: #fff;
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 20px
    }

    .social-responsibility p {
        color: #fff;
        font-size: 18px;
        line-height: 28px
    }

    .security {
        background: url(../../assets-home/our-company/secuirty-bg.png) center center/95% no-repeat;
        padding: 4% 5%
    }

    .col-md-6.security,
    .col-md-6.solution {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 25px
    }

    .security h3 {
        color: #273140;
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px
    }

    .security p,
    .solution p {
        padding-right: 0
    }

    .solution {
        background: url(../../assets-home/our-company/our-solutions.png) center center/95% no-repeat;
        padding: 4% 5%;
        color: #fff
    }

    .solution h3 {
        color: #ef6000;
        font-size: 30px;
        line-height: 30px
    }

    .user-centric-design {
        background: url(../../assets-home/our-company/user-centeric-design.png) center top/cover no-repeat;
        padding: 5%;
        color: #fff;
        margin-bottom: 30px
    }

    .user-centric-design h3 {
        color: #fff;
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 10px;
        text-align: center
    }

    .user-centric-design p {
        color: #fff;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        padding: 20px 0
    }

    .connect-story-bg {
        background: url(../../assets-home/our-company/connect-bg.png) center top/cover no-repeat;
        padding: 0 5% 3%
    }

    .connect-story-bg h2 {
        font-size: 30px;
        line-height: 30px;
        font-weight: 700;
        text-align: center;
        margin: 10px auto 0;
        color: #fff
    }

    .footer-form h3,
    .location-map h3 {
        line-height: 40px;
        margin-bottom: 20px
    }

    .connect-story-bg .container {
        text-align: center;
        padding: 3% 0;
        font-size: 18px
    }

    .location-map h3 {
        color: #273140;
        font-size: 35px;
        text-align: center
    }

    .footer-form .rounded {
        border-radius: 5px !important;
        margin-top: 20px
    }

    .footer-form {
        background: url(../../assets-home/our-company/contact-bg.png) center top/cover no-repeat;
        padding: 3% 5% 4%;
        margin-bottom: 30px
    }

    .footer-form h3 {
        color: #ffff;
        font-size: 30px;
        text-align: left
    }

    .footer-form p {
        color: #ef6000;
        text-transform: uppercase;
        font-size: 22px;
        margin-bottom: 0
    }

    #main-footer .col-md-5,
    #main-footer .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
        margin: auto;
        text-align: center
    }

    #main-footer .col-md-5 a {
        display: block;
        margin: 20px auto
    }

    #main-footer .col-md-5 img.p-3 {
        display: none;
        margin: 20px auto
    }

    #fc_frame,
    #fc_frame.fc-widget-normal {
        bottom: 160px !important
    }

    .cookie-overlay .bg-white .btn-success {
        background: 0 0 !important;
        color: #212529;
        margin: auto;
        font-weight: 700;
        width: 150px;
        height: 45px;
        border: none !important;
        text-decoration: underline;
        font-size: 15px;
        display: block
    }
}

@media only screen and (min-device-width :360px) and (max-device-width :459px) {

    .explore h2,
    .explore-your-possibilities h3,
    .mobile-app h2,
    .what-is-new h2 {
        font-family: gt_walsheimbold;
        line-height: 30px
    }

    #main-footer .col-md-5 .p-3,
    #rapportScene,
    .footer-top .col-md-1,
    .gt-font-ACC201,
    .gt-font-ACC220,
    .gt-font-ACC400,
    .gt-font-ACC400-new,
    .gt-font-ACC410,
    .gt-font-ACT300,
    .gt-font-ACT400LA,
    .gt-font-ACT400M,
    .gt-font-AGT200,
    .gt-font-AGT400LA,
    .gt-font-AGT400M,
    .gt-font-AIC450,
    .gt-font-AIT210,
    .gt-font-AIT250,
    .gt-font-AIT251,
    .gt-font-AIT450LA,
    .gt-font-AIT450M,
    .gt-font-AIT901,
    .gt-font-AIT902,
    .gt-font-APC400,
    .gt-font-APC401,
    .gt-font-ARA100,
    .gt-font-ART200,
    .gt-font-ASA100,
    .gt-font-ASA110,
    .gt-font-ASC200,
    .gt-font-ATC200,
    .gt-font-AVC400,
    .gt-font-AVC410,
    .gt-font-AVC440,
    .gt-font-AVC450,
    .gt-font-Amber.Shift.C400,
    .gt-font-Amber.Swift.C400,
    .mobile-bg .text-left h4,
    .mobile-bg .text-left p,
    .mobile-bg .text-right h4,
    .mobile-bg .text-right p,
    .navbar-toggler.first-button,
    .social-responsibility p br,
    .tracking-solutions h1 br,
    .video-banners .carousel-control-next-icon,
    .video-banners .carousel-control-prev-icon,
    .what-is-new p br {
        display: none
    }

    img.d-inline-block.align-middle.mr-2 {
        width: 70%;
        margin-top: 10px
    }

    .p-5,
    .trackingslider-content.p-5 {
        padding: 1rem !important
    }

    .distributor .container.pt-5,
    .trackingslider {
        padding-top: 0 !important
    }

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

    .header-bg .navbar-nav {
        color: #fff;
        background: rgba(239, 96, 0, .9);
        max-width: 350px;
        border-radius: 10px;
        padding: 20px 0;
        position: relative
    }

    .header-bg #navbarCollapse .nav-link {
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }

    .header-bg #navbarCollapse .btn-outline-primary {
        background: 0 0 !important;
        border: none;
        display: block;
        text-align: left;
        padding: .5rem 2.1rem;
        outline: 0
    }

    nav.navbar {
        padding: 5px 0 0
    }

    .navbar-brand {
        margin: unset
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        height: auto
    }

    .nav-item.dropdown {
        padding-bottom: 0
    }

    .animated-icon1,
    .animated-icon2,
    .animated-icon3 {
        width: 30px;
        height: 20px;
        position: absolute;
        margin: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -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: relative;
        left: 4px;
        width: 98%;
        top: 0
    }

    .btn-check:focus+.btn-outline-primary,
    .btn-outline-primary:focus {
        box-shadow: none
    }

    .page-header {
        background: rgba(0, 0, 0, .9);
        height: 72px;
        z-index: 999;
        position: absolute;
        width: 100%;
        top: 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-next-icon,
    .video-banners .carousel-control-next-icon:hover,
    .video-banners .carousel-control-prev-icon,
    .video-banners .carousel-control-prev-icon:hover {
        background-size: 60%;
        background-position: 50%
    }

    .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 {
        font-size: 25px;
        margin: 2% 5% 3%;
        line-height: 30px
    }

    .explore h2 {
        font-size: 30px;
        color: #ef6000;
        margin: 0 0 20px
    }

    .mobile-app h2,
    .new-importoved-fleet-portal h2,
    .what-is-new h2 {
        color: #273140;
        letter-spacing: -1px
    }

    .explore p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
        padding: 10px 0 20px
    }

    .what-is-new h2 {
        font-size: 30px;
        margin: 10px auto;
        text-align: center
    }

    .what-is-new .ps-5 {
        padding: 0 !important
    }

    .what-is-new p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin: 30px 0
    }

    .what-is-new h5 {
        text-align: center;
        margin-bottom: 10px
    }

    .what-is-new .col-md-5.ps-5 {
        padding-left: 0 !important
    }

    .footer-top .row.p-4,
    .mobile-app,
    .new-importoved-fleet-portal.p-5.pb-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .mobile-app h2 {
        font-size: 30px;
        margin: 0;
        display: block
    }

    .mobile-bg {
        min-height: 200px
    }

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

    .data-details h3,
    .new-importoved-fleet-portal h2 {
        font-size: 30px;
        font-family: gt_walsheimbold;
        line-height: 30px
    }

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

    .new-importoved-fleet-portal h2 {
        margin: 0
    }

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

    .data-details h3 {
        color: #0b2c7b
    }

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

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

    .col-md-3.data,
    .ds-bg .ds-bio .col-md-5,
    .ds-bg .ds-bio .col-md-7,
    .footer-form .col-md-9 {
        flex: 0 0 auto;
        width: 100%
    }

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

    .col-md-8.my-auto.aos-init.aos-animate {
        width: 65%
    }

    .container-fluid.d-block.p-5,
    .explore-your-possibilities {
        padding-bottom: 0 !important
    }

    .explore-your-possibilities h3 {
        font-size: 30px;
        color: #ef6000;
        letter-spacing: -1px;
        margin: 0 0 25%
    }

    .ds-bg .ds-bio,
    .explore h3,
    .link {
        font-family: Glory, sans-serif
    }

    .explore .mw-100 {
        max-width: 100% !important
    }

    .explore h3 {
        margin: 20px 0 10px;
        padding-bottom: 0;
        font-size: 20px;
        color: #273140;
        font-weight: 500
    }

    .explore-your-possibilities h5 {
        margin: 20px auto 10px
    }

    .slider__item {
        display: inline-flex;
        width: 200px;
        height: 350px;
        margin-left: 0;
        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
    }

    .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 0 0 1%;
        transition: .5s ease-in-out
    }

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

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

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

    .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;
        background-color: #ef6000;
        padding: 0 10px;
        display: block;
        border-radius: 5px
    }

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

    .catalog h3,
    .distributor h3 {
        font-size: 25px;
        line-height: 25px;
        margin: 0;
        text-align: center;
        font-family: gt_walsheimbold
    }

    .distributor h3,
    .trackingslider-bg-blue1 h3,
    .trackingslider-bg-blue2 h3,
    .trackingslider-bg-blue3 h3,
    .trackingslider-bg-blue4 h3 {
        color: #fff
    }

    .catalog h3,
    .ds-bg h3 {
        color: #ef6000
    }

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

    .trackingslider__item {
        display: inline-flex;
        width: 100%;
        height: 380px;
        margin-left: 0;
        align-items: center;
        justify-content: left;
        padding: 0 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 .catalog-image .mw-90 {
        max-width: 100%
    }

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

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

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

    .footer-top .col-md-4,
    .footer-top .col-md-7 {
        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
    }

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

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

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

    html {
        overflow-x: hidden
    }

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

    .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,
    .carousel {
        position: relative;
        margin-top: 72px
    }

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

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

    .tabs .tabs__links li .tabs__link {
        width: 45px;
        height: 45px;
        transition: .3s;
        padding: 0;
        border-radius: 12%
    }

    .tabs .tabs__links {
        margin: 30px auto 0;
        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
    }

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

    #myCarousel .carousel-control-next-icon {
        background: url(../video/right-arrow.svg) right top/cover no-repeat;
        width: 35px;
        height: 35px;
        opacity: 1;
        right: -16px;
        position: relative;
        top: -20px
    }

    #myCarousel .carousel-control-next-icon:hover {
        background: url(../video/right-arrow-over.svg) right top/cover no-repeat;
        animation-delay: 12s;
        right: -16px;
        position: relative;
        width: 35px;
        height: 35px;
        top: -20px
    }

    #myCarousel .carousel-control-prev-icon:hover {
        background: url(../video/left-arrow-over.svg) left top/cover no-repeat;
        animation-delay: 12s;
        left: -16px;
        position: relative;
        width: 35px;
        height: 35px;
        top: -20px
    }

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

    .device-features-section {
        margin-top: 30%
    }

    .video-banners-ourcompany {
        min-height: 200px;
        margin-top: 72px !important
    }

    .ds-bg .ds-bio {
        font-size: 18px;
        line-height: 30px;
        text-align: left;
        color: #000
    }

    .ds-bg h3 {
        font-size: 28px;
        font-family: gt_walsheimbold;
        font-weight: 700;
        text-align: left;
        margin: 10px auto
    }

    .connect-story-bg h4,
    .ds-bg h5 {
        font-weight: 400;
        font-family: Glory, sans-serif
    }

    .ds-bg h5 {
        font-size: 18px;
        text-align: left;
        margin: 10px auto 20px;
        color: #000
    }

    .ds-bg .ds-bio img {
        width: 280px
    }

    .social-responsibility {
        background: url(../../assets-home/our-company/socialy-responsibility.png) center top/cover no-repeat;
        padding: 6% 4% 4% 6%;
        margin-bottom: 10px;
        color: #fff
    }

    .company-values {
        background: #fff;
        padding: 3% 5% 0
    }

    .company-values .mt-5,
    form .row.mt-3 {
        margin-top: 0 !important
    }

    .company-values h3 {
        text-align: center;
        margin-top: 20px;
        font-size: 28px
    }

    .company-values .col {
        flex: 1 0 0%;
        text-align: center;
        margin: 20px auto
    }

    .company-values .col.ps-0 {
        padding-left: 15px !important
    }

    .company-values .col.pe-0 {
        padding-right: 15px !important
    }

    .company-values .col .w-100 {
        width: 300px !important;
        text-align: center;
        padding: 0 !important
    }

    .social-responsibility h3 {
        color: #fff;
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 10px
    }

    .social-responsibility p {
        color: #fff;
        font-size: 18px;
        line-height: 28px
    }

    .security {
        background: url(../../assets-home/our-company/secuirty-bg.png) center center/95% no-repeat;
        padding: 0 10%
    }

    .col-md-6.security,
    .col-md-6.solution {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 10px
    }

    .security h3 {
        color: #273140;
        font-size: 23px;
        line-height: 30px;
        margin: 15px 0 5px
    }

    .security p,
    .solution p {
        padding-right: 0;
        font-size: 18px;
        line-height: 28px
    }

    .solution {
        background: url(../../assets-home/our-company/our-solutions.png) center center/95% no-repeat;
        padding: 0 10%;
        color: #fff
    }

    .solution h3 {
        color: #ef6000;
        font-size: 25px;
        line-height: 30px;
        margin: 15px 0 5px
    }

    .user-centric-design {
        background: url(../../assets-home/our-company/user-centeric-design.png) center top/cover no-repeat;
        padding: 5%;
        color: #fff;
        margin-bottom: 30px
    }

    .user-centric-design h3 {
        color: #fff;
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 10px;
        text-align: center
    }

    .user-centric-design p {
        color: #fff;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        padding: 10px 0 20px
    }

    .connect-story-bg {
        background: url(../../assets-home/our-company/connect-bg.png) center top/cover no-repeat;
        padding: 0 5% 3%
    }

    .connect-story-bg h4 {
        font-size: 22px;
        text-align: center;
        margin: 10px auto;
        color: #ef6000
    }

    .connect-story-bg h2 {
        font-size: 28px;
        line-height: 30px;
        font-family: gt_walsheimbold;
        font-weight: 700;
        text-align: center;
        margin: 10px auto 20px;
        color: #fff
    }

    .connect-story-bg .container {
        text-align: center;
        padding: 0 0 3%;
        font-size: 18px;
        font-family: Glory, sans-serif
    }

    .btn.btn-outline-primary.mx-auto.aos-init.aos-animate {
        margin-top: 20px
    }

    .location-map h3 {
        color: #273140;
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 20px;
        text-align: center
    }

    .footer-form .rounded {
        border-radius: 5px !important;
        margin-top: 20px
    }

    .footer-form {
        background: url(../../assets-home/our-company/contact-bg.png) center top/cover no-repeat;
        padding: 3% 5% 4%;
        margin-bottom: 30px
    }

    .footer-form h3 {
        color: #ffff;
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 0;
        text-align: left
    }

    .footer-form p {
        color: #ef6000;
        text-transform: uppercase;
        font-size: 22px;
        margin: 20px 0 0
    }

    #main-footer .col-md-5,
    #main-footer .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
        margin: auto;
        text-align: center
    }

    #main-footer .col-md-5 .mw-40 {
        max-width: 65%;
        display: block;
        margin: 20px auto
    }

    #fc_frame,
    #fc_frame.fc-widget-normal {
        bottom: 160px !important
    }

    .cookie-overlay .bg-white .btn-success {
        background: 0 0 !important;
        color: #212529;
        margin: auto;
        font-weight: 700;
        width: 150px;
        height: 45px;
        border: none !important;
        text-decoration: underline;
        font-size: 15px;
        display: block
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :359px) {

    .explore h2,
    .explore-your-possibilities h3,
    .mobile-app h2,
    .what-is-new h2 {
        font-family: gt_walsheimbold;
        line-height: 30px
    }

    .brand,
    .link {
        font-size: 18px
    }

    .device-feature-list dd,
    .tabs .tabs__links h5 {
        word-break: break-word
    }

    #main-footer .col-md-5 .p-3,
    #rapportScene,
    .footer-top .col-md-1,
    .gt-font-ACC201,
    .gt-font-ACC220,
    .gt-font-ACC400,
    .gt-font-ACC400-new,
    .gt-font-ACC410,
    .gt-font-ACT300,
    .gt-font-ACT400LA,
    .gt-font-ACT400M,
    .gt-font-AGT200,
    .gt-font-AGT400LA,
    .gt-font-AGT400M,
    .gt-font-AIC450,
    .gt-font-AIT210,
    .gt-font-AIT250,
    .gt-font-AIT251,
    .gt-font-AIT450LA,
    .gt-font-AIT450M,
    .gt-font-AIT901,
    .gt-font-AIT902,
    .gt-font-APC400,
    .gt-font-APC401,
    .gt-font-ARA100,
    .gt-font-ART200,
    .gt-font-ASA100,
    .gt-font-ASA110,
    .gt-font-ASC200,
    .gt-font-ATC200,
    .gt-font-AVC400,
    .gt-font-AVC410,
    .gt-font-AVC440,
    .gt-font-AVC450,
    .gt-font-Amber.Shift.C400,
    .gt-font-Amber.Swift.C400,
    .mobile-bg .text-left h4,
    .mobile-bg .text-left p,
    .mobile-bg .text-right h4,
    .mobile-bg .text-right p,
    .navbar-toggler.first-button,
    .social-responsibility p br,
    .tracking-solutions h1 br,
    .video-banners .carousel-control-next-icon,
    .video-banners .carousel-control-prev-icon,
    .what-is-new p br {
        display: none
    }

    img.d-inline-block.align-middle.mr-2 {
        width: 100%;
        max-width: 175px
    }

    nav.navbar {
        padding: 25px 0 0
    }

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

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

    .video-banners .carousel-control-next-icon,
    .video-banners .carousel-control-next-icon:hover,
    .video-banners .carousel-control-prev-icon,
    .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, .85);
        height: 77px;
        -webkit-transition: opacity 1s ease-in;
        -moz-transition: opacity 1s ease-in;
        -o-transition: opacity 1s ease-in
    }

    .header-bg .navbar-nav {
        color: #fff;
        background: rgba(239, 96, 0, .9);
        max-width: 350px;
        border-radius: 10px;
        padding: 20px 0;
        position: relative
    }

    .header-bg #navbarCollapse .nav-link {
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }

    .header-bg #navbarCollapse .btn-outline-primary {
        background: 0 0 !important;
        border: none;
        display: block;
        text-align: left;
        padding: .5rem 2.1rem;
        outline: 0
    }

    .navbar-brand {
        margin: unset
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        height: auto
    }

    .nav-item.dropdown {
        padding-bottom: 0
    }

    .animated-icon1,
    .animated-icon2,
    .animated-icon3 {
        width: 30px;
        height: 20px;
        position: absolute;
        margin: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -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: relative;
        left: 4px;
        width: 98%;
        top: 0
    }

    .btn-check:focus+.btn-outline-primary,
    .btn-outline-primary:focus {
        box-shadow: none
    }

    .carousel-item {
        height: auto;
        min-height: 200px
    }

    .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 {
        font-size: 25px;
        margin: 2% 5% 3%;
        line-height: 30px
    }

    .explore h2 {
        font-size: 30px;
        color: #ef6000;
        margin: 0 0 20px
    }

    .mobile-app h2,
    .new-importoved-fleet-portal h2,
    .what-is-new h2 {
        color: #273140;
        letter-spacing: -1px
    }

    .explore p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
        padding: 10px 0 20px
    }

    .what-is-new h2 {
        font-size: 30px;
        margin: 10px auto;
        text-align: center
    }

    .what-is-new .ps-5 {
        padding: 0 !important
    }

    .what-is-new p {
        text-align: justify;
        font-size: 20px;
        line-height: 30px;
        margin: 30px 0
    }

    .brand,
    .link,
    .what-is-new h5 {
        text-align: center
    }

    .what-is-new h5 {
        margin-bottom: 10px
    }

    .what-is-new .col-md-5.ps-5 {
        padding-left: 0 !important
    }

    .footer-top .row.p-4,
    .mobile-app,
    .new-importoved-fleet-portal.p-5.pb-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .mobile-app h2 {
        font-size: 30px;
        margin: 0;
        display: block
    }

    .mobile-bg {
        min-height: 250px
    }

    .catalog .catalog-image .mw-90,
    .mobile-bg .mw-80 {
        max-width: 100%
    }

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

    .data-details h3,
    .new-importoved-fleet-portal h2 {
        font-size: 30px;
        font-family: gt_walsheimbold;
        line-height: 30px
    }

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

    .new-importoved-fleet-portal h2 {
        margin: 0
    }

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

    .data-details h3 {
        color: #0b2c7b
    }

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

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

    .col-md-3.data,
    .ds-bg .ds-bio .col-md-5,
    .ds-bg .ds-bio .col-md-7,
    .footer-form .col-md-9 {
        flex: 0 0 auto;
        width: 100%
    }

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

    .col-md-8.my-auto.aos-init.aos-animate {
        width: 65%
    }

    .container-fluid.d-block.p-5,
    .explore-your-possibilities {
        padding-bottom: 0 !important
    }

    .explore-your-possibilities h3 {
        font-size: 30px;
        color: #ef6000;
        letter-spacing: -1px;
        margin: 0
    }

    .explore h3,
    .link {
        font-family: Glory, sans-serif
    }

    .explore .mw-100 {
        max-width: 100% !important
    }

    .explore h3 {
        margin: 20px 0 10px;
        padding-bottom: 0;
        font-size: 20px;
        color: #273140;
        font-weight: 500
    }

    .slider__item {
        display: inline-flex;
        width: 95%;
        height: 325px;
        margin-left: 0;
        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
    }

    .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 0 0 1%;
        transition: .5s ease-in-out;
        width: 250px
    }

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

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

    .brand {
        width: 100%;
        display: block;
        border-bottom: 1px solid #fff
    }

    .link {
        width: 100%;
        float: none;
        color: #fff;
        font-weight: 400;
        background-color: #ef6000;
        padding: 0 10px;
        display: block;
        border-radius: 5px
    }

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

    .catalog h3,
    .distributor h3 {
        font-size: 25px;
        line-height: 25px;
        margin: 0;
        font-family: gt_walsheimbold;
        text-align: center
    }

    .trackingslider-content.p-5 {
        padding: .8rem !important
    }

    .distributor h3,
    .trackingslider-bg-blue1 h3,
    .trackingslider-bg-blue2 h3,
    .trackingslider-bg-blue3 h3,
    .trackingslider-bg-blue4 h3 {
        color: #fff
    }

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

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

    .trackingslider__item .trackingslider-content p {
        font-size: 16px;
        line-height: 20px;
        min-height: 160px
    }

    .bottom-content {
        position: relative;
        bottom: -20px;
        width: 100%;
        display: block !important;
        background: #ef6000;
        border-radius: 5px
    }

    .catalog h3 {
        color: #ef6000
    }

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

    .footer-top .col-md-4,
    .footer-top .col-md-7 {
        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
    }

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

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

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

    html {
        overflow-x: hidden
    }

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

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

    .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
    }

    .tabs .tabs__links li .tabs__link {
        width: 45px;
        height: 45px;
        transition: .3s;
        padding: 0;
        border-radius: 12%
    }

    .tabs .tabs__links {
        margin: 30px auto 0;
        max-width: 350px
    }

    .tabs .tabs__links h5 {
        text-align: center;
        font-weight: 500;
        font-size: 14px;
        width: 50px;
        height: 50px
    }

    .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, .9);
        height: 70px;
        z-index: 999;
        position: absolute;
        width: 100%;
        top: 0
    }

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

    .banner-heading h1 {
        color: #fff;
        margin-top: 20px;
        font-family: gt_walsheimbold;
        font-size: 15px
    }

    .banner-heading h5,
    .ds-bg .ds-bio {
        font-size: 18px;
        font-family: Glory, sans-serif
    }

    .banner-heading h5 {
        color: #fff;
        margin-bottom: 0;
        padding-bottom: 0;
        font-weight: 400;
        text-align: center
    }

    .carousel {
        position: relative;
        margin-top: 70px;
        height: 182px
    }

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

    #myCarousel .carousel-control-next-icon {
        background: url(../video/right-arrow.svg) right top/cover no-repeat;
        width: 35px;
        height: 35px;
        opacity: 1;
        right: -10px;
        position: relative;
        top: -20px
    }

    #myCarousel .carousel-control-next-icon:hover {
        background: url(../video/right-arrow-over.svg) right top/cover no-repeat;
        animation-delay: 12s;
        right: -10px;
        position: relative;
        width: 35px;
        height: 35px;
        top: -20px
    }

    #myCarousel .carousel-control-prev-icon:hover {
        background: url(../video/left-arrow-over.svg) left top/cover no-repeat;
        animation-delay: 12s;
        left: -10px;
        position: relative;
        width: 35px;
        height: 35px;
        top: -20px
    }

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

    .device-features-section {
        margin-top: 30%
    }

    .video-banners-ourcompany {
        min-height: 180px;
        margin-top: 86px !important
    }

    .ds-bg .ds-bio {
        line-height: 30px;
        text-align: left;
        color: #000
    }

    .ds-bg h3 {
        font-size: 28px;
        font-family: gt_walsheimbold;
        font-weight: 700;
        text-align: left;
        margin: 10px auto;
        color: #ef6000
    }

    .connect-story-bg h4,
    .ds-bg h5 {
        font-weight: 400;
        font-family: Glory, sans-serif
    }

    .ds-bg h5 {
        font-size: 18px;
        text-align: left;
        margin: 10px auto 20px;
        color: #000
    }

    .ds-bg .ds-bio img {
        width: 280px
    }

    .social-responsibility {
        background: url(../../assets-home/our-company/socialy-responsibility.png) center top/cover no-repeat;
        padding: 6% 4% 4% 6%;
        margin-bottom: 10px;
        color: #fff
    }

    .company-values {
        background: #fff;
        padding: 3% 5% 0
    }

    .company-values .mt-5,
    form .row.mt-3 {
        margin-top: 0 !important
    }

    .company-values h3 {
        text-align: center;
        margin-top: 20px;
        font-size: 28px
    }

    .company-values .col {
        flex: 1 0 0%;
        text-align: center;
        margin: 20px auto
    }

    .company-values .col.ps-0 {
        padding-left: 15px !important
    }

    .company-values .col.pe-0 {
        padding-right: 15px !important
    }

    .company-values .col .w-100 {
        width: 280px !important;
        text-align: center;
        padding: 0 !important
    }

    .social-responsibility h3 {
        color: #fff;
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 10px
    }

    .social-responsibility p {
        color: #fff;
        font-size: 18px;
        line-height: 26px
    }

    .security {
        background: url(../../assets-home/our-company/secuirty-bg.png) center center/100% no-repeat;
        padding: 0 5%
    }

    .col-md-6.security,
    .col-md-6.solution {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 10px
    }

    .security h3 {
        color: #273140;
        font-size: 20px;
        line-height: 30px;
        margin: 10px 0 5px
    }

    .security p {
        padding-right: 0;
        font-size: 18px;
        line-height: 28px
    }

    .solution {
        background: url(../../assets-home/our-company/our-solutions.png) center top/100% no-repeat;
        padding: 0 5%;
        color: #fff
    }

    .solution h3 {
        color: #ef6000;
        font-size: 23px;
        line-height: 30px;
        margin: 10px 0 5px
    }

    .solution p {
        padding-right: 0;
        font-size: 18px;
        line-height: 26px
    }

    .user-centric-design {
        background: url(../../assets-home/our-company/user-centeric-design.png) center top/cover no-repeat;
        padding: 5%;
        color: #fff;
        margin-bottom: 30px
    }

    .user-centric-design h3 {
        color: #fff;
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 10px;
        text-align: center
    }

    .user-centric-design p {
        color: #fff;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        padding: 10px 0 20px
    }

    .connect-story-bg {
        background: url(../../assets-home/our-company/connect-bg.png) center top/cover no-repeat;
        padding: 0 5% 3%
    }

    .connect-story-bg h4 {
        font-size: 22px;
        text-align: center;
        margin: 10px auto;
        color: #ef6000
    }

    .connect-story-bg h2 {
        font-size: 28px;
        line-height: 30px;
        font-family: gt_walsheimbold;
        font-weight: 700;
        text-align: center;
        margin: 10px auto 20px;
        color: #fff
    }

    .connect-story-bg .container {
        text-align: center;
        padding: 0 0 3%;
        font-size: 18px;
        font-family: Glory, sans-serif
    }

    .distributor .container.pt-5 {
        padding-top: 0 !important
    }

    .btn.btn-outline-primary.mx-auto.aos-init.aos-animate {
        margin-top: 20px
    }

    .location-map h3 {
        color: #273140;
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 20px;
        text-align: center
    }

    .footer-form .rounded {
        border-radius: 5px !important;
        margin-top: 20px
    }

    .footer-form {
        background: url(../../assets-home/our-company/contact-bg.png) center top/cover no-repeat;
        padding: 3% 5% 4%;
        margin-bottom: 30px
    }

    .footer-form h3 {
        color: #ffff;
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 0;
        text-align: left
    }

    .footer-form p {
        color: #ef6000;
        text-transform: uppercase;
        font-size: 22px;
        margin: 20px 0 0
    }

    #main-footer .col-md-5,
    #main-footer .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
        margin: auto;
        text-align: center
    }

    #main-footer .col-md-5 .mw-40 {
        max-width: 65%;
        display: block;
        margin: 20px auto
    }

    #fc_frame,
    #fc_frame.fc-widget-normal {
        bottom: 160px !important
    }

    .cookie-overlay .bg-white .btn-success {
        background: 0 0 !important;
        color: #212529;
        margin: auto;
        font-weight: 700;
        width: 150px;
        height: 45px;
        border: none !important;
        text-decoration: underline;
        font-size: 15px;
        display: block
    }

    #main-footer .col-md-5 a {
        display: block;
        margin: 20px auto
    }

    #main-footer .col-md-5 img.p-3 {
        display: none;
        margin: 20px auto
    }
}


@media only screen and (min-device-width :1280px) and (max-device-width :1365.99px) {
    .carousel-caption {
        position: absolute;
        /* right: 15%; */
        bottom: 5%;
        left: 7%;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        color: #fff;
        text-align: left;
        width: 31.5%;
    }
        .carousel-inner .carousel-item .video {
	position: absolute;
	right: 0%;
	bottom: 25%;
}

    .carousel-inner .carousel-item .video img.mw-100 {
	max-width: 85% !important;
}

.carousel-caption h2, .carousel-caption-1 h2 {
	color: #fff;
	line-height: 43px;
	font-family: Roboto,sans-serif;
	font-size: 38px;
	font-weight: 700;
}

}

@media only screen and (min-device-width :1024px) and (max-device-width :1200.99px) {
    .carousel-caption {
        position: absolute;
        /* right: 15%; */
        bottom: 3%;
        left: 7%;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        color: #fff;
        text-align: left;
        width: 30%;
    }

    .carousel-caption h2, .carousel-caption-1 h2 {
        color: #fff;
        line-height: 44px;
        font-family: Roboto, sans-serif;
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .carousel-caption p {
        font-size: 20px;
        line-height: 26px;
        font-weight: 400;
        font-family: Roboto, sans-serif;
    }

        .carousel-caption, .carousel-caption-1 h2 {
        position: absolute;
        /* right: 15%; */
        bottom: 5%;
        left: 7%;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        color: #fff;
        text-align: left;
        width: 31.5%;
    }
        .carousel-inner .carousel-item .video {
            position: absolute;
            right: 0%;
            bottom: 25%;
            width: 60%;
        }

    .carousel-inner .carousel-item .video img.mw-100 {
	max-width: 85% !important;
}

 
}

@media only screen and (min-device-width :992px) and (max-device-width :1023px) {
    .carousel-caption {
        position: absolute;
        /* right: 15%; */
        bottom: 3%;
        left: 7%;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        color: #fff;
        text-align: left;
        width: 40%;
    }

    .carousel-caption-1 {
	position: absolute;
	/* right: 15%; */
	bottom: 20%;
	left: 8%;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	color: #fff;
	text-align: left;
	width: 45%;
	z-index: 999;
}

    .carousel-caption h2,.carousel-caption-1 h2  {
        color: #fff;
        line-height: 40px;
        font-family: Roboto, sans-serif;
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .carousel-caption p {
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
        font-family: Roboto, sans-serif;
    }

    
        .carousel-inner .carousel-item .video {
            position: absolute;
            right: 0%;
            bottom: 25%;
            width: 50%;
        }

    .carousel-inner .carousel-item .video img.mw-100, .carousel-inner .carousel-item .ai img.mw-100 {
	max-width: 80% !important;
}
.carousel-inner .carousel-item .ai {
	position: absolute;
	right: 12%;
	bottom: 26%;
}
}

@media only screen and (min-device-width :768px) and (max-device-width :991px) {
    .carousel-caption {
        position: absolute;
        /* right: 15%; */
        bottom: 1%;
        left: 8%;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        color: #fff;
        text-align: left;
        width: 40%;
    }

    .carousel-caption-1 {
	position: absolute;
	/* right: 15%; */
	bottom:17%;
	left: 8%;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	color: #fff;
	text-align: left;
	width: 50%;
	z-index: 999;
}

    .carousel-caption h2, .carousel-caption-1 h2 {
        color: #fff;
        line-height: 30px;
        font-family: Roboto, sans-serif;
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .carousel-caption p, .carousel-caption-1 p {
        font-size: 16px;
        line-height: 22px;
        font-weight: 400;
        font-family: Roboto, sans-serif;
    }

        
        .carousel-inner .carousel-item .video {
            position: absolute;
            right: 0%;
            bottom: 25%;
            width: 50%;
        }

    .carousel-inner .carousel-item .video img.mw-100, .carousel-inner .carousel-item .ai img.mw-100 {
	max-width: 80% !important;
}
.carousel-inner .carousel-item .ai {
	position: absolute;
	right: 10%;
	bottom: 25%;
}

.carousel-inner .carousel-item .ai img {
    width: 200px;
}

.carousel-fade .carousel-item img.mw-50 {
	max-width: 320px;
}

    .carousel-fade .carousel-item .carousel-caption img {
        max-width: 100px;
    }

    .carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	padding: 0;
	margin-right: 5% !important;
	margin-bottom: 1rem;
	margin-left: 5% !important;
	list-style: none;
}
.carousel-indicators [data-bs-target] {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 100px;
	height: auto;
	padding: 2px;
	margin-right: 10px;
	margin-left: 10px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #dcdcdc;
	opacity: .99;
	transition: opacity .6s;
}
.device-features-section {
	margin-top: 15%;
}
}

@media only screen and (min-device-width :560px) and (max-device-width :767px) {
    .carousel-caption {
        position: absolute;
        /* right: 15%; */
        bottom: 20%;
        left: 8%;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        color: #fff;
        text-align: left;
        width: 32%;
    }

        .carousel-caption-1 {
	position: absolute;
	/* right: 15%; */
	bottom:20%;
	left: 8%;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	color: #fff;
	text-align: left;
	width: 50%;
	z-index: 999;
}

    .carousel-caption h2, .carousel-caption-1 h2 {
        color: #fff;
        line-height: 25px;
        font-family: Roboto, sans-serif;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .carousel-caption p, .carousel-caption-1 p {
        font-size: 15px;
        line-height: 20px;
        font-weight: 400;
        font-family: Roboto, sans-serif;
        margin-bottom: 10px;
        display: none;
    }

    .carousel-fade .carousel-item h2 img.mw-60 {
        max-width: 40px;
    }

    .carousel-fade .carousel-item img.mw-50 {
        max-width: 150px;
    }

    .carousel-fade .carousel-item .carousel-caption img {
        max-width: 150px;
    }

    .carousel-caption button.learn-more {
        background: #EF6000;
        width: 190px;
        height: 50px;
        padding: 0px 5px;
        border-radius: 10px;
        color: #fff;
        font-size: 18px;
        line-height: 50px;
        border: none;
        margin: 10px 0px 0px;
    }

            
        .carousel-inner .carousel-item .video {
            position: absolute;
            right: 0%;
            bottom: 25%;
            width: 50%;
        }

    .carousel-inner .carousel-item .video img.mw-100 {
	max-width: 220px !important;
}
 .carousel-inner .carousel-item .ai img.mw-100 {
	max-width: 150px !important;
}
.carousel-inner .carousel-item .ai {
	position: absolute;
	right: 10%;
	bottom: 22%;
}

    .device-features-section .carousel {
        position: relative;
        margin-top: 20px
    }

.carousel-fade .carousel-item img.mw-50 {
	max-width: 320px;
}

    .carousel-fade .carousel-item .carousel-caption img {
        max-width: 100px;
    }

    .carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	padding: 0;
	margin-right: 5% !important;
	margin-bottom: 1rem;
	margin-left: 5% !important;
	list-style: none;
}
.carousel-indicators [data-bs-target] {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 100px;
	height: auto;
	padding: 2px;
	margin-right: 10px;
	margin-left: 10px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #dcdcdc;
	opacity: .99;
	transition: opacity .6s;
}
.device-features-section {
	margin-top: 20%;
}
}

@media only screen and (min-device-width :460px) and (max-device-width :559px) {
    .carousel-caption {
        position: absolute;
        /* right: 15%; */
        bottom: 20%;
        left: 4%;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        color: #fff;
        text-align: left;
        width: 37%;
    }

    .carousel-caption-1 {
	position: absolute;
	/* right: 15%; */
	bottom:20%;
	left: 8%;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	color: #fff;
	text-align: left;
	width: 50%;
	z-index: 999;
}

    .carousel-caption h2, .carousel-caption-1 h2 {
        color: #fff;
        line-height: 20px;
        font-family: Roboto, sans-serif;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 8px;
    }

    .carousel-caption p, .carousel-caption-1 p {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        font-family: Roboto, sans-serif;
        margin-bottom: 10px;
        display: none;
    }

    .carousel-fade .carousel-item h2 img.mw-60 {
        max-width: 30px;
    }

    .carousel-fade .carousel-item img.mw-50 {
        max-width: 130px;
    }

    .carousel-caption button.learn-more {
        background: #EF6000;
        width: 100%;
        max-width: 180px;
        height: 35px;
        border-radius: 10px;
        color: #fff;
        font-size: 16px;
        line-height: 35px;
        border: none;
        margin: 10px 0px 0px;
        padding: 0px 10px;
    }

            .carousel-inner .carousel-item .video {
            position: absolute;
            right: 0%;
            bottom: 25%;
            width: 50%;
        }
        
            .carousel-inner .carousel-item .video img.mw-100 {
	max-width: 220px !important;
}
 .carousel-inner .carousel-item .ai img.mw-100 {
	max-width: 130px !important;
}
.carousel-inner .carousel-item .ai {
	position: absolute;
	right: 10%;
	bottom: 22%;
}

    .device-features-section .carousel {
        position: relative;
        margin-top: 20px
    }

.carousel-fade .carousel-item img.mw-50 {
	max-width: 320px;
}

    .carousel-fade .carousel-item .carousel-caption img {
        max-width: 100px;
    }

    .carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	padding: 0;
	margin-right: 5% !important;
	margin-bottom: 1rem;
	margin-left: 5% !important;
	list-style: none;
}
.carousel-indicators [data-bs-target] {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 100px;
	height: auto;
	padding: 2px;
	margin-right: 10px;
	margin-left: 10px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #dcdcdc;
	opacity: .99;
	transition: opacity .6s;
}
}

@media only screen and (min-device-width :360px) and (max-device-width :459px) {
    .carousel-caption {
        position: absolute;
        bottom: 18%;
        left: 3%;
        padding-top: 1.25rem;
        padding-bottom: 1rem;
        color: #fff;
        text-align: left;
        width: 42%;
    }

        .carousel-caption-1 {
	position: absolute;
	/* right: 15%; */
	bottom:15%;
	left:3%;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	color: #fff;
	text-align: left;
	width: 50%;
	z-index: 999;
}

    .carousel-caption h2,  .carousel-caption-1 h2 {
        color: #fff;
        line-height: 18px;
        font-family: Roboto, sans-serif;
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .carousel-caption p, .carousel-caption-1 p {
        font-size: 13px;
        line-height: 18px;
        font-weight: 400;
        font-family: Roboto, sans-serif;
        margin-bottom: 10px;
        display: none;
    }

    .carousel-fade .carousel-item h2 img.mw-60 {
        max-width: 10px;
    }

 
    .carousel-caption button.learn-more {
        background: #EF6000;
        width: 90%;
        max-width: 180px;
        height: 35px;
        border-radius: 10px;
        color: #fff;
        font-size: 15px;
        line-height: 35px;
        border: none;
        margin: 10px 0px 0px;
        padding: 0px 10px;
    }

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

    
            .carousel-inner .carousel-item .video {
            position: absolute;
            right: 0%;
            bottom: 30%;
            width: 50%;
        }

    .carousel-inner .carousel-item .video img.mw-100 {
	max-width: 80% !important;
}

.carousel-inner .carousel-item .ai img.mw-100 {
	max-width: 50% !important;
}
.carousel-inner .carousel-item .ai {
	position: absolute;
	right: -10%;
	bottom: 25%;
	width: 50%;
}

    .carousel-fade .carousel-item img.mw-50 {
        max-width: 150px;
    }

    .carousel-fade .carousel-item .carousel-caption img {
        max-width: 100px;
    }

    
.carousel-fade .carousel-item img.mw-50 {
	max-width: 320px;
}

    .carousel-fade .carousel-item .carousel-caption img {
        max-width: 100px;
    }

    .carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	padding: 0;
	margin-right: 5% !important;
	margin-bottom: 1rem;
	margin-left: 5% !important;
	list-style: none;
}
.carousel-indicators [data-bs-target] {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 100px;
	height: auto;
	padding: 2px;
	margin-right: 10px;
	margin-left: 10px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #dcdcdc;
	opacity: .99;
	transition: opacity .6s;
}
.device-features-section {
	margin-top: 25%;
}
 .device-features-section .carousel {
	position: relative;
	margin-top: 20px;
}
}

@media only screen and (min-device-width :320px) and (max-device-width :359px) {
    .carousel-caption {
        position: absolute;
        /* right: 15%; */
        bottom: 25%;
        left: 4%;
        padding-top: 1.25rem;
        padding-bottom: 1rem;
        color: #fff;
        text-align: left;
        width: 38%;
    }

            .carousel-caption-1 {
	position: absolute;
	/* right: 15%; */
	bottom:25%;
	left:4%;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	color: #fff;
	text-align: left;
	width: 50%;
	z-index: 999;
}

    .carousel-caption h2, .carousel-caption-1 h2 {
        color: #fff;
        line-height: 16px;
        font-family: Roboto, sans-serif;
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 0px;
    }

    .carousel-caption p, .carousel-caption-1 p {
        font-size: 11px;
        line-height: 16px;
        font-weight: 400;
        font-family: Roboto, sans-serif;
        margin-bottom: 10px;
        display: none;
    }

    .carousel-fade .carousel-item h2 img.mw-60 {
        max-width: 10px;
    }

    .carousel-fade .carousel-item img.mw-50 { 
        display: none !important ;
    }

    .carousel-caption button.learn-more {
        background: #EF6000;
        width: 100%;
        max-width: 230px;
        height: 30px;
        border-radius: 10px;
        color: #fff;
        font-size: 12px;
        line-height: 30px;
        border: none;
        margin: 10px 0px 0px;
        padding: 0px 5px;
    }

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

        
    .carousel-inner .carousel-item .video {
	position: absolute;
	right: -5%;
	bottom: 37%;
	width: 50%;
}

    .carousel-inner .carousel-item .video img.mw-100 {
	max-width: 70% !important;
}

.carousel-inner .carousel-item .ai img.mw-100 {
	max-width: 50% !important;
}
.carousel-inner .carousel-item .ai {
	position: absolute;
	right: -10%;
	bottom: 30%;
	width: 50%;
}

    .carousel-fade .carousel-item img.mw-50 {
        max-width: 150px;
    }

    .carousel-fade .carousel-item .carousel-caption img {
        max-width: 100px;
    }

      
.carousel-fade .carousel-item img.mw-50 {
	max-width: 320px;
}

    .carousel-fade .carousel-item .carousel-caption img {
        max-width: 100px;
    }

    .carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	padding: 0;
	margin-right: 5% !important;
	margin-bottom: 1rem;
	margin-left: 5% !important;
	list-style: none;
}
.carousel-indicators [data-bs-target] {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 100px;
	height: auto;
	padding: 2px;
	margin-right: 10px;
	margin-left: 10px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #dcdcdc;
	opacity: .99;
	transition: opacity .6s;
}
.device-features-section {
	margin-top: 25%;
}
 .device-features-section .carousel {
	position: relative;
	margin-top: 20px;
}
}

@media 
  screen and (max-width: 1280px) and 
  ((-webkit-device-pixel-ratio: 1.5) or 
   (resolution: 1.5dppx)) {

  .header-bg #navbarCollapse .nav-link {
	padding: .5rem 1.5rem;
}
}