html{
    width: 100%;
    height:100%;
    border: 0px solid blue;
    background: #000;
    overflow: auto;
}

  img{
      max-width: 30vw;
      height: auto;
    }

       @media all and (min-width: 1400px) {
body{
    width: 100vw;
    height:99vh;
    border: 0px solid maroon;
     background-color: #000;
     overflow: alto;
 }
 
 /*I-Menu*/
 .nav{
    width: 98vw;
    height: 22vh;
    border: 0px solid green;
 }

 .menu{
    width: 15vw;
    height:20vh;
    border: 0px solid yellow;
    float: left;
 }

 .spa_1{
    width: 5vw;
    height:5vh;
    float: left;
 }

 .bemvindo{
    width: 70vw;
    height:25vh;
    border: 0px solid #fff;
    overflow: auto;
    float: left;
    background-image: url("../img/Seja-Bem-Vindo-Ao-Kovil-23-06-2025.png");
    background-repeat: no-repeat;
    background-size: 70vw 30vh;
 }

 .spa_2{
    width: 2vw;
    height:4vh;
    border: 0px solid red;
 }
/*F-Menu*/

.pai {
    width: 97vw;
    height: 70vh;
    border: 0px solid maroon;
    overflow: auto;
    }
     .csa{
      width: 48vw;
      height: 65vh;
      border: 0px solid blue;
      float: left;
      margin-left: 0px;
      background-image: url("../img/webli/kobra1.gif");
      background-repeat: no-repeat;
      background-size: 40vw 70vh;
     }

     .csb{
      width: 47vw;
      height: 65vh;
      border: 0px solid green;
      float: left;
      margin-left: 10px;
      background-image: url("../img/C002.gif");
     background-repeat: no-repeat;
     background-size: cover;
     background-size: 40vw 65vh;
     overflow: auto;
     }

      .csc{
      width: 37vw;
      height: 37vh;
      border: 0px solid red;
      float: left;
      margin-left: 60px;
      background-image: url("../img/webli/texto1.png");
      background-repeat: no-repeat;
     background-size: cover;
     background-size: 35vw 35vh;
     }

     .csd{
      width: 37vw;
      height: 20vh;
      border: 0px solid red;
      float: left;
      margin-top: 30px;
      margin-left: 60px;
      background-image: url("../img/webli/kovil.gif");
      background-repeat: no-repeat;
     background-size: cover;
     background-size: 37vw 20vh;
     }

.rdp{
      width: 95vw;
      height: 10vh;
      border: 0px solid red;
      margin-top: 5px;
}
     
.rdp{
    font-size: 15px;
    color: #c0c0c0;
    text-align: center;
    padding: 5px;
}
}

 
    @media all and (min-width: 1001px) and (max-width: 1399px) {
body{
    width: 100vw;
    height:99vh;
    border: 0px solid red;
     background-size: cover;
     background-color: #000;
     overflow: alto;
 }
 
 /*I-Menu*/
  .nav{
    width: 98vw;
    height: 16vh;
    border: 0px solid green;
 }

 .menu{
    width: 13vw;
    height:15vh;
    border: 0px solid yellow;
    float: left;
 }

 .bemvindo{
    width: 70vw;
    height:15vh;
    margin-left: 8vw;
    border: 0px solid #fff;
    overflow: auto;
    float: left;
    background-image: url("../img/Seja-Bem-Vindo-Ao-Kovil-23-06-2025.png");
    background-repeat: no-repeat;
    background-size: 60vw 20vh;
 }

 .spa_2{
    width: 2vw;
    height:4vh;
    border: 0px solid red;
 }
/*F-Menu*/

.pai {
    width: 97vw;
    height: 68vh;
    border: 0px solid maroon;
    overflow: auto;
    }
     .csa{
      width: 48vw;
      height: 66vh;
      border: 0px solid blue;
      float: left;
      margin-left: 2px;
      background-image: url("../img/webli/kobra1.gif");
      background-repeat: no-repeat;
      background-size: 47vw 65vh;
     }

     .csb{
      width: 47vw;
      height: 65vh;
      border: 0px solid green;
      float: left;
      margin-left: 10px;
      background-image: url("../img/C002.gif");
     background-repeat: no-repeat;
     background-size: cover;
     background-size: 50vw 65vh;
     overflow: auto;
     }

          .csc{
      width: 40vw;
      height: 37vh;
      border: 0px solid red;
      float: left;
      margin-left: 30px;
      background-image: url("../img/webli/texto1.png");
      background-repeat: no-repeat;
     background-size: cover;
     background-size: 40vw 35vh;
     }

     .csd{
      width: 40vw;
      height: 20vh;
      border: 0px solid red;
      float: left;
      margin-top: 30px;
      margin-left: 30px;
      background-image: url("../img/webli/kovil.gif");
      background-repeat: no-repeat;
     background-size: cover;
     background-size: 40vw 20vh;
     }


.rdp{
      width: 95vw;
      height: 6vh;
      border: 0px solid red;
      margin-top: 5px;
}
     
.rdp{
    font-size: 15px;
    color: #c0c0c0;
    text-align: center;
    padding: 5px;
}
}
        @media all and (min-width: 701px) and (max-width: 1000px) {
body{
    width: 100vw;
    height:99vh;
    border: 0px solid green;
     background-size: cover;
     background-color: #000;
     overflow: alto;
 }
 
 /*I-Menu*/
  .nav{
    width: 98vw;
    height: 16vh;
    border: 0px solid green;
 }

 .menu{
    width: 13vw;
    height:15vh;
    border: 0px solid yellow;
    float: left;
 }

 .bemvindo{
    width: 70vw;
    height:15vh;
    margin-left: 8vw;
    border: 0px solid #fff;
    overflow: auto;
    float: left;
    background-image: url("../img/Seja-Bem-Vindo-Ao-Kovil-23-06-2025.png");
    background-repeat: no-repeat;
    background-size: 60vw 20vh;
 }

 .spa_2{
    width: 2vw;
    height:4vh;
    border: 0px solid red;
 }
/*F-Menu*/

.pai {
    width: 97vw;
    height: 60vh;
    border: 0px solid maroon;
    overflow: auto;
    }
     .csa{
      width: 48vw;
      height: 66vh;
      border: 0px solid blue;
      float: left;
      margin-left: 0px;
      background-image: url("../img/webli/kobra1.gif");
      background-repeat: no-repeat;
      background-size: 47vw 65vh;
     }

     .csb{
      width: 47vw;
      height: 65vh;
      border: 0px solid green;
      float: left;
      margin-left: 10px;
      background-image: url("../img/C002.gif");
     background-repeat: no-repeat;
     background-size: cover;
     background-size: 50vw 65vh;
     overflow: auto;
     }

          .csc{
      width: 40vw;
      height: 37vh;
      border: 0px solid red;
      float: left;
      margin-left: 30px;
      background-image: url("../img/webli/texto1.png");
      background-repeat: no-repeat;
     background-size: cover;
     background-size: 40vw 35vh;
     }

     .csd{
      width: 40vw;
      height: 20vh;
      border: 0px solid red;
      float: left;
      margin-top: 30px;
      margin-left: 30px;
      background-image: url("../img/webli/kovil.gif");
      background-repeat: no-repeat;
     background-size: cover;
     background-size: 40vw 20vh;
     }


.rdp{
      width: 95vw;
      height: 10vh;
      border: 0px solid red;
      margin-top: 5px;
      overflow: auto;
}
     
.rdp{
    font-size: 15px;
    color: #c0c0c0;
    text-align: center;
    padding: 5px;
}
}
/*-----------------------------------------------------------------------*/
        @media all and (min-width: 501px) and (max-width: 700px) {
body{
    width: 100vw;
    height:99vh;
    border: 0px solid blue;
     background-size: cover;
     background-color: #000;
     overflow: alto;
 }
 
 /*I-Menu*/
 .nav{
    width: 98vw;
    height: 9vh;
    border: 0px solid green;
 }

 .menu{
    width: 20vw;
    height:8vh;
    border: 0px solid yellow;
    float: left;
 }

 .bemvindo{
    width: 65vw;
    height:8vh;
    margin-left: 8vw;
    border: 0px solid #fff;
    overflow: auto;
    float: left;
    background-image: url("../img/Seja-Bem-Vindo-Ao-Kovil-23-06-2025.png");
    background-repeat: no-repeat;
    background-size: 60vw 10vh;
 }

 .spa_2{
    width: 2vw;
    height:4vh;
    border: 0px solid red;
 }
/*F-Menu*/

.pai {
    width: 97vw;
    height: 90vh;
    border: 0px solid maroon;
    overflow: auto;
    }
     .csa{
      width: 94vw;
      height: 50vh;
      border: 0px solid blue;
      margin-left: 0px;
      background-image: url("../img/webli/kobra1.gif");
      background-repeat: no-repeat;
      background-size: 90vw 60vh;
     }

     .csb{
      width: 96vw;
      height: 60vh;
      border: 0px solid green;
      background-image: url("../img/C002.gif");
     background-repeat: no-repeat;
     background-size: 90vw 60vh;
     overflow: auto;
     }

     

      .csc{
      width: 80vw;
      height: 40vh;
      border: 0px solid red;
      float: left;
      margin-left: 10vw;
      background-image: url("../img/webli/texto1.png");
      background-repeat: no-repeat;
     background-size: cover;
     background-size: 70vw 38vh;
     }

     .csd{
      width: 70vw;
      height: 10vh;
      border: 2px solid red;
      float: left;
      margin-left: 10vw;
      background-image: url("../img/webli/kovil.gif");
      background-repeat: no-repeat;
     background-size: cover;
     background-size: 60vw 10vh;
     }


.rdp{
      width: 94vw;
      height: 5vh;
      border: 5px solid #fff;
      margin-top: 5px;
}
     
.rdp{
    font-size: 15px;
    color: #c0c0c0;
    text-align: center;
    padding: 5px;
}
}
/*-----------------------------------------------------------------------*/
        @media all and (min-width: 301px) and (max-width: 500px) {
body{
    width: 100vw;
    height:99vh;
    border: 0px solid red;
     background-size: cover;
     background-color: #000;
     overflow: alto;
 }
 
 /*I-Menu*/
 .nav{
    width: 98vw;
    height: 15vh;
    border: 0px solid green;
 }

 .menu{
    width: 27vw;
    height:15vh;
    border: 0px solid yellow;
    float: left;
 }

 .bemvindo{
    width: 60vw;
    height:10vh;
    margin-left: 8vw;
    margin-top: 5vh;
    border: 0px solid #fff;
    overflow: auto;
    float: left;
    background-image: url("../img/Seja-Bem-Vindo-Ao-Kovil-23-06-2025.png");
    background-repeat: no-repeat;
    background-size: 55vw 10vh;
 }

 .spa_2{
    width: 2vw;
    height:4vh;
    border: 0px solid red;
 }
/*F-Menu*/

.pai {
    width: 97vw;
    height: 62vh;
    border: 0px solid maroon;
    overflow: auto;
    }
     .csa{
      width: 92vw;
      height: 67vh;
      border: 0px solid red;
      background-image: url("../img/webli/kobra1.gif");
      background-repeat: no-repeat;
      background-size: 90vw 60vh;
     }

     .csb{
      width: 85vw;
      height: 70vh;
      border: 0px solid green;
      margin-left: 6vw;
      background-image: url("../img/C002.gif");
     background-repeat: no-repeat;
     background-size: 90vw 75vh;
     overflow: auto;
     }

      .csc{
      width: 80vw;
      height: 45vh;
      border: 0px solid red;
      float: left;
      background-image: url("../img/webli/texto1.png");
      background-repeat: no-repeat;
     background-size: cover;
     background-size: 75vw 45vh;
     }

     .csd{
      width: 80vw;
      height: 21vh;
      border: 0px solid red;
      float: left;
      background-image: url("../img/webli/kovil.gif");
      background-repeat: no-repeat;
     background-size: cover;
     background-size: 75vw 20vh;
     }


.rdp{
      width: 90vw;
      height: 7vh;
      border: 0px solid red;
      margin-top: 5px;
}
     
.rdp{
    font-size: 15px;
    color: #c0c0c0;
    text-align: center;
    padding: 5px;
}
}
/*-----------------------------------------------------------------------*/
       @media all and (max-width: 300px) {
body{
    width: 100vw;
    height:99vh;
    border: 0px solid yellow;
     background-size: cover;
     background-color: #000;
     overflow: alto;
 }
 
 /*I-Menu*/
 .nav{
    width: 98vw;
    height: 15vh;
    border: 0px solid green;
 }

 .menu{
    width: 27vw;
    height:15vh;
    border: 0px solid yellow;
    float: left;
 }

 .bemvindo{
    width: 60vw;
    height:10vh;
    margin-left: 8vw;
    margin-top: 5vh;
    border: 0px solid #fff;
    overflow: auto;
    float: left;
    background-image: url("../img/Seja-Bem-Vindo-Ao-Kovil-23-06-2025.png");
    background-repeat: no-repeat;
    background-size: 55vw 10vh;
 }

 .spa_2{
    width: 2vw;
    height:4vh;
    border: 0px solid red;
 }
/*F-Menu*/

.pai {
    width: 97vw;
    height: 62vh;
    border: 0px solid maroon;
    overflow: auto;
    }
     .csa{
      width: 92vw;
      height: 67vh;
      border: 0px solid red;
      background-image: url("../img/webli/kobra1.gif");
      background-repeat: no-repeat;
      background-size: 90vw 60vh;
     }

     .csb{
      width: 85vw;
      height: 70vh;
      border: 0px solid green;
      margin-left: 6vw;
      background-image: url("../img/C002.gif");
     background-repeat: no-repeat;
     background-size: 90vw 75vh;
     overflow: auto;
     }

      .csc{
      width: 80vw;
      height: 45vh;
      border: 0px solid red;
      float: left;
      background-image: url("../img/webli/texto1.png");
      background-repeat: no-repeat;
     background-size: cover;
     background-size: 75vw 45vh;
     }

     .csd{
      width: 80vw;
      height: 21vh;
      border: 0px solid red;
      float: left;
      background-image: url("../img/webli/kovil.gif");
      background-repeat: no-repeat;
     background-size: cover;
     background-size: 75vw 20vh;
     }


.rdp{
      width: 90vw;
      height: 7vh;
      border: 0px solid red;
      margin-top: 5px;
}
     
.rdp{
    font-size: 15px;
    color: #c0c0c0;
    text-align: center;
    padding: 5px;
}
}