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

@media (min-width: 992px) {
  .navbar .dropdown:hover .dropdown-menu {
    display: block;
  }
}


 @media only screen and (max-width: 1200px) {
     .pd-wrap {
         padding: 15px;
     }

     .intro-img-wrap {
         margin-right: 0;
     }

     .counter-wrap {
         margin-bottom: 35px;
     }

     .navbar-nav {
            margin-top: 34px;
     }

     .navbar { 
            padding: 15px 15px;
     }
 }

 @media only screen and (max-width: 767px) {
     .navbar {
         padding: 25px 15px;
     }

     .myCarouselCaption {
         right: 0;
         bottom: 50%;
         transform: translateY(50%);
         left: 4%;
         color: var(--black);
         text-align: left;
     }

     .myCarouselCaption h1 {
         font-size: 55px;
     }

     .myCarouselCaption h3 {
         font-size: 27px;
     }

     .hover-title {
         font-size: 25px;
         text-align: center;
     }

     .presence-content {
         flex-direction: column;
     }

     .presence-box {
         max-width: 100%
     }

     .contact-row {
         margin-top: 35px;
             padding: 15px;
     }
 }


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