li.s_brand_li.title_4377,.our_product_dsolar_site_istore .ds_grediant_title {
    text-transform: inherit;
}
.page-id-95 .system_title {
    padding-top: 0 !important;
}
div#main-content {
    margin-top: 110px;
}
.row_tb_padding{
    padding: 100px 200px !important;
}
.top_bottom_padding{
    padding: 100px 0 !important;
}
.ds_seo_content_box {
    padding: 35px 0 10px;
}
.ds_seo_content.site_content strong {
    padding: 10px 0;
}
/*-----------banner section--------------*/
.banner_section {
    height: 300px;
    background-size: cover !important;
    display: flex;
    background-position: right center !important; 
}
.banner_text.site_content {
    color: #fff;
}
/*-----------end banner section--------------*/
/*--------------contact page-----------------*/
.contact_inner_title {
    font-family: 'Josefin Sans', sans-serif;
    color: #000;
    font-size: 23px;
    text-transform: capitalize;
    font-weight: 800;
    padding-bottom: 20px;
}
.ds_grediant_title.contact_tit {
    font-size: 100px;
}
.contact_icon svg {  
    width: 30px;
    height: 30px;
    transition: 0.6s;
}
.contact_box {
    display: flex;
    align-items: center;
    color: #000;
    cursor: pointer;
    padding-bottom: 15px;
    font-size: 20px;
    text-transform: capitalize;
    transition: 0.6s;
    width: fit-content;
}
.contact_text {
    display: grid;
    padding-left: 12px;
    width: auto;
}
.contact_social.contact_col_box{
    padding-top: 30px;
}
.contact_left_col_box {
    width: 75%;
}
.contact_loc svg {
    width: 30px;
    height: 35px;
}
.contact_box:hover {
    color: #22af4a;
}
.contact_box:hover .contact_icon svg {
    fill: #22af4a;
}
.fp-scroller {
    display: contents;
}
/*--------------end contact page-----------------*/
/*----------------about page-----------------------*/
.about_row {
    display: flex;
    align-items: center;
}
.about_row_col_two {padding-left: 30px;}
.about_row_col_one {padding-right: 20px;}
.about_image_col img {
    width: 100%;
    height: 630px;
    object-fit: cover;
}
.about_image_col .et_pb_image_wrap {
    width: 100%;
    line-height: 0;
    border: 5px solid #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.about_image_col:before {
    content: "";
    background: #add42c38;
    box-shadow: 0 0 50px rgb(255 255 255 / 50%) inset;
    border-radius: 0 20px;
    opacity: 0;
    transform: perspective(1000px) rotateX(90deg);
    position: absolute;
    top: 0;
    left: -20px;
    right: 0;
    bottom: 0;
    transition: all 0.5s ease-in;
    z-index:1;
    width: 92%;
    height: 92%;
    margin: auto;
    display: flex;
    align-items: center;
}
.about_image_col:hover:before {
    opacity: 1;
    transform: perspective(1000px) rotateX(0);
}
.process_row.row_tb_padding {
    padding: 150px 0 !important;
}
.process_title {
    text-align: center;
    padding-bottom: 100px;
}
.process_title .ds_line {
    display: flex;
    justify-content: center;
}
.our_process {
    position: relative;
    margin: auto;
    width: 1330px;
}
.process_line_img {
    display: -webkit-box;
}
.process_line_img img {
    width: 100%;
    height: auto;
    object-fit: contain;
    margin: auto;
}
.process_detail {
    align-items: center;
    position: absolute;
    width: 30%;
    margin: auto;
    text-align: center;
    padding: 0 2px;
}
.process_img {
    position: relative;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.process_detail_box {
    height: 185px;
}
.process_img svg path {
    fill: #000;
    transition: 1s;
}
.process_detail:hover .process_img svg path {
    fill: #fff;
}
.process_num {
    position: absolute;
    top: 0;
    left: 0px;
    color: #000;
    background: #fff;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 1;
    border: double 3px transparent;
    background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right, #4cba41, #46b842);
    background-origin: border-box;
    background-clip: content-box, border-box;
    z-index:1;
}
.product_content {position: relative;}
.product_title {
    font-size: 20px;
    color: #000;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: capitalize;
    font-weight: 700;
    width: 37%;
    margin: auto;
    padding: 10px 0;
    display: flex;
    justify-content: center;
}
.product_content .site_content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.process_img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, rgba(24,172,76,1) 0%, rgba(173,212,44,1) 85%, rgba(173,212,44,1) 102%, rgba(24,172,76,1) 100%);
    border-radius: 100%;
    justify-content: center;
    margin: auto;
    animation: spin 5s infinite linear;
}
.process_img svg {
    position: relative;
    z-index: 1;
    width: 45px;
    height: 45px;
}   
.process_detail_three .product_title,.process_detail_six .product_title{
    width: 79%;
}
.process_detail_one {
    top: -50px;
    left: 90px;
}
.process_detail_two {
    top: -50px;
    left: 78px;
    right: 0;
}
.process_detail_three {
    top: -50px;
    right: 20px;
}
.process_detail_four {
    bottom: -33px;
    left: 0;
}
.process_detail_five {
    bottom: -33px;
    left: 0;
    right: 0px;
}
.process_detail_six {
    bottom: -33px;
    right: 0;
}
.page-id-83 .ds_recent_section::before{
    height: 100%;
}
/*----------------end about page-----------------------*/
/*--------------offer page----------------*/
.offer_price {
    font-size: 40px;
}
.offer_box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 40px;    
    padding-bottom: 100px;
}
/*.offer_left {
    width: 50%;
}
.offer_right {
    width: 50%;
}*/
.offer_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: auto;
}
.offer_image {
    background: linear-gradient(90deg, rgba(24,172,76,1) 0%, rgba(173,212,44,1) 30%, rgba(173,212,44,1) 58%, rgba(24,172,76,1) 100%);
    background-size: 290% auto;
    animation: btnhover 10s linear infinite;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    position: relative;
    left: 0;
    right: 0;
/*     padding: 0 20px; */
}
.offer_inner_title {
    font-size: 23px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0 0 6px;
}
.offer_inner_content {
    display: grid;
    white-space: break-spaces;
    font-size: 16px;
}
.offer_inner_content .site_content {display: inline-block;}
.offer_inner_content .site_content strong {
    font-weight: 600 !important;
}
.offer_inner_detail {padding: 5px 0;}
.offer_detail_box.offer_detail_box_price {display: flex;}
.add_even_class .offer_left {order: 2;}
.add_even_class{padding-bottom: 0px;}
/*--------------end offer page----------------*/
/*--------------------blog page----------------------------*/
.blog_box {
    display: flex;
    /*gap: 30px;*/
    padding: 20px 0;
    justify-content: center;
    position: relative;
}
.blog_col_inner {
    position: relative;
    width: 100%;
    margin: 10px;
}
.blog_col_inner span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #000;
    transition: 0.8s;
}
.blog_col_inner a span:hover{
    color: #1dad4b;
}
.blog_image img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.blog_col_top .blog_col_inner {
    width: 50%;
}
.blog_col_inner a {
    line-height: 1;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 16px;
    transition: 0.8s;
}
.blog_title a {font-size: 24px;}
.blog_text {padding: 5px 0 10px;}
.blog_image {line-height: 0;position: relative;}
.blog_content {text-align: center; padding: 0 10px;}
.blog_title_col {
    width: 90%;
    height: 140px;
    margin: -70px auto 15px;    
    background: #fff;
    text-align: center;
    padding: 30px 5px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 5px solid #5bbe3e;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 55px 0px;
}
.blog_title {padding-bottom: 5px;}
.blog_col_inner:hover .blog_image:before {
    background-color: rgb(160 208 47 / 26%);
    left: 50%;
    right: 50%;
}
.blog_col_inner .blog_image:before,.blog_col_inner .blog_image:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.6s ease-out 0s;
}
.blog_col_inner:hover .blog_image:after {
    background-color: rgb(58 182 69 / 23%);
    bottom: 50%;
    top: 50%;
}
/*--------------------end blog page----------------------------*/
/*--------------blog detail page---------------------*/
.blog_innerp_right_col {
    width: 20%;
    border: 1px solid #a4d22e;
    padding: 0 10px;
    height: fit-content;
}
.blog_detail_col_box {
    display: flex;
}
.blog_innerp_left_col {
    width: 80%;
    padding-right: 60px;
}
.recent_blog_image img {
    width: 200px;
    height: 100px;
    object-fit: cover;
    margin: auto;
    display: flex
}
.recent_blog_title {
    font-size: 16px;
    line-height: 1.2;
    color: #000;
    font-weight: 500;
    text-align: center;
    padding: 5px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.recent_detail ul {
    display: flex;
    padding: 0 !important;
    list-style: none !important;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    justify-content: center
}
.recent_detail ul li {
    padding: 0 5px
}
.recent_blog_box {
    margin-bottom: 20px;
    border-bottom: 1px solid #a4d22e;
    padding-bottom: 10px
}
.recent_blog_box:last-child {
    border-bottom: none !important
}
.recent_title {
    font-size: 25px;
    color: #42b743;
    text-transform: capitalize;
    font-weight: 600;
    text-align: center;
    padding: 15px 0 10px;
    border-bottom: 1px solid #a4d22e;
    margin: 15px 0
}
.blog_share_icon .icon_block i {
    color: #000;
    font-size: 20px;
    transition: 1s
}
.icon_block {
    line-height: 0
}
.blog_share_icon .social_inner_block {
    border: 1px solid #a4d22e;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    margin: 0 5px;
    transition: 1s
}
.social_inner_block a {
    margin: auto
}
.blog_share_icon .social_outter_block {
    display: flex;
    width: 100%;
    justify-content: center
}
.social_inner_block {
    cursor: pointer
}
.social_inner_block:hover .icon_block i {
    color: #fff
}
.social_inner_block:hover {
    background: #a4d22e
}
.blog_detail_col_box .blog_content span {
    display: block;
    text-align: left;
    white-space: pre-line;
}
/*--------------end blog detail page---------------------*/
/*--------------testimonial page------------------------*/
.testimonial_slider_block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px 30px;
}
.testimonial_slider_block .ds_people_box {
    margin: 0;
    padding: 0px 0px 0px !important;
    box-shadow: rgb(0 0 0 / 13%) 0px 5px 15px;
}
.testimonial_slider_block .ds_people_content span{
    -webkit-line-clamp: initial;
}
.testimonial_slider_block .ds_people_bottom {
    display: flex;
    align-items: center;
}
/*--------------end testimonial page------------------------*/
/*--------------privacy policy page--------------------*/
.policy_col .et_pb_accordion_item {
    border: 1px solid #2fb247;
    background: 0 0;
    padding: 15px  !important;
    margin: 15px 0 !important;
}
.policy_col h5.et_pb_toggle_title {
    border-bottom: none;
    padding-bottom: 0px !important;
    font-size: 18px !important;
    color: #2fb247 !important
}
.et_pb_toggle_content {
    font-size: 16px !important;
    color: #000
}
.policy_col .et_pb_toggle_title:before {
    content: "\4c" !important;
    color: #2fb247;
    font-size: 30px;
    right: 15px !important
}
.policy_col .et_pb_toggle_open .et_pb_toggle_title:before,.et_pb_toggle_open .et_pb_toggle_title{
    color: #a4d22e !important;
}
.policy_col .et_pb_toggle_open.et_pb_accordion_item{
    border: 1px solid #a4d22e;
}
.policy_col .et_pb_toggle_open .et_pb_toggle_title:after {
    content: "\4b" !important;
    position: absolute;
    font-size: 30px !important;
    right: 15px !important;
    font-family: ETmodules !important
}
/*--------------end privacy policy page--------------------*/
/*------------calculate your saving-------------------*/
.calc_row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.calc_row_col_one,.calc_row_col_two {
    width: 100% !important;
}
.calc_left_col_box {
    background: #fdffef;
    border: 1px solid #ebebeb;
    padding: 40px 40px 0;
    /* overflow: hidden; */
    /* position: relative; */
}
.calc_faq_title i {
    margin: auto;
    margin-right: 0;
    float: right;
}
.calc_faq_box {
    padding-bottom: 20px;
}
.calc_faq_content {display: none;}
.calc_faq_title {
    font-size: 18px;
    color: #000;
    text-transform: capitalize;
    font-weight: 600;
    padding-bottom: 5px;
    cursor: pointer;
    display: flex;
}
.calc_image {
    position: relative;
    top: 0px;
    display: flex;
}
.calc_right_col_box {
    background: linear-gradient(90deg, rgba(24,172,76,1) 0%, rgba(173,212,44,1) 30%, rgba(173,212,44,1) 58%, rgba(24,172,76,1) 100%);
    background-size: 290% auto;
    animation: btnhover 10s linear infinite;
    transition: 2s;
    padding: 40px;
}
.calc_right_title {
    font-size: 45px;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    padding-bottom: 25px;
    line-height: 1;
}
div#back {
    display: grid;
    gap: 15px;
}
div#back input,div#back select {
    width: 100%;
    height: 60px;
    padding: 10px 15px;
    font-size: 16px;
    color: #000;
}
div#back input::placeholder, div#back select::placeholder {
    color: #686868;
}
.btn-cont {
    display: flex;
    margin: auto;
    justify-content: center;
}
.calc_img_1 img {
    width: 245px;
    height: 245px;
    object-fit: contain;
}
.calc_img_2 img {
    width: 300px;
    height: 265px;
    object-fit: contain;
    opacity: 0.2;
    position: relative;
    right: 0px;
    z-index: 1;
    top: 108px;
}
.calc_img_1,.calc_img_2 {
    line-height: 0;
}
.calc_img_1 {
    position: relative;
    top: 30px;
    margin: auto;
    margin-left: 0;
    animation: 20s shakeY infinite;
}
.calc_img_2 {
    position: relative;
    overflow: hidden;
    margin: auto;
    margin-right: -30px;
}
p.offer_dis_heading.ds_grediant_title {
    font-size: 25px;
    padding: 0;
}
.offer_dis.calc_popup {
    border: 2px solid #28B04A;
    width: 430px;
    padding: 40px 95px;
    position: absolute;
    top: 0;
    left: 0%;
    background: #fff;
    z-index: -1;
    height: -webkit-fill-available;
    align-items: center;
    display: flex;
    transition: 1s;
}
.calc_popup_open{
    left:-62% !important;
}
.result_formate {
    padding-bottom: 35px;
}
.cal_num {
    font-size: 36px;
    color: #000;
    padding: 10px 0;
    line-height: 1;
}
.calc_popup:after, .calc_popup:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    transform: rotate(360deg);
    right: -40px;
    margin: auto;
    bottom: -85%;
}
.calc_popup:after {
    top: -22px;
    border-color: transparent transparent transparent #ffffff;
    border-width: 23px;
}
.calc_popup:before {
    top: -22px;
    border-color: #ffffff00 transparent transparent #1fae4a;
    border-width: 20px;
}
.cla_warning {
    display: none;
    color: red;
    font-size: 16px;
    padding-bottom: 15px!important;
}
.offer_dis_inner::after {
    content: "\f00d";
    position: absolute;
    font-family: "FontAwesome";
    color: #000;
    font-size: 20px;
    top: 18px;
    left: 25px;
    cursor: pointer;
}
.minimal {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    -moz-appearance: none;
    background: #fff url(../../../../../wp-content/uploads/2022/08/down-arrow.png) no-repeat;
    background-position: 97% center;
}
/*------------end calculate your saving-------------------*/
/*---------------------residential page-------------------*/
.ds_reci_shop_section .ds_shop_pro_img {
    position: relative;
}
.reci_row.row_tb_padding{
    align-items: center;
    display: flex;
    padding-top: 180px !important;
}
.reci_image_col {
    position: relative;
}
.reci_image_col img {
    width: 460px;
    height: 460px;
    object-fit: cover;
/*     border-radius: 50%; */
    box-shadow: rgb(0 0 0 / 29%) 0px 10px 36px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
}
.reci_image_col .et_pb_image_wrap::before{
    content: "";
    position: absolute;
    background: url(../../../../../wp-content/uploads/2022/08/reci-shape-2.png) no-repeat;
    width: 160px;
    height: 160px;
    left: 25px;
    bottom: -30px;
    z-index: 1;
    background-size: contain;
    display:none;
}
.reci_image_col .et_pb_image_wrap::after {
    content: "";
    position: absolute;
    background: url(../../../../../wp-content/uploads/2022/08/reci-shap-1.png) no-repeat;
    width: 400px;
    height: 390px;
    right: 0;
    top: -74px;
    left: 128px;
    margin: auto;
    background-size: contain;
    display:none;
}
.system_title {
    text-align: center;
    width: 100% !important;
    margin: auto;
    padding-bottom: 150px;
    padding-top: 100px;
}
.page-id-95 .ds_shop_col .ds_shop_col_box .system_title{
    padding-bottom: 15px !important;
    padding-top: 0 !important;
}
.system_title .ds_line {
    display: flex;
    justify-content: center;
}
.system_inner_block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
}
.system_box {
    width: 100%;
    border: 1px solid #ebebeb;
    /* padding: 40px 40px; */
    transition: 1s;
    position: relative;
}
.system_box:hover {
    border: 1px solid #2eb247;
}
.system_image img {
    width: 100%;
    height: 270px;
    object-fit: cover;
}
.system_image {
    position: relative;
    margin-top: -170px;
}
.system_inner_title {
    padding-top: 15px;
}
.system_inner_title .ds_grediant_title {
    font-size: 30px;
}
.system_detail {text-align: center;}
.system_btn {
    display: flex;
    justify-content: center;
}
.system_content {padding: 12px 0 15px;}
.upfront_image_col img {
    width: 540px;
    height: 580px;
    object-fit: cover;
}
.upfront_row_col_one::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    left: 0;
    top: 0;
    opacity: 0.9;
}
.upfront_content .site_content {
    color: #fff;
    padding: 10px 0 15px;
}
.upfront_row {
    align-items: center;
    display: flex;
}
.upfront_row_col_two {
    margin-left: -265px;
}
.upfront_col_box {
    padding-right: 150px;
}
.upfront_image_col .et_pb_image_wrap::before {
    content: "";
    position: absolute;
    width: 200px;
    height: 160px;
    background: linear-gradient(90deg, rgba(24,172,76,1) 0%, rgba(173,212,44,1) 30%, rgba(173,212,44,1) 58%, rgba(24,172,76,1) 100%);
    background-size: 290% auto;
    animation: btnhover 5s linear infinite;
    right: -25px;
    top: -25px;
}
.page-id-95 .ds_people_section::before{display: none;}
.page-id-95 .ds_people_inner_box {
    border: 1px solid #f2f2f2;
}
.page-id-95 .ds_diffe_section {
    padding-bottom: 50px !important;
}
.ds_people_title_95 .ds_line {
    display: flex;
    justify-content: center;
}
.ds_people_title_95 {text-align: center;}
.page-id-95 .ds_people_slider_btn{padding-bottom: 0 !important;}
.type_sys_title {text-align: center;}
.type_sys_title .ds_line {display: flex;justify-content: center;}
.type_sys_tab_box {
    display: flex;
    padding: 15px;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    width: fit-content;
    margin: 15px auto 50px;
    gap: 10px;
    position: relative;
}
.type_sys_tab {
    text-align: center;
    font-size: 20px;
    text-transform: capitalize;
    width: 220px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    cursor: pointer;
}
.type_sys_tab.active, .type_sys_tab:hover{
    background: linear-gradient(90deg, rgba(24,172,76,1) 0%, rgba(173,212,44,1) 30%, rgba(173,212,44,1) 58%, rgba(24,172,76,1) 100%);
    background-size: 290% auto;
    animation: btnhover 10s linear infinite;
    position: relative;
}
.type_sys_tab_content .tabcontent{
    display: none;
}
.upfront_col{
    background-attachment: fixed;
}
.system_box {
    position: relative;
    background: #fff;
    z-index: 11;
}
.system_detail {
    position: relative;
    z-index: 1;
}
.system_image {
    position: relative;
    z-index: 1;
    line-height: 0;
}
.type_sys_image {
    display: flex;
    margin: auto;
}
.type_sys_image img {
    height: 450px;
    width: 100%;
    object-fit: contain;
}
.type_sys_tab_content {
    margin: auto;
    border:1px solid #ebebeb;
    padding: 20px;
    width: 100%;
}
.type_sys_tab.tablinks.active:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -66px;
    background: url(../../../../../wp-content/uploads/2022/08/shape1.png);
    width: 70px;
    height: 40px;
    margin: auto;
    transition: 1s !important;
    background-size: 100% 100%;
}       
.system_inner_box {
    padding: 40px 40px;
}
.system_image_hover {
    position: absolute;
    transition: 1.5s;
    line-height: 0;
    overflow: hidden;
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: left bottom;
}
.system_image_hover img {
    width: 100vh;
    height: 100vh;
    object-fit: cover;
    opacity: 0.2;
}
.system_box:hover .system_image_hover {
    transform: scale(1);
}
.system_col_box {
    overflow: hidden;
}
.ds_people_bttn .site_button:hover::after,.ds_people_bttn .site_button::after {
    background: linear-gradient(90deg, rgba(24,172,76,1) 0%, rgba(173,212,44,1) 30%, rgba(173,212,44,1) 58%, rgba(24,172,76,1) 100%);
    background-size: 290% auto;
}
.reci_bottom_title {
    text-align: center;
    padding-top: 25px;
}
.reci_bottom_title .ds_grediant_title {
    font-size: 25px;
}
.type_sys_inner_tab {
    display: flex;
    align-items: center;
}
.type_sys_content {
    width: 60%;
    padding-left: 30px;
}
.type_sys_text .site_content {
    display: flow-root;
}
.ds_reci_col_box .ds_recent_title {
    padding-bottom: 20px;
}
/*---------------------end recidential page-------------------*/
/*-----------------inspection report------------------------*/
.thank_you_block {
    display: flex;
    width: 100%;
}
.thank_you_img{
    margin: auto !important;
}
.fieldset-cf7mls .button_box_site .btn_outter_box{
    float: right !important;
}
.site_contact_inner {
    display: flex;
}
.site_contact_outter.border_box {
    width: 49%;
    float: left;
    margin: 10px;
}
.Inspection_report_block .package_section_title {
    font-size: 25px;
}
.border_box {
    border: 2px solid #2eb24712;
    padding: 35px 35px;
    border-radius: 20px;
    background: #2eb24712;
}
.Inspection_report_block ::placeholder{
    text-align: left !important;
}
.site_contact_col_inner input,
.site_contact_col_inner textarea,
.site_contact_col_inner select{
    border: 1px solid #284b72 !important;
}
.site_contact_col_inner textarea{
    display: flex !important;
}
label.request_form_block_p.body_text {
    font-weight: 500;
}
.codedropz-upload-wrapper {
    width: 100%;
}
.Inspection_report_block .btn_outter_box{
    margin: auto !important;
}
.form_data{
    font-size: 20px !important;
}
.site_contact_col_inner input[type="text"],  .site_contact_col_inner input[type="email"], 
.site_contact_col_inner input[type="tel"],.site_contact_col_inner input[type="number"], .site_contact_col_inner textarea {
    width: 100%;
    height: 50px;
    font-size: 16px;
    padding: 10px;
    color: #000;
}
.site_contact_col_inner {
    padding: 7px 0;
    margin: 3px 5px;
}
.site_contact_row {
    display: flex;
    width: 100%;
}
.site_contact_col_12 {
    width: 100%;
}
.site_contact_col_inner textarea {
    height: 100px;
}
.site_contact_outter .ds_grediant_title {
    font-size: 30px;
    text-align: center;
}
.inspection_col_box .wpcf7 form.sent .wpcf7-response-output{
    color: #46b450 !important;
}
.cf7mls_next.action-button {
    background-color: #2eb247 !important;
}
.btn_outter_box {
    padding-top: 15px;
}
.btn_outter_box button {
    margin: 0 !important;
    margin-right: 0;
    float: right;
}
.site_contact_col_6 {
    width: 100%;
}
/*-----------------end inspection report------------------------*/
/*-------------commercial page-------------------*/
.business_row{
    display: flex;
    align-items: center;
}
.business_col_title {
    padding-bottom: 30px;
    width: 70%;
}
.business_col_box {
    padding: 0px 100px;
}
.business_col_block.ds_diffe_two_block {
    grid-template-columns: repeat(3,1fr);
}
.business_left_col img {
    width: 100%;
    height: 1000px;
    object-fit: cover;
    transform: translate(-10px, 0px);
    -webkit-transition: 1s ease-in;
    animation-duration: 1s;
    animation-delay: 1s;
}
.business_left_col img:hover {
    transform: translate(0px, 0px) scale(1.2);
}
.business_left_col .et_pb_image_wrap {
    width: 100%;
    line-height:0;
    overflow: hidden;
}
.ds_diffe_box_img svg {
    width: 80px;
    height: 80px;
    object-fit: contain;
}
.business_col_title {
    padding-bottom: 20px;
    width: 70%;
}
.energy_section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.9;
}
.energy_section {
    background-attachment: fixed;
    margin-bottom: 70px !important;
}
.energy_content .site_content {color: #fff;padding: 5px 0;}
.energy_row_col_one {padding-right: 100px;}
.energy_img_col img:hover {
    transform: scale(1.3);
}
.energy_img_col img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    transform: scale(1);
    -webkit-transition: 5s ease-in;
    animation-duration: 10s;
    animation-delay: 3s;
}
.energy_img_col .et_pb_image_wrap {
    position: absolute;
    overflow: hidden;
}
.business_box .ds_diffe_box_title{height: auto;}
.business_box .ds_diffe_two_box{height: 100%;}
/*-------------end commercial page-------------------*/
/*---------------repair and maintanane------------------*/
.repair_row {
    display: flex;
    align-items: center;
}
.repair_right_col_box {
    display: flex;
    align-items: center;
}
.repair_row_col_one {
    padding-right: 100px;
}
.repair_right_block {
    gap: 20px;
    display: grid;
    padding: 10px;
}
.repair_right_block .ds_diffe_box_title {
    height: auto !important;
    transition: 1s;
}
.repair_right_block .ds_diffe_two_box:hover {
    border: 1px solid #2eb247;
}
.repair_right_block:hover .ds_diffe_box_title {
    color: #2eb247;
}
.repair_left_btn {
    padding-top: 10px;
}
.industry_col_box {
    display: flex;
    gap: 300px;
}
.industry_left {
    width: 70%;
}
.industry_right {
    width: 30%;
    margin: auto;
}
.industry_img {
    border: 1px solid #dedede;
    height: 145px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    width: 100%;
}
.industry_img img {
    width: 100%;
    height: 85px;
    object-fit: contain;
    animation: mymove 3s linear infinite;
}
.efficiency_title {
    text-align: center;
    width: 60%;
    margin: auto;
    padding-bottom: 25px;
}
.efficiency_title .ds_line {
    display: flex;
    justify-content: center;
}
.efficiency_col .et_pb_toggle_title:before {
    content: "\33" !important;
    font-size: 45px;
    right: 0px !important;
    font-weight: 100;
    color: #000;    
}
.efficiency_col .et_pb_toggle_open .et_pb_toggle_title:after {
    content: "\32" !important;
    position: absolute;
    font-size: 45px !important;
    right: 0px !important;
    font-family: ETmodules !important;
    font-weight: 100;
}
.efficiency_row_col {
    padding: 0 15px;
}
.efficiency_col .et_pb_toggle_open.et_pb_accordion_item{
    background:#fff !important;
}
.efficiency_col .et_pb_accordion_item {
    border: 1px solid #e2e2e2;
    background: 0 0;
    padding: 20px 15px  !important;
    margin: 15px 0 !important;
    border-radius: 10px !important;
    background: #f6f6f6 !important;  
}
.efficiency_col h5.et_pb_toggle_title {
    border-bottom: none;
    padding-bottom: 0px !important;
    font-size: 18px !important;
    color: #000 !important;
    font-weight: 600;
}
.efficiency_col .et_pb_toggle_open .et_pb_toggle_title:before,.et_pb_toggle_open .et_pb_toggle_title{
    color: #a4d22e !important;
}
.repair_form_section::before {
    content: "";
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.91;
}
.repair_form_title {
    text-align: center;
    width: 50%;
    margin: auto;
    padding-bottom: 25px;
}
.repair_form_title .ds_line {
    display: flex;
    justify-content: center;
}
.repair_form_title {
    text-align: center;
    width: 50%;
    margin: auto;
    padding-bottom: 25px;
}
.repair_form_title .ds_line {
    display: flex;
    justify-content: center;
}
.repair_form_col_12 input, .repair_form_col_12 select,.repair_form_col_12 textarea {
    width: 100%;
    height: 55px;
    padding: 10px;
    color: #000;
    font-size: 16px;
    border: none;
    background: #fff;
    font-family: 'Poppins';
    font-weight: 600;
}
.repair_form_col_12 input::placeholder, .repair_form_col_12 select::placeholder, .repair_form_col_12 textarea::placeholder {
    color:#767676;
}
.repair_form_12 {
    display: flex;
    width: 100%;
}
.repair_form_col_6 { 
    width: 100%;
    padding: 10px;
}
.repair_form_col_12 {padding: 10px 0;}
.repair_form_col_12 textarea {
    height: 205px;
    resize: none;
}
.repair_form_btn,.maint_process_title .ds_line {
    display: flex;
    justify-content: center;
}
.maint_process_title {
    text-align: center;
}
.maint_process_content {
    text-align: center;
    padding-bottom: 25px;    
}
.maint_process_tab_title {
    display: flex;
}
.maint_process_title_box {
    width: 170px;
    font-size: 20px;
    text-transform: capitalize;
    color: #000;
    padding: 10px;
    text-align: center;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.maint_process_title_box.process_active, .maint_process_title_box:hover {
    background: #fff;
    border-top: 5px solid #2eb247;
}
.maint_process_tab_content {
    background: #fff;
    padding: 30px;
    overflow: hidden;
}
.maint_process_content_iner {
    display: flex;
    align-items: center;
}
.maint_process_left {
    width: 50%;
    padding-right: 50px;
}
.maint_process_right {
    width: 50%;
}
.maint_process_left_img img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}
.maint_process_step_tit {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    padding-bottom: 10px;
}
.maint_process_iner_content ul {
    padding: 0 !important;
    list-style: none;
    position: relative;
}
.maint_process_iner_content ul li::after {
    content: "";
    position: absolute;
    background: url(../../../../../wp-content/uploads/2022/09/check.png);
    width: 18px;
    height: 18px;
    left: 0px;
    display: flex;
    background-size: 100% 100%;
    margin: auto;
    top: 14px;
}
.maint_process_iner_content ul li {
    position: relative;
    padding: 5px 0 10px 25px;
}
.process_tab_content{display: none;}
.maint_process_iner_title .ds_grediant_title {
    font-size: 28px;
}
.maint_process_faq_title.maint_process_step_tit {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    display: flex;
    padding: 15px 0;
    position: relative;
    background: #fff;
    z-index: 1;
    cursor: pointer;
}
.maint_process_faq_title .arrow_carrot-down::before {
    font-family: 'ETmodules';
    font-size: 32px;
    color: #000;
    content: "\33";
    position: absolute;
    right: 0;
    font-style: normal !important;
    cursor: pointer;
}
.maint_process_show{
    padding: 10px 0;
}
.maint_process_faq_box {overflow: hidden;padding-left: 10px;}
.maint_process_iner_content {
    padding-bottom: 10px;
}
.repair_form_col_12 .file_placeholder {
    position: absolute;
    top: -3px;
    left: 116px;
    bottom: 0;
    background: #fff;
    color: #000;
    font-size: 16px;
    margin: auto;
}
.repair_form_col_12_1 .codedropz-upload-inner span:nth-child(2) {
    display: none;
}
.repair_form_col_12_1 .codedropz-upload-inner {
    color: #000;
    font-size: 16px;
}
.repair_form_col_12_1 .codedropz-upload-container {padding: 5px;}
.repair_form_col_12_1 .codedropz-upload-handler {
    height: 57px;
    border: none !important;
    background: #fff;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}
.repair_form_col_12.repair_form_col_12_1 {
    padding: 0;
}
/*---------------end repair and maintanane------------------*/
/*----------------system package inner page-------------------*/
.sys_package_row {
    display: grid;
    gap: 50px;
    grid-template-columns: repeat(2,1fr);
}
.sys_package_row_col_one,.sys_package_row_col_two {width: 100% !important;}
.sys_package_img {
    border: 3px solid #C7E9C8;
    border-bottom: 0;
    width: 100%;
    padding: 50px 30px;
    line-height: 0;
}
.sys_package_img img {
    width: 100%;
    height: 350px;
    object-fit: contain;
}
.sys_package_desc {
    background: #EEFEF1;
    padding: 30px 30px 55px;
    border: 3px solid #E6FBE8;
    border-top: none;
}
.sys_package_box_inner {position: relative;}
.sys_package_logo {
    position: absolute;
    right: 45px;
    top: 20%;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
    box-shadow: 13px 4px 29px rgba(146, 204, 49, 0.38);
    width: 140px;
    height: 140px;
    border-radius: 50%;
}
.sys_package_logo img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}
.sys_package_iner_title .ds_grediant_title {
    font-size: 30px;
    line-height: 1.5;
}
.sys_package_iner_content ul {
    padding: 0 !important;
    list-style: none;
}
.sys_package_iner_content ul li {
    position: relative;
    padding: 6px 0 6px 40px;
    font-size: 20px;
    color: #000;
    font-weight: 500;
    font-family: 'Poppins';
}
.sys_package_iner_content ul li::after {
    content: "\4e";
    position: absolute;
    background: #3ab44429;
    width: 30px;
    height: 30px;
    left: 0;
    top: 8px;
    margin: auto;
    border-radius: 50%;
    font-family: etmodules;
    transform: rotate(14deg);
    color: #2AB048;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sys_package_btn {
    position: absolute;
    bottom: -25px;
    left: 30px;
}
.sys_package_box_inner_install {
    display: flex;
    align-items: center;
    padding: 20px 0;
}
.sys_package_left {
    width: 15%;
}
.sys_package_right {
    width: 85%;
}
.sys_package_left_logo {
    display: flex;
    justify-content: center;
}
.sys_package_iner_title {
    text-align: center;
}
.sys_package_box_install {
    border: 3px solid #C7E9C8;
    padding: 30px;
}
ul.sys_package_install_content {display: grid;grid-template-columns: 1fr 1fr;gap: 10px;}
.package_faq_title {
    text-align: center;
    padding-bottom: 25px;
}
.package_faq_title .ds_line {
    display: flex;
    justify-content: center;
}
.faq_tab_title {
    border: 1px solid #C7E9C8;
    display: flex;
    padding: 25px;
    font-size: 18px;
    color: #000;
    font-weight: 600;
}
.faq_tab_title i {
    margin: auto;
    margin-right: 0;
    font-size: 25px;
}
.faq_tab_desc_box {
    padding-bottom: 15px;
}
.faq_tab_desc_box .site_content {
    padding: 25px;
}
.faq_tab_title.Active {
    background: #E0F3E0;
    color: #2eb247;
}
/*----------------end system package inner page-------------------*/
/*---------------refer a friend---------------------*/
.refer_form_col {
    border: 2px solid #2eb247;
    padding: 30px 25px;
    text-align: center;
}
.refer_form_title .ds_grediant_title {
    font-size: 24px;
    line-height: 2;
}
.refer_form_12 input {
    width: 100%;
    height: 45px;
    color: #000;
    font-size: 15px;
    border: 1px solid #a4d22e;
    padding: 10px;
}
.refer_form_12 {
    padding: 6px 0;
}
.refer_btn {
    display: flex;
    justify-content: center;
    padding-top: 10px;
}
.refer_image_col img {
    width: auto;
    height: 690px;
    object-fit: contain;
    margin: auto;
    margin-right: 0;
}
.refer_row_col_two {
    padding: 0 30px;
}
.refer_row {
    display: flex;
    align-items: center;
}
.refer_image_col .et_pb_image_wrap {
    display: flex;
    line-height: 0;
}
.refer_offer_box {
    background: linear-gradient(90deg, rgba(24,172,76,1) 0%, rgba(173,212,44,1) 30%, rgba(173,212,44,1) 58%, rgba(24,172,76,1) 100%);
    background-size: 290% auto;
    padding: 30px 25px;
    width: 100%;
    border-radius: 20px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    text-transform: capitalize;
    animation: btnhover 10s linear infinite;
}
.refer_offer_text {
    font-size: 18px;
    padding-bottom: 10px;
}
.refer_offer_text2 {
    font-size: 31px;
}
.refer_box_col_box {
    display: grid;
    gap: 20px;    
}
.refer_row_mob{
    display: none;
}
/*---------------end refer a friend---------------------*/
/*----------------installtion page-----------------*/
.ds_installtions_block .blog_main_box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}
.ds_recent_col_two.ds_recent_col_boxes_two.ds_recent_col_boxes_install {
    width: 100% !important;
}
.banner_section {
    background: url(../../../wp-content/uploads/2022/11/reci-instal.jpg);
}
/*----------------end installtion page-----------------*/
/*-----------------warranty page-------------------*/
.wyear_image_col img {
    width: 100%;
    height: 265px;
    object-fit: contain;
}
.wyear_content {
    text-align: center;
}
.wyear_row {
    display: flex;
    align-items: center;
}
.wyear_row_col_two {
    padding: 0 40px;
}
.wrnt_tab_content {
    display: none;
}
.show_active_pnl{
    display: block !important;
}
.wrnt_tab_title .maint_process_title_box {
    width: 200px;
}
.wrnt_product_title .ds_grediant_title {
    font-size: 30px;
    text-align: center;
    display: flex;
    padding-bottom: 25px;
}
ul.maint_process_tab_title.wrnt_tab_title {
    padding: 0 !important;
}
.wrnt_content_inner {
    box-shadow: rgb(0 0 0 / 10%) 0px 5px 15px;
    width: 18.6%;
    float: left;
    margin: 10px 10px;
    padding: 20px;
}
.wrnt_product_logo img {
    width: 100%;
    height: 50px;
    object-fit: contain;
}
.wrnt_product_pdf a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    background: #2eb24778;
    width: fit-content;
    margin: 20px auto 0;
    padding: 5px 20px;
    border-radius: 50px;
}
.wrnt_product_pdf a span {
    padding-right: 12px;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}
.wrnty_filler_col_box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    text-align: center;
}
.wrnty_filler_box {
    background: #fdffef;
    padding: 50px 20px;
}
.wrnty_filler_btn {
    display: flex;
    justify-content: center;
}
.wrnty_filler_content {
    padding: 28px 0;
    font-size: 22px;
    color: #000;
    font-weight: 600;
}
.wrnty_filler_img img {
    width: 100%;
    height: 85px;
    object-fit: contain;
}
/*-----------------end warranty page-------------------*/
/*-----------------solar panel --------------------*/
.page-id-97 .banner_section {
    background-position: 73% 0% !important;
}
.solar_image_col img {
    width: 100%;
    height: 400px;
    object-fit: contain;
}
.solar_image_col .et_pb_image_wrap {
    display: flex;
    margin: auto;
    justify-content: center;
    line-height: 0;
}
.solar_row_col_one {
    padding-right: 50px;
}
.solar_row {
    display: flex;
    align-items: center;
}
.solar_image_col_mob{
    display: none;
}
.s_brand_section::before {
    content: "";
    position: absolute;
    background: url(../../../../../wp-content/uploads/2022/09/brand-banner.png) no-repeat;
    width: 100%;
    height: 630px;
    object-fit: cover;
    top: 0;
    left: 0;
    background-size: cover;
}
.s_brand_row::before {
    content: "";
    position: absolute;
    background: linear-gradient(90deg, rgba(24,172,76,1) 0%, rgba(173,212,44,1) 30%, rgba(173,212,44,1) 58%, rgba(24,172,76,1) 100%);
    background-size: 290% auto;
    width: 100%;
    height: 630px;
    top: 0;
    left: 0;
    opacity: 0.9;
}
.s_brand_title .ds_grediant_title {
    -webkit-background-clip: text;
    -webkit-text-fill-color: black;
}
.s_brand_title {
    text-align: center;
    padding-bottom: 20px;
}
.s_brand_title .ds_title_line {
    background: #000;
    margin: 0 auto 25px;
}
.s_brand_inner_block {
    background: #fff;
    display: flex;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.s_brand_box_left {
    width: 75%;
    margin: 20px;
    background: #F4F4F4;
    padding: 50px;
}
.s_brand_box_right {
    width: 25%;
}
.s_brand_logo img {
    width: 100%;
    height: 50px;
    object-fit: contain;
}
.s_brand_logo {
    line-height: 0;
    background: #fff;
    width: 255px;
    height: 130px;
    display: flex;
    align-items: center;
}
.s_brand_content .site_content {
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 15;
}
.s_brand_content {
    padding: 20px 0;
}
.s_brand_pro_name ul {
    list-style: none;
    padding: 0 !important;
    overflow: auto;
    height: 706px;
    scroll-behavior: unset !important;
}
.s_brand_pro_name ul li:hover, .s_brand_pro_name ul li.active {
    border-left: 8px solid #2eb247;
    box-shadow: rgb(244 244 244) 110px 0px 60px 0px inset;
}
.s_brand_pro_name ul li {
    align-items: center;
    display: flex;
    border: 1px solid #ebebeb;
    border-right: none;
    color: #000;
    font-family: 'Poppins';
    cursor: pointer;
    font-size: 22px;
    font-weight: 500;
    transition: 1s;
    text-transform: capitalize;
    padding:21px 0 21px 24px !important;
    margin: auto;
}
.s_brand_box_right::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ebebeb;
    bottom: 0;
    margin: auto;
    display: flex;
}
.s_brand_box_right {
    position: relative;
}
.tab_content{
    display: none;
}
.show_block {
    display: block;
}
.require_row {
    display: flex;
    align-items: center;
}
.require_left_col_box{
    background: linear-gradient(90deg, rgba(24,172,76,1) 0%, rgba(173,212,44,1) 30%, rgba(173,212,44,1) 58%, rgba(24,172,76,1) 100%);
    background-size: 290% auto;
    animation: btnhover 5s linear infinite;
    padding: 50px;
}
.require_form_col {    
    display: grid;
    gap: 15px;    
}
.require_form_12 input,.require_form_12 textarea {
    width: 100%;
    height: 50px;
    padding: 10px;
    color: #000;
    font-size: 16px;
    border: none;
}
.require_form_12 textarea {
    height: 130px;
    resize: none;
}
.require_btn {
    display: flex;
    justify-content: center;
}
.require_btn .site_button:hover {
    border: 2px solid #fff;
}
.require_content {
    display: flex;
    align-items: center;
    justify-content: center;
}
.require_img {
    padding-right: 15px;
}
.require_img svg {
    width: 80px;
    height: 80px;
    object-fit: contain;
}
.require_text {
    display: grid;
    gap: 15px;
    color: #000;
    text-transform: capitalize;
    transform: 1s;
}
span.require_one {
    font-size: 22px;
    font-weight: 400;
}
span.require_two {
    font-size: 40px;
    font-weight: 600;
}
.require_title {
    text-align: center;
    padding-bottom: 35px;
    width: 97%;
    margin: auto;
}
.require_title .ds_line {
    display: flex;
    justify-content: center;
}
.require_row_col_one {
    padding-right: 50px;
}
.require_section::before {
    content: "";
    position: absolute;
    background: url(../../../../../wp-content/uploads/2022/08/calc-logo.png) no-repeat;
    bottom: 55px;
    right: -210px;
    width: 370px;
    height: 330px;
    background-size: contain;
    transform: rotate(266deg);
    opacity: 0.3;
    /*-webkit-animation: myround 30s linear infinite;*/
    animation: call_zoom 6s linear infinite;
}
@-webkit-keyframes myround{
    0%{ transform:rortate(0deg);}
    100%{transform:rotate(720deg);}
}
.require_section {
    overflow: hidden;
}
.s_type_titl {
    text-align: center;
    padding-bottom: 30px;
}
.s_type_titl .ds_line {
    display: flex;
    justify-content: center;
}
.s_type_col_box {
    text-align: center;
    color: #000;
    border: 1px solid #e3e3e3;
    padding: 40px 20px;
    height:100%;
    margin: 10px;
}
.s_type_title {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: capitalize;
}
.s_type_row_2.section_padding  {
    padding-top:20px !important;
}
.s_type_row {
    display: flex;
    flex-wrap: wrap;
}
.s_brand_btn {
    display: flex;
}
.s_brand_btn .site_button {
    margin-right: 10px;
}
.require_desc_col {
    display: flex;
    justify-content: center;
}
.require_img svg g path:nth-child(2),.require_img svg g path:nth-child(5),.require_img svg g path:nth-child(6) {
    fill: #2eb247;
    animation: call_zoom 2s linear infinite;
    position: relative;
    transform-origin: center;
}
@keyframes call_zoom     {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(0.8);
  }
}
.require_content:hover .require_text {
    color: #2eb247;
}
.pro_hp_box .offer_left {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}
/*-----------------end solar panel --------------------*/
/*-----------------solar bettery --------------------*/
.s_type_bettery_row.s_type_row {
    display: flex;
}
.page-id-99 .s_energy_row.row_tb_padding,.page-id-4384 .s_energy_row.row_tb_padding {
    padding-top: 0 !important;
}

/*-----------------end solar bettery --------------------*/
/*-----------------soler product page--------------------*/
.available_box{
    width: 23.9%;
    padding: 10px;
}
.available_inner_box {
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;    
    text-align: center;
    padding: 30px;
    height: 100%;
}
.available_inner_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.available_btn {
    display: flex;
    justify-content: center;
    padding-top: 10px;
}
.available_title {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0;
    text-transform: capitalize;
}
.available_image img {
    width: 100%;
    height: 260px;
    object-fit: contain;
}
.s_type_col {
    height: 100%;
}
.s_type_col .et_pb_code_inner {
    height: 100%;
}
.banner_section.banner_pro_section {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
/*-----------------end soler product page--------------------*/
/*-----------------complaint handling--------------------*/
.compl_col_box .contact_inner_title {
    padding: 25px 0 5px !important;
}
.hk_map_col_ul ul {
    display: flex;
    list-style: none;
    padding: 0 !important;
    gap: 60px;
}
li.page_main_li {
    display: block !important;
    width: 100%;
}
.hk_map_col_ul ul li a {
    display: block;
    margin: auto !important;
    width: 100% !important;
    justify-content: center;
    text-align: center;
}
span.image_locate {
    background: #2eb247;
    box-shadow: rgb(100 100 111 / 21%) 0px 7px 29px 0px;
    width: 100px;
    height: 100px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    color: #ffffff;
    border-radius: 100%;
    position: relative;
    transition: 1s;
}
li.page_main_li span:last-child {
    width: 100%;
    height: 150px;
    padding: 59px 30px 30px;
    margin-top: -35px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: #000;
    font-weight: 500;
    font-size: 18px;
    background: #fff;
    box-shadow: rgb(100 100 111 / 21%) 0px 7px 29px 0;
    transition: 1s;
}
.page_main_li:hover .image_locate {
    background: #ffffff;
    color: #2eb247;
    transform: scale(1.1);
}
li.page_main_li:hover span:last-child {
    color: #2eb247;
}
.hk_map_col_box {
    padding: 30px 0;
}
.compl_col_box .maint_process_right {
    width: 100% !important;
}
.comp_desc_block ul {
    padding: 0 !important;
    list-style: none;
    display: flex;
    gap: 40px;
}
li.s_type_col_box {
    width: 33.33%;
}
.comp_text {
    display: flex;
    justify-content: center;
    font-size: 16px;
    color: #000;
}
a.comp_a {
    color: #3cb644;;
    padding-left: 5px;
    text-align: left;
    transition: 1s;
}
a.comp_a:hover {
    font-weight: 600;
}
.secund_li {
    display: grid;
}
.comp_text_tit {
    width: 85px;
}
.comp_desc_box .contact_inner_title {
    padding-top: 0 !important;
}
/*-----------------end complaint handling--------------------*/
.ds_reci_shop_section .ds_shop_left{
    display: none !important;
}
.ds_reci_shop_section .ds_shop_right{
    width: 99% !important;
}

.ds_reci_shop_section .slick-next.slick-arrow {
    right: 0px !important;
}
/* ===================================== */
.pro_hp_content {
    white-space: inherit;
}
.pro_hp_image img {
    width: 100%;
    height: 470px;
    object-fit: contain;
}
.pro_hp_button .site_button {
    margin-right: 10px;
}
.pro_hp_button {
    display: flex;
    margin-top: 15px;
}
.pro_hp_content ul {
    padding-bottom: 0 !important;
}
.offer_inner_title.pro_hp_title {
    text-transform: inherit;
}
.pro_hp_box {
    align-items: center;
}
/* ===================================== */
/* -----------------testimonial---------------------- */
.glsr-label {
    font-size: 15px !important;
    color: #000 !important;
    text-transform: capitalize;
    padding: 0px 0 6px !important;
}
.glsr-input {
    background: #fff !important;
    height: 45px !important;
    font-size: 15px !important;
}
.glsr-input:focus,.glsr-textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}
.glsr-textarea {
    height: 100px !important;
    resize: none !important;
}
.glsr-button {
    height: 45px !important;
    background: linear-gradient(90deg, rgba(24,172,76,1) 0%, rgba(173,212,44,1) 30%, rgba(173,212,44,1) 58%, rgba(24,172,76,1) 100%);
    background-size: 290% auto;
    animation: btnhover 5s linear infinite;
    border: none !important;
}
.wp-block-button {
    padding-top: 10px;
}
.glsr-review-verified {
    display: none !important;
}
.glsr-review {
    flex-direction: column;
}
.glsr-review-verified {
    display: none !important;
}
.glsr-review-author {
    font-weight: 700;
    text-transform: capitalize;
}
.testi_tab_btn {
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}
.testi_tab {
    padding: 10px 10px;
}
.testi_desc {
    display: none;
}
.glsr-review {
    padding: 20px;
    border: 1px solid #8aca33;
}
.testi_desc_active {
    display: block !important;
}
.testi_tab_active .site_button {
    background: linear-gradient(90deg, rgba(24,172,76,1) 0%, rgba(173,212,44,1) 30%, rgba(173,212,44,1) 58%, rgba(24,172,76,1) 100%);
    background-size: 290% auto;
    animation: btnhover 5s linear infinite;
}
.testimonial_row.row_tb_padding {
    padding-top: 0 !important;
}
.glsr-review-content p {
    margin: 0 !important;
    padding-bottom: 5px;
}
.glsr-review-rating {
    order: 2;
    justify-content: left !important;
}
.glsr-review-author {
    order: 1;
}
.glsr-review-date {
    order: 3;
}
.glsr-review-content {
    order: 4;
}
.test_form_col_box {
    width: 70%;
    margin: auto;
    padding: 30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.glsr-no-margins {
    font-size: 16px;
    color: #000;
}
.wpac a.wp-google-url {
    font-size: 18px !important;
    color: #000 !important;
    width: 175px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    text-transform: capitalize !important;
    font-weight: 500 !important;
    background: #fff !important;
    cursor: pointer !important;
    font-family: 'Poppins', sans-serif !important;
    overflow: hidden !important;
    position: relative !important;
    border: solid 2px transparent !important;
    border-radius: 50px !important;
    background-image: linear-gradient(white, white), linear-gradient(to right, rgb(60 182 68) 7%, rgb(173 212 44) 48%) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
	margin: 10px auto !important;
	transition: 1s !important;
}
.wpac a.wp-google-url:hover {
    background: #2eb247 !important;
}
/* -----------------end testimonial---------------------- */
.faq_seo_section .row_tb_padding {
    padding-top: 0 !important;
}












@media all and (min-width: 320px) and (max-width: 767px) {
	.page-id-4978 .banner_section .banner_text.site_content {
		color: #000;
	}
    /* ==================== */
    .pro_hp_image img {
        height: 250px;
    }
    .offer_box.pro_hp_box{
        display: block;
    }
    .pro_hp_box .offer_left {
        margin-bottom: 15px;
    }
    /* ==================== */
    div#main-content {
        margin-top: 55px;
    }
    .row_tb_padding{
        padding: 30px 15px !important;
    }
    .top_bottom_padding{
        padding: 30px 0 !important;
    }
    .ds_reci_shop_section .slick-prev.slick-arrow {
        left: 1px !important;
    }
    /*---------------banner section---------------------*/
    .banner_section {
        height: 200px;
    }
    .page-id-87 .banner_section{
        background-position: 82% 0%;
    }
    .banner_section{
        text-align:center;
    }
    .page-id-864 .banner_section{
        background-position: right;
    }
    .page-id-821 .banner_section{
        background-position: 81% 0%;
    }
    .page-id-862 .banner_section{
        background-position: 55% 0%;
    }
    .banner_section .ds_grediant_title {
        font-size: 27px;
    }
    .banner_section {
        background-position: 70% 0% !important;
    }
    /*---------------end banner section---------------------*/
    /*--------------contact page----------------*/
    .contact_left_col_box {
        width: 100%;
    }
    .ds_grediant_title.contact_tit {
        font-size: 38px;
    }
    .contact_box {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .contact_inner_title {
        font-size: 18px;
    }
    .contact_loc svg {
        width: 25px;
        height: 25px;
    }
    .contact_col_right_box {
        display: block;
    }
    .contact_social.contact_col_box, .contact_col_box.contact_loc {
        padding-top: 20px;
    }
    /*--------------end contact page----------------*/
    /*---------------about page------------------------*/
    .about_row{
        display: block;
    }
    .about_row_col_one {
        padding-right: 00px;
        padding-bottom: 20px;
    }
    .about_content {
        overflow: auto;
        height: auto;
    }
    .about_row_col_two {
        padding-left: 0px;
    }
    .about_image_col img {
        height: 335px;
    }
    .about_image_col:before{
        top: -15px;
        left: 0;
        height: 85%;
    }
    .process_line_img {
        display: none;
    }
    .process_detail_three .product_title, .process_detail_five .product_title, .process_detail_six .product_title {
        width: 100%;
    }
    .process_title {padding-bottom: 0px;}
    .process_row.row_tb_padding {
        padding: 40px 0 !important;
    }
    .product_title {
        font-size: 15px;
        width: 100%;
    }
    .process_img svg {
        width: 40px;
        height: 40px;
    }
    .process_img {
        width: 100px;
        height: 100px;
    }
    .our_process {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .product_content .site_content {
        font-size: 14px;
    }
    .process_detail {
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        float: left;
        display: grid;
        padding: 10px 10px;
        margin: 0 auto;
    }
    .process_num{left: 0;}
    .process_detail_box {
        order: 2;
        flex-direction: column-reverse;
    }
    .process_detail_box {
        height: auto;
    }
    /*---------------end about page----------------------*/
    /*----------------special offer------------------*/
    .offer_inner_title {
        font-size: 20px;
    }
    /* .offer_image img {
        height: 240px;
    }
    .offer_image {
        height: 425px;
    } */
    .offer_inner_detail {
        padding: 4px 0;
    }
    .offer_box {
        padding-bottom: 30px;
        gap: 15px;
        display: grid;
        grid-template-columns: 1fr;
    }
    .offer_left,.offer_right {
        width: 100%;
    }
    .add_even_class .offer_left {order: initial;}
    .offer_price {
        font-size: 26px;
    }
    /*----------------end special offer------------------*/
    /*--------------blog page-------------------*/
    .blog_image img {
        height: 340px;
    }
    .blog_title a {
        font-size: 18px;
    }
    .blog_title_col {
        height: 120px;
        padding: 15px 5px;
        margin: -70px auto 10px;
        width: 95%;
    }
    .blog_box {
        padding: 15px 0;
        display: grid;
    }
    .blog_col_top .blog_col_inner{
        width: 100%;
    }
    /*--------------end blog page-------------------*/
    /*------------blog detail-----------------*/
    .blog_detail_col_box {gap: 20px;display: grid;}
    .blog_innerp_left_col {
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px;
    }
    .blog_innerp_right_col {width: 100%;}
    .blog_share_icon .social_inner_block {
        width: 40px;
        height: 40px;
    }
    .recent_title {
        font-size: 20px;
    }
    .blog_innerp_left_col .blog_col_inner {
        width: 100%;
    }
    .recent_blog_box {
        margin-right: 20px;
        width: 100%;
        float: left;
    }
    .recent_blog_title {font-size: 15px;}
    .recent_blog_box:last-child {
        border-bottom: 1px solid #a4d22e !important;
    }
    /*------------end blog detail-----------------*/
     /*---------------testimonial page---------------------*/
    .testimonial_slider_block {
        gap: 45px 15px;
        grid-template-columns: 1fr;
    }
    /*---------------end testimonial page---------------------*/
    /*------------privacy policy-----------*/
    .et_pb_toggle_content {
        font-size: 14px !important;
    }
    h5.et_pb_toggle_title {
        font-size: 16px !important;
    }
    .et_pb_accordion_item {
        padding: 10px !important;
    }
    /*------------end privacy policy-----------*/
    /*---------calculate your saving--------------*/
    .calc_row{
        gap: 35px;
        grid-template-columns: 1fr;
    }
    .calc_img_2 img {
        width: 165px;
        height: 165px;
        top: 80px;
    }
    .calc_img_1 img {
        width: 138px;
        height: 140px;
    }
    .calc_left_col_box {
        padding: 30px 10px 0;
    }
    .calc_right_col_box{
        padding: 30px 10px;
    }
    .calc_faq_title {font-size: 16px;}
    .calc_right_title {font-size: 28px;}
    div#back input, div#back select {
        width: 100%;
        height: 50px;
    }
    .calc_img_2 {
        margin-right: -23px;
    }
    div#back {
        gap: 10px;
    }
    .offer_dis.calc_popup {
        left: 0% !important;
        width: 290px;
        padding: 20px 20px;
        transform: scale(0);
    }
    .calc_popup_open{
        transform: scale(1) !important;
        right: 0 !important;
        margin: auto;
        z-index: 1 !important;
    }
    p.offer_dis_heading.ds_grediant_title {
        font-size: 20px;
    }
    .cal_num {
        font-size: 25px;
    }
    .calc_popup:after, .calc_popup:before{
        display: none;
    }
    /*---------end calculate your saving--------------*/
    /*------------recidential page----------------*/
    .reci_row.row_tb_padding {
        padding-top: 85px !important;
        display: grid;
    }
    .reci_image_col .et_pb_image_wrap::after {
        width: 202px;
        height: 195px;
        top: -38px;
        left: 78px;
    }
    .reci_image_col img {
        width: 250px;
        height: 250px;
    }
    .reci_image_col .et_pb_image_wrap::before{
        width: 85px;
        height: 85px;
    }
    .reci_row_col_two {
        padding-top: 50px;
    }
    .reci_image_col{
        display: flex;
        justify-content: center;
    }
    .system_title {width: 100%;}
    .system_inner_block {
        gap: 110px;
        display: grid;
        grid-template-columns: 1fr;
    }   
    .system_box::before {
        width: 50px;
        height: 40px;
    }
    .system_inner_box {padding: 20px 10px}
    .system_image img {height: 190px;}
    .system_inner_title .ds_grediant_title {font-size: 18px;}
    .system_image {margin-top: -115px;}
    .system_title {padding-bottom: 110px;}
    .upfront_row {
        display: grid;
    }
    .upfront_row_col_one {
        width: 100% !important;
    }
    .upfront_col_box {padding-right: 0px;}
    .upfront_image_col img {
        width: 285px;
        height: 360px;
    }
    .upfront_image_col .et_pb_image_wrap::before {
        width: 140px;
        height: 100px;
        right: -8px;
        top: -8px;
    }
    .upfront_row_col_two {
        margin-left: 0 !important;
    }
    .page-id-95 .ds_diffe_section {
        padding-bottom: 45px !important;
    }
    .upfront_image_col {
        display: flex;
        justify-content: center;
    }
    .type_sys_tab {
        font-size: 14px;
        width: auto;
        padding: 0 10px;
    }
    .type_sys_image img {
        height: 150px;
    }
    .type_sys_tab_box {
        gap: 5px;
        margin: 15px auto 35px;
        padding: 15px 5px;
    }
    .type_sys_tab.tablinks.active:before {
        width: 45px;
        height: 30px;
        bottom: -51px;
    }
    .type_sys_tab_content {
        width: 100%;
    }
    .reci_bottom_title .ds_grediant_title {
        font-size: 19px;
    }
    .type_sys_text {
        height: auto;
        overflow: auto;
    }
    .type_sys_inner_tab {display: block;}
    .type_sys_content {
        width: 100%;
        padding-left: 0px;
        padding-top: 20px;
    }
    /*------------end recidential page----------------*/
    /*---------------inspection report---------------*/
    .border_box {
        padding: 15px 15px;
    }
    .site_contact_outter.border_box {
        width: 100%;
        margin: 10px 0;
    }
    .site_contact_outter .ds_grediant_title {
        font-size: 23px;
    }
    .site_contact_row {
        display: grid;
        gap: 0;
    }
    .site_contact_inner {
        display: grid;
    }
    .btn_outter_box svg {
        display: none;
    }
    /*---------------end inspection report---------------*/
    /*------------commercial page-----------------*/
    .business_left_col img {
        height: 700px;
    }
    .business_col_title {
        width: 100%;
        text-align: center;
    }
    .business_col_box {padding: 40px 10px;}
    .ds_diffe_box_img svg {
        width: 60px;
        height: 60px;
        margin: auto;
        display: flex;
        justify-content: center;
    }
    .business_row_col_one {display: none;}    
    .business_col_block .ds_diffe_box_title {    
        height: auto;
        padding: 20px 15px 10px;
    }
    .business_col_title .ds_line,.business_box .ds_diffe_box_text {
        display: flex !important;
        justify-content: center;
        text-align: center;
    }
    .business_col_block.ds_diffe_two_block{
        grid-template-columns: repeat(1,1fr);
    }
    .business_col_block .ds_diffe_two_box{padding:10px 10px;}
    .energy_row_col_one {
        padding-right: 30px;
    }
    .energy_img_col img {
        height: 510px;
    }
    .energy_section {
        margin-bottom: 0px !important;
    }
    .energy_row_col_two {display: none;}
    .energy_col_box {text-align: center;}
    .energy_title .ds_line,.ds_diffe_box_img {
        display: flex;
        justify-content: center;
    }    
    /*------------end commercial page-----------------*/
    /*-------------repair and maintanance-----------------*/
    .repair_right_block .ds_diffe_box_text {
        display: block;
        text-align: center;
    }
    .repair_row_col_one {
        padding-right: 0px;
        padding-bottom: 20px;
    }
    .repair_right_block .ds_diffe_box_title {
        font-size: 16px;
    }
    .repair_row {display: block;}
    .repair_right_col_box{display: grid;}
    .repair_left_title .ds_line,.repair_left_btn,.industry_title .ds_line {
        display: flex;
        justify-content: center;
    }
    .repair_left_col_box {text-align: center;}
    .industry_col_box {
        gap: 20px;
        display: grid;
    }
    .industry_img img {
        height: 55px;
    }
    .industry_img {
        height: 105px;
        width: 270px;
        margin: auto;
    }
    .industry_right,.industry_left {
        width: 100%;
        text-align: center;
    }
    .efficiency_row_col {
        padding: 0 0px;
    }
    .efficiency_col .et_pb_toggle_title:before,.efficiency_col .et_pb_toggle_open .et_pb_toggle_title:after {
        font-size: 30px !important;
    }
    .efficiency_col h5.et_pb_toggle_title {
        font-size: 16px !important;
    }
    .efficiency_title {
        width: 100%;
    }
    .repair_form_12 {
        display: grid;
        gap: 0;
    }
    .repair_form_col_12 textarea {
        height: 130px;
    }
    .repair_form_col_12 {
        padding: 5px 0px;
    }
    .repair_form_title{width: 100%}
    .maint_process_left {
        width: 100%;
        padding-right: 0px;
        padding-bottom: 20px;
    }
    .maint_process_right {
        width: 100%;
    }
    .maint_process_iner_title .ds_grediant_title {
        font-size: 20px;
    }
    .maint_process_iner_content ul li {
        padding: 5px 0 5px 15px;
    }
    .maint_process_left_img img {
        height: 360px;
    }
    .maint_process_faq_title.maint_process_step_tit {
        padding: 10px 0;
    }
    .maint_process_tab_content {
        padding: 11px;
    }
    .maint_process_title_box {
        font-size: 16px;
        width: 95px;
        height: 60px;
    }
    .maint_process_content_iner {
        display: block;
    }
    .maint_process_iner_content ul li::after {
        left: -11px;
    }
    .repair_form_btn{
        padding-top: 10px;
    }
    /*-------------end repair and maintanance-----------------*/
    /*----------------system package inner page-------------------*/
    .sys_package_img img {
        height: 255px;
    }
    .sys_package_iner_title .ds_grediant_title {
        font-size: 20px;
    }
    .sys_package_iner_content ul li {
        padding: 4px 0 4px 25px;
        font-size: 15px;
    }
    .sys_package_logo {
        width: 75px;
        height: 75px;
        right: 22px;
        top: 22px;
        display: none;
    }
    .sys_package_row {
        gap: 55px;
        grid-template-columns: repeat(1,1fr);
    }
    .sys_package_iner_content ul li::after {
        width: 20px;
        height: 20px;
        font-size: 10px;
    }
    .sys_package_logo img {
        width: 35px;
        height: 35px;
    }
    .sys_package_desc {
        padding: 20px 10px 30px;
    }
    .sys_package_img {
        padding: 35px 15px;
    }
    .sys_package_box_inner_install {
        padding: 10px 0;
        display: block;
    }
    .sys_package_box_install {
        padding: 20px 15px;
    }
    ul.sys_package_install_content {
        grid-template-columns: 1fr;
        gap: 1px;
    }
    .sys_package_left {width: 100%;}
    .sys_package_right {width: 100%;}
    .faq_tab_title {
        padding: 10px;
        font-size: 16px;
    }
    .faq_tab_desc_box .site_content {
        padding: 10px;
    }
    .package_faq_title {
        padding-bottom: 15px;
    }
    /*----------------end system package inner page-------------------*/
    /*-----------------refer a friend------------------*/
    .refer_image_col img {
        height: 100%;
        margin-right: auto;
    }
    .refer_row_col_two {
        padding: 0 12px;
    }
    .refer_row_col  {
        width: 100% !important;
    }
    .refer_offer_text2 {
        font-size: 25px;
    }
    .refer_form_title .ds_grediant_title {
        font-size: 22px;
    }
    .refer_offer_text {
        font-size: 16px;
    }
    .refer_row.refer_row_mob {display: block !important;}
    .refer_row {display: none;}
    .refer_row_mob .refer_row_col {
        width: 100% !important;
    }
    .refer_form_col {
        padding: 20px 12px;
    }
    .refer_image_col {
        padding: 22px 0;
    }
    /*-----------------end refer a friend------------------*/
    /*-------------------installtion page-------------*/
    .ds_installtions_block .blog_main_box {
        gap: 15px;
        grid-template-columns: 1fr ;
    }
    /*-------------------end installtion page-------------*/
    /*---------------warranty page---------------------*/
    .wyear_row {display: grid}
    .wyear_row_col_two {
        padding: 0 0px;
    }
    .wyear_row_col_one {
        width: 100% !important;
    }
    .wyear_row_col_two {
        width: 100% !important;
    }
    .wyear_content {
        overflow: auto;
        height: 135px;
    }
    .wyear_image_col img {
        height: 140px;
    }
    .wyear_image_col .et_pb_image_wrap {
        display: flex;
        padding: 13px 0;
    }
    .wrnt_product_logo img {
        height: 26px;
    }
    .wrnt_content_inner {
        width: 94%;
        padding: 10px;
    }
    .wrnt_tab_title .maint_process_title_box {
        width: 185px;
    }
    .wrnt_product_pdf a span {
        font-size: 15px
    }
    .wrnt_product_pdf a {
        padding: 2px 12px;
    }
    .wrnt_product_title .ds_grediant_title {
        font-size: 19px;
    }
    .wrnty_filler_content {
        padding: 15px 0;
        font-size: 16px;
    }
    .wrnty_filler_box {
        padding: 30px 20px;
    }
    .wrnty_filler_img img {
        height: 75px;
    }
    .wrnty_filler_col_box {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    /*---------------end warranty page---------------------*/
    /*-----------------solar panel --------------------*/
    .solar_row_col_one {
        padding-right: 0px;        
    }
    .solar_image_col_web {display: none;}
    .solar_image_col_mob ,.solar_row{display:block; }
    .solar_image_col img {
        height: 200px;
    }
    .solar_col_box {
        text-align: center;
    }
    .solar_title .ds_line {
        display: flex;
        justify-content: center;
    }
    .s_brand_box_left {
        padding: 10px;
        margin: 0;
    }
    .s_brand_pro_name ul li {
        padding: 10px 20px 10px 15px !important;
        font-size: 18px;
        width: 100%;
        white-space: pre;
    }
    .s_brand_pro_name ul {
        height: auto;
        display: flex;        
    }
    .s_brand_content .site_content {
        text-align: center;
    }
    .s_brand_logo {
        width: 200px;
        height: 100px;
        margin: auto;
    }
    .s_brand_row::before,.s_brand_section::before {
        height: 380px;
    }
    .s_brand_logo img {
        height: 40px;
    }
    .s_brand_inner_block {display: grid;}
    .s_brand_box_right{width: 100%;overflow: auto;}
    .s_brand_box_left {width: 100%;order: 2;}
    .s_brand_btn {
        display: grid;
        justify-content: center;
    }
    .s_brand_btn .site_button {
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .s_brand_pro_name ul li:hover, .s_brand_pro_name ul li.active {
        border-top: 5px solid #2eb247;
        border-left: none; 
    }
    .require_row_col_one {
        padding-right: 0px;
        order: 2;
        padding-top: 15px;
    }
    .require_title {
        padding-bottom: 15px;
    }
    .require_section::before {
        display: none;
    }
    span.require_two {
        font-size: 26px;
    }
    .require_form_col {
        gap: 10px;
    }
    .require_title {width: 100%;}
    .require_title .ds_grediant_title {
        font-size: 22px;
    }
    .require_img svg {
        width: 70px;
        height: 70px;
    }
    span.require_one {font-size: 18px;}
    .require_left_col_box {
        padding: 15px 10px;
    }
    .require_text {gap: 7px;}
    .require_row {
        display: grid !important;
    }
    .s_type_col_box {
        padding: 10px;
    }
    .s_type_title {
        font-size: 18px;
        padding-bottom: 6px;
    }    
    .s_type_row {
        display: block;
    }
    /*-----------------end solar panel --------------------*/
    /*-----------------solar bettery --------------------*/
    .s_type_bettery_row .s_type_row_col {
        width: 100% !important;
    }
    .s_type_bettery_row .s_type_col_box {
        padding: 10px;
    }
    /*-----------------end solar bettery --------------------*/
    /*-----------------soler product page--------------------*/
    .available_box{
        width: 100%;
    }
    .available_title {
        font-size: 18px;
    }
    .available_inner_block {
        gap: 15px;
    }
    .available_inner_box {
        padding: 25px 15px;
    }
    /*-----------------soler product page--------------------*/
    /*-----------------complaint handling--------------------*/
    .hk_map_col_ul ul {
        gap: 20px;
        display: grid;
        width: 100%;
        margin: auto;
    }
    .comp_desc_block ul {
        gap: 10px;
        display: grid;
    }
    .comp_desc_block .s_type_col_box {
        padding: 25px 10px;
        width: 290px;
        margin: auto;
    }
    .compl_col_box .contact_inner_title {
        font-size: 17px;
    }
    .s_type_col_box {
        padding: 20px 5px;
    }
    span.image_locate {
        width: 75px;
        height: 75px;
        font-size: 20px;
    }
    li.page_main_li span:last-child {
        height: 105px;
        padding: 33px 30px 10px;
        font-size: 15px;
    }
    .comp_text {
        font-size: 15px;
        display: block;
        justify-content: left;
        text-align: left;
    }
    li.s_type_col_box {
        width: 100%;
    }
    li.page_main_li {
        display: flex;
        width: 290px;
        margin: auto;
    }
    /*-----------------end complaint handling--------------------*/
    /* -----------------testimonial---------------------- */
    .testi_tab {
        padding: 10px 3px;
    }
    .glsr-review {
        padding: 10px;
    }
    .test_form_col_box {
        width: 100%;
    }
    /* -----------------end testimonial---------------------- */

}

@media all and (min-width: 481px) and (max-width: 767px) {
    /*---------------contact page-----------*/
    .ds_grediant_title.contact_tit {
        font-size: 45px;
    }
    /*---------------end contact page-----------*/
    /*----------------about-page-----------*/
    .process_detail {
        width: 50%;
    }
    /*----------------end about-page-----------*/
    /*------------blog detail-----------------*/
    .recent_blog_box {
        margin-right: 10px;
        width: 47%;
        float: left;
    }
    /*------------end blog detail-----------------*/
    /*-------------recidentail page------------*/
    .system_image img {
        height: 350px;
        width: 450px;
        margin: auto;
        display: flex;
    }
    .type_sys_tab_content {
        width: 100%;
    }
    .type_sys_image img {
        height: 230px;
    }
    /*-------------end recidentail page------------*/
    /*-----------commercial page------------------*/
    .business_col_block.ds_diffe_two_block {
        grid-template-columns: repeat(2,1fr);        
    }
    .business_col_block .ds_diffe_box_title {
        height: 50px;
        padding: 20px 15px 10px;
    }
    /*-----------end commercial page------------------*/
    /*-------------repair and maintanance-----------------*/
    .repair_right_col_box{
        display: flex !important;
    }
    /*-------------end repair and maintanance-----------------*/
    /*---------------refer a friend----------------*/
    .refer_box_col_box {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .refer_offer_box {
        padding: 30px 2px;
    }
    .refer_image_col img {
        height: 415px !important;
        margin-right: auto;
    }
    /*---------------end refer a friend----------------*/
    /*---------------warranty page---------------------*/
    .wrnt_content_inner {
        width: 45.2% !important;
        padding: 10px;
    }
    .wrnty_filler_col_box {
        grid-template-columns: 1fr 1fr !important;
    }
    /*---------------end warranty page---------------------*/
    /*-----------------solar bettery --------------------*/
    .s_type_row_col {
        width: 50% !important;
    }
    .s_brand_btn {
        display: flex !important;
    }
    /*-----------------end solar bettery --------------------*/
    /*-----------------soler product page--------------------*/
    .available_box{
        width: 48.2%;
    }
    /*-----------------soler product page--------------------*/
     /*-----------------complaint handling--------------------*/
     .comp_desc_block .s_type_col_box {
        width: 100% !important;
    }
    .comp_text {
        display: flex !important; 
        justify-content: center !important;
    }
     /*-----------------endcomplaint handling--------------------*/

}

@media all and (min-width: 768px) and (max-width: 980px) {
    /* ================== */
    .offer_inner_detail {
        height: auto;
        overflow: auto;
    }
    .pro_hp_image img {
        height: 340px;
    }
    .pro_hp_box.offer_box {
        grid-template-columns: 1fr;
    }
    /* ================== */
    div#main-content {
        margin-top: 70px;
    }
    .row_tb_padding{
        padding: 30px 15px !important;
    }
    .top_bottom_padding{
        padding: 30px 0 !important;
    }
    /*---------------banner section---------------------*/
    .banner_section {
        height: 200px;
    }
    .page-id-87 .banner_section{
        background-position: 82% 0%;
    }
    /*---------------end banner section---------------------*/
    /*--------------contact page----------------*/

    .contact_left_col_box {
        width: 95%;
    }
    .ds_grediant_title.contact_tit {
        font-size: 55px;
    }
    .contact_box {
        font-size: 17px;
    }
    .contact_inner_title {
        font-size: 19px;
    }
    .contact_loc svg {
        width: 25px;
        height: 30px;
    }
    .contact_col_right_box {
        display: flex;
        gap:30px;
    }
    .contact_social.contact_col_box, .contact_col_box.contact_loc {
        padding-top: 20px;
    }
    /*--------------end contact page----------------*/
    /*---------------about page------------------------*/
    .about_content {
        overflow: auto;
        height: 380px;
    }
    .about_row_col_two {
        padding-left: 0px;
    }
    .about_image_col img {
        height: 505px;
    }
    .process_line_img {
        display: none;
    }
    .process_detail_three .product_title, .process_detail_five .product_title, .process_detail_six .product_title {
        width: 80%;
    }
    .process_title {padding-bottom: 0px;}
    .process_row.row_tb_padding {
        padding:  40px 0 !important;
    }
    .product_title {
        font-size: 15px;
        width: 100%;
    }
    .process_img svg {
        width: 40px;
        height: 40px;
    }
    .our_process {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .product_content .site_content {
        font-size: 14px;
        -webkit-line-clamp: inherit;
    }
    .process_detail {
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 33%;
        float: left;
        display: grid;
        padding: 10px 10px;
        margin: 0 auto;
    }   
    .process_detail_box {
        order: 2;
        flex-direction: column-reverse;
    }
    .process_detail_box {
        height: 145px;
    }
    /*---------------end about page----------------------*/
    /*----------------special offer------------------*/
    .offer_inner_title {
        font-size: 20px;
    }
    /* .offer_image img {
        height: 390px;
    }
    .offer_image {
        height: 500px;
    } */
    .offer_inner_detail {
        padding: 4px 0;
    }
    .offer_box {
        padding-bottom: 30px;
        gap: 15px;
        display: grid;
    }
    .offer_left,.offer_right {
        width: 100%;
    }
    .add_even_class .offer_left {order: initial;}
    .offer_price {
        font-size: 26px;
    }
    /*----------------end special offer------------------*/
    /*--------------blog page-------------------*/
    .blog_image img {
        height: 300px;
    }
    .blog_title a {
        font-size: 16px;
    }
    .blog_title_col {
        height: 120px;
        padding: 15px 5px;
        margin: -70px auto 10px;
        width: 95%;
    }
    .blog_box {
        padding: 15px 0;
        display: flex;
    }
    .blog_col_inner{
        width: 50%;
        float: left;
        padding: 10px 5px;
        margin:3px;
    }
    /*--------------end blog page-------------------*/
    /*------------blog detail-----------------*/
    
    .blog_innerp_left_col {
        width: 70%;
        padding-right: 20px;
    }
    .blog_innerp_right_col {width: 30%;}
    .blog_share_icon .social_inner_block {
        width: 40px;
        height: 40px;
    }
    .recent_title {
        font-size: 20px;
    }
    .blog_innerp_left_col .blog_col_inner {
        width: 100%;
    }
    /*------------end blog detail-----------------*/
    /*---------------testimonial page---------------------*/
    .testimonial_slider_block {
        gap: 45px 15px;
    }
    /*---------------end testimonial page---------------------*/
    /*------------privacy policy-----------*/
    .et_pb_toggle_content {
        font-size: 14px !important;
    }
    h5.et_pb_toggle_title {
        font-size: 16px !important;
    }
    .et_pb_accordion_item {
        padding: 12px !important;
    }
    /*------------end privacy policy-----------*/
    /*---------calculate your saving--------------*/
    .calc_row{
        gap: 35px;
        grid-template-columns: 1fr;
    }
    .calc_img_2 img {
        width: 165px;
        height: 165px;
        top: 80px;
    }
    .calc_img_1 img {
        width: 150px;
        height: 150px;
    }
    .calc_left_col_box {
        padding: 30px 10px 0;
    }
    .calc_right_col_box{
        padding: 30px 10px;
    }
    .calc_faq_title {font-size: 16px;}
    .calc_right_title {font-size: 30px;}
    div#back input, div#back select {
        width: 100%;
        height: 50px;
    }
    .calc_img_2 {
        margin-right: -23px;
    }
    .offer_dis.calc_popup {
        left: 0% !important;
        width: 330px;
        padding: 40px 40px;
        transform: scale(0);
    }
    .calc_popup_open{
        transform: scale(1) !important;
        right: 0 !important;
        margin: auto;
        z-index: 1 !important;
    }
    p.offer_dis_heading.ds_grediant_title {
        font-size: 20px;
    }
    .cal_num {
        font-size: 25px;
    }
    .calc_popup:after, .calc_popup:before{
        display: none;
    }
    /*---------end calculate your saving--------------*/
    /*------------recidential page----------------*/
    .reci_row.row_tb_padding {
        padding-top: 50px !important;
    }
    .reci_image_col .et_pb_image_wrap::after {
        width: 245px;
        height: 225px;
        top: -45px;
        left: 84px;
    }
    .reci_image_col img {
        width: 280px;
        height: 280px;
    }
    .reci_image_col .et_pb_image_wrap::before{
        width: 100px;
        height: 100px;
    }
    .system_title {width: 85%;}
    .system_inner_block {
        gap: 10px;
    }   
    .system_box::before {
        width: 50px;
        height: 40px;
    }
    .system_inner_box {padding: 20px 10px}
    .system_image img {height: 190px;}
    .system_inner_title .ds_grediant_title {font-size: 18px;}
    .system_image {margin-top: -115px;}
    .system_title {padding-bottom: 110px;}
    .upfront_row {
        display: -webkit-inline-box;
    }
    .upfront_row_col_one {
        width: 83% !important;
    }
    .upfront_col_box {padding-right: 169px;}
    .upfront_image_col img {
        width: 285px;
        height: 360px;
    }
    .upfront_image_col .et_pb_image_wrap::before {
        width: 140px;
        height: 100px;
        right: -8px;
        top: -8px;
    }
    .upfront_row_col_two {
        margin: auto;
        margin-bottom: auto !important;
        margin-left: -165px;
        width:auto !important;
    }
    .type_sys_tab {
        font-size: 16px;
        width: 180px;
    }
    .type_sys_image img {
        height: 300px;
    }
    .type_sys_text {
        height: auto;
        overflow: auto;
    }
    .type_sys_inner_tab {display: block;}
    .type_sys_content {
        width: 100%;
        padding-left: 0px;
        padding-top: 20px;
    }
    /*------------end recidential page----------------*/
    /*---------------inspection report---------------*/
    .border_box {
        padding: 15px 15px;
    }
    .site_contact_outter.border_box {
        width: 48%;
    }
    .site_contact_outter .ds_grediant_title {
        font-size: 23px;
    }
    .site_contact_row {
        display: grid;
        gap: 0;
    }
    /*---------------end inspection report---------------*/
    /*------------commercial page-----------------*/
    .business_left_col img {
        height: 700px;
    }
    .business_col_title {
        width: 100%;
        text-align: center;
    }
    .business_col_box {padding: 40px 10px;}
    .ds_diffe_box_img svg {
        width: 60px;
        height: 60px;
    }
    .business_row_col_one {display: none;}    
    .business_col_title .ds_line {
        display: flex;
        justify-content: center;
    }
    .energy_row_col_one {
        padding-right: 30px;
    }
    .energy_img_col img {
        height: 510px;
    }
    .energy_section {
        margin-bottom: 50px !important;
    }
    .energy_row_col_two {display: none;}
    .energy_col_box {text-align: center;}
    .energy_title .ds_line {
        display: flex;
        justify-content: center;
    }
    /*------------end commercial page-----------------*/
    /*-------------repair and maintanance-----------------*/
    .repair_row_col_one {
        padding-right: 0px;
        padding-bottom: 20px;
    }
    .repair_right_block .ds_diffe_box_title {
        font-size: 16px;
    }
    .repair_row {display: block;}
    .repair_right_block {display: flex;}
    .repair_left_title .ds_line,.repair_left_btn{
        display: flex;
        justify-content: center;
    }
    .repair_left_col_box {text-align: center;}
    .industry_col_box {
        gap: 60px;
    }
    .industry_img img {
        height: 65px;
    }
    .industry_img {
        height: 125px;
    }
    .efficiency_row_col {
        padding: 0 0px;
    }
    .efficiency_col .et_pb_toggle_title:before,.efficiency_col .et_pb_toggle_open .et_pb_toggle_title:after {
        font-size: 30px;
    }
    .efficiency_title {
        width: 75%;
    }
    .repair_form_title{width: 100%}
    .maint_process_left {
        padding-right: 20px;
    }
    .maint_process_iner_title .ds_grediant_title {
        font-size: 20px;
    }
    .maint_process_iner_content ul li {
        padding: 5px 0 5px 25px;
    }
    .maint_process_left_img img {
        height: 360px;
    }
    .maint_process_faq_title.maint_process_step_tit {
        padding: 10px 0;
    }
    .maint_process_tab_content {
        padding: 20px;
    }
    .maint_process_title_box {
        font-size: 18px;
        width: 145px;
        height: 60px;
    }
    /*-------------end repair and maintanance-----------------*/
    /*----------------system package inner page-------------------*/
    .sys_package_img img {
        height: 255px;
    }
    .sys_package_iner_title .ds_grediant_title {
        font-size: 22px;
    }
    .sys_package_iner_content ul li {
        padding: 4px 0 4px 33px;
        font-size: 15px;
    }
    .sys_package_logo {
        width: 75px;
        height: 75px;
        right: 22px;
        top: 73px;
    }
    .sys_package_row {
        gap: 20px;
    }
    .sys_package_iner_content ul li::after {
        width: 25px;
        height: 25px;
        font-size: 15px;
    }
    .sys_package_logo img {
        width: 35px;
        height: 35px;
    }
    .sys_package_desc {
        padding: 20px 15px 45px;
    }
    .sys_package_img {
        padding: 35px 30px;
    }
    .sys_package_box_inner_install {
        padding: 10px 0;
    }
    .sys_package_box_install {
        padding: 20px 15px;
    }
    ul.sys_package_install_content {
        grid-template-columns: 1fr;
        gap: 1px;
    }
    .sys_package_left {width: 30%;}
    .sys_package_right {width: 70%;}
    .faq_tab_title {
        padding: 15px;
        font-size: 16px;
    }
    .faq_tab_desc_box .site_content {
        padding: 15px;
    }
    /*----------------end system package inner page-------------------*/
    /*-----------------refer a friend------------------*/
    .refer_image_col img {
        height: 415px;
    }
    .refer_row_col_two {
        padding: 0 12px;
    }
    /* .refer_row_col  {
        width: 100% !important;
    } */
    .refer_row_col {
        width: 40% !important;
    }
    .refer_row_col_two {
        width: 60% !important;
    }
    .refer_offer_text2 {
        font-size: 25px;
    }
    .refer_form_title .ds_grediant_title {
        font-size: 22px;
    }
    .refer_offer_text {
        font-size: 16px;
    }
    /* .refer_row.refer_row_mob {display: block !important;} */
    /* .refer_row {display: none;} */
    /* .refer_row_mob .refer_row_col {
        width: 100% !important;
    } */
    .refer_form_col {
        /* display: flex;
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center; */
        padding: 20px 12px;
    }
    /* .refer_form_box {
        width: 48.5%;
        float: left;
    } */
    .refer_image_col {
        padding: 22px 0;
    }
    .refer_box_col_box {
        grid-template-columns: 1fr 1fr;
    }
    .refer_btn {
        padding-top: 0;
        width: 100%;
    }
    /*-----------------end refer a friend------------------*/
    /*-------------------installtion page-------------*/
    .ds_installtions_block .blog_main_box {
        gap: 15px;
        grid-template-columns: 1fr 1fr;
    }
    /*-------------------end installtion page-------------*/
    /*---------------warranty page---------------------*/
    .wyear_row_col_two {
        padding: 0 15px;
    }
    .wyear_row_col_one {
        width: 30% !important;
    }
    .wyear_row_col_two {
        width: 70% !important;
    }
    .wyear_content {
        overflow: auto;
        height: 135px;
    }
    .wrnt_product_logo img {
        height: 26px;
    }
    .wrnt_content_inner {
        width: 22.1%;
        padding: 10px;
    }
    .wrnt_tab_title .maint_process_title_box {
        width: 185px;
    }
    .wrnt_product_pdf a span {
        font-size: 15px
    }
    .wrnt_product_pdf a {
        padding: 2px 12px;
    }
    .wrnt_product_title .ds_grediant_title {
        font-size: 21px;
    }
    .wrnty_filler_content {
        padding: 15px 0;
        font-size: 16px;
    }
    .wrnty_filler_box {
        padding: 30px 20px;
    }
    .wrnty_filler_img img {
        height: 75px;
    }
    /*---------------end warranty page---------------------*/
    /*-----------------solar panel --------------------*/
    .solar_row_col_one {
        padding-right: 0px;        
    }
    .solar_image_col_web {display: none;}
    .solar_image_col_mob ,.solar_row{display:block; }
    .solar_image_col img {
        height: 200px;
    }
    .solar_col_box {
        text-align: center;
    }
    .solar_title .ds_line {
        display: flex;
        justify-content: center;
    }
    .s_brand_box_left {
        padding: 20px;
        margin: 15px;
    }
    .s_brand_pro_name ul li {
        padding: 11px 0 11px 8px !important;
        font-size: 15px;
    }
    .s_brand_pro_name ul {
        height: 523px;
    }
    .s_brand_logo {
        width: 200px;
        height: 100px;
    }
    .s_brand_row::before,.s_brand_section::before {
        height: 380px;
    }
    .s_brand_logo img {
        height: 40px;
    }
    .require_row_col_one {
        padding-right: 10px;
    }
    .require_section::before {
        right: -153px;
        width: 230px;
        height: 200px;
    }
    span.require_two {
        font-size: 26px;
    }
    .require_form_col {
        gap: 10px;
    }
    .require_title {width: 100%;}
    .require_title .ds_grediant_title {
        font-size: 30px;
    }
    .require_img svg {
        width: 70px;
        height: 70px;
    }
    span.require_one {font-size: 18px;}
    .require_left_col_box {
        padding: 15px 10px;
    }
    .require_text {gap: 7px;}
    .s_type_col_box {
        padding: 20px;
    }
    .s_type_title {
        font-size: 18px;
        padding-bottom: 6px;
    }
    .s_type_row_col {
        width: 33.33% !important;
    }
    /*-----------------end solar panel --------------------*/
    /*-----------------solar bettery --------------------*/
    .s_type_bettery_row .s_type_row_col {
        width: 49% !important;
    }
    .s_type_bettery_row .s_type_col_box {
        padding: 10px;
    }
    /*-----------------end solar bettery --------------------*/
    /*-----------------soler product page--------------------*/
    .available_box{
        width: 48.9%;
    }
    .available_title {
        font-size: 18px;
    }
    .available_inner_block {
        gap: 15px;
    }
    .available_inner_box {
        padding: 25px 15px;
    }
    /*-----------------soler product page--------------------*/
     /*-----------------complaint handling--------------------*/
    .hk_map_col_ul ul {
        gap: 20px;
        display: grid;
        width: 50%;
        margin: auto;
    }
    .comp_desc_block ul {
        gap: 10px;
        display: grid;
    }
    .comp_desc_block .s_type_col_box {
        padding: 25px 10px;
        width: 60%;
        margin: auto;
    }
    .compl_col_box .contact_inner_title {
        font-size: 17px;
    }
    .s_type_col_box {
        padding: 20px 5px;
    }
    span.image_locate {
        width: 75px;
        height: 75px;
        font-size: 20px;
    }
    li.page_main_li span:last-child {
        height: 105px;
        padding: 33px 30px 10px;
        font-size: 16px;
    }
    .comp_text {
        font-size: 15px;
    }
    li.s_type_col_box {
        width: 100%;
    }
    /*-----------------end complaint handling--------------------*/
    /*-----------------testimonial--------------------*/
    .test_form_col_box {
        width: 100%;
    }
    /*-----------------end testimonial--------------------*/
}

@media only screen and (min-width: 981px) and (max-width: 1024px) {
    /* ================== */
    .offer_inner_detail {
        height: 410px;
        overflow: auto;
    }
    .pro_hp_image img {
        height: 340px;
    }
    /* ================== */
    div#main-content {
        margin-top: 70px;
    }
    .row_tb_padding{
        padding: 40px 20px !important;
    }
    .top_bottom_padding{
        padding: 40px 0 !important;
    }
    /*---------------banner section---------------------*/
    .banner_section {
        height: 230px;
    }
    /*---------------end banner section---------------------*/
    /*--------------contact page----------------*/
    .contact_left_col_box {
        width: 95%;
    }
    .ds_grediant_title.contact_tit {
        font-size: 60px;
    }
    .contact_box {
        font-size: 17px;
    }
    .contact_inner_title {
        font-size: 19px;
    }
    .contact_loc svg {
        width: 25px;
        height: 30px;
    }
    /*--------------end contact page----------------*/
    /*---------------about page------------------------*/
    .about_image_col img {
        height: 505px;
    }
    .about_content {
        overflow: auto;
        height: 375px;
    }
    .about_row_col_two {
        padding-left: 15px;
    }
    .process_row.row_tb_padding {
        padding: 100px 0 !important;
    }
    .product_title {
        font-size: 16px;
        width: 100%;
    }
    .process_img svg {
        width: 40px;
        height: 40px;
    }
    .process_detail_box {
        height: 145px;
    }
    .process_detail {
        width: 31%;
    }
    .process_detail_three {
        right: 12px;
    }
    .process_detail_one {
        left: 80px;
    }
    /*.process_img {
        width: 110px;
        height: 110px;
    }*/
    .our_process {
        width: 970px;
    }
    .product_content .site_content {
        font-size: 14px;
    }
    /*---------------end about page----------------------*/
    /*----------------special offer------------------*/
    .offer_inner_title {
        font-size: 20px;
    }
    /* .offer_image img {
        height: 360px;
    }
    .offer_image {
        height: 500px;
    } */
    .offer_inner_detail {
        padding: 4px 0;
    }
    .offer_box {
        padding-bottom: 40px;
    }
    .offer_price {
        font-size: 26px;
    }
    /*----------------end special offer------------------*/
    /*--------------blog page-------------------*/
    .blog_image img {
        height: 340px;
    }
    .blog_title a {
        font-size: 18px;
    }
    .blog_title_col {
        height: 120px;
        padding: 15px 5px;
        margin: -70px auto 10px;
        width: 95%;
    }
    .blog_box {
        padding: 15px 0;
    }
    /*--------------end blog page-------------------*/
    /*------------blog detail-----------------*/
    .blog_innerp_left_col {
        width: 75%;
        padding-right: 30px;
    }
    .blog_innerp_right_col {width: 25%;}
    .blog_share_icon .social_inner_block {
        width: 40px;
        height: 40px;
    }
    .recent_title {
        font-size: 20px;
    }
    /*------------end blog detail-----------------*/
    /*---------------testimonial page---------------------*/
    .testimonial_slider_block {
        gap: 35px 20px;
    }
    /*---------------end testimonial page---------------------*/
    /*------------privacy policy-----------*/
    .et_pb_toggle_content {
        font-size: 15px !important;
    }
    h5.et_pb_toggle_title {
        font-size: 17px !important;
    }
    .et_pb_accordion_item {
        padding: 12px !important;
    }
    /*------------end privacy policy-----------*/
    /*---------calculate your saving--------------*/
    .calc_row{gap: 15px;}
    .calc_img_2 img {
        width: 210px;
        height: 180px;
        top: 80px;
    }
    .calc_img_1 img {
        width: 175px;
        height: 175px;
    }
    .calc_left_col_box {
        padding: 30px 20px 0;
    }
    .calc_right_col_box{
        padding: 30px 20px;
    }
    .calc_faq_title {font-size: 16px;}
    .calc_right_title {font-size: 33px;}
    div#back input, div#back select {
        width: 100%;
        height: 50px;
    }
    .calc_img_2 {
        margin-right: -23px;
    }
    .offer_dis.calc_popup {        
        width: 330px;
        padding: 40px 40px;
    }
    .calc_popup_open{
        left: -76% !important;  
    }
    p.offer_dis_heading.ds_grediant_title {
        font-size: 20px;
    }
    .cal_num {
        font-size: 25px;
    }
    /*---------end calculate your saving--------------*/
    /*------------recidential page----------------*/
    .reci_row.row_tb_padding {
        padding-top: 100px !important;
    }
    .reci_image_col .et_pb_image_wrap::after {
        width: 245px;
        height: 225px;
        top: -45px;
        left: 84px;
    }
    .reci_image_col img {
        width: 280px;
        height: 280px;
    }
    .reci_image_col .et_pb_image_wrap::before{
        width: 100px;
        height: 100px;
    }
    .system_title {width: 66%;}
    .system_inner_block {
        gap: 10px;
    }   
    .system_box::before {
        width: 50px;
        height: 40px;
    }
    .system_inner_box {padding: 20px 10px}
    .system_image img {height: 190px;}
    .system_inner_title .ds_grediant_title {font-size: 24px;}
    .system_image {margin-top: -115px;}
    .system_title {padding-bottom: 110px;}
    .upfront_row_col_one {
        width: 83% !important;
    }
    .upfront_col_box {padding-right: 169px;}
    .upfront_image_col img {
        width: 310px;
        height: 375px;
    }
    .upfront_image_col .et_pb_image_wrap::before {
        width: 140px;
        height: 100px;
    }
    .upfront_row_col_two {margin-left: -165px;}
    .type_sys_tab {
        font-size: 16px;
        width: 195px;
    }
    .type_sys_image img {
        height: 380px;
    }    
    .type_sys_text {
        height: 500px;
        overflow: auto;
    }
    /*------------end recidential page----------------*/
    /*---------------inspection report---------------*/
    .border_box {
        padding: 25px 25px;
    }
    .site_contact_outter.border_box {
        width: 48%;
    }
    .site_contact_outter .ds_grediant_title {
        font-size: 23px;
    }
    .site_contact_row {
        display: grid;
        gap: 0;
    }
    /*---------------end inspection report---------------*/
    /*------------commercial page-----------------*/
    .business_left_col img {
        height: 700px;
    }
    .business_col_title {
        width: 100%;
    }
    .business_col_box {padding: 0px 10px;}
    .ds_diffe_box_img svg {
        width: 60px;
        height: 60px;
    }
    .energy_row_col_one {
        padding-right: 30px;
    }
    .energy_img_col img {
        height: 510px;
    }
    .energy_section {
        margin-bottom: 50px !important;
    }
    /*------------end commercial page-----------------*/
    /*-------------repair and maintanance-----------------*/
    .repair_row_col_one {
        padding-right: 40px;
    }
    .repair_right_block .ds_diffe_box_title {
        font-size: 16px;
    }
    .industry_col_box {
        gap: 60px;
    }
    .industry_img img {
        height: 65px;
    }
    .industry_img {
        height: 125px;
    }
    .efficiency_row_col {
        padding: 0 5px;
    }
    .efficiency_col .et_pb_toggle_title:before,.efficiency_col .et_pb_toggle_open .et_pb_toggle_title:after {
        font-size: 30px;
    }
    .efficiency_title {
        width: 75%;
    }
    .repair_form_title{width: 85%}
    .maint_process_left {
        padding-right: 20px;
    }
    .maint_process_iner_title .ds_grediant_title {
        font-size: 24px;
    }
    .maint_process_iner_content ul li {
        padding: 5px 0 5px 25px;
    }
    .maint_process_left_img img {
        height: 400px;
    }
    .maint_process_faq_title.maint_process_step_tit {
        padding: 10px 0;
    }
    .maint_process_tab_content {
        padding: 20px;
    }
    .maint_process_title_box {
        font-size: 18px;
        width: 145px;
    }
    /*-------------end repair and maintanance-----------------*/
    /*----------------system package inner page-------------------*/
    .sys_package_img img {
        height: 290px;
    }
    .sys_package_iner_title .ds_grediant_title {
        font-size: 26px;
    }
    .sys_package_iner_content ul li {
        padding: 4px 0 4px 33px;
        font-size: 15px;
    }
    .sys_package_logo {
        width: 100px;
        height: 100px;
        right: 22px;
    }
    .sys_package_row {
        gap: 20px;
    }
    .sys_package_iner_content ul li::after {
        width: 25px;
        height: 25px;
        font-size: 15px;
    }
    .sys_package_logo img {
        width: 50px;
        height: 50px;
    }
    .sys_package_desc {
        padding: 20px 15px 45px;
    }
    .sys_package_img {
        padding: 35px 30px;
    }
    .sys_package_box_inner_install {
        padding: 10px 0;
    }
    .sys_package_box_install {
        padding: 20px 15px;
    }
    .faq_tab_title {
        padding: 15px;
        font-size: 16px;
    }
    .faq_tab_desc_box .site_content {
        padding: 15px;
    }
    /*----------------end system package inner page-------------------*/
     /*-----------------refer a friend------------------*/
    .refer_image_col img {
        height: 530px;
    }
    .refer_row_col_two {
        padding: 0 12px;
    }
    /* .refer_row_col  {
        width: 100% !important;
    } */
    .refer_offer_text2 {
        font-size: 25px;
    }
    .refer_form_title .ds_grediant_title {
        font-size: 22px;
    }
    .refer_offer_text {
        font-size: 16px;
    }
    /* .refer_row.refer_row_mob {display: block !important;} */
    /* .refer_row {display: none;} */
    /* .refer_row_mob .refer_row_col {
        width: 100% !important;
    } */
    .refer_form_col {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px 12px;
    }
    /* .refer_form_box {
        width: 48.9%;
        float: left;
    } */
    .refer_image_col {
        padding: 22px 0;
    }
    .refer_box_col_box {
        grid-template-columns: 1fr 1fr;
    }
    .refer_btn {
        padding-top: 0;
        width: 100%;
    }
    /*-----------------end refer a friend------------------*/
    /*-------------------installtion page-------------*/
    .ds_installtions_block .blog_main_box {
        gap: 15px;
    }
    /*-------------------end installtion page-------------*/
    /*---------------warranty page---------------------*/
    .wyear_row_col_two {
        padding: 0 15px;
    }
    .wrnt_product_logo img {
        height: 35px;
    }
    .wrnt_content_inner {
        width: 22.7%;
        padding: 10px;
    }
    .wrnt_tab_title .maint_process_title_box {
        width: 185px;
    }
    .wrnt_product_title .ds_grediant_title {
        font-size: 21px;
    }
    .wrnty_filler_content {
        padding: 15px 0;
        font-size: 18px;
    }
    .wrnty_filler_box {
        padding: 30px 20px;
    }
    .wrnty_filler_img img {
        height: 75px;
    }
    /*---------------end warranty page---------------------*/
    /*-----------------solar panel --------------------*/
    .solar_row_col_one {
        padding-right: 30px;
    }
    .s_brand_box_left {
        padding: 20px;
    }
    .s_brand_pro_name ul li {
        padding: 13px 0 13px 15px !important;
        font-size: 16px;
    }
    .s_brand_pro_name ul {
        height: 545px;
    }
    .s_brand_logo {
        width: 220px;
        height: 110px;
    }
    .s_brand_row::before,.s_brand_section::before {
        height: 450px;
    }
    .s_brand_logo img {
        height: 42px;
    }
    .require_row_col_one {
        padding-right: 10px;
    }
    .require_section::before {
        right: -153px;
        width: 230px;
        height: 200px;
    }
    span.require_two {
        font-size: 30px;
    }
    .require_form_col {
        gap: 10px;
    }
    .require_title {width: 100%;}
    .require_title .ds_grediant_title {
        font-size: 32px;
    }
    .require_img svg {
        width: 75px;
        height: 75px;
    }
    span.require_one {font-size: 20px;}
    .require_left_col_box {
        padding: 30px;
    }
    .require_text {gap: 7px;}
    .s_type_col_box {
        padding: 20px;
    }
    .s_type_title {
        font-size: 18px;
        padding-bottom: 6px;
    }    
    /*-----------------end solar panel --------------------*/
    /*-----------------solar bettery --------------------*/
    .s_type_bettery_row .s_type_col_box {
        padding: 10px;
    }
    /*-----------------end solar bettery --------------------*/
    /*-----------------soler product page--------------------*/
    .available_box{
        width: 32.2%;
    }
    .available_title {
        font-size: 18px;
    }
    .available_inner_block {
        gap: 15px;
    }
    .available_inner_box {
        padding: 25px 15px;
    }
    /*-----------------soler product page--------------------*/
    /*-----------------complaint handling--------------------*/
    .hk_map_col_ul ul {
        gap: 20px;
    }
    .comp_desc_block ul {
        gap: 10px;
        display: grid;
    }
    .comp_desc_block .s_type_col_box {
        padding: 25px 4px;
    }
    .compl_col_box .contact_inner_title {
        font-size: 17px;
    }
    .s_type_col_box {
        padding: 20px 5px;
    }
    span.image_locate {
        width: 75px;
        height: 75px;
        font-size: 20px;
    }
    li.page_main_li span:last-child {
        height: 105px;
        padding: 33px 30px 10px;
        font-size: 16px;
    }
    .comp_text {
        font-size: 15px;
    }
    li.s_type_col_box {
        width: 100%;
    }
    /*-----------------end complaint handling--------------------*/
    /*-----------------testimonial--------------------*/
    .test_form_col_box {
        width: 100%;
    }
    /*-----------------end testimonial--------------------*/

}

@media all and (min-width: 1025px) and (max-width: 1140px) {
    /* ================== */
    .offer_inner_detail {
        height: 410px;
        overflow: auto;
    }
    .pro_hp_image img {
        height: 370px;
    }
    /* ================== */
    div#main-content {
        margin-top: 70px;
    }
    .row_tb_padding{
        padding: 40px 20px !important;
    }
    .top_bottom_padding{
        padding: 40px 0 !important;
    }
    /*---------------banner section---------------------*/
    .banner_section {
        height: 230px;
    }
    /*---------------end banner section---------------------*/
    /*--------------contact page----------------*/
    .contact_left_col_box {
        width: 90%;
    }
    .ds_grediant_title.contact_tit {
        font-size: 65px;
    }
    .contact_box {
        font-size: 17px;
    }
    .contact_inner_title {
        font-size: 19px;
    }
    .contact_loc svg {
        width: 25px;
        height: 30px;
    }
    /*--------------end contact page----------------*/
    /*---------------about page------------------------*/
    .about_image_col img {
        height: 505px;
    }
    .about_content {
        overflow: auto;
        height: 375px;
    }
    .about_row_col_two {
        padding-left: 15px;
    }
    .process_row.row_tb_padding {
        padding: 100px 0 !important;
    }
    .product_title {
        font-size: 16px;
        width: 100%;
    }
    .process_detail_box {
        height: 145px;
    }
    .process_img svg {
        width: 40px;
        height: 40px;
    }
    /*.process_img {
        width: 110px;
        height: 110px;
    }*/
    .our_process {
        width: 1000px;
    }
    .product_content .site_content {
        font-size: 14px;
    }
    /*---------------end about page----------------------*/
    /*----------------special offer------------------*/
    .offer_inner_title {
        font-size: 20px;
    }
    /* .offer_image img {
        height: 385px;
    }
    .offer_image {
        height: 530px;
    } */
    .offer_inner_detail {
        padding: 4px 0;
    }
    .offer_box {
        padding-bottom: 50px;
    }
    .offer_price {
        font-size: 30px;
    }
    /*----------------end special offer------------------*/
    /*--------------blog page-------------------*/
    .blog_image img {
        height: 340px;
    }
    .blog_title a {
        font-size: 20px;
    }
    .blog_title_col {
        height: 125px;
        padding: 20px 5px;
        width: 95%;
    }
    .blog_box {
        padding: 15px 0;
    }
    /*--------------end blog page-------------------*/
    /*------------blog detail-----------------*/    
    .blog_innerp_left_col {
        width: 75%;
        padding-right: 30px;
    }
    .blog_innerp_right_col {width: 25%;}
    .blog_share_icon .social_inner_block {
        width: 40px;
        height: 40px;
    }
    .recent_title {
        font-size: 20px;
    }
    /*------------end blog detail-----------------*/
    /*---------------testimonial page---------------------*/
    .testimonial_slider_block {
        gap: 35px 20px;
    }
    /*---------------end testimonial page---------------------*/
    /*---------calculate your saving--------------*/
    .calc_row{gap: 15px;}
    .calc_img_2 img {
        width: 210px;
        height: 180px;
        top: 80px;
    }
    .calc_img_1 img {
        width: 175px;
        height: 175px;
    }
    .calc_left_col_box {
        padding: 30px 20px 0;
    }
    .calc_right_col_box{
        padding: 30px 20px;
    }
    .calc_faq_title {font-size: 16px;}
    .calc_right_title {font-size: 33px;}
    div#back input, div#back select {
        width: 100%;
        height: 50px;
    }
    .calc_img_2 {
        margin-right: -23px;
    }
    .offer_dis.calc_popup {        
        width: 330px;
        padding: 40px 40px;
    }
    .calc_popup_open{
        left: -73% !important;
    }
    p.offer_dis_heading.ds_grediant_title {
        font-size: 21px;
    }
    .cal_num {
        font-size: 30px;
    }
    /*---------end calculate your saving--------------*/
    /*------------recidential page----------------*/
    .reci_row.row_tb_padding {
        padding-top: 100px !important;
    }
    .reci_image_col .et_pb_image_wrap::after {
        width: 280px;
        height: 270px;
        top: -52px;
        left: 105px;
    }
    .reci_image_col img {
        width: 340px;
        height: 340px;
    }
    .reci_image_col .et_pb_image_wrap::before{
        width: 100px;
        height: 100px;
    }
    .system_title {width: 66%;}
    .system_inner_block {
        gap: 20px;
    }   
    .system_box::before {
        width: 50px;
        height: 40px;
    }
    .system_inner_box {padding: 20px 10px}
    .system_image img {height: 200px;}
    .system_inner_title .ds_grediant_title {font-size: 24px;}
    .system_image {margin-top: -135px;}
    .system_title {padding-bottom: 135px;}
    .upfront_row_col_one {
        width: 83% !important;
    }
    .upfront_col_box {padding-right: 169px;}
    .upfront_image_col img {
        width: 310px;
        height: 375px;
    }
    .upfront_image_col .et_pb_image_wrap::before {
        width: 140px;
        height: 100px;
    }
    .upfront_row_col_two {margin-left: -165px;}
    .type_sys_tab {
        font-size: 16px;
        width: 195px;
    }
    .type_sys_image img {
        height: 400px;
    }    
    .type_sys_text {
        height: 500px;
        overflow: auto;
    }
    /*------------end recidential page----------------*/
    /*---------------inspection report---------------*/
    .border_box {
        padding: 25px 25px;
    }
    .site_contact_outter.border_box {
        width: 48%;
    }
    .site_contact_outter .ds_grediant_title {
        font-size: 25px;
    }
    .site_contact_row {
        display: grid;
        gap: 0;
    }
    /*---------------end inspection report---------------*/
    /*------------commercial page-----------------*/
    .business_left_col img {
        height: 800px;
    }
    .business_col_title {
        width: 100%;
    }
    .business_col_box {padding: 0px 10px;}
    .ds_diffe_box_img svg {
        width: 60px;
        height: 60px;
    }
    .energy_row_col_one {
        padding-right: 30px;
    }
    .energy_img_col img {
        height: 530px;
    }
    .energy_section {
        margin-bottom: 65px !important;
    }
    /*------------end commercial page-----------------*/
    /*-------------repair and maintanance-----------------*/
    .repair_row_col_one {
        padding-right: 40px;
    }
    .repair_right_block .ds_diffe_box_title {
        font-size: 16px;
    }
    .industry_col_box {
        gap: 60px;
    }
    .industry_img img {
        height: 65px;
    }
    .industry_img {
        height: 125px;
    }
    .efficiency_row_col {
        padding: 0 10px;
    }
    .efficiency_title {
        width: 75%;
    }
    .maint_process_left {
        padding-right: 20px;
    }
    .maint_process_iner_title .ds_grediant_title {
        font-size: 24px;
    }
    .maint_process_iner_content ul li {
        padding: 5px 0 5px 25px;
    }
    .maint_process_left_img img {
        height: 400px;
    }
    .maint_process_faq_title.maint_process_step_tit {
        padding: 10px 0;
    }
    .maint_process_tab_content {
        padding: 20px;
    }
    .maint_process_title_box {
        font-size: 18px;
        width: 145px;
    }
    /*-------------end repair and maintanance-----------------*/
    /*----------------system package inner page-------------------*/
    .sys_package_img img {
        height: 290px;
    }
    .sys_package_iner_title .ds_grediant_title {
        font-size: 26px;
    }
    .sys_package_iner_content ul li {
        font-size: 16px;
    }
    .sys_package_logo {
        width: 100px;
        height: 100px;
        right: 22px;
    }
    .sys_package_row {
        gap: 20px;
    }
    .sys_package_iner_content ul li::after {
        width: 25px;
        height: 25px;
        font-size: 15px;
    }
    .sys_package_logo img {
        width: 50px;
        height: 50px;
    }
    .sys_package_desc {
        padding: 20px 15px 45px;
    }
    .sys_package_img {
        padding: 35px 30px;
    }
    .sys_package_box_inner_install {
        padding: 10px 0;
    }
    .sys_package_box_install {
        padding: 20px 15px;
    }
    .faq_tab_title {
        padding: 15px;
        font-size: 16px;
    }
    .faq_tab_desc_box .site_content {
        padding: 15px;
    }
    /*----------------end system package inner page-------------------*/
    /*-----------------refer a friend------------------*/
    .refer_image_col img {
        height: 550px;
    }
    .refer_row_col_two {
        padding: 0 12px;
    }
    /* .refer_row_col,.refer_row_col_two  {
        width: 30% !important;
    }
    .refer_row_col_three {
        width: 40% !important;
    } */
    .refer_offer_text2 {
        font-size: 25px;
    }
    .refer_form_col {
        padding: 20px 12px;
    }
    .refer_form_title .ds_grediant_title {
        font-size: 22px;
    }
    .refer_offer_text {
        font-size: 16px;
    }
    /*-----------------end refer a friend------------------*/
    /*-------------------installtion page-------------*/
    .ds_installtions_block .blog_main_box {
        gap: 15px;
    }
    /*-------------------end installtion page-------------*/
    /*---------------warranty page---------------------*/
    .wyear_row_col_two {
        padding: 0 15px;
    }
    .wrnt_product_logo img {
        height: 35px;
    }
    .wrnt_content_inner {
        width: 22.8%;
        padding: 10px;
    }
    .wrnt_tab_title .maint_process_title_box {
        width: 185px;
    }
    .wrnt_product_title .ds_grediant_title {
        font-size: 21px;
    }
    .wrnty_filler_content {
        padding: 15px 0;
        font-size: 18px;
    }
    .wrnty_filler_box {
        padding: 40px 20px;
    }
    .wrnty_filler_img img {
        height: 75px;
    }
    /*---------------end warranty page---------------------*/
    /*-----------------solar panel --------------------*/
    .solar_row_col_one {
        padding-right: 30px;
    }
    .s_brand_box_left {
        padding: 20px;
    }
    .s_brand_pro_name ul li {
        padding: 13px 0 13px 15px !important;
        font-size: 17px;
    }
    .s_brand_pro_name ul {
        height: 545px;
    }
    .s_brand_logo {
        width: 220px;
        height: 110px;
    }
    .s_brand_row::before,.s_brand_section::before {
        height: 450px;
    }
    .s_brand_logo img {
        height: 42px;
    }
    .require_row_col_one {
        padding-right: 10px;
    }
    .require_section::before {
        right: -180px;
        width: 300px;
        height: 235px;
    }
    span.require_two {
        font-size: 30px;
    }
    .require_form_col {
        gap: 10px;
    }
    .require_title {width: 100%;}
    .require_title .ds_grediant_title {
        font-size: 32px;
    }
    .require_img svg {
        width: 75px;
        height: 75px;
    }
    span.require_one {font-size: 20px;}
    .require_left_col_box {
        padding: 30px;
    }
    .require_text {gap: 7px;}
    .s_type_col_box {
        padding: 20px;
    }
    .s_type_title {
        font-size: 18px;
        padding-bottom: 6px;
    }
    /*------------end solar panel---------------*/
    /*-----------------solar bettery --------------------*/
    .s_type_bettery_row .s_type_col_box {
        padding: 10px;
    }
    /*-----------------end solar bettery --------------------*/
    /*-----------------soler product page--------------------*/
    .available_box{
        width: 32.3%;
    }
    .available_title {
        font-size: 18px;
    }
    .available_inner_block {
        gap: 15px;
    }
    .available_inner_box {
        padding: 25px 15px;
    }
    /*-----------------soler product page--------------------*/
     /*-----------------complaint handling--------------------*/
    .hk_map_col_ul ul {
        gap: 20px;
    }
    .comp_desc_block ul {
        gap: 10px;
    }
    .comp_desc_block .s_type_col_box {
        padding: 25px 4px;
    }
    .compl_col_box .contact_inner_title {
        font-size: 17px;
    }
    .s_type_col_box {
        padding: 20px 5px;
    }
    span.image_locate {
        width: 75px;
        height: 75px;
        font-size: 20px;
    }
    li.page_main_li span:last-child {
        height: 105px;
        padding: 33px 30px 10px;
        font-size: 16px;
    }
    .comp_text {
        font-size: 15px;
    }
    /*-----------------end complaint handling--------------------*/
    /*-----------------testimonial--------------------*/
    .test_form_col_box {
        width: 100%;
    }
    /*-----------------end testimonial--------------------*/

}

@media all and (min-width: 1141px) and (max-width: 1280px) {
    /* ================== */
    .offer_inner_detail {
        height: 410px;
        overflow: auto;
    }
    .pro_hp_image img {
        height: 400px;
    }
    /* ================== */
    div#main-content {
        margin-top: 90px;
    }
    .row_tb_padding{
        padding: 50px 50px !important;
    }
    .top_bottom_padding{
        padding: 50px 0 !important;
    }
    /*---------------banner section---------------------*/
    .banner_section {
        height: 230px;
    }
    /*---------------end banner section---------------------*/ 
    /*--------------contact page----------------*/
    .contact_left_col_box {
        width: 90%;
    }
    .ds_grediant_title.contact_tit {
        font-size: 70px;
    }
    .contact_box {
        font-size: 17px;
    }
    .contact_inner_title {
        font-size: 19px;
    }
    .contact_loc svg {
        width: 25px;
        height: 30px;
    }
    /*--------------end contact page----------------*/
    /*---------------about page------------------------*/
    .about_image_col img {
        height: 505px;
    }
    .about_content {
        overflow: auto;
        height: 315px;
    }
    .about_row_col_two {
        padding-left: 15px;
    }
    .process_row.row_tb_padding {
        padding: 100px 0 !important;
    }
    .product_title {
        font-size: 18px;
        width: 100%;
    }
    .process_img svg {
        width: 40px;
        height: 40px;
    }
    .process_detail_box {
        height: 148px;
    }
    /*.process_img {
        width: 110px;
        height: 110px;
    }*/
    .our_process {
        width: 1040px;
    }
    /*---------------end about page----------------------*/
    /*----------------special offer------------------*/
    .offer_inner_title {
        font-size: 20px;
    }
    /* .offer_image img {
        height: 385px;
    }
    .offer_image {
        height: 530px;
    } */
    .offer_inner_detail {
        padding: 4px 0;
    }
    .offer_box {
        padding-bottom: 50px;
    }
    .offer_price {
        font-size: 34px;
    }
    /*----------------end special offer------------------*/
    /*--------------blog page-------------------*/
    .blog_image img {
        height: 340px;
    }
    .blog_title a {
        font-size: 20px;
    }
    .blog_title_col {
        height: 125px;
        padding: 20px 5px;
        width: 95%;
    }
    /*--------------end blog page-------------------*/
    /*------------blog detail-----------------*/
    .blog_innerp_left_col {
        width: 75%;
        padding-right: 30px;
    }
    .blog_innerp_right_col {width: 25%;}
    .recent_title {
        font-size: 22px;
    }
    /*------------end blog detail-----------------*/
    /*---------------testimonial page---------------------*/
    .testimonial_slider_block {
        gap: 35px 30px;
    }
    /*---------------end testimonial page---------------------*/
    /*---------calculate your saving--------------*/
    .calc_img_2 img {
        width: 220px;
        height: 200px;
        top: 94px;
    }
    .calc_img_1 img {
        width: 200px;
        height: 200px;
    }
    .calc_left_col_box {
        padding: 30px 20px 0;
    }
    .calc_right_col_box{
        padding: 30px 20px;
    }
    .calc_faq_title {font-size: 16px;}
    .calc_right_title {font-size: 35px;}
    .offer_dis.calc_popup {        
        width: 330px;
        padding: 40px 40px;
    }
    .calc_popup_open{
        left: -71% !important;
    }
    p.offer_dis_heading.ds_grediant_title {
        font-size: 21px;
    }
    .cal_num {
        font-size: 30px;
    }
    button#get_cal {
        width: 170px;
    }
    /*---------end calculate your saving--------------*/
    /*------------recidential page----------------*/
    .reci_row.row_tb_padding {
        padding-top: 100px !important;
    }
    .reci_image_col .et_pb_image_wrap::after {
        width: 280px;
        height: 270px;
        top: -52px;
        left: 105px;
    }
    .reci_image_col img {
        width: 340px;
        height: 340px;
    }
    .reci_image_col .et_pb_image_wrap::before{
        width: 100px;
        height: 100px;
    }
    .system_title {width: 70%;}
    .system_inner_block {
        gap: 20px;
    }   
    .system_box::before {
        width: 75px;
        height: 70px;
    }
    .system_inner_box {padding: 30px 20px;}
    .system_image img {height: 240px;}
    .system_inner_title .ds_grediant_title {font-size: 24px;}
    .system_image {margin-top: -150px;}
    .system_title {padding-bottom: 140px;}
    .upfront_row_col_one {
        width: 80% !important;
    }
    .upfront_col_box {padding-right: 169px;}
    .upfront_image_col img {
        width: 410px;
        height: 440px;
    }
    .upfront_image_col .et_pb_image_wrap::before {
        width: 170px;
        height: 130px;
    }
    .upfront_row_col_two {margin-left: -188px;}
    .type_sys_tab {
        font-size: 16px;
        width: 195px;
    }
    .type_sys_image img {
        height: 380px;
    }   
    .type_sys_text {
        height: 414px;
        overflow: auto;
    }
    /*------------end recidential page----------------*/
    /*---------------inspection report---------------*/
    .border_box {
        padding: 25px 25px;
    }
    .site_contact_outter.border_box {
        width: 48%;
    }
    .site_contact_outter .ds_grediant_title {
        font-size: 26px;
    }
    /*---------------end inspection report---------------*/
    /*------------commercial page-----------------*/
    .business_left_col img {
        height: 800px;
    }
    .business_col_title {
        width: 100%;
    }
    .business_col_box {padding: 0px 50px;}
    .ds_diffe_box_img svg {
        width: 60px;
        height: 60px;
    }
    .energy_row_col_one {
        padding-right: 30px;
    }
    .energy_img_col img {
        height: 545px;
    }
    /*------------end commercial page-----------------*/
    /*-------------repair and maintanance-----------------*/
    .repair_row_col_one {
        padding-right: 60px;
    }
    .industry_col_box {
        gap: 115px;
    }
    .industry_img img {
        height: 75px;
    }
    .efficiency_row_col {
        padding: 0 10px;
    }
    .efficiency_title {
        width: 75%;
    }
    .maint_process_left {
        padding-right: 35px;
    }
    .maint_process_iner_title .ds_grediant_title {
        font-size: 24px;
    }
    .maint_process_iner_content ul li {
        padding: 5px 0 5px 25px;
    }
    .maint_process_left_img img {
        height: 400px;
    }
    .maint_process_faq_title.maint_process_step_tit {
        padding: 10px 0;
    }
    /*-------------end repair and maintanance-----------------*/
    /*----------------system package inner page-------------------*/
    .sys_package_img img {
        height: 300px;
    }
    .sys_package_iner_title .ds_grediant_title {
        font-size: 26px;
    }
    .sys_package_iner_content ul li {
        font-size: 16px;
    }
    .sys_package_logo {
        width: 100px;
        height: 100px;
        right: 22px;
    }
    .sys_package_row {
        gap: 30px;
    }
    .sys_package_iner_content ul li::after {
        width: 25px;
        height: 25px;
        font-size: 15px;
    }
    .sys_package_logo img {
        width: 50px;
        height: 50px;
    }
    .sys_package_desc {
        padding: 20px 15px 45px;
    }
    .sys_package_img {
        padding: 35px 30px;
    }
    .faq_tab_title {
        padding: 20px;
        font-size: 17px;
    }
    .faq_tab_desc_box .site_content {
        padding: 20px;
    }
    /*----------------end system package inner page-------------------*/
    /*-----------------refer a friend------------------*/
    .refer_image_col img {
        height: 550px;
    }
    .refer_row_col_two {
        padding: 0 12px;
    }
    /* .refer_row_col,.refer_row_col_two  {
        width: 30% !important;
    }
    .refer_row_col_three {
        width: 40% !important;
    } */
    .refer_offer_text2 {
        font-size: 27px;
    }
    .refer_form_col {
        padding: 20px 12px;
    }
    .refer_form_title .ds_grediant_title {
        font-size: 22px;
    }
    /*-----------------end refer a friend------------------*/
    /*-------------------installtion page-------------*/
    .ds_installtions_block .blog_main_box {
        gap: 15px;
    }
    /*-------------------end installtion page-------------*/
    /*---------------warranty page---------------------*/
    .wyear_row_col_two {
        padding: 0 15px;
    }
    .wrnt_product_logo img {
        height: 35px;
    }
    .wrnt_content_inner {
        width: 22.9%;
        padding: 10px;
    }
    .wrnt_tab_title .maint_process_title_box {
        width: 185px;
    }
    .wrnt_product_title .ds_grediant_title {
        font-size: 23px;
    }
    .wrnty_filler_content {
        padding: 24px 0;
        font-size: 20px;
    }
    .wrnty_filler_box {
        padding: 40px 20px;
    }
    .wrnty_filler_img img {
        height: 75px;
    }
    /*---------------end warranty page---------------------*/
    /*-----------------solar panel --------------------*/
    .solar_row_col_one {
        padding-right: 30px;
    }
    /*-----------------end solar panel --------------------*/
    /*------------solar panel---------------*/
    .s_brand_box_left {
        padding: 20px;
    }
    .s_brand_pro_name ul li {
        padding: 13px 0 13px 24px !important;
        font-size: 18px;
    }
    .s_brand_pro_name ul {
        height: 545px;
    }
    .s_brand_logo {
        width: 220px;
        height: 110px;
    }
    .s_brand_row::before,.s_brand_section::before {
        height: 450px;
    }
    .s_brand_logo img {
        height: 42px;
    }
    .require_row_col_one {
        padding-right: 10px;
    }
    .require_section::before {
        right: -180px;
        width: 300px;
        height: 235px;
    }
    span.require_two {
        font-size: 37px;
    }
    .require_form_col {
        gap: 10px;
    }
    .require_title {width: 100%;}
    .require_title .ds_grediant_title {
        font-size: 34px;
    }
    .require_img svg {
        width: 75px;
        height: 75px;
    }
    span.require_one {font-size: 20px;}
    .require_left_col_box {
        padding: 30px;
    }
    .s_type_col_box {
        padding: 20px;
    }
    .s_type_title {
        font-size: 18px;
        padding-bottom: 6px;
    }
    /*------------end solar panel---------------*/
    /*-----------------solar bettery --------------------*/
    .s_type_bettery_row .s_type_col_box {
        padding: 10px;
    }
    /*-----------------end solar bettery --------------------*/
    /*-----------------soler product page--------------------*/
    .available_box{
        width: 32.3%;
    }
    .available_title {
        font-size: 18px;
    }
    .available_inner_block {
        gap: 15px;
    }
    .available_inner_box {
        padding: 25px 15px;
    }
    /*-----------------soler product page--------------------*/
    /*-----------------complaint handling--------------------*/
    .hk_map_col_ul ul {
        gap: 20px;
    }
    .comp_desc_block ul {
        gap: 10px;
    }
    .comp_desc_block .s_type_col_box {
        padding: 25px 10px;
    }
    .compl_col_box .contact_inner_title {
        font-size: 17px;
    }
    .s_type_col_box {
        padding: 20px 5px;
    }
    span.image_locate {
        width: 85px;
        height: 85px;
    }
    li.page_main_li span:last-child {
        height: 125px;
        padding: 33px 30px 10px;
        font-size: 16px;
    }
    .comp_text {
        font-size: 15px;
    }
    /*-----------------end complaint handling--------------------*/
    /*-----------------testimonial--------------------*/
    .test_form_col_box {
        width: 90%;
    }
    /*-----------------end testimonial--------------------*/
}

@media all and (min-width: 1281px) and (max-width: 1440px) {
    /* ================== */
    .offer_inner_detail {
        height: 410px;
        overflow: auto;
    }
    .pro_hp_image img {
        height: 400px;
    }
    /* ================== */
    div#main-content {
        margin-top: 90px;
    }
    .row_tb_padding{
        padding: 60px 80px !important;
    }
    /*---------------banner section---------------------*/
    .banner_section {
        height: 230px;
    }
    /*---------------end banner section---------------------*/
    /*--------------contact page----------------*/
    .contact_left_col_box {
        width: 90%;
    }
    .ds_grediant_title.contact_tit {
        font-size: 80px;
    }
    .contact_box {
        font-size: 18px;
    }
    .contact_inner_title {
        font-size: 21px;
    }
    .contact_loc svg {
        width: 25px;
        height: 25px;
    }
    /*--------------end contact page----------------*/
    /*---------------about page------------------------*/
    .about_image_col img {
        height: 505px;
    }
    .about_content {
        overflow: auto;
        height: 350px;
    }
    .about_row_col_two {
        padding-left: 15px;
    }
    .process_row.row_tb_padding {
        padding: 140px 0 !important;
    }
    .product_title {
        font-size: 18px;
        width: 35%;
    }
    .process_img svg {
        width: 40px;
        height: 40px;
    }
    /*.process_img {
        width: 110px;
        height: 110px;
    }*/
    .our_process {
        width: 1150px;
    }
    /*---------------end about page----------------------*/
    /*----------------special offer------------------*/
    .offer_inner_title {
        font-size: 21px;
    }
    /* .offer_image img {
        height: 425px;
    } */
    /* .offer_image {
        height: 580px;
    } */
    .offer_box {
        padding-bottom: 60px;
    }
    .offer_price {
        font-size: 36px;
    }
    /*----------------end special offer------------------*/
    /*--------------blog page-------------------*/
    .blog_image img {
        height: 370px;
    }
    .blog_title a {
        font-size: 20px;
    }
    .blog_title_col {
        height: 125px;
        padding: 20px 5px;
    }
    /*--------------end blog page-------------------*/
    /*------------blog detail-----------------*/
    .blog_innerp_left_col {
        width: 75%;
        padding-right: 30px;
    }
    .blog_innerp_right_col {width: 25%;}
    /*------------end blog detail-----------------*/
    /*---------calculate your saving--------------*/
    .calc_img_2 img {
        width: 240px;
        height: 220px;
        top: 94px;
    }
    .calc_img_1 img {
        width: 215px;
        height: 215px;
    }
    .calc_left_col_box {
        padding: 30px 20px 0;
    }
    .calc_right_col_box{
        padding: 30px 20px;
    }
    .calc_right_title {font-size: 38px;}
    .offer_dis.calc_popup {
        width: 360px;
        padding: 40px 50px;
    }
    .calc_popup_open{
        left: -71% !important;
    }
    p.offer_dis_heading.ds_grediant_title {
        font-size: 23px;
    }
    .cal_num {
        font-size: 33px;
    }
    /*---------end calculate your saving--------------*/
    /*------------recidential page----------------*/
    .reci_row.row_tb_padding {
        padding-top: 120px !important;
    }
    .reci_image_col .et_pb_image_wrap::after {
        width: 330px;
        height: 310px;
        top: -58px;
        left: 103px;
    }
    .reci_image_col img {
        width: 375px;
        height: 375px;
    }
    .reci_image_col .et_pb_image_wrap::before{
        width: 120px;
        height: 120px;
    }
    .system_inner_block {
        gap: 30px;
    }
    .system_box::before {
        width: 75px;
        height: 70px;
    }
    .system_inner_box {padding: 30px 20px;}
    .system_image img {height: 240px;}
    .system_inner_title .ds_grediant_title {font-size: 26px;}
    .system_image {margin-top: -150px;}
    .system_title {padding-bottom: 140px;}
    .upfront_row_col_one {
        width: 80% !important;
    }
    .upfront_col_box {padding-right: 169px;}
    .upfront_image_col img {
        width: 410px;
        height: 440px;
    }
    .upfront_image_col .et_pb_image_wrap::before {
        width: 180px;
        height: 140px;
    }
    .upfront_row_col_two {margin-left: -215px;}
    .page-id-95 .ds_diffe_section {
        padding-bottom: 50px !important;
    }
    .type_sys_tab {
        font-size: 18px;
    }
    .type_sys_text {
        height: 500px;
        overflow: auto;
    }
    /*------------end recidential page----------------*/
    /*---------------inspection report---------------*/
    .border_box {
        padding: 25px 25px;
    }
    .site_contact_outter.border_box {
        width: 48%;
    }
    .site_contact_outter .ds_grediant_title {
        font-size: 28px;
    }
    /*---------------end inspection report---------------*/
    /*------------commercial page-----------------*/
    .business_left_col img {
        height: 900px;
    }
    .business_col_title {
        width: 90%;
    }
    .business_col_box {padding: 0px 50px;}
    .ds_diffe_box_img svg {
        width: 70px;
        height: 70px;
    }
    .energy_row_col_one {
        padding-right: 30px;
    }
    /*------------end commercial page-----------------*/
    /*-------------repair and maintanance-----------------*/
    .repair_right_block .ds_diffe_box_title {
        font-size: 18px;
    }
    .repair_row_col_one {
        padding-right: 60px;
    }
    .industry_col_box {
        gap: 115px;
    }
    .maint_process_left {
        padding-right: 35px;
    }
    .maint_process_iner_title .ds_grediant_title {
        font-size: 26px;
    }
    .maint_process_iner_content ul li {
        padding: 5px 0 5px 25px;
    }
    .maint_process_left_img img {
        height: 400px;
    }
    /*-------------end repair and maintanance-----------------*/
    /*----------------system package inner page-------------------*/
    .sys_package_img img {
        height: 320px;
    }
    .sys_package_iner_title .ds_grediant_title {
        font-size: 28px;
    }
    .sys_package_iner_content ul li {
        font-size: 18px;
    }
    .sys_package_logo {
        width: 100px;
        height: 100px;
    }
    .sys_package_row {
        gap: 30px;
    }
    .sys_package_iner_content ul li::after {
        width: 25px;
        height: 25px;
        font-size: 15px;
    }
    .sys_package_logo img {
        width: 50px;
        height: 50px;
    }
    .sys_package_desc {
        padding: 20px 15px 45px;
    }
    .faq_tab_title {
        padding: 20px;
        font-size: 17px;
    }
    .faq_tab_desc_box .site_content {
        padding: 20px;
    }
    /*----------------end system package inner page-------------------*/
    /*-----------------refer a friend------------------*/
    .refer_image_col img {
        height: 600px;
    }
    .refer_row_col_two {
        padding: 0 12px;
    }
    /* .refer_row_col,.refer_row_col_two  {
        width: 30% !important;
    }
    .refer_row_col_three {
        width: 40% !important;
    } */
    .refer_offer_text2 {
        font-size: 29px;
    }
    /*-----------------end refer a friend------------------*/
    /*-------------------installtion page-------------*/
    .ds_installtions_block .blog_main_box {
        gap: 15px;
    }
    /*-------------------end installtion page-------------*/
    /*---------------warranty page---------------------*/
    .wyear_row_col_two {
        padding: 0 25px;
    }
    .wrnt_product_logo img {
        height: 43px;
    }
    .wrnt_content_inner {
        width: 23%;
    }
    .wrnt_tab_title .maint_process_title_box {
        width: 185px;
    }
    .wrnt_product_title .ds_grediant_title {
        font-size: 25px;
    }
    .wrnty_filler_content {
        padding: 24px 0;
        font-size: 20px;
    }
    .wrnty_filler_box {
        background: #fdffef;
    }
    /*---------------end warranty page-----------------*/
    /*------------solar panel---------------*/
    .s_brand_box_left {
        padding: 35px;
    }
    .s_brand_pro_name ul li {
        padding: 17px 0 17px 20px !important;
        font-size: 18px;
    }
    .s_brand_pro_name ul {
        height: 625px;
    }
    .s_brand_logo {
        width: 245px;
        height: 115px;
    }
    .s_brand_row::before,.s_brand_section::before {
        height: 550px;
    }
    .require_row_col_one {
        padding-right: 10px;
    }
    .require_section::before {
        width: 345px;
        height: 295px;
    }
    span.require_two {
        font-size: 37px;
    }
    .require_form_col {
        gap: 10px;
    }
    .require_title {width: 100%;}
    .require_title .ds_grediant_title {
        font-size: 36px;
    }
    .s_type_col_box {
        padding: 25px;
    }    
    /*------------end solar panel---------------*/
    /*-----------------solar bettery --------------------*/
    .s_type_bettery_row .s_type_col_box {
        padding: 10px;
    }
    .s_type_title {
        font-size: 20px;
    }
    /*-----------------end solar bettery --------------------*/
    /*-----------------soler product page--------------------*/
    .available_box{
        width: 23.7%;
    }
    .available_title {
        font-size: 18px;
    }
    .available_inner_block {
        gap: 15px;
    }
    .available_inner_box {
        padding: 25px 15px;
    }
    /*-----------------soler product page--------------------*/
    /*-----------------complaint handling--------------------*/
    .hk_map_col_ul ul {
        gap: 20px;
    }
    .comp_desc_block ul {
        gap: 10px;
    }
    .comp_desc_block .s_type_col_box {
        padding: 25px 10px;
    }
    .compl_col_box .contact_inner_title {
        font-size: 18px;
    }
    span.image_locate {
        width: 85px;
        height: 85px;
    }
    li.page_main_li span:last-child {
        height: 125px;
        padding: 33px 30px 10px;
    }
    /*-----------------end complaint handling--------------------*/
    /*-----------------testimonial--------------------*/
    .test_form_col_box {
        width: 80%;
    }
    /*-----------------end testimonial--------------------*/
}

@media all and (min-width: 1441px) and (max-width: 1680px) {
    /* ================== */
    .offer_inner_detail {
        height: 410px;
        overflow: auto;
    }
    .pro_hp_image img {
        height: 400px;
    }
    /* ================== */
    div#main-content {
        margin-top: 90px;
    }
    .row_tb_padding{
        padding: 70px 100px !important;
    }
    .top_bottom_padding{
        padding: 80px 0 !important;
    }
    /*---------------banner section---------------------*/
    .banner_section {
        height: 255px;
    }
    /*---------------end banner section---------------------*/
    /*--------------contact page----------------*/
    .contact_left_col_box {
        width: 82%;
    }
    .ds_grediant_title.contact_tit {
        font-size: 90px;
    }
    .contact_box {
        font-size: 18px;
    }
    .contact_inner_title {
        font-size: 21px;
    }
    /*--------------end contact page----------------*/
    /*---------------about page------------------------*/
    .about_image_col img {
        height: 550px;
    }
    .about_content {
        overflow: auto;
        height: 380px;
    }
    .process_row.row_tb_padding {
        padding: 140px 0 !important;
    }
    .product_title {
        font-size: 18px;
        width: 35%;
    }
    .process_img svg {
        width: 40px;
        height: 40px;
    }
    /*.process_img {
        width: 110px;
        height: 110px;
    }*/
    .our_process {
        width: 1230px;
    }
    /*---------------end about page----------------------*/
    /*----------------special offer------------------*/
    .offer_inner_title {
        font-size: 21px;
    }
    /* .offer_image img {
        height: 500px;
    } */
    /* .offer_image {
        height: 580px;
    } */
    .offer_box {
        padding-bottom: 70px;
    }
    /*----------------end special offer------------------*/
    /*--------------blog page-------------------*/
    .blog_image img {
        height: 440px;
    }
    .blog_title a {
        font-size: 22px;
    }
    /*--------------end blog page-------------------*/
    /*------------blog detail-----------------*/
    .blog_detail_col_box {
        gap: 30px;
    }
    /*------------end blog detail-----------------*/
    /*---------calculate your saving--------------*/
    .calc_img_2 img {
        width: 240px;
        height: 220px;
        top: 94px;
    }
    .calc_img_1 img {
        width: 215px;
        height: 215px;
    }
    .offer_dis.calc_popup {
        width: 390px;
        padding: 40px 70px;
    }
    .calc_popup_open{
        left: -69% !important;
    }
    /*---------end calculate your saving--------------*/
    /*------------recidential page----------------*/
    .reci_row.row_tb_padding {
        padding-top: 150px !important;
    }
    .reci_image_col .et_pb_image_wrap::after {
        width: 375px;
        height: 355px;
        top: -66px;
        left: 103px;
    }
    .reci_image_col img {
        width: 410px;
        height: 410px;
    }
    .reci_image_col .et_pb_image_wrap::before{
        width: 140px;
        height: 140px;
    }
    .system_inner_block {
        gap: 30px;
    }
    .system_box::before {
        width: 75px;
        height: 70px;
    }
    .system_inner_box {
        padding: 30px 20px;
    }
    .system_image img {
        height: 250px;
    }
    .upfront_row_col_one {
        width: 80% !important;
    }
    .upfront_col_box {padding-right: 200px;}
    .upfront_image_col img {
        width: 460px;
        height: 460px;
    }
    .upfront_image_col .et_pb_image_wrap::before {
        width: 180px;
        height: 140px;
    }
    .type_sys_tab {
        font-size: 18px;
    }
    /*------------end recidential page----------------*/
    /*------------commercial page-----------------*/
    .business_left_col img {
        height: 900px;
    }
    .business_col_title {
        width: 90%;
    }
    .business_col_box {padding: 0px 50px;}
    .energy_row_col_one {
        padding-right: 50px;
    }
    /*------------end commercial page-----------------*/
    /*-------------repair and maintanance-----------------*/
    .repair_right_block .ds_diffe_box_title {
        font-size: 20px;
    }
    .industry_col_box {
        gap: 160px;
    }
    /*-------------end repair and maintanance-----------------*/
    /*----------------system package inner page-------------------*/
    .sys_package_img img {
        height: 320px;
    }
    .sys_package_iner_title .ds_grediant_title {
        font-size: 28px;
    }
    .sys_package_iner_content ul li {
        font-size: 18px;
    }
    .sys_package_logo {
        width: 125px;
        height: 125px;
    }
    .faq_tab_title {
        padding: 20px;
        font-size: 17px;
    }
    .faq_tab_desc_box .site_content {
        padding: 20px;
    }
    /*----------------end system package inner page-------------------*/
    /*-----------------refer a friend------------------*/
    .refer_image_col img {
        height: 610px;
    }
    .refer_row_col_two {
        padding: 0 12px;
    }
    /* .refer_row_col,.refer_row_col_two  {
        width: 30% !important;
    }
    .refer_row_col_three {
        width: 40% !important;
    } */
    /*-----------------end refer a friend------------------*/
    /*---------------warranty page-----------------*/
    .wrnt_product_logo img {
        height: 43px;
    }
    .wrnt_content_inner {
        width: 18.3%;
    }
    .wrnt_tab_title .maint_process_title_box {
        width: 185px;
    }
    .wrnty_filler_content {
        padding: 24px 0;
        font-size: 20px;
    }
    .wrnty_filler_box {
        background: #fdffef;
    }
    /*---------------end warranty page-----------------*/
    /*------------solar panel---------------*/
    .s_brand_box_left {
        padding: 35px;
    }
    .s_brand_pro_name ul li {
        padding: 17px 0 17px 24px !important;
        font-size: 20px;
    }
    .s_brand_pro_name ul {
        height: 625px;
    }
    .s_brand_logo {
        width: 245px;
        height: 115px;
    }
    .s_brand_row::before,.s_brand_section::before {
        height: 550px;
    }
    .require_row_col_one {
        padding-right: 10px;
    }
    .require_section::before {
        width: 345px;
        height: 295px;
    }
    span.require_two {
        font-size: 37px;
    }
    .s_type_col_box {
        padding: 25px 15px;
    }
    .s_type_title {
        font-size: 20px;
    }
    /*------------end solar panel---------------*/
    /*-----------------soler product page--------------------*/
    .available_box{
        width: 23.7%;
    }
    .available_title {
        font-size: 18px;
    }
    /*-----------------soler product page--------------------*/
    /*-----------------complaint handling--------------------*/
    .hk_map_col_ul ul {
        gap: 30px;
    }
    .comp_desc_block ul {
        gap: 10px;
    }
    .comp_desc_block .s_type_col_box {
        padding: 25px 10px;
    }
    /*-----------------end complaint handling--------------------*/
    /*-----------------testimonial--------------------*/
    .test_form_col_box {
        width: 80%;
    }
    /*-----------------end testimonial--------------------*/
}

@media all and (min-width: 1681px) and (max-width: 1880px) {
    .row_tb_padding{
        padding: 80px 150px !important;
    }   
    /*--------------contact page----------------*/
    .contact_left_col_box {
        width: 82%;
    }
    /*--------------end contact page----------------*/
    /*---------calculate your saving--------------*/
    .calc_popup_open{
        left: -68% !important;
    }
    /*---------end calculate your saving--------------*/
    /*------------commercial page-----------------*/
    .business_left_col img {
        height: 900px;
    }
    /*------------end commercial page-----------------*/
}