body {
}

 
 
@font-face {
  font-family: 'meeraregular';
  font-style: normal;
  font-weight: 400;
  src: url(https://smc.org.in/downloads/fonts/meera/Meera.woff2?v=7.0) format('woff2'), url(https://smc.org.in/downloads/fonts/meera/Meera.woff?v=7.0) format('woff'), url(https://smc.org.in/downloads/fonts/meera/Meera.ttf?v=7.0) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+0D01-0D7F, U+200C-U+200D, U+25CC;
}

@font-face {
  font-family: 'meera2';
   src: url(../Font/Meera.ttf);
   font-style: normal;
}

@font-face {
  font-family: 'Manjari-Regular';
   src: url(../Font/Manjari-Regular.ttf);
   font-style: normal;
}

.maincontainer
{
    width:100%;
   
    height:inherit;
    background-color:#fae3b2;
    text-align:center;
    padding: 0 3% 0 4%;
    overflow:hidden;
}
.tutu
{
 width:100%;
 text-align:center; 
  background-color:transparent; 
    }
    
.sliderarea
{
    height:auto;
    width:100%;
    overflow:hidden;
}
.sliderarea img
{
    background-color:Green;
    height:auto;
    width:100%;
}
.LargeSlide
{
    display:inline-block;
}
.SmallSlide
{
    display:none;
    
}
 @media(max-width:767px)
{
.LargeSlide
{
    display:none;
}
.SmallSlide,.SmallSlide>img
{
    display:inline-block;
    width:100%;
    
}
}


.box1
{
 width:70%;
 height:auto;
 background-color:transparent;
 text-align:center;
}   
    
    
.matt1
{
   width:44%;
   height:236px;
   float:left;
   background-color:transparent;
   text-align:left;
   margin: 0px 3% 0 3% ;
   color:Black;
   padding-top:10px;
    font-family: 'Manjari-Regular';
    font-weight:400;
    font-style:normal;
    font-size :16px;
    line-height:20px;
}
.matt1 img
{
  width:100%;
}
.sld2
{
   width:48%;
   margin:0 1% 0 1%;
   height:auto;
   float:left;
   background-color:transparent;
   border-radius: 10px;
   display:inline-block;
   padding: 0px 0px 0 0px;
   cursor:pointer;
   overflow:hidden;
   
   
}

 
 
 
 
 
 

.long
{
 width:100%;
 background-color:Fuchsia;
 float:left;
 margin-top:27px;
 height:auto;
 background-color:transparent;
 color:Black;
 padding:10px 15px 0 15px;
 font-family: 'Manjari-Regular';
    font-weight:400;
    font-style:normal;
    font-size :16px;
    line-height:20px;
    text-align:left;
}
.long h7 a
{
 
  padding-top:22px;
   float:right; 
   font-family: 'Manjari-Regular';
   font-size :21px;
   line-height:25px;
   text-align:justify;
   color:#b82c01;
  
   
}

.long h7 a:hover
{

   font-size :22px;
   line-height:22px;
   font-family: 'Manjari-Regular';
   color:#b82c01;
   
}
.varthabox
{
    
 width:30%;
 height:auto;
 background-color:#e7dba3;
 float:left;
 vertical-align:top;
 font-family: 'Manjari-Regular';
   font-size :22px;
   line-height:25px;
   text-align:justify;
   color:Black;
   font-weight:400;
 
 }
 .box1,.varthabox{ float:left; display:inline-block; margin-top:27px;}
 
 .varthahead
 {
     min-height:55px;
     height:auto;
     width:100%;
     text-align:center;
     background-color:#9a2f00;
     margin-bottom:20px;
     font-family: 'meera2';
   font-size :25px;
   line-height:25px;
   text-align:justify;
   color:#fff;
   padding:20px 0 0 0;
   text-align:center;
 }
  .varthacont
{
 margin:3px 5% 2px 5%;
 padding:10px 5px 5px 5px;
 min-height:81px;
 height:auto;
 width:90%;
 text-align:left;
 border-radius: 15px;
 background: #f0e8bf;
 float:left;
 color:Black;
 font-family: 'Manjari-Regular';
    font-weight:400;
    font-style:normal;
    font-size :15px;
    line-height:20px;
    overflow:hidden;
 
}

.varthacont>h1
{
 padding-top:0px;
 float:left;
 float:right; 
   font-family: 'Manjari-Regular';
   font-size :17px;
   line-height:25px;
   text-align:left;
   color:#b66e47;
   cursor:pointer;    
}
.varthaimg
{
    width:100%;
    padding:10px 10px 10px 10px;
}
.varthaimg img
{
    width:100%;
    border:5px solid #fff;
    margin-top:15px;
}

.PradhanaSec
{
    background-color:transparent;
    width:100%;
    display:inline-block;
    margin:10px 0 0 0;
    font-family:'Manjari-Regular';
}
.PradhanaCont
{
    width:48%;
    margin:0 1% 0 1%;
     background-color:#e09025;
     float:left;
     min-height:100px;
     height:auto;
     font-family:'Manjari-Regular';
     font-size:16px;
}
.PradhanaCont>h1
{
    font-family:'Manjari-Regular';
    font-size:20px;
    color:#b82c01;
    font-weight:600;
}
 
  @media(max-width:767px)
{
 .PradhanaCont
{
    width:98%;
    margin:0 1% 0 1%;
     background-color:#e09025;
     float:left;
     min-height:100px;
     height:auto;
}
}   





.footer
{
 width:100%;
 height:195px;
 background-color:#e09025;
 position:static;
 padding:10px 0 10px 0; vertical-align:middle;
 
}
.footercontainer
{
    width:94%;
    height:185px;
    background-color:#e09025;
    text-align:center;
    margin: 0 3% 0 3%;
     overflow:hidden;
    
}
.footerleft
{
  width:35%;
  min-width:300px;
 text-align:center;
 background-color:transparent;
 padding:0 5% 0 50px;
 }
 .footerleft:li
{
  width:165px;
  height:auto;
  float:left;
 
 }
 
.footercenter
{
  width:35%;
 text-align:left;
 font-family:Arial;
 font-size:22px;
 color:#f8f2e9;
 vertical-align:middle;
 padding:35px;
 line-height:35px;
 background-color:transparent;
 }
 .footerright
{
  width:30%;
 
 background-color:transparent;
 padding :10px 0 0 0;
 
 }
 .footerright img
{
 width:100%; 
 margin-right:20px;
 
 }
 
 
 
 .footerleft,.footercenter,.footerright{ display:inline-block;height:175px;  float:left;}
 
 .thalukal
 {
  height:30px;
  width:150px;
  text-align:center;
  float:left;
  background-color:transparent;
  vertical-align:middle;
  padding:7px;
  margin:15px 0 0 0;
  color:black;
  font-family:'Manjari-Regular';
    font-weight:600;
    font-style:normal;
    font-size :18px;
    line-height:20px;
    text-align:left;
  
  
 }
 .thalukal > a
 {
    cursor:pointer;
    color:black;
    font-family:'Manjari-Regular';
    font-weight:600;
    font-style:normal;
    font-size :18px;
    line-height:20px;
    text-align:left;
 }
 
  .thalukal > a:hover
 {
   cursor:pointer;
    color:#fff;
   font-family:'Manjari-Regular';
    font-weight:600;
    font-style:normal;
    font-size :18px;
    line-height:20px;
    text-align:left;
 }
 @media(max-width:767px)
{
    .footer
{
  width:100%;
  height:auto;
}
.footercontainer
{
    width:100%;
  height:auto;
}
.footerleft
{ width:100%;
  height:auto;
}
.footercenter
{ width:100%;
  height:auto;
}
.footerright
{ width:100%;
  height:auto;
}
.footerright img
{ width:90%;
  height:auto;
}
}
 /*------------------------Ulsavangal-------------------------*/
 /*-----------------------------------------------------------*/
 
 .ulsavangal
 { 
   background-color:#fae3b2;
   text-align:center;
   padding-top:50px;
   font-family: 'Rachana';
   font-size :22px;
   line-height:35px;
   text-align:left;
   color:#9c2800;
   font-weight:400;
 }
 
 .bgtemple>h1
 { 
   width:500px;
   background-color:#9c2800;
   padding:15px 10px 10px 10px;
   font-family: 'Rachana';
   font-weight:bold;
   font-size :25px;
   line-height:25px;
   text-align:center;
   color:#fff;
   font-weight:400;
 }
 
.ulsavahead
{  
   width:500px;
   background-color:#9c2800;
   padding:15px 10px 10px 10px;
   font-family: 'Rachana';
   font-weight:bold;
   font-size :25px;
   line-height:25px;
   text-align:center;
   color:#fff;
   font-weight:400;
    }
 
 headU
 {
     background-color:#9c2800;
     color:White;
      border-radius: 8px;
     font-weight:bold;
     font-size:20px;
     padding: 10px ;
     text-align:left;
     float:left;
     
 }
 
  #ds a
 {
     margin:0px;
     margin-top:7px;
    
 }
 
  #ds
  {
      max-height:20px;
  }
 
@media(max-width:767px)
{
   .box1
{
 width:100%;
 height:auto;
 background-color:transparent;
 text-align:center;
 margin:0 0 0 0;
 padding:0 0 0 0;
 text-align:center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.box1 img
{
 width:100%;
 text-align:center;
 margin-bottom:30px;
}
.matt1
{  
   width:100%;
   height:auto;
   padding-top:10px;
    font-family: 'Rachana';
    font-weight:400;
    font-style:normal;
    font-size :16px;
    line-height:20px;
    margin: 25px 0 0 0;
    padding: 0 0 0 0;
}
.sld2
{
   width:94%;
   height:auto;
   padding: 0px 3% 0 3%;
   margin:0 0 10px 0;
   
}



.long
{
 width:100%;
 margin-top:27px;
 height:auto;
 padding:10px 15px 0 15px;
}
.varthabox
{
    
 width:100%;
 height:auto;
 }
 
 .ulsavangal
 { 
   text-align:center;
   padding-top:50px;
   font-size :13px;
   line-height:20px;
   text-align:left;
   color:#9c2800;
   font-weight:400;
 }
 headU
 {
     
     color:White;
     font-weight:bold;
     font-size:13px;
     padding: 10px ;
     text-align:left;
     float:left;
     
 }
 

}