@media (min-width: 1024px) and (max-width: 1200px) {
     li.last-child {
         margin-left: 0;
    }
     .nDash-tiles-inner {
         width: 33%;
    }
}

 @media (min-width: 768px) and (max-width: 1023px) {
     .navbar-default .navbar-nav>li>a {
         font-size: 14px;
    }
     .nav>li>a {
         padding: 22px 10px;
    }
     .navbar-nav {
         width: auto;
    }
     .banner-content {
         width: 100%;
    }
     .home-left-rec {
         width: 100%;
         margin-bottom: 50px;
    }
     .home-rgt-rec {
         width: 100%;
    }
     .site-bannersection h1 {
         font-weight: 600;
         font-size: 45px;
         color: #fff;
    }
     .ourservices-one {
         width: 95%;
    }
     .home-products .ourservices-one {
         width: 45%;
    }
     .home-products .ourservices-inner {
         border-radius: 0;
         transform: none;
    }
     .contact-us-form {
         width: 100%;
         position: static;
    }
     .social-tab {
         display: none;
    }
     li.last-child {
         margin-left: 0;
    }
}

 @media only screen and (max-width: 767px) {
     .header-section .navbar-nav>li {
         display: inline-block;
         width: 100%;
         text-align: left;
    }
     .header-section .navbar-nav>li>a {
         padding-top: 12px;
         padding-bottom: 12px;
    }
     div#bs-example-navbar-collapse-1 {
         width: 100%;
    }
     .navbar-default {
         border-bottom-left-radius: 0;
         border-bottom-right-radius: 0;
         padding-bottom: 16px;
    }
     .navbar {
         min-height: auto;
         padding-bottom: 0;
    }
     .banner-content {
         width: 100%;
    }
     .site-bannersection h1 {
         font-size: 28px;
    }
     .banner-content p {
         font-size: 15px;
    }
     .gps-carimg {
         width: 100%;
    }
     .home-left-rec {
         width: 100%;
         padding: 0;
         min-height: auto;
         box-shadow: none;
         background-color: none !important;
    }
     .home-rgt-rec {
         width: 100%;
         margin: 22px 0 0;
    }
     .GPS-Tracking-left {
         padding: 0;
    }
     .GPS-Tracking-left h1 {
         font-size: 22px;
         margin: 0 0 6px;
    }
     .GPS-Tracking-left p {
         font-size: 14px;
         line-height: 26px;
    }
     .contentsection-one {
         padding: 26px 15px;
    }
     .home-revrs .GPS-Tracking-left {
         padding: 25px 0;
    }
     .home-revrs .home-left-rec {
         box-shadow: none;
    }
     .ourservices-one {
         width: 100%;
         margin: 0;
    }
     .ourservices-overlaytwo, .ourservices-overlayone {
         display: none;
    }
     .ourservices-inner, .ourservices-inner-skyw {
         transform: none;
    }
     .home-ourservices h1 {
         margin: 0 0 20px;
    }
     .home-ourservices {
         padding: 22px 0 50px;
    }
     .login-subinner {
         width: 100%;
    }
     .login-inner {
         padding: 20px;
         min-height: auto;
    }
     .login-section {
         padding: 40px 0;
    }
     .banner-content {
         width: 90%;
    }
     .site-bannersection.subbanner h1 {
         font-size: 34px;
    }
    .abt-cont-inner h4 {
        font-size: 16px;
        margin-bottom: 4px;
        line-height: 24px;
    }
     .abt-cont-inner p {
         font-size: 14px;
    }
     .home-products .ourservices-one {
         width: 100%;
    }
     .login-subinner {
         width: 100%;
    }
     .navbar-nav>li>a {
         padding-top: 12px;
         padding-bottom: 12px;
    }
     .navbar-nav {
         display: inline-block;
         width: 100%;
    }
     .navbar-nav>li {
         display: inline-block;
         width: 100%;
         text-align: left;
    }
     .site-bannersection.subbanner h1 {
         font-size: 40px;
    }
     .banner-content {
         width: 100%;
    }
     .navbar-nav {
         display: inline-block !important;
         width: 100%;
    }
     .contact-us-form {
         width: 100%;
         position: static;
         border-radius: 0;
    }
     .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
         background-color: #375ea9;
    }
     .navbar-default .navbar-toggle {
         border-color: transparent;
         background-color: transparent;
         cursor: pointer;
    }
     .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
         background-color: transparent;
    }
     .navbar-default .navbar-toggle .icon-bar {
         background-color: #fff;
    }
}

 @media only screen and (max-width: 1600px) {
     button.owl-prev {
         left: -5%;
    }
     button.owl-next {
         right: -5%;
    }

    .btn.btnActive {
        margin: 5px 0 0;
    }
}

 @media (min-width: 1024px) and (max-width: 1200px) {
     .form-box {
         width: 100%;
    }
     .box-lbl-select {
         width: 100%;
    }
     .button-inner {
         width: 100%;
         margin: 20px 0 0 0 !important;
    }
     .button-inner .btn {
         display: inline-block;
    }
     .report-detail-secnd .col-md-5 {
         width: 100%;
    }
     .box.report-new {
         float: left;
         width: 100%;
         margin: 0;
         position: inherit;
         height: auto;
         min-height: auto;
    }
     .box.report-box.report-box-new {
         position: inherit;
         width: 100%;
         float: left;
         min-height: auto;
         height: auto;
    }
}

 @media (min-width: 768px) and (max-width: 1023px) {
     .form-box {
         width: 100%;
    }
     .box-lbl-select {
         width: 100%;
         padding: 15px 0 
    }
     .button-inner {
         width: 100%;
         margin: 0 0 0 20px !important;
    }
     .button-inner .btn {
         display: inline-block;
    }
}

 @media only screen and (max-width: 1560px) {
     .form-client-inn .form-group {
         width: 46%;
         margin: 6px 16px;
    }
}

 @media only screen and (max-width: 1880px) {
    #example1 tbody tr td .btn.btnActive {
        margin: 6px 0 0;
    }
}

 @media only screen and (max-width: 1440px) {
     .site-bannersection h1 {
         font-size: 41px;
    }
     .add-formn .form-inline .form-group {
         width: 23%;
         float: none;
         margin: 10px !important;
    }
     button.owl-prev {
         left: -10%;
    }
     button.owl-next {
         right: -10%;
    }
}

 @media only screen and (max-width: 1265px) {
     ul.nav.navbar-nav.navbar-center {
         margin-left: 40px;
    }
     .navbar-header {
         width: 100%;
         display: inline-block;
    }
     .navbar-header {
         width: 100%;
         display: inline-block;
         text-align: center;
    }
     a.navbar-brand {
         margin-left: 0px !important;
         display: inline-block;
         float: none;
         margin: 4px 0 0;
    }
     .navbar-toggle .icon-bar {
         display: block;
         width: 30px;
         height: 4px;
         border-radius: 1px;
         margin: 0 0 5px;
    }
     .navbar-default .navbar-toggle .icon-bar {
         background-color: #fff;
    }
     .site-bannersection.subbanner {
         margin: 80px 0 0;
    }
     .content-wrapper.dash-bg {
         margin: 140px 0 0;
    }
     .box.report-box.report-box-new.live-tracking-left {
         width: 100%;
         height: auto;
         padding-bottom: 30px;
    }
     .box.report-new.live-tracking-right {
         margin-left: 0;
    }
     a.report-detail-coleps.live-tracking-coloups {
         display: none;
    }
     .trip-lefttble {
         width: 100%;
    }
     .trip-rightmap {
         width: 100%;
    }
     .show-table-fullmap, .hide-table-fullmap {
         display: none;
    }
     span.trip-sumrytitle {
         padding-left: 0;
    }
     .searchfilter {
         margin-right: 0;
    }
     .Trip-inner .box {
         height: auto;
    }
     .content-wrapper.add-formninner {
         margin: 140px 0 0;
    }
     section.content.trip-summary {
         margin: 30px 0 0;
    }
     .aaVehicles-outer {
         width: 90%;
    }
     .container1170{
         padding: 0 30px;
    }
     .site-bannersection {
         margin: 70px 0 0;
    }
     .site-bannersecleft {
         font-size: 35px;
         padding: 0;
         width: 100%;
    }
     .site-bannersecright {
         padding: 46px 0 0;
    }
     .site-bannersection {
         text-align: center;
    }
     .site-bannersecleft {
         font-size: 35px;
         padding: 100px 0 0 90px;
         width: auto;
         text-align: center;
    }
     .site-bannersecright {
         padding: 20px 0 0;
         text-align: center;
         width: auto;
         display: inline-block;
         float: none;
    }
     button.owl-prev {
         left: 0%;
    }
     button.owl-next {
         right: 0%;
    }
     .subheader {
         min-height: 280px;
         padding: 170px 0 0;
    }
     .form-client-inn .form-group {
         width: 45%;
         margin: 6px 18px;
    }
}

 @media only screen and (max-width: 1150px) {
     a.navbar-brand {
         margin-left: 35px !important;
    }
     .site-footer-top .col-xs-12.col-sm-3.col-md-9 {
         width: 100%;
    }
     .site-footer-top .col-xs-12.col-sm-2.col-md-3 {
         width: 100%;
    }
     a.navbar-brand {
         margin-left: 35px !important;
    }
     .form-client-inn .form-group {
         width: 100%;
         margin: 0;
    }
}

 @media only screen and (max-width: 1100px) {
     .box.report-new {
         float: left;
         width: 100%;
         margin: 0;
    }
     .box.report-new {
         float: left;
         width: 100%;
         margin: 0;
    }
     .box.report-new {
         float: left;
         width: 100%;
         margin: 0;
         position: inherit;
         height: auto;
         min-height: auto;
    }
     .box.report-box.report-box-new {
         position: inherit;
         width: 100%;
         float: left;
         min-height: auto;
         height: auto;
    }
     .navbar-default .navbar-nav>li>a, .navbar-nav .ancer-button {
         font-size: 14px;
         padding: 10px 20px;
         width: 100%;
         text-align: left;
    }
     .navbar-nav li.last-child {
         margin-left: 10px;
    }
     li.head-user {
         margin: 0 10px;
    }
     .nDash-tiles-inner {
         width: 33%;
    }
     .aVehicles-inner {
         float: none;
         width: auto;
         border-radius: 2px;
         text-align: left;
         display: inline-block;
         margin: 0 50px 0 0;
    }
     .aaVehicles-outer {
         width: 100%;
         text-align: left;
         margin: 15px 0 3px;
    }
}

 @media only screen and (max-width: 900px) {
     ul.nav.navbar-nav.navbar-center {
         margin-left: 0;
    }
     li.logout-btn {
         margin-right: 6px;
    }
     .navbar-nav .ancer-button {
         padding: 22px 4px;
         font-size: 14px;
    }
     li.logout-btn a {
         margin-right: 2px;
    }
     .add-formn .form-inline .form-group {
         width: 100%;
         float: none;
         margin: 0 !important;
    }
}

 @media only screen and (max-width: 800px) {
     a.navbar-brand {
         margin-left: 15px !important;
    }
     a.navbar-brand {
         margin-left: 15px !important;
    }
}

 @media only screen and (max-width: 767px) {
     button.navbar-toggle {
         padding: 8px 8px 4px;
         cursor: pointer;
    }
     .counter-inner {
         width: 100%;
         margin: 0 0 30px;
    }
     .gps-counters {
         padding: 22px 0 15px;
    }
     .head-port {
         font-size: 28px;
    }
     .counter {
         height: 100px;
         width: 100px;
    }
     .counter h2 {
         font-size: 22px;
    }
     .counter span {
         right: 6px;
         top: 37px;
         font-size: 25px;
    }
     .counter-name {
         font-size: 20px;
    }
     li.last-child {
         margin-left: 0;
         background: transparent;
    }
     li.last-child:hover {
         background: transparent;
    }
     .last-child a {
         background: #284479 !important;
         border-radius: 3px;
         width: 96px;
    }
     .last-child a:hover {
         background: #284479 !important;
         border-radius: 3px;
         width: 96px;
    }
     .navbar-default .navbar-nav>li.last-child>a:hover {
         background: #1e4079 !important;
    }
     .last-logo-in {
         float: left;
         margin: 12px 0 4px;
    }
     .site-bannersection.subbanner {
         margin: 60px 0 0;
    }
     ul.nav.navbar-nav.navbar-center {
         margin-left: 40px;
    }
     .container {
         width: 100% !important;
    }
     .navbar-nav>li {
         display: inline-block;
         width: 100%;
         text-align: left;
    }
     ul.nav.navbar-nav.navbar-center {
         margin-left: 0px;
    }
     .navbar-nav .ancer-button {
         padding: 15px 22px;
         font-size: 14px;
    }
     .navbar-nav>li>a {
         padding-top: 12px;
         padding-bottom: 16px;
         padding-left: 5px;
    }
     .right-btn li.head-user {
         width: auto;
         float: left;
         margin-left: 15px;
    }
     .right-btn li.head-user a {
         top: 0;
         width: 125px;
    }
     .right-btn li.logout-btn {
         width: auto;
         float: left;
    }
     .navbar-default {
         border-bottom-left-radius: 0px;
         border-bottom-right-radius: 0px;
    }
     li.logout-btn a {
         top: 0;
    }
     .dash-h .navbar-default {
         background-color: #264c90;
    }
     .logout-btn>li>a {
         padding-top: 14px;
         padding-bottom: 16px;
         padding-left: 0px;
    }
     .navbar-toggle {
         position: relative;
         top: 10px;
    }
    .counter-inner {
        width: 100%;
        margin: 0 0 20px;
    }
     .gps-counters {
         padding: 22px 0 15px;
    }
     .head-port {
         font-size: 28px;
    }
     .counter {
         height: 100px;
         width: 100px;
    }
     .counter h2 {
         font-size: 22px;
    }
     .counter span {
         right: 6px;
         top: 37px;
         font-size: 25px;
    }
     .counter-name {
         font-size: 18px;
    }
     li.last-child {
         margin-left: 0;
         background: transparent;
    }
     li.last-child:hover {
         background: transparent;
    }
     .last-child a {
         background: #284479 !important;
         border-radius: 3px;
         width: 96px;
    }
     .last-child a:hover {
         background: #284479 !important;
         border-radius: 3px;
         width: 96px;
    }
     .navbar-default .navbar-nav>li.last-child>a:hover {
         background: #1e4079 !important;
    }
     .last-logo-in {
         float: left;
         margin: 12px 0 4px;
    }
     .box-lbl-select {
         width: 100%;
         padding: 5px 0;
    }
     .box-lbl-select .control-lable {
         width: 100%;
         margin-bottom: 4px;
    }
     .form-box {
         width: 100%;
    }
     .select-inner {
         width: 100%;
    }
     .button-inner {
         margin: 0;
    }
     .button-inner .btn {
         width: auto;
         margin: 20px 10px 15px 0;
    }
     .report-detail-secnd .select-inner {
         width: 100%;
    }
     .report-detail-secnd .button-inner {
         margin: 0;
    }
     .box.report-box.report-box-new {
         position: static;
         float: left !important;
         width: 100%;
         height: auto;
         min-height: auto;
    }
     .box.report-new {
         float: left;
         width: 100%;
         margin: 0;
    }
     th {
         white-space: nowrap;
    }
     .exportbtn-inner {
         margin: 30px 0 10px;
    }
     a.report-detail-coleps {
         display: none;
    }
     section.content-header {
         margin: 0;
    }
     .after-login.two .footer-links li {
         padding: 0 8px;
    }
     .site-bannersection.subbanner h1 {
         margin: 32px 0 0;
         font-size: 36px;
    }
     .nDash-tiles-inner {
         width: 50%;
    }
     .content-wrapper.dash-bg {
         margin: 90px 0 0;
    }
     .content-wrapper.add-formninner {
         margin: 70px 0 0;
    }
     .subheader {
         min-height: 210px;
         padding: 100px 0 0;
    }
     .form-client {
         width: 90%;
    }
     div#bs-example-navbar-collapse-1 {
         padding-bottom: 20px;
    }
     .navbar-center li:hover {
         background: #133b82;
    }

	.tiles-vimg img {
	    width: 50%;
	}

	.tiles-vimg {
	    top: 40px;
	    right: -35px;
	}

	.live-tracking-h .box.report-box.report-box-new.live-tracking-left {
	    height: auto;
	    margin: 40px 0;
	}


	.counter {
	    height: auto;
	 }

    .btn-outeradd .btn {
        margin: 0 2px;
    }

    .show-inner {
        position: absolute;
        right: 0;
        top: 68px;
    }

    #message p {
        padding: 4px 37px !important;
        font-size: 14px !important;
        font-weight: 600;
        margin: 0 0 4px;
        float: left;
        width: 100%;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #081d4d;
    }

    a.navbar-brand {
        float: left;
    }

    .site-bannersection {
        margin: 50px 0 0;
    }

    .site-bannersection {
        min-height: auto;
        padding: 0;
    }

    .site-bannersecleft {
        font-size: 26px;
    }

    .counter.col_fourth h2 {
        font-size: 18px;
        padding: 4px 0 0;
    }

    .gps-carimg.video1 {
        width: 100% !important;
    }

    .two .footer-links {
        padding-left: 0;
        margin: 20px 0 0;
    }

    .two .footer-links.social-icon li {
        width: auto;
    }

    .two .footer-links {
        margin: 10px 0 0;
    }

    span.login-btn {
        float: left;
        margin: 6px 0 0 20px;
    }

    .y-name, .y-email, .y-phone {
        background-position: 3.8vw center;
    }

    .home-ourservices h1 {
        font-size: 21px;
        margin: 0 0 10px;
    }
    .playstore-btn a {
        display: inline-block;
        margin: 10px 0;
    }
    .playstore-btn a img {
        width: auto;
    }

    .login-menu li.last-child a{
        width: auto;
    }
    .navbar-nav li.last-child {
        margin-left: -76px;
    }
    .banner-content {
        width: auto;
    }
    .site-bannersection.subbanner h1 {
        font-size: 22px;
    }
    .tiles-details i {
        left: 75%;
    }
    .table-responsive{
        border: none;
    }
    li.head-user.profile-user {
        margin: 4px 20px 0 2px;
    }


.Trip-inner.full-table .trip-lefttble {
    width: 100%;
 }

 #searchfilter .modal-dialog {
    width: 100%;
    margin: 120px auto;
}

label.fromdate {
    width: 50%;
}

.trip-period span {
    width: 50%;
    text-align: left;
}

.trip-period {
    display: inline-block;
    width: 100%;
}

span.trip-sumrytitle {
    margin: 0 0 10px;
}

.master-tablegrid {
    display: inline-block;
    width: 100%;
    margin: 40px 0 0;
}

.btnView, .btnView:hover, .btnView:focus{
    width: auto;
}
.btn-outeradd .btn.btn-default{
    margin: 4px;
}

}

 @media (min-width: 768px) {
     .container {
         width: 100%;
    }
}

 @media only screen and (max-width: 479px) {
     div#example1_length {
         width: 100%;
         text-align: left;
         float: left;
         margin-bottom: 10px;
    }
     div#example1_filter {
         width: 100%;
         text-align: left;
    }
}