@charset "utf-8";
/* CSS Document */

body {
	width:100%;
	height:100%;
	/*font-family: 'Tajawal', sans-serif;*/
	font-family: 'Muli', sans-serif;
	font-size:16px;
	color:#000;
	line-height:1.5em
}
p{padding:0.4em 0}
h1{font-size:30px}
.nav > li > a {

    position: relative;
    display: block;
    padding: 10px 8px; font-family: 'Arima Madurai', cursive;
   }
.navbar-default .navbar-nav > li > a:hover { color: #666}
.navbar-default .navbar-nav>li>a {
    color: #000;
}



a:link { text-decoration:none}
.banner {
	background-image: url(../../images/neelakurinji/banner1.jpg);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	width:100%;
	height:100%
}
.overlaytxt-top {
	position: absolute;
	text-align: center;
	font-size: 18px;
	top:3%;
	color: #FFF;
	padding:5px;
	opacity: 1;
}
.overlaytxt-top.red {
	color:#fff;
	text-shadow: 1px 1px 2px #000000;
}
.h-line {
	border-bottom:1px dotted #CCC;
	padding:10px 0;
}
.head {
font-family: 'Arima Madurai', cursive;
	font-weight: bold
}
.clear {
	clear:both;
}
.mar-non {
	margin:0
}
.bg-color {
	background-color:#43164f
}
.bg {
	height: 100%;
	width:100%;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	float:left
}
.bg--sub {
	background-image: url(../../images/neelakurinji/banner4.jpg);
	height:800px;
	background-size: cover;
}
.navbar-brand {
	font-size:32px
}
.pad-non {
	padding:0
}
.gal_sec {
	text-align:left;
	color:#fff;
	position:absolute;
	z-index:99;
	color:#fff;
	top:5%;
	left:5%
}
.gal-view-txt{z-index: 999; position: absolute;
bottom: 2%;color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.6); font-size: 24px;
font-family: 'Caveat', cursive; right: 2%; opacity: 0.8;}
.btn01 .over_sec {
	top:50%;
	left:50%;
/*	font-size:52px;
*/	color:#fff;
	opacity:0.8;
	position:absolute; z-index:100
}
.btn01 .over_sec1 {
	bottom:0%;
	left:0%;
font-size:18px;
	color:#fff;
	position:absolute; z-index:100;
	padding:20px;
	line-height:1.2em
}

.over_sec2 {
	top:45%;
	left:45%;
/*	font-size:52px;
*/	color:#fff;
	opacity:0.8;
	position:absolute; z-index:100
}
@media only screen and (max-width: 640px) {
 .btn01 .over_sec1 {

font-size:16px;
padding:10px;
	line-height:1em
}
}
.video_sec {
	margin-top:-80px;
	z-index:99;
	background-color: #f5f5f5;
	padding: 30px 15px;
	border-bottom: 2px solid #dedede;
	float:left
}
/*.video_sec_top {
	margin-top:30px;
	position:absolute;
	top:3%;
	padding-left:5%
}*/
.video_sec_top {
position: absolute;
top: 20%;
left: 50%;
right: 0;
}
.middle_sec {
	padding:3% 0;
	border-top: 1px solid #d8def3;
	background-color: #f9f5ff;
	margin-top:2%
}
.m_20 {
	margin-bottom:20px
}
.footer {
	width:100%;
	padding:20px;
	margin:0;
	float:left;
	display:block;
	background-color:#f2ecfe;
	border-top:1px solid #ddd
}
.box_sub {
	background-color: #fff;
	float:left;
	padding: 5%;
	border-right: 5px solid #8c80db;
	border:1px solid #e1def1;
	border-bottom:5px solid #a33390;
	margin:15px
}
.in_photo {
	margin:20px 0;
}
.sidebar {
	padding-left: 30px;
	border-left: 1px solid #ddd;
	margin: 54px 0;
}
.box {
	bposition: relative;
	z-index: 1;
	/*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
*/margin-bottom: 5px;
	float: left;
	width:100%;
	padding: 15px;
}
.inner-content {
	padding: 3%;
	font-size:17px
}

.title {
	display: block;
	font-size: 18px;
 margin-bottom: 0;
	margin-right: auto;
	font-weight: 700;
	padding: 12px 0;
	padding-left: 0px;
	border-bottom: 2px solid #f1f1f1;
/*padding-left: 30px;*/}
.color_3 {
	color: #929292;
}
.purple {
	color:#3a0948;
}
.p_exp {
	padding:0 15%;
	text-align:center;
	font-style:italic
}
.p_sec {
	padding:0 15%;
	text-align:center;
}
.text_2 {
	font: 300 14px/21px 'Roboto Condensed', sans-serif;
	text-align: justify
}
.text_3 {
	font: 400 16px/21px 'Roboto Condensed', sans-serif;
	color: #929292;
	text-align:center;
	padding:20px 0
}
.pad_top {
	padding:10% 0
}
.mar_top_sec {
	padding:5% 0
}
.play_icon {
	position: absolute;
	top:40%;
	left: 0;
	right: 0;
	text-align:center;
	z-index:999;
}
.carousel-caption {
	position: absolute;
	left: 10%;
	bottom: 20px;
	text-align: left;
	top: 50%;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 10);
	letter-spacing: -0.5px;
}
.h3-wrap {
	padding:30px;
	z-index: 5;
	color:#fff;
	text-align:center
}
.sub-banner {
	background-image: url(../../images/neelakurinji/sub-banner.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	width:100%;
	background-color:#333;
	padding:5% 0;
	margin-bottom:20px
}
.video {
	padding-bottom: 45.25%;
	height: 0;
	overflow: hidden;
	position: relative;
	margin: 0 0 20px 0;
}
.txt1 {
	text-align: center;
	padding: 20px 0;
	color: #AE721D;
	font-size: 26px;
	font-weight: 300;
}
.txt2 {
	text-align: center;
	padding: 20px 0;
	color: #AE721D;
	font-size: 18px;
	font-weight: 400;
}
.more {
	font-weight:300;
font-weight: 300;
text-decoration: underline !important;
color: #983390;
font-size: 15px;
}
.txt2:hover {
	text-decoration:none
}
.fixed-me {
	transition: all 1s;
}
.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 0px;
}
.glyphicon-chevron-left:before {
	content:"\e079";	opacity: 0.4;

}
.glyphicon-chevron-right:before {
	content:"\e080";
	opacity: 0.4;
}
.fixed-me {
	background-color:#fff !important;
	padding: 0px !important;
	margin-bottom: 5px;
	position: fixed;
	top:0;
	z-index:888;
	width: 100%;
	border-bottom: 3px solid #ccc !important;
}
.navbar-me {
	transition: all 1s;
}
.header-right-menu {
	padding: 5px 15px !important;
}
.site-logo {
	/*padding: 15px 20px !important;
	margin: 15px 10px !important;*/
	padding: 10px 20px !important;
	margin:15px 10px 0 0
}
.navbar-me {
	padding:  0px;
	background-color: transparent;
	top: 0px;
	border: 0px;
	border-radius: 0px;
}
.navbar-collapse {
	text-align: center;
	border-top-width: 0px;
	padding-top: 10px;
	margin-top: 5px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: transparent;
}
.menu-collapsed-button {
	margin: 20px 15px 10px 15px !important;
}
.txt-link{color: #0ff}
.txt-link:hover{text-decoration: underline !important; color:#00c0ff;}
.bg-1 {
	background: url(../../images/neelakurinji/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.col-20 {
	width:20%;
	float:left;
	padding-left:15px;
	padding-right:15px;
}
.cd-main-content {
	/* you need to assign a min-height to the main content so that the children can inherit it*/
  height: 100%;
	position: relative;
	z-index: 1;
}
.bg-2 {
	background-image:  url(../../images/neelakurinji/map.jpg);
	height:auto
}
.post_img{width:30%; padding-right:2%; margin-right:10px; float:left}
.post_txt{width:65%; padding:2%; float:left }
.small_f {
	font-size: 18px;
	color: #7f2f99;
	text-align: center;
	font-weight:700;
}
.small_f1 {
font-size: 16px;
color: #fff;
text-align: center;
margin-top: 5px;
background-color: #03575de6;
padding: 3px 8px; border-radius: 6px;
}
.cd-fixed-bg {
	position: relative;
	min-height: 75%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
}
/*.cd-fixed-bg h1, .cd-fixed-bg h2 {
 
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  
  text-align: center;
  font-size: 30px;
  font-size: 1.875rem;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: white;
}*/
.cd-fixed-bg p {
	font-size:18px;
	color:#eceaea;
	text-align:center;
	top: 35%;
	left: 0;
	right:0;
}
.cd-fixed-bg.cd-bg-1 {
	background-image:  url(../../images/neelakurinji/banner4.jpg);
	height: auto
}
.cd-fixed-bg.cd-bg-2 {
	background-image:  url(../../images/neelakurinji/map.jpg);
	height:auto
}
.cd-fixed-bg.cd-bg-3 {
	background-image:  url(../../images/neelakurinji/Neelakurinji-bg.jpg);
}
.cd-fixed-bg.cd-bg-4 {
	background-image:  url(../../images/neelakurinji/bg.jpg);
}

@media only screen and (min-width: 320px) {
 .cd-fixed-bg h1, .cd-fixed-bg h2 {
 font-size: 36px;
}
}
@media only screen and (min-width: 480px) {
 .cd-fixed-bg {
 background-attachment: fixed;
}
 .cd-fixed-bg h1, .cd-fixed-bg h2 {
 font-size: 48px;
 font-weight: 300;
}
}
.cd-scrolling-bg {
	position: relative;
	min-height: 50%;
	padding: 4em 0;
	line-height: 1.6;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
	z-index: 2;
}
.cd-scrolling-bg.cd-color-1 {
	background-color: #3d3536;
	color: #a6989a;
}
.cd-scrolling-bg.cd-color-2 {
	background-color: #3d3536;
	color: #a6989a;
}
.cd-scrolling-bg.cd-color-3 {
	background-color: #3d3536;
	color: #a6989a;
}

.menu-bar-bg{padding:0;  background: rgba(0, 0, 0, 0.6); width:100%; z-index:999; position: absolute}
.intro_txt{background-color:rgba(0, 0, 0, 0.7);color:#fff;  font-size:14px; z-index: 0; text-align:center; line-height:16px;  padding:2%; font-family: 'Arima Madurai', cursive; }

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

.intro_txt{background-color:rgba(0, 0, 0, 0.7);color:#fff; width:50%; font-size:14px; z-index: 1; text-align:center; line-height:16px; position:absolute; top:20%; right:5%; padding:2%; font-family: 'Arima Madurai', cursive; }
}
@media only screen and (max-width: 767px) {
.intro_txt{background-color:rgba(0, 0, 0, 0.9); position: relative; float:left; width: :100%; margin-top: -30% !important; padding: 5%; clear:both; }
.menu-bar-bg{padding:0;  background: rgba(0, 0, 0, 0.95); width:100%; z-index:999; position: absolute}
	
}

@media only screen and (max-width: 540px) {
.intro_txt{background-color:rgba(0, 0, 0, 0.9); position: relative; float:left; width: :100%; margin-top: -60%; padding: 5%; clear:both; }
	
}



@media only screen and (min-width: 480px) {
 .cd-scrolling-bg {
 padding: 8em 0;
 font-size: 20px;
 font-size: 1.25rem;
 line-height: 2;
 font-weight: 300;
}

}
@media (max-width:768px) {
.carousel-caption {
 width: 75%;
}
.head{ font-size:20px}
.col-20 {
	width:33%;
	float:left;
	padding-left:15px;
	padding-right:15px;
}
}
@media (max-width:1024px) {
 .video_sec {
margin-top:10px;
}

}
.content {
	position: relative;
	width: 100%;
	margin: auto;
	overflow: hidden;
}
.content .content-overlay {
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.content:hover .content-overlay {
	opacity: 1;
}
.content-image {
	width: 100%;
}
.content-details {
	position: absolute;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.content:hover .content-details {
	top: 50%;
	left: 50%;
	opacity: 1;
}
.content-details h3 {
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.15em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}
.content-details p {
	color: #fff;
	font-size: 0.8em;
}
.fadeIn-bottom {
	top: 80%;
}
/*testimonial*/

section {
	padding:60px 0px;
}
.btn01 {
	width: 100%;
	overflow: hidden;
	position: relative;/* -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);*/
}
.btn01 img {
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
}
.btn01 .ovrly {
	background: rgba(0, 0, 0, 0.5);
	height: 100%;
	left: 0;
	top: -100%;
	width: 100%;
	position: absolute;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.btn01 .buttons {
	position: absolute;
	top: -100%;
	left: 50%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.btn01 .buttons .fa {
	margin: 0 1px;
	background: rgb(256, 256, 256);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: rgba(50, 50, 50, 0.9);
	display: inline-block;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	width: 40px;
	height: 40px;
}
.btn01:hover .buttons {
	top: 50%;
}
.btn01:hover .ovrly {
	top: 0;
}
h2 {
	font-weight: 600;
	margin-bottom:30px;
	text-align:left;
	line-height:1.2em;
	text-align:left
}
blockquote {
	border-left:0px solid #5c4e66;
}
.col-centered {
	float: none;
	margin: 0 auto;
}
.carousel-control {
	width: 8%;
	width: 0px;
}
.img-circle {
    border-radius: 50%;
    border: 6px solid #fff;

}
.carousel-control.left, .carousel-control.right {
	margin-right: 40px;
	margin-left: 32px;
	background-image: none;
	opacity: 1;
}
.carousel-control > a > span {
	color: white;
	font-size: 29px !important;
}
.carousel-col {
	position: relative;
	min-height: 1px;
	padding: 5px;
	float: left;
	text-align:center
}
.active > div {
	display:none;
}
.active > div:first-child {
	display:block;
}

/*xs*/
@media (max-width: 767px) {
 .carousel-inner .active.left {
left: -50%;
}
 .carousel-inner .active.right {
left: 50%;
}
 .carousel-inner .next {
left:  50%;
}
 .carousel-inner .prev {
left: -50%;
}
 .carousel-col {
width: 50%;
}
 .active > div:first-child + div {
display:block;
}
.sidebar {
	padding-left: 3%;
	border-left: 0px solid #ddd;
	margin: 0;
}
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
 .carousel-inner .active.left {
left: -50%;
}
 .carousel-inner .active.right {
left: 50%;
}
 .carousel-inner .next {
left:  50%;
}
 .carousel-inner .prev {
left: -50%;
}
 .carousel-col {
width: 50%;
}
 .active > div:first-child + div {
display:block;
}
}

/*md*/
@media (min-width: 992px) {
 .carousel-inner .active.left {
left: -33%;
}
 .carousel-inner .active.right {
left: 33%;
}
 .carousel-inner .next {
left:  33%;
}
 .carousel-inner .prev {
left: -33%;
}
 .carousel-col {
width: 33%;
}
 .active > div:first-child + div {
display:block;
}
 .active > div:first-child + div + div {
display:block;
}
}
/*lg*/


.block {
	width: 306px;
	height: 230px;
}
.btn-play {
	background:rgba(255, 255, 255, 0);
	border:1px solid #FFF;
	-webkit-border-radius:50%;
	border-radius:50%;
	color:#FFF;
	height:100px;
	/*-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);*/
-webkit-transition:all .4s cubic-bezier(.215, .61, .355, 1);
transition:all .4s cubic-bezier(.215, .61, .355, 1);
	width:100px;
	z-index:10;
	margin-top:1%;
}
/*.btn-play::after {
left:-280px;
position:absolute;
top:50%;
background-color:#FFF;
height:1px;
-webkit-transform:translate(0, -50%) scaleX(1);
-ms-transform:translate(0, -50%) scaleX(1);
transform:translate(0, -50%) scaleX(1);
-webkit-transform-origin:right center;
-ms-transform-origin:right center;
transform-origin:right center;
-webkit-transition:all .3s cubic-bezier(.215, .61, .355, 1);
transition:all .3s cubic-bezier(.215, .61, .355, 1);
width:300px
}*/
.btn-play:hover {
	color:#101010;
	background-color:#fff
}
.btn-play:hover::after {
-webkit-transform:translate(0, -50%) scaleX(0);
-ms-transform:translate(0, -50%) scaleX(0);
transform:translate(0, -50%) scaleX(0)
}
.box {
	padding:12px;
	border: 1px solid #ddd;
	margin-bottom:20px;
	background-color:#f2efff;
	border-radius:4px
}


/*top slider*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
} 
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
} 
.carousel-caption {
    text-shadow: 0 1px 4px rgba(0,0,0,.9);
  font-size:17px
}
.carousel-caption h3 {
  font-size: 30px;
  font-family: 'Lato', sans-serif;
}
    html,
    body,
    .carousel,
    .carousel-inner,
    .carousel-inner .item {
      height: 100%;
    } 
    .item:nth-child(1) {
      background:  url(../../images/neelakurinji/banner1.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
    }

    .item:nth-child(2) {
      background:  url(../../images/neelakurinji/banner2.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
    }

    .item:nth-child(3) {
  
  background:  url(../../images/neelakurinji/banner5.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  
    }


.inner_sec_main {
   margin-top: 3%;
   margin-bottom: 3%;
   padding-top: 2%;
   padding-bottom: 2%;
   background-color: #FFF;
}

.map-video{position:absolute; text-align:center; top:18%; left:0; right:0; color:#fff; 	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9); font-size: 17px;
font-weight: bold;}
	.map-circle1{position:absolute; z-index:999; top:40%; left:20%; text-align:center}
	.map-circle2{ position:absolute; z-index:999; top:5%;left:36%;}
	.map-circle3{position:absolute; z-index:999; top:12%; left:70%; text-align:center}
	.map-circle4{position:absolute; z-index:999; top:50%; left:52%; text-align:center}
	.map-circle5{position:absolute; z-index:999; top:40%; left:80%; text-align:center}
.bg-gradient {
    background-image:
    linear-gradient(
      red, #f06d06
    ); 
}
	h3 {
		font-size: 1.8rem;
		margin: 0 0 1rem 0;color: #983390; font-weight:bold
	}
	 .sec_txt{
font-size: 1.6rem; 
color: #983390; 
margin: 20px 0; 
padding: 2% 0; }
/*-----------close top slidr-----------------*/
.videoPlayer{padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden; position:relative;margin:0 0 20px 0;}
.videoPlayer iframe,.videoPlayer object,.videoPlayer embed {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%; max-width:1024px}
.box hr{margin:5px 0 8px 0; border-color:#ddd}
.btn-custom{ margin-top:5px; font-size:16px; color:#939}


	.map-circle-kurinji{position:absolute; z-index:999; top:46%; left:59%;}
	.map-circle-kochi{position:absolute; z-index:999; top:53%; left:35%;}
	.map-circle-palakkad{ position:absolute; z-index:999; top:2%; left:51%;}
	.map-circle-kumarakom{position:absolute; z-index:999; top:78%; left:44%;}
	.map-circle-alappuzha{position:absolute; z-index:999; top:89%; left:35%;}
	.map-circle-thrissur{position:absolute; z-index:999; top:12%; left:33%;}
	.map-circle-kochi img,.map-circle-palakkad img,.map-circle-kumarakom img,.map-circle-alappuzha img,.map-circle-thrissur img{width:40px; height:40px}
	@media only screen and (max-width: 768px) {	
	.map-circle-kochi img,.map-circle-palakkad img,.map-circle-kumarakom img,.map-circle-alappuzha img,.map-circle-thrissur img{width:25px; height:25px}
	}