@charset 'UTF-8';

html,
html * {
  box-sizing: content-box;
  margin: 0;
  padding: 0;
  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;
}


.sitenavbanner {
	position: relative;
	width: 100vw;
	height: fit-content;
}

.site-nav {
  position: relative;
  width:fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 40px;
  height: fit-content;
}

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

.site-nav ul li {
  padding:5px;
  width: inherit;
  /*line-height: 1;*/
  
}

.site-nav ul li a {
  text-align: left; 
  display: block;
  border: 1px solid transparent;
  font-size: 20px;
	font-weight: 500;
  
  text-decoration: none;
  letter-spacing: normal;
  text-transform: capitalize;
  margin-left: 0px;
  color: #1E69A8;
  
  
}

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

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

  
  .dropbtn {
    display:inline-block;
    font-size: 20px;
    font-weight: 610;
    /*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;
  padding: 0px;
  }

 
  .dropdown ul li {
    padding: 0px;
  }
   
   .dropdown ul li a {
    text-align: left;
    font-size: 20px;
    padding: 0px;
    font-weight: 400;
    color: #1E69A8;
    }
    
    .dropdown:hover .dropbtn ul li {
    outline: none;
    font-size: 20px;
    font-weight: 610;
    text-align: left;
    letter-spacing:1px;
    padding: 0px 0px 0px 0px;
    }
  
    .dropdown .dropdown-content {
      display: none;
    } 

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

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


    .dropbtn:hover .dropdown-content li {
      padding: 4px;
     }
    
     .dropbtn:hover .dropdown-content li a {
      color: #1E69A8;
      text-align: left;
      padding: 5px;
     
     } 
  
     .dropbtn:hover .dropdown-content li a:hover {
      color: rgb(152, 210, 226);
      text-align: left;
      font-size: 20px;
     }
       
      .dropdown-content li a {
       text-align:left;
       outline: none;
       
       
      
       }
      


  
  
 /* iPad and tablets */

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



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







    @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;
            padding: 5px;
          
         }

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

      

       
     
       
      
      
      
      
                    /*added for the appointment button*/
                    .bkapnt {
      
                      font-size: 20px;
                      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;
            }*/

       


            

      
        

        /*@media screen and (min-width: 1680px) { 
  
             

       


            

      
        

        
            }*/
          }
        }