* {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	outline: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*overflow-x: hidden;*/
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
header, section, article, aside, nav, footer, address {
	display: block;
}
body {
	font-family: 'open_sansregular',Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #333;
	overflow-x: hidden;
	min-width: 320px;
}
input,textarea,select{
	font-family: 'open_sansregular',Arial, Helvetica, sans-serif;
}
p{
	line-height: 1.6em;
}
br.clear{
	clear: both;
}
.left{
	float: left;
}
.right{
	float: right;
}
.thumb{
	display: block;
}
.thumb img{
	display: block;
	width:100%;
}
a:hover,[type="submit"]:hover{
	filter: alpha(opacity = 85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.wrapper {
	width: 90%;
	margin: 0 auto;
	max-width:1500px;
}


@font-face {
  font-family: 'fontello';
  src: url('../fonts/branches/fontello.eot?32905910');
  src: url('../fonts/branches/fontello.eot?32905910#iefix') format('embedded-opentype'),
       url('../fonts/branches/fontello.woff2?32905910') format('woff2'),
       url('../fonts/branches/fontello.woff?32905910') format('woff'),
       url('../fonts/branches/fontello.ttf?32905910') format('truetype'),
       url('../fonts/branches/fontello.svg?32905910#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */


 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-phone:before { content: '\e800'; } /* '' */
.icon-search:before { content: '\e801'; } /* '' */
.icon-right-open:before { content: '\e802'; } /* '' */
.icon-left-open:before { content: '\e803'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-facebook-circled:before { content: '\f30d'; } /* '' */


/*fonts*/
@font-face {
    font-family: 'ml-ttaathirabold';
    src: url('../fonts/mlaa0btt-webfont.woff2') format('woff2'),
         url('../fonts/mlaa0btt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ml-ttaathiraitalic';
    src: url('../fonts/mlaa0itt-webfont.woff2') format('woff2'),
         url('../fonts/mlaa0itt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ml-ttaathiranormal';
    src: url('../fonts/mlaa0ntt-webfont.woff2') format('woff2'),
         url('../fonts/mlaa0ntt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal
}
header .top{
	background-color: #EA5B53;
	padding: 6px 0;
    font-size: 17px;
}
header .top p{
	margin: 0 !important;
	font-family: 'open_sansregular',Arial, Helvetica, sans-serif;
	display: flex;
    align-items: center;
}
header .top p span{
	color: #fff;
	font-size: 18px;
	margin-right: 25px;

}

header .top p a{
	color: #fff;
	font-size: 14px;
}
header .top p a span.icon-twitter{
	margin-right: 0;
}
header .bottom{
	padding: 1% 0;
	background: #fff;
}
header .bottom div.left{
	width: 30%;
}
header .bottom div.left h1.kattadi{
	width: 70%;
}
header .bottom div.left h1{
	padding-left: 5%;
}
header .bottom div.left h1.kattadi-mud{
	width: 65%;
}
header .bottom div.left h1 a{
	display: block;
}
header .bottom div.left h1 a img{
    display: block;
    width: 100%;
}
header .bottom div.right{
	width: 70%
}
header .bottom div.right nav.menu{}
header .bottom span.close-icon,header .bottom span.menu-icon,header .bottom div.right div.mobile-menu{
	display: none;
}
header .bottom div.right nav.menu ul{
	float: right;
}
header .bottom div.right nav.menu ul li{
	float: left;
	margin-right: 30px;

}
header .bottom div.right nav.menu ul li a{
	font-family: 'ml-ttaathiranormal';
	color: #000;
    font-size: 23px;
    font-weight: lighter;
    line-height: 95px;
}
header .bottom div.right nav.menu ul li a.active{
	color: #DA3C1F;
}

header .bottom div.right nav.menu ul li a:hover{
	color: #DA3C1F;
}


#bank-image div.image{
	display: block;
}
#bank-image div.image img{
	display: block;
	width: 100%;
}
#home{
	padding: 5% 0;
	background: #EEEEEE;
}
#home div.left{
	width: 45%;
	padding-top: 3%;
}
#home div.left h2{
	font-size: 40px !important;
}
#home div.left p{
	font-family: 'ml-ttaathiraitalic';
	margin-top: 25px !important;
	line-height: 1.4em;
	font-size: 20px;
}

#home div.right{
	width: 50%;
}
#home div.right div.thumb{
	padding: 1% 10%;
}
#home div.right div.thumb img{
	display: block;
	width: 100%;
}

/*------(tab-style)----*/

.tabing {
  overflow: hidden;
/*  border: 1px solid #ccc;
  background-color: #f1f1f1;*/
}

/* Style the buttons inside the tabing */
.tabing button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 8px 30px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tabing button:hover {
  /*background-color: #ddd;*/
}

/* Create an active/current tablink class */
.tabing button.active {
  /*background-color: #ccc;*/
}

/* Style the tabing content */
.tabcontent {
  display: none;
  /*padding: 6px 12px;*/
  /*border: 1px solid #ccc;*/
  border-top: none;
}


.active{
	color: red;
}

#service-tab div.heading{
	text-align: center;
}
#service-tab div.heading h2{
	font-family: 'ml-ttaathirabold';
	margin-bottom: 4%;
	font-size: 35px;
	opacity: 0.7;
}

#service-tab{
	padding: 2% 0;
}
#service-tab div.container{
	padding: 2% 5%;
}
#service-tab .tabclass{}
#service-tab .tabclass .s-tab{
}
#service-tab .tabclass .s-tab div.tabing{
    margin-bottom: 4%;
    opacity: 0.7;
}
#service-tab .tabclass .s-tab div.tabing button{
	font-size: 18px;
	border-bottom: 2px solid ;
}
#service-tab .tabclass .s-tab div.tabing button:hover{
	color: #E74B36;
}
#service-tab .tabclass .s-tab div.tabing button .tablinks{
	border-bottom: 6px solid #e0dbdb;
}
#service-tab .tabclass .s-tab .tabcontent{}
#service-tab .tabclass .s-tab .tabcontent .tabpadding{
    /*padding: 0 5% 5% 5%;*/
}
#service-tab .tabclass .s-tab .tabcontent .tabpadding .image{
    float: left;
    display: inline-block;
    margin-right: 3%;
    width: 33%;
}
#service-tab .tabclass .s-tab .tabcontent .tabpadding .image img{
	display: block;
	width: 100%;
}
#service-tab .tabclass .s-tab .tabcontent .tabpadding .discription{
    float: left;
    width: 47%;
    padding: 2% 5%;
}
#service-tab .tabclass .s-tab .tabcontent .tabpadding .discription p{
	margin-bottom: 8%;
	opacity: 0.7;
	text-align: justify;
}
#service-tab .tabclass .s-tab .tabcontent .tabpadding .discription a.button{
	border-radius: 20px;
    padding: 13px 23px;
    background: #E54022;
    color: #fff;
    font-weight: bold;
}
/*-----(moblile)-------*/

#otherbranches div.moblile{
	display: flex;
}
#otherbranches div.mobile{
	display: flex;
	align-items: stretch;
}
#otherbranches div.left{
	width: 50%;
	background: #F7F7F7;
	position: relative;
    /*padding: 98px 4% 100px 12%;*/
}
#otherbranches div.left div.discription{
    position: absolute;
    top: 44px;
    left: 70px;
}
#otherbranches div.right img{
	display: block;
	width: 100%;
	height: 575px;
}
#otherbranches div.right{
	width: 50%;
}
#otherbranches div.left p{
	font-size: 22px !important;
	text-align: justify;
}
#otherbranches div.left h3{
	font-size: 45px;
    letter-spacing: 1px;
    color: #EB605B;
    margin-bottom: 5%;
    font-family: 'ml-ttaathiranormal';
}


/*...........other branches...........*/
#otherbranches{
	padding: 7% 0;
	background: #EEEEEE;
}
#otherbranches div.obraches{
	display: flex;
	align-items: stretch;
}
#otherbranches div.obraches  div.left-branch {
	width: 50%;
}
#otherbranches div.obraches div.left-branch img{
	display: block;
	width: 100%;
	height: 100%;
}
#otherbranches div.obraches  div.right-data{
	width: 50%;
    background-color: #EB605B;
    padding: 3% 8% 3% 4%;
    color: #fff
}
#otherbranches div.obraches  div.right-data p{
	font-size: 22px !important;
	margin: 13px 0;
}
#otherbranches div.obraches  div.right-data h3{
	font-size: 31px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 5% 0;
    font-family: 'ml-ttaathiranormal';
}

/*----------------style for social service page--------------*/

/*.............social services...........*/
#social-services.home_service{
	padding: 5% 0;
}
#social-services.home_service h2{
    text-align: center;
    margin-bottom: 3%;
    font-size: 32px;
    font-weight: bold;
    opacity: 0.8;
}
#social-services.home_service ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}
#social-services.home_service ul li {
	/*width: 80%;*/
	text-align: center;
	height: auto !important;
}
#social-services.home_service ul li div.top_social{
	width: 85%;
    margin: 0 auto;
}
#social-services.home_service ul li div.top_social img{
	display: block;
	width: 100%;
}
#social-services.home_service ul li div.bottom_social {
	padding: 0px 2% 3% 2%;
}
#social-services.home_service ul li div.bottom_social h3{
	margin: 15px 0;
	font-weight: bold;
	font-size: 25px;
}
#social-services.home_service ul li div.bottom_social p{
	color: #000;
	width: 80%;
	margin: 0 auto;
	text-align: justify;
}
#social-services.home_service ul li div.bottom_social a{
	font-weight: bold;
	color: #CC3F40;
	font-size: 19px;
}
#social-services section ul div.owl-nav button.owl-prev{
	display: inline-block;
    padding: 1px 13px !important;
    background: #da1112b8;
    color: #fff;
    margin-left: 15px;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 535px;
    left: 690px;
}
#social-services section ul div.owl-nav button.owl-next{
	display: inline-block;
    padding: 1px 13px !important;
    background: #da1112b8;
    color: #fff;
    margin-left: 15px;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 535px;
    left: 740px;
}
/*...........style for footer...........*/
#footer{
}
#footer .footer_top{
	padding: 50px 0;
	display: flex;
    justify-content: space-between;
    align-content: stretch;
}
#footer .footer_top ul li p{
	font-size: 18px;
	margin: 0 !important;
}
#footer .footer_top div.addres ul li p{
	font-family: 'open_sansregular',Arial, Helvetica, sans-serif !important;
	font-size: 17px !important;
}
#footer .footer_top div.addres div.toplogo{
	width: 80%;
}
#footer .footer_top div.addres div.toplogo img{
	display: block;
	width: 100%;
}
#footer .footer_top h4{
	font-size: 20px;
    font-weight: bold;
}
#footer .footer_top div{
	letter-spacing: 1px;
}
#footer .footer_top div.ftrlinks{
}
#footer .footer_top  ul {
	margin-top: 25px
}
#footer .footer_top ul li{
	font-size: 18px;
    margin: 7px 0;
}
#footer .footer_top  ul li a{
	color: #000;
}
#footer .footer_top  ul li a:hover{
	color: #e4261c;
	-webkit-transition: all .5s ease-in-out;
	text-decoration: underline;
}
#footer .footer_bottom{
	padding:10px 0;
	background-color: #C1C1C1;
}
#footer .footer_bottom p{
	text-align: center;
	margin: 0 !important;
	font-size: 15px !important;
	font-family: 'open_sansregular',Arial, Helvetica, sans-serif;
}
#footer .footer_bottom p span{
	color: #e4261c;
}
/*------(spotlight)------*/
#inner-page{}
#inner-page .spotlight{
	background: #D14341;
	padding: 60px 0;
}
#inner-page .spotlight h1{
	font-family: 'ml-ttaathirabold';
	text-align: center;
    font-size: 55px;
    color: #fff;
}


/*--------(responsive)-------*/

@media all and (max-width: 1500px){
	/*#otherbranches div.left{
    	padding: 10% 4% 7% 12%;
	}*/
	#otherbranches div.right img{
	    height: auto;
	}
	#social-services section ul div.owl-nav button.owl-prev{
	    top: 514px;
    	left: 650px;
	}
	#social-services section ul div.owl-nav button.owl-next{
		top: 514px;
    	left: 705px;
	}
	header .bottom div.right nav.menu ul li a{
		font-size: 19px;
	}
	#service-tab .tabclass .s-tab {
	    width: 120%;
	}
}
@media all and (max-width: 1400px){
	#social-services section ul div.owl-nav button.owl-prev {
	    /*top: 470px;
	    left: 577px;*/
	    display: none;
	}
	#social-services section ul div.owl-nav button.owl-next {
       /* top: 470px;
    	left: 687px;*/
    	display: none;
	}
	#otherbranches div.right img {
	    height: 528px;
	}
	#otherbranches div.obraches div.right-data h3 {
	    font-size: 26px;
	}
	#service-tab .tabclass .s-tab {
	    width: 106%; }
	#service-tab .tabclass .s-tab div.tabing button {
	    font-size: 18px;
	    border-bottom: 2px solid;
	}
	#otherbranches div.discription{
		top: 70px;
		left: 70px;
	}
}
@media all and (max-width: 1280px){
	#otherbranches {
	    padding: 3% 0;
	    background: #EEEEEE;
	}
	#social-services.home_service {
    	padding: 3% 0;
	}
	#footer .footer_top {
	    padding: 27px 0;
	    display: flex;
	    justify-content: space-between;
	    align-content: stretch;
	}	

	header .bottom div.left h1 a{
		width: 85%;
	}
	header .bottom div.right nav.menu ul li {
	    float: left;
	    margin-right: 15px;
	}
	header .bottom div.right nav.menu ul li form{
		display: none;
	}
	header .bottom div.right nav.menu ul li a{
		    font-size: 20px;
    	line-height: 49px;
	}
	#home div.left{
		padding-top: 0;
	}
	#home div.left p{
		margin-top: 12px !important
	}
	.tabing button{
		padding: 12px;
	}
	#service-tab .tabclass .s-tab .tabcontent .tabpadding .discription a.button{
		padding: 9px 17px;
		font-size: 15px;
	}
	/*#otherbranches div.left{
		padding: 12% 0% 7% 12%;
	}*/
	#otherbranches div.right img{
		height: 538px;
	}
	#social-services section ul div.owl-nav button.owl-prev{
		top: 468px;
    	left: 473px;
	}
	#social-services section ul div.owl-nav button.owl-next{
		top: 468px;
    	left: 539px;
	}
	#service-tab .tabclass .s-tab .tabcontent .tabpadding .discription{
		padding: 0;
		padding-left: 5%;
	}
	#home div.left h2,#service-tab div.heading h2,#otherbranches div.left h3,#social-services.home_service h2{
	    font-size: 35px !important;
	}
	#home div.left p,#otherbranches div.left p,#otherbranches div.obraches div.right-data p,#social-services.home_service ul li div.bottom_social p {
	    font-size: 18px !important;
	}
	#otherbranches div.right img {
	    height: 434px;
	}
	#otherbranches div.obraches div.right-data h3,#social-services.home_service ul li div.bottom_social h3{
		width: 100%;
   	 font-size: 22px;
	}
}
@media all and (max-width: 1200px){
	header .bottom div.left h1 a{
		width: 85%;
	}
	header .bottom div.right nav.menu ul li a {
	    font-size: 17px;
	    line-height: 49px;
	}
	#home div.left{
		padding-top: 0;
	}
	#home div.left p{
		margin-top: 12px !important;
		text-align: justify;
	}
	.tabing button{
		padding: 12px;
	}
	#service-tab .tabclass .s-tab .tabcontent .tabpadding .discription a.button{
		padding: 9px 17px;
		font-size: 15px;
	}
	/*#otherbranches div.left{
		padding: 12% 0% 7% 12%;
	}*/
	#social-services section ul div.owl-nav button.owl-prev{
		top: 450px;
    	left: 473px;
	}
	#social-services section ul div.owl-nav button.owl-next{
		top: 450px;
    	left: 539px;
	}
	#service-tab .tabclass .s-tab .tabcontent .tabpadding .discription{
		padding: 0;
		padding-left: 5%;
	}
	#otherbranches div.left h3{
	 	font-size: 25px !important
	}
	#otherbranches div.left p{
		font-size: 15px !important;
	}
}
@media all and (max-width: 980px){
	header .bottom div.right nav.menu{
		display: none;
	}
	header .bottom div.right div.mobile-menu{
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		height: 100%;
		text-align: center;
		padding: 125px 0;
		background: #fff;
	}
	header .bottom div.right div.mobile-menu ul li{
		display: block;
		line-height: 20px;
		margin: 0;
		margin-bottom: 55px;

	}
	header .bottom div.right div.mobile-menu ul li:last-child{
		margin-bottom: 0;
	}
	header .bottom div.right div.mobile-menu ul li a{
		color: #000;
		font-size: 25px;
	}
	header .bottom div.right div.mobile-menu ul li a:hover{
		color: red;
	}

	header .bottom span.menu-icon{
		display: block;
		float: right;
		width: 46px;
		height: 46px;
		line-height: 60px;
		text-align: center;
		cursor: pointer;
	}
	header .bottom span.menu-icon small{
		display: inline-block;
		width: 25px;
		height: 26px;
		background: url('../images/menu.png');
	}
	header .bottom span.close-icon{
		position: absolute;
		right: 60px;
		top: 45px;
		width: 32px;
		height: 32px;
		background: url('../images/error.png');
		cursor: pointer;
		z-index: 9;
	}

	#home div.left p,#otherbranches div.left p {
	    font-size: 15px !important;
    	text-align: justify;
	}
	#home div.left h2, #service-tab div.heading h2, #otherbranches div.left h3, #social-services.home_service h2 {
	    font-size: 30px !important;
	}
	#social-services.home_service ul li div.bottom_social p,#service-tab .tabclass .s-tab .tabcontent .tabpadding .discription p{
		font-size: 15px !important;
	}
	#otherbranches div.right img{
		height: 376px;
	}
	#otherbranches div.obraches{
		height: 450px;
	}
	#otherbranches div.obraches div.right-data h3, #social-services.home_service ul li div.bottom_social h3{
		font-size: 18px;
	}
	#home div.left h2, #service-tab div.heading h2, #otherbranches div.left h3, #social-services.home_service h2 {
	    font-size: 22px !important;
	    width: 100%;
	    text-align: center;
	}
	#service-tab .tabclass .s-tab .tabcontent .tabpadding .discription a.button {
	    padding: 9px 17px;
	    font-size: 14px;
	}
	#otherbranches div.obraches div.right-data h3{
		font-size: 18px;
		width: 100%;
	}
	#otherbranches div.obraches div.right-data p{
		font-size: 16px !important;
	}
	#social-services section ul div.owl-nav button.owl-prev{
		left: 366px;
	}
	#social-services section ul div.owl-nav button.owl-next{
		left: 430px;
	}
	#footer .footer_top ul li a {
	    font-size: 16px;
	}
	#footer .footer_top div.ftrlinks {
	    padding-right: 7%;
	}
	#footer .footer_top div.addres ul li p {
	    font-size: 15px !important;
	}
	#footer .footer_top h4{
		padding-top: 9%;
	}
	.s-tab{
		display: flex;

	}
	.tabing{
		width: 30%;
		margin-right: 6%;
	}
	.tabcontent{
		width: 70%;
	}
	#service-tab .tabclass .s-tab div.tabing button{
		width: 100%;
		padding: 10% 0;
	}
	#service-tab .tabclass .s-tab .tabcontent .tabpadding .image{
		width: 80%;
	}
	#service-tab .tabclass .s-tab .tabcontent .tabpadding .discription{
		width: 80%;
		padding: 0;
		padding-top: 5%;
	}
	#service-tab div.container{
		padding: 2% 5%;
	}
	#otherbranches div.left div.discription{
		top: 51px;
		left: 55px;
	}
	#otherbranches div.left div.discription h3{
		text-align: left;
	}
}
@media all and (max-width: 768px){
	header .bottom span.menu-icon{
		border: none;
		line-height: 50px;
	}
	#otherbranches div.left div.discription {
	    top: 44px;
	    left: 48px;
	}
	#home div.left h2, #otherbranches div.left h3{
		font-size: 30px !important;
	}
	/*#otherbranches div.left{
		padding: 12% 0% 6% 12%;
	}*/
	#otherbranches div.obraches div.right-data h3{
		font-size: 20px !important;
	}
	#otherbranches div.obraches div.right-data p{
		font-size: 16px !important;
	}
	#footer .footer_top div.addres{
		padding-left: 10%;
	}
	#footer .footer_top div.footer-branches{
		padding-left: 5%;
	}
	#footer .footer_top h4 {
	    padding-top: 9%;
	    font-size: 18px !important;
	}
	#footer .footer_top div{
		letter-spacing: 0;
		width: 42%;
	}
	#social-services section ul div.owl-nav button.owl-prev{
		left: 288px;
	}
	#social-services section ul div.owl-nav button.owl-next{
		left: 340px;
	}
	#service-tab .tabclass .s-tab div.tabing button{
		font-size: 17px;
	}
	header .bottom div.right div.mobile-menu ul li a {
	    font-size: 18px;
	}
	#home div.left h2, #service-tab div.heading h2, #otherbranches div.left h3, #social-services.home_service h2 {
	    font-size: 22px !important;
	}
	#home div.left p, #otherbranches div.left p {
	    font-size: 14px !important;
	}
	#social-services.home_service ul li div.bottom_social p, #service-tab .tabclass .s-tab .tabcontent .tabpadding .discription p {
	    font-size: 14px;
	}
	#otherbranches div.right img {
	    height: 332px;
	}
	#footer .footer_top div.ftrlinks {
	    display: none;
	}
	#otherbranches div.obraches div.right-data p,#social-services.home_service ul li div.bottom_social p{
	    font-size: 14px !important;
	}
	#otherbranches div.obraches {
	    height: 395px;
	}
	#otherbranches div.obraches div.right-data h3,#social-services.home_service ul li div.bottom_social h3{
	    font-size: 18px !important;
	}
	#service-tab .tabclass .s-tab .tabcontent .tabpadding .discription p {
	    margin-bottom: 3%;
	    opacity: 0.7;
	    text-align: justify;
	}
}
@media all and (max-width: 704px){
	#otherbranches div.right img {
	    height: 362px;
	}
}
@media all and (max-width: 660px){
	#otherbranches div.right img {
	    height: 354px;
	}
}
@media all and (max-width: 640px){
	header .bottom div.right div.mobile-menu ul li a{
		font-size: 18PX;
	}
	header .bottom div.left h1.kattadi {
	    width: 100%;
	}
	header .bottom div.right div.mobile-menu{
		width: 60%;
	}
	#social-services.home_service ul li div.bottom_social p, #service-tab .tabclass .s-tab .tabcontent .tabpadding .discription p {
	    font-size: 14px !important;
	}
	#home div.left,#home div.right,#otherbranches div.left,#otherbranches div.right{
		float: none;
		width: 100%;
	}
	#service-tab .tabclass .s-tab div.tabing button {
	    font-size: 16px;
	}
	#home div.left p{
		margin-bottom: 12px;
	}
	#otherbranches div.moblile{
		height: 549px !important;
	}
	#otherbranches div.obraches{
		height: 100%;
		flex-direction: column;
	}
	#otherbranches div.obraches div.left-branch,#otherbranches div.obraches div.right-data{
		width: 100%;
	}
	#social-services section ul div.owl-nav button.owl-prev{
		top: 488px;
		left: 190px;
	}
	#social-services section ul div.owl-nav button.owl-next{
		top: 488px;
		left: 257px;
	}
	#otherbranches div.right img{
		height: 346px;
	}
	.s-tab{
		display: flex;
		flex-direction: column;
	}
	.tabing{
		width: 100%;
		margin-right: 0;
	}
	#service-tab .tabclass .s-tab div.tabing button{
		width: 100%;
		border: none;
		padding: 3% 0;
	}
	#service-tab .tabclass .s-tab .tabcontent,#service-tab .tabclass .s-tab .tabcontent .tabpadding .image{
		width: 100%;
	}
	#service-tab .tabclass .s-tab .tabcontent .tabpadding .discription{
		width: 100%;
	}
	#service-tab div.container{
	    padding: 6% 5% 4%;
	}
	header .bottom span.close-icon{
		top: 25px;
		right: 30px;
	}
	#footer .footer_bottom p {
	    font-size: 14px !important;
	}
	#otherbranches div.moblile {
	    display: flex;
	    flex-direction: column;
	}
	#otherbranches div.left div.discription {
	    position: unset;
	    padding: 43px 22px 4px 33px;
	}
	#service-tab div.heading h2 {
	    font-family: 'ml-ttaathirabold';
	    margin-bottom: 0%;
	    font-size: 35px;
    	opacity: 0.7;
	}
	#service-tab .tabclass .s-tab div.tabing button {
	    width: 100%;
	    border: none;
	    padding: 2% 0;
	}
}
@media all and (max-width: 480px){
	#otherbranches div.left div.discription {
	    position: unset;
	    padding: 25px 32px 5px;
	}
	header .bottom div.left h1 a{
		width: 155%;
	}
	header .bottom div.right div.mobile-menu {
	    width: 65%;
	}
	header .bottom div.left h1.kattadi {
	    width: 70%;
	}
	header .bottom div.right div.mobile-menu ul li a{
		font-size: 15px;
	}
	#home div.left h2, #service-tab div.heading h2, #otherbranches div.left h3, #social-services.home_service h2 {
	    font-size: 20px !important;
	}
	#home div.left p, #otherbranches div.left p {
	    font-size: 14px !important;
	}
	#otherbranches div.left h3{
		text-align: left;
	}
	#social-services.home_service ul li div.bottom_social p, #service-tab .tabclass .s-tab .tabcontent .tabpadding .discription p{
		font-size: 14px !important;
	}
	#otherbranches div.obraches div.right-data h3, #social-services.home_service ul li div.bottom_social h3 {
	    font-size: 17px !important;
	}
	#social-services section ul div.owl-nav button.owl-prev{
		left: 150px;
		top: 450px;
	}
	#social-services section ul div.owl-nav button.owl-next{
		left: 210px;
		top: 450px;
	}
	#footer .footer_top div.addres div.toplogo{
		width: 100%;
	}
	#footer .footer_top{
		flex-direction: column;
	}
	#footer .footer_top div{
		width: 100%;
		text-align: center;
	}
	#footer .footer_top div.addres div.toplogo img{
		width: 55%;
		margin: 0 auto;
	}
	#footer .footer_top{
		padding-bottom: 20px;
	    padding-top: 36px;
	}
	header .top p.right{
		width: 20%;
	}
	#footer .footer_top div.ftrlinks{
		display: none;
	}	
}
@media all and (max-width: 380px){
	#footer .footer_top {
		padding-bottom: 20px;
		padding-top: 13px;
	}
	#otherbranches div.moblile {
    	height: 500px !important;
	}
	#footer .footer_top h4 {
    	padding-top: 3%;
    	font-size: 22px !important;
	}
	#footer .footer_top ul {
    	margin-top: 8px;
	}
	#otherbranches div.right img{
		height: 280px;
	}
	#home div.left h2, #service-tab div.heading h2, #otherbranches div.left h3, #social-services.home_service h2 {
	    font-size: 18px !important;
	}
	#social-services.home_service h2 {
	    font-size: 18px !important;
	}
	#social-services section ul div.owl-nav button.owl-prev{
		top: 420px;
		left: 105px;
	}
	#social-services section ul div.owl-nav button.owl-next{
		left: 175px;
		top: 420px;
	}
	#social-services.home_service h2{
		font-size: 22px;
	}
	header .bottom div.left h1 a{
		width: 222%;
	}
	#service-tab div.heading h2{
		font-size: 30px;
	}
	header .bottom div.right div.mobile-menu{
		width: 100%;
	}
	header .top p.right{
		width: 28%;
	}
	#footer .footer_bottom p{
		font-size: 14px !important;
	}
}
@media all and (max-width: 320px){
	#home div.left h2, #otherbranches div.left h3{
		font-size: 22px !important;
	}
	#home div.left p{
		font-size: 14px !important;
	}
	#service-tab div.heading h2{
		font-size: 27px;
	}
	#social-services.home_service h2 {
	    font-size: 20px !important;
	}
	#footer .footer_top {
	    padding-top: 20px;
	}
	#otherbranches div.left h3 {
	    font-size: 16px !important;
	}
}