/* Custom, iPhone Retina */
@media only screen and (min-width :320px){	
	/* .main-cnt {
		width: 95%;
	} */
	img.login-img {
		margin-bottom: 40px;
	}
	.logo-cnt img{
		width: 107%;  	
	}
	.login-submit{
		width: 100%;
	}
	.main-cnt form .login-img {
	  margin-top: -31px;
      margin-bottom: 20px;
	}
}
@media only screen and (max-width :767px) {
	body {
		background-attachment: fixed;
	}
	#page-wrapper {
		margin-top: 185px;
	}
	.input-lg {
		font-size: 16px;
	}
	.login-submit {
		font-size: 21px;
	}	
	ul.welcome-cnt {
		float: none;
		height: 64px;
	}
	ul.welcome-cnt li {
		font-size: 14px;
	}
	ul.welcome-cnt li.lock-cnt {
		height: 80%;
		float: right;
	}
	.navbar-toggle {
		margin: 8px 0;
	}
	.navbar-toggle .icon-bar {
		background: #D66122;
	}
	.navbar-nav {
		margin: 0;
		border-top: 2px solid #D66122;
	}
	#navbar .navbar-nav li {
		width: 100%;
		height: 50px;
		border-right: 0;
		border-bottom: 1px solid #D66122;
	}
	#navbar .navbar-nav li a {
		height: 50px;
	}
	#navbar .navbar-nav li a:hover {
		background: #ccc;
	}
	#navbar .navbar-nav li.active a > .hover-el, #navbar .navbar-nav li a:hover > .hover-el {
		display: none;
	}	
	.navbar-inverse .navbar-toggle {
		background-color: #333;
	}
	.user-cnt {
		height: 46px;
	}
	.main-cnt {
		top: 5%;
		margin: 0px auto 0;
	}
	.btn {
		margin-bottom: 15px;
	}
	.border-rht:after {
		content: none;
	}
	.border-rht {
		margin-bottom: 15px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
	.pg-heading {
		font-size: 26px;
	}
	.type-title {
		font-size: 24px;
	}
	.name-table-cnt {
		padding: 30px 15px 10px;
	}
	.name-table-cnt h3 {
		font-size: 21px;
	}
	.name-table-cnt .btn-style {
		font-size: 18px;
	}
	.name-table-cnt label {
		text-align: left;
	}
	.number-plate {
		font-size: 48px;
	}	

    .navbar-nav > li {
  max-width: 100% !important;
  width: 100%;
  text-align: center;
}

    .main-wrapper.mt100 {
  margin: 25px;
}
    .parking-check-cnt {
        margin:0;
    }
    .login-cnt-onp {
  margin: 0 10%;
}
    .btn-login {
        width:100%;
    }

    .heading {

      margin-bottom: 20px;
      text-align: center;
    }
    iframe .jx_ui_Widget {
      display: none;
    }
    .zopim {
      display: none;
    }
    .navbar-header.custom-ui{
        padding-left:15px;
    }
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px){
	/* .main-cnt {
		width: 70%;
	} */
	.main-cnt form .login-img {
	  margin-top: -14px;
	}
	.login-submit{
		width: 290px;
	}
	.login-img img{
		max-width: 100%;
		width: auto; 
	}
	img.login-img {
		margin: 0 auto 30px;
	}
	.fixed-bottom {
		position: fixed;
		bottom: 0;
		width: 100%;
		background: #fff;	
	}
	.navbar-brand {
		padding: 0 15px;
	}
    .navbar-header.custom-ui{
        display:block;
        width:100%;
        border-bottom: 3px solid #ccc;
        margin-bottom: 15px;
    }
    .navbar-header.custom-ui .navbar-brand{
        max-width:180px;
        margin-bottom:10px;
        margin-top:-13px;
    }
    .navbar-header.custom-ui .navbar-brand img{
        max-width:100%;
        height:auto;
    }
    .navbar-header.custom-ui .time-txt{
        left:auto;
        right:15px;
        top:18px;
    }
}

@media only screen and (max-width : 1024px){	
	.navbar-brand > img{ 
		height: 60px;
}
.navbar-nav > li {
    max-width: 88px;
    
}
.time-txt {
 
  left: 250px;

  top: 50px;
}
	  
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){	
	.add-new-btn { 
	  margin-top: 10px !important;
}

	
}
@media (min-width: 993px) and (max-width: 1200px) {
	#navbar .navbar-nav li a {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 13px;
	}
	.border-rht::after {
		right: 15px;
		height: 210px;
	}
}
@media (min-width: 768px) and (max-width: 1200px) {
	.border-rht::after {
		right: 15px;
	}
	.number-plate {
		font-size: 150px;
	}

.navbar-nav > li > a{ 
	  padding: 0 5px;
	}


 .heading{
 	margin-bottom: 20px;
 }

.table-responsive .table{ margin-bottom: 0 !important;}
}



/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){
	/* .main-cnt {
		width: 40%;
	} */
}


/*-Responsive Table-*/
.responsive-table, .responsive-table table {
    margin: 1em 0;
    /*min-width: 300px;*/
}

.responsive-table.tbl-m0, .responsive-table.tbl-m0 table {
    margin: 0;
}

.responsive-table > tbody > tr > td, .responsive-table table > tbody > tr > td {
    font-weight: 500;
}

.responsive-table > tbody > tr > tr, .responsive-table table > tbody > tr > tr {
    border-bottom: 1px solid #999;
}

.responsive-table > tbody > tr > th, .responsive-table table > tbody > tr > th {
    display:none;
}

    /*
.responsive-table th {
 display: none;
 border: none !important;
}
*/
.responsive-table > tbody > tr > td, .responsive-table table > tbody > tr > td {
    display: block;
    border: none !important;
}

.responsive-table > tbody > tr > td > a:not(.btn-a, .btn) {
    display: inline !important;
}

.responsive-table > tbody > tr > td:first-child, .responsive-table table > tbody > tr > td:first-child {
    padding-top: .5em;
}

.responsive-table > tbody > tr > td:last-child, .responsive-table table > tbody > tr > td:last-child {
    padding-bottom: .5em;
}

.responsive-table > tbody > tr > td:before, .responsive-table table > tbody > tr > td:before {
    content: attr(data-th) " ";
    font-weight: bold;
    width: 7.5em;
    display: inline-block;
    margin-right: 15px;
}

.responsive-table > tbody > tr > th, .responsive-table > tbody > tr > td, .responsive-table table > tbody > tr > th, .responsive-table table > tbody > tr > td {
    text-align: left;
}

.responsive-table > tbody > tr > th.text-center, .responsive-table > tbody > tr > td.text-center,
.responsive-table table > tbody > tr > th.text-center, .responsive-table table > tbody > tr > td.text-center {
    text-align: center;
}


@media (min-width: 1025px) {
    .responsive-table > tbody > tr > td:before, .responsive-table table > tbody > tr > td:before {
        display: none;
    }

    .responsive-table > tbody > tr > th, .responsive-table > tbody > tr > td,
    .responsive-table table > tbody > tr > th, .responsive-table table > tbody > tr > td {
        display: table-cell;
        padding: .25em .5em;
        border-top: 1px solid #ddd;
    }

        .responsive-table > tbody > tr > th:first-child, .responsive-table > tbody > tr > td:first-child,
        .responsive-table table > tbody > tr > th:first-child, .responsive-table table > tbody > tr > td:first-child {
            padding-left: 0;
        }

        .responsive-table > tbody > tr > th:last-child, .responsive-table > tbody > tr > td:last-child,
        .responsive-table table > tbody > tr > th:last-child, .responsive-table table > tbody > tr > td:last-child {
            padding-right: 0;
        }
    .responsive-table > tbody > tr > th, .responsive-table > tbody > tr > td,
    .responsive-table table > tbody > tr > th, .responsive-table table > tbody > tr > td {
        padding: 1em !important;
    }
}