/*@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 (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;
	}
}

@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) {
	.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;
	}

	.header-nav > li {
		float: none;
		display: inline-block;
	}

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

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

	header {
		height: 112px;
	}

	.user-name {
		display: none;
	}

	.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:767px) {
	.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: 30px;
	}

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

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