@media(max-width:1200px){
    .dropdown-menu.profile_dropdown {
        left: auto;
        right: 0px;
        width: 200px;
    }
    .login-header li a {
        font-size: 13px;
    }
    }
@media(max-width:1199px) {
    .login-form {
        height: auto;
    }
    .login .py-lg-5 {
        padding-top: 1rem !important;
        padding-bottom: 0rem !important;
    }
    .inner-pages {
        padding: 15px 0px 85px;
    }
    .geo-table .table-responsive.table-grid > div {
        max-height: 140px;
    }
    .main-slider .inner-content {
        width: 50%;
    }
    .main-slider .slider-content .slider-btn {
        padding: 0px 16px 0px 23px;
    }
    .about-img-sec {
        padding-right: 50px;
    }
    .about-img-sec img{
        width:100%;
    }
    .home-about-txt {
        padding-top: 0px;
    }
    .contact-home a {
        font-size: 34px;
    }

    .polygon svg {
        width: 100%;
    }
    .main-slider .owl-nav {
        width: 960px;
    }
    }
@media(max-width:1024px) {
    .nav-button {
        display: block;
        margin-left: 8px;
    }

        .nav-button span {
            font-size: 26px;
        }

    .left-sidebar, .login-header {
        width: 320px;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
        position: absolute;
        top: 0;
        left: 0px;
        opacity: 0;
        height: 100%;
        z-index: 999;
    }

        .left-sidebar.nav-show, .login-header.nav-show {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            position: fixed;
            opacity: 1;
            z-index: 999;
        }

    .login-header {
        -webkit-box-shadow: 0 3px 6px rgba(106, 107, 109, 0.5);
        box-shadow: 0 3px 6px rgba(106, 107, 109, 0.5);
        background: #fff;
    }

    .mid-header .login-header {
        background: #0B23FD;
    }
        .mid-header .login-header li.active a, .mid-header .login-header li.tab-active.active a.active {
            color: #fff;
            background: none;
        }

            .mid-header .login-header li.active a.active, .mid-header .login-header li:hover a, .mid-header .login-header li:active a, .mid-header .login-header li a.active, .mid-header .login-header li.tab-active a.selected.active {
                color: #000000;
                background: #fff;
                border: none;
            }
        
        /* .top-header-inner .nav-button.width span {
            color: #fff;
        }*/
        .login-header ul {
            padding: 25px 17px;
            display: block;
        }

    .login-header li {
        padding: 5px 0px;
    }

        .login-header li a {
            font-size: 14px;
            padding: 6px 15px;
            border-radius: 4px;
        }

        .login-header li.active a, .login-header li:hover a, .login-header li:active a {
            color: #ffffff;
            background: #543EFF;
            border: none
        }

    .show.sticky, .show.sticky .header-wrap, .header-wrap {
        position: static;
    }

    .mid-sec {
        margin-left: 0;
    }

    .innner-header {
        left: 0px;
    }

    span.tooltiptext {
        display: inline-block;
    }

    .menu-nav > li > a:after {
        content: "\ea61";
        font-family: "tabler-icons";
        position: absolute;
        top: 13px;
        right: 0px;
        font-size: 16px;
    }

    .menu-nav > li.active > a:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .left-sidebar .menu-nav li {
        padding: 6px 17px 6px 17px;
    }

    .nav-button.width {
        background: #fff;
        right: 2px;
        display: flex;
        justify-content: center;
        padding: 6px 3px;
        width: 34px;
        z-index: 999;
        color: #242424;
        align-items: center;
        margin: 0;
        border-radius: 4px;
    }
    .sticky .nav-button.width {
        position: fixed;
        right: 15px;
        top: 0px;
    }
    .landtop-header .nav-button.width {
        background: #0B23FD;
    }
    .landtop-header .nav-button.width span{
        color:#fff;
    }
    header .container{
        position:relative;
    }
    .left-sidebar-active #scrollbar {
        overflow-y: scroll !important;
        height: calc(100% - 85px) !important;
        max-height: calc(100% - 85px) !important;
        padding-bottom: 10px;
    }

    .logo-sec {
        flex-grow: 1;
    }

    .header-right {
        flex-grow: 2;
    }

    .footer.inner-footer {
        width: 100%;
        left: 0px;
    }

    #cover {
        opacity: 0;
        visibility: hidden;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        -webkit-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
    }

        #cover.display {
            background: rgba(0, 0, 0, 0.2);
            opacity: 1;
            visibility: visible;
            z-index: 999;
        }

    .innner-header.show {
        position: static;
    }

    .left-sidebar .menu-nav li.active ul {
        display: block;
    }

    .mid-right {
        display: flex;
        align-items: center;
    }

    header.homepage-header {
        height: 67px;
    }
    .small-logo{
        display:none;
    }
    .expand-logo{display:block;
    }
    .left-sidebar .logo-left {
        width: 100%;
        padding: 0px 18px;
        justify-content: left;
    }
    .content-show .content-section{
        padding-top:0px;
    }
}

    @media(max-width:991px) {
        .logo-sec img {
            width: 150px;
        }

        .content-section {
            padding-top: 63px;
        }

        .login {
            padding: 20px 15px;
        }

        .login-form .login-left img {
            width: 100%;
            height: auto;
        }

        .login h4 {
            font-size: 30px;
        }

        .tracking-details.track-dtl-list ul li .track-list {
            width: 240px;
        }

        .mb-21 {
            margin-bottom: 21px;
        }

            .mb-21:last-child, .mb-21:nth-last-child(2) {
                margin-bottom: 0px;
            }

        .head-btn-login a {
            padding: 0px 16px;
        }

        .top-header-inner ul li.head-btn-login {
            padding: 0px;
        }

        .main-slider .slider-content h3 {
            font-size: 32px;
            line-height: 46px;
        }

        .about-img-sec .about-btm {
            padding-right: 40px;
        }

        .book-demo-inner {
            padding: 0;
        }

        .contact-home a {
            font-size: 27px;
        }

        .home-contact .owl-dots {
            margin: 0px !important;
        }

        .main-slider .inner-content {
            width: 60%;
        }

        .demo-form {
            padding: 20px 15px;
        }

        .polygon-value {
            padding: 0px 0px 10px 0px;
            display: block;
            text-align: center;
        }

            .polygon-value li {
                display: inline-block;
                margin-top: 10px;
            }

            .polygon-value .relative {
                position: relative;
                display: inline-block;
                margin: 0px;
            }

        .pagination-option .disabled > .page-link, .pagination-option .page-link.disabled, .pagination-option .page-item:last-child .page-link {
            width: auto;
        }

        .fields-card label {
            font-size: 12px;
        }
        .main-slider .owl-nav {
            width: 720px;
        }
    }
@media(max-width:860px) {
    .modal-inner-page .modal-dialog {
        max-width: 100%;
        width: 100%;
        padding: 0px 15px;
    }
    .innner-header .official_list span {
        font-size: 12px !important;
    }
}
    @media(max-width:767px) {
        .login-left {
            display: none;
        }

        .login .py-lg-5 {
            padding-top: 0px !important;
        }

        select, select.form-control, .bootstrap-select > .dropdown-toggle {
            background: #ffffff url(../bootstrap_images/down-arrow.png) no-repeat 99% center;
            background-size: 18px 16px;
        }

        .show-entry select, .show-entry select:focus, .search-table select, .search-table select:focus {
            background: #F2F2F2 url(../bootstrap_images/down-arrow.png) no-repeat 86% center;
            background-size: 18px 16px;
        }

        .pagination-option > * {
            width: 100%;
            display: flex;
            justify-content: center;
        }

        div.dataTables_wrapper div.dataTables_info {
            margin-bottom: 5px;
        }

        .m-t-25 {
            margin-top: 0;
        }

        .innner-header .official_list li span {
            display: none !important;
        }

        .innner-header .official_list img {
            margin-right: 0px;
        }

        .innner-header li {
            padding: 0px 10px;
        }

        .content-section {
            display: block;
            width: 100%;
        }

        .img-sec {
            order: 1;
        }

        .demo-form {
            margin-top: 15px;
            order: 2;
        }

        .SetCaptcha img {
            width: auto;
            margin-top: 10px;
        }

        .boxes .m-b-10 {
            margin-bottom: 15px;
        }

        .card-box {
            margin-bottom: 35px;
        }

            .card-box.mb-15 {
                margin-bottom: 15px;
            }

        .footer .copyright, .footer .footer-links {
            justify-content: center;
        }

            .footer .copyright p {
                text-align: center;
            }

        .login-form .login {
            height: 100%;
        }

        .captcha .form-control {
            margin-bottom: 10px;
        }

        .btn-login, .btn-login:hover {
            margin-bottom: 20px;
        }

        /*.login-form .login-left img {
        width: auto;
        height: 100%;
    }*/

        .inner-pages {
            padding: 15px 0px 45px;
        }

            .inner-pages .left-image img {
                width: 270px;
            }

        #date-time .form-group, .date-time .form-group {
            width: 50%;
        }

            .date-time .form-group.col-md-12 {
                width: 100%;
            }

        .vehi-selection select {
            background: #ffffff url(../bootstrap_images/down-arrow.png) no-repeat 96% center;
            background-size: 18px 16px;
        }

        .tracking-details.track-dtl-list ul {
            display: block;
        }

            .tracking-details.track-dtl-list ul li {
                margin-bottom: 5px;
            }
                .tracking-details.track-dtl-list ul.dropdown-menu li {
            margin-bottom: 0px;
    }
                .tracking-details.track-dtl-list ul li .track-fields {
                    display: flex;
                    align-items: center;
                    padding-top: 10px;
                }

        .form-group {
            margin-bottom: 10px;
        }

        .head-left {
            width: calc(100% - 85px);
        }

        .head-btn .add-btn {
            width: 85px;
        }

        .modal-body-inner {
            max-height: 205px;
            overflow: hidden;
            overflow-y: scroll;
        }

        .dash-no-list li.col-sm-12 {
            width: 50%;
        }

        .btn-mobile-right {
            display: flex;
            justify-content: flex-end;
        }

        .top-header-inner .official_list li span {
            display: none;
        }

        .top-header-inner .official_list img {
            margin-right: 0;
        }

        .top-header-inner .official_list .head-btn-login img {
            margin-right: 8px;
        }

        .main-slider .inner-content {
            padding-bottom: 20px;
        }

        .main-slider .slider-content h3 {
            font-size: 26px;
            line-height: 32px;
        }

        .about-img-sec .about-btm {
            padding-right: 0;
        }

        .about-img-sec .about-top {
            margin-bottom: 80px;
        }

        .about-us {
            padding: 30px 0px 0px;
        }

        .home-tabsec {
            padding: 15px 0px 30px;
        }

        .book-demo, .home-contact {
            padding: 30px 0px;
        }

        .home-tabsec .nav-link {
            font-size: 13px;
            height: 39px;
            padding: 9px 12px 5px;
        }

        .book-demo h4 {
            margin-bottom: 0px;
        }

        .demo-form .text-left {
            margin-top: 10px;
        }

        .contact-home {
            padding: 25px;
            margin: 15px 0px 0px;
            height: auto;
        }

            .contact-home a {
                margin: 0;
            }

            .contact-home h6 {
                font-size: 18px;
                margin-bottom: 20px;
            }

                .contact-home h6 img {
                    width: 40px;
                }

        .book-demo {
            background-size: cover;
        }

        .footer-top {
            background-size: cover;
        }

        .contact-info {
            margin: 15px 0px;
        }

        .footer-top {
            padding: 25px 0px 25px;
        }

        .modal-body {
            max-height: 180px;
            overflow-y: auto;
        }

        .top-header-inner ul span.ti.ti-mail, .top-header-inner ul span.ti.ti-phone, .innner-header .official_list span.ti {
            display: inline-block !important;
            margin: 0;
        }

        .polygon-value {
            padding: 0px 0px 0px 0px;
        }
        .main-slider .owl-nav {
            width: 540px;
        }
        .card {
            height: auto;
        }
        #date-time .track-fields.form-group{
            width: 100%;
        }
        a.tooltips:hover span {
            right: 0;
            left: auto;
            margin-top: 0px;
        }
        }

    @media(max-width:640px) {
        .col-sm-7.view-entry, .col-sm-5.search-table {
            display: flex;
        }

        .col-sm-7.view-entry {
            width: 150px;
            justify-content: flex-start;
        }
        .view-entry select {
            margin: 0;
        }
        .search-table {
            width: calc(100% - 150px);
            justify-content: flex-end;
        }
        .search-table input {
            width: 100% !important;
        }
        .footer .footer-links ul li {
            padding: 5px 5px;
        }

        .top-header-inner .logo img {
            width: 125px;
        }

        .top-header-inner .official_list li.head-btn-login a {
            font-size: 12px;
            padding: 0px 14px;
            height: 34px;
            line-height: 33px;
        }

        .top-header-inner .official_list .head-btn-login img {
            margin-right: 7px;
            height: 15px;
        }

        .main-slider .inner-content {
            width: 75%;
        }

        .main-slider .slider-content h3 {
            font-size: 18px;
            line-height: 24px;
        }

        .main-slider .slider-content .slider-btn {
            padding: 0px 16px 0px 20px;
            height: 36px;
            width: 150px;
            margin-top: 10px;
        }

        .main-slider .item, .main-slider .item > img {
            min-height: 185px;
        }

        header.homepage-header {
            height: 54px;
        }

        .polygon-value .relative {
            width: 157px;
        }

    }

    @media(max-width:580px) {

        .modal-dialog {
            max-width: 100%;
            padding: 0px 15px;
            width: 100%;
            margin-left: 0;
        }
        .main-slider .owl-nav {
            width: 100%;
            padding: 0px 10px;
            bottom: 7px;
        }
    }

    @media(max-width:530px) {
        .footer .footer-links {
            display: block;
        }

            .footer .footer-links ul {
                justify-content: center;
            }

        .footer {
            padding: 6px 0px 10px;
        }

            .footer.inner-footer {
                padding: 6px 15px;
            }

        .login-form {
            /*height: calc(100% - 193px);*/
        }

        .inner-pages {
            padding: 15px 0px 75px;
        }

        .pagination-option ul.pagination {
            display: flex;
            flex-wrap: wrap;
            justify-content: center !important;
        }

            .pagination-option ul.pagination li {
                margin-bottom: 5px;
            }

        .home-tabsec li.nav-item {
            margin-bottom: 5px;
        }

        .home-tabsec .tab-content {
            margin-top: -5px;
        }
        .map-section .tracking-details.track-dtl-list {
            width: 360px;
            left: 2px;
        }
            .map-section .tracking-details.track-dtl-list .inner-border {
                padding: 10px;
            }
            .tracking-btn td:nth-last-child(2) label {
            margin-right: 0px !important;
        }
        .track-dtl-list .tracking-btn td label {
            padding: 8px 12px 6px 11px;
            font-size: 12px;
            margin-right: 7px;
        }
        .track-dtl-list .dflt-btn td svg{
            margin-left: 5px;
            width: 20px;
        }
        .track-dtl-list .tracking-btn td .track-icon svg {
            margin-right:0px;
            height: 20px;
        }
        .after-arrow {
            right: -12px;
            width: 15px;
            height: 20px;
            background-size: 15px 20px;
        }
        }

@media(max-width:480px) {
    .card-box {
        margin-bottom: 55px;
    }

    .footer .footer-links a {
        font-size: 12px;
    }

    .inner-pages .left-image img {
        padding: 0px 0px 10px 0px;
        width: 100%;
    }

    .map-section .tracking-details, .content-body .tracking-details {
        width: 340px;
    }

        .map-section .tracking-details.border-active {
            width: 0px;
        }

    .tracking-btn td label {
        padding: 8px 14px 6px 16px;
    }

    .logo-sec, .header-right {
        padding: 0px 13px;
    }

    .btn-primary {
        margin-bottom: 5px;
    }

    .modal-body .btn-primary {
        margin-bottom: 0;
    }

    .fields-card .bootstrap-select > .dropdown-toggle {
        background: #ffffff url(../bootstrap_images/down-arrow.png) no-repeat 98% center;
        background-size: 18px 16px;
    }

    .map-section .tracking-details.geo-tarckdtl {
        bottom: 37px;
    }

    .tracking-details .btn {
        margin-bottom: 0px;
    }

    .date-time .btn, .date-time .btn:hover {
        width: 30.2%;
    }

    .dash-no-list li.col-sm-12 {
        width: 100%;
    }

    .mb-21:nth-last-child(2), .mb-21 {
        margin: 0px 0px 10px;
    }

    .btn-all-right {
        flex-wrap: wrap;
    }
    .user-dtl{
    flex-direction: column;
    justify-content: flex-start;
}
        .user-dtl span {
            padding-left: 0;
        }
    .header-right {
        padding-left: 0px;
    }
    .logo-sec img {
        width: 130px;
    }
    .innner-header li {
        padding: 0px 5px;
    }
    .content-section {
        padding-top: 72px;
    }
    }

    @media(max-width:448px) {
        /*.login-form {
            height: calc(100% - 213px);
        }*/
    }