.row-0{
    width: 90%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: auto;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0%;
    margin-top: 0%;
   /* border-style: solid; */
   /* border-color: #f44336;*/
    margin: auto;
    justify-content: space-between;
    text-align: center;

      }


     .col-1{
        /*    background-image: url("../Images/campus1.jpg");*/
            flex-basis: 55%;
            min-width: 300px;
            padding-top: 50px;
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 20px;
            /*background: #f44336;*/
        
         }
        
         .col-1 h1{
            text-align: left;
            font-size: 70px;
            font-family: 'Arial';
            padding-left: 10px;
            margin: 20px 0;
          /*  color: #0b57d0ff;*/
            color: #041e49ff;
            font-weight: 10px;
            line-height: 1.05;
         }
        
         
        .col-1 p{
            text-align: left;
            font-size: 19px;
            line-height: 60px;
            padding-left: 10px;
            font-family: 'Arial';
            margin: 0px 0px;
            color: #555;
            line-height: 1.4;
         }
        
        
         .col-2{
            flex-basis: 45%;
            min-width: 300px;
            padding-top: 20px;
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 50px;
            /*background: #f44336;*/
         }
        .col-2 img{
           max-width: 60%;;
           padding: 0px 0px;
           /*border: solid;
           border-color: #060c27;
           border-radius: 25px;
           border-width: 0.5px;*/
        }
        
         
        .Button{
            display:flex;
            justify-content: right;
            border-style: none;
        
        }
        
        
         .btn{
             text-align: center;
             text-decoration: none;
             background: #ff523b;
             color: #fff;
             padding: 8px 40px;
             margin-top: 50px;
             margin-left: 120px;
             border-radius: 5px;
             font-size: 22px;
             transition: 0.3s;
             border-color:#ff523b;
            }
        
        .btn:hover{
        background: #563434;
        border-color: #563434;
        }



 /*...............Revision NAVBAR......................*/

 .REV_TITLE {
    max-width: 90%;
    height: 40px;
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px;
    padding-top: 0px;
    position: relative;
    margin: auto;
 /*   border-top: solid 1px #041e49ff;
    border-bottom: solid 1px crimson; */
    
                }

.REV_TITLE h1 {
    text-decoration: none;
    color: black;
    font-size: 18px;
    font-weight: 600;
    font-style: bold;


}
               

.REV_TITLE_R1_C1 {
        width: 70%;
        height: 100%;
        display: flex;
        padding-top: 0px;
        padding-left: 0px;
        align-items: center; /* to align logo in the centr*/
        justify-content: center;
 /*   border-top: solid 1px #041e49ff;*/
        border-bottom: solid 1px crimson ;
      }


.header-main-nav1 {
        width: 80%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: left;
        margin: auto;
        padding-top: 0px;
     /*   align-items: center;  to align logo in the centr*/
    }





    
/*............... NAVBAR......................*/

#Rev_bar_R1_C1  {  
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-right: 0px;
    padding-top: 0px;

                    }  
 
#Rev_bar_R1_C1  li   {  
    list-style-type: none; 
    padding: 0 25px;          
/*    padding-left: 0px;       
    padding-right: 50px; */  
/*    border-right: solid 1px crimson; */
           }  
                    
#Rev_bar_R1_C1  li a {
    text-decoration: none;
    color: #041e49ff;
    font-size: 16px;
    font-weight: 500;
    font-style: bold; 
    
}



#Rev_bar_R1_C1  li a:hover
{
    color:#f44336;  /* changes the colour of the button)*/
    transition: 0.5s;
    border-bottom: solid 2px #041e49ff;
}



#Rev_bar_R1_C1  a.active
{      
       color: Green;
/*       padding: 2px 6px;
       border: solid 1px #041e49ff;
       border-radius: 12px; 
       border-bottom: solid 2px #041e49ff; */
       
}


/*********  Colum 2 ***************** */

.REV_TITLE_R1_C2 {
    width: 30%;
    height: 100%;
    display: flex;
    padding-top: 0px;
    padding-left: 0px;
    align-items: center; /* to align logo in the centr*/
    justify-content: center;
/*   border-top: solid 1px #041e49ff;*/
    border-bottom: solid 1px crimson;
    
}


.header-main-nav1 {
    width: 80%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
    margin: auto;
    padding-top: 0px;
 /*   align-items: center;  to align logo in the centr*/
}

/*............... NAVBAR......................*/

#Rev_bar_R1_C2  {  
width: 100%;
display: flex;
align-items: center;
justify-content: right;
padding-right: 0px;
padding-top: 0px;

                }  

#Rev_bar_R1_C2  li   {  
list-style-type: none; 
padding: 0 25px;          
       }  
                
#Rev_bar_R1_C2  li a {
text-decoration: none;
color: #041e49ff;
font-size: 16px;
font-weight: 500;
font-style: bold; 
}



#Rev_bar_R1_C2  li a:hover
{
color:#f44336;  /* changes the colour of the button)*/
transition: 0.5s;

}



#Rev_bar_R1_C2  a.active
{      
   color: green;
}




/*********** ROW 2 - Column 1 *************/


 /*...............HEADER NAVBAR....................*/








/**********ROW 3 ***************************/






/**********ROW 3 ***************************/


.REV_TITLE3 {
    max-width: 90%;
/*    height: 600px; */
    display:flex;
    justify-content: space-between;
    padding: 0px 0px;
    padding-top: 0px;
    position: relative;
    margin: auto;
    margin-top: 1%;
/*    border: solid 1px #041e49ff;*/
/*    border-bottom: solid 1px crimson; */
    
                }

.REV_TITLE3_R3_C1 {
        width: 70%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: start;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        justify-content: left;
    /*    border: solid 1px grey;*/
     /*   border:solid 2px green; */
    }

    .REV_TITLE3_R3_C1_NB {
        max-width: 100%;
        height: 40px;
        display:flex;
        align-items: normal;
        justify-content: left;
        padding: 0px 0px;
        padding-top: 0px;
        position: relative;
    /*    margin: auto; */
    /*    margin-left: 0%; */
    /*    margin-top: 0%; */
    /*    border: solid 2px green;*/
     /*  border-top: solid 1px #041e49ff;*/
     /*   border-bottom: solid 1px crimson; */
        
                    }
    
    #REV_TITLE3_R3_C1_NB_UL  {  
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: left;
        padding-right: 0px;
        padding-top: 0px;
                    
                                        }  
                     
    #REV_TITLE3_R3_C1_NB_UL  li   {  
        list-style-type: none; 
        padding: 0 25px;          
     /*   padding-left: 0px;
        padding-right: 50px;
        /*    border-right: solid 1px crimson; */
                         }  
                                        
    #REV_TITLE3_R3_C1_NB_UL a {
        text-decoration: none;
        color: #041e49ff;
        font-size: 16px;
        font-weight: 500;
        font-style: bold; 
                        
                    }
                                  
                    
    #REV_TITLE3_R3_C1_NB_UL  li a:hover
                    {
        color:#f44336;  /* changes the colour of the button)*/
        transition: 0.1s;
        border-bottom: solid 2px #041e49ff;
                    }
                    
                    
                    
    #REV_TITLE3_R3_C1_NB_UL  a.active
                    {      
        color: Green;
    /*                       padding: 2px 6px;
                           border: solid 1px #041e49ff;
                           border-radius: 12px; 
                           border-bottom: solid 2px #041e49ff; */
                           
                    }

#sessionsday {
    margin-right: 30px; /* adjust the gap */
    text-decoration: none;
}

    #sessionsday a.active
                    {      
        color: Green;
    /*                       padding: 2px 6px;
                           border: solid 1px #041e49ff;
                           border-radius: 12px; 
                           border-bottom: solid 2px #041e49ff; */
                           
                    }


.sessions-container {
    display: flex;
    gap: 40px; /* space between Day 1 and Day 2 */
    align-items: center;
}

.sessionsday {
    text-decoration: none;
    color: black;       /* Default color */
}

.sessionsday.active {
    color: green;       /* Highlight active day */
    font-weight: bold;  /* Optional but looks good */
    text-decoration: none;
}

.sessionsday h1 {
    color: inherit; /* forces the h1 to use the a tag color */
}



 .REV_TITLE3_R3_C1_DAY1_2 {
        width: 100%;
        height: 40PX;
        display: flex;
        padding-top: 0px;
        padding-left: 25px;
        align-items: center; /* to align logo in the centr*/
        justify-content: left;
    /*    border:solid 2px green; */
    }

    .REV_TITLE3_R3_C1_F1_DAY {

        width: 8%;
        height: 100%;
        display: flex;
        padding-top: 0px;
        padding-left: 0px;
        align-items: center; /* to align logo in the centr*/
        justify-content: left;
    
        border-right: 0px;
    }

 


    .REV_TITLE3_R3_C1_F1_DAY a {
        text-decoration: none;
        color: #041e49ff;
        font-size: 16px;
        font-weight: 500;
        font-style: bold; 
                        
                    }
                                  
                    
    .REV_TITLE3_R3_C1_F1_DAY a:hover
                    {
        color:#f44336;  /* changes the colour of the button)*/
        transition: 0.5s;
  
                    }
                    
                                      

   .REV_TITLE3_R3_C1_F1_DAY h1{
        padding-top: 0px;
        text-align: center;
        margin: auto;
        font-size: 14px;
        font-family: 'poppins';
        text-decoration: none;
        line-height: 40px;
        padding-bottom: 0px;
        font-weight: 600;
        color:  #141010;
        font-style: none;
    }


    .REV_TITLE3_R3_C1_F1_DAY h1.active
    {      
        color: Green;
     /* padding: 2px 6px;
           border: solid 1px #041e49ff;
           border-radius: 12px; 
           border-bottom: solid 2px #041e49ff; */
           
    }

    .REV_TITLE3_R3_C1_F1_DAY h1:hover {
 
        color:#f44336;  /* changes the colour of the button)*/
        transition: 0.5s;

    }

/***************************** Row 1*************************************/




.REV_TITLE3_LESSON {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: left;
    background: #f5f1f1; 
/*    background: white; */
    margin-bottom: 20px;
    box-shadow:0 5px 15px rgb(0, 0, 0, 0.2); 
    z-index: -900px;
    border-radius: 6px;
    margin-left: 20px;
/*    border: solid 1px grey;*/
 /*   border:solid 2px green; */
}

.remove{
    text-decoration: none;

}


.REV_TITLE3_R3_C1_R1 {
        width: 100%;
        height: 7%;
        display: flex;
        padding-top: 10px;
        padding-left: 25px;
        align-items: center; /* to align logo in the centr*/
        justify-content: left;
           /*    border:solid 2px green; */
    }


.REV_TITLE3_R3_C1_R1 h1{
        padding-top: 0px;
        padding-left: 0px;
        text-align: left;
        font-size: 18px;
        font-family: 'poppins';
        text-decoration: none;
        line-height: 40px;
        padding-bottom: 0px;
        font-weight: 600;
        color:  #141010;
        font-style: none;
    }





.REV_TITLE3_LESSON_R1 {
        width: 100%;
        height: 7%;
        display: flex;
        padding-top: 10px;
        padding-left: 0px;
        align-items: center; /* to align logo in the centr*/
        justify-content: left;
        border-bottom:solid 1px rgb(162, 129, 9); */
    }


.REV_TITLE3_LESSON_R1 h1{
        padding-top: 0px;
        padding-left: 0px;
        text-align: left;
        font-size: 16px;
        font-family: 'poppins';
        text-decoration: none;
        line-height: 40px;
        padding-bottom: 0px;
        font-weight: 600;
        color:  #141010;
 /*       color: #0077c8 ; */
        font-style: none;
    }



.REV_TITLE3_LESSON_R2 {
        width: 100%;
        height:12%;
        display: flex;
        padding-top: 20px;
        padding-left: 0px;
        padding-right: 20px;
        padding-bottom: 50px;
        align-items: top ; 
        justify-content: left;
     /*   border:solid 2px green; */
        text-align: justify;
    }

.REV_TITLE3_LESSON_R2 p{
        padding-top: 0px;
        padding-left: 0px;
        text-align: justify;
        font-size: 14px;
        font-family: 'poppins';
        text-decoration: none;
        line-height: 1.2;
        padding-bottom: 0px;
        font-weight: 350;
        color:  #141010;
        font-style: none;
    }





/** -------   Column -02------- **/
/** -------   Column -02------- **/
     

.REV_TITLE3_R3_C2{
    width: 30%;
    height: 100%;
    display: flex;
    padding-top: 20px;
    padding-left: 0px;
    align-items: top; /* to align logo in the centr*/
    justify-content: right;
/*    border:solid 1px  #141010; 
    border-right:solid 1px #f44336; */
}


/** -------   End of Column -02------- **/
/** -------   End of Column -02------- **/



/** -------   End of Lesson------- **/
/** -------   End of Lesson------- **/
/** -------   End of Lesson------- **/





/** -------   Media Querries                   **/
/** -------   Media Querries                   **/
/** -------   Media Querries                   **/


@media(max-width:1400px){
  
              
 .col-1 h1{
       font-size: 63px;
       font-family: 'Arial';
      
    }
   
    
   .col-1 p{
       font-size: 17px;
       line-height: 1.4;
    }
   
   
    .col-2{
       flex-basis: 45%;
       
    }
   .col-2 img{
      max-width: 60%;;
      padding: 0px 0px;
                  }


               
                
    .REV_TITLE3_R3_C1_R1 h1{
        font-size: 16px;
        line-height: 40px;
        padding-bottom: 0px;
        font-weight: 600;
                    }
                
              
    .REV_TITLE3_R3_C1_R2 p{
        font-size: 13px;
        line-height: 1.2;
                    }
                 
                
    .REV_TITLE3_R3_C1_F1_C1 img {
        width: 55%;
        height: 100%;
                                     
                               }
                
                 
    .REV_TITLE3_R3_C1_F1_C2 h1{
        font-size: 13px;
                              }
                    
                       
    .REV_TITLE3_R3_C1_R3 {
                        height: 35%;
                    }
                
    .REV_TITLE3_R3_C1_R3 p{
                        font-size: 13px;
                        line-height: 1.3;
                    }
                
              
              
   

}






@media(max-width:1200px){
         
    .col-1 h1{
        font-size: 53px;
        font-family: 'Arial';

            }


    .col-1 p{
        font-size: 17px;
        line-height: 1.4;
            }


    .col-2{
        flex-basis: 45%;

       }

    .col-2 img{
        max-width: 60%;;
        padding: 0px 0px;
          }
   
   
    #Rev_bar_R1_C1  li   {  
        padding: 0 25px;          
           }

    #Rev_bar_R1_C1  li a {
        font-size: 13px;
        }
              

        
    #Rev_bar_R1_C2  li   {  
            padding: 0 25px;          
           }

           
    #Rev_bar_R1_C2  li a {
            font-size: 13px;
        }


                         
    #REV_TITLE3_R3_C1_NB_UL  li   {  
            padding: 0 25px;          
                             }  
                                            
    #REV_TITLE3_R3_C1_NB_UL a {
            font-size: 13px;
                           
                        }


    .REV_TITLE3_R3_C1_R1{
            padding-left: 0px;
                            }

    .REV_TITLE3_R3_C1_R1 h1{
        font-size: 13px;
        padding-left: 25px;
                        }
                    
                  
    .REV_TITLE3_R3_C1_R2 p{
        font-size: 12px;
        line-height: 1.2;
                        } 

                                         
                
    .REV_TITLE3_R3_C1_F1_C1 img {
        width: 55%;
        height: 100%;
                                     
                               }
                
                 
    .REV_TITLE3_R3_C1_F1_C2 h1{
        font-size: 12px;
                              }
                      


    .REV_TITLE3_R3_C1_R3 {
        height: 35%;
                        }
                    
    .REV_TITLE3_R3_C1_R3 p{
        font-size: 12px;
        line-height: 1.2;
                        } 
                            
       }



@media(max-width:992px){    

.col-1 h1{
font-size: 40px;
font-family: 'Arial';

    }


.col-1 p{
font-size: 17px;
line-height: 1.4;
}


.col-2{
flex-basis: 45%;

}
.col-2 img{
max-width: 60%;;
padding: 0px 0px;
      }

#Rev_bar_R1_C1  li   {  
        padding: 0 8px;          
       }
       
#Rev_bar_R1_C1  li a {
           font-size: 12px;
               }
                             
#Rev_bar_R1_C2  li   {  
                   padding: 0 8px;          
                  }
       
                  
#Rev_bar_R1_C2  li a {
           font-size: 12px;
               }

   .REV_TITLE3_R3_C1 {
            padding-left: 0px;
            padding-right: 0px;
            align-items: center; /* to align logo in the centr*/
            justify-content: left;
            /*    border: solid 1px grey;*/
             /*   border:solid 2px green; */
                     }
    
                         
     #REV_TITLE3_R3_C1_NB_UL  li   {  
                        padding: 0 8px;          
                                         }  
                                                        
    #REV_TITLE3_R3_C1_NB_UL a {
                        font-size: 12px;
                                       
                                    }
            

   .REV_TITLE3_R3_C1_R1 h1{
            font-size: 14px;
            line-height: 40px;
            padding-bottom: 0px;
            padding-left: 8PX;
            font-weight: 600;
                      }
    .REV_TITLE3_R3_C1_R2 {
            font-size: 12px;
            padding-left: 8px;
            line-height: 1.2;
                            }       
                      
    .REV_TITLE3_R3_C1_R2 p{
            font-size: 12px;
            padding-left: 8 px;
            line-height: 1.2;
                            } 
    
    .REV_TITLE3_R3_C1_F1 {
            height: 3%;
            padding-left: 8px;                                                        
                                }                       
                
    .REV_TITLE3_R3_C1_F1_C1 img {
        width: 60%;
        height: 100%;
                                     
                               }
                
                 
    .REV_TITLE3_R3_C1_F1_C2 h1{
        font-size: 12px;
                              }
                    
    .REV_TITLE3_R3_C1_R3 {
            height: 35%;
            padding-left: 8px;
                            }
                        
    .REV_TITLE3_R3_C1_R3 p{
            font-size: 12px;
            line-height: 1.2;
                            } 


}




@media(max-width:768px){


.col-1{
/*    background-image: url("../Images/campus1.jpg");*/

   min-width: 250px;
   padding-top: 30px;
   padding-left: 20px;
   padding-right: 10px;
   padding-bottom: 20px;      
}

.col-1 h1{
    font-size: 30px;
    font-family: 'Arial';

        }


.col-1 p{
    font-size: 14px;
    line-height: 1.4;
    }

.col-2{
    flex-basis: 45%;
    min-width: 250px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 50px;
             }
  
   
.col-2 img{
    max-width: 60%;;
    padding: 0px 0px;
          }
   
   
#Rev_bar_R1_C1  li   {  
            padding: 0 4px;          
           }
           
#Rev_bar_R1_C1  li a {
               font-size: 11px;
                   }
                                 
#Rev_bar_R1_C2  li   {  
                       padding: 0 4px;          
                      }
           
                      
#Rev_bar_R1_C2  li a {
               font-size: 11px;
                   }



                   
.REV_TITLE3_R3_C1 {
                padding-left: 0px;
                padding-right: 0px;
                align-items: center; /* to align logo in the centr*/
                justify-content: left;
                    /*    border: solid 1px grey;*/
                     /*   border:solid 2px green; */
                    }
            

#REV_TITLE3_R3_C1_NB_UL  li   {  
                padding: 0 4px;          
                              }  
                                                        

#REV_TITLE3_R3_C1_NB_UL a {
                        font-size: 11px;
                                       
                                    }

.REV_TITLE3_R3_C1_R1 h1{
                font-size: 13px;
                line-height: 40px;
                padding-bottom: 0px;
                font-weight: 600;
                              }
                                
                              
.REV_TITLE3_R3_C1_R2 {
                font-size: 12px;
                padding-left: 8px;
                line-height: 1.2;
                        }       
                  
.REV_TITLE3_R3_C1_R2 p{
        font-size: 12px;
        padding-left: 8 px;
        line-height: 1.2;
                        } 
.REV_TITLE3_R3_C1_R2 p{
                font-size: 10px;
                line-height: 1.1;
                               } 
            
.REV_TITLE3_R3_C1_F1 {
                height: 3%;                                                        
                               }                       
                        
.REV_TITLE3_R3_C1_F1_C1 img {
                width: 60%;
                height: 100%;
                                             
                            }
                        
                         
.REV_TITLE3_R3_C1_F1_C2 h1{
                font-size: 10px;
                            }
                            
.REV_TITLE3_R3_C1_R3 {
                height: 35%;
                            }
                                
.REV_TITLE3_R3_C1_R3 p{
               font-size: 10px;
               line-height: 1.2;
                                    } 


           }



       
@media(max-width:650px){
   
    
    .row-0{
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        justify-content: space-around;
        margin: auto;
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 0%;
        margin-top: 0%;
       /* border-style: solid; */
       /* border-color: #f44336;*/
        margin: auto;
        justify-content: space-between;
        text-align: center;
    
          }
    
    
    .col-1{
            /*    background-image: url("../Images/campus1.jpg");*/
                flex-basis: 100%;
                min-width: 90%;
                padding-top: 10px;
                padding-left: 0px;
                padding-right: 0px;
                padding-bottom: 0px;
                /*background: #f44336;*/
            
             }
            
    .col-1 h1{
                text-align: center;
                font-size: 20px;
                font-family: 'Arial';
                padding-left: 10px;
                margin: 0px 0px;
              /*  color: #0b57d0ff;*/
                color: #041e49ff;
                font-weight: 10px;
                line-height: 1.05;
             }
            
             
    .col-1 p{
                text-align: center;
                font-size: 12px;
                line-height: 60px;
                padding-top: 10px;
                padding-left: 10px;
                font-family: 'Arial';
                margin: 0px 0px;
                color: #555;
                line-height: 1.4;
             }
            
            
    .col-2{
                flex-basis: 100%;
                min-width: 300px;
                padding-top: 10px;
                padding-left: 10px;
                padding-right: 10px;
                padding-bottom: 10px;
                /*background: #f44336;*/
             }
    .col-2 img{
               max-width: 40%;;
               padding: 0px 0px;
               /*border: solid;
               border-color: #060c27;
               border-radius: 25px;
               border-width: 0.5px;*/
            }
            
    .REV_TITLE {
                height: 40px;

                
                            }

    #Rev_bar_R1_C1  li   {  
                padding: 0 4px;          
                               }
                               
    #Rev_bar_R1_C1  li a {
                font-size: 10px;
                                       }
                                                     
    #Rev_bar_R1_C2  li   {  
                padding: 0 4px;          
                                          }
                               
                                          
     #Rev_bar_R1_C2  li a {
                font-size: 10px;
                                       }




            
    #Rev_bar_R2_C1  li a {
                text-decoration: none;
                color: #041e49ff;
                font-size: 11px;
                font-weight: 500;
                font-style: bold; 
                            }
   
     #Rev_bar_R2_C1  li   {  
                list-style-type: none; 
                padding: 0 6px;          
                           }   




    .REV_TITLE3 {
      
       
                min-width: 90%;
                height: 100%;
                display:flex;
                align-items: center;
                flex-wrap: wrap;
                flex-direction: column-reverse;
                justify-content: space-between;
                text-align: center;
                padding: 0px 0px;
                padding-top: 0px;
                position: relative;
                margin: auto;
/*                border: solid 5px crimson; */
 /*                border-bottom: solid 5px crimson;*/

                }

    .REV_TITLE3_R3_C1 {
                flex-basis: 100%;
                width: 100%;
                 justify-content: center;
                padding-left: 0px;
                padding-right: 0px;
                padding-right: 0px;
                padding-bottom: 0px;
                padding-top: 0px;
        /*        border: solid 1px blue; */
              
                       }



                        
            
     #REV_TITLE3_R3_C1_NB_UL  li   {  
                  padding: 0 4px;          
                                    }  
                                                                    
            
     #REV_TITLE3_R3_C1_NB_UL a {
                  font-size: 10px;
                                                   
                                        }
    
                   
.REV_TITLE3_R3_C1 {
                padding-left: 0px;
                padding-right: 0px;
                align-items: center; /* to align logo in the centr*/
                justify-content: left;
                    /*    border: solid 1px grey;*/
                     /*   border:solid 2px green; */
                    }
            

#REV_TITLE3_R3_C1_NB_UL  li   {  
                padding: 0 4px;          
                              }  
                                                        

#REV_TITLE3_R3_C1_NB_UL a {
                        font-size: 16px;
                                       
                                    }

.REV_TITLE3_R3_C1_R1 {
                        padding-left: 0px;
                                     }

.REV_TITLE3_R3_C1_R1 h1{
                font-size: 13px;
                line-height: 40px;
                padding-left: 4px;
                padding-bottom: 0px;
                font-weight: 600;
                              }
                                
                              
.REV_TITLE3_R3_C1_R2 {
                font-size: 12px;
                padding-left: 0px;
                padding-top: 0px;
                line-height: 1.2;
                        }       
                  
 
.REV_TITLE3_R3_C1_R2 p{
                font-size: 10px;
                padding-left: 4px;
                line-height: 1.1;
                               } 
            
.REV_TITLE3_R3_C1_F1 {
                height: 20px;  
                padding-left: 4px;                                                      
                               }                       
                        
.REV_TITLE3_R3_C1_F1_C1 img {
                width: 60%;
                height: 100%;
                                             
                            }
                        
                         
.REV_TITLE3_R3_C1_F1_C2 h1{
                font-size: 10px;
                            }
                            
.REV_TITLE3_R3_C1_R3 {
                height: 35%;
                            }
                                
.REV_TITLE3_R3_C1_R3 p{
               font-size: 10px;
               line-height: 1.2;
                                    } 

                                            
                               



.REV_TITLE3_R3_C2 {
                flex-basis: 100%;
                width: 100%;
                justify-content: center;
                padding-left: 0px;
                padding-right: 0px;
                padding-bottom: 0px;
                padding-top: 0px;
/*                border: solid 1px green; */
                               }
 









 }
































        
@media(max-width:950px){
    
.header-main {
    max-width: 90%;
    height: 120px;
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px;
    padding-top: 0px;
    position: relative;
    margin: auto;
 
                }
 
 .header-main-logo {
        width: 20%;
        height: 100%;
        display: flex;
        padding-top: 0px;
        padding-left: 0px;
        align-items: center; /* to align logo in the centr*/
    }
 
 
 .header-main-logo img {
        width: 80%; 
        height: 100%;
        display: flex;
        align-self: center;
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    
    }
        
 
 .header-main-nav1 {
        width: 80%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: right;
        margin: auto;
        padding-top: 0px;
     /*   align-items: center;  to align logo in the centr*/
    }
 
 
 /*............... NAVBAR......................*/
 
 #navbar  {  
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
    padding-right: 0px;
    padding-top: 0px;
 
                    }  
 
 #navbar  li   {  
    list-style-type: none; 
    padding: 0 20px;          
           }  
                    
 #navbar  li a {
    text-decoration: none;
    color: #222121;
    font-size: 15px;
    font-weight: 400;
    font-style: bold; 
 }
 
 #navbar  li a:hover
 {
    color:#f44336;  /* changes the colour of the button)*/
    transition: 0.5s;
 
 }

}


@media(max-width:800px){
    
    .header-main {
        max-width: 90%;
        height: 120px;
        display:flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 0px;
        padding-top: 0px;
        position: relative;
        margin: auto;
     
                    }
     
    .header-main-logo {
            width: 20%;
            height: 100%;
            display: flex;
            padding-top: 0px;
            padding-left: 0px;
            align-items: center; /* to align logo in the centr*/
        }
     
     
    .header-main-logo img {
            width: 80%; 
            height: 100%;
            display: flex;
            align-self: center;
            padding-left: 0px;
            padding-top: 0px;
            padding-bottom: 0px;
        
        }
            
     
    .header-main-nav1 {
            width: 80%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: right;
            margin: auto;
            padding-top: 0px;
         /*   align-items: center;  to align logo in the centr*/
        }
     
     
     /*............... NAVBAR......................*/
     
     #navbar  {  
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: right;
        padding-right: 0px;
        padding-top: 0px;
     
                        }  
     
     #navbar  li   {  
        list-style-type: none; 
        padding: 0 15px;          
               }  
                        
     #navbar  li a {
        text-decoration: none;
        color: #222121;
        font-size: 13px;
        font-weight: 400;
        font-style: bold; 
     }
     
     #navbar  li a:hover
     {
        color:#f44336;  /* changes the colour of the button)*/
        transition: 0.5s;
     
     }
    
    }
    
    
    

/*------------------Mobile media---------------------------*/

@media(max-width:650px) {
    .header-main {
        max-width: 90%;
        height: 50px;
        display:flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 0px;
        padding-top: 0px;
        position: relative;
        margin: auto;
                 }

.header-main-logo {
        width: 30%;
        height: 100%;
        display: flex;
        padding-top: 10px;
        padding-left: 0PX;
        align-items: center; /* to align logo in the centr*/
                   }
    

.header-main-logo img{
        width: 80%; 
        height: 100%;
        display: flex;
        align-self: center;
        padding-left: 0px;

                 }

#navbar {
        /*    display: flex;*/
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            position: fixed;
            top: 0;
            right: -300px;
            height: 55vh;
            width: 220px;
            background: rgb(240, 240, 240);
            /*rgb(250, 248, 248);*/
            padding: 80px 0 0 10px;
            transition: 0.5s;
           /* overflow:hidden;*/
                              }    
    
#navbar li {  
            padding: 0 20px; 
            margin-bottom: 20px; 
            /*overflow:hidden;*/                             
                               }  
                               #navbar  li a:hover
                               {
                                  color:#f44336;  /* changes the colour of the button)*/
                                  transition: 0.5s;
                               
                               }

#navbar  li a:hover
            {
            color:#f44336;  /* changes the colour of the button)*/
            transition: 0.5s;
                               
                             }


#navbar.active{
    right: 0px;
    /*overflow:hidden;*/
 }                   
 


 #mobile {
    display: flex;
    align-items: center;
/*    padding: 0px 20px 0px 20px;*/
 }
 
#mobile i{
        color:  #1a1a1a;
        padding: 0px 15px 0px 15px;
        }

#close{
    display: initial;
    text-decoration: none;
    position: absolute;
    top: 28px;
    left: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #1a1a1a;
            }
#bag{
    display: none;
}

#bag01{
    display: none;
}


}