@media screen and (max-width:991px)
{
.navbar-collapse
{
        background-color: #fff;
        
}
/* .navbar-dark .navbar-nav
{
        height: 800px;
} */
.navbar-dark .navbar-nav .active>.nav-link, 
.navbar-dark .navbar-nav .nav-link ,
.navbar-nav .show>.nav-link ,
.navbar-dark .navbar-nav .show>.nav-link {
        color: #4e4e4e;
}
 .navbar-dark .navbar-nav .active>.nav-link:hover ,
 .navbar-dark .navbar-nav .nav-link:hover 
{
        color: #0078ff;
}

li:hover:before
{
        visibility: hidden;
}

@-webkit-keyframes animate1 
{
        0% ,100%  { 
               
                -webkit-transform: translate(0); 
               
                        transform: translate(0);
        }
}

@keyframes animate1 
{
        0% ,100%  { 
               
                -webkit-transform: translate(0); 
               
                        transform: translate(0);
        }
}
@-webkit-keyframes animate2 
{
        0% ,100%  { 
                 -webkit-transform: translate(0); 
                         transform: translate(0);
        }

}
@keyframes animate2 
{
        0% ,100%  { 
                 -webkit-transform: translate(0); 
                         transform: translate(0);
        }

}
.drop1-menu ,.drop2-menu
{
        -webkit-box-shadow: 0px 0px 30px #7f89a140;
                box-shadow: 0px 0px 30px #7f89a140;
        margin: 10px 20px;
        padding: 10px 0;

}
.navbar-dark .navbar-toggler {

        border:none;
    }
     h1
    {
            font-size: 3.2rem;
    }
    .header-content p
    {
            font-size: 1.5rem;        
    }
    .serv-box h3 
    {
            font-size: 1.2rem;
    }
   
}

 @media all and (min-width: 992px) {
        .navbar .nav-item:hover .drop1-menu{ display: block; }
        .navbar .dropright:hover .drop2-menu{ display: block;} 
} 

@media all and (min-width: 992px) and (max-width:1400px)
{
        .dropright .dropdown-menu {
                left: auto;
                right: 100%;
                }
                @-webkit-keyframes animate2 { 
                0% { 
                        -webkit-transform: translateX(10%); 
                                transform: translateX(10%); 
                        visibility: visible; 
                } 
                100% { 
                        -webkit-transform: translateX(0); 
                                transform: translateX(0); 
                } 
        }
                @keyframes animate2 { 
                0% { 
                        -webkit-transform: translateX(10%); 
                                transform: translateX(10%); 
                        visibility: visible; 
                } 
                100% { 
                        -webkit-transform: translateX(0); 
                                transform: translateX(0); 
                } 
        }       
}

@media screen and (max-width: 576px)
{
        .profile-cont p
        {
                padding-left: 10px;
                margin-bottom:5px;
                
        }
        .profile-cont p span
        {
                font-size: 15px;
        }
}