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

    section{
        width: 99%;
    }
   
    .box {
        width: 50%;
    }

}
@media only screen and (max-width:1150px){
    .contractor{
        width: 100%;
    }
    .about_titile {
        width: 100%;   
    }
    .button.about_button {
        padding: 10px 15px;
    }
    .who_we_are {
        margin-top: 25px;
    }
    .bg_middle {
        width: 100%;
        margin-top: 50px;
    }
    .contact_area {
        margin-top: 25px;
    }
    .top_menu {
        width: 50%;
    }
    .top_menu h1{
        font-size: 18px;
    }
    .contact_button {
        /* width: 100%; */
        float: left;
    }
    .why_choose_titile {
        width: 100%;
    }
    .subscribe_content h2 {
        font-size: 20px;
    }
    .subscribe_content h1 {
        font-size: 20px;
    }
   .fa_fa i {
    font-size: 20px;    
   }
   textarea.text_area {
    width: 90%;
    }
    .top_button {
        float:left;
    }
    .peak_shaving {
        width: 100%;
       
    }

}

@media only screen and(min-width:767px){
    section{
        width: 99%;
    }
    .box {
         width: 50%; 
        color: green;
    }
    .who_we_are {
        margin-top: 25px;
    }
    .contact_area {
        margin-top: 25px;
    }
   
    /* button.infra_button.mt-100 {
         color: #fff; 
        background: transparent;
        border: 2px solid green;
        padding: 5px 20px; 
        
    } */
}