:root{
        --pri_color :#1a76d1;
        --sec_color :#e12454;
        --uni_color :#223a66;
     }
     
     *{
     	margin : 0;
     	margin : 0;
     }
     
     body{
     	font-family :-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     }
	 
	 
     a:hover{
     	text-decoration : none;
     	cursor : pointer;
     }
     
     
     .navbar{
     	width : 100%;
     	height : 80px;
     	background-color : #ffffff;
     	padding-left : 2%;
     	cursor : pointer;
        box-shadow: 1px 1px 3px 3px #3e3e3e4C;
		z-index : 2;
     }
     
     .brand_icon_img{
         width : 55px;
         height : 55px;	
     	
     }
    .navbar-brand{
    	color : var(--pri_color);
    	font-weight : 700;
    	font-size : 1.8rem;
    	padding-right : 3%;
    	display :flex;
    	justify-content : center;
    	align-items : center;
    	/* margin-left : 1%; */
    	
    }
    
    
    
    .navbar-brand .brand_small{
    	display : inline;
    }
	
	
    /*****MIN NAVBAR****/
    
    .min_navbar{
    	display : none;
    	position : fixed;
    	top : 80px;
    	height : 100%;
    	background-color :#ffffff;
    	z-index : 100;
    	width : 100%;
    }
    
    .min_navbar ul{
    	list-style-type : none;
    	padding:30px 25px;
    }
    .min_navbar ul a{
        text-decoration : none;
    }
	.min_nav_link{
		font-size  : 1.15rem;
	}
	.min_nav_item{
		margin-top : 7.5px;
	}	 
	 
	 
    .nav-link,.min_nav_link,.min_nav_link:hover .nav-link:hover{
        color : var(--pri_color);
        font-weight : 700;
    	font-size : 1.15rem;
    }


    .min_navbar .book_appointment{
    	height : 45px;
    	width : 200px;
		display : block;
    	outline : none;
    	margin : 50px auto 0 auto;
        border-top-left-radius : 50px;
        border-bottom-right-radius : 50px;
    	font-weight : 600;
    	font-size : 1.1rem;
    	background : linear-gradient(45deg,var(--sec_color), var(--uni_color), var(--sec_color));
    	color : #ffffff;
    	border : none;
    }
    
    
    .min_navbar .book_appointment:hover{
    	background: var(--pri_color);
    	color : #ffffff;
    	border : solid 3px var(--pri_color);
    }	
	
    .menu_nav{
		display : inline;
    	position : absolute;
    	right : 0;
    	color  : var(--pri_color);
    	font-size : 2rem;
    	margin-right : 10px;
    }
	#min_dropdown_menu{
		
	}
	
	.navbar-nav{
		display : none;
	}
	 
	
@media(min-width : 768px){
      a:hover{
     	text-decoration : none;
     	cursor : pointer;
     }
     
     
     .navbar{
     	width : 100%;
     	height : 80px;
     	background-color : #ffffff;
     	padding-left : 2%;
     	cursor : pointer;
        box-shadow: 1px 1px 3px 3px #3e3e3e4C;
     }
     
     .brand_icon_img{
         width : 55px;
         height : 55px;	
     	
     }
    .navbar-brand{
    	color : var(--pri_color);
    	font-weight : 700;
    	font-size : 1.8rem;
    	padding-right : 3%;
    	display :flex;
    	justify-content : center;
    	align-items : center;
    	/* margin-left : 1%; */
    	
    }
    
    
    
    .navbar-brand .brand_small{
    	display : inline;
    }
	
	
    /*****MIN NAVBAR****/
    
    .min_navbar{
    	display : none;
    	position : fixed;
    	top : 80px;
    	height : 100%;
    	background-color :#ffffff;
    	z-index : 100;
    	width : 100%;
    }
    
    .min_navbar ul{
    	list-style-type : none;
    	padding:30px 25px;
    }
    .min_navbar ul a{
        text-decoration : none;
    }
	.min_nav_link{
		font-size  : 1.15rem;
	}
	.min_nav_item{
		margin-top : 7.5px;
	}	 
	 
	 
    .nav-link,.min_nav_link,.min_nav_link:hover .nav-link:hover{
        color : var(--pri_color);
        font-weight : 700;
    	font-size : 1.15rem;
    }


    .min_navbar .book_appointment{
    	height : 45px;
    	width : 200px;
		display : block;
    	outline : none;
    	margin : 50px auto 0 auto;
        border-top-left-radius : 50px;
        border-bottom-right-radius : 50px;
    	font-weight : 600;
    	font-size : 1.1rem;
    	background : linear-gradient(45deg,var(--sec_color), var(--uni_color), var(--sec_color));
    	color : #ffffff;
    	border : none;
    }
    
    
    .min_navbar .book_appointment:hover{
    	background: var(--pri_color);
    	color : #ffffff;
    	border : solid 3px var(--pri_color);
    }	
	
    .menu_nav{
		display : inline;
    	position : absolute;
    	right : 0;
    	color  : var(--pri_color);
    	font-size : 2rem;
    	margin-right : 10px;
    }
	#min_dropdown_menu{
		
	}


    .navbar-nav{
		display : none;
	}




}	
	 
	 
	 
@media(min-width : 1025px){
     a:hover{
     	text-decoration : none;
     	cursor : pointer;
     }
     
     
     .navbar{
     	width : 100%;
     	height : 100px;
     	background-color : #ffffff;
     	padding-left : 2%;
     	cursor : pointer;
        box-shadow: 1px 1px 3px 3px #3e3e3e4C;
		z-index : 2;
     }
     
     .brand_icon_img{
         width : 75px;
         height : 75px;	
     	
     }
    .navbar-brand{
    	color : var(--pri_color);
    	font-weight : 700;
    	font-size : 1.8rem;
    	padding-right : 2%;
    	display :flex !important;
    	justify-content : center;
    	align-items : center;
    	/* margin-left : 1%; */
    	
    }
    
    
    
    .navbar-brand .brand_small{
    	display : inline;
    }
    
    
    .nav-item{
    	padding :0 2px;
    	/* display : inline; */
    }
    .nav-link,.min_nav_link,.min_nav_link:hover .nav-link:hover{
        color : var(--pri_color);
        font-weight : 700;
    	font-size : 0.75rem;
    }
    
    
    
    .book_appointment{
    	height : 45px;
    	width : 200px;
    	outline : none;
    	margin-left : 30px;
        border-top-left-radius : 50px;
        border-bottom-right-radius : 50px;
    	font-weight : 600;
    	font-size : 1rem;
    	background : linear-gradient(45deg,var(--sec_color), var(--uni_color), var(--sec_color));
    	color : #ffffff;
    	border : none;
    }
    
    
    .book_appointment:hover{
    	background: var(--pri_color);
    	color : #ffffff;
    	border : solid 3px var(--pri_color);
    }
    
	
    .menu_nav{
    	display : none;
    	position : absolute;
    	right : 0;
    	color  : var(--pri_color);
    	font-size : 2rem;
    	margin-right : 10px;
    }
    /*****MIN NAVBAR****/
    
    .min_navbar{
    	display : none;
    	position : absolute;
    	top : 16%;
    	height : 300px;
    	background-color :#ffffff;
    	z-index : 100;
    	width : 100%;
    	padding-top : 50px;
    }
    
    .min_navbar ul{
    	list-style-type : none;
    	padding:30px 25px;
    }
    
    .email_url, .email_url:hover{
    	color : #ffffff;
    	text-decoration : none;
    }
    
    
    .dropdown-item{
    	font-weight : 600;
    	padding-top : 7.5px;
    	padding-bottom : 7.5px;
    }
  


    .navbar-nav{
		display : flex;
	}

  
   
}	 
	 
	 

	 
	 
@media(min-width : 1280px){
     a:hover{
     	text-decoration : none;
     	cursor : pointer;
     }
     
     
     .navbar{
     	width : 100%;
     	height : 100px;
     	background-color : #ffffff;
     	padding-left : 2%;
     	cursor : pointer;
        box-shadow: 1px 1px 3px 3px #3e3e3e4C;
		z-index : 2;
     }
     
     .brand_icon_img{
         width : 75px;
         height : 75px;	
     	
     }
    .navbar-brand{
    	color : var(--pri_color);
    	font-weight : 700;
    	font-size : 1.8rem;
    	padding-right : 3%;
    	display :flex !important;
    	justify-content : center;
    	align-items : center;
    	/* margin-left : 1%; */
    	
    }
    
    
    
    .navbar-brand .brand_small{
    	display : inline;
    }
    
    
    .nav-item{
    	padding :0 5px;
    	/* display : inline; */
    }
    .nav-link,.min_nav_link,.min_nav_link:hover .nav-link:hover{
        color : var(--pri_color);
        font-weight : 700;
    	font-size : 0.9rem;
    }
    
    
    
    .book_appointment{
    	height : 45px;
    	width : 200px;
    	outline : none;
    	margin-left : 100px;
        border-top-left-radius : 50px;
        border-bottom-right-radius : 50px;
    	font-weight : 600;
    	font-size : 1.1rem;
    	background : linear-gradient(45deg,var(--sec_color), var(--uni_color), var(--sec_color));
    	color : #ffffff;
    	border : none;
    }
    
    
    .book_appointment:hover{
    	background: var(--pri_color);
    	color : #ffffff;
    	border : solid 3px var(--pri_color);
    }
    
	
    .menu_nav{
    	display : none;
    	position : absolute;
    	right : 0;
    	color  : var(--pri_color);
    	font-size : 2rem;
    	margin-right : 10px;
    }
    /*****MIN NAVBAR****/
    
    .min_navbar{
    	display : none;
    	position : absolute;
    	top : 16%;
    	height : 300px;
    	background-color :#ffffff;
    	z-index : 100;
    	width : 100%;
    	padding-top : 50px;
    }
    
    .min_navbar ul{
    	list-style-type : none;
    	padding:30px 25px;
    }
    
    .email_url, .email_url:hover{
    	color : #ffffff;
    	text-decoration : none;
    }
    
    
    .dropdown-item{
    	font-weight : 600;
    	padding-top : 7.5px;
    	padding-bottom : 7.5px;
    }
  
	.navbar-nav{
		display : flex;
	}

  
   
}