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

 @media only screen and (max-width: 991px) {
     
     .pro-view img {
         width: 300px;
     }
     .testimonial-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next, .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
         display: none;
     }
     .main-navbar {
         padding: 0;
     }
     .con-outer {
         padding: 1rem 0;
     }
     
     .navbar .navbar-nav .nav-link {
         padding: 10px 15px;
     }
 }

 @media only screen and (max-width: 767px) {
     
     .pro-view img {
         width: initial;
         margin: 0 0 2rem;
     }
     .arrow-b, .arrow-b-ser {
         padding: 6rem 0;
     }
     
     .my-nav-container, .my-footer-container {
         padding-left: 0;
     }
     
 }

 @media only screen and (max-width: 575px) {
     .animated-title h2, .animated-title2 h2 {
         font-size: 50px;
     }
     .hm-wel-wrap h2 br {
         display: none;
     }
     .logo {
         width: 180px;
     }
     .my-nav-p {
         padding: 0 0.5rem;
     }
     .spinner-grow {
        margin-right: 5rem;
    }
    #counter-card {
        padding: 0;
    }
    .counter-style li  {
        margin-top: 1.5rem;
        height: initial;
    }
    #counter {
        flex-direction: column;
    }
    .counter-ul li:first-child {
         margin-left: 10px;
     }
     .counter-ul li:second-child {
         margin-bottom: 1.5rem;
     }
     .counter-ul li:last-child {
         margin-right: 10px;
     }
     .co-n-w {
         margin-top: 1rem;
     }
 }
  @media only screen and (max-width: 400px) {
     .animated-title h2, .animated-title2 h2 {
         font-size: 36px;
     }
     
     
 }