/*Responsive*/
@media (max-width:992px){
    header,
    header.sticky
    {
        padding: 20px 50px;
        z-index: 1000;

    }
    .menu{
        position: fixed;
        top: 75px;
        left: -100%;
        display: block;
        padding: 100px 50px;
        text-align: center;
        width: 100%;
        height: 100vh;
        background:#fff;
        transition: 0.5s;
        border-top: 1px solid rgba(0,0,0,0.2);      
    }
    .menu.active{
        left: 0;
    }



    header ul li a {
        color: black;
        margin: 10px;
        font-size: 24px;
    
}
.toggle
{
    width: 40px;
    height: 40px;
    background:url('../../icons/menu.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    cursor: pointer;
}
.toggle.active{
    background:url('../../icons/close.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px;
    cursor: pointer;
 }
   header.sticky .toggle {
       filter: invert(1);
   }
   section {
       padding: 100px 50px;
   }
   .banner
   {
    padding: 150px 50px 100px ;
   }
   .banner h2 {
       font-size: 1.1em;
   }
   .banner h3 {
    font-size: 1em;
  }
    .btn {
        margin-top: 10px;
        padding: 10px 20px;
        font-size: 16px;
    }
    .heading h2 {
        font-size: 24px;
    }
    .contentBx h3
    {
       font-size: 20px;
    }
    .content {
        flex-direction: column;
    }
    .w50{
        margin-bottom: 20px;
    }
    .services .content .servicesBx{
        margin:10px;
    }
      .contact .heading.white {
       display: flex;
    }

    
}


@media (max-width:450px) {
    .testimonial .col .client-photo img{
        transform: translate(50%,20%);
    }
}

/* Extra small devices (phones) */
@media (max-width: 576px) {
  .testimonial .col{
    font-size: 1.1rem;
 }
 .testimonial .col .client-photo {
    
 }
 .services .servicesBx p {
    font-size: 1rem;
 }
}
  
  /* Small devices (large phones, small tablets) */
  @media (max-width: 768px) {
    /* Your styles for large phones and small tablets */
  }

  
  /* Medium devices (tablets, small laptops) */
  @media (max-width: 1024px) {
    /* Your styles for tablets and small laptops */
  }
  
  /* Large devices (laptops, desktops) */
  @media (max-width: 1440px) {
    .banner h2{
        font-size: 2.5rem;
       }
       .banner h3{
        font-size: 2rem;
       }
       .banner .btn{
        width: 10rem;
        font-size: 1rem;
        height: 3rem;
        text-align: center;
    
       }
       .testimonial h2{
        font-size: 3rem;
       }
       .testimonial{
        height: 1200px;
       }
    /* Your styles for large laptops and desktops */
  }
  
  /* Extra Large devices (big screens) */
  @media (min-width: 1441px) {
    /* Your styles for very large screens */
  }
  @media (max-width:883px) {
    .testimonial{
        height: 1700px;
    }
}