@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-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 */

}

@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-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 */

}



@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 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 */

}

@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 */

}

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

 
}