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