@media only screen and (max-width: 1200px) {
     
    .navbar a,
      .navbar a:focus {
          font-size: 13px;
      }
 }

 @media only screen and (max-width: 1200px) {
   .caption-text span {
       font-size: 25px;
   }
 }
 @media only screen and (max-width: 991px) {
     
     .pro-view img {
         width: 300px;
     }
     .top-ul-nav {
        display: none!important;
    }
    .web-m-a {
        bottom: -175px;
    }
    .web-m {
        max-width: 75%;
    }
    .no-web {
        font-size: 28px;
    }
    .breadcumb-cover {
        margin-top: initial;
    }
    .image-caption-half {
        margin-top: 7.5rem;
    }
    .carousel-caption {
        right: 0;
    }
    #carouselExampleControls {
         padding: 8rem 0 1rem;
         margin-top: initial; 
    }
    
    .col-for-vision-img {
        position: relative;
        bottom: -42px;
    }
    .hide-me{
        display:none;
    }
 }

 @media only screen and (max-width: 767px) {
     
     .pro-view img {
         width: initial;
         margin: 0 0 2rem;
     }
     .web-m-a {
        bottom: initial;
        position: initial;
    }
    .web-m {
        max-width: 100%;
    }
    .digi-side-m {
        margin-top: 2.5rem;
    }
    #carouselExampleControls {
        padding: 0;
         margin-top: 2rem;
    }
    .carousel-caption {
        display: none;
    }
    .image-caption-half {
        margin-top: initial;
    }
    .image-caption-half img {
        margin-left: initial;
    }
    
    .border-about{
        background-image:none;
        background:var(--bg-two);
    }
    
    .text-about {
    position: absolute;
    top: 25%;
    }
    
    .taglines{
        width:initial;
    }
    .project-item-1,
    .project-item-2,
    .project-item-3,
    .project-item-4,
    .project-item-5,
    .project-item-6{
        padding: 1rem 1.5rem;
    }
     
 }

 @media only screen and (max-width: 575px) {
     
     .no-web {
        top: -16px;
        font-size: 36px;
    }
    .logo {
        width: 156px;
        padding-top: 4px;
    }
 }
 
 @media only screen and (max-width: 590px) {
     .modal-dialog {margin: 3rem auto;}
     .btn-fir-close{
         right: 1.5rem!important;
         top: -2.7rem;
     }
     .modal{
         padding:0 2rem!important;
     }
 }
 
 @media only screen and (max-width: 430px) {
     .modal{
         padding:0 1rem!important;
     }
 }
 
 
  @media only screen and (max-width: 350px) {
     .modal{
         padding:0rem!important;
         top:100px!important;
     }
     
    
     
 }
 
  @media only screen and (max-width: 350px) {
       .modal-footer a{
        display:flex;
        justify-content:flex-end;
     } 
  }