@media screen and (max-width: 1024px) {
    .text-wrp h1{
        font-size: 70px;
        line-height: 56px;
    }
    .text-wrp p {
        font-family: "Poppins", serif;
        font-size: 21px;
        color: #ffffff;
    }
    .banner-sec .contact-ul ul li {
        font-size: 18px;
    }
    .banner-sec .contact-ul ul li i{
        font-size: 16px;
    }
    .one-sec h2, .sec-two h2, .sec-3 h2, .process-sec h2 {
        font-size: 40px;
    }
    .sub-banner-sec::before {
      
        width: 100%;
        height: 49%;
    }
    .menu-btn {
        
        background: #F1A532;
        padding: 20px;
    }
  }

 @media screen and (max-width: 600px) {
    .photo-gallery {
        padding: 50px 0px 50px 0px;
        background-color: #ffffff;
    }
    .sub-banner-sec h1 {
        font-family: "Space Grotesk", serif;
        font-weight: 600;
        font-size: 40px;
        color: #ffffff;
        padding-top: 50px;
    }
    .sub-banner-sec p {
        font-family: "Poppins", serif;
        font-size: 14px;
        color: #ffffff;
    }
    
    .phone-num{
        display: block;
    }
    .one-sec, .sec-two, .sec-3, .process-sec, .about-one-sec, .about-three-sec, .service-sec-one, .contact-sec {
        padding: 60px 0px 60px 0px;
    }
    .contact-ul{
        display: none;
    }
.hero-social-icon{
    display: none !important;
}

.banner-sec .bg-sliding-line {
    background-image: linear-gradient(135deg, transparent 45%, rgba(209, 185, 178, 0) 45%, #694e9c 55%, transparent 0);
    background-size: 5px 5px;
    height: auto;
    padding: 60px 0px 60px 16px;
}
.text-wrp p, .text-wrp a{
    margin-top: 25px;
}
.hero-social-icon i{
    display: none !important;
}
.menu-btn {
    position: absolute;
    right: 20px;
    top: 10px;
}
.banner-sec .bg{
    height: 500px;
}
.banner-sec .white-box {
    padding: 10px;
}
.circle{
    margin: auto;
}
.one-sec h3, .one-sec p{
    text-align: center;
}
.one-sec .top-bdr p {
   
    text-align: left;
}
.about-one-sec .img-wrp .box{
    width: 160px;
    height: 160px;
    font-size: 80px;
}
.about-one-sec .img-wrp .box .top-one {
    font-family: "Space Grotesk", serif;
    font-weight: 400;
    font-size: 36px;
    color: #000000;
    position: absolute;
    top: 63px;
    right: 15px;
}
.about-one-sec h2 {
    font-size: 40px;
    margin-top: 20px;
}
.about-three-sec h2,.about-two-sec h2, .service-sec-one h2, .contact-sec h2{
    font-size: 40px;
}
a.btn-talk, a.num{
    font-size: 16px;
}
.about-two-sec {
   
    height: 390px;
}
.text-sec {
    background-color: #ffffff;
    padding: 0px 0px 50px 0px;
}
  }