.btn-submit { background-color:#9d7c3d}

#menu, .view-728 { display:none }
.flr { float:right !important }
.sucessMsg { padding:15px; margin:30px; border-radius:15px;  background-position:10px 10px;  background-image:url(http://www.kottiyoordevaswom.com/images/foot-btm-bg.png); background-position:center center;  min-width:200px; margin:30 auto  }
.success-icon, .error-icon { background-image:url(http://www.kottiyoordevaswom.com/images/success.png); background-repeat:no-repeat; padding-left:25px; color:#FFF; }
.error-icon {  background-image:url(http://www.kottiyoordevaswom.com/images/error.png); color:#FDF5C6 }

.success-icon a:link, .success-icon a:visited, .error-icon a:link, .error-icon a:visited { color:#CCC }
   /* styles for desktop */
   /* styles for desktop */
    .tinynav, .tinynav_label { display: none }
    #nav .selected a, #nav2 .selected a { color: red }
    /* styles for mobile */
    @media screen and (max-width: 860px) {
      .tinynav, .tinynav_label { display: block }
      #nav, #nav2 { display: none }
	  .sideBar { width:100%; background-image:none; padding:15px 0; top:-52px;  } 
	  .sideBar  select { width:200px; font-size:11pt; margin:0 auto }
	  .sideBar .align { background-image:none; padding:0; margin-top:-27px; }
	  .content-section { padding-right:0; margin-top:40px; }
	  .tinynav_label { text-align:center }
	  
    }

.float-panel {   }
.float-btn-lrg { position:absolute; right:0; z-index:20000; width:300px; }
.float-btn-smallScrn  { display:none }


.mm-menu.mm-theme-white { background-image:url(http://www.kottiyoordevaswom.com/images/bg-right.png); background-position:right top }

.logo-mobile, .view-880 { display:none }
.listing li { display:block; padding:3px 0 3px 15px; background-image:url(http://www.kottiyoordevaswom.com/images/arrow-list.gif); background-repeat:no-repeat; background-position:left 7px;   }
.twocolumn-list ul { display:block; float:left; width:50%; }
.welcome-image img, .pro-slide-img img, .subBanner img, .project-land img {
        display: inline-block;
        width: 100%;
		min-height:100px; background:url(http://www.kottiyoordevaswom.com/images/loading.gif) no-repeat center center
		
   }

.chbk { font-size:16pt; text-align:center; padding-top:40px; }
.service-foot-parall { position:relative; z-index:15000}
.fixed {  }
.fixed .header-right, .mobBanner620 { display:none }
.fixed .logo { height:auto; width:70px;  }
.breadCrb { float:right; }
.breadCrb li { display:block; float:left;  }
.breadCrb a:link, .breadCrb a:visited {color:#A88847;  display:block; padding:3px; font-size:10pt; text-transform:lowercase; background-image:url(http://www.kottiyoordevaswom.com/images/bullet.png); background-repeat:no-repeat; background-position:right 6px; padding-right:15px; padding-left:0 } 
.breadCrb .active { color:#A88847; font-weight:bold; padding-right:0 !important; background-image:none !important; }
.banner-mob, .header, .mm-navbars-bottom, #hamburger { display:none; }
.breadCrb li { display:inline-block; padding-left:10px }

.mm-search { display:none !important; height:0; padding:0 }
.mm-hasnavbar-top-2 .mm-panels { top:46px }
.mm-navbars-top .mm-navbar:first-child { display:none;}
.mm-listview > li > a, .mm-listview > li > span { color:#444444 }

a[href^="tel"]:link,
a[href^="tel"]:visited, 
a[href^="tel"]:hover {
    text-decoration: none;
    pointer-events: none;
    cursor: default;
}

/* Adjust px here (1024px for tablets maybe) */
@media only screen and (max-device-width: 480px) { 
    a[href^="tel"]:link,
    a[href^="tel"]:visited,
    a[href^="tel"]:hover {
        pointer-events: auto;
        cursor: pointer;
    }
}

@media screen and (max-width:1200px) {
.cpr-wrapp { clear:both; float:none; width:100%; text-align:center; padding-top:20px; }
.foot-menu ul { padding-right:46px; }
.foot-address .align { padding:0 0 0 70px; border-right:none;  }
.footerlnk { padding-right:70px }
.footer-menu ul { padding-right:40px; }
}
@media screen and (max-width:1060px) {
	.main-menu .container, .second-menu .container { width:100%; }
	.second-menu .container { width:800px; }
.ddsmoothmenu ul li a { padding:15px 15px }
.widget-why-align { background-position:140% top }
.widget-why-align .align { width:80%; }
.welcome-block-right, .welcome-block-left { width:50%; }
.welcome-block-right .align { padding:0 35px }
.quick-links-parall { padding:60px 0 }
.boxed-links { width:400px; }
.boxed-links .box-link-text { font-size:12pt }
.what-text { padding-right:430px }
.foot-gallery {  }
.foot-menu, .foot-gallery, .foot-address { width:33% }
.foot-menu ul { padding-right:45px;
}
.foot-top { background-size:70px 98px; padding-left:90px; }
.foot-gallery a { display:block; padding-right:40px; }
.project-land .pro-th { width:164px; }
.pro-teaser, .project-land li .align, .view-MImg { position:static }
.pro-teaser-cnt { margin-left:163px;  }
.proj-name { min-height:90px }
.prj-img-sing { width:330px }

.photo-gallery li, .sub-pg-img li { width:25% }

.header-right { background-position:357% top }
.header-left { background-position:-67% top }
.vazhipadu-list li { width:20%; }

}

@media screen and (max-width:990px) {

.widget-qlinks .container, .sub-btm-widget .container { width:90%; }
.footer-menu ul { padding-right:20px  }
 .ePoojaLink { padding:0 33px }
.brd-member li { width:25% }
}
@media screen and (max-width:960px) {
	.second-menu { display:none }
	#hamburger, .header, #menu { display:block;}
	#hamburger { background-color:#000; top:7px  }
	.hamburger { height:25px; padding:7px; }
.subpage-sevice-land li { width:33%; }
.foot-gallery { display:none }
.foot-menu, .foot-gallery, .foot-address  { width:50%; }
.boxed-links { width:310px; font-size:11pt; display:none }
.what-text { padding-right:0px; }
.sub-qLInk { display:none }
.sub-serv-foot { width:100%; }
.sub-serv-foot .align { padding-left:0 }
.pro-sing-cnt { position:static; float:none; clear:both; margin:0 auto } 
.prj-img-sing{ position:static; float:none; clear:both; margin:0 auto } 
.pro-sing-cnt .align { padding:30px 0 }
.header-right { padding-top:15px; }
.header-right { position:relative; z-index:14000 }
.mythLink span, .ePoojaLink span, .rtualsLink span, .visakaLink span { font-size:18pt }
.mythLink span, .ePoojaLink span, .rtualsLink span, .visakaLink span { background-size:62px 67px; padding-left:77px; }
.wid-temp-hd { padding-top:0 }
.rtualsLink { padding-left:0 }
}
@media screen and (max-width:880px) {
	.banner-prgrph-pstn p { text-align:center }
	.view-880 { display:block } 
	.hide-880 { display:none }
.widget-qLInk-banner li { width:50%; }
.widget-qLInk-banner li:nth-child(2) {
 display:none;
 }
.footerWrapp .container { width:90%; }
.foot-menu ul { padding-right:45px; }
.widget-why-align { background-image:none }
.banner-prgrph-pstn { position:static; }
.banner-left, .welcome-block-left { width:100%; }
.banner-img-01 { text-align:center; padding-top:30px; }
.banner-img-01 img { width:300px;}
.welcome-block-right { float:none; clear:both; width:500px; margin:30px  auto 0 auto; padding-top:30px; }
.listing li { padding-right:35px; }
.ph-gall li { width:30.6%; }
.cnt-ad-wrapp { width:100%; }
.footer-menu { width:100%; }
.brd-member li  { width:33%;  }
.footer-menu ul { width:100%; text-align:center; padding:0 }
.footer-menu li {display:inline-block; padding:0 10px; }
.vazhipadu-list li { width:25%; }
.fst19  { width:auto; overflow-x:auto }
.fst19  table { width:100%  }


}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

	}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	

}


@media screen and (max-width:768px) {
.footerlnk { padding-right:40px }  
.foot-address .align { padding:0 0 0 40px }
.foot-top { background-image:none; padding:0 }
.foot-menu { width:100%; text-align:center }
.foot-menu ul, .foot-address, .cpr, .design { width:100%; text-align:center; }
.foot-menu li { display:inline-block; }
.foot-address { margin-top:30px; }

.cpr, .design { padding:5px 0 }
.cpr { padding-top:60px; }
.quick-links-parall li { width:100%; float:none; clear:both; padding:15px 0; background-image:none; text-align:center }
.more-link { clear:both; float:none; margin:0 auto; width:120px; padding:10px }
.header-wrapp { position:static }
.smo { position:static; width:128px; margin:10px auto 0 auto }
.logo-mobile { display:block; width:300px; margin:0 auto }
.logo { display:none }

.logo-mal, .logo-eng { position:static; margin:0 auto  } 

.header-right { background-position:23% top }
.header-left { background-position:329% top }


.photo-gallery li, .sub-pg-img li { width:33% }
.how-reach { position:static; margin:0 auto; clear:both; float:none }
.google-maps { margin-right:0; }
.float-btn-lrg { position:absolute; right:0; z-index:20000; width:300px; display:none }


.float-btn-smallScrn { position:static; display:block; z-index:20000; margin:0 auto; width:100%; left:0; margin-bottom:20px } 
.float-btn-smallScrn img { width:280px; }
.scroll-left, .scroll-right, .sroll-strip .container { background-image:none !important }
.sroll-strip { margin-top:0 }
.scroll-right { padding:30px 0 }
.vazhipadu-list li { width:33%; }
.help-line { position:relative; width:276px; margin:0 auto; padding-left:0; }
}
@media screen and (max-width:728px) {
.foot-menu ul { padding-right:26px; }
.quiclLinkOuts li { width:100%; height:auto }
.widget-why-align { height:auto }
.container{ width:85% }

.top-smo, .top-call { float:right; }

.foot-menu ul { padding-right:0 }
.wid-temp-text { width:100%; }
.wid-temp-text .align { padding-left:0 }
.wid-temp-img { width:100%; text-align:center }
.wid-temp-img img { width:400px; }
.vazhipaduTbl { width:100% }
.vaisaka-vazi li { display:block; float:left; width:100%; }
.widget-qlinks, .sub-btm-widget { display:none }
.ePoojaLink { background-image:none; float:none; clear:both; width:300px; margin:0 auto; }
.widget-ikkre, .widget-akkre { clear:both; float:none; margin:15px 0; }
.readMore { clear:both; float:none; margin:0 auto }
.wid-temp-hd h2 { text-align:center }
.widget-ikkre { margin-top:30px; }
.cpr { padding-top:30px; }
.temple-name { width:100%; text-align:center }
.select-vazhi { margin:15px auto; width:100%; }
.select-vazhi a:link, .select-vazhi a:visited { width:100%; padding:6px 0 6px 0px; text-align:center; background-position:95% 10px; margin:0  }

}
@media screen and (max-width:700px) { 
.index-project-wrapp { display:none }
.what-we-wrapp { padding-top:40px; }
.tabs-container h2.accordion { background-color:#AB8A49 }
h2.tab-active { background-color:#000 }

}
@media screen and (max-width:690px) { 
.foot-address { clear:both; float:none; margin:10px auto 0 auto; border:none; padding:0; width:100%; }  
.foot-address .align { padding:0; border:none; text-align:center }
.footerlnk { display:none }
.foot-address ul { width:180px; margin:0 auto } 
.quiclLinkOuts li { padding:20px 0 20px 0 }

.news-widget, .address-widget { width:100%; }
.news-widget .align { padding-right:0 }
.address-widget .align { padding-left:0; padding-top:20px; }
.widget-gallery { display:none }
.wid-temp-text { margin-bottom:30px; padding-top:30px; }
.brd-member li  { width:49% }
.mobBanner620 { display:block }
.large-banner { display:none; }
.siva-img img { width:43%; }
.caption-wrapp  img { width:100%; }
.news-widget, .address-widget { text-align:center }
}
@media screen and (max-width:640px) {
.logo {   padding:10px; }
.widget-qLInk-banner li:last-child { display:none }
.widget-qLInk-banner ul {  margin:0 auto; width:300px; margin:0 auto}
.widget-qLInk-banner li { width:100%;}
.bx-wrapper .bx-controls-direction .bx-prev { left:0 }
.bx-wrapper .bx-controls-direction .bx-next { right:0 }
.subpage-sevice-land li { width:50%; }
.welcome-block-right { width:100% }
.welcome-block-right .align { padding:0 }
.logo { width:70px; }
.header-wrapp { position:static }
.header-right { padding-top:3px; padding-right:40px; padding-bottom:0 }
.smo { padding:5px; }
.contact-wrapp, .feed-form { width:100%; }
.contact-page { margin:30px 0 }
.logo { position:static; clear:both; float:none; margin:0 auto; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0) }
.header-wrapp { height:auto }
.header-right { clear:both; margin:0 auto; padding:10px 0 ; float:none}
.pro-sing-cnt { width:100%; }
.brd-member p { min-height:100px; }

.mythLink span, .ePoojaLink span, .rtualsLink span, .visakaLink span{ line-height:normal; border:none; }
.sub-btm-widget .mythLink, .sub-btm-widget .ePoojaLink, .sub-btm-widget .rtualsLink, .visakaLink { padding:0 }
.footerWraapp, .address-widget address { text-align:center }
.widget-ikkre .wid-temp-text .align { padding-right:0 }

.sroll-strip h3, .wid-temp-hd h2, .sub-title h3, .btmTitle { font-size:28pt; padding-left:0 }
.logo-mobile { width:80%; }
.helpcnt-no { padding-left:0; }
}

@media screen and (max-width:580px) {
.project-land .pro-th { width:120px; float:none; clear:both; margin:0 auto }
.pro-teaser-cnt { margin-left:0; border:0 !important}
.pro-teaser { border:none; }
.proj-name { min-height:0; text-align:center }
.project-land li { border:1px solid #d1d1d1; text-align:center }

.oth-elev li { width:35%; }
.listing li { padding-right:0px; }
.twocolumn-list ul { width:100%;  }
.client-list li {width: 30%;}
.boxed-links2 {width: 275px;}
.scroll-right { height:auto }
.photo-gallery li, .sub-pg-img li { width:50% }
.how-reach, .cnt-addrss { width:90%; padding:4%; }
.contact-wrapp { padding:0 }
.welcomeTitle .timgL, .welcomeTitle .timgR  { padding:0 }
.widget-qlinks, .ePoojaLink { padding:0 }
.main-menu, .second-menu { display:none }
.vazhipaduTblWrapp, .accom-table { padding:15px; text-align:left }
.vazhipaduTbl { padding:0 }
}

@media screen and (max-width:460px) {
	.banner-mob { display:block; }
	.banner-large { display:none }
	.service-slider p { display:none }
.service-slider h3 { font-size:10pt; }
.prj-img-sing { width:100%; }
.oth-elev li { width:45%; }
.logo { position:static }
.akkare, .ikkare { width:100% }
.header-right { width:100% }
.ph-gall li { width:46% }
.top-call { width:100%; text-align:center; padding-left:0; padding-right:0; }
.top-smo { clear:both; float:none; margin:0 auto; width:100px; }
.down-eb-gall { width:100%; padding:30px 0 }

.vazhipadu-list li { width:50%; }
.helpcnt-no { width:100%; }

}


@media screen and (max-width:420px) {
	.subpage-sevice-land li { width:100%; }
	.boxed-links2 .box-link-text2{font-size: 9pt;}
	.pro-sing-cnt { margin: 0;width: 100%;}
	.oth-elev li {width:100%; clear:both; float:none; margin-bottom:10px;}
.logo-mobile { display:block; width:100%; margin:0 auto }
.scroll-right { padding:0 }
.welcomeTitle, .sub-title { font-size:31pt; }
}
@media screen and (max-width:340px) {
	
.down-eb-cn { width:96%; padding:2% }

}


.draw {
  background: none;
  border: 0;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 2px #fff;
  color: #f45e61;
  font-size: inherit;
  font-weight: 700;
  position: relative;
  vertical-align: middle;
}
.draw::before, .draw::after {
  box-sizing: inherit;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

.draw {
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}
.draw::before, .draw::after {
  border: 2px solid transparent;
  width: 0;
  height: 0;
}
.draw::before {
  top: 0;
  left: 0;
}
.draw::after {
  bottom: 0;
  right: 0;
}
.draw:hover {
  color: #fff;
}
.draw:hover::before, .draw:hover::after {
  width: 100%;
  height: 100%;
}
.draw:hover::before {
  border-top-color: #60daaa;
  border-right-color: #60daaa;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.draw:hover::after {
  border-bottom-color: #60daaa;
  border-left-color: #60daaa;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.meet:hover {
  color: #fbca67;
}
.meet::after {
  top: 0;
  left: 0;
}
.meet:hover::before {
  border-top-color: #fbca67;
  border-right-color: #fbca67;
}
.meet:hover::after {
  border-bottom-color: #fbca67;
  border-left-color: #fbca67;
  -webkit-transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
  transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}

.center:hover {
  color: #6477b9;
}
.center::before, .center::after {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.center::before {
  border-top: 2px solid #6477b9;
  border-bottom: 2px solid #6477b9;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
}
.center::after {
  border-left: 2px solid #6477b9;
  border-right: 2px solid #6477b9;
  -webkit-transform: scale3d(1, 0, 1);
          transform: scale3d(1, 0, 1);
}
.center:hover::before, .center:hover::after {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.spin {
  width: 5em;
  height: 5em;
  padding: 0;
}
.spin:hover {
  color: #0eb7da;
}
.spin::before, .spin::after {
  top: 0;
  left: 0;
}
.spin::before {
  border: 2px solid transparent;
}
.spin:hover::before {
  border-top-color: #0eb7da;
  border-right-color: #0eb7da;
  border-bottom-color: #0eb7da;
  -webkit-transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
  transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.spin::after {
  border: 0 solid transparent;
}
.spin:hover::after {
  border-top: 2px solid #0eb7da;
  border-left-width: 2px;
  border-right-width: 2px;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  -webkit-transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
  transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
}

.circle {
  border-radius: 100%;
  box-shadow: none;
}
.circle::before, .circle::after {
  border-radius: 100%;
}

.thick {
  color: #f45e61;
}
.thick:hover {
  color: #fff;
  font-weight: 700;
}
.thick::before {
  border: 2.5em solid transparent;
  z-index: -1;
}
.thick::after {
  mix-blend-mode: color-dodge;
  z-index: -1;
}
.thick:hover::before {
  background: #f45e61;
  border-top-color: #f45e61;
  border-right-color: #f45e61;
  border-bottom-color: #f45e61;
  -webkit-transition: background 0s linear 0.4s, border-top-color 0.15s linear, border-right-color 0.15s linear 0.15s, border-bottom-color 0.15s linear 0.25s;
  transition: background 0s linear 0.4s, border-top-color 0.15s linear, border-right-color 0.15s linear 0.15s, border-bottom-color 0.15s linear 0.25s;
}
.thick:hover::after {
  border-top: 2.5em solid #f45e61;
  border-left-width: 2.5em;
  border-right-width: 2.5em;
}