@media only screen and (max-width:1086px) {
    .social-container.glassmorphism-style .social-icons li a{
      width: 35px;
      height: 35px;
    }
}
@media only screen and (max-width:1024px) {
    .social-container.glassmorphism-style .social-icons li a{
      width: 30px;
      height: 30px;
    }
    .social-container.glassmorphism-style .social-icons li a .ic-front i{
      font-size: 20px;
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        margin: 0px 18px;
    }
}
@media only screen and (max-width:1017px) {
    .social-container.glassmorphism-style .social-icons li a{
      width: 30px;
      height: 30px;
    }
    .social-container.glassmorphism-style .social-icons li a .ic-front i{
      font-size: 20px;
    }

}
@media only screen and (min-width : 992px){
  .dropdown:hover .dropdown-menu{
      display: block !important;
  }
  .dropdown:focus .dropdown-menu{
      display: block !important;
  }
  .dropdown .dropdown-menu.show{
      display: none;
  }
}
@media only screen and (max-width:993px){
    .main{
      flex-direction: column;
      justify-content: center;
      height: auto;
    }
    .num-sec{
        flex-direction: column;
      justify-content: center;
      gap: 0;
    }
    .navbar{
        height: auto;
    }
   
  }
@media only screen and (max-width:580px) {
    
.num-sec{
        justify-content: center;
        gap: 0;
        text-align: center;
      }
      .squishy{
        font-size: 15px;
    padding: 7px 17px;
      }
      .num-sec a{
        margin: 9px 9px;
      }
}