/**
* Template Name: Proclean Landing Page
*/

/*============================================

1. Extra  Large devices (less than 1600px)
2. Large devices (less than 1200px)
3. Large tablets (less than  992px)
4. Medium devices (less than  768px)
5. Small devices (less than  576px)
6. Extra Small devices (less than  480px)

============================================*/
 


@media (max-width: 1643.98px) {

/*=========start About us section ========*/
.aboutimgbox {
    left: 23.5%;
    top: 35%;
}
.ellips {
    left: 13%;
    top: 7%;
}
/*=========End of About us section ========*/

/*=========start our services section ========*/
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -10%;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-10%;
}
/*=========End of our services section ========*/

/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -10%;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-10%;
}
/*=========End of our Team section ========*/

/*=========start testimonials(client-say) section ========*/
.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -10%;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-10%;
}
/*=========End of testimonials(client-say) section ========*/
}

/*  Large devices (less than 1600px) */
@media (max-width: 1599.98px) {

 /*=========start About us section ========*/   
.aboutimgbox {
    left: 22.5%;
    top: 35%;
}
/*=========End of About us section ========*/

/*=========start our services section ========*/
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -7%;
    width: 80px;
    height: 80px;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-7%;
    width: 80px;
    height: 80px;
}
/*=========End of our services section ========*/

/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -7%;
    width: 80px;
    height: 80px;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-7%;
    width: 80px;
    height: 80px;
}
/*=========End of our Team section ========*/

/*=========start testimonials(client-say) section ========*/
.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -6%;
    width: 75px;
    height: 75px;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-6%;
    width: 75px;
    height: 75px;
}
/*=========End of testimonials(client-say) section ========*/
}
@media (max-width: 1476.98px) {
 /*=========start our services section ========*/
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -6%;
    width: 67px;
    height: 67px;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-6%;
    width: 67px;
    height: 67px;
}
/*=========End of our services section ========*/

/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -5%;
    width: 67px;
    height: 67px;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-5%;
    width: 67px;
    height: 67px;
}
/*=========End of our Team section ========*/
/*=========start testimonials(client-say) section ========*/
.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -5%;
    width: 67px;
    height: 67px;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-5%;
    width: 67px;
    height: 67px;
}
/*=========End of testimonials(client-say) section ========*/
}
@media (max-width: 1469.98px) {

 /*=========start About us section ========*/  
 .ellips {
    left: 10%;
    top: 7%;
} 
 .aboutimgbox {
    left: 20.3%;
    top: 35%;
}
/*=========End of About us section ========*/    

/*=========start our services section ========*/
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -5%;
    width: 67px;
    height: 67px;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-5%;
    width: 67px;
    height: 67px;
}
/*=========End of our services section ========*/  

/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -5%;
    width: 67px;
    height: 67px;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-5%;
    width: 67px;
    height: 67px;
}
/*=========End of our Team section ========*/  

/*=========start testimonials(client-say) section ========*/
.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -5%;
    width: 67px;
    height: 67px;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-5%;
    width: 67px;
    height: 67px;
}
/*=========End of testimonials(client-say) section ========*/
}

@media (max-width: 1445.98px) {

   /*=========start testimonials(client-say) section ========*/
.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -4%;
    width: 60px;
    height: 60px;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-4%;
    width: 60px;
    height: 60px;
}
/*=========End of testimonials(client-say) section ========*/
}

@media (max-width: 1439.98px) {

/*=========start About us section ========*/  
.ellips {
  left: 9%;
  top: 7%;
} 
 .aboutimgbox {
   left: 19.6%;
   top: 35%;
}
/*=========End of About us section ========*/    

/*=========start our services section ========*/
.pro-ourservices .icon-box
{
    padding: 25px;
}
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -4%;
    width: 60px;
    height: 60px;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-4%;
    width: 60px;
    height: 60px;
}
/*=========End of our services section ========*/

/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -4%;
    width: 55px;
    height: 55px;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-4%;
    width: 55px;
    height: 55px;
}
/*=========End of our Team section ========*/   

/*=========start testimonials(client-say) section ========*/
.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -3%;
    width: 50px;
    height: 50px;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-3%;
    width: 50px;
    height: 50px;
}
/*=========End of testimonials(client-say) section ========*/
}
@media (max-width: 1410.98px) {

/*=========start of our services section ========*/
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -3%;
    width: 50px;
    height: 50px;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
    right: -3%;
    width: 50px;
    height: 50px;
} 
/*=========start of our services section ========*/  

/*=========start of our Tean section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -3%;
    width: 45px;
    height: 45px;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right: -3%;
    width: 45px;
    height: 45px;
}
/*=========End of our Tean section ========*/ 

/*=========start of testimonials section ========*/ 
.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -2%;
    width: 45px;
    height: 45px;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right: -2%;
    width: 45px;
    height: 45px;
}
/*=========End of testimonials section ========*/ 
}

@media (max-width: 1399.98px) {
 
 /*=========start Banner section ========*/   
.banner h1 {
    font-size: 69px;
}
/*=========End of Banner section ========*/

/*=========start About us section ========*/
.ellips {
    left: 12%;
    top: 7%;
}
.aboutimgbox {
    left: 22.6%;
    top: 35%;
}
/*=========End of About us section ========*/

/*=========start our services section ========*/
.pro-ourservices .icon-box
    {
        padding: 25px;
    }
.pro-services-slider button.slick-prev.slick-arrow {
        top: 40%;
        left: -8%;
        width: 70px;
        height: 70px;
    }
.pro-services-slider button.slick-next.slick-arrow {
        top: 40%;
        right:-8%;
        width: 70px;
        height: 70px;
    }
/*=========End of our services section ========*/
    
/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
        top: 40%;
        left: -8%;
        width: 70px;
        height: 70px;
    }
.procleanteam-slider button.slick-next.slick-arrow {
        top: 40%;
        right:-8%;
        width: 70px;
        height: 70px;
    }
 /*=========End of our Team section ========*/   
    
/*=========start testimonials(client-say) section ========*/
.pro-testimonials-slider button.slick-prev.slick-arrow {
        top: 40%;
        left: -8%;
        width: 70px;
        height: 70px;
    }
.pro-testimonials-slider button.slick-next.slick-arrow {
        top: 40%;
        right:-8%;
        width: 70px;
        height: 70px;
    }
/*=========End of testimonials(client-say) section ========*/

 /*=========start of our pricing section ========*/  
.pricing .pricing-item {

    padding: 35px;
}
/*=========End of our pricing section ========*/
}
@media (max-width: 1390.98px) {

/*=========start testimonials(client-say) section ========*/ 
.testi-pic {
    position: absolute;
    left: 45%;
    right: 0px;
    top: 18%;
} 
/*=========End of our pricing section ========*/

}

@media (max-width: 1380.98px) {

/*=========start banner section ========*/  
.banner h1 {
    font-size: 69px;
}
/*=========End of banner section ========*/  

/*=========start About us section ========*/  
.ellips {
    left: 12%;
    top: 7%;
  } 
   .aboutimgbox {
     left: 22.6%;
     top: 35%;
  }
  /*=========End of About us section ========*/        

/*=========start Pricing section ========*/
.pricing .pricing-item {
    padding: 50px 30px;
}
/*=========End Pricing section ========*/


/*=========start our services section ========*/
.pro-ourservices .icon-box h4
{
    font-size: 24px;
}
.pro-ourservices .icon-box {
    padding: 22px;
}
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -8%;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-8%;
}
/*=========start our services section ========*/

/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -8%;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-8%;
}
/*=========End of our Team section ========*/

/*=========start testimonials(client-say) section ========*/
.testi-itemcontent h4 {
    font-size: 27px;
}
.testi-pic {
    position: absolute;
    left: 40%;
    right: 0px;
    top: 13%;
}
.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -8%;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-8%;
}
/*=========End of testimonials(client-say) section ========*/

}
@media (max-width: 1365.98px) {

   /*Global*/
 h1,
 .h1 {
     font-size: 65px;
     line-height: 1.5em;
 }

 h2,
 .h2 {
     font-size: 55px;
     line-height: 1.5em;
 }

 h3,
 .h3 {
     font-size: 40px;
     line-height: 1.5em;
 }

 h4,
 .h4 {
     font-size: 24px;
     line-height: 1.6em;
 }

 h5,
 .h5 {
     font-size: 22px;
     line-height: 1.5em;
 }

 h6,
 .h6 {
     font-size: 20px;
     line-height: 1.5em;
 }

 p {
     margin-bottom: 15px;
 } 

 /*=========start About us section ========*/
.ellips {
    left: 10%;
    top: 6%;
}
.aboutimgbox {
    left: 20.6%;
    top: 35%;
}    
/*=========End of About us section ========*/
/*=========start our services section ========*/
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -8%;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-8%;
}
/*=========End of our services section ========*/

/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -8%;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-8%;
}
/*=========End of our Team section ========*/ 

/*=========start testimonials(client-say) section ========*/
.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -7%;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-7%;
}
/*=========End of testimonials(client-say) section ========*/
}

@media (max-width: 1305.98px) {
/*=========start About us section ========*/
.ellips {
    left: 9%;
    top: 7%;
}
.aboutimgbox {
    left: 20.6%;
    top: 35%;
}    
/*=========End of About us section ========*/

/*=========start our services section ========*/
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -7%;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-7%;
}
/*=========End of our services section ========*/

/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -7%;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-7%;
}
/*=========End of our Team section ========*/ 

/*=========start testimonials(client-say) section ========*/
.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -6%;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-6%;
}
/*=========End of testimonials(client-say) section ========*/
}

@media (max-width: 1275.98px) {
/*=========start our services section ========*/
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -4%;
    width: 50px;
    height: 50px;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-4%;
    width: 50px;
    height: 50px;
}
/*=========End of our services section ========*/  

/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -4%;
    width: 50px;
    height: 50px;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-4%;
    width: 50px;
    height: 50px;
}
/*=========End of our Team section ========*/   

 /*=========start testimonials(client-say) section ========*/
.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -4%;
    width: 50px;
    height: 50px;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-4%;
    width: 50px;
    height: 50px;
}
/*=========End of testimonials(client-say) section ========*/   
}

@media (max-width: 1260.98px) {

/*=========start Banner section ========*/
.pro-banner-slider ul.slick-dots {
    right: 1%;
}
/*=========End of Banner section ========*/

/*=========start About us section ========*/
.ellips {
    left: 8%;
    top: 8%;
}
.aboutimgbox {
    left: 18.6%;
    top: 35%;
}
/*=========End of About us section ========*/

 /*=========start our services section ========*/
.pro-ourservices .icon-box {
    padding: 20px;
}
.pro-ourservices .icon-box h4 {
    font-size: 22px;
}
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -6%;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-6%;
}
/*=========End of our services section ========*/  

/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -6%;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-6%;
}
/*=========End of our Team section ========*/ 

/*=========start testimonials(client-say) section ========*/
.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -5%;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-5%;
}
/*=========End of testimonials(client-say) section ========*/
}
@media (max-width: 1233.98px) {
 /*=========start our services section ========*/
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -5%;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-5%;
}
/*=========End of our services section ========*/  

/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -5%;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-5%;
}
/*=========End of our Team section ========*/ 

/*=========start testimonials(client-say) section ========*/
.testi-itemcontent {
    background-color: #00081d14;
    padding: 130px 163px 130px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 20px;
}
.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -3%;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-3%;
}
/*=========End of testimonials(client-say) section ========*/    
}

@media (max-width: 1225.98px) {
/*=========start our services section ========*/
.pro-ourservices .icon-imgbox {
    width: 130px;
    height: 130px;
}
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -3%;
    width: 40px;
    height: 40px;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
    right: -3%;
    width: 40px;
    height: 40px;
}
/*=========End of our services section ========*/

/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -3%;
    width: 40px;
    height: 40px;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right: -3%;
    width: 40px;
    height: 40px;
}
/*=========End of our Team section ========*/ 

/*=========start testimonials(client-say) section ========*/
.testi-itemcontent h4 {
    font-size: 24px;
}
.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -2%;
    width: 40px;
    height: 40px;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right: -2%;
    width: 40px;
    height: 40px;
}
/*=========End of testimonials(client-say) section ========*/
}

/* Large devices (less than 1200px) */
@media (max-width: 1199.98px) {
 
 /*Global*/
h1,
.h1 {
    font-size: 45px;
    line-height: 1.6em;
}

h2,
.h2 {
    font-size: 40px;
    line-height: 1.6em;
}

h3,
.h3 {
    font-size: 32px;
    line-height: 1.6em;
}

h4,
.h4 {
    font-size: 24px;
    line-height: 1.6em;
}

h5,
.h5 {
    font-size: 22px;
    line-height: 1.6em;
}

h6,
.h6 {
    font-size: 20px;
    line-height: 1.6em;
}

p {
    margin-bottom: 15px;
}
/*End Global*/   
/*=========Start Header========*/
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0 5px;
    }
 /*=========End Header========*/

 
 /*=========start banner section ========*/
 .banner h1 {
    color: var(--h05-tertiary-color);
    font-size: 54px;
    line-height: 65px;
}
.banner-btn {
    padding-top: 60px;
}
.banner p {
    max-width: 100%;
}
.banner .info-bg
{
    padding-top: 145px;
}
.banner-btn {
    padding-top: 30px;
    display: flex;
}
.banner h6 {
    letter-spacing: 5px;
}
.pro-banner-slider ul.slick-dots {
    right: 2%;
}
 /*=========End of banner section ========*/

.ellips 
{
    display: none;
}
.read-more
{
    margin-top: 20px;
}
 /*=========start Our pricing section ========*/
 .pricing .pricing-item {
    padding: 20px;
}
 .pricing .pricing-item ul li span {
    font-size: 16px;
    font-weight: 400;
}
 .pricing .pricing-item ul {
    margin-bottom: 20px;
    display: inline-block;
}
 /*=========End Our pricing section ========*/

 /*=========start our services section ========*/
.pro-ourservices  .icon-box {
    padding: 17px;
}
.pro-ourservices  .icon-box h4 {
    font-size: 20px;
}
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -9%;
    width: 60px;
    height: 60px;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-9%;
    width: 60px;
    height: 60px;
}
/*=========End of our services section ========*/

/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -9%;
    width: 60px;
    height: 60px;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-9%;
    width: 60px;
    height: 60px;
}
/*=========End of our Team section ========*/

/*=========start testimonials(client-say) section ========*/
.testi-itemcontent h4 {
    font-size: 23px;
}
.testi-itemcontent
{
    padding: 110px 163px 110px 35px;
}
.testi-pic {
    position: absolute;
    left: 50%;
    right: 0px;
    top: 21%;
}
.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -9%;
    width: 60px;
    height: 60px;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-9%;
    width: 60px;
    height: 60px;
}
/*=========End of testimonials(client-say) section ========*/

/*=========start of our Blog section ========*/
.our-blog .post-listbox h4 {
    padding-right: 0px;
    line-height: 31px;
}
.our-blog .post-listbox h4 a {
    font-size: 20px;
}
/*=========End of our Blog section ========*/

/*=========start of footer section ========*/
.footer .footer-newsletter .newsletter-form .submit {
    top: 7%;
}
/*=========End of footer section ========*/

}
@media (max-width: 1126.98px) {

 /*=========start About us section ========*/    
.aboutimgbox {
    left: 16.6%;
    top: 35%;
}
 /*=========End of About us section ========*/   

 /*=========start testimonials(client-say) section ========*/
.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -6%;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-7%;
}
/*=========End of testimonials(client-say) section ========*/ 
}
@media (max-width: 1097.98px) {
/*=========start our services section ========*/
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -7%;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
   right:-7%;
}
/*=========start our services section ========*/

/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -7%;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-7%;
}
/*=========End of our Team section ========*/ 

/*=========start testimonials(client-say) section ========*/

.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -6%;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-6%;
}
/*=========End of testimonials(client-say) section ========*/    
}
@media (max-width: 1090.98px) {

/*=========start About us section ========*/
.aboutimgbox {
    left: 15.6%;
    top: 35%;
} 
/*=========End of About us section ========*/

/*=========start our services section ========*/
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -6%;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
   right:-6%;
}
/*=========start our services section ========*/

/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -6%;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-6%;
}
/*=========End of our Team section ========*/ 

/*=========start testimonials(client-say) section ========*/

.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -4%;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-4%;
}
/*=========End of testimonials(client-say) section ========*/
}
@media (max-width: 1026.98px) {

/*=========start our services section ========*/
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -4%;
    width: 40px;
    height: 40px;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-4%;
    width: 40px;
    height: 40px;
}
/*=========start our services section ========*/

/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -4%;
    width: 40px;
    height: 40px;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-4%;
    width: 40px;
    height: 40px;
}
/*=========End of our Team section ========*/ 

/*=========start testimonials(client-say) section ========*/

.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -2%;
    width: 43px;
    height: 43px;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-2%;
    width: 43px;
    height: 43px;
}
/*=========End of testimonials(client-say) section ========*/

}
@media (max-width: 1020.98px) {
    

/*=========start Banner section ========*/
.pro-banner-slider ul.slick-dots {
    right: 0%;
}
/*=========End of Banner section ========*/

/*=========start our services section ========*/
.aboutimgbox {
    left: 13.6%;
    top: 35%;
    }
/*=========start our services section ========*/

/*=========start our services section ========*/
.pro-ourservices .icon-box
{
    padding: 30px;
}
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -3%;
    width: 55px;
    height: 55px;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-3%;
    width: 55px;
    height: 55px;
}
/*=========End of our services section ========*/

/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -3%;
    width: 55px;
    height: 55px;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-3%;
    width: 55px;
    height: 55px;
}
/*=========End of our Team section ========*/ 

/*=========start testimonials(client-say) section ========*/

.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -3%;
    width: 55px;
    height: 55px;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-3%;
    width: 55px;
    height: 55px;
}
/*=========End of testimonials(client-say) section ========*/
}

@media (max-width: 991.98px) {

 /*Global*/
 h1,
 .h1 {
     font-size: 45px;
     line-height: 1.5em;
 }

 h2,
 .h2 {
     font-size: 40px;
     line-height: 1.5em;
 }

 h3,
 .h3 {
     font-size: 32px;
     line-height: 1.5em;
 }

 h4,
 .h4 {
     font-size: 24px;
     line-height: 1.6em;
 }

 h5,
 .h5 {
     font-size: 22px;
     line-height: 1.5em;
 }

 h6,
 .h6 {
     font-size: 20px;
     line-height: 1.5em;
 }

 p {
     margin-bottom: 15px;
 }
 /*End Global*/
  
 /*=========Start Header menu ============*/
.navbar-brand img {
    max-width: 210px;
}
.header .navbar-nav {
    padding-top: 20px;
}
.header .navbar-expand-lg .navbar-nav .nav-link {
    padding: 5px 0px;
}

.header .navbar-toggler:focus {
    box-shadow: none;
}
.lets-talk-btn {
    height: 40px;
    padding: 20px 10px;
}
.header .navbar-toggler {
    margin-left: auto;
}
/*=========End Header menu ============*/

/*=========start of Banner section ======*/
.pro-banner-slider ul.slick-dots {
    position: absolute;
    top: 40%;
    right: 3%;
}
.banner h1 {
    color: var(--h05-tertiary-color);
    font-size: 40px;
    line-height: 49px;
}
/*=========End of Banner section ======*/

/*=========start of About us section ======*/
.about-us
{
    margin-top: 100px;
}
.aboutimgbox {
    left: 50.6%;
    top: 6%;
}
.about-us .services-title h3
{
    font-size: 32px;
}
.about-us .services-title h6
{
    padding: 20px 0px 10px 0px;
}
/*=========End of About us section ======*/

/*=========start of our pricing section ======*/
.pricing
{
    margin-top: 100px;
}
/*=========End of our pricing section ======*/

/*=========Start of our services section ========*/
.pro-ourservices
{
    margin-top: 100px;
    padding: 60px 0px;
}
.pro-ourservices .icon-box {
    padding: 18px;
}
.pro-services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -12%;
}
.pro-services-slider button.slick-next.slick-arrow {
    top: 40%;
    right: -12%;
}
/*=========End of our services section ========*/

/*=========start our Team section ========*/
.procleanteam-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -12%;
}
.procleanteam-slider button.slick-next.slick-arrow {
    top: 40%;
    right: -12%;
}
/*=========End of our Team section ========*/ 

/*=========start testimonials(client-say) section ========*/
.testi-itemcontent {
    padding: 60px 50px 60px 30px; 
}
.testi-pic {
    position: absolute;
    left: 55%;
    right: 0px;
    top: 24%;
}
.testi-itemcontent h4 {
    font-size: 18px;
}
.testi-itemcontent p{
font-size: 14px;
}
.testimonial .testi-itemcontent .stars i {
    margin: 0 2px 0px 0px;
    font-size: 20px;
}
.testimonial .client-content{
    font-size: 17px;
}
.pro-testimonials-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -12%;
}
.pro-testimonials-slider button.slick-next.slick-arrow {
    top: 40%;
    right: -12%;
}
/*=========End of testimonials(client-say) section ========*/

/*=========start Count section ============*/
.count {
    margin-top: 100px;
}
.count .count-bg h2.counter::after {
    font-size: 37PX;
}
.count .count-bg .stats-item span {
    font-size: 37px;
}
.count .count-bg .stats-item span::after {
    font-size: 37px;
}
.count .count-bg .stats-item1 span {
    font-size: 37px;
}
.count .count-bg .stats-item1 span::after {
    font-size: 37px;
}
.count .count-bg .stats-item p {
    font-size: 15px;
}
.count .count-bg .stats-item1 p {
    font-size: 15px;
}
/*=========End Count section ============*/

/*=========start video-box section ============*/
.video-box {
    margin: 100px 0px;
}
/*=========End of video-box section ============*/

/*=========start our blog section ============*/
.our-blog {
    margin: 100px 0px 180px 0px;
}
.our-blog .post-list {
    margin-bottom: 50px;
}
.our-blog .post-listbox h4 a {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
}
.our-blog .post-listbox h4 {
    line-height: 27px;
}
.our-blog .post-listbox {
    padding: 15px;
    bottom: -120px;
    left: 0px;
}
.our-blog .post-meta span {
    font-size: 15px;
}

/*=========End of our blog section ============*/

/*=========start of contact-info section ============*/
.contact-info {
    padding: 80px 0px;
}
/*=========End of contact-info section ============*/

/*=========start of footer section ========*/
.footer .footer-links ul li {
    padding: 0px;
    display: block;
    align-items: center;
    margin-bottom: 10px;
    padding-right: 20px;
}
.footer .footer-about .logo p {
    max-width: 90%;
  }
/*=========End of footer section ========*/

}

@media (max-width: 937.98px) {
/*=========start of banner section ========*/
.pro-banner-slider ul.slick-dots {
    position: absolute;
    top: 40%;
    right: 2%;
}
/*=========End of banner section ========*/
}
/* Medium devices (less than  768px) */
@media (max-width: 767.98px) {
   /*Global*/
   h1,
   .h1 {
       font-size: 30px;
       line-height: 1.5em;
   }

   h2,
   .h2 {
       font-size: 28px;
       line-height: 1.5em;
   }

   h3,
   .h3 {
       font-size: 25px;
       line-height: 1.5em;
   }

   h4,
   .h4 {
       font-size: 19px;
       line-height: 1.5em;
   }

   h5,
   .h5 {
       font-size: 18px;
       line-height: 1.5em;
   }

   h6,
   .h6 {
       font-size: 16px;
       line-height: 1.5em;
   }
   /*End Global*/

/*=========Start Header menu ============*/
.navbar-brand img {
max-width: 160px;
}
.header .navbar-nav
{
padding-top: 20px;
}
.header .navbar-expand-lg .navbar-nav .nav-link {
padding: 5px 0px;
}
.header .navbar-toggler:focus
{
box-shadow: none;
}
.lets-talk-btn {
  padding: 10px;
}
/*=========End Header menu ============*/


/*=========start banner section ============*/

.banner-btn {
    display: flex;
    max-width: 100%;
    margin: 0 auto;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.banner h1 {
    padding: 10px 0px;
}
.subscribe-btn
{
    margin: 0px 10px;
}
.pro-banner-slider ul.slick-dots {
    display: none;
}
.banner p {
    padding-top: 10px;
}
/*=========End of banner section ============*/

/*=========start of About us section ============*/
.about-us
{
    margin-top: 80px;
}
.aboutimgbox {
    left: 50.6%;
    top: 15%;
}
.about-us .services-title h3 {
    font-size: 25px;
}
.about-us .services-title h6 {
  padding: 20px 0px 0px 10px;
}
/*=========End of About us section ============*/

/*=========start of our services section ============*/
.pro-ourservices
{
    margin-top: 80px;
    padding: 55px 0px;
}
/*=========End of our services section ============*/

/*=========start of count Section============*/
.count
{
  margin-top: 80px;
}
.count .count-bg .count-border {
    border-right: none;
}
/*=========End of count Section============*/

/*=========start Our team Section============*/
.our-team .team-content .team-info h4 {
    font-size: 22px;
}
.our-team .team-content .team-info .social a 
{
    margin: 0 6px;
}
/*=========End of Our team Section============*/

/*=========start of Our services Section============*/
.pro-ourservices .icon-box {
    padding: 20px;
    margin: 20px;
}
/*=========End of Our services Section============*/

/*=========start of testimonial Section============*/
.testimonial
{
    margin-top: 80px;
}
.testimonial-box {
    display: block;
    position: relative;
}
.testi-pic {
    position: absolute;
    left: 59%;
    right: 0px;
    top: 4%;
}
.testimonial .client-content {
    font-size: 17px;
    text-align: center;
}
/*=========End of testimonial Section============*/

/*=========start Pricing section ============*/
.pricing {
    margin-top: 80px;
}
.pricing .pricing-item {
    margin:0px 20px;
}
/*=========End Pricing section ============*/

/*=========start our blog section ============*/
.our-blog {
    margin: 80px 0px 50px 0px;
}
.our-blog h4 {
    padding-right: 0px;
}
.our-blog .post-listbox {
    padding: 20px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.our-blog .post-listbox h4 a {
    font-size: 20px;
    line-height: normal;
    font-weight: 600;
}
.our-blog .post-meta span {
    font-size: 18px;
}
/*=========End of our blog section ============*/

/*==========================
  # start of video section
============================*/
.video-box {
    margin: 80px 0px;
}
.video {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 15px;
  } 
.waves 
{
    position: absolute;
    width: 110px;
    height: 110px;
    right: -29px;
    bottom: -29px;
}
  /*==========================
    # End of video section
  ============================*/

/*=============# Start of contact info section=============*/
.contact-info
{
  padding: 80px 0px;
}
.contact-info .info-item .info-title h6 {
    font-size: 20px;
    font-weight: 500;
}
.contact-info h4 {
    font-size: 26px;
}
/*========# End of contact info section=============*/

/*==========# Start of footer section===================*/
.footer .footer-links ul li {
    padding: 0px;
    display: block;
    align-items: center;
    margin-bottom: 10px;
    padding-right: 20px;
}
.footer .footer-about .logo p {
    max-width: 100%;
  }
  .footer .footer-links ul a {
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    font-weight: 400;
    padding-right: 20px;
}
/*============# End of footer section=================*/
}
@media (max-width: 660.98px) {
  
/*============ start of About us section=================*/    
    .aboutimgbox {
        left: 43.6%;
        top: 15%;
    }
/*============End of About us section=================*/
}


/* Small devices (less than  576px) */
@media (max-width: 575.98px) {

/*============start of Banner section=================*/
.banner p
{
    padding: 0px 10px;
}
/*============End of Banner section=================*/

/*============start of About us section=================*/
.aboutimgbox 
 {
     display: none;
}
/*============End of About us section=================*/

/*=========start of testimonial Section============*/
.testi-pic {
    position: absolute;
    left: 65%;
    right: 0px;
    top: 4%;
}
.testi-itemcontent {
    padding: 50px 50px 50px 30px;
}
.testimonial .client-content 
{
    padding-top: 15px;
}
/*=========End of testimonial Section============*/


/*============start of Our Blog section=================*/
.our-blog .post-listbox {
    padding: 15px;
    bottom: -2px;
    left: 0px;
    right: 0px;
}
/*============End of Our Blog section=================*/
}

@media (max-width: 490.98px) {

    /*=========start of testimonial Section============*/
   .testi-pic {
       position: absolute;
       left: 59%;
       right: 0px;
       top: 1%;
   }
   /*=========End of testimonial Section============*/
   }
   

/*  Extra Small devices (less than  480px) */
@media (max-width: 479.98px) {

 /*=========start of testimonial Section============*/
.testi-pic {
    position: absolute;
    left: 51%;
    right: 0px;
    top: 2%;
}
/*=========End of testimonial Section============*/
}

@media (max-width: 475.98px) {
/*=========start of Banner Section============*/
.banner h1 {
    font-size:29px;
    line-height: 1.6em;
}
.banner-btn
{
 display: flex;
 flex-direction: column;
}
.subscribe-btn
{
    margin: 10px 0px;
}
/*=========End of Banner Section============*/

/*=========start of testimonial Section============*/
   .testi-pic {
       position: absolute;
       left: 51%;
       right: 0px;
       top: 7%;
   }
   /*=========End of testimonial Section============*/
   }
   

/* Extra Small devices (less than  380px) */
@media (max-width: 379.98px) {

/*=========start of header Section============*/
.lets-talk-btn {
    padding: 10px;
}
/*=========End of header Section============*/    

/*=========start of Banner Section============*/
.banner h1 {
    font-size:29px;
    line-height: 1.6em;
}
.banner-btn
{
 display: flex;
 flex-direction: column;
}
.subscribe-btn
{
    margin: 10px 0px;
}
/*=========End of Banner Section============*/

/*=========start of testimonial Section============*/
.testi-itemcontent
{
    padding: 20px 30px;
}
.testi-pic {
    position: absolute;
    left: 64%;
    right: 0px;
    top: 1%;
}
.testimonial .testi-itemcontent .stars {
    padding-top: 5px;
}
/*=========End of testimonial Section============*/

/*=========start of our services Section============*/
.pro-ourservices .icon-box
{
    margin: 10px;
}
/*=========End of our services Section============*/
.our-blog .post-listbox h4 a
{
    font-size: 18px;
}
}