/*@media only screen and (max-width:1800px) {
	.dealer-form-container .green-btn {
		width: 45%;
		margin-right: 1% !important;
		min-width: 116px;
		padding: 0px 10px;
		max-width: 169px;
	}
}*/
@media only screen and (min-width: 320px) and (max-width: 767px) {

	header.change-password-header {
		height: auto;
	}


	.header-nav > li.search-wrapper {
		display: block;
		position:relative;
	}

	.search-box {
		display: none;
	}

	.header-nav > li > a {
		padding: 5px 8px;
		font-size: 14px;
	}

	.title-breadcrumb{
		display:none;
	}

	.menu-title-breadcrumb {
		max-width: 50%;
	}

	#breadcrumbContainer {
		font-size: 6px;
	}
	.header-nav > li {
/*		margin-top: 10px;*/
		float: none;
		display: inline-block;
	}
/*	.header-nav{
		top:-9px;
	}
*/
	.headertop svg {
		max-width: 15px;
		margin-top: 3px;
		 position: relative; 
	}
	.header-nav > li {
		float: left;
/*		padding: 0px 3px;*/
		position: relative;
	}
	.number{
		right:0px;
		margin-top:0px;
	}
	.headertop{
		height:75px;
	}

	.mainhead {
		font-size: 16px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.UserRole {
		font-size: 7px;
		padding-bottom: 0px;
	}
	.user-name {
		top: 11px;
	}

	.paddinginenr {
		height: 100px;
	}
	.icons {
		height: 70px;
		width: 55px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

	.mainhead{
		font-size:20px;
	}

	#breadcrumbContainer {
		font-size: 7px;
	}

	.header-nav {
		margin-top: 5px;
	}

		.header-nav > li {
			float: left;
			padding: 0px 3px;
			position: relative;
		}
		
}
@media only screen and (min-width: 76px) and (max-width: 1023px) {
	.header-nav > li {
		float: left;
/*		padding: 0px 7px;*/
		position: relative;
	}
}
	@media only screen and (max-width:1600px) {
		.quick-links-text a {
			font-size: 13px;
		}

		.box ul li {
			padding: 10px;
		}

		.alert-icon {
			width: 20%;
		}

		.alert-text {
			width: 80%;
		}

		.quick-links-icon {
			width: 18%;
		}

		.quick-links-text {
			width: 75%;
		}

		.collapseNav .quick-links-icon {
			min-width: 30px;
		}

		.collapseNav .quick-links-ul li {
			padding: 10px 0px !important;
		}

		h2 .quick-link-toggle-icon {
			margin-right: 5px;
		}

		.box h2 { /* font-size:17px; */
		}

		.sign-up {
			margin-top: 70px;
		}

		.expand-text-box {
			width: 150px;
		}

		.steps-container {
			padding-right: 0px;
		}

		.steps-ul li p {
			font-size: 13px;
		}

		.right-menu .dashboard-quick-links, .high-charts-container {
			min-height: 750px;
		}

		.modal {
			z-index: 99999;
		}

		.modal-backdrop {
			z-index: 9999;
		}
	}

	@media only screen and (max-width:1280px) {
		.sign-up {
			margin-top: 10px;
		}

		.right-form form {
			margin-top: 30px;
		}

		.right-form p {
			font-size: 16px;
		}

		.right-menu.collapseNav {
			width: 10%;
		}

		.slider.expand-content {
			width: 90%;
		}

		.date-picker-textbox {
			max-width: 105px;
		}

		.expand-text-box {
			width: 146px;
		}

		.right-menu .dashboard-quick-links, .high-charts-container {
			min-height: 0px;
		}
		#breadcrumbContainer {
			font-size: 9px;
		}
	}

	@media only screen and (max-width:1199px) {
		.table-icons {
			margin-right: 10px;
		}

		.table-container tr td:first-child, .table-container tr th:first-child {
			min-width: 70px;
		}

		.table-container tr td:last-child, .table-container tr th:last-child {
			min-width: 100px;
		}

		.inner-left-content .slider {
			width: 100%;
		}

		.inner-left-content .inner-right-menu {
			width: 100%;
		}

		.inner-right-menu {
			margin-top: 20px;
		}

			.inner-right-menu .quick-links-icon {
				width: 25%;
				max-width: 55px;
			}

			.inner-right-menu .alert-icon {
				width: 20%;
				max-width: 55px;
			}

			.inner-right-menu h2 span {
				display: block !important;
				position: absolute;
				top: 39px;
				padding-left: 50px;
				z-index: 99;
			}

			.inner-right-menu .box ul li {
				padding: 20px 25px;
			}

		.steps-ul {
			width: 104%;
		}

		.dealer-form-container .green-btn {
			font-weight: 500;
			font-size: 16px;
		}
	}

	@media only screen and (max-width:1024px) {
		.no-record-container {
			height: auto;
			min-height: inherit;
		}

		.dealer-form-container .green-btn {
			min-width: 120px;
			max-width: 127px;
		}
	}

	@media only screen and (max-width:992px) {
		.dms-head {
			font-size:28px;
		}

		.login-container h1 {
			font-size: 26px;
			font-weight: 700;
		}

		.form-container {
			width: 80%;
			margin-left: 10%;
			max-width: none;
		}

		.error-message {
			position: static;
		}

		.right-form footer p {
			width: 100%;
			padding: 0px;
			padding-left: 10%;
		}

		.box {
			margin: 20px 0px;
		}

		.alert-icon {
			width: 10%;
		}

		.quick-links-text a {
			font-size: 17px;
		}

		.quick-links-icon {
			width: 10%;
		}

		.dashboard-logo-container {
			text-align: center;
		}
		.headertop svg {
			max-width: 25px;
			top: -18px;
			margin-top: 10px;
			position: relative;
		}
		.header-nav > li {
			/*float: none;*/
			display: inline-block;
		}

		/*.UserRole {
			font-size: 15px;*/
			/* padding-bottom: 20px; */
			/* top: -56px; */
			/*top: -27px;
			left: 128px;
		}*/

		.UserRole {
			font-size: 14px;
			/* padding-bottom: 20px; */
			/* top: -56px; */
			top: 4px;
			left: -14px;
		}
		.number {
			margin-top: -13px;
		}
/*		.caret {
			top: -14px;
		}*/

		.header-nav {
			/*float: none;*/
			/*display: inline-block;*/
		}

		.upper-side-nav {
			/*text-align: center;*/
			margin: 10px 0px;
		}

		header {
			height: 112px;
		}

		header.change-password-header {
			height: auto;
		}

		.main-content {
			margin-top: 112px;
		}

		.upper-area {
			float: none;
		}

			.upper-area .toggle-button {
				float: left;
			}

		.carousel-inner > .item {
			min-height: 263px;
		}

		footer {
			width: 100%;
			float: left;
		}

		.toggle-button {
			width: auto;
			float: right;
		}

		#content-area {
			margin-left: 0px;
		}

		.side-nav, .side-nav > ul {
			width: 0px;
			overflow: hidden;
		}

		#content-area.push-right {
			margin-left: 0px;
		}

		.show-nav {
			width: 272px !important;
		}

			.show-nav .side-menu {
				width: 100%;
			}

		.side-nav {
			top: 0px;
			padding-top: 142px;
			height: 100%;
			overflow: auto;
		}

		.lower-area {
			width: 100%;
			float: left;
		}

		.carousel-caption h3 {
			font-size: 17px;
			font-weight: 400;
		}

			.carousel-caption h3 br {
				display: none;
			}

		.carousel-caption {
			width: 100%;
			left: 0px;
			right: inherit;
		}

		.carousel-control img {
			top: 20%;
		}

		header {
			z-index: 9999;
		}

		.right-menu.collapseNav {
			width: 100%;
		}

		.slider-container {
			margin-bottom: 0px;
		}

		.slider {
			margin-bottom: 20px;
		}

		.agreement-textbox {
			margin-bottom: 15px;
		}

		#newCampaignModal {
			padding-right: 0px;
		}

			#newCampaignModal .modal-dialog {
				width: 90%;
				margin: 0px auto;
			}

		#tabEditModal .modal-dialog {
			width: 90%;
			margin: 0px auto;
		}

		#tabEditModal .modal-body {
			padding: 20px;
		}

		.table-responsive {
			border: 0px;
		}

		#tabEditModal .text-box {
			margin-bottom: 45px;
		}
	}

	@media only screen and (min-width:993px) and (max-width:1199px) {
		.slider {
			width: 65%;
		}

		.right-menu {
			width: 35%;
		}

		h2 .quick-link-toggle-icon {
			margin-right: 5px;
		}

		.content-container .col-md-9 {
			width: 65%;
		}

		.content-container .col-md-3 {
			width: 35%;
		}
	

	}


	@media only screen and (max-width:768px) {
		.dms-head {
			font-size: 22px;
		}

		.login-container h1 {
			font-size: 24px;
		}
	}

	@media only screen and (max-width:767px) {

		.login-wrapper {
			flex-wrap: wrap;
			overflow:auto;
		}
		.login-left {
			flex: 1 0 100%;
		}
		.login-logo {
			max-width: 180px;
		}
		.login-image {
			display: none;
		}
		.login-right {
			flex: 1 0 100%;
			align-content:normal;
		}
		.dms-head {
			font-size: 22px;
			position: static;
			padding: 0;
			margin-bottom: 15px;
		}

		.quick-links-icon {
			width: 50px;
		}

		.alert-text {
			padding-left: 10px;
		}

		.left-bg {
			height: auto;
			padding-bottom: 78px;
		}

		.logo-container {
			position: static;
			transform: translate(0px, 0px);
		}

			.logo-container img {
				width: 134px;
			}

		.cdms-container {
			padding-top: 11px;
			padding-right: 0px;
		}

		.form-container {
			width: 100%;
			margin-left: 0px;
			position: static;
			transform: translate(0px, 0px);
			padding: 40px 0px;
		}

		.right-form h1 {
			font-size: 30px;
			font-weight: 500;
			margin-bottom: 15px;
		}

		.right-form form {
			margin-top: 30px;
		}

		.green-btn {
			display: inherit;
			margin: 0px auto;
			float: none;
		}

		.sign-up {
			width: 100%;
			float: left;
			margin-top: 20px;
			text-align: center;
		}

		.right-form footer p {
			text-align: center;
			padding-left: 0px;
			position: static;
			font-size: 12px;
		}

		.right-form footer {
			margin-top: 30px;
		}

		.login-section .container-fluid, .login-section .container-fluid .row {
			height: auto;
		}

		.login-section {
			height: auto;
		}

		.left-bg {
			width: 100%;
			position: relative;
		}

		.upload-image-container {
			width: 100%;
			text-align: center;
			margin-bottom: 30px;
		}

		.dealer-form-container .section-heading {
			text-align: center;
			margin-bottom: 10px;
		}

		.dealer-form-container .green-btn {
			margin: 0px auto !important;
			margin-bottom: 15px !important;
			width: 169px;
		}

		.col-sm-12 {
			width: 100%;
			float: left;
		}

		.text-box {
			font-size: 15px;
		}

		.dealer-form-container {
			padding: 0px 0px 40px 0px;
		}

		.upper-area p.pull-left {
			font-size: 13px;
			width: 85%;
			line-height: normal;
			position: relative;
			top: 14px;
		}

		.steps-container {
			padding-right: 0px;
			overflow: auto;
			padding-bottom: 20px;
		}

		.steps-ul {
			width: 1430px;
			margin-left: -90px;
		}

		.green-btn {
			line-height: 52px;
		}

		.inner-right-menu h2 span {
			top: 58px;
		}

		.no-record-section {
			padding: 30px 0px;
		}

		.end-date, .start-date {
			width: 100%;
			margin-bottom: 15px;
			float: left;
		}

		span.to {
			margin: 0px;
		}

		.date-container {
			width: 100%;
		}

			.date-container span {
				width: 10%;
				display: inline-block;
			}

			.date-container label {
				width: 10%;
			}

		.date-picker-textbox {
			max-width: 75%;
			width: 80%;
		}

		.date-container .transparent-btn {
			margin-left: 0px;
			margin: 0px auto;
			width: 111px;
			float: none;
			display: inherit;
		}

		.search-section-container {
			padding: 20px;
		}

		.section-heading {
			width: 100%;
			float: left;
			margin-bottom: 20px;
		}

		.table-top-section-ul {
			position: relative;
			width: 100%;
		}

		.inner-text-box {
			position: absolute;
			bottom: -44px;
		}

		.expand-text-box {
			width: 98%;
		}

		.table-heading {
			padding-bottom: 40px;
		}
		/*.table-container .table th{ display:none;}
		 .table-container td:nth-of-type(2):before {  content: "Dealer Code";}
		 .table-container td:nth-of-type(3):before {  content: "Dealer Name";}
		 .table-container td:nth-of-type(4):before {  content: "Mobile Number";}
		 .table-container .campaign-table td:nth-of-type(2):before {  content: "System Code";}
		 .table-container .campaign-table td:nth-of-type(3):before {  content: "Name";}
		 .table-container .campaign-table td:nth-of-type(4):before {  content: "Short Name";}
		 .table-container td:before { position: absolute; top: 11px;left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight:600;}
		 .table-container .table td { border: none;  border-bottom: 1px solid #eee; position: relative; border:none; font-size:13px; padding-top:32px; }
		 .table-container .table{ width:100%; float:left;}
		 .table-container tr td:first-child, .table-container tr th:first-child{ text-align:left;}
		 .table-container .table td:first-child{ padding-left:10px; width:10%; vertical-align:top; min-width:10px;}
		 .table-container td:nth-of-type(2){ width:100%; float:left; clear:both;}
		 .table-container td:nth-of-type(3){ width:100%; float:left; clear:both; }
		 .table-container td:nth-of-type(4){ width:100%; float:left; clear:both;}
		 .table-container td:last-child{ width:20%; vertical-align:top; padding-left:20px;}
		 .table-container .table tr{ border-bottom:1px solid #ccc;}*/
		.modal-dialog {
			width: 90%;
			margin: 0px auto;
		}

		.popup-ul li {
			width: 50%;
			float: left;
			margin: 0px;
		}

		.file-upload span, .drag-drop label {
			font-size: 12px;
		}

		.popup-ul {
			width: 50%;
		}
		/*.table-container [type="checkbox"]:not(:checked) + label, .table-container [type="checkbox"]:checked + label{ top:-26px;}
		 .table-icons{ margin-top:-26px;}*/
		.search-section-container .visible-xs {
			margin-bottom: 20px;
		}

		.table-heading {
			padding: 20px 0px 40px 0px;
		}
		/*		 .table-section [type="checkbox"]:not(:checked) + label:before,.table-section [type="checkbox"]:checked + label:before { border:2px solid #9b9b9b;}
		.table-section [type="checkbox"]:not(:checked) + label:after,.table-section [type="checkbox"]:checked + label:after {color:#9b9b9b;}*/
		.login-container {
			box-shadow: none;
		}

		.login-container {
			padding: 0px;
		}

		.footerP {
			width: 100%;
			float: left;
			margin-top: 20px;
			margin-bottom: 50px;
		}

		.top-header img {
			max-width: 192px;
		}

		.login-container p {
			line-height: 1.5;
		}

		.login-container form {
			margin-top: 20px;
		}

		.form-group .col-sm-6:first-child {
			width: 100%;
			float: left;
			margin-bottom: 15px;
		}

		.form-group .col-sm-6 {
			width: 100%;
			float: left;
		}

		.big-modal .green-btn {
			margin-right: 10px;
			margin: 0px auto;
			margin-bottom: 13px;
		}

		header {
			height: 142px;
		}

		.header-nav > li:first-child {
			position: static;
		}

		.header-nav .inner-text-box {
			left: 0px;
			bottom: -22px;
		}

		.main-content {
			margin-top: 142px;
		}

		.big-modal .modal-body {
			padding-left: 20px;
			padding-right: 20px;
		}

		.upload-modal .modal-header h4 {
			text-align: left;
		}

		.table-container {
			overflow: auto;
			width: 100%;
		}

		.table {
			min-width: 900px;
		}
	}

	@media only screen and (max-width:480px) {
		.alert-text p {
			font-size: 15px;
		}

		.no-record-container .section-heading {
			width: 100%;
			margin-bottom: 15px;
		}

		.date-container span, .date-container label {
			width: 17%;
		}

		.date-picker-textbox {
			width: 60%;
		}

		.table-top-section-ul li a span {
			font-size: 13px;
		}

		.table-top-section-ul li {
			margin: 0px 5px;
		}

		.table-container .table td:first-child {
			width: 18%;
		}

		.table-icons {
			margin-right: 3px;
		}

		.popup-ul {
			width: 100%;
		}

		.login-container .login-btn {
			width: 100%;
		}

		.nav-tabs > li {
			width: 100%;
		}
	}


	@media only screen and (max-height:510px) and (min-width:1024px) {
		.left-bg {
			position: fixed;
		}

		.right-form {
			float: right;
		}

		.form-container {
			position: static;
			transform: translate(0, 0);
		}

		.right-form footer {
			margin-top: 30px;
		}

			.right-form footer p {
				position: static;
			}

		.login-section .container-fluid, .login-section .container-fluid .row {
			height: auto;
		}
	}


	#mobileMenuButton {
		display: none;
		background: #ffffff;
		/* color: white; */
		padding: 3px 15px;
		border: none;
		cursor: pointer;
		font-size: 18px;
		border-radius: 5px;
	}

	@media screen and (max-width: 768px) {

		#mobileMenuButton {
			display: block;
		}

		.nav-items {
			display: none;
		}

/*		.header-nav > li {
			display: none;
		}
*/
		.number {
/*			margin-top: 184px;*/
			left: 22px;
		}

		.UserRole {
			font-size: 14px;
			padding-bottom: 20px;
			top: -56px;
			top: -10px;
			left: 4px;
		}

		.headertop svg {
			top: -5px;
		}

		.header-nav .caret {
			position: unset;
		}

		.headertop {
			top: 0px;
		}

		#mobileMenu {
			display: none;
			position: absolute;
			background: white;
			box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
			border-radius: 5px;
			min-width: 200px;
			padding: 10px;
			z-index: 1000;
			top: 50px;
			right: 10px;
		}

			#mobileMenu.show {
				display: block;
			}

		.menuToggle .headertop {
			width: 89%;
		}
	}