@media only screen and (max-width: 1200px) { }

 @media only screen and (max-width: 991px) {
     
     .pro-view img {
         width: 300px;
     }
     .bg-color {
        background-color: #fff;
    }
    .navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active, .navbar .navbar-nav .nav-link {
        color: #000 !important;
    }
    
    
  .dropdown-menu {
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        position: static; /* Ensure dropdown stays in flow */
        width: 100%; /* Make sure it takes full width */
    }

    .dropdown-menu.show {
        display: block !important;
        opacity: 1;
    }

    .dropdown-submenu > .submenu {
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        position: static; /* Ensure it appears below */
        width: 100%; /* Full width for better visibility */
        margin-left: 0; /* Remove unwanted spacing */
        padding-left: 15px; /* Add indentation for clarity */
    }

    .dropdown-submenu > .submenu.show {
        display: block !important;
        opacity: 1;
    }

    
    
 }

 @media only screen and (max-width: 767px) {
     
     .pro-view img {
         width: initial;
         margin: 0 0 2rem;
     }
     .logo-s {
        width: 100px;
    }
 }

 @media only screen and (max-width: 575px) {.social-buttons {display:block;} }