/* Responsive styling */
@media (max-width: 725px) {
    .logo {
        width: 30%;
    }
    .nav {
        display: none;
    }

    .hamburger {
        display: flex;
    }
	/* font-size:30px */
	h1 {
    font-size: 30px;
	}
	 /* margin-top:10vh */
	.banner3,.about-banner1-box1,.about-banner1-box2,.about-banner1-box1 p, .about-banner2 div{
    	margin-top: 5vh;
	}
    /* width: 50%; */
    .footer div ,.slide,.banner4-box-sec div{
        width: 50%;
        margin-top: 3vh;
    }
	/* width: 45%; */
	.image-container{
        width: 45%;
		margin-top:5vh;
	}
	.about-banner2 div img{
		width: 60%;
	}

    /* width:100% */
    .banner-box1,.banner-box2,.banner2-box1,
    .banner2-box2,.banner3-boxes,.banner3-boxes2,.service-banner1-box1,.service-banner1-box2,.service-banner2,.service-banner3-box2-inner1,.service-banner3-box2-inner2,.service-banner3-box1,.service-banner3-box2,.about-banner1-box1,.about-banner1-box2,.about-banner2 div{
        width: 100%;
    }
    /* width:30% */
    .banner-box1-box-sec div {
        width: 30%;
    }

    .banner-box2{
        margin-top: 3vh;
        display: flex;
        justify-content: center;
    }
    .top-nav{
        justify-content: center;
        gap: 3vh;
    }
    .banner2{
        flex-direction: column-reverse;
		margin-bottom: 15vh;
    }
    .banner2-box1{
        margin-bottom: 20vh;
    }
    .footer div h4{
        margin-bottom: 3vh;
    }
	/* Services page */
	.service-banner1-box2 a{
		padding: 5px 15px;
	}
	.service-banner1-box2,.service-banner3-box2-inner1,.service-banner3-box2-inner2{
		margin-top: 5vh;
	}
	.service-banner1-box2 div form,.heading {
		padding: 0;
	}
	.service-banner2{
		margin: 5vh 0;
	}
	.service-banner2 h3 {
		font-size: 30px;
		padding: 3vh 0;
	}
	.full-heading img {
    	width: 25%;
	}
	.about-banner2-box1, .about-banner2-box2 {
		padding: 5%;
	}
	.about-banner2-box2{
		order: 4;
	}
	
}
/* phone css */
@media (max-width: 425px) {
    .navbar{
        padding: 2vh 5%;
    }
    .logo img {
        width: 130%;
    }
    /* width:100%; */
    .footer div,.banner3 .heading ,.slide,.banner4-box-sec div,.image-container{
        width: 100%;
    }
    .top-nav h3{
        display: none;
    }
    .banner-box1-box-sec div{
        width: 32%;
        padding: 2vh 2%;
        text-align: center;
        margin-right: 0;
    }
    .banner-box1-box-sec{
        justify-content: space-between;
    }
    .banner-box1-box-sec2 a{
        width: 100%;
        text-align: center;
        margin-top: 3vh;
    }
    .banner-box2 img{
        width: 80%;
    }
    .banner2-box1{
        margin-top: 10vh;
        margin-bottom: 10vh;
    }
    .banner2-box1-inner img{
        height: 200px;    
    }
	.banner4-box-sec div img {
    width: 35%;
}
	.about-banner2-box1 span, .about-banner2-box2 span {
      top: -5%;
	}
	    .about-banner2 div img {
        width: 80%;
    }
}



/*=============================== contact page details===================== */
/* querry for contact page */

@media (max-width: 850px) {
	.form {
	  grid-template-columns: 1fr;
	}
  
	.contact-info:before {
	  bottom: initial;
	  top: -75px;
	  right: 65px;
	  transform: scale(0.95);
	}
  
	.contact-form:before {
	  top: -13px;
	  left: initial;
	  right: 70px;
	}
  
	.square {
	  transform: translate(140%, 43%);
	  height: 350px;
	}
  
	.big-circle {
	  bottom: 75%;
	  transform: scale(0.9) translate(-40%, 30%);
	  right: 50%;
	}
  
	.text {
	  margin: 1rem 0 1.5rem 0;
	}
  
	.social-media {
	  padding: 1.5rem 0 0 0;
	}
  }
  
  @media (max-width: 480px) {
	.container {
	  padding: 1.5rem;
	}
  
	.contact-info:before {
	  display: none;
	}
  
	.square,
	.big-circle {
	  display: none;
	}
  
	form,
	.contact-info {
	  padding: 1.7rem 1.6rem;
	}
  
	.text,
	.information,
	.social-media p {
	  font-size: 0.8rem;
	}
  
	.title {
	  font-size: 1.15rem;
	}
  
	.social-icons a {
	  width: 30px;
	  height: 30px;
	  line-height: 30px;
	}
  
	.icon {
	  width: 23px;
	}
  
	.input {
	  padding: 0.45rem 1.2rem;
	}
  
	.btnn{
	  padding: 0.45rem 1.2rem;
	}
  }
  @media (max-width: 850px) {
	.form {
	  grid-template-columns: 1fr;
	}
  
	.contact-info:before {
	  bottom: initial;
	  top: -75px;
	  right: 65px;
	  transform: scale(0.95);
	}
  
	.contact-form:before {
	  top: -13px;
	  left: initial;
	  right: 70px;
	}
  
	.square {
	  transform: translate(140%, 43%);
	  height: 350px;
	}
  
	.big-circle {
	  bottom: 75%;
	  transform: scale(0.9) translate(-40%, 30%);
	  right: 50%;
	}
  
	.text {
	  margin: 1rem 0 1.5rem 0;
	}
  
	.social-media {
	  padding: 1.5rem 0 0 0;
	}
  }
  
  @media (max-width: 480px) {
	.container {
	  padding: 1.5rem;
	}
  
	.contact-info:before {
	  display: none;
	}
  
	.square,
	.big-circle {
	  display: none;
	}
  
	form,
	.contact-info {
	  padding: 1.7rem 1.6rem;
	}
  
	.text,
	.information,
	.social-media p {
	  font-size: 0.8rem;
	}
  
	.title {
	  font-size: 1.15rem;
	}
  
	.social-icons a {
	  width: 30px;
	  height: 30px;
	  line-height: 30px;
	}
  
	.icon {
	  width: 23px;
	}
  
	.input {
	  padding: 0.45rem 1.2rem;
	}
  
	.btnn{
	  padding: 0.45rem 1.2rem;
	}
  }