html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; 	padding: 0; border: 0; 	font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;font-family: "Roboto Slab", serif!important;   font-style: normal; height:100%;padding-bottom:30px!important;}
ol, ul {list-style: none;}
a {text-decoration:none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse; border-spacing: 0;}
a:hover, a:focus {text-decoration:none!important; outline:none!important;}
html {	min-height: 100%;	position: relative;	background: #ebf0fb}
header {background:#fff;border-bottom:#ccc solid 1px;}
.logo {width:400px;}
.logo.logo2 {text-align:right;padding-top:5px;}
.logo.logo2 ul li {margin-left:10px;display:inline-block;vertical-align:middle;}
.logo.logo2 img {float:right;}
.logo h2 {font-size:35px;color:#082c84;font-weight:900;line-height:23px;padding-top:15px;}
.logo h2 span {font-size:20px; color:#1a1a1a; font-weight:700;}
.logo img {float:left;}
.common-padding {padding:40px 0;}
.main-container {max-width:1600px;margin:auto;padding:0 15px;}
.top-header {display:flex; justify-content:space-between;padding:10px 0 5px;}
.project-name h1 {    font-size: 55px;    color: #082c84;    font-weight: 900;    text-align: right;    padding-top: 12px;    line-height: 24px;}
.project-name h1 span {    font-size: 20px;    color: #1a1a1a;    font-weight: 700;    text-align: right;}

.banner-section {margin:0; padding:0; display:block;height:400px;background:url(../images/banner-image.jpg); background-position:left top; background-size:cover;}
.banner-content {display:flex; justify-content:space-between;padding:10px 0;align-items:center;}
.right-banner-side {padding-top:10px;}
.right-banner-side img {max-width:350px;}
.left-banner-side {text-align:center;width:75%;}
.left-banner-side h2 {font-size:55px; color:#fff;line-height:65px;}
.left-banner-side h2 strong {font-weight:700;letter-spacing:1px;}

.intro-content {display:flex;flex-direction:row;justify-content:space-between}
.intro-leftside-box {flex:0 0 60%; }
.common-h2-heading h2 {font-size:30px; color:#082c84;font-weight:700;position:relative;letter-spacing:1px;padding-bottom:10px;margin-bottom:20px;}
.common-h2-heading h2:after {content:""; position:absolute; left:0; bottom:0; width:120px; height:3px;background:#082c84;} 
.intro-leftside-box p {color:#1e1e1e; font-size:18px; line-height:30px;text-align:justify;margin-bottom:20px;}
.intro-rightside-box {flex:0 0 37%;}

.user-login-list {display:flex; flex-direction:row;justify-content:space-between}
.user-login-list li {flex:0 0 48%;}

.login-box{background: #092E89; background: linear-gradient(90deg, rgba(9, 46, 137, 1) 0%, rgba(60, 110, 231, 1) 100%);padding:30px 15px;border-radius:10px;display:flex;
justify-content:start;flex-direction:column;align-items:center;box-shadow:#d4d4d4 7px 7px 3px}

.login-box:hover {background: linear-gradient(90deg, rgba(60, 110, 231, 1) 0%, rgba(9, 46, 137, 1) 100%);}
.login-box span {margin-bottom:20px;}
.login-box h3 {    color: #fff;    font-weight: 400;    font-size: 30px;    letter-spacing: 1px;}

.login-box.login-box2	{background: #8C153F;background: linear-gradient(90deg, rgba(140, 21, 63, 1) 0%, rgba(194, 31, 89, 1) 100%);}
.login-box.login-box2:hover {background: linear-gradient(90deg, rgba(194, 31, 89, 1)  0%,  rgba(140, 21, 63, 1) 100%);}

.warning-sec {background:#f3f8fe;box-shadow:rgba(0, 0, 0, 0.2) 0 0 15px;}
.warning-content {display:flex;flex-direction:row;justify-content:space-between}
.warning-content p {color:#1e1e1e; font-size:20px; line-height:40px;text-align:justify;margin-bottom:20px;}
.warning-content p  strong {font-weight:700;}
.warning-leftside-box {flex:0 0 70%; }

.warning-rightside-box {flex:0 0 30%; text-align:center;}
.warning-rightside-box img {max-width:230px;}

.main-footer {background:#04216b;padding:15px 0;position:absolute; left:0; right:0; bottom:0;}
	.main-footer p {
		color: #fff;
		font-size: 15px;
		
		justify-content: center;
		display: flex;
		width: 100%;
	}
.introduction-sec {background: #fff;}


.log-in-img {max-width:600px;}
.login-sec {display:flex;align-items:center;}
.login-bx {padding-top:150px;}
    .login-bx.registr-sc {
        padding-top: 50px;
    }
.log-in-home {display:flex;justify-content:space-between;width:100%!important;}
.login-leftside-sec, .login-rightside-sec {
	flex: 0 0 50%;
}
.text-center {text-align:center;}
.login-rightside-sec .loginBodyContainer {	width: 90%;	background: #fff;	box-shadow: #a3a3a3 0 0 10px;overflow:hidden;}
	.login-rightside-sec .loginBodyContainer .heading1 {	padding:15px 25px;	background: #04216b;		font-family: "Roboto Slab", serif !important;
		color: #fff;		text-transform: capitalize;		font-weight: 500;font-size:20px;			letter-spacing: 1px;	}
.RLRow1 {font-weight: 600;font-size:18px!important;}
.inner-log-in-page {padding:30px;}
.RLRow1.mb-4 {margin-bottom: 30px;}
span.capImg img {height: 36px;width:200px;margin:0 10px;}
.log-btn.home-btnn {
	font-size: 19px;
	display: inline-block;
	padding: 8px 30px;
	line-height: 28px;
	background: #8c153f;font-weight:400;
}
.log-btn {
	padding: 10px 30px;
	font-size: 20px;
	background: #04216b;
	border-radius: 10px;
	color: #fff;
	cursor: pointer;
	border: 0;
}
	.log-btn.download-btn {
		background: #e00130
	}
	.log-btn:hover {background: #3f51b5	}
.msg-p {font-size:14px;}
.row-lab .label {width:100%; display:inline-block;}
.mb-2 {margin-bottom:10px;}

input {box-sizing:border-box;}
.userBox1 {width: 100%!important;}
.d-flex {display:flex;}

.flex {flex:0 0 50%;}

span.capImg {
	display: inline-block;
	width: 70%;
	vertical-align: top;
}
input#ContentPlaceHolder1_btnRefresh {float: right;}
.verify-otp {display:flex;justify-content:space-between;}
.otpVerifyContainer.btn-width {
	width: 30%;text-align:right;
}
	.otpVerifyContainer.btn-width .log-btn {
		font-size: 15px;
	}

.com-heading {text-align:center;font-size: 35px;	color: #082c84;	font-weight: 800;margin-bottom:35px;padding-bottom:10px;position:relative}
	.com-heading:after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;bottom:0;
		margin: auto;
		width: 100px;
		height: 4px;
		background: #082c84;
	}
	.com-heading.com-heading2 {
		text-align: center;
		font-size: 30px;
		color: #082c84;
		font-weight: 800;
		margin-bottom: 0px;
		padding-bottom: 0;
		position: relative
	}
	.com-heading.com-heading2:after {display:none;}

	.aboutDiv .heading1 {
		padding: 15px 25px;
		background: #04216b;
		font-family: "Roboto Slab", serif !important;
		color: #fff;
		text-transform: capitalize;
		font-weight: 500;
		font-size: 25px;
		letter-spacing: 1px;
		box-sizing: border-box;
		width: 100%;
	}
.aboutDiv.abt-sec {
	overflow: hidden;
	border-radius: 10px 10px 0 0;
	box-shadow: #a3a3a3 0 0 10px;padding:0;
}

	.aboutDiv.abt-sec .aboutTextContainer {
		background: #fff;position:relative;padding:20px;
		
	}
		.aboutDiv.abt-sec .aboutTextContainer:after {
			content: "";
			position: absolute;
			right: -15px;
			bottom: -15px;
			height: 100px;
			width: 100px;
			transform: rotate(-45deg);
			opacity: .12;
			background-position: right bottom;
			background-size: contain;
			background-image: url('../images/fir-doc.png');
		}
			.aboutDiv.abt-sec p {
		font-size: 27px;
		line-height:50px;
		color: #000;
		font-weight: 500;
	
		text-align: justify;
	}
		.aboutDiv.abt-sec p strong {
			font-weight: 900;
		}

.public-modules ul {display:flex; justify-content:space-between;flex-wrap:wrap;}
	.public-modules ul li {
		flex: 0 0 49%;
		background: #000;
		border-radius: 10px;
		margin-bottom: 15px;
		box-shadow:#a7a4a4 5px 5px 4px}
		.public-modules ul li a {
			padding: 10px 12px;
			display: flex;
			align-items: center;
		}
			.public-modules ul li a strong {
				color: #fff;
				text-shadow: #000 1px 1px 2px;
				font-size: 25px;
				padding-left: 11px;
			}


		.public-modules ul li:first-child {
			background: #bd6b08;
			background: linear-gradient(275deg,rgba(189, 107, 8, 1) 0%, rgba(244, 149, 29, 1) 100%);
		}
		.public-modules ul li:first-child:hover {
			background: #bd6b08;
			background: linear-gradient(275deg, rgba(244, 149, 29, 1) 0%, rgba(189, 107, 8, 1) 100%);
		}

		.public-modules ul li:nth-child(2) {
			background: #8C153F;
			background: linear-gradient(275deg, rgba(140, 21, 63, 1) 0%, rgba(189, 57, 103, 1) 100%);
		}
			.public-modules ul li:nth-child(2):hover {
				background: #8C153F;
				background: linear-gradient(275deg, rgba(189, 57, 103, 1) 0%, rgba(140, 21, 63, 1) 100%);
			}

		.public-modules ul li:nth-child(3) {
			background: #104675;
			background: linear-gradient(275deg, rgba(16, 70, 117, 1) 0%, rgba(39, 108, 168, 1) 100%);
		}

			.public-modules ul li:nth-child(3):hover {
				background: #104675;
				background: linear-gradient(275deg, rgba(39, 108, 168, 1) 0%, rgba(16, 70, 117, 1) 100%);
			}


		.public-modules ul li:nth-child(4) {
			background: #9fb825;
			background: linear-gradient(90deg, rgba(159, 184, 37, 1) 0%, rgba(99, 118, 5, 1) 100%);
		}

			.public-modules ul li:nth-child(4):hover {
				background: #9fb825;
				background: linear-gradient(90deg, rgba(99, 118, 5, 1) 0%, rgba(159, 184, 37, 1) 100%);
			}


		.public-modules ul li:nth-child(5) {
			background: #1E1E1E;
			background: linear-gradient(90deg, rgba(75, 75, 76, 1) 0%, rgba(30, 30, 30, 1)100%);
		}

			.public-modules ul li:nth-child(5):hover {
				background: #1E1E1E;
				background: linear-gradient(90deg, rgba(30, 30, 30, 1) 0%, rgba(75, 75, 76, 1)100%);
			}

		.public-modules ul li:nth-child(6) {
			background: #22B8C7;
			background: linear-gradient(90deg, rgba(34, 184, 199, 1) 0%, rgba(2, 94, 99, 1) 100%);
		}

			.public-modules ul li:nth-child(6):hover {
				background: #22B8C7;
				background: linear-gradient(90deg, rgba(2, 94, 99, 1) 0%, rgba(34, 184, 199, 1) 100%);
			}

		.public-modules ul li:nth-child(8) {
			background: #6a90f7;
			background: linear-gradient(90deg, rgba(106, 144, 247, 1) 0%, rgba(57, 109, 255, 1) 100%);
		}

			.public-modules ul li:nth-child(8):hover {
				background: #6a90f7;
				background: linear-gradient(90deg, rgba(57, 109, 255, 1) 0%, rgba(106, 144, 247, 1) 100%);
			}

		.public-modules ul li:nth-child(9) {
			background: #3860c7;
			background: linear-gradient(90deg, rgba(56, 96, 199, 1) 0%, rgba(4, 33, 107, 1) 100%);
		}

			.public-modules ul li:nth-child(9):hover {
				background: #3860c7;
				background: linear-gradient(90deg, rgba(4, 33, 107, 1) 0%, rgba(56, 96, 199, 1) 100%);
			}

		.public-modules ul li:nth-child(11) {
			background: #BF93FE;
			background: linear-gradient(90deg, rgba(191, 147, 254, 1) 0%, rgba(136, 115, 246, 1) 100%);
		}

			.public-modules ul li:nth-child(11):hover {
				background: #BF93FE;
				background: linear-gradient(90deg, rgba(136, 115, 246, 1) 0%, rgba(191, 147, 254, 1) 100%);
			}

		.public-modules ul li:nth-child(7) {
			background: #D24D51;
			background: linear-gradient(90deg, rgba(210, 77, 81, 1) 0%, rgba(97, 27, 68, 1) 100%);
		}

			.public-modules ul li:nth-child(7):hover {
				background: #D24D51;
				background: linear-gradient(90deg, rgba(97, 27, 68, 1) 0%, rgba(210, 77, 81, 1) 100%);
			}

		.public-modules ul li:nth-child(10) {
			background: #79DCB0;
			background: linear-gradient(90deg, rgba(121, 220, 176, 1) 0%, rgba(23, 74, 113, 1) 100%);
		}

			.public-modules ul li:nth-child(10):hover {
				background: #79DCB0;
				background: linear-gradient(90deg, rgba(23, 74, 113, 1) 0%, rgba(121, 220, 176, 1) 100%);
			}








.public-modules ul li a span {
	background: #fff;
	box-shadow: #000 0 0 5px;
	height: 70px;
	width: 70px;
	padding: 10px 8px;
	box-sizing: border-box;
	border-radius: 10px;
	text-align: center;
}
				.public-modules ul li a span img{max-width:50px;}
.pad-top-side {padding-top:100px;}
.top-side-pad {padding-top:50px;}
.pad-20 {padding:20px!important;}

.bot-img {
	position: fixed;
	right: 0;
	bottom: 0;
	opacity: .1;
	z-index: -1;
}
	.bot-img img {max-width:400px;}

.regis-fir, .regis-fir .registerTabContainer {	width: 100% !important;	background-image: none !important;padding:0;}

#ContentPlaceHolder1_UpdatePanel1.tab-sec-bg {
	padding: 20px;
	background: #fff;
	box-shadow: #9f9f9f 0 0 5px;
	border-radius: 10px;
}

.regis-fir #tabData1, .regis-fir #tabData4, .regis-fir #tabData2 .tab-sec-2, .regis-fir #tabData2 .tab-sec-2 #InformationVahanLocal div#Div1 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
	.regis-fir #tabData1 .RFIRRow1, .regis-fir #tabData4 .RFIRRow1, .regis-fir #tabData2 .tab-sec-2 #InformationVahanLocal div#Div1 .RFIRRow1 {
		flex: 0 0 49%;
	}

	.regis-fir #tabData1.sho-module-sec{flex-direction:column;}

	.regis-fir #tabData2 .tab-sec-2 #InformationVahanLocal {
		flex: 0 0 100%;
	}

		.regis-fir .registerTabContainer .tabBtn {
			font-size: 20px;
		}
.regis-fir .registerTabContainer .tab{padding:12px;}
.regis-fir .RFIRCol1, .regis-fir .RFIRCol2 {width: 48%;}
.regis-fir .listBox {
	margin-left: 0;
}

.regis-fir .RFIRRow1 h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
	display: block;
}

	.regis-fir .emptyBox2 {
		width: 100%;
	}

.regis-fir .btn input[type="button"] {
	padding: 10px 30px;
	font-size: 20px;
	background: #04216b;
	border-radius: 10px;
	color: #fff;
	cursor: pointer;
	border: 0;
	border: #04216b solid 1px;
}
	.regis-fir .btn input[type="button"]:hover {
		background: #3f51b5;
		border: #3f51b5 solid 1px;
	}
.w-100 {
	width: 100%;
}

.top-head {
	background: #e7e7e7;
}
.tabl td {
	font-size: 20px;
	font-weight: 600;
	padding: 10px;
	text-align: center;
	border: #ccc solid 1px;
}
.old-tab-view {
	background: #fff;
	box-shadow: #b3b3b3 0 0 10px;
}
.old-tab-view tr th {
	font-size: 20px;
	color: #fff;
	padding: 10px;
	background: #082c84;
	border: #bfbfbf solid 1px;
}
.head-top {font-size:20px;margin-bottom:15px;text-align:center;}
.old-tab-view tr td {
	font-size: 17px;
	font-weight: 600;
	padding: 10px;
	text-align: center;
	border: #ccc solid 1px;
}
	.old-tab-view tr td a {text-decoration:underline;}
		.old-tab-view tr td a:hover {color:#ff0000;}
		.tabl {
			border: #ccc solid 1px;
		}
.emptyTimeBox {
	width: 40px!important;
}
.tab1,.tab:hover {
	background: #8c153f!important;
}

.outer-area-fir {border: #ccc solid 1px;	border-radius: 10px;overflow:hidden;margin-bottom:20px;background:#fff;}
.fir-year-head {
		padding: 10px ;
		background: #04216b;
		font-family: "Roboto Slab", serif !important;
		color: #fff;text-align:center;
		text-transform: capitalize;
		font-weight: 500;
		font-size: 30px;
		letter-spacing: 1px;
	}

.total-fir-in-year {padding:20px;background:#fff;display:flex; }
	.total-fir-in-year tbody, .total-fir-in-year tbody tr {
		width: 100%;
	}
		.total-fir-in-year tbody tr {			display: flex;			justify-content: start;			flex-wrap: wrap;		}
			.total-fir-in-year tbody tr td {
				flex: 0 0 23.5%;
				overflow: hidden;
				border-radius: 5px;
				text-align: center;
				box-shadow: #595959 0px 0px 5px;
				margin: 0 18px 20px 0;
			
			}
	.total-fir-in-year.more-items tbody tr td {
		flex: 0 0 15.2%;
	}

	.fir-number {
		color: #161616;
		font-size: 20px;
		text-decoration: none;
		padding: 12px;
		display: block;
		background: #d6e0f5;
		font-weight: 700;
	}

	.fir-number.diff-bg {
		background: #e7e7e7;
		padding: 8px;
		font-size: 15px;
	}


.pdf-imge {
	height: 200px;
	width: 200px;
	padding: 20px;
	transition: padding .7s;
}
.total-fir-in-year tbody tr td:hover .pdf-imge {
	padding: 10px;
}

.container-cell {max-width:800px;margin:auto;}
.case-status-sec .RFIRRow1 {display:flex;flex-direction:row;margin-bottom:1px;}
	.case-status-sec .RFIRRow1 span, .case-status-sec .RFIRRow1 strong {
		flex: 0 0 50%;
		font-size: 18px;
		padding: 15px;
		box-sizing: border-box;
	}
	.case-status-sec .RFIRRow1 strong {		background: #082c84;		color: #fff;		font-weight: 600;	}
	.case-status-sec .RFIRRow1 span {
		border: #505050 solid 1px;
		color: #161616
	}

.ret-fin-rep {
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	box-shadow: #b1b1b1 0 0 10px
}
.no-bg {background:none!important;}
.head-h3 {
	
	font-size: 20px;
	color: #082c84;
	font-weight: 800;
	margin-bottom: 15px;
	
}

.passcode-enter .otpTextContainer {
	width: 100%;
	margin-bottom: 15px;
	margin-right: 0;
}

.passcode-enter .otpVerifyContainer {text-align:right;
	width: 100%;
	margin-bottom: 15px;
	margin-right: 0;
}
	.passcode-enter .otpTextContainer .emptyBox1 {width:100%!important;}

.case-cancel-sec .RFIRRow1, .case-cancel-sec .RFIRRow1.sec2 {
	width: 48%;float:left
}
	.case-cancel-sec .RFIRRow1.sec2 {
		float:right!important;
	}

	.case-cancel-sec .RFIRRow1.sec3 {width:100%;}
.registerFIRBodyContainer.regis-fir.old-cases-sec{margin:0;}

.total-fir-in-year.old-secc tbody tr td {
	flex: 0 0 23%;
	margin-bottom:20px ;
	
}
.total-fir-in-year.old-secc {
	padding: 0;
}
.main-form-page {background:#fff;}
	.main-form-page .CD_table th, .main-form-page .CD_DOI_heading {
		background: #082c84;
		color: #fff;
		font-size: 16px;
		vertical-align: middle;
	}
	.main-form-page .CD_table td {
		font-size: 15px;
		vertical-align: middle;
	}
	.main-form-page .CD_table, .main-form-page .CD_radioButton {
		width: 100%;
	}
	.main-form-page .CD_radioButton .CD_col2 {
		text-align: left
	}
	.main-form-page .CD_radioButton .CD_col1 {text-align:right}

.main-form-page .CD_col1{text-align:left;}
	.main-form-page .CD_tableDiv {overflow: auto;		width: 100%;	}

.diff-module .aboutContainer, .diff-module .tileContainer {
	width: 100%;margin-bottom:20px;
}
	.diff-module .aboutContainer .heading1, .diff-module .aboutContainer .aboutDiv.abt-sec p {		text-align: center;	}
	.diff-module .aboutContainer .aboutDiv.abt-sec p {		line-height: 45px;	}
		.diff-module .tileContainer .public-modules ul li {
			flex: 0 0 32%;
			margin-right: 20px;
		}
		.diff-module .tileContainer .public-modules ul li:nth-child(3n){margin-right:0;}
		.diff-module .tileContainer .public-modules ul {justify-content: center;		}
	.diff-module .aboutContainer .aboutTextContainer {
		height: auto;
	}

.io-sec .RFIRCol1 {width:100%;}

.message-bx .diff-font-size {
	font-size: 26px !important;
	line-height: 45px;
	color: #000;
	font-weight: 500;
	text-align: center;
}

.loginBodyContainer.message-bx.no-bg {
	max-width: 1000px;
	width: 100%;
}

.heading3.head-h3 {
	font-size: 20px;
	color: #2a2a2a;
	text-align: center;
	font-weight: 700;
	margin: 0;
}

.login-user-sec {
	padding: 10px;
	background: #04216b
}
.user-name, .user-name a {
	font-size: 14px;
	color: #fff;
	font-weight: 600;
}

	.user-name a {margin-left:20px;}
		.user-name a:hover {
			color: #ff9800;
		}

.dff-clr {background:#fff;}
.total-fir-in-year.pb-0 {
	padding-bottom: 0 !important;
}



.CM_heading2.man-tab table tr {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
	.CM_heading2.man-tab table tr td {
		flex: 0 0 33%;
		padding: 10px;
		box-sizing: border-box;
	}
.h2-text {font-size:20px; font-weight:600;padding-bottom:10px;}
.CM_heading2.man-tab tr td strong {
	font-weight: 800;
	display: inline-block;
	width: 120px;
	
}
.CM_heading2.man-tab tr td span {
	font-weight: 500;
	
}

.checkbox-tb .CM_row1 {
	margin-bottom: 2px;
	font-size: 17px;
	font-weight: 500;
	box-shadow: #d3d3d3 0 0 5px;
	border-radius: 6px;
}

.CM_mainContainer.whole-pg-con {
	background: #fff;
	border: #ccc solid 1px;
	border-radius: 10px;margin-bottom:30px;padding-top:10px;
}

.tp-pad {padding-top:40px;}

.checkbox-tb .CM_row1 {
	background: #cbdbfb
}
	.checkbox-tb .CM_row1 .CM_col3 input[type="checkbox"]{height:20px; width:20px;}

	.

	@media screen and (max-width:1600px) {
		.login-bx {
			padding-top: 50px;
		}

		.pad-top-side {
			padding-top: 0;
		}

		.bot-img img {
			max-width: 300px;
		}

		.abt-sec .aboutTextContainer {
			height: auto;
		}

		.aboutDiv.abt-sec p {
			font-size: 25px;
			line-height: 45px;
		}
	}

@media screen and (max-width:1400px) {

	.logo {
		width: 300px;
	}

	.left-banner-side h2 {
		font-size: 35px;
		line-height: 40px;
	}

	.user-login-list {
		flex-direction: column;
	}

	.login-box {
		flex-direction: row;
		padding: 15px;
	}

	.user-login-list li + li {
		margin-top: 20px;
	}

	.login-box span {
		margin: 0 20px 0 0;
	}

	.login-bx {
		padding-top: 50px;
	}

	span.capImg img {
		width: 150px;
	}

	.defin .aboutContainer, .defin .tileContainer {
		width: 100%;
		margin-bottom: 20px;
	}

	.bot-img {
		display: none;
	}

	.diff-module .tileContainer .public-modules ul {
		justify-content: space-between;
	}

		.diff-module .tileContainer .public-modules ul li {
			flex: 0 0 49%;
			margin-right: 0;
		}

			.diff-module .tileContainer .public-modules ul li:nth-child(3n) {
				margin-right: 0;
			}

	.total-fir-in-year tbody tr td, .total-fir-in-year.more-items tbody tr td {
		flex: 0 0 23%;
	}

	.CM_heading2.man-tab table tr td {
		flex: 0 0 50%;
		padding: 5px 10px;
		
	}
}

@media screen and (max-width:1199px) {
	.right-banner-side img {
		max-width: 300px;
	}

	.banner-section {
		height: 350px;
	}

	.left-banner-side h2 {
		font-size: 30px;
	}

	.project-name h1 {
		font-size: 35px;
	}

	.user-login-list li a span img {
		max-width: 100px;
	}

	.login-box h3 {
		font-size: 25px;
	}

	.log-in-img {
		max-width: 400px;
	}

	span.capImg img {
		width: 140px;
	}

	.regis-fir .registerTabContainer .tabBtn {
		font-size: 14px;
	}

	.pdf-imge {
		height: 150px;
		width: 150px;
		padding: 20px;
		transition: padding .7s;
	}

	.checkbox-tb .CM_row1 {
		font-size: 14px;
	}

		.checkbox-tb .CM_row1 .CM_col3 input[type="checkbox"] {			height: 16px;			width: 16px;		}
		.checkbox-tb .CM_row1 .CM_col3 {width:auto!important;}
}

		@media screen and (max-width:991px) {
			.project-name h1 {
				font-size: 25px;
			}

				.project-name h1 span {
					font-size: 21px;
				}

			.right-banner-side img {
				max-width: 300px;
			}

			.left-banner-side h2 {
				font-size: 25px;
				line-height: 30px;
			}

			.common-h2-heading h2 {
				font-size: 25px;
			}

			.intro-leftside-box p {
				font-size: 14px;
				line-height: 24px;
			}

			.user-login-list li a span img {
				max-width: 80px;
			}

			.login-box h3 {
				font-size: 21px;
			}

			.warning-content p {
				font-size: 17px;
				line-height: 30px;
			}

			.warning-rightside-box img {
				max-width: 200px;
				margin-top: 30px;
			}

			ul.logo-ul li.logo1 {
				display: none;
			}

			.logo h2 {
				font-size: 25px;
			}

				.logo h2 span {
					font-size: 15px;
				}

			.logo {
				width: 250px;
			}

			.RLRow1 .label {
				width: 100%;
				display: inline-block;
				margin-bottom: 10px;
			}

			span.capImg img {
				margin: 0 !important;
			}

			.RLRow1 input[type="text"] {
				width: 100% !important;
			}

			.RLRow1 input {
				box-sizing: border-box;
			}

			.log-in-img {
				max-width: 250px;
			}

			.login-bx .login-leftside-sec {
				flex: 0 0 30%;
			}

			.login-bx .login-rightside-sec {
				flex: 0 0 67%;
			}

			.regis-fir #tabData1 .RFIRRow1, .regis-fir #tabData4 .RFIRRow1, .regis-fir #tabData2 .tab-sec-2 #InformationVahanLocal div#Div1 .RFIRRow1 {
				flex: 0 0 100%;
			}

			.regis-fir .registerTabContainer .tab {
				padding: 6px 6px;
			}

			.main-form-page .CD_col1, .main-form-page .CD_col2 {
				width: 100%;
			}

			.main-form-page .CD_radioButton .CD_col1, .main-form-page .CD_radioButton .CD_col2 {
				width: auto;
				float: none;
				display: inline-block;
			}

			.main-form-page .CD_col1 {
				margin-bottom: 10px;
			}

			.main-form-page .emptyDateBoxCD, .main-form-page .emptyyearBoxCD {
				width: 25px;
			}

			.main-form-page .CD_DOI_container .CD_row3 .CD_col3 .emptyBox2, .main-form-page .CD_DOI_container .CD_row3 .CD_col3 {
				width: 100%;
			}

			.main-form-page .CD_row3 .CD_checkBoxContainer {
				width: 30%;
				text-align: left;
			}

			.total-fir-in-year tbody tr td, .total-fir-in-year.more-items tbody tr td {
				flex: 0 0 22%;
			}

			.message-bx .diff-font-size {
				font-size: 18px !important;
				line-height: 25px;
			}
			.pad-top-side {
				padding-top: 20px;
			}
		}

		@media screen and (max-width:800px) {

			.log-captch-sec {
				flex-direction: column;
			}

			.log-cap-tside-sec {
				margin-top: 10px;
			}

			input#ContentPlaceHolder1_btnRefresh {
				float: none;
			}

			span.capImg {
				width: auto;
			}

			.old-tab-view tr th, .old-tab-view tr td {
				font-size: 15px;
			}

			.head-top {
				font-size: 18px;
			}

			.CM_heading2.man-tab table tr td {
				flex: 0 0 100%;
				
			}
		}

		@media screen and (max-width:767px) {
			.right-banner-side img {
				max-width: 200px;
			}

			.banner-section {
				height: 250px;
			}

			.left-banner-side h2 {
				font-size: 20px;
				line-height: 30px;
			}

			.logo {
				width: 220px;
			}

				.logo img {
					max-width: 50px;
				}

				.logo.logo2 img {
					max-width: 50px;
				}

			.project-name h1 {
				font-size: 21px;
				line-height: 16px;
			}

				.project-name h1 span {
					font-size: 15px;
				}

			.intro-content, .warning-content {
				flex-direction: column;
			}

			.user-login-list {
				flex-direction: row;
				justify-content: space-between
			}

				.user-login-list li {
					flex: 0 0 49%;
				}

					.user-login-list li + li {
						margin: 0;
					}

			.warning-rightside-box {
				flex: 0 0 100%;
				text-align: center;
			}

			.warning-leftside-box {
				flex: 0 0 100%;
			}

			.warning-rightside-box img {
				margin-top: 0;
			}

			.warning-content p {
				font-size: 14px;
				line-height: 25px;
			}

			.main-footer p {
				font-size: 12px;
			}

			.logo.logo2 {
				width: 100px;
			}

			.logo h2 {
				font-size: 22px;
				padding-top: 5px;
			}

			.login-bx .login-leftside-sec {
				display: none;
			}

			.login-bx .login-rightside-sec {
				flex: 0 0 100%;
			}

			.login-bx .loginBodyContainer {
				width: 100% !important;
			}

			.login-bx {
				padding-top: 0;
			}

			.log-btn, .regis-fir .btn input[type="button"], .log-btn.home-btnn {
				font-size: 15px;
			}

				.log-btn.home-btnn {
					padding: 7px 30px;
					line-height: 24px;
				}

				.login-rightside-sec .loginBodyContainer .heading1 {
					font-size: 17px;
				}

			.verify-otp .otpTextContainer {
				width: 100%;
				margin: 0 0 20px;
			}

			.otpVerifyContainer.btn-width {
				width: 100%;
			}

			.verify-otp {
				flex-direction: column;
			}

			.public-modules ul li, .diff-module .tileContainer .public-modules ul li {
				flex: 0 0 100%;
			}

			.com-heading {
				font-size: 25px;
			}

			.aboutDiv .heading1 {
				font-size: 20px;
			}

			.aboutDiv.abt-sec p {
				font-size: 17px;
				line-height: 27px;
			}

			.public-modules ul li a span {
				height: 50px;
				width: 50px;
			}

				.public-modules ul li a span img {
					max-width: 35px;
				}

			.public-modules ul li a strong {
				font-size: 20px;
			}

			.regis-fir .registerTabContainer .tab {
				margin: 0 0 5px 0;
			}

			.regis-fir.registerFIRBodyContainer {
				width: 100% !important;
			}

			.total-fir-in-year tbody tr td, .total-fir-in-year.old-secc tbody tr td, .total-fir-in-year.more-items tbody tr td {
				flex: 0 0 46.2%;
			}

			.case-status-sec .RFIRRow1 span, .case-status-sec .RFIRRow1 strong {
				font-size: 15px;
				padding: 10px;
			}

			.fir-year-head {
				font-size: 20px;
			}

			.main-form-page .CD_row3 .CD_checkBoxContainer {
				width: 46%;
			}

			.diff-module .aboutContainer .aboutDiv.abt-sec p {
				line-height: 25px;
			}

			.heading3.head-h3 {
				font-size: 17px;
			}

			.common-sec-user {
				flex-direction: column;
				justify-content: center;
			}
			.checkbox-tb .CM_row1 .CM_col2 {
				width:78% !important;
			}
			.user-name, .user-name a {
				text-align:center;
			}
				.user-name a {
				margin:0 10px;
				}
		}

		@media screen and (max-width:575px) {
			.top-header {
				justify-content: center;
			}

			.logo.logo2, .project-name {
				display: none;
			}

			.logo {
				width: 204px;
			}

			.project-name h1 span {
				font-size: 12px;
			}

			.project-name h1 {
				font-size: 16px;
			}

			.left-banner-side h2 {
				font-size: 13px;
				line-height: 20px;
			}

			.right-banner-side img {
				max-width: 100px;
			}

			.banner-section {
				height: 150px;
			}

			.user-login-list {
				flex-direction: column;
			}

				.user-login-list li {
					flex: 0 0 100%;
				}

					.user-login-list li + li {
						margin-top: 20px;
					}

					.user-login-list li a span img {
						max-width: 60px;
					}

			.regis-fir .RFIRCol1, .regis-fir .RFIRCol2 {
				width: 100%;
			}

			.total-fir-in-year tbody tr td, .total-fir-in-year.old-secc tbody tr td, .total-fir-in-year.more-items tbody tr td {
				flex: 0 0 100%;
				margin-bottom: 20px;
			}

			.case-cancel-sec .RFIRRow1, .case-cancel-sec .RFIRRow1.sec2 {
				width: 100%;
			}

			.main-form-page .CD_row3 .CD_checkBoxContainer {
				width: 100%;
				box-sizing: border-box
			}
		}

