/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	border:0px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c2cefa+0,b4bff2+10,a0a8e4+25,9fa6e9+37,a0a8ee+50,808ce4+51,b1c4f3+83,c7dffb+100 */
background: rgb(194,206,250); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(194,206,250,1) 0%, rgba(180,191,242,1) 10%, rgba(160,168,228,1) 25%, rgba(159,166,233,1) 37%, rgba(160,168,238,1) 50%, rgba(128,140,228,1) 51%, rgba(177,196,243,1) 83%, rgba(199,223,251,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(194,206,250,1) 0%,rgba(180,191,242,1) 10%,rgba(160,168,228,1) 25%,rgba(159,166,233,1) 37%,rgba(160,168,238,1) 50%,rgba(128,140,228,1) 51%,rgba(177,196,243,1) 83%,rgba(199,223,251,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(194,206,250,1) 0%,rgba(180,191,242,1) 10%,rgba(160,168,228,1) 25%,rgba(159,166,233,1) 37%,rgba(160,168,238,1) 50%,rgba(128,140,228,1) 51%,rgba(177,196,243,1) 83%,rgba(199,223,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2cefa', endColorstr='#c7dffb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	text-align:justify;
	color:#FFFFFF;
}
a {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
p {
	font-size:14px;
	line-height:24px;
	text-align:justify;
	margin-bottom:10px;
	color:#717171;
	font-family:Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	text-align:left;
	font-weight:normal;
}
h1 {
	font-size:36px;
	line-height:46px;
	padding:15px;
	vertical-align:middle;
	color:#163f68;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	margin:10px;
}
h1 span {
	font-weight:bold;
}
h2 {
	font-size:22px;
	line-height:32px;
	padding:10px 0px;
	color:#002e5b;
}
/*h2 span {
	color:#000000;
}*/
/*h3 {
	color:#444d90;
	border-bottom:#320a0a 1px dashed;
	margin:0px;
	font-size:20px;
	line-height:30px;
}
h3 span {
	color:f8b61a;
}*/
header {
	width:100%;
	float:left;
	height:auto;
	display:block;
	clear:both;
	padding:10px 0px;
}
article {
	width:100%;
	float:left;
	height:auto;
	/*overflow:hidden;*/
	display:block;
	clear:both;
	margin:0px;
	padding:30px 0px;
	background-image:url(../imagess/article-area-bg.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
article h1 {
	color:#002e5b;
	text-align:left;
	padding:15px 0px;
	margin:15px 0px;
}
article p {
	color:#3a3a3a;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
article a {
	padding:5px;
	background-color:#fecd00;
	color:#002e5b;
	margin:30px 0px;
	float:left;
	font-size:16px;
}
article a:hover {
	background-color:#002e5b;
	color:#fecd00;
	text-decoration:none;
}
article ul {
  list-style: none;
  padding: 0;
}
article li {
  padding-left: 1.3em;
  margin:5px;
  font-size:15px;
  margin:10px 0px;
}
article li:before {
  content: "\f0a9"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  font-size:18px;
  display: inline-block;
  margin-left: -0.5em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color:#fece06;
}
section {
	width:100%;
	float:left;
	height:auto;
	/*overflow:hidden;*/
	margin:0px;
	display:block;
	clear:both;
}
/*footer {
	background-color:#0a4074;
}
footer container {
	border-top:#999999 1px solid;
}
footer p {
	text-align:center;
	font-size:14px;
	line-height:30px;
	padding:10px 0px;
	color:#0a454d;
	margin:10px 0px;
}
footer span {
	color:#15c1f4;
}
footer a {
	color:#15c1f4;
}*/
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	/*position: absolute;*/
}
ol {
	list-style-type:none;
	margin:0;
	padding:10;
	/*position: absolute;*/
}
li {
	/*display:inline-block;*/
	/*margin-right: 1px;*/
	font-size:14px;
}
img {
	float:left;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	width:inherit;
	max-width:100%;
}
i {
	margin-right:10px;
}
.logo {
	width:100px;
	margin:20px auto;
	padding:0px;
	display:block;
	clear:both;
}
.logo img {
	width:auto;
	margin:0 auto;
}
.college-details-area h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-family:30px;
	line-height:40px;
	padding:20px;
	color:#09226f;
	text-align:center;
	display:block;
	clear:both;
	text-shadow:#9d9d9d 0px 1px 3px;
}
.notice-area {
	width:100%;
	margin:2% 0%;
	padding:2% 2%;
	/*float:left;*/
	height:100%;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
    background-image:url("../images/clouds.png");
	-webkit-box-shadow: 0px 3px 2px 0px rgba(143,143,143,1);
	-moz-box-shadow: 0px 3px 2px 0px rgba(143,143,143,1);
	box-shadow: 0px 3px 2px 0px rgba(143,143,143,1);
}
.notice-area h2 {
	font-size:24px;
	line-height:40px;
	padding:0px;
	margin:0px;
	text-align:center;
	border-bottom:#666 1px dotted;
}
.login-button-area {
	width:60%;
	height:auto;
	overflow:hidden;
	padding:30px 0px;
	margin:30px auto;
	text-align:center;
}
.bg-light {
	background-color:#002e5b !important;
}

/*.navbar-inverse {
	background-color:#002e5b;
	color:#FFFFFF;
	border:0px;
}*/
.navbar-dark {
	background-color:#002e5b;
}
.navbar-nav li {
	margin:0px 15px;
}
.top-area {
	background-color:#eeeeee;
}
.language-select ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
.language-select ul li {
	float:left;
	padding:5px 0px;
}
.language-select ul li a img {
	margin:3px 10px;
	border:0px;
	float:left;
	margin-right:-10px;
}
.language-select ul li {
	float:left;
}
.language-select ul li a {
	padding:15px;
}
.quick-contact-area {
	float:right;
}
.quick-contact-area ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
.quick-contact-area ul li {
	float:left;
	padding:5px 0px 5px 15px;
}
.quick-contact-area ul li img {
	margin-right:10px;
}
.quick-contact-area ul li i {
	font-weight:bold;
	color:#002d5b;
}
.municipal-name {
	padding:5px 0px;
}
.helpline-area {
	padding:30px 0px;
	float:right;
}
.helpline-area ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
.helpline-area ul li {
	float:left;
	color:#163f68;
	font-size:18px;
	font-weight:bold;
}
.helpline-area ul li span {
	margin-right:10px;
}
.helpline-area ul li a {
	margin:0px 5px;
	border:0px;
}
.helpline-area ul li a img {
	border:0px;
}
.dropdown-menu {
	margin-left:-40px !important;
}
.dropdown-menu p {
	padding:0px 10px;
	font-size:12px;
}
.scrolling-news-area {
	background-color:#002e5b;
	padding:3px 0px;
	border-top:#fecd00 5px solid;
}
.scrolling-news-area h4 {
	color:#fecd00;
	font-size:16px;
	line-height:24px;
	float:left;
	padding:0px 10px;
	margin-right:10px;
	border-right:#fecd00 2px solid;
	text-align:center;
}
.scrolling-news-area marquee {
	float:left;
	color:#FFFFFF;
}
.current-info-area {
	background-image:url(../imagess/current-event-bg.jpg);
	background-position:center top;
	background-repeat:repeat;
	border-bottom:#ababab 2px solid;
	padding:20px 0px;
}
.current-info-area div div div {
	min-height:340px;
}
.current-info-area div div div:nth-child(1) {
	border-right:#002e5b 2px dotted;
}
.current-info-area div div div:nth-child(3) {
	background-color:#fecd00;
	border-right:none;
	background-image:url(../imagess/happenings.jpg);
	background-position:left center;
	background-repeat:no-repeat;
}
.current-info-area h2 {
	font-weight:bold;
	color:#002e5b;
	font-size:24px;
}
.current-info-area marquee {
	height:250px;
}
.current-info-area marquee li {
	font-size:16px;
	line-height:24px;
	padding:7px 0px;
	font-weight:600;
	list-style:none;
}
.current-info-area marquee li i {
	color:#fecd00;
}
.happenings-area {
	background-color:#002e5b;
	padding:10px;
	margin-right:-20px;
	float:right;
}
.happenings-area img {
	margin-bottom:10px;
}
.happenings-area h2 {
	color:#FFFFFF;
}
.happenings-area p {
	color:#FFFFFF;
}
.service-area {
	margin-bottom:15px;
}
.service-area h1 {
	text-align:center;
	color:#002e5b;
	margin:10px 0px;
}
.service-area h2 {
	text-align:center;
	color:#002e5b;
	margin:0px;
	font-size:24px;
	font-weight:600;
}
.service-area p {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
.service-area img {
	border-bottom:#fecd00 5px solid;
	margin-bottom:20px;
}
.addressing-of-Chairman {
	background-color:#efefef;
	padding:20px 0px;
}
.addressing-of-Chairman h1 {
	color:#002e5b;
	text-align:left;
	padding:15px 0px;
	margin:15px 0px;
}
.addressing-of-Chairman p {
	color:#3a3a3a;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
.addressing-of-Chairman a {
	padding:5px;
	background-color:#fecd00;
	color:#002e5b;
	margin:30px 0px;
	float:left;
	font-size:16px;
}
.addressing-of-Chairman a:hover {
	background-color:#002e5b;
	color:#fecd00;
	text-decoration:none;
}
.vice-Chairperson-area {
	background-color:#efefef;
	margin:20px 0px;
	padding:20px;
	height:auto;
	overflow:hidden;
}
.vice-Chairperson-area h1 {
	color:#002e5b;
	text-align:left;
	padding:15px 0px;
	margin:15px 0px;
	font-size:36px;
	line-height:40px;
}
.vice-Chairperson-area img {
	margin:0px auto;
	display:block;
	clear:both;
	width:100%;
}
.vice-Chairperson-area a {
	padding:5px;
	background-color:#fecd00;
	color:#002e5b;
	margin:15px 0px;
	float:right;
	font-size:16px;
}
.vice-Chairperson-area a:hover {
	background-color:#002e5b;
	color:#fecd00;
	text-decoration:none;
}
.short-note-area {
	width:46%;
	padding:1%;
	margin:3% 1%;
	float:left;
	min-height:225px;
}
.short-note-area h3 {
	color:#163f68;
	font-size:18px;
	line-height:45px;
	font-weight:600;
	margin:20px 0px;
}
.short-note-area h3 img {
	margin-right:10px;
	height:auto;
}
.useful-links-area {
	background-color:#efefef;
	padding:20px 0px;
}
.useful-links-area h1 {
	color:#002e5b;
	text-align:center;
}
.useful-links-area a img {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	border:0px;
	margin:10px 0px;
}
.footer-container {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#606c88+0,3f4c6b+100;Grey+3D+%232 */
background: rgb(96,108,136); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */

	color:#FFFFFF;
	padding:15px 0px;
    border-radius: 10px;
}
.footer-container h2 {
	color:#fecd00;
	text-align:left;
	margin:10px 0px;
}
.footer-container p {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.input-mail {
	background-color:#0a4074;
	color:#73b4f1;
	border:0px;
	padding:5px 7px;
	line-height:30px;
	width:75%;
	margin:0px;
}
.button {
	background-color:#031d37;
	color:#73b4f1;
	border:0px;
	padding:5px 7px;
	line-height:30px;
	width:22%;
	margin:0px;
}
.footer-info {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	background-color:#002e5b;
}
.footer-info div div {
	border-top:#999999 1px solid;
}
.footer-info p {
	text-align:center;
	color:#FFFFFF;	
	padding:10px 0px;
	width:100%;
}
.footer-info p span a {
	color:#eec306;
}
/* Carousel Styles */
.carousel-indicators .active {
    background-color: #2980b9;
}

.carousel-inner img {
    width: 100%;
    max-height: 460px
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.carousel-control.left span {
	padding: 15px;
}

.carousel-control.right span {
	padding: 15px;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 0;
}

.carousel-control.left span,
.carousel-control.right span {
	background-color: #000;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.header-text h2 {
    font-size: 40px;
}

.header-text h2 span {
    background-color: #2980b9;
	padding: 10px;
}

.header-text h3 span {
	background-color: #000;
	padding: 15px;
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.header-imagess {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
}
.header-imagess img {
	width:100%;
	float:left;
	height:auto;
}
.banner-nav-area {
	margin-top:-440PX;
	margin-bottom:14px;
}
.banner-nav {
	width:100%;
	margin:1px 0px;
	background-image:url(../imagess/banner-nav-bg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	/*min-height:51px;*/
	height:auto;
	float:left;
}
.banner-nav a {
	color:#002e5b;
	font-size:15px;
	text-decoration:none;
	line-height:50px;
	font-weight:600;
}
.banner-nav a:hover {
	color:#002e5b;
	text-decoration:none;
	text-shadow:#999999 0px 3px 5px;
}
.property i {
	background-color:#f98c39;
	width:51px;
	color:#FFFFFF;
	padding:9.5px 10px;
	float:left;
	text-align:center;
	font-size:32px;
}
.grievance i {
	background-color:#8a9b24;
	width:51px;
	color:#FFFFFF;
	padding:9.5px 10px;
	float:left;
	text-align:center;
	font-size:32px;
}
.water i {
	background-color:#1cb7eb;
	width:51px;
	color:#FFFFFF;
	padding:9.5px 10px;
	float:left;
	text-align:center;
	font-size:32px;
}
.evacuation i {
	background-color:#3a589b;
	width:51px;
	color:#FFFFFF;
	padding:9.5px 10px;
	float:left;
	text-align:center;
	font-size:32px;
}
.license i {
	background-color:#c23152;
	width:51px;
	color:#FFFFFF;
	padding:9.5px 10px;
	float:left;
	text-align:center;
	font-size:32px;
}
.certificates i {
	background-color:#343063;
	width:51px;
	color:#FFFFFF;
	padding:9.5px 10px;
	float:left;
	text-align:center;
	font-size:32px;
}
.marriage-registration i {
	background-color:#94075e;
	width:51px;
	color:#FFFFFF;
	padding:9.5px 10px;
	float:left;
	text-align:center;
	font-size:32px;
}
.house-booking i {
	background-color:#06b093;
	width:51px;
	color:#FFFFFF;
	padding:9.5px 10px;
	float:left;
	text-align:center;
	font-size:32px;
}
.autoplay div {
	margin:0.2%;
}
.follow-us-area {
	width:50px;
	position:fixed;
	right:0px;
	top:300px;
}
.follow-us-area a {
	margin:0px;
	padding:0px;
	text-decoration:none;
}
.follow-us-area a img {
	border:0px;
	transition:all .5s;
	opacity: 0.75;
	margin:1px 0px;
	float:right;
}
.follow-us-area a img:hover {
	opacity: 1;
	width:50px;
}
.page-name-area {
	margin-top:-210px;
}
.page-name-content {
	width:100%;
	margin:10px 0px 0px;
	padding:0px;
	height:auto;
	min-height:200px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#202340+0,202340+100&0.5+0,0.75+20,0.75+80,0.5+100 */
background: -moz-linear-gradient(top, rgba(32,35,64,0.5) 0%, rgba(32,35,64,0.75) 20%, rgba(32,35,64,0.75) 80%, rgba(32,35,64,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(32,35,64,0.5) 0%,rgba(32,35,64,0.75) 20%,rgba(32,35,64,0.75) 80%,rgba(32,35,64,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(32,35,64,0.5) 0%,rgba(32,35,64,0.75) 20%,rgba(32,35,64,0.75) 80%,rgba(32,35,64,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80202340', endColorstr='#80202340',GradientType=0 ); /* IE6-9 */

	-webkit-box-shadow: 0px -2px 3px 0px rgba(46,46,46,1);
	-moz-box-shadow: 0px -2px 3px 0px rgba(46,46,46,1);
	box-shadow: 0px -2px 3px 0px rgba(46,46,46,1);
	/*min-height:51px;*/
	float:left;
}
.page-name-content h1 {
	color:#FFF;
}
.councillors-area {
	padding:0px;
	margin:10px 0px;
	float:left;
	overflow:hidden;
	height:170px;
}
.councillors-area img {
	width:22.5%;
	margin:0 5%;
	float:left;
}
.councillors-area p {
	padding:2px 0px;
	font-size:14px;
}
.councillors-area p strong {
	color:#2e3192;
}
.chairman-in-council-area {
	padding:0px;
	margin:10px 0px;
	float:left;
	overflow:hidden;
	height:auto;
}
.chairman-in-council-area div {
	background-image:url(../imagess/uttarpara-municipality.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:auto;
	overflow:hidden;
	padding:5px;
	margin:0px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.chairman-in-council-area div div {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.1+0,0.95+50 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,0.95) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.95) 50%,rgba(255,255,255,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.95) 50%,rgba(255,255,255,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#f2ffffff',GradientType=1 ); /* IE6-9 */
	height:auto;
	overflow:hidden;
	padding:5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.chairman-in-council-area div div img {
	width:37.5%;
	margin:0 2%;
	float:left;
}
.chairman-in-council-area div div p {
	padding:2px 0px;
	font-size:14px;
	margin:50px 0px 0px 0px;
}
.chairman-in-council-area div div p strong {
	color:#2e3192;
	font-size:20px;
}
.chairman-in-council-area div div p span {
	color:#01668a;
	font-size:15px;
}
.info-area {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	margin:20px 0px;
	padding:3%;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:#dadada 1px solid;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.75+0,0.75+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#bfffffff',GradientType=0 ); /* IE6-9 */
}
.info-area img {
	margin:10px 30px 10px 0px;
	width:20%;
}
.info-area h4 {
	color:#ed8167;
	text-shadow:#999 0px 2px 3px;
	text-align:left;
	margin:20px 0px;
}
.left-part {
	float:left;
}
.right-part {
	float:right;
}
.full-map-area {
	width:98%;
	float:left;
	margin:1% 1% 2.5%;
	height:auto;
	overflow:hidden;
}
.full-map-area img {
	width:48%;
	float:left;
	padding:1%;
}
.word-area {
	width:30%;
	float:left;
	margin:0px;
	padding:1%;
	margin:.5%;
	height:auto;
	min-height:850px;
	overflow:hidden;
	border:#dadada 1px solid;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.75+0,0.75+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#bfffffff',GradientType=0 ); /* IE6-9 */:
}
.word-area img {
	height:auto;
	overflow:hidden;
	width:50%;
	margin:10px 7% 20px 0px;
	display:block;
	clear:both;
	float:none;
}
.word-area h4 {
	border-bottom:#002e5b 1px dotted;
	padding:5px 0px;
	color:#002e5b;
}
.mid-image {
	width:100%;
	margin:0px;
	padding:10px 0px;
	display:block;
	clear:both;
	float:none;
}
.mid-image img {
	width:50%;
	float:none;
	margin:10px 25%;
}
/*------------------------------------Gallery-----------------------------------*/

.gallery-title
{
    font-size: 36px;
    color: #002e5b;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #002e5b;
    border-radius: 5px;
    text-align: center;
    color: #002e5b;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #002e5b;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #002e5b;

}
.btn-default:active .filter-button:active
{
    background-color: #002e5b;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}

/*=======================Useful Link Carosal=============================*/


@media screen and (max-width: 1024px) {
	
	.navbar-nav li {
		margin:0px 10px;
	}
	.banner-nav-area {
		margin-top:-365PX;
		margin-bottom:5px;
	}
	.banner-nav a {
		font-size:12px;
		line-height:40px;
	}
	.property i {
		width:41px;
		padding8px :7px;
		font-size:24px;
	}
	.grievance i {
		width:41px;
		padding8px :7px;
		font-size:24px;
	}
	.water i {
		width:41px;
		padding8px :7px;
		font-size:24px;
	}
	.evacuation i {
		width:41px;
		padding8px :7px;
		font-size:24px;
	}
	.license i {
		width:41px;
		padding8px :7px;
		font-size:24px;
	}
	.certificates i {
		width:41px;
		padding8px :7px;
		font-size:24px;
	}
	.marriage-registration i {
		width:41px;
		padding8px :7px;
		font-size:24px;
	}
	.house-booking i {
		width:41px;
		padding8px :7px;
		font-size:24px;
	}
	.mid-image img {
		width:60%;
		float:none;
		margin:10px 20%;
	}
}
@media screen and (max-width: 800px) {
	.banner-nav-area {
		margin-top:5PX;
		margin-bottom:5px;
	}
	.banner-nav a {
		font-size:13px;
		line-height:40px;
	}
	.banner-nav {
		width:49%;
		margin:2px;
		background-image:url(../imagess/banner-nav-bg.jpg);
		background-position:right top;
		background-repeat:no-repeat;
		/*min-height:51px;*/
		height:auto;
		float:left;
		-webkit-box-shadow: 0px 2px 1px 0px rgba(138,138,138,1);
		-moz-box-shadow: 0px 2px 1px 0px rgba(138,138,138,1);
		box-shadow: 0px 2px 1px 0px rgba(138,138,138,1);
	}
	.follow-us-area {
		width:200px;
		position:static;
		float:left;
	}
	.follow-us-area a {
		margin:0px;
		padding:0px;
		text-decoration:none;
	}
	.follow-us-area a img {
		border:0px;
		transition:all .5s;
		opacity: 0.75;
		margin:1px 0px;
		float:right;
	}
	.follow-us-area a img:hover {
		opacity: 1;
		width:50px;
	}
	.councillors-area {
		overflow:hidden;
		height:auto;
	}
	.full-map-area {
		width:98%;
		float:left;
		margin:1% 1% 2.5%;
		height:auto;
		overflow:hidden;
	}
	.full-map-area img {
		width:98%;
		float:left;
		padding:1%;
	}
	.word-area {
		width:47%;
		float:left;
		margin:0px;
		padding:1%;
		margin:.5%;
		height:auto;
		min-height:850px;
		overflow:hidden;
		border:#dadada 1px solid;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.75+0,0.75+100 */
		background: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#bfffffff',GradientType=0 ); /* IE6-9 */:
	}
	.word-area img {
		height:auto;
		overflow:hidden;
		width:50%;
		margin:10px 7% 20px 0px;
		display:block;
		clear:both;
		float:none;
	}
	.word-area h4 {
		border-bottom:#002e5b 1px dotted;
		padding:5px 0px;
		color:#002e5b;
	}
	.mid-image {
		width:100%;
		margin:0px;
		padding:10px 0px;
		display:block;
		clear:both;
		float:none;
	}
	.mid-image img {
		width:70%;
		float:none;
		margin:10px 15%;
	}
}
@media screen and (max-width: 600px) {
	.banner-nav-area {
		margin-top:5PX;
		margin-bottom:5px;
	}
	.banner-nav {
		width:98%;
		margin:2px auto;
		background-image:url(../imagess/banner-nav-bg.jpg);
		background-position:right top;
		background-repeat:no-repeat;
		/*min-height:51px;*/
		height:auto;
		float:left;
		-webkit-box-shadow: 0px 2px 1px 0px rgba(138,138,138,1);
		-moz-box-shadow: 0px 2px 1px 0px rgba(138,138,138,1);
		box-shadow: 0px 2px 1px 0px rgba(138,138,138,1);
	}
	.banner-nav a {
		font-size:12px;
		line-height:40px;
	}
	.property i {
		width:41px;
		padding8px :7px;
		font-size:18px;
	}
	.grievance i {
		width:41px;
		padding8px :7px;
		font-size:18px;
	}
	.water i {
		width:41px;
		padding8px :7px;
		font-size:18px;
	}
	.evacuation i {
		width:41px;
		padding8px :7px;
		font-size:18px;
	}
	.license i {
		width:41px;
		padding8px :7px;
		font-size:18px;
	}
	.certificates i {
		width:41px;
		padding8px :7px;
		font-size:18px;
	}
	.marriage-registration i {
		width:41px;
		padding8px :7px;
		font-size:18px;
	}
	.house-booking i {
		width:41px;
		padding8px :7px;
		font-size:18px;
	}
	.scrolling-news-area h4 {
		color:#fecd00;
		font-size:16px;
		line-height:24px;
		float:none;
		padding:0px;
		text-align:center;
		margin-right:0px;
		border-right:#fecd00 0px solid;
		border-bottom:#fecd00 1px solid;
		text-align:center;
	}
	.current-info-area div div div:nth-child(1) {
		border-right:#002e5b 0px dotted;
		border-bottom:#002e5b 2px dotted;
	}
	.short-note-area {
		width:96%;
		padding:1%;
		margin:3% 1%;
		float:left;
		min-height:225px;
	}
	.councillors-area {
		overflow:hidden;
		height:auto;
	}
	.councillors-area p {
		padding:15px 0px;
		font-size:15px;
	}
	.councillors-area img {
		width:50%;
		margin:0 25%;
		float:none;
		display:block;
		clear:both;
	}
	.chairman-in-council-area div div {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.1+0,0.95+50 */
		background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,0.95) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.95) 50%,rgba(255,255,255,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.95) 50%,rgba(255,255,255,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#f2ffffff',GradientType=0 ); /* IE6-9 */
		height:auto;
		overflow:hidden;
		padding:5px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	.chairman-in-council-area div div img {
		width:76%;
		margin:10px 12%;
		float:none;
		display:block;
		clear:both;
	}
	.chairman-in-council-area div div p {
		padding:2px 0px;
		font-size:14px;
		margin:10px 0px;
		text-align:center;
	}
	.info-area img {
		margin:10px 15% 20px;
		width:70%;
	}
	.info-area h4 {
		color:#ed8167;
		text-shadow:#999 0px 2px 3px;
		text-align:center;
	}
	.left-part {
		float:none;
	}
	.right-part {
		float:none;
	}
	.full-map-area {
		width:98%;
		float:left;
		margin:1% 1% 2.5%;
		height:auto;
		overflow:hidden;
	}
	.full-map-area img {
		width:98%;
		float:left;
		padding:1%;
	}
	.word-area {
		width:97%;
		float:left;
		margin:0px;
		padding:1%;
		margin:2% .5%;
		height:auto;
		min-height:850px;
		overflow:hidden;
		border:#dadada 1px solid;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.75+0,0.75+100 */
		background: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.75) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#bfffffff',GradientType=0 ); /* IE6-9 */:
	}
	.word-area img {
		height:auto;
		overflow:hidden;
		width:98%;
		margin:10px 1% 20px;
		display:block;
		clear:both;
		float:none;
	}
	.word-area h4 {
		border-bottom:#002e5b 1px dotted;
		padding:5px 0px;
		color:#002e5b;
	}
	.mid-image img {
		width:100%;
		float:none;
		margin:10px 0px;
	} 
	.modal-title {
		float:left !important;
		text-align:left !important;
	}
}