@media (max-width: 575.98px){

/* Hero Scetion CSS Start */
.hero-content h1 { font-size: 35px;}

.hero-content p { display: none;}

.hero-section {
  padding-top: 137px;
  padding-bottom: 65px;
}  
/* Hero Scetion CSS End */

/* Hero bottom Section CSS Start */
.hero-bottom-sec .inn-content h4 { 
    font-size: 22px;
    padding: 16px 0px;
}

.hero-bottom-sec .inn-content .home-vector {width: 250px}
/* Hero bottom Section CSS End */

/* Pourquoi Choisir TectoSolar Section CSS Start */
.solar-content{ margin-bottom: 20px;}

.solar-content h1{font-size: 28px;}

.title-text {
  font-size: 32px;}
/* Pourquoi Choisir TectoSolar Section CSS End */

/* Voter Project Section CSS Strat */
.voter-project-sec.padding-section{ padding-bottom: 108px;}

.project-box img {width: 164px;}
/* Voter Project Section CSS End */


/* Panneaux Solaires Section CSS Start  */
.punneaux-outer-box{
    padding: 25px 15px;
    border: 6px solid #fff;
    border-radius: 30px;
  }

.punneaux-outer-box h1{ font-size: 38px;}

.solar-background{ width: 415px;}

.panneaux-sec { top: -55px;}
/* Panneaux Solaires Section CSS Start  */

/* Paragraph Section CSS Start */
.btn-secondary img{  width: 22px;}

.btn-secondary{ font-size: 24px;}

.solar-vector-sky{display: none;}
/* Paragraph Section CSS End */

/*   TectoSolar: Votre Partenaire de Confiance Section CSS Start   */
.solar-image-content img{ height: auto;}

/*   TectoSolar: Votre Partenaire de Confiance Section CSS End   */

/* Form Scetion CSS Start */
.form-detail { padding: 25px 15px;}
/* Form Scetion CSS End */

/* Footer Scetion CSS Start */
.solar-vector { width: 580px;}

.news-content-box .form-control{
  margin-bottom: 20px;
}

.news-letter-content .form-content-box {margin-bottom: 0;}

.news-title h6 {  margin-bottom: 20px;}

.about-detail{ margin-bottom: 30px;}

.about-solar-note p {
  padding-bottom: 25px;
  border-bottom: none;
  margin-top: 25px;
}

.get-links{margin-bottom: 30px;}

 .solar-vector {display: none;}
/* Footer Scetion CSS End */

.hero-bottom-sec{margin-bottom: 25px;}

.padding-section{padding: 25px 0;}

/* Rentabilite Page CSS STart */
.navbar-toggler-icon {
  width: 22px;
  height: 22px;
}

.navbar-toggler {padding: 6px 8px;}

.bottom-content h3, .result-content h3  { font-size: 28px;}

.result-content p, .valoris-box p { font-size: 18px;}

.result-content {padding: 20px;}

.rentabilite-section .text-content {padding-bottom: 20px;}

.rdetail-content .detail-content h6 { font-size: 22px;}

.valoris-box h4 { font-size: 28px;}

.valoris-box { padding: 20px; padding-bottom: 20px;}

.comparatif-content {
  padding: 25px 15px;
  top: -50px;
  position: relative;
  border: 6px solid #fff;
}

.demarch-content { padding: 20px; gap: 110px;}

.aarow-vector {display: none;}

.aides-content{margin-bottom: 25px;}

.marrgin{margin-bottom: 20px;}

.demarch-content { padding: 20px; gap: 110px;}

.aides-content{margin-bottom: 25px;}

.aarow-vector {display: none;}

.envestment-sec .heading-content { margin-top: 0px; margin-bottom: 235px;}

.envestment-sec {
  background-size: contain;
  background-position: bottom;}

/* .comparatif-content {padding: 25px 15px;} */

.comparatif-content .heading-content {  margin-bottom: 15px;}

.comparatif-table-detail table > thead > tr > th {font-size: 28px;}

.inn-page-hero-content {padding-bottom: 55px;}

.padding-section{padding: 30px 0px;}

 .comparatif-table-detail div.dt-container .row { --bs-gutter-y: 0rem; }

 .footer-detail {padding-bottom: 0;}

 .valoris-outer-box{margin-bottom: 20px;}

  
  
/* Rentabilite Page CSS End */

/* Nos Equipement Page CSS STrat */
.esolar-sec {padding: 35px 0px; border-radius: 0 0 35px 35px;}

.esolar-sec .esolar-vector img {display: none;}

.solar-img-content{margin-bottom: 20px;}

.solar-detail-content ul li { font-size: 18px;}

.solar-detail-content { margin-top: 10px;}

.onduleurs-section {padding: 50px 0px;}

.sub-heading h2 { font-size: 28px; margin-bottom: 15px;}

.sub-heading p { font-size: 20px;}

.pourquo-content .icon-box img {
  height: 45px;
  width: 45px;
}

.pourquo-content .icon-box {
  height: 75px;
  width: 75px;
}

.pourquo-content .card {gap: 12px;}

.pourquo-content .text p {font-size: 16px;}

/* Nos Equipement Page CSS End */

}

@media screen and (min-width:576px) and (max-width:767.98px) { 

/* Hero Scetion CSS Start */
.hero-content h1 {
  font-size: 35px;
}

.hero-content p {
  display: none;}

.hero-section {
  padding-top: 137px;
  padding-bottom: 65px;
}  
/* Hero Scetion CSS End */

/* Hero bottom Section CSS Start */
.hero-bottom-sec .inn-content h4 { 
    font-size: 22px;
    padding: 16px 0px;
}

.hero-bottom-sec .inn-content .home-vector {width: 250px};
/* Hero bottom Section CSS End */

/* Pourquoi Choisir TectoSolar Section CSS Start */
.solar-content{ margin-bottom: 20px;}

.solar-content h1{font-size: 28px;}

.title-text { font-size: 32px;}
/* Pourquoi Choisir TectoSolar Section CSS End */  
  
/* Voter Project Section CSS Strat */
.voter-project-sec.padding-section { padding-bottom: 108px;}

.project-box img {width: 164px;}
/* Voter Project Section CSS End */


/* Panneaux Solaires Section CSS Start  */
.punneaux-outer-box{
    padding: 25px 15px;
    border: 6px solid #fff;
    border-radius: 30px;}

.punneaux-outer-box h1{  font-size: 38px;}

.solar-background{ width: 415px;}

.panneaux-sec { top: -55px;  }
/* Panneaux Solaires Section CSS Start  */


/* Paragraph Section CSS Start */
.btn-secondary img{ width: 22px;}

.btn-secondary{ font-size: 24px;}

.solar-vector-sky{display: none;}
/* Paragraph Section CSS End */

/*   TectoSolar: Votre Partenaire de Confiance Section CSS Start   */
.solar-image-content img{ height: auto;}

/*   TectoSolar: Votre Partenaire de Confiance Section CSS End   */

/* Form Scetion CSS Start */
.form-detail { padding: 25px 15px;}
/* Form Scetion CSS End */

/* Footer Scetion CSS Start */
.solar-vector { width: 580px;}

.news-content-box .form-control{
  margin-bottom: 20px;
}

.news-letter-content .form-content-box {margin-bottom: 0;}

.news-title h6 {  margin-bottom: 20px;}

.about-detail{ margin-bottom: 30px;}

.about-solar-note p {
  padding-bottom: 25px;
  border-bottom: none;
  margin-top: 25px;
}

.get-links{margin-bottom: 30px;}

 .solar-vector {display: none;}
/* Footer Scetion CSS End */

/* Rentabilite Page CSS STart */
.navbar-toggler-icon {
  width: 22px;
  height: 22px;
}

.navbar-toggler {padding: 6px 8px;}

.bottom-content h3, .result-content h3  { font-size: 28px;}

.result-content p, .valoris-box p { font-size: 18px;}

.result-content {padding: 20px;}

.rentabilite-section .text-content {padding-bottom: 20px;}

.rdetail-content .detail-content h6 { font-size: 22px;}

.valoris-box h4 { font-size: 28px;}

.valoris-box { padding: 20px; padding-bottom: 20px;}

.comparatif-content {
  padding: 30px 15px;
  top: -50px;
  position: relative;
}

.demarch-content { padding: 20px; gap: 110px;}

.marrgin{margin-bottom: 20px;}

.aides-content{margin-bottom: 25px;}
.aarow-vector {display: none;}

.aides-content{margin-bottom: 25px;}

.envestment-sec .heading-content { margin-top: 0px; margin-bottom: 235px;}

.envestment-sec {
  background-size: contain;
  background-position: bottom;}

/* .comparatif-content {padding: 25px 15px;} */

.comparatif-content .heading-content {  margin-bottom: 15px;}

.comparatif-table-detail table > thead > tr > th {font-size: 28px;}

.inn-page-hero-content {padding-bottom: 55px;}

.padding-section{padding: 30px 0px;}

 .comparatif-table-detail div.dt-container .row { --bs-gutter-y: 0rem; }

 .footer-detail {padding-bottom: 0;}

 .valoris-outer-box{margin-bottom: 20px;}
/* Rentabilite Page CSS End */

/* Nos Equipement Page CSS STrat */
.esolar-sec {padding: 35px 0px; border-radius: 0 0 35px 35px;}

.esolar-sec .esolar-vector img {display: none;}

.solar-img-content{margin-bottom: 20px;}

.solar-detail-content ul li { font-size: 18px;}

.valoris-outer-box{margin-bottom: 20px;}

.solar-detail-content { margin-top: 10px;}

.onduleurs-section {padding: 50px 0px;}

.sub-heading h2 { font-size: 28px; margin-bottom: 15px;}

.sub-heading p { font-size: 20px;}
/* Nos Equipement Page CSS End */


}



@media screen and (min-width:768px) and (max-width:991.98px) { 

/* Hero Scetion CSS Start */
.hero-section { padding-bottom: 130px;}
/* Hero Scetion CSS End */

/* Pourquoi Choisir TectoSolar Section CSS Start */
.solar-content{ margin-bottom: 20px;}

.solar-content h1{font-size: 32px;}
/* Pourquoi Choisir TectoSolar Section CSS End */

/* Voter Project Section Start   */
.project-box img {width: 205px;}

.voter-project-sec.padding-section {padding-bottom: 120px;}
/* Voter Project Section END  */

/* Panneaux Solaires Section CSS Start  */
.punneaux-outer-box{  padding: 40px 30px 40px 30px;}

.punneaux-outer-box h1{  font-size: 38px;}

.solar-background{ width: 495px;}

.panneaux-sec { top: -75px;}
/* Panneaux Solaires Section CSS Start  */

/* Footer Scetion CSS Start */
.solar-vector { width: 580px;}

.news-title h6 {  margin-bottom: 20px;}

.about-detail{ margin-bottom: 30px;}

.about-solar-note p {
  padding-bottom: 25px;
  border-bottom: none;
}
/* Footer Scetion CSS End */

/* Rentabilite Page CSS STart */

.hero-bottom-sec {margin-bottom: 25px;}

.rentabilite-section .text-content {padding-bottom: 20px;}
.valoris-box { padding: 20px; padding-bottom: 20px;}

.aides-content{margin-bottom: 35px;}

.demarch-content { padding: 20px; gap: 110px;}

.marrgin{margin-bottom: 20px;}

.envestment-sec .heading-content { margin-top: 0px; margin-bottom: 453px;}

.aarow-vector {display: none;}

.comparatif-content {padding: 25px 15px;}

.comparatif-content .heading-content {  margin-bottom: 26px;}

.inn-page-hero-content {padding-bottom: 55px;}

.padding-section{padding: 30px 0px;}

.envestment-sec {
  background-size: contain;
  background-position: bottom;}

.valoris-outer-box{margin-bottom: 20px;}
/* Rentabilite Page CSS End */


/* Nos Equipement Page CSS STrat */
.esolar-sec {padding: 40px 0px;}

.esolar-sec .esolar-vector img {display: none;}

.solar-img-content{margin-bottom: 20px;}

.solar-detail-content { margin-top: 10px;}

.onduleurs-section {padding: 60px 0px;}
/* Nos Equipement Page CSS End */

}

@media screen and (min-width:992px) and (max-width:1199.98px) { 
    
/* Pourquoi Choisir TectoSolar Section CSS Start */
.solar-content{ margin-bottom: 20px;}
/* Pourquoi Choisir TectoSolar Section CSS End */  

/* Voter Project Section Start   */
.project-box img {width: 209px;}
/* Voter Project Section END  */

/* Panneaux Solaires Section CSS Start  */
.punneaux-outer-box{  padding: 60px 50px 60px 50px;}
/* Panneaux Solaires Section CSS Start  */

/* Footer Scetion CSS Start */
.solar-vector { width: 520px;}
/* Footer Scetion CSS End */

/* Rentabilite Page CSS STart */
.aides-content{margin-bottom: 25px;}


.envestment-sec .heading-content {
  margin-top: 0px;
  margin-bottom: 453px;
}

 .envestment-sec {
  background-size: contain;
  background-position: bottom;}

  .marrgin {
    margin-bottom: 20px;
  }

/* Rentabilite Page CSS End */

}

@media screen and (min-width:1200px) and (max-width:1399.98px) {

 .envestment-sec {
  background-size: cover;
  background-position: right;}

  .envestment-sec .heading-content {
  margin-top: 85px;
  margin-bottom: 483px;
}


}