@charset 'UTF-8';

html,
html * {
  box-sizing: content-box;
  margin: 0;
  padding: 0px 0px 0px 0px;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  font-size: 20px;
  word-spacing: normal;
  
 
}




/*-----Start-------------------navigation bar style code------------Start-----------*/



body {
  display: block;
}

.site-logo img {
  
  /*margin-bottom: -30px;*/
  background-color: rgba(255, 255, 255, 0);
  
  }


.sitenavbanner {
	position: relative;
	width: 100vw;
	height: fit-content;
  background-color: rgb(222, 233, 237);
 
}

.site-nav {
  position: relative;
  width:fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  height: fit-content;
  background-color: rgba(255, 255, 255, 0);
  padding: 0px;
  
	/*-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);*/
}

.site-nav ul {
  list-style-type: none;
  border: 2px solid transparent;
  margin-left: 0px;
}

.site-nav ul li {
  width: inherit;
  /*line-height: 1;*/
  position: relative;
            text-align: center;
            display: inline-block;
            width:fit-content;
}

.site-nav ul li a {
  text-align: left; 
  display: block;
  padding: 0px 10px 10px 10px;
  font-size: 18px;
	font-weight: 400;
  
  text-decoration: none;
  letter-spacing: normal;
  text-transform: capitalize;
  margin-left: 0px;
  color:white;
  
  
  
  
}

.site-nav ul li a:hover {
  outline: none;
  text-align:left;
  font-weight: 400;
  color: rgb(222, 233, 237);
  letter-spacing: normal;
  }

/* ----------------- Drop down navigation starts here --------------------*/

  
  .dropbtn {
    display:inline-block;
    font-size: 21px;
    font-weight: 400;
    /*padding-bottom: 0.2em;*/
    letter-spacing: normal;
    text-transform: capitalize;
    width:100%;
    background-color: transparent;
    border: none;
    cursor: pointer;
  }


  .dropbtn ul li a {
    display:inline-block;
    font-size: 21px;
    font-weight: 400;
    /*padding-bottom: 0.2em;*/
    letter-spacing: normal;
    text-transform: capitalize;
    width:100%;
    background-color: transparent;
    border: none;
    cursor: pointer;
  }



   
  .dropdown {
  position: relative;
  display: inline-block;
  
  }

 
  .dropdown ul li {
    padding: 0px;
  }
   
   .dropdown ul li a {
    text-align: left;
    font-size: 21px;
    
    font-weight: 400;
    
    padding: 10px 10px 10px 10px;
    }

    .dropdown ul li a:hover {
      text-align: left;
      font-size: 21px;
      padding: 10px 10px 10px 10px;
      font-weight: 400;
      color: rgb(152, 210, 226);
  
    
      }

    
    .dropdown:hover .dropbtn ul li {
    outline: none;
    font-weight: 610;
    text-align: left;
    letter-spacing:1px;
    
    }
  
    .dropdown .dropdown-content {
      display: none;
    } 

   .dropdown-content {
      display: inline-block;
      position: absolute;
      background-color:white;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
      }

    .dropdown:hover .dropdown-content {
      display: block;
      font-size: 21px;
      font-weight: 610;
      border-radius: 12px;
      background-color:white;
      text-align: left;
      /*border-style: solid;
      border-color: rgb(152, 210, 226);*/
      }


    .dropbtn:hover .dropdown-content li {
      padding: 0px;
     }
    
     .dropbtn:hover .dropdown-content li a {
      color: grey;
      text-align: left;
      
     
     } 
  
     .dropbtn:hover .dropdown-content li a:hover {
      color: black;
      text-align: left;
      font-size: 21px;
     }
       
      .dropdown-content li a {
       text-align:left;
       outline: none;
       
       
      
       }
      


  
  
 /* iPad and tablets */

@media only screen and (min-width: 768px) {


  .site-logo img {
		
		width: auto;
		height: 20vh;
		height: 200px;
	
		}

    .site-nav ul li a {
		font-size: 18px;
	}
	.site-nav ul li a:hover {
		outline: none;
		
	}

  .dropbtn {
    font-size: 26px;
  }

  .dropdown ul li a {
    font-size: 26px;
  }


  .dropdown:hover .dropdown-content {
    font-size: 26px;
  }

	
  .dropbtn:hover .dropdown-content li a:hover {
    font-size: 26px;
   }
	
	
	
  







    @media  (min-width: 1024px) { 


      .sitenavbanner {
        position: relative;
        width: 100vw;
        height: fit-content;
        
      }
    
        /* navigation bar --- navigation bar --- navigation bar */
      
    
      

        .site-nav {
          position:relative;
          width: fit-content;
            height: fit-content;
            margin: 0px auto 0px auto;
          margin-bottom: 0px;
            z-index: 1;
            
        }
     

        .site-nav ul {
          text-align: center;
          height: fit-content;
          
        }
    
        .site-nav ul li {
            position: relative;
            text-align: center;
            display: inline-block;
            width:fit-content;
            /*margin:0px 15px 0px 15px;
          margin:0px 10px 0px 10px;*/
        }
        .site-nav ul li a {
          letter-spacing: 1px;
            font-size: 20px;
            
          
         }

         .site-nav ul li a:hover {
          letter-spacing: 1px;
            font-size: 20px;
           
          
         }

      

       
     
       
      
      
      
      
                    /*added for the appointment button*/
                    .bkapnt {
      
                      font-size: 26px;
                      margin-top: -25px;
                    }
      
        
      
         
        

        

        /*.dropbtn {
            display: inline-block;
            
            font-weight: 610;
            font: bold;
            letter-spacing: 2.5px;
            text-transform: capitalize;
            
           
            border: none;
            cursor: pointer; 
          }
        
            
          .dropdown {
            
            position: relative;
            text-align:center;
            
            }
          
          .dropdown-content {
            
            position: absolute;
            text-align:center;
            
            width: fit-content;
            
          
            z-index: 1;
            
            
          }

          .dropdown-content li {
            width: 100%;
          }
          
          .dropdown-content li a {
            display: block;
            font-size: 28px;
            letter-spacing: 2px;
            margin-left: 0px;
            padding: 5px;
            text-decoration: none;
            text-align: center;
            border-radius:0px;
 
          
          }
          
          .dropdown-content li a:hover {
              display:block;
            font-size: 28px;
             text-align:center;
             outline: none;
             padding: 5px;
     
             }
          
          .dropdown:hover .dropdown-content {
            display:block;
            outline: none;
            font-weight: 700;
          
            text-align:left;
            
          }

          .dropdown:hover .dropbtn {
           
            font-size: 28px;
            font-weight: 700;
            text-align: center;
            letter-spacing:1px;
            }*/

       


            

      
        

       
          }
        }