/* mobile responsive */




@media only screen and (max-width:980px) {

  section.wel-sec .wel-cont h2{
      font-size: 33px;

  }

  section.wel-sec .wel-cont h2::before{
      width: 100px;
  }

  section.wel-sec .wel-img img{
      height: 390px;
  }

    section.wel-sec .wel-cont p{
      line-height: 22px;
      font-size: 12px;
      margin-bottom: 3px;
    }

    section.wel-sec .wel-points i { 
      padding-top: 6px;
      font-size: 7px;
    }

    section.all-about-us p{
        line-height: 22px;
      font-size: 12px;
    }

    section.all-about-us .wel-points i{
      padding-top: 6px;
      font-size: 7px;
    }
      
  /* service section */

  section.service-sec .service-text{
      gap: 0;
      text-align: center;
  }
  section.service-sec .service-text p{
      font-size: 12px;
  }

  


  section.service-sec .service-img img{
      width: 55px;
  }
  section.service-sec .service-cont h4{
      font-size: 13px;
      margin-bottom: 0;

  }

  section.service-sec .service-cont{
    padding: 20px 0px 13px 20px;
  }

  section.service-sec .service-cont p{
    line-height: 15px;
    font-size: 10px;

  }

  section.service-sec .service-col{
      height: 145px;
  }







}


@media only screen and (max-width: 540px){

  /* banner section */

  section.about-banner .banner-text{
      padding: 0;
  }

  /* welcome section */

  section.wel-sec .col-6{
      width: 100%;
  }

    section.wel-sec .wel-cont h2{
      font-size: 35px;
    }

  section.wel-sec .wel-points i ,section.all-about-us .wel-points i { 
      padding-top: 5px;
      font-size: 6px;
  }

  section.wel-sec .wel-cont p , section.all-about-us p{
      font-size: 12px;
      margin-bottom: 0;
      line-height: 22px;
  }

 

  section.wel-sec .wel-img img{
      height: 250px;
      border-radius: 0;
  }
  section.counter-sec .col-3{
      width: 100%;
      
  }

  section.property-listing .card-body .card-title p i{
      font-size: 15px;
  }


  /* service section */


  section.service-sec .col-8{
      width: 100%;
      text-align: center;
  }

  section.service-sec .col-4{
      width: 100%;
  }

  section.service-sec .service-text{
    padding: 20px 0;
    gap: 0;
  }
  
  section.service-sec .service-text h3 {
    font-size: 30px;
  }

  section.service-sec .service-text h5{
    font-size: 13px;
  }

  section.service-sec .service-text p{
    line-height: 20px;
    font-size: 12px;
  }

  section.about-sec-3 .about-3-time h5{
    font-size: 17px;
  }

  section.about-sec-3 .about-3-time ul.navigate a{
    font-size: 12px;
  }


  
  section.service-sec .service-cont h4{
      font-size: 19px;
      margin-bottom: 0;
  }

  section.service-sec .service-cont p{
      font-size: 11px;
      line-height: 20px;
     
  }

  section.service-sec .service-cont{
      padding: 20px 10px 13px 20px;
  }

  section.service-sec .service-col{
      height: 160px;
  }

  section.service-sec .service-img img{
      width: 75px;
  }

  section.service-sec .service-text p{
      font-size: 10px;
  }

  .sec-3-cont h2{
    margin-bottom: 0;
  }

  section.about-sec-3 .sec-3-cont p{
    font-size: 14px;
    line-height: 24px;
  }

  
  section.wel-sec .container{
    padding: 0;
  }

  
}

@media only screen and (max-width: 400px){

  section.wel-sec .container{
    padding: 0;
  }

  section.about-sec-3 .about-3-time ul.navigate a{
    font-size: 10px;
    line-height: 22px;
  }

  section.about-sec-3 .about-3-time ul.navigate a{

    font-size: 12px;

  }
  
  section.wel-sec .wel-points i ,section.all-about-us .wel-points i { 
    padding-top: 8px;
    font-size: 6px;
  }

section.wel-sec .wel-cont p , section.all-about-us p{
    font-size: 12px;
    margin-bottom: 0;
    line-height: 22px;
}

.about-3-time .col-6{
    padding-left: 0;
}

section.about-sec-3 .about-3-time h5{
    font-size: 15px;
}

  
section.wel-sec .wel-cont h2{
    font-size: 30px;
}

section.service-sec .col-8{
    width: 100%;
    text-align: center;
}

section.service-sec .col-4{
    width: 100%;
}


section.service-sec .service-cont h4{
    font-size: 17px;
    margin-bottom: 0;
}

section.service-sec .service-cont p{
    font-size: 10px;
    line-height: 18px;
}

section.service-sec .service-text h3 {
    font-size: 27px;
}

section.service-sec .service-text h5{
    font-size: 11px;
    margin-bottom: 10px;
}



section.service-sec .service-col{
    height: 160px;
}

section.service-sec .service-img img{
    width: 60px;
}

}



@media (max-width: 980px){
    section.blogs .col-4{
        width: 45%;
    }
    section.blogs .row{
        flex-wrap: wrap;
    }
    section.blogs .row {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    /* width */
  section.blogs ::-webkit-scrollbar {
    width: 3px;
    height: 3px;
  }
  
  /* Track */
  section.blogs ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  section.blogs ::-webkit-scrollbar-thumb {
    background: var(--btn-color); 
  }

  section.about-sec-1 .col-6{
    width: 100%;
  }
  section.about-sec-1 .about-image img{
    height: auto;
    margin-bottom: 20px;
  }
  section.about-sec-1  h2 {
    font-size: 22px;
  }
  section.about-sec-1 .about-right{
    padding-left: 0;
  }
  section.about-sec-2{
    padding: 60px 12px;
  }
  section.about-sec-2 .col-6{
    width: 100%;
  }
  section.about-sec-2 .sec-2-right{
    padding-left: 0;
  }
  section.about-sec-3 .sec-3-left{
    padding: 0;
    width: 100%;
  }
  section.about-sec-3 .sec-3-right{
    padding-left: 0;
    width: 100%;
  }
  section.about-sec-2 .sec-2-left{
    padding: 0;
  }
  section.about-sec-2 .sec-2-left h2{
    font-size: 21px;
  }
  section.about-sec-2 .about-company {
    gap: 50px;
  }
  section.about-sec-3 .sec-3-left .image-3-sec img{
    width: 100%;
    height: 280px;
    object-fit: cover;
    margin-bottom: 20px;
  }
  section.about-sec-3 .sec-3-left .col-6{
    width: 100%;
  }
}



@media (max-width:540px){
    section.blogs .col-4{
        width: 88%;
    } 
    section.blogs .heading h2{
        font-size: 28px;
    }
}