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

 @media only screen and (max-width: 991px) { 
    .wgl-infobox_content {
        display: flex;
        justify-content: start;
        position: absolute;
        top: 145px;
        bottom: 0;
        left: 50px;
        right: 0;
    }
    .wgl-infobox_content h1 {
        color: #fff;
        font-size: 33px;
        font-weight: 600;
    }
    .wgl-infobox_content h1 span {
        color: #fff;
        font-size: 33px;
        font-weight: 300;
    }
    .wgl-infobox_content button {
        background-color: #ffffff;
        border: none;
        width: 114px;
        height: auto;
        font-size: 18px;
        border-radius: 13px;
        padding: 7px 0;
        position: relative;
        top: 7rem;
        left: -129px;
        bottom: 0;
    }
    .navbar-toggler {
        padding: 0.25rem 0.75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: none;
        border-radius: 0.25rem;
    }
 }

 @media only screen and (max-width: 767px) {
    .battery-img {
        position: relative;
        top: 0; 
        margin-bottom: 0;
    }
    .pro-img1 {
        position: relative;
        left: 0;
       margin-top: 23px;

    }
    .wgl-infobox_content button {
        background-color: #ffffff;
        border: none;
        width: 114px;
        height: auto;
        font-size: 16px;
        border-radius: 13px;
        padding: 5px 0;
        position: relative;
        top: -42px;
        left: 37px;
    }
    .pro-img2 {
        position: relative;
        left: 0;
        top: 4px;
    }
    .wgl-infobox_content3 button {
        background-color: #ffffff;
        border: none;
        width: 98px;
        height: auto;
        font-size: 13px;
        border-radius: 13px;
        padding: 5px 0;
        position: relative;
        top: -3rem;
        left: 19px;
    }
    .wgl-infobox_content2 button {
            background-color: #ffffff;
            border: none;
            width: 98px;
            height: auto;
            font-size: 13px;
            border-radius: 13px;
            padding: 5px 0;
            position: relative;
            top: -3rem;
            left: -13px;
    }
    .wgl-infobox_content button {
        background-color: #ffffff;
        border: none;
        width: 98px;
        height: auto;
        font-size: 13px;
        border-radius: 13px;
        padding: 5px 0;
        position: relative;
        top: 92px;
        left: -127px;
    }
    .page-banner-wrap-pro {
    background-image: url(../img/banner-pro.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 3rem;
}
.page-banner-wrap-pro h1 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 34px;
}
.contact-box {
        margin-top: 3rem;

}
.btn-form-content {
   margin-bottom: 1rem;
}
.info-box {
    margin-bottom: 2rem;
}
.footer-address {
    margin-top: 62px;
     margin-left: 0; 
}
.card-mrg-tp {
    margin-top: 2rem;
}
.content-wrap-ab {
     margin-top: 0; 
}
.img-ab-mrg {
        margin-top: 30px;
}
.g-power {
    background: #f0f0f0;
    margin-top: 3.2rem;
}
.footer-logo-wrap {
    text-align: center;
    margin-top: 34px;
}
.pro-img1 {
    margin-top: 20px;

}   
.wgl-infobox_content {
    display: flex;
    justify-content: start;
    position: absolute;
    top: 25px;
    bottom: 0;
    left: 50px;
    right: 0;
}
.wgl-infobox_content h1 {
    color: #fff;
    font-size: 33px;
    font-weight: 600;
}
.wgl-infobox_content h1 span {
    color: #fff;
    font-size: 33px;
    font-weight: 300;
}

  }

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

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