@media (max-width: 1024px){
    section.home-banner .home-cont {
    padding: 50px 0px;
}
   section.home-banner .home-cont .hero-head {
    padding: 30px 0px 30px 24px;
}
   section.contact-us {
    padding: 60px 36px;
}
   section.contact-us .cnctus-row .cnctus-col h4,
   .cncticn-row .ctcn-cont p.touch-p a{
    font-size: 16px;
}
   section.contact-us .cnctus-row .cnctus-col h3 {
    font-size: 36px;
    padding: 15px 0;
}
   .cncticn-row .ctcn-cont h5 {
    font-size: 18px;
}
   .cncticn-row .ctcn-cont p.call-p,
   .cncticn-row .ctcn-cont p.touch-p{
    width: 75%;
    font-size: 16px;
}
 
   .cnctus-div h2 {
    font-size: 36px;
}   
   .cnctus-div {
    padding: 40px;
}
   
   .cnctus-form .cnctus-input input {
    padding: 16px 0px;
}
   
   .staf-arrow span {
    font-size: 220px;
}
   
   .staf-arrow {
    right: -5px;
    bottom: -14%;
}
   
   section.contact-connect {
    padding: 60px 36px;
}
   
   .conct-cont h4 {
    font-size: 26px;
}
   
 .conct-line {
    width: 15%;
}
   
   .conct-socl ul {
    gap: 0 20px;
}
   
   .conct-socl ul li a {
    font-size: 26px;
}
   
}


@media (max-width: 991px){
  
  section.home-banner .home-cont .hero-head {
        padding: 44px 0px 30px 24px;
    }
  
      section.contact-us {
        padding: 50px 36px;
    }
      section.contact-connect {
        padding: 50px 36px;
    }
  .row.cnctus-row {
    gap: 50px 0;
}
  
  section.contact-us .cnctus-row .cnctus-col h3 {
        padding: 15px 0 35px;
    }
  
  .cnctus-row .cnctus-col .cncticn .cncticn-row img {
    width: 80%;
}
  
      .cncticn-row .ctcn-cont p.call-p, .cncticn-row .ctcn-cont p.touch-p {
        width: 100%;
        font-size: 16px;
    }
  
  section.home-banner .home-cont .hero-head h1 {
    font-size: 40px;
    line-height: 1.2;
}
  
}


@media (max-width: 540px){
  
  section.home-banner {
    height: 60vh;
}
      section.home-banner .home-cont .hero-head {
        padding: 10px 0px 30px 12px;
        width: 75%;
    }
  
      section.home-banner .home-cont .hero-head h1 {
        font-size: 30px;
        line-height: 1.2;
    }
  
      section.contact-us {
        padding: 40px 12px;
    }
      section.contact-connect {
        padding: 40px 12px;
    }
  .row.cnctus-row {
    gap: 40px 0;
}
  
  .cnctus-row .cnctus-col .cncticn .cncticn-row {
    gap: 20px 0;
}
  
      .cnctus-row .cnctus-col .cncticn .cncticn-row img {
        width: 75%;
    }
  
  .cncticn-row .ctcn-cont {
    padding-left: 0;
}
  
      section.contact-us .cnctus-row .cnctus-col h3 {
        font-size: 26px;
    }
  
      .cnctus-div h2 {
        font-size: 26px;
    }
  
      .cnctus-div {
        padding: 40px 25px 24px;
    }
  
        .conct-line {
        width: 70%;
        margin-bottom: 8px;
    }
  
  .conct-item {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
}
  
      .staf-arrow span {
        font-size: 200px;
    }
  
      .staf-arrow {
        right: -3px;
        bottom: -13%;
    }
  
  .cnctus-form {
    padding-top: 10px;
}
    .cnctus-form .cnctus-input input::placeholder,
  .cnctus-form .cnctus-input textarea {
    font-size: 16px;
}
  
  
}

@media (max-width: 340px){
  
      section.home-banner .home-cont .hero-head h1 {
        font-size: 24px;
        line-height: 1.2;
    }
  
      .conct-cont h4 {
        font-size: 20px;
    }
  
      .conct-socl ul li a {
        font-size: 20px;
    }
  
      .cncticn-row .ctcn-cont p.call-p, .cncticn-row .ctcn-cont p.touch-p {
        width: 100%;
        font-size: 14px;
    }
  
      .cncticn-row .ctcn-cont h5 {
        font-size: 15px;
    }
  
      section.contact-us .cnctus-row .cnctus-col h4, .cncticn-row .ctcn-cont p.touch-p a {
        font-size: 14px;
        word-wrap: break-word;
    }
      

  
}