@media screen and (min-width: 1024px) {
   
body{
    margin:0;
    height:100%;
    background-color: #E6E7E7;
}
.container{
width:100%;
height:100%;
margin: auto;
position:relative; 
}    
.titlebar{
    width:100%;
    height:160px;
   // background-color: #027EB4;  
     background-image:url('../images/title.jpg');
     background-repeat: no-repeat;
     background-size: 100%;
    margin: auto;
    border-left:2px solid #027EB4;
     border-right:2px solid #027EB4;
     border-bottom:2px solid #016B9A;
}
.menubar{
    width:100%;
    height:25px;    
    margin-left: auto;
    margin-right: auto;
    border-left:2px solid #05F3FC;
     border-right:2px solid #05F3FC;
     padding-bottom: 10px;
     padding-top: 15px;
      background-color: #05F3FC;  
  border-bottom:2px solid #04C4CB;
     margin-bottom: 0px;
     position:relative; 
     float: none;
}
.middlearea{
   // margin-top: -30px;
    width: 100%;
    min-height: 800px;
    height: 100%;
    margin: auto;
    background-color: white;
    border:2px solid #DBDCDC;
    position:relative; 
}
.bottombar{
    width:100%;
    height:180px;
    background-color: #027EB4;   
    margin: auto;
    border-left:2px solid #027EB4;
    border-right:2px solid #027EB4;
    border-top:2px solid #016B9A;
}
.bottombarnd{margin:auto;width:100%;height:50px;background:#033e67;  position: relative;border-top: 2px solid #022e4c;}
.bottombard1{width:90%;height:20px;color:#72cdf6;text-shadow: 1px 1px black;margin:auto;font-family:gisha,Verdana;text-align:center ;font-size:14px;padding-top:5px;}

.myMenu {
	margin:0;
	padding: 0;
       height:30px;
  width:100%;
 
}

.myMenu li {
	list-style:none;
	float:left;
 //padding-top: 5px;
}

.myMenu li a:link, .myMenu li a:visited {
	height:30px;
	display: block;
	text-decoration:none;
	font: bold 12px Arial;
	color:#024A69;
        font-weight: bold;
	text-decoration: none;
	//border-right:1px solid white;
	//padding-top: 5px;
	padding-right: 20px;
	//padding-bottom:5px;
	padding-left: 10px;
        margin:0;      
}

.myMenu li a:hover {
color:white;
font-weight: bold;
font-size:14px;
font-style:italic;
//background:#04A0B7;
//height:35px;


}
.myMenu li a:active{
    //background:#04A0B7;
}

/*style the sub menu*/
.myMenu li ul {
	position:absolute;
	visibility:hidden;
        border:1px solid white;
	margin:0;
        padding:0;
        padding-top: -10px;
        z-index:200;
        width:auto;
        //margin-top:-10px;
        //height:20px;
              
}

.myMenu li ul li {
	display:inline;
	float:none;
         width:auto;
         //background-color: #08528b;
        // height:20px;
        //margin-top: -10px;       
}

.myMenu li ul li a:link, .myMenu li ul li a:visited {
	background-color: #05F3FC;
	width:auto;
        z-index:200;         
        border-bottom:1px solid white;
        height:20px;
        margin-top: 0px;
        padding: 5px;
       // padding-top: -10px;
}

.myMenu li ul li a:hover {
	background:#08528b;
        width:auto;
        height:20px;       
}
.marq{width: 80%;margin:auto;height:15px;padding:10px;border:1px solid #dbdddf;text-align: center;font-family: calibri;font-size:120%;color:red;}
.divgroup{width:100%;height:400px;margin:auto;margin-top:0px;}
.linksdiv{width:21%;height:347px;float:left;background:#FAF8C1;margin:5px;border-top:5px solid #FBC302;}
.photodiv{width:55%;height:390px;float:left;margin:5px;}
.phototitle{text-align: center;font-family: calibri;font-size:100%;}
.sideulstyle{width:100%;height:30px;text-align: center;color:#114A31;border-bottom:1px solid gray;padding-top:9px;font-family: calibri;font-size:100%;padding-bottom:9px;}
.sideulstyle1{width:100%;height:30px;text-align: center;color:black;border-bottom:1px solid gray;padding-top:9px;font-family: calibri;font-size:100%;padding-bottom:9px;}

.sidetitle{height:45px;width:87%;float:left;background:#F1F1F1;border-radius:10px;border:1px groove #E7E7E6;text-align:left;margin-top:10px;box-shadow:2px 2px #BAACB2;font-family:Trebuchet MS;}
#slideshow {
    margin:  auto;
    position: relative; 
    height: 350px;
    z-index:0;
    width:100%;
    
}

#slideshow > div {
    position: absolute;
    width:100%;

}
.middlecontant{width:95%;height: 200px; margin-top: 30px;margin: auto;text-align: center}

.signindiv{width:100%;height:100%;margin:auto;margin-top: -5px;}
 .detailsmr{width:29%;float:left;}
 .detailstr{width:70%;float:right; margin-top: 10px;margin-left: 1%;}
 .masterbody{width:95%;margin: auto;}
 .titstyle{margin-left:10px;margin-top:5px; font-family:arial;font-size: 20px;}
 .btnstyle{width:100px;height:35px;background:#0274AD;color:white;border-radius:5px;font-family:arial;font-size:100%;margin-left: 2%;}
.bbar1{width:50%;float: left;margin-left: 3%;font-size: 100%;font-family: calibri;}
.bbar2{width:40%;float: right;margin-right: 3%;font-size: 100%;font-family: calibri;}
.mctd{width:16%;text-align: center;float:left;font-size: 80%;font-weight: bold;}
.logmargin{margin-left:50%}
 .logodiv{
    width:11%;
    height:140px;
    margin-top:1%;
    float:left;
    margin-left:2%;
    background-image:url('../images/swrnvalli-logosep.png');
    background-repeat:no-repeat;
    background-size: 90%;
}

.titlewhite{
    height:130px;
    margin-top:1%;
     background-image:url('../images/tittextwhite.png');
    background-repeat:no-repeat;
    background-size: 90%;
    float:left;
    width:32%;   
}

.detailsdiv{
    width:48%;
    float:left;
    height:150px;
    margin-left: 3%;
 }
.d1{
    width:100%;    
    height:70px;
}
.d2{
    width:100%;    
    height:70px;
}

.c1{
    width:31%;
    height:240px;
    //background: gray;
    border:1px solid #e7e2e2;
    margin-right: 2%;
    float:left;
    position: relative;
    text-align: center;
    vertical-align: middle;
    font-family: verdana;
    font-size: 100%;
    font-kerning:auto;
    
    z-index: 1; 
    color:black;
}


.c1:hover{
      //  -webkit-filter: brightness(70%);
    cursor: hand;
    cursor:pointer;
       z-index: 10;
    
}
.c1:hover:after{   
    color:#fff;
    top:10%;    
    font-weight: bold;
    opacity: 1;
    background: gray;
    // content: attr(data-content);
}
.c1:hover .divinner{
    display:block;
    color:white;
    font-weight: bold;
    text-decoration: underline;
    font-family: arial;
}


.divinner{
    height: 100%;
    margin-top: 5%;
    font-family: calibri;
    display: none;
    z-index: 10;
    position: relative;
    
}

.contactdiv{
    width:80%;
    margin: auto;
    height:100%;
    //float:right;
    font-family:Verdana;
    font-size:80%;
    color:#027EB4;
    margin-top:1%;
}
.logindiv{
    width:7%;
    height:30px;
    float:right;
    font-family:Verdana;
    font-size:80%;
    color:#FBC302;
    margin-top:1%;
}

.mindiv1{width:90%;height:300px;margin:auto;margin-top:20px;}
.minpdiv{width:20%; height:190px;  margin-top: 30px;margin-bottom:30px;margin-left:20px;float:left;}
.minpdiv1{width:75%; height:200px;  margin-top: 30px;margin-bottom:30px;margin-left:20px;float:right;}
.linediv{width:90%;height:5px;background:#FBC302;margin-top:20px;margin:auto; margin-bottom:30px;}
.maindown{width:90%;height:100%;margin:auto;}
.tabbutton{width:150px;height:30px;float:left;margin-left:10px;}
.buttonstyle{width:110px;height:30px;text-align:center;border-radius:5px;font-family:gisha,Verdana;font-size:16px;background:#FBC302;}
.tabbody{width:100%;height:200px;margin-top:-4px;text-align:left;margin-bottom:10px;border-radius:5px;overflow:scroll;float:right;background-image: url('../images/tabbodyback.png');}


/* Fading animation */
.slide {
/*  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;  */
  -webkit-animation-name:slide;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-direction: left;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 2s;
  -webkit-animation: test 1s 2s 3 alternate backwards;
  animation-name: slide;
  animation-duration: 1.5s;
  animation-direction: left;
  animation-timing-function: ease-out;
  animation-delay: 2s;
  animation: test 1s 2s 3 alternate backwards;
}

@-webkit-keyframes slide {
  from {opacity: .1} 
  to {opacity: 1}
}

@-webkit-keyframes slide {
  0%,100% {font-size: 10px;} 
   50% {font-size: 20px;}
}

@-webkit-keyframes slide {
  from{transform: rotate(0deg);} 
  to{transform: rotate(360deg);} 
}

@keyframes slide {
  from {opacity: .1} 
  to {opacity: 1}
}

@keyframes slide {
  0%,100% {font-size: 10px;} 
   50% {font-size: 20px;}
}

@keyframes slide {
  from{transform: rotate(0deg);} 
  to{transform: rotate(360deg);} 
}


.overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right:0; 
    bottom:0; 
    display: none; 
    background-color: #b1dbed; 
    //transition-delay: 2s;
    //content: attr(data-content);
}
.c1:hover .overlay { display: block; 
                     border-radius:5%;                     

}
.contentdivsep{
    width:90%;
   height:100%;
   // float:left;
   margin:auto;
   margin-bottom: 1%;
   margin-top: 1%;
   position: relative;
}

.td1{
    width:32%;
}
.td2{
    width:66%;
}
.dinptstyle{
    width:100%;
    height:25px;
    border:1px solid gray;
    border-radius: 5px;
    background: white;}
.imgstyle{
    width:11%;
    height:25px;
    float:left;
    border-right:1px solid gray;
}
.inputs{
    width:85%; 
    float: left;
    color:black;
    font-family: arial;
    font-size: 14px;
    padding-left:5px;
    height:24px;
    margin-top:px;
    background: none;
    border: none;}
div.part{width:980px;height:100%;margin:auto;border:10px solid #D0EDFB;margin-bottom:10px;background:white;}
div.part1{width:300px;height:150px;float:left;}
.part2{width:45%;height:250px;float:left;font-size: 14px;margin-bottom: 2%;margin-top: 2%;background: #b1dbed;margin-left: 3%}
.titlenewsst{width: 100%;font-size:130%;background: #027EB4;height: 20px;padding: 5px;border-radius: 5px;margin-left:-5px;margin-top:-2px;color:white;text-decoration: none;font-weight: bold;}
.part4{width:90%;margin:auto;min-height: 600px;font-size: 120%;margin-bottom: 2%;margin-top: 2%;background: #b1dbed;}
.titlenewsst1{width: 100%;font-size:120%;background: #027EB4;height: 30px;padding: 5px;border-radius: 5px;margin-left:-5px;margin-top:-2px;color:white;text-decoration: none;font-weight: bold;}

div.part3{width:150px;height:100px;float:left;margin-top:10px;}  
.tdformat{font-family:gisha,vardana;font-size:16px; padding:5px;width:250px; }
.tdformat1{font-family:gisha,vardana;font-size:16px; padding:5px;text-align:left;width:400px; }
.bformat{width:90px;background:#0274AD;height:25px;font-size:16px;font-family:gisha,verdana;color:white;}
.titformat{font-size:20px;background:#D0EDFB;padding-left:5px;font-family:gisha,verdana;color:#013046;box-shadow:2px 2px gray;border:1px solid #D9DADB;}
.inptformat{font-size:16px;font-family:gisha,verdana;width:200px;}
.tdstyle1{padding:5px;font-family:gisha,verdana;background:#DFDFFB}
.tdstyle2{padding:1px;font-family:gisha,verdana;}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #b1dbed;
  background-image: url('images/pageup.png');background-repeat: no-repeat;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}

#myBtn:hover {
  background-color: #555;
}
.tooltip {
    position: relative;
    display: inline-block;
    border:none;
    //border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 60%;
   max-height:200px;
   min-height:20px;
   //overflow: auto;
    background-color: #027EB4;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 10%;
    left: 60%;
    //margin-left: 5%;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
   content: "";
    position: absolute;
    top: 5px;
    right: 100%;
    margin-left: 0px;
    border-width: 10px;
    border-style: solid;
   border-color: transparent #027EB4 transparent transparent ;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.banimg{width: 100%;height:350px;}
.banimg1{width: 100%;height:500px;}
.c1img{margin: 5%;}

.c1float{float:right;margin-right: 0;}
.maindiv1{width:95%;min-height: 600px;height:100%;}
.sidebar1{width:20%;height:100%;float:left;margin:1%;background: #f6cf83;}
.rightbar{width:100%;float:right;height: 100%;margin: 1%;}
.maindiv2{width:75%;float:right;background: #f4e8d3;margin: 1%;box-shadow: 1px 1px 1px  gray;border:1px solid #fce3b9;}
.org1{width: 97%;height:400px;box-shadow: 1px 1px 3px gray;margin-left: 2%;margin-bottom:10px;}
.org2{width: 96%;font: 14px calibri;text-align: justify;margin-left: 3%;line-height: 180%;color:#663c01}
.mainarea{width:95%;min-height: 600px;}
.divinnerdisplay{
   height: 100%;
    margin-top:5%;
    font-family: calibri;
    display: block;
    z-index: 11;
    position: relative;
    font-size: 130%;
    color: white;
    letter-spacing: 1px;
    font-weight: bold;    
}
.beforehover{background:#027EB4; padding:5px;border-radius: 5px;}

.orgphoto{width:100%; height:400px;}
.paratit{font-family: calibri;font-size: 120%;padding-top: 10px;padding-bottom:10px;font-weight: bold;color:#01B2FC}
                    .paracontent{font-family: calibri;font-size: 100%;text-indent: justify;line-height: 200%;}
                     .workd{width: 85%;padding: 20px;}
                     a{text-decoration: none;}
.itmphoto{border:none;width:300px;height:270px;} 
.itmphoto1{border:none;min-width:200px;min-height:190px;height: auto;width: auto;max-width:350px;max-height:320px;} 
.itmphotonews{border:none;min-width:160px;min-height:155px;height: auto;width: auto;max-width:200px;max-height:190px;}
.divphoto{width:100%;height:100%;margin-left: auto;margin-right: auto;}
.comstyle{margin:auto;text-align: center;width:90%;margin-top:50px;height: 30px;border-top:1px solid #D2D4D3;border-bottom:1px solid #D2D4D3;font-family: calibri;color: #057992;text-decoration-color: none;text-decoration-line: none;}
.likesty{color:white;border-radius:50%;padding: 3px;padding-left: 7px;padding-right:7px;background-color:red;font-size:90%;}
.displaycom{width: 90%;min-height:100%; margin:auto;background: white;box-shadow: 1px 1px 1px  gray;margin-top:0px;}
.msgstyle{margin:20px;font-size:100%;font-family: calibri;padding-left:20px;text-align: justify;padding-bottom: 20px;text-decoration: none;}

.loadnews{width: 90%;margin:auto}
.part5{width:30%;height:300px;float:left;font-size: 14px;margin-bottom: 2%;margin-top: 2%;margin-left: 3%;}

.web_dialog_overlay1
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .80;
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    z-index: 101;
    display: none;
}
.web_dialog1
{
    display: none;
    position: fixed;
    width: 60%;
    height: 90%;
    top: 10%;
    left:25%;
    // margin-left: -190px;
    //  margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 150;
    font-family: Verdana;
    font-size: 10pt;
    overflow: none;
}
.web_dialog_title1
{
    border-bottom: solid 2px #336699;
    background-color: #336699;
    padding: 4px;
    color: White;
    font-weight:bold;
    margin-left: -20px;

}
.web_dialog_title1 a
{
    color: White;
    text-decoration: none;
}



}

@media screen and (min-width: 700px) and (max-width: 1023px) {
   
    body{
    margin:0;
    height:100%;
    background-color: #E6E7E7;
}
.container{
width:100%;
height:100%;
margin: auto;
position:relative; 
}
.titlebar{
    width:100%;
    height:95px;
   // background-color: #027EB4;  
     background-image:url('../images/HeaderDesign.jpg');
     background-repeat: no-repeat;
     background-size: 100%;
    margin: auto;
    border-left:2px solid #027EB4;
     border-right:2px solid #027EB4;
     border-bottom:2px solid #016B9A;
}
.menubar{
    width:100%;
    height:20px;    
    margin-left: auto;
    margin-right: auto;
    border-left:2px solid #05F3FC;
     border-right:2px solid #05F3FC;
     padding-bottom: 5px;
     padding-top: 10px;
      background-color: #05F3FC;  
  border-bottom:2px solid #04C4CB;
     margin-bottom: 0px;
     position:relative; 
     float: none;
}
.middlearea{
   // margin-top: -30px;
    width: 100%;
    min-height: 800px;
    height: 100%;
    margin: auto;
    background-color: white;
    border:2px solid #DBDCDC;
    position:relative; 
}
.bottombar{
    width:100%;
    height:170px;
    background-color: #027EB4;   
    margin: auto;
    border-left:2px solid #027EB4;
    border-right:2px solid #027EB4;
    border-top:2px solid #016B9A;
}
.bottombarnd{margin:auto;width:100%;height:50px;background:#033e67;  position: relative;border-top: 2px solid #022e4c;}
.bottombard1{width:100%;height:20px;color:#72cdf6;text-shadow: 1px 1px black;margin:auto;font-family:gisha,Verdana;text-align:center ;font-size:12px;padding-top:5px;}

.myMenu {
	margin:0;
	padding: 0;
       height:30px;
  width:100%;
 
}

.myMenu li {
	list-style:none;
	float:left;
 //padding-top: 5px;
}

.myMenu li a:link, .myMenu li a:visited {
	height:20px;
	display: block;
	text-decoration:none;
	font: bold 11px Arial;
	color:#024A69;
        font-weight: bold;
	text-decoration: none;
	//border-right:1px solid white;
	//padding-top: 5px;
	padding-right: 10px;
	//padding-bottom:5px;
	padding-left: 5px;
        margin:0;      
}

.myMenu li a:hover {
color:white;
font-weight: bold;
font-size:11px;
font-style:italic;
//background:#04A0B7;
//height:35px;


}
.myMenu li a:active{
    //background:#04A0B7;
}

/*style the sub menu*/
.myMenu li ul {
	position:absolute;
	visibility:hidden;
        border:1px solid white;
	margin:0;
        padding:0;
        padding-top: -10px;
        z-index:200;
        width:auto;
        //margin-top:-10px;
        //height:20px;
              
}

.myMenu li ul li {
	display:inline;
	float:none;
         width:auto;
         //background-color: #08528b;
        // height:20px;
        //margin-top: -10px;       
}

.myMenu li ul li a:link, .myMenu li ul li a:visited {
	background-color: #05F3FC;
	width:auto;
        z-index:200;         
        border-bottom:1px solid white;
        height:15px;
        margin-top: 0px;
        padding: 5px;
       // padding-top: -10px;
}

.myMenu li ul li a:hover {
	background:#08528b;
        width:auto;
        height:15px;       
}
.marq{width: 95%;margin:auto;height:15px;padding:10px;border:1px solid #dbdddf;text-align: center;font-family: calibri;font-size:100%;color:red;}
.divgroup{width:100%;height:300px;margin:auto;margin-top:0px;}
.linksdiv{width:20%;height:300px;float:left;background:#FAF8C1;margin:5px;border-top:5px solid #FBC302;}
.photodiv{width:55%;height:280px;float:left;margin:5px;}
.phototitle{text-align: center;font-family: calibri;font-size:80%;}
.sideulstyle{width:100%;height:20px;text-align: center;color:#114A31;border-bottom:1px solid gray;padding-top:6px;font-family: calibri;font-size:80%;padding-bottom:6px;}
.sideulstyle1{width:100%;height:20px;text-align: center;color:black;border-bottom:1px solid gray;padding-top:6px;font-family: calibri;font-size:80%;padding-bottom:6px;}

.sidetitle{height:45px;width:87%;float:left;background:#F1F1F1;border-radius:10px;border:1px groove #E7E7E6;text-align:left;margin-top:10px;box-shadow:2px 2px #BAACB2;font-family:Trebuchet MS;}
#slideshow {
    margin:  auto;
    position: relative; 
    height: 280px;
    z-index:0;
    width:100%;
    
}

#slideshow > div {
    position: absolute;
    width:100%;

}
.middlecontant{width:100%;height: 200px; margin-top: 30px;margin: auto;text-align: center}
.signindiv{width:100%;height:100%;margin:auto;margin-top: -5px;}
 .detailsmr{width:29%;float:left;}
 .detailstr{width:70%;float:right; margin-top: 40px;margin-left: 1%;}
 .masterbody{width:95%;margin: auto;}
 .titstyle{margin-left:10px;margin-top:5px; font-family:arial;font-size: 80%;}
  .btnstyle{width:90px;height:25px;background:#0274AD;color:white;border-radius:5px;font-family:arial;font-size:80%;margin-left: 1%;}
.bbar1{width:50%;float: left;margin-left: 3%;font-size: 100%;font-family: calibri;}
.bbar2{width:40%;float: right;margin-right: 3%;font-size: 100%;font-family: calibri;}
.mctd{width:20%;text-align: center;float:left;font-size: 70%;font-weight: bold;}
.logodiv{
    width:16%;
    height:100%;
    margin-top:.5%;
    float:left;
    margin-left:.5%;
    background-image:url('../images/swrnvalli-logosep800.png');
    background-repeat:no-repeat;
    background-size: 100%;
}
.titlewhite{
    height:100%;
    margin-top:1%;
     background-image:url('../images/tittextwhite800.png');
    background-repeat:no-repeat;
    background-size: 100%;
    float:left;
    width:35%;   
    margin-left:1%;
}

.detailsdiv{
    width:45%;
    float:right;
    height:110px;
    //margin-left: 3%;
  //  background: blue;
}
.d1{
    width:100%;    
    height:50px;
}
.d2{
    width:100%;    
    height:50px;
}


.banimg{width: 100%;height:280px;}
.banimg1{width: 100%;height:300px;}
.c1img{margin: 5%;}
.contentdivsep{
    width:70%;
   //height:auto;
   // float:left;
   margin:auto;
   margin-bottom: 1%;
   margin-top: 1%;
   position: relative;
}
.photodivsep{
    width:100%;
   height:350px;
   // float:left;
   margin:auto;
   margin-bottom: 1%;
   margin-top: 1%;
   position: relative;
}


.c1{
    width:100%;
    height:300px;
    margin-bottom: 2%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    font-family: verdana;
    font-size: 120%;
    font-kerning:auto;    
    z-index: 1; 
    color:black;
}
.c1float{float:none;margin-right: auto;}
.c1:hover{
      //  -webkit-filter: brightness(70%);
    cursor: hand;
    cursor:pointer;
       z-index: 10;    
}
.c1:hover:after{   
    color:#fff;
    top:10%;
    
    font-weight: bold;
    opacity: 1;
    background: gray;
    // content: attr(data-content);
}
.c1:hover .divinner{
    display:block;
    color:white;
    font-weight: bold;
    text-decoration: underline;
    font-family: arial;
}

.divinner{
    height: 100%;
    margin-top: 0%;
    font-family: calibri;
    display: none;
    z-index: 10;
    position: relative;
    
}
.contactdiv{
    width:10%;
    height:30px;
    float:right;
    font-family:Verdana;
    font-size:80%;
    color:#FBC302;
    margin-top:1%;
}
.logindiv{
    width:7%;
    height:30px;
    float:right;
    font-family:Verdana;
    font-size:80%;
    color:#FBC302;
    margin-top:1%;
}

.mindiv1{width:100%;height:300px;margin:auto;margin-top:20px;}
.buttonstyle{width:110px;height:30px;text-align:center;border-radius:5px;font-family:gisha,Verdana;font-size:16px;background:#FBC302;}
.tabbody{width:100%;height:200px;margin-top:-4px;text-align:left;margin-bottom:10px;border-radius:5px;overflow:scroll;float:right;background-image: url('../images/tabbodyback.png');}


/* Fading animation */
.slide {
/*  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;  */
  -webkit-animation-name:slide;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-direction: left;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 2s;
  -webkit-animation: test 1s 2s 3 alternate backwards;
  animation-name: slide;
  animation-duration: 1.5s;
  animation-direction: left;
  animation-timing-function: ease-out;
  animation-delay: 2s;
  animation: test 1s 2s 3 alternate backwards;
}

@-webkit-keyframes slide {
  from {opacity: .1} 
  to {opacity: 1}
}

@-webkit-keyframes slide {
  0%,100% {font-size: 10px;} 
   50% {font-size: 20px;}
}

@-webkit-keyframes slide {
  from{transform: rotate(0deg);} 
  to{transform: rotate(360deg);} 
}

@keyframes slide {
  from {opacity: .1} 
  to {opacity: 1}
}

@keyframes slide {
  0%,100% {font-size: 10px;} 
   50% {font-size: 20px;}
}

@keyframes slide {
  from{transform: rotate(0deg);} 
  to{transform: rotate(360deg);} 
}

.overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right:0; 
    bottom:0; 
    display: none; 
    background-color: #b1dbed; 
    //transition-delay: 2s;
    //content: attr(data-content);
}
.c1:hover .overlay { display: block; 
                     border-radius:5%;                     

}

.td1{
    width:32%;
}
.td2{
    width:66%;
}
.dinptstyle{
    width:90%;
    height:22px;
    border:1px solid gray;
    border-radius: 5px;
    background: white;}
.imgstyle{
    width:9%;
    height:20px;
    float:left;
    border-right:1px solid gray;
}
.inputs{
    width:87%; 
    float: left;
    color:black;
    font-family: arial;
    font-size: 14px;
    padding-left:5px;
    height:21px;
   // margin-top:px;
    background: none;
    border: none;}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #f5af06;
  background-image: url('images/pageup.png');background-repeat: no-repeat;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 10px;
}

#myBtn:hover {
  background-color: #555;
}
.tooltip {
    position: relative;
    display: inline-block;
    border:none;
    //border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 60%;
    background-color: #027EB4;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 30%;
    margin-left: -10%;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 45%;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color:  transparent #027EB4 transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.mainarea{width:100%;min-height: 600px;}
.maindiv1{width:100%;min-height: 600px;height:100%; }
.sidebar1{width:1%;float:left;background: #f6cf83;}
.rightbar{width:98%;float:right;height: 100%;margin: 1%;}
.maindiv2{width:98%;margin-bottom:1%;float:right;background: #f4e8d3;box-shadow: 1px 1px 1px  gray;border:1px solid #fce3b9;}
.org1{width: 97%;height:300px;box-shadow: 1px 1px 3px gray;margin-left: 2%;margin-bottom:10px;}
.org2{width: 96%;font: 14px calibri;text-align: justify;margin-left: 3%;line-height: 180%;color:#663c01}
.newsdiv{width:97%;min-height: 100%;margin-left:2%;}
.divinnerdisplay{
   height: 100%;
    margin-top:5%;
    font-family: calibri;
    display: block;
    z-index: 11;
    position: relative;
    font-size: 130%;
    color: white;
    letter-spacing: 1px;
    font-weight: bold;
    
}
.beforehover{background:#027EB4; padding:5px;border-radius: 5px;} 
.orgphoto{width:100%; height:300px;}
.part2{width:90%;height:280px;margin-left:auto;margin-right: auto;font-size: 14px;margin-bottom: 2%;margin-top: 2%;background: #b1dbed;}
.titlenewsst{width: 100%;font-size:130%;background: #027EB4;height: 20px;padding: 5px;border-radius: 5px;margin-left:-5px;margin-top:-2px;color:white;text-decoration: none;font-weight: bold;}
.part4{width:90%;margin:auto;min-height: 600px;font-size: 120%;margin-bottom: 2%;margin-top: 2%;background: #b1dbed;}
.titlenewsst1{width: 100%;font-size:120%;background: #027EB4;height: 30px;padding: 5px;border-radius: 5px;margin-left:-5px;margin-top:-2px;color:white;text-decoration: none;font-weight: bold;}
.paratit{font-family: calibri;font-size: 100%;padding-top: 10px;padding-bottom:10px;font-weight: bold;color:#01B2FC}
                    .paracontent{font-family: calibri;font-size: 90%;text-indent: justify;line-height: 180%;}
                    .workd{width: 90%;padding: 20px;}
                    a{text-decoration: none;}
                    .paratit{font-family: calibri;font-size: 120%;padding-top: 10px;padding-bottom:10px;font-weight: bold;color:#01B2FC}
                    .paracontent{font-family: calibri;font-size: 100%;text-indent: justify;line-height: 200%;}
                     .workd{width: 85%;padding: 20px;}
                     a{text-decoration: none;}
.itmphoto{border:none;min-width:180px;min-height:180px;width: 100%;height: 100%;} 
.itmphoto1{border:none;min-width:200px;min-height:190px;height: auto;width: auto;max-width:350px;max-height:320px;} 
.itmphotonews{border:none;min-width:160px;min-height:155px;height: auto;width: auto;max-width:200px;max-height:190px;}
.divphoto{width:100%;height:100%;margin-left: auto;margin-right: auto;}
.comstyle{margin:auto;text-align: center;width:90%;margin-top:50px;height: 30px;border-top:1px solid #D2D4D3;border-bottom:1px solid #D2D4D3;font-family: calibri;color: #057992;text-decoration-color: none;text-decoration-line: none;}
.likesty{color:white;border-radius:50%;padding: 3px;padding-left: 7px;padding-right:7px;background-color:red;font-size:90%;}
.displaycom{width: 90%;min-height:100%; margin:auto;background: white;box-shadow: 1px 1px 1px  gray;margin-top:0px;}
.msgstyle{margin:20px;font-size:100%;font-family: calibri;padding-left:20px;text-align: justify;padding-bottom: 20px;text-decoration: none;}

.loadnews{width: 90%;margin:auto}
.part5{width:46%;height:180px;float:left;font-size: 14px;margin-bottom: 2%;margin-top: 2%;margin-left: 3%;}

.web_dialog_overlay1
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .80;
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    z-index: 101;
    display: none;
}
.web_dialog1
{
    display: none;
    position: fixed;
    width: 60%;
    height: 90%;
    top: 10%;
    left:25%;
    // margin-left: -190px;
    //  margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 150;
    font-family: Verdana;
    font-size: 10pt;
    overflow: none;
}
.web_dialog_title1
{
    border-bottom: solid 2px #336699;
    background-color: #336699;
    padding: 4px;
    color: White;
    font-weight:bold;
    margin-left: -20px;

}
.web_dialog_title1 a
{
    color: White;
    text-decoration: none;
}
}

@media screen and (min-width: 500px) and (max-width: 699px) {
   
  body{
    margin:0;
    height:100%;
    background-color: #E6E7E7;
}
.container{
width:100%;
height:100%;
margin: auto;
position:relative; 
}
.titlebar{
    width:100%;
    height:50px;
   // background-color: #027EB4;  
     background-image:url('../images/HeaderDesign.jpg');
     background-repeat: no-repeat;
     background-size: 100%;
    margin: auto;
    border-left:2px solid #027EB4;
     border-right:2px solid #027EB4;
     border-bottom:2px solid #016B9A;
}
.menubar{
    width:100%;
    height:30px;    
    margin-left: auto;
    margin-right: auto;
    border-left:2px solid #05F3FC;
     border-right:2px solid #05F3FC;
     padding-bottom: 5px;
     padding-top: 10px;
      background-color: #05F3FC;  
  border-bottom:2px solid #04C4CB;
     margin-bottom: 0px;
     position:relative; 
     float: none;
}
.middlearea{
   // margin-top: -30px;
    width: 100%;
    min-height: 1000px;
    height: 100%;
    margin: auto;
    background-color: white;
    border:2px solid #DBDCDC;
    position:relative; 
}
.bottombar{
    width:100%;
    height:200px;
    background-color: #027EB4;   
    margin: auto;
    border-left:2px solid #027EB4;
    border-right:2px solid #027EB4;
    border-top:2px solid #016B9A;
}
.bottombarnd{margin:auto;width:100%;height:50px;background:#033e67;  position: relative;border-top: 2px solid #022e4c;}
.bottombard1{width:100%;height:20px;color:#72cdf6;text-shadow: 1px 1px black;margin:auto;font-family:gisha,Verdana;text-align:center ;font-size:12px;padding-top:5px;}

.myMenu {
	margin:0;
	padding: 0;
       height:35px;
  width:100%;
 
}

.myMenu li {
	list-style:none;
	float:left;
 //padding-top: 5px;
}

.myMenu li a:link, .myMenu li a:visited {
	height:20px;
	display: block;
	text-decoration:none;
	font: bold 9px Arial;
	color:#024A69;
        font-weight: bold;
	text-decoration: none;
	//border-right:1px solid white;
	//padding-top: 5px;
	padding-right: 5px;
	//padding-bottom:5px;
	padding-left: 5px;
        margin:0;      
}

.myMenu li a:hover {
color:white;
font-weight: bold;
font-size:10px;
font-style:italic;
//background:#04A0B7;
//height:35px;


}
.myMenu li a:active{
    //background:#04A0B7;
}

/*style the sub menu*/
.myMenu li ul {
	position:absolute;
	visibility:hidden;
        border:1px solid white;
	margin:0;
        padding:0;
        padding-top: -10px;
        z-index:200;
        width:auto;
        //margin-top:-10px;
        //height:20px;
              
}

.myMenu li ul li {
	display:inline;
	float:none;
         width:auto;
         //background-color: #08528b;
        // height:20px;
        //margin-top: -10px;       
}

.myMenu li ul li a:link, .myMenu li ul li a:visited {
	background-color: #05F3FC;
	width:auto;
        z-index:200;         
        border-bottom:1px solid white;
        height:15px;
        margin-top: 0px;
        padding: 5px;
       // padding-top: -10px;
}

.myMenu li ul li a:hover {
	background:#08528b;
        width:auto;
        height:15px;       
}
.marq{width: 100%;margin:auto;height:15px;padding:10px;border:1px solid #dbdddf;text-align: center;font-family: calibri;font-size:90%;color:red;}
.divgroup{width:100%;height:680px;margin:auto;margin-top:0px;height:auto;}
.linksdiv{width:70%;height:220px;margin:auto;background:#FAF8C1;border-top:5px solid #FBC302;}
.photodiv{width:98%;height:230px;margin:auto;}
.phototitle{text-align: center;font-family: calibri;font-size:80%;}
.sideulstyle{width:100%;height:18px;text-align: center;color:#114A31;border-bottom:1px solid gray;padding-top:4px;font-family: calibri;font-size:80%;padding-bottom:4px;}
.sideulstyle1{width:100%;height:18px;text-align: center;color:black;border-bottom:1px solid gray;padding-top:4px;font-family: calibri;font-size:80%;padding-bottom:4px;}

.sidetitle{height:45px;width:87%;float:left;background:#F1F1F1;border-radius:10px;border:1px groove #E7E7E6;text-align:left;margin-top:10px;box-shadow:2px 2px #BAACB2;font-family:Trebuchet MS;}
#slideshow {
    margin:  auto;
    position: relative; 
    height: 200px;
    z-index:0;
    width:100%;
    
}

#slideshow > div {
    position: absolute;
    width:100%;

}
.middlecontant{width:100%;height: 600px; margin-top: 30px;margin: auto;text-align: center}
.signindiv{width:100%;height:100%;margin:auto;margin-top: -5px;}
 .detailsmr{width:90%;margin:auto;}
 .detailstr{width:98%;margin:auto; margin-top: 40px;margin-left: 1%;}
 .masterbody{width:95%;margin: auto;}
 .titstyle{margin-left:10px;margin-top:5px; font-family:arial;font-size: 80%;}
  .btnstyle{width:90px;height:25px;background:#0274AD;color:white;border-radius:5px;font-family:arial;font-size:80%;margin-left: 1%;}
.bbar1{width:100%;font-size: 60%;font-family: calibri;}
.bbar2{width:100%;font-size: 60%;font-family: calibri;}
.mctd{width:49%;text-align: center;float:left;font-size: 70%;font-weight: bold;}
.logmargin{margin-left:1%}
.logodiv{
    width:22%;
    height:100%;
    margin-top:.5%;
    float:left;
    margin-left:.5%;
    background-image:url('../images/swrnvalli-logosep800.png');
    background-repeat:no-repeat;
    background-size: 100%;
}
.titlewhite{
    height:100%;
    margin-top:1%;
     background-image:url('../images/tittextwhite800.png');
    background-repeat:no-repeat;
    background-size: 100%;
    float:left;
    width:40%;   
    margin-left:1%;
}

.detailsdiv{
    width:100%;
    float:right;
    height:28px;
   margin-bottom: 0;
  margin-top:0;
  padding-top: 0px;
}
.d1{
    width:100%;    
    height:28px;
}
.d2{
    width:100%;    
    height:50px;
}
.banimg{width: 100%;height:200px;}
.banimg1{width: 100%;height:270px;}
.c1img{margin: 5%;}
.contentdivsep{
    width:100%;
   //height:auto;
   // float:left;
   margin:auto;
    margin-bottom: 0;
  margin-top:0;
   position: relative;
}
.photodivsep{
    width:100%;
   height:300px;
   // float:left;
   margin:auto;
   margin-bottom: 1%;
   margin-top: 1%;
   position: relative;
}
.qutdivsep{
    width:100%;
   height:300px;
   // float:left;
   margin:auto;
   margin-bottom: 1%;
   margin-top: 1%;
   border:1px solid gray;
    position: relative;
  
}
.slideshow-containersep {
  width: 100%;
 // position: relative;
  margin: auto;
  height:300px; 
  
  // margin-bottom: 1%;
   margin-top: 1%;
   background-image: url('../images/qback.jpg');
   background-size: 100%;
   background-repeat: no-repeat;
   
}

.c1{
    width:100%;
    height:250px;
    margin-bottom: 2%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    font-family: verdana;
    font-size: 100%;
    font-kerning:auto;    
    z-index: 1; 
    color:black;
}
.c1float{float:none;margin-right: auto;}
.c1:hover{
      //  -webkit-filter: brightness(70%);
    cursor: hand;
    cursor:pointer;
       z-index: 10;    
}
.c1:hover:after{   
    color:#fff;
    top:10%;
    
    font-weight: bold;
    opacity: 1;
    background: gray;
    // content: attr(data-content);
}
.c1:hover .divinner{
    display:block;
    color:white;
    font-weight: bold;
    text-decoration: underline;
    font-family: arial;
}

.divinner{
    height: 100%;
    margin-top: 0%;
    font-family: calibri;
    display: none;
    z-index: 10;
    position: relative;
    
}
.contactdiv{
    width:10%;
    height:30px;
    float:right;
    font-family:Verdana;
    font-size:80%;
    color:#FBC302;
    margin-top:1%;
}
.logindiv{
    width:7%;
    height:30px;
    float:right;
    font-family:Verdana;
    font-size:80%;
    color:#FBC302;
    margin-top:1%;
}
#slideshow {
    margin:  auto;
    position: relative; 
    height: 350px;
    z-index:0;
    width:100%;
    
}

#slideshow > div {
    position: absolute;
    width:100%;

}
.mindiv1{width:100%;height:300px;margin:auto;margin-top:20px;}
.buttonstyle{width:110px;height:30px;text-align:center;border-radius:5px;font-family:gisha,Verdana;font-size:16px;background:#FBC302;}
.tabbody{width:100%;height:200px;margin-top:-4px;text-align:left;margin-bottom:10px;border-radius:5px;overflow:scroll;float:right;background-image: url('../images/tabbodyback.png');}



.mySlides {
    display: none;
    margin:auto;
    text-align: center;
}
img {vertical-align: middle;border:none;z-index: 0;}


/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top:50%;
  left:22%;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.slide {
/*  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;  */
  -webkit-animation-name:slide;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-direction: left;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 2s;
  -webkit-animation: test 1s 2s 3 alternate backwards;
  animation-name: slide;
  animation-duration: 1.5s;
  animation-direction: left;
  animation-timing-function: ease-out;
  animation-delay: 2s;
  animation: test 1s 2s 3 alternate backwards;
}

@-webkit-keyframes slide {
  from {opacity: .1} 
  to {opacity: 1}
}

@-webkit-keyframes slide {
  0%,100% {font-size: 10px;} 
   50% {font-size: 20px;}
}

@-webkit-keyframes slide {
  from{transform: rotate(0deg);} 
  to{transform: rotate(360deg);} 
}

@keyframes slide {
  from {opacity: .1} 
  to {opacity: 1}
}

@keyframes slide {
  0%,100% {font-size: 10px;} 
   50% {font-size: 20px;}
}

@keyframes slide {
  from{transform: rotate(0deg);} 
  to{transform: rotate(360deg);} 
}

.overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right:0; 
    bottom:0; 
    display: none; 
    background-color: #b1dbed; 
    //transition-delay: 2s;
    //content: attr(data-content);
}
.c1:hover .overlay { display: block; 
                     border-radius:5%;                     

}

.td1{
    width:32%;
}
.td2{
    width:66%;
}
.dinptstyle{
    width:90%;
    height:25px;
    border:1px solid gray;
    border-radius: 5px;
    background: white;}
.imgstyle{
    width:8%;
    height:25px;
    float:left;
    border-right:1px solid gray;
}
.inputs{
    width:89%; 
    float: left;
    color:black;
    font-family: arial;
    font-size: 14px;
    padding-left:5px;
    height:24px;
    margin-top:px;
    background: none;
    border: none;}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #f5af06;
  background-image: url('images/pageup.png');background-repeat: no-repeat;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 10px;
}

#myBtn:hover {
  background-color: #555;
}
.tooltip {
    position: relative;
    display: inline-block;
    border:none;
    //border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 60%;
    background-color: #027EB4;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 30%;
    margin-left: -10%;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 45%;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color:  transparent #027EB4 transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.bottombarnsep{margin:auto;width:100%;height:110px;background:#fe7b33;border-top:2px solid #e16c2c;  position: relative;}
.bottombarndarksep{margin:auto;width:100%;height:40px;background:#f8370a;  position: relative;border-top: 2px solid #e4330a;}
.bottombardiv1sep{width:100%;height:20px;color:#72cdf6;text-shadow: 1px 1px black;margin:auto;font-family:gisha,Verdana;text-align:center ;font-size:11px;padding-top:5px;}



.mainarea{width:100%;min-height: 600px;}
.maindiv1{width:100%;min-height: 600px;height:100%; }
.sidebar1{width:1%;float:left;background: #f6cf83;}
.rightbar{width:98%;float:right;height: 100%;margin: 1%;}
.maindiv2{width:98%;margin-bottom:1%;float:right;background: #f4e8d3;box-shadow: 1px 1px 1px  gray;border:1px solid #fce3b9;}
.org1{width: 97%;height:200px;box-shadow: 1px 1px 3px gray;margin-left: 2%;margin-bottom:10px;}
.org2{width: 96%;font: 14px calibri;text-align: justify;margin-left: 3%;line-height: 180%;color:#663c01}
.newsdiv{width:97%;min-height: 100%;margin-left:2%;}
.divinnerdisplay{
   height: 100%;
    margin-top:5%;
    font-family: calibri;
    display: block;
    z-index: 11;
    position: relative;
    font-size: 120%;
    color: white;
    letter-spacing: 1px;
    font-weight: bold;
    
}
.beforehover{background:#027EB4; padding:5px;border-radius: 5px;} 
.orgphoto{width:100%; height:200px;}
.part2{width:100%;height:300px;margin-left:auto;margin-right: auto;font-size: 14px;margin-bottom: 2%;margin-top: 2%;background: #b1dbed;}
.titlenewsst{width: 100%;font-size:130%;background: #027EB4;height: 20px;padding: 5px;border-radius: 5px;margin-left:-5px;margin-top:-2px;color:white;text-decoration: none;font-weight: bold;}
.part4{width:98%;margin:auto;min-height: 600px;font-size: 100%;margin-bottom: 2%;margin-top: 2%;background: #b1dbed;}
.titlenewsst1{width: 100%;font-size:120%;background: #027EB4;height: 30px;padding: 5px;border-radius: 5px;margin-left:-5px;margin-top:-2px;color:white;text-decoration: none;font-weight: bold;}
.paratit{font-family: calibri;font-size: 90%;padding-top: 10px;padding-bottom:10px;font-weight: bold;color:#01B2FC}
                    .paracontent{font-family: calibri;font-size: 80%;text-indent: justify;line-height: 180%;}
                    .workd{width: 95%;padding: 10px;}
                    a{text-decoration: none;}
                    .paratit{font-family: calibri;font-size: 120%;padding-top: 10px;padding-bottom:10px;font-weight: bold;color:#01B2FC}
                    .paracontent{font-family: calibri;font-size: 100%;text-indent: justify;line-height: 200%;}
                     .workd{width: 85%;padding: 20px;}
                     a{text-decoration: none;}
.itmphoto{border:none;width:240px;height:200px;} 
.itmphoto1{border:none;min-width:200px;min-height:190px;height: auto;width: auto;max-width:350px;max-height:320px;} 
.itmphotonews{border:none;min-width:160px;min-height:155px;height: auto;width: auto;max-width:200px;max-height:190px;}
.divphoto{width:100%;height:100%;margin-left: auto;margin-right: auto;}
.comstyle{margin:auto;text-align: center;width:90%;margin-top:50px;height: 30px;border-top:1px solid #D2D4D3;border-bottom:1px solid #D2D4D3;font-family: calibri;color: #057992;text-decoration-color: none;text-decoration-line: none;}
.likesty{color:white;border-radius:50%;padding: 3px;padding-left: 7px;padding-right:7px;background-color:red;font-size:90%;}
.displaycom{width: 90%;min-height:100%; margin:auto;background: white;box-shadow: 1px 1px 1px  gray;margin-top:0px;}
.msgstyle{margin:20px;font-size:100%;font-family: calibri;padding-left:20px;text-align: justify;padding-bottom: 20px;text-decoration: none;}

.loadnews{width: 90%;margin:auto}
.part5{width:47%;height:200px;float:left;font-size: 14px;margin-bottom: 2%;margin-top: 2%;margin-left: 1%;}

.web_dialog_overlay1
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .80;
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    z-index: 101;
    display: none;
}
.web_dialog1
{
    display: none;
    position: fixed;
    width: 60%;
    height: 90%;
    top: 10%;
    left:25%;
    // margin-left: -190px;
    //  margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 150;
    font-family: Verdana;
    font-size: 10pt;
    overflow: none;
}
.web_dialog_title1
{
    border-bottom: solid 2px #336699;
    background-color: #336699;
    padding: 4px;
    color: White;
    font-weight:bold;
    margin-left: -20px;

}
.web_dialog_title1 a
{
    color: White;
    text-decoration: none;
}
}

@media screen and (min-width: 300px) and (max-width: 499px) {
    body{
    margin:0;
    height:100%;
    background-color: #E6E7E7;
}
.container{
width:100%;
height:100%;
margin: auto;
position:relative; 
}
.titlebar{
    width:100%;
    height:40px;
   // background-color: #027EB4;  
     background-image:url('../images/HeaderDesign.jpg');
     background-repeat: no-repeat;
     background-size: 100%;
    margin: auto;
    border-left:2px solid #027EB4;
     border-right:2px solid #027EB4;
     border-bottom:2px solid #016B9A;
}
.menubar{
    width:100%;
    height:30px;    
    margin-left: auto;
    margin-right: auto;
    border-left:2px solid #05F3FC;
     border-right:2px solid #05F3FC;
     padding-bottom: 5px;
     padding-top: 10px;
      background-color: #05F3FC;  
  border-bottom:2px solid #04C4CB;
     margin-bottom: 0px;
     position:relative; 
     float: none;
}
.middlearea{
   // margin-top: -30px;
    width: 100%;
    min-height: 1000px;
    height: 100%;
    margin: auto;
    background-color: white;
    border:2px solid #DBDCDC;
    position:relative; 
}
.bottombar{
    width:100%;
    height:200px;
    background-color: #027EB4;   
    margin: auto;
    border-left:2px solid #027EB4;
    border-right:2px solid #027EB4;
    border-top:2px solid #016B9A;
}
.bottombarnd{margin:auto;width:100%;height:50px;background:#033e67;  position: relative;border-top: 2px solid #022e4c;}
.bottombard1{width:100%;height:20px;color:#72cdf6;text-shadow: 1px 1px black;margin:auto;font-family:gisha,Verdana;text-align:center ;font-size:12px;padding-top:5px;}

.myMenu {
	margin:0;
	padding: 0;
       height:35px;
  width:100%;
 
}

.myMenu li {
	list-style:none;
	float:left;
 //padding-top: 5px;
}

.myMenu li a:link, .myMenu li a:visited {
	height:20px;
	display: block;
	text-decoration:none;
	font: bold 9px Arial;
	color:#024A69;
        font-weight: bold;
	text-decoration: none;
	//border-right:1px solid white;
	//padding-top: 5px;
	padding-right: 5px;
	//padding-bottom:5px;
	padding-left: 5px;
        margin:0;      
}

.myMenu li a:hover {
color:white;
font-weight: bold;
font-size:10px;
font-style:italic;
//background:#04A0B7;
//height:35px;


}
.myMenu li a:active{
    //background:#04A0B7;
}

/*style the sub menu*/
.myMenu li ul {
	position:absolute;
	visibility:hidden;
        border:1px solid white;
	margin:0;
        padding:0;
        padding-top: -10px;
        z-index:200;
        width:auto;
        //margin-top:-10px;
        //height:20px;
              
}

.myMenu li ul li {
	display:inline;
	float:none;
         width:auto;
         //background-color: #08528b;
        // height:20px;
        //margin-top: -10px;       
}

.myMenu li ul li a:link, .myMenu li ul li a:visited {
	background-color: #05F3FC;
	width:auto;
        z-index:200;         
        border-bottom:1px solid white;
        height:15px;
        margin-top: 0px;
        padding: 5px;
       // padding-top: -10px;
}

.myMenu li ul li a:hover {
	background:#08528b;
        width:auto;
        height:15px;       
}
.marq{width: 100%;margin:auto;height:15px;padding:10px;border:1px solid #dbdddf;text-align: center;font-family: calibri;font-size:90%;color:red;}
.divgroup{width:100%;height:680px;margin:auto;margin-top:0px;height:auto;}
.linksdiv{width:70%;height:220px;margin:auto;background:#FAF8C1;border-top:5px solid #FBC302;}
.photodiv{width:98%;height:230px;margin:auto;}
.phototitle{text-align: center;font-family: calibri;font-size:80%;}
.sideulstyle{width:100%;height:18px;text-align: center;color:#114A31;border-bottom:1px solid gray;padding-top:4px;font-family: calibri;font-size:80%;padding-bottom:4px;}
.sideulstyle1{width:100%;height:18px;text-align: center;color:black;border-bottom:1px solid gray;padding-top:4px;font-family: calibri;font-size:80%;padding-bottom:4px;}

.sidetitle{height:45px;width:87%;float:left;background:#F1F1F1;border-radius:10px;border:1px groove #E7E7E6;text-align:left;margin-top:10px;box-shadow:2px 2px #BAACB2;font-family:Trebuchet MS;}
#slideshow {
    margin:  auto;
    position: relative; 
    height: 200px;
    z-index:0;
    width:100%;
    
}

#slideshow > div {
    position: absolute;
    width:100%;

}
.middlecontant{width:100%;height: 600px; margin-top: 30px;margin: auto;text-align: center}
.signindiv{width:100%;height:100%;margin:auto;margin-top: -5px;}
 .detailsmr{width:90%;margin:auto;}
 .detailstr{width:98%;margin:auto; margin-top: 40px;margin-left: 1%;}
 .masterbody{width:95%;margin: auto;}
 .titstyle{margin-left:10px;margin-top:5px; font-family:arial;font-size: 80%;}
  .btnstyle{width:90px;height:25px;background:#0274AD;color:white;border-radius:5px;font-family:arial;font-size:80%;margin-left: 1%;}
.bbar1{width:100%;font-size: 60%;font-family: calibri;}
.bbar2{width:100%;font-size: 60%;font-family: calibri;}
.mctd{width:49%;text-align: center;float:left;font-size: 70%;font-weight: bold;}
.logmargin{margin-left:1%}
.logodiv{
    width:22%;
    height:100%;
    margin-top:.5%;
    float:left;
    margin-left:.5%;
    background-image:url('../images/swrnvalli-logosep800.png');
    background-repeat:no-repeat;
    background-size: 100%;
}
.titlewhite{
    height:100%;
    margin-top:1%;
     background-image:url('../images/tittextwhite800.png');
    background-repeat:no-repeat;
    background-size: 100%;
    float:left;
    width:40%;   
    margin-left:1%;
}

.detailsdiv{
    width:100%;
    float:right;
    height:28px;
   margin-bottom: 0;
  margin-top:0;
  padding-top: 0px;
}
.d1{
    width:100%;    
    height:28px;
}
.d2{
    width:100%;    
    height:50px;
}
.banimg{width: 100%;height:200px;}
.banimg1{width: 100%;height:270px;}
.c1img{margin: 5%;}
.contentdivsep{
    width:100%;
   //height:auto;
   // float:left;
   margin:auto;
    margin-bottom: 0;
  margin-top:0;
   position: relative;
}
.photodivsep{
    width:100%;
   height:300px;
   // float:left;
   margin:auto;
   margin-bottom: 1%;
   margin-top: 1%;
   position: relative;
}
.qutdivsep{
    width:100%;
   height:300px;
   // float:left;
   margin:auto;
   margin-bottom: 1%;
   margin-top: 1%;
   border:1px solid gray;
    position: relative;
  
}
.slideshow-containersep {
  width: 100%;
 // position: relative;
  margin: auto;
  height:300px; 
  
  // margin-bottom: 1%;
   margin-top: 1%;
   background-image: url('../images/qback.jpg');
   background-size: 100%;
   background-repeat: no-repeat;
   
}

.c1{
    width:100%;
    height:250px;
    margin-bottom: 2%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    font-family: verdana;
    font-size: 100%;
    font-kerning:auto;    
    z-index: 1; 
    color:black;
}
.c1float{float:none;margin-right: auto;}
.c1:hover{
      //  -webkit-filter: brightness(70%);
    cursor: hand;
    cursor:pointer;
       z-index: 10;    
}
.c1:hover:after{   
    color:#fff;
    top:10%;
    
    font-weight: bold;
    opacity: 1;
    background: gray;
    // content: attr(data-content);
}
.c1:hover .divinner{
    display:block;
    color:white;
    font-weight: bold;
    text-decoration: underline;
    font-family: arial;
}

.divinner{
    height: 100%;
    margin-top: 0%;
    font-family: calibri;
    display: none;
    z-index: 10;
    position: relative;
    
}
.contactdiv{
    width:10%;
    height:30px;
    float:right;
    font-family:Verdana;
    font-size:80%;
    color:#FBC302;
    margin-top:1%;
}
.logindiv{
    width:7%;
    height:30px;
    float:right;
    font-family:Verdana;
    font-size:80%;
    color:#FBC302;
    margin-top:1%;
}
#slideshow {
    margin:  auto;
    position: relative; 
    height: 350px;
    z-index:0;
    width:100%;
    
}

#slideshow > div {
    position: absolute;
    width:100%;

}
.mindiv1{width:100%;height:300px;margin:auto;margin-top:20px;}
.buttonstyle{width:110px;height:30px;text-align:center;border-radius:5px;font-family:gisha,Verdana;font-size:16px;background:#FBC302;}
.tabbody{width:100%;height:200px;margin-top:-4px;text-align:left;margin-bottom:10px;border-radius:5px;overflow:scroll;float:right;background-image: url('../images/tabbodyback.png');}



.mySlides {
    display: none;
    margin:auto;
    text-align: center;
}
img {vertical-align: middle;border:none;z-index: 0;}


/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top:50%;
  left:22%;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.slide {
/*  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;  */
  -webkit-animation-name:slide;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-direction: left;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 2s;
  -webkit-animation: test 1s 2s 3 alternate backwards;
  animation-name: slide;
  animation-duration: 1.5s;
  animation-direction: left;
  animation-timing-function: ease-out;
  animation-delay: 2s;
  animation: test 1s 2s 3 alternate backwards;
}

@-webkit-keyframes slide {
  from {opacity: .1} 
  to {opacity: 1}
}

@-webkit-keyframes slide {
  0%,100% {font-size: 10px;} 
   50% {font-size: 20px;}
}

@-webkit-keyframes slide {
  from{transform: rotate(0deg);} 
  to{transform: rotate(360deg);} 
}

@keyframes slide {
  from {opacity: .1} 
  to {opacity: 1}
}

@keyframes slide {
  0%,100% {font-size: 10px;} 
   50% {font-size: 20px;}
}

@keyframes slide {
  from{transform: rotate(0deg);} 
  to{transform: rotate(360deg);} 
}

.overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right:0; 
    bottom:0; 
    display: none; 
    background-color: #b1dbed; 
    //transition-delay: 2s;
    //content: attr(data-content);
}
.c1:hover .overlay { display: block; 
                     border-radius:5%;                     

}

.td1{
    width:32%;
}
.td2{
    width:66%;
}
.dinptstyle{
    width:90%;
    height:25px;
    border:1px solid gray;
    border-radius: 5px;
    background: white;}
.imgstyle{
    width:8%;
    height:25px;
    float:left;
    border-right:1px solid gray;
}
.inputs{
    width:89%; 
    float: left;
    color:black;
    font-family: arial;
    font-size: 14px;
    padding-left:5px;
    height:24px;
    margin-top:px;
    background: none;
    border: none;}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #f5af06;
  background-image: url('images/pageup.png');background-repeat: no-repeat;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 10px;
}

#myBtn:hover {
  background-color: #555;
}
.tooltip {
    position: relative;
    display: inline-block;
    border:none;
    //border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 60%;
    background-color: #027EB4;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 30%;
    margin-left: -10%;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 45%;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color:  transparent #027EB4 transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.bottombarnsep{margin:auto;width:100%;height:110px;background:#fe7b33;border-top:2px solid #e16c2c;  position: relative;}
.bottombarndarksep{margin:auto;width:100%;height:40px;background:#f8370a;  position: relative;border-top: 2px solid #e4330a;}
.bottombardiv1sep{width:100%;height:20px;color:#72cdf6;text-shadow: 1px 1px black;margin:auto;font-family:gisha,Verdana;text-align:center ;font-size:11px;padding-top:5px;}



.mainarea{width:100%;min-height: 600px;}
.maindiv1{width:100%;min-height: 600px;height:100%; }
.sidebar1{width:1%;float:left;background: #f6cf83;}
.rightbar{width:98%;float:right;height: 100%;margin: 1%;}
.maindiv2{width:98%;margin-bottom:1%;float:right;background: #f4e8d3;box-shadow: 1px 1px 1px  gray;border:1px solid #fce3b9;}
.org1{width: 97%;height:200px;box-shadow: 1px 1px 3px gray;margin-left: 2%;margin-bottom:10px;}
.org2{width: 96%;font: 14px calibri;text-align: justify;margin-left: 3%;line-height: 180%;color:#663c01}
.newsdiv{width:97%;min-height: 100%;margin-left:2%;}
.divinnerdisplay{
   height: 100%;
    margin-top:5%;
    font-family: calibri;
    display: block;
    z-index: 11;
    position: relative;
    font-size: 120%;
    color: white;
    letter-spacing: 1px;
    font-weight: bold;
    
}
.beforehover{background:#027EB4; padding:5px;border-radius: 5px;} 
.orgphoto{width:100%; height:200px;}
.part2{width:100%;height:300px;margin-left:auto;margin-right: auto;font-size: 14px;margin-bottom: 2%;margin-top: 2%;background: #b1dbed;}
.titlenewsst{width: 100%;font-size:130%;background: #027EB4;height: 20px;padding: 5px;border-radius: 5px;margin-left:-5px;margin-top:-2px;color:white;text-decoration: none;font-weight: bold;}
.part4{width:98%;margin:auto;min-height: 600px;font-size: 100%;margin-bottom: 2%;margin-top: 2%;background: #b1dbed;}
.titlenewsst1{width: 100%;font-size:120%;background: #027EB4;height: 30px;padding: 5px;border-radius: 5px;margin-left:-5px;margin-top:-2px;color:white;text-decoration: none;font-weight: bold;}
.paratit{font-family: calibri;font-size: 90%;padding-top: 10px;padding-bottom:10px;font-weight: bold;color:#01B2FC}
                    .paracontent{font-family: calibri;font-size: 80%;text-indent:justify;line-height: 180%;}
                    .workd{width: 100%;padding: 10px;}
                    a{text-decoration: none;}
 .itmphotonews{border:none;min-width:120px;min-height:110px;height: auto;width: auto;max-width:130px;max-height:120px;} 
.itmphoto1{border:none;min-width:120px;min-height:110px;height: auto;width: auto;max-width:130px;max-height:120px;} 

.itmphoto{border:none;width:150px;height:130px;} 
.divphoto{width:100%;height:100%;margin-left: auto;margin-right: auto;}
.comstyle{margin:auto;text-align: center;width:90%;margin-top:50px;height: 30px;border-top:1px solid #D2D4D3;border-bottom:1px solid #D2D4D3;font-family: calibri;color: #057992;}
.likesty{color:white;border-radius:50%;padding: 3px;padding-left: 7px;padding-right:7px;background-color:red;font-size:90%;}
.displaycom{width: 90%;min-height:100%; margin:auto;background: white;box-shadow: 1px 1px 1px  gray;margin-top:0px;}
.msgstyle{margin:20px;font-size:100%;font-family: calibri;padding-left:20px;text-align: justify;padding-bottom: 20px;text-decoration: none;}
.loadnews{width: 90%;margin:auto}
.part5{width:95%;height:130px;margin:auto;font-size: 14px;margin-bottom: 2%;margin-top: 2%;}
}

@media screen and (min-width: 300px) and (max-width: 499px) and (orientation:landscape) {
      body{
    margin:0;
    height:100%;
    background-color: #E6E7E7;
}
.container{
width:100%;
height:100%;
margin: auto;
position:relative; 
}
.titlebar{
    width:100%;
    height:40px;
   // background-color: #027EB4;  
     background-image:url('../images/HeaderDesign.jpg');
     background-repeat: no-repeat;
     background-size: 100%;
    margin: auto;
    border-left:2px solid #027EB4;
     border-right:2px solid #027EB4;
     border-bottom:2px solid #016B9A;
}
.menubar{
    width:100%;
    height:30px;    
    margin-left: auto;
    margin-right: auto;
    border-left:2px solid #05F3FC;
     border-right:2px solid #05F3FC;
     padding-bottom: 5px;
     padding-top: 10px;
      background-color: #05F3FC;  
  border-bottom:2px solid #04C4CB;
     margin-bottom: 0px;
     position:relative; 
     float: none;
}
.middlearea{
   // margin-top: -30px;
    width: 100%;
    min-height: 1000px;
    height: 100%;
    margin: auto;
    background-color: white;
    border:2px solid #DBDCDC;
    position:relative; 
}
.bottombar{
    width:100%;
    height:200px;
    background-color: #027EB4;   
    margin: auto;
    border-left:2px solid #027EB4;
    border-right:2px solid #027EB4;
    border-top:2px solid #016B9A;
}
.bottombarnd{margin:auto;width:100%;height:50px;background:#033e67;  position: relative;border-top: 2px solid #022e4c;}
.bottombard1{width:100%;height:20px;color:#72cdf6;text-shadow: 1px 1px black;margin:auto;font-family:gisha,Verdana;text-align:center ;font-size:12px;padding-top:5px;}

.myMenu {
	margin:0;
	padding: 0;
       height:35px;
  width:100%;
 
}

.myMenu li {
	list-style:none;
	float:left;
 //padding-top: 5px;
}

.myMenu li a:link, .myMenu li a:visited {
	height:20px;
	display: block;
	text-decoration:none;
	font: bold 9px Arial;
	color:#024A69;
        font-weight: bold;
	text-decoration: none;
	//border-right:1px solid white;
	//padding-top: 5px;
	padding-right: 5px;
	//padding-bottom:5px;
	padding-left: 5px;
        margin:0;      
}

.myMenu li a:hover {
color:white;
font-weight: bold;
font-size:10px;
font-style:italic;
//background:#04A0B7;
//height:35px;


}
.myMenu li a:active{
    //background:#04A0B7;
}

/*style the sub menu*/
.myMenu li ul {
	position:absolute;
	visibility:hidden;
        border:1px solid white;
	margin:0;
        padding:0;
        padding-top: -10px;
        z-index:200;
        width:auto;
        //margin-top:-10px;
        //height:20px;
              
}

.myMenu li ul li {
	display:inline;
	float:none;
         width:auto;
         //background-color: #08528b;
        // height:20px;
        //margin-top: -10px;       
}

.myMenu li ul li a:link, .myMenu li ul li a:visited {
	background-color: #05F3FC;
	width:auto;
        z-index:200;         
        border-bottom:1px solid white;
        height:15px;
        margin-top: 0px;
        padding: 5px;
       // padding-top: -10px;
}

.myMenu li ul li a:hover {
	background:#08528b;
        width:auto;
        height:15px;       
}
.marq{width: 100%;margin:auto;height:15px;padding:10px;border:1px solid #dbdddf;text-align: center;font-family: calibri;font-size:90%;color:red;}
.divgroup{width:100%;height:680px;margin:auto;margin-top:0px;height:auto;}
.linksdiv{width:70%;height:220px;margin:auto;background:#FAF8C1;border-top:5px solid #FBC302;}
.photodiv{width:98%;height:230px;margin:auto;}
.phototitle{text-align: center;font-family: calibri;font-size:80%;}
.sideulstyle{width:100%;height:18px;text-align: center;color:#114A31;border-bottom:1px solid gray;padding-top:4px;font-family: calibri;font-size:80%;padding-bottom:4px;}
.sideulstyle1{width:100%;height:18px;text-align: center;color:black;border-bottom:1px solid gray;padding-top:4px;font-family: calibri;font-size:80%;padding-bottom:4px;}

.sidetitle{height:45px;width:87%;float:left;background:#F1F1F1;border-radius:10px;border:1px groove #E7E7E6;text-align:left;margin-top:10px;box-shadow:2px 2px #BAACB2;font-family:Trebuchet MS;}
#slideshow {
    margin:  auto;
    position: relative; 
    height: 200px;
    z-index:0;
    width:100%;
    
}

#slideshow > div {
    position: absolute;
    width:100%;

}
.middlecontant{width:100%;height: 600px; margin-top: 30px;margin: auto;text-align: center}
.signindiv{width:100%;height:100%;margin:auto;margin-top: -5px;}
 .detailsmr{width:90%;margin:auto;}
 .detailstr{width:98%;margin:auto; margin-top: 40px;margin-left: 1%;}
 .masterbody{width:95%;margin: auto;}
 .titstyle{margin-left:10px;margin-top:5px; font-family:arial;font-size: 80%;}
  .btnstyle{width:90px;height:25px;background:#0274AD;color:white;border-radius:5px;font-family:arial;font-size:80%;margin-left: 1%;}
.bbar1{width:100%;font-size: 60%;font-family: calibri;}
.bbar2{width:100%;font-size: 60%;font-family: calibri;}
.mctd{width:49%;text-align: center;float:left;font-size: 70%;font-weight: bold;}
.logmargin{margin-left:1%}
.logodiv{
    width:22%;
    height:100%;
    margin-top:.5%;
    float:left;
    margin-left:.5%;
    background-image:url('../images/swrnvalli-logosep800.png');
    background-repeat:no-repeat;
    background-size: 100%;
}
.titlewhite{
    height:100%;
    margin-top:1%;
     background-image:url('../images/tittextwhite800.png');
    background-repeat:no-repeat;
    background-size: 100%;
    float:left;
    width:40%;   
    margin-left:1%;
}

.detailsdiv{
    width:100%;
    float:right;
    height:28px;
   margin-bottom: 0;
  margin-top:0;
  padding-top: 0px;
}
.d1{
    width:100%;    
    height:28px;
}
.d2{
    width:100%;    
    height:50px;
}
.banimg{width: 100%;height:200px;}
.banimg1{width: 100%;height:270px;}
.c1img{margin: 5%;}
.contentdivsep{
    width:100%;
   //height:auto;
   // float:left;
   margin:auto;
    margin-bottom: 0;
  margin-top:0;
   position: relative;
}
.photodivsep{
    width:100%;
   height:300px;
   // float:left;
   margin:auto;
   margin-bottom: 1%;
   margin-top: 1%;
   position: relative;
}
.qutdivsep{
    width:100%;
   height:300px;
   // float:left;
   margin:auto;
   margin-bottom: 1%;
   margin-top: 1%;
   border:1px solid gray;
    position: relative;
  
}
.slideshow-containersep {
  width: 100%;
 // position: relative;
  margin: auto;
  height:300px; 
  
  // margin-bottom: 1%;
   margin-top: 1%;
   background-image: url('../images/qback.jpg');
   background-size: 100%;
   background-repeat: no-repeat;
   
}

.c1{
    width:100%;
    height:250px;
    margin-bottom: 2%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    font-family: verdana;
    font-size: 100%;
    font-kerning:auto;    
    z-index: 1; 
    color:black;
}
.c1float{float:none;margin-right: auto;}
.c1:hover{
      //  -webkit-filter: brightness(70%);
    cursor: hand;
    cursor:pointer;
       z-index: 10;    
}
.c1:hover:after{   
    color:#fff;
    top:10%;
    
    font-weight: bold;
    opacity: 1;
    background: gray;
    // content: attr(data-content);
}
.c1:hover .divinner{
    display:block;
    color:white;
    font-weight: bold;
    text-decoration: underline;
    font-family: arial;
}

.divinner{
    height: 100%;
    margin-top: 0%;
    font-family: calibri;
    display: none;
    z-index: 10;
    position: relative;
    
}
.contactdiv{
    width:10%;
    height:30px;
    float:right;
    font-family:Verdana;
    font-size:80%;
    color:#FBC302;
    margin-top:1%;
}
.logindiv{
    width:7%;
    height:30px;
    float:right;
    font-family:Verdana;
    font-size:80%;
    color:#FBC302;
    margin-top:1%;
}
#slideshow {
    margin:  auto;
    position: relative; 
    height: 350px;
    z-index:0;
    width:100%;
    
}

#slideshow > div {
    position: absolute;
    width:100%;

}
.mindiv1{width:100%;height:300px;margin:auto;margin-top:20px;}
.buttonstyle{width:110px;height:30px;text-align:center;border-radius:5px;font-family:gisha,Verdana;font-size:16px;background:#FBC302;}
.tabbody{width:100%;height:200px;margin-top:-4px;text-align:left;margin-bottom:10px;border-radius:5px;overflow:scroll;float:right;background-image: url('../images/tabbodyback.png');}



.mySlides {
    display: none;
    margin:auto;
    text-align: center;
}
img {vertical-align: middle;border:none;z-index: 0;}


/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top:50%;
  left:22%;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.slide {
/*  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;  */
  -webkit-animation-name:slide;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-direction: left;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 2s;
  -webkit-animation: test 1s 2s 3 alternate backwards;
  animation-name: slide;
  animation-duration: 1.5s;
  animation-direction: left;
  animation-timing-function: ease-out;
  animation-delay: 2s;
  animation: test 1s 2s 3 alternate backwards;
}

@-webkit-keyframes slide {
  from {opacity: .1} 
  to {opacity: 1}
}

@-webkit-keyframes slide {
  0%,100% {font-size: 10px;} 
   50% {font-size: 20px;}
}

@-webkit-keyframes slide {
  from{transform: rotate(0deg);} 
  to{transform: rotate(360deg);} 
}

@keyframes slide {
  from {opacity: .1} 
  to {opacity: 1}
}

@keyframes slide {
  0%,100% {font-size: 10px;} 
   50% {font-size: 20px;}
}

@keyframes slide {
  from{transform: rotate(0deg);} 
  to{transform: rotate(360deg);} 
}

.overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right:0; 
    bottom:0; 
    display: none; 
    background-color: #b1dbed; 
    //transition-delay: 2s;
    //content: attr(data-content);
}
.c1:hover .overlay { display: block; 
                     border-radius:5%;                     

}

.td1{
    width:32%;
}
.td2{
    width:66%;
}
.dinptstyle{
    width:90%;
    height:25px;
    border:1px solid gray;
    border-radius: 5px;
    background: white;}
.imgstyle{
    width:8%;
    height:25px;
    float:left;
    border-right:1px solid gray;
}
.inputs{
    width:89%; 
    float: left;
    color:black;
    font-family: arial;
    font-size: 14px;
    padding-left:5px;
    height:24px;
    margin-top:px;
    background: none;
    border: none;}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #f5af06;
  background-image: url('images/pageup.png');background-repeat: no-repeat;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 10px;
}

#myBtn:hover {
  background-color: #555;
}
.tooltip {
    position: relative;
    display: inline-block;
    border:none;
    //border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 60%;
    background-color: #027EB4;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 30%;
    margin-left: -10%;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 45%;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: #027EB4 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.bottombarnsep{margin:auto;width:100%;height:110px;background:#fe7b33;border-top:2px solid #e16c2c;  position: relative;}
.bottombarndarksep{margin:auto;width:100%;height:40px;background:#f8370a;  position: relative;border-top: 2px solid #e4330a;}
.bottombardiv1sep{width:100%;height:20px;color:#72cdf6;text-shadow: 1px 1px black;margin:auto;font-family:gisha,Verdana;text-align:center ;font-size:11px;padding-top:5px;}



.mainarea{width:100%;min-height: 600px;}
.maindiv1{width:100%;min-height: 600px;height:100%; }
.sidebar1{width:1%;float:left;background: #f6cf83;}
.rightbar{width:98%;float:right;height: 100%;margin: 1%;}
.maindiv2{width:98%;margin-bottom:1%;float:right;background: #f4e8d3;box-shadow: 1px 1px 1px  gray;border:1px solid #fce3b9;}
.org1{width: 97%;height:200px;box-shadow: 1px 1px 3px gray;margin-left: 2%;margin-bottom:10px;}
.org2{width: 96%;font: 14px calibri;text-align: justify;margin-left: 3%;line-height: 180%;color:#663c01}
.newsdiv{width:97%;min-height: 100%;margin-left:2%;}
.divinnerdisplay{
   height: 100%;
    margin-top:5%;
    font-family: calibri;
    display: block;
    z-index: 11;
    position: relative;
    font-size: 120%;
    color: white;
    letter-spacing: 1px;
    font-weight: bold;    
}
.beforehover{background:#027EB4; padding:5px;border-radius: 5px;}  
.orgphoto{width:100%; height:200px;}
.part2{width:100%;height:300px;margin-left:auto;margin-right: auto;font-size: 14px;margin-bottom: 2%;margin-top: 2%;background: #b1dbed;}
.titlenewsst{width: 100%;font-size:130%;background: #027EB4;height: 20px;padding: 5px;border-radius: 5px;margin-left:-5px;margin-top:-2px;color:white;text-decoration: none;font-weight: bold;}
.part4{width:98%;margin:auto;min-height: 600px;font-size: 100%;margin-bottom: 2%;margin-top: 2%;background: #b1dbed;}
.titlenewsst1{width: 100%;font-size:120%;background: #027EB4;height: 30px;padding: 5px;border-radius: 5px;margin-left:-5px;margin-top:-2px;color:white;text-decoration: none;font-weight: bold;}
.paratit{font-family: calibri;font-size: 90%;padding-top: 10px;padding-bottom:10px;font-weight: bold;color:#01B2FC}
 .paracontent{font-family: calibri;font-size: 80%;text-indent: justify;line-height: 180%;}
 .workd{width: 95%;padding: 10px;}
 a{text-decoration: none;}
  .itmphotonews{border:none;min-width:120px;min-height:110px;height: auto;width: auto;max-width:130px;max-height:120px;} 
.itmphoto1{border:none;min-width:120px;min-height:110px;height: auto;width: auto;max-width:130px;max-height:120px;} 

.itmphoto{border:none;width:150px;height:130px;} 
 .divphoto{width:100%;height:100%;margin-left: auto;margin-right: auto;}
.comstyle{margin:auto;text-align: center;width:90%;margin-top:50px;height: 30px;border-top:1px solid #D2D4D3;border-bottom:1px solid #D2D4D3;font-family: calibri;color: #057992;text-decoration-color: none;text-decoration-line: none;}
.likesty{color:white;border-radius:50%;padding: 3px;padding-left: 7px;padding-right:7px;background-color:red;font-size:90%;}
.displaycom{width: 90%;min-height:100%; margin:auto;background: white;box-shadow: 1px 1px 1px  gray;margin-top:0px;}
.msgstyle{margin:20px;font-size:100%;font-family: calibri;padding-left:20px;text-align: justify;padding-bottom: 20px;text-decoration: none;}
.loadnews{width: 90%;margin:auto}
.part5{width:45%;height:130px;float:left;font-size: 14px;margin-bottom: 2%;margin-top: 2%;}

.web_dialog_overlay1
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .80;
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    z-index: 101;
    display: none;
}
.web_dialog1
{
    display: none;
    position: fixed;
    width: 60%;
    height: 90%;
    top: 10%;
    left:25%;
    // margin-left: -190px;
    //  margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 150;
    font-family: Verdana;
    font-size: 10pt;
    overflow: none;
}
.web_dialog_title1
{
    border-bottom: solid 2px #336699;
    background-color: #336699;
    padding: 4px;
    color: White;
    font-weight:bold;
    margin-left: -20px;

}
.web_dialog_title1 a
{
    color: White;
    text-decoration: none;
}
}