html{
  height: 95%;
}
body 
{
    margin-top:0px;
    margin-left:20px;
    background-image:url(../Images/BodyBG.jpg);
    background-repeat:repeat-x;
    background-color:#ecfae1;   
    height: 100%;
    
}
.tblMain
{
    width:100%;
     height: 100%;
    }



@media screen 
 {
   body,p
   {
      font-family:arial;
      font-size:20pt;  
      text-align:justify
    }
    .MenuTd
    {
    background-color:White;
    border:2px Solid #61a880;
    vertical-align:top;
    color:#61a880;
    font-size:20pt;
    width:155px 
    
    } 
    .PageTitle
    {
    color:#793812;
    font-weight:bold;
    font-size:24pt;
    
    }
    .container {
    width: 600px;
    overflow:hidden;
    margin: 50px auto;
    background: white;
    border:5px solid;
  border-top-color:#856036;
  border-left-color:#5d4426;
  border-bottom-color:#856036;
  border-right-color:#5d4426; 
} 

 .productGroup
     {
         color:#066a6b;
          font-weight:bold;
          border-bottom:5px solid #63bb95;
          width:400px;
          height:30px;
          font-size:20pt
         }     
 }


@media screen 
        and (min-device-width: 1200px)
         and (max-device-width: 1600px) 
        
{
   body,p
   {
      font-family:arial;
      font-size:11pt;  
      text-align:justify;
   } 
  
    .MenuTd
    {
   background-color:White;
   border:2px Solid #61a880;
   vertical-align:top;
   color:#61a880;
   font-size:12pt;
   width:145px 
    
    } 
    .PageTitle
    {
    color:#793812;
    font-weight:bold;
    font-size:14pt;
    
    }
    
    .container {
    width:1000px;
    overflow:hidden;
    margin: 50px auto;
    background: white;
    border:5px solid;
  border-top-color:#856036;
  border-left-color:#5d4426;
  border-bottom-color:#856036;
  border-right-color:#5d4426; 
}
 .productGroup
     {
         color:#066a6b;
          font-weight:bold;
          border-bottom:5px solid #63bb95;
          width:400px;
          height:30px;
          font-size:12pt
         }     
.prDiv
{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
   	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
    
    }
    
    .prP{height:200px}
 }

@media screen 
  and (min-device-width: 320px) 
  and (max-device-width: 700px) 
{
   body,p
   {
      font-family:arial;
      font-size:22pt; 
     
       }
       .MenuTd
        {
       background-color:White;
       border:2px Solid #61a880;
       vertical-align:top;
       color:#61a880;
       font-size:22pt;
       width:165px 
    
    } 
    .PageTitle
{
    color:#793812;
    font-weight:bold;
    font-size:26pt;
    
    }
    .container {
    width: 600px;
    overflow:hidden;
    margin: 50px auto;
    background: white;
    border:5px solid;
  border-top-color:#856036;
  border-left-color:#5d4426;
  border-bottom-color:#856036;
  border-right-color:#5d4426; 
} 

 .productGroup
     {
         color:#066a6b;
          font-weight:bold;
          border-bottom:5px solid #63bb95;
          width:400px;
          height:30px;
          font-size:20pt
         }     
 }



    

  .MenuTd a
  {
     color:#61a880;
     text-decoration:none; 
      }     
.MenuTd a:hover
  {
     color:#793812;
     text-decoration:underline; 
      } 
      
   
    
     
  .imgBox {
     -webkit-box-shadow: -3px 5px 3px #7C7C7C;
    box-shadow: -3px 5px 3px #7C7C7C;
    border:2px solid #63bb95
   
}  
.img {
   
    border-radius:1em
}  



.photo{
  
   width:250px;
  height:200px;
}
 

.first 
{
  width:250px;
  height:200px;
    -webkit-animation: bannermove 30s linear infinite;
       -moz-animation: bannermove 30s linear infinite;
        -ms-animation: bannermove 30s linear infinite;
         -o-animation: bannermove 30s linear infinite;
            animation: bannermove 30s linear infinite;
}
 
@keyframes "bannermove" {
 0% {
    margin-left: 0px;
 }
 
 100% {
    margin-left: -2540px;
 }
 
}
 
@-moz-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2540px;
 }
 
}
 
@-webkit-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2540px;
 }
 
}
 
@-ms-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2540px;
 }
 
}
 
@-o-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2540px;
 }
 
}

.photobanner {
    height: 210px;
    width: 3850px;
    margin-bottom: 30px;
    margin-top: 30px;
    
}
 
.photobanner img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
 
.photobanner img:hover {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    cursor: pointer;
 
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.7);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.7);
}