@media only screen and (min-width:1025px) {
.wsmenu>.wsmenu-list>li>ul.sub-menu { opacity: 0; visibility: hidden }
.header_top li.call i { display: none }
.header_top li a:hover:before { bottom: 27px; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
header.sticky .menubar ul li a:hover, header.sticky .menubar ul li.selected>a { color: #f6a222 }
.contact_info .contact_detail_box:after { position: absolute; content: ""; height: 0; bottom: 0; left: 0; right: 0; background-color: #f6a222; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; z-index: -1 }
.contact_info .contact_detail_box:hover:after { height: 100%; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
.contact_info .contact_detail_box:hover a, .contact_info .contact_detail_box:hover h2, .contact_info .contact_detail_box:hover p { color: #fff; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
.contact_info .contact_detail_box:hover h2:after { background-color: #fff; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
.contact_info .contact_detail_box:hover .social_media ul li a:hover { background-color: #000 }
}
@media only screen and (min-width:992px) {
header.sticky .menubar ul li a { color: #333 }
}
@media only screen and (min-width:768px) {
.point_wrapper.text-right ul li:after { left: auto; right: 0 }
.point_wrapper.text-right ul li { padding-left: 0; padding-right: 70px; text-align: right }
.point_wrapper ul li:last-child { margin-bottom: 0 }
}
@media only screen and (max-width:1500px) {
.testimonial_content p { font-size: 19px }
.profile_signature img { max-width: 150px }
.testimonials .testimonials_box { max-width: 600px }
.profile_info .profile_name { margin-left: 28px }
}
@media only screen and (max-width:1300px) {
.menubar ul li+li { margin-left: 30px }
.menubar ul li a { font-size: 15px }
.testimonial_content p { font-size: 17px }
.testimonials .swiper-container-horizontal .swiper-pagination-bullets { margin-top: 40px }
.testimonials .testimonials_box { max-width: 550px }
.our_process .row .process-single .icon:before { right: -97px }
.point_wrapper ul li { margin-bottom: 30px }
}
@media only screen and (max-width:1199px) {
.menubar ul li a { font-size: 14px }
.menubar ul li+li { margin-left: 20px }
.banner .swiper-slide .caption h2 { font-size: 45px; margin-bottom: 0 }
.banner .swiper-slide .caption p { font-size: 20px }
.main_logo { max-width: 170px }
.testimonials .testimonials_image { width: 40% }
.testimonials .testimonials_box { max-width: 57% }
.testimonials .swiper-container-horizontal .swiper-pagination-bullets { margin-top: 20px }
.testimonial_content p { line-height: 1.8 }
.footer p br:first-child { display: none }
.footer .footer_wrapper ul li a { width: 45px; height: 45px }
.copyright p, .copyright ul li a { font-size: 18px }
.how_solar_works_main .commercial_solar .container { position: static; width: 100%; float: left }
.how_solar_works_main .commercial_solar_img { float: left; width: 100%; margin-bottom: 30px }
.how_solar_works_main .commercial_solar { display: block; float: left; width: 100% }
.our_process .row .process-single .icon:before { display: none }
.point_wrapper ul li p { font-size: 15px }
.point_wrapper ul li:after { top: 3px }
.pricing_table tr td .btn { min-width: 150px }
.pricing_table tr td { font-size: 13px; padding: 10px 15px; height: 40px }
.pricing_table tr td:first-child { min-width: 190px }
.pricing_table tr td .btn { min-width: 130px }
.pricing_table table { margin: 0 0 30px }
.warranty_downloads .tab-content ul li { width: 50% }
.projects_page .nav-tabs .nav-link { padding: 13px 15px; font-size: 13px; letter-spacing: .5px }
.projects_page .nav-tabs .nav-item { margin-right: 5px }
.project_box h2 { font-size: 18px }
.project_box p { font-size: 16px }
}
@media only screen and (max-width:1024px) {
html { height: 100%; -webkit-overflow-scrolling: touch }
body { height: 100%; overflow-y: auto; overflow-x: hidden }
body.wsactive { overflow: hidden }
.wsmenucontainer { background-attachment: local; background-position: 33% 0 }
.wsmenu { width: 100%; background: rgba(0,0,0,0) none repeat scroll 0 0; left: 0; overflow-y: hidden; padding: 0; top: 0; visibility: hidden; position: fixed; margin: 0 }
.wsmenu>.wsmenu-list { height: auto; min-height: 100%; width: 250px; background: #fff; padding-bottom: 0; margin-left: -280px; display: block; text-align: center; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out; position: absolute }
.wsmenu>.wsmenu-list>li { width: 100%; display: block; float: none; border-right: none; background-color: transparent; position: relative; white-space: inherit; clear: right }
@supports (-webkit-overflow-scrolling:touch) {
.wsmenu>.wsmenu-list>li:last-child {
padding-bottom:110px
}
}
.wsmenu>.wsmenu-list>li>a { width: 100%; padding: 10px 20px 10px 15px; font-size: 14px; text-align: left; border-right: solid 0; background-color: transparent; color: #666; line-height: 25px; border-bottom: 1px solid; border-bottom-color: rgba(0,0,0,.13); position: static }
.wsmenu>.wsmenu-list>li a.menuhomeicon { padding-left: 17px; padding-right: 17px; border-top: solid 1px rgba(0,0,0,.13) }
.wsmenu>.wsmenu-list>li>a.menuhomeicon i { display: none }
.wsmenu>.wsmenu-list>li>a>i { font-size: 16px; color: #bfbfbf }
.wsmenu>.wsmenu-list>li>a .wsarrow:after { display: none }
.wsmenu>.wsmenu-list>li:hover>a { text-decoration: none }
.wsmenu>.wsmenu-list>li>a>.hometext { display: inline-block }
.wsmenu>.wsmenu-list>li>ul.sub-menu { display: none; position: relative; top: 0; background-color: #f5f5f5; box-shadow: none; border: none; padding: 0; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat; float: left; width: 100% }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a { line-height: 20px; font-size: 14px; padding: 10px 15px 10px 30px; color: #666 }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li span+a { padding-right: 30px }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a>i { display: none }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover { background-color: #e7e7e7; color: #666 }
.wsmenu>.wsmenu-list>li>ul.sub-menu li:hover>a { background-color: #e7e7e7; color: #666 }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu { width: 100%; position: static; left: 100%; top: 0; display: none; margin: 0; padding: 0; border: solid 0; transform: none; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li { margin: 0; padding: 0; position: relative }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a { line-height: 20px; font-size: 13px; padding: 10px 0 10px 26px; color: #383838 }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li span+a { padding-right: 30px }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a>i { display: none }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover { background-color: #e7e7e7; color: #666; text-decoration: underline }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a.active { color: #000 }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>a { color: #000 }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu { width: 100%; position: static; left: 100%; top: 0; display: none; margin: 0; padding: 0; border: solid 0; transform: none; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li { margin: 0 }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a { line-height: 20px; font-size: 13px; padding: 10px 0 10px 34px; color: #383838 }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li span+a { padding-right: 30px }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a>i { display: none }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a:hover { background-color: #e7e7e7; color: #666; text-decoration: underline }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a.active { color: #000 }
.wsmobileheader { width: 100%; display: block; position: fixed; top: 0; left: 0; z-index: 10002; height: 54px; background-color: #eaecf0; text-align: center; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out; box-shadow: 0 0 1px rgba(0,0,0,.3) }
.wsactive .wsmobileheader { margin-left: 240px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out }
.wsmobileheader .smllogo { display: inline-block; margin-top: 12px }
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch { width: 86%; margin: 7% 7%; padding: 0 }
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input { border-radius: 50px }
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus { width: 100% }
.wsanimated-arrow { height: 36px; width: 36px; margin-left: 20px; z-index: 888; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; float: right }
.wsanimated-arrow span, .wsanimated-arrow span:after, .wsanimated-arrow span:before { cursor: pointer; height: 5px; width: 24px; background: #fff; position: absolute; display: block; content: ''; left: 0; right: 0; margin: 0 auto }
.wsanimated-arrow span, .wsanimated-arrow span:after, .wsanimated-arrow span:before { transition: all .5s ease-in-out }
.overlapblackbg { right: 0; width: 100%; height: 100vh; min-height: 100%; position: fixed; top: 0; opacity: 0; visibility: hidden; background-color: rgba(0,0,0,.45); cursor: pointer }
.wsactive .wsmenu .overlapblackbg { opacity: 1; visibility: visible; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out }
.wsmenucontainer { -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out }
.wsactive .wsmenucontainer { -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out }
.wsactive .wsmenu { overflow-y: scroll; -webkit-overflow-scrolling: touch; visibility: visible; z-index: 88; top: 0 }
.wsactive .wsmenu>.wsmenu-list { -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out; margin-left: 0 }
.wsmenu>.wsmenu-list>li>.wsmenu-click { height: 49px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; width: 45px; z-index: 55 }
.wsmenu>.wsmenu-list>li .wsmenu-click.ws-activearrow>i { transform: rotate(-45deg); margin-top: 23px }
.wsmenu>.wsmenu-list>li>.wsmenu-click>i { display: block; height: 8px; width: 8px; float: right; transform: rotate(-225deg); margin: 18px 18px 0 0 }
.wsmenu>.wsmenu-list>li>.wsmenu-click>i:before { content: ""; width: 100%; height: 100%; border-width: 1.5px 1.5px 0 0; border-style: solid; border-color: #666; transition: .2s ease; display: block; transform-origin: 100% 0 }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02 { height: 41px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; width: 100% }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i { display: block; height: 8px; width: 8px; float: right; transform: rotate(-225deg); margin: 14px 18px 0 0 }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i:before { content: ""; width: 100%; height: 100%; border-width: 1.5px 1.5px 0 0; border-style: solid; border-color: rgba(0,0,0,.4); transition: .2s ease; display: block; transform-origin: 100% 0 }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i.wsmenu-rotate { transform: rotate(-45deg); margin-top: 19px }
.header_top { margin-bottom: 0 }
header.header { align-items: center; padding: 10px 15px 10px 15px }
.wsanimated-arrow span, .wsanimated-arrow span:after, .wsanimated-arrow span:before { cursor: pointer; height: 2px; width: 20px; background: #fff; position: absolute; display: block; content: ''; margin: 0 auto; left: 0; right: 0 }
.wsanimated-arrow span:before { top: -7px }
.wsanimated-arrow span:after { bottom: -7px }
.wsanimated-arrow span, .wsanimated-arrow span:after, .wsanimated-arrow span:before { transition: all .5s ease-in-out }
.wsactive .wsanimated-arrow span, .wsactive header.sticky .wsanimated-arrow span { background-color: transparent!important }
.wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow.active span:after { top: 7px }
.wsactive .wsanimated-arrow span:before { transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); bottom: 0 }
.wsactive .wsanimated-arrow span:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg) }
.wsactive .wsanimated-arrow { padding-bottom: 14px }
.header_top li.call a span { display: none }
.menubar ul li { padding-bottom: 0 }
.menubar .header_top ul li+li { margin-left: 10px }
.menubar ul li:last-child { margin-left: 0 }
.wsanimated-arrow { margin-left: 10px }
.header_top li.call a:after, .header_top li.call a:before { display: none }
.header_top li.call a { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; padding: 0 }
.header_top li a { padding: 8px 15px; height: 36px }
.header_top li.call a i { transform: rotate(95deg) }
.banner .swiper-slide .caption { margin-top: 10px }
.menubar nav ul li { margin-left: 0 }
.wsmenu>.wsmenu-list>li>a { float: left }
.menubar nav ul li+li { margin-left: 0 }
.wsmenu>.wsmenu-list>li { float: left }
.wsmenu>.wsmenu-list>li>ul.sub-menu { margin-top: 0 }
.menubar ul li.selected>a { color: #fff; background-color: #f6a222 }
.wsmenu>.wsmenu-list>li.selected>.wsmenu-click>i:before { border-color: #fff }
.wsanimated-arrow { border-color: #2587ea }
.wsactive .wsanimated-arrow { border-color: #2587ea }
.wsactive header.sticky .wsanimated-arrow { border-color: #fff }
header.sticky .wsanimated-arrow span, header.sticky .wsanimated-arrow span:after, header.sticky .wsanimated-arrow span:before { background-color: #2587ea }
.wsactive header.sticky .wsanimated-arrow span, .wsactive header.sticky .wsanimated-arrow span:after, .wsactive header.sticky .wsanimated-arrow span:before { background-color: #fff }
header.sticky .header_top li.call a { color: #fff!important }
header.sticky .menubar { margin-bottom: 0 }
.title h2 { font-size: 45px }
.title p { font-size: 20px }
p { font-size: 19px }
.our_brands_box { margin: 10px auto; height: 140px }
.our_brands_box img { max-height: 70px }
.copyright p, .copyright p a, .copyright ul li a { font-size: 16px }
.copyright { padding: 35px 0 }
.point_wrapper ul li h2 { font-size: 17px }
.point_wrapper ul li p { line-height: 1.6 }
.point_wrapper ul li:after { height: 40px; width: 40px }
.point_wrapper ul li { margin-bottom: 20px }
.point_wrapper.text-right ul li { padding-right: 55px }
.point_wrapper ul li { padding-left: 55px }
.our_brands_box { margin: 0 auto; height: 120px }
}
@media only screen and (max-width:991px) {
.banner .swiper-slide .caption h2 { font-size: 35px }
.banner .swiper-slide .caption p { font-size: 18px }
.modal-body .title { margin-bottom: 30px }
.modal-content .btn { margin-top: 10px }
section { padding: 100px 0 }
.dedicated_team_post { margin-top: 90px }
.dedicated_team_post .dedicated_team_box h2 { font-size: 24px; margin-bottom: 10px }
.dedicated_team_post .dedicated_team_box .icon { margin-bottom: 53px }
.dedicated_team_post .dedicated_team_box .icon img { max-width: 80px }
.content_section { padding: 150px 0 }
.content_section_box { padding: 47px 50px; max-width: 510px }
.testimonials .testimonials_image { width: 100% }
.testimonials .container { position: static }
.testimonials .testimonials_box { max-width: 100%; margin-top: 30px }
.testimonials { display: block; padding-bottom: 50px!important }
.testimonial_content p { line-height: 2.1 }
.testimonial_content { margin-top: 10px }
.footer .title h2 { font-size: 60px }
.footer p { font-size: 17px }
.footer .footer_wrapper ul li a { width: 35px; height: 35px }
.footer .footer_wrapper ul li svg { height: 16px }
.footer .footer_wrapper ul li { margin-right: 5px }
.footer { padding: 100px 0 0 0 }
.copyright { text-align: center }
.footer .footer_menu { text-align: center; margin-top: 15px }
.inner_banner { height: 400px }
.inner_banner .inner_caption .h1, .inner_banner .inner_caption h1, .inner_banner .inner_caption span { font-size: 50px }
img.alignleft { max-width: 40% }
.counter_box h1 { font-size: 60px }
.cms_page .counter_box p { font-size: 16px }
.counter_box { padding: 30px 15px }
.left_img { margin-bottom: 30px }
section.what_we_offer .row [class*=col-]:first-child { order: 1 }
section.what_we_offer .row [class*=col-]:nth-child(2) { order: 2 }
section.what_we_offer .row [class*=col-]:nth-child(3) { order: 3 }
.middle_image { margin-bottom: 30px }
.gllery_sec { margin-bottom: 30px }
.gallery .row [class*=col-]:last-child .gllery_sec { margin-bottom: 0 }
.warranty_downloads .nav-tabs li a { font-size: 15px; padding: 15px 7px 15px 40px }
.warranty_downloads .nav-tabs { padding: 10px }
.contact_info .contact_detail_box { margin-bottom: 50px }
.contact_info .row [class*=col-]:last-child .contact_detail_box { margin-bottom: 0 }
.columns { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3 }
.columns6 { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4 }
.h1, h1 { font-size: 40px }
table td, table th { height: 45px; font-size: 14px }
.file_choose { margin: 8px 0 }
.hl_video iframe { width: 100%; height: 500px;}
}
@media only screen and (max-width:767px) {
.banner .swiper-slide .caption h2 { font-size: 30px }
.banner .swiper-slide .caption p { font-size: 16px }
.btn { min-width: 180px; font-size: 13px; padding: 10px 15px; margin-top: 20px }
.banner .swiper-slide img { max-width: 900px; width: auto }
.dedicated_team .align_flex_end { text-align: center }
.dedicated_team .button { text-align: center; margin-bottom: 0; margin-top: 15px }
.cms_page section, section { padding: 80px 0 }
.dedicated_team_post .dedicated_team_box { margin-bottom: 50px }
.dedicated_team_post .row [class*=col-]:last-child .dedicated_team_box { margin-bottom: 0 }
.content_section { padding: 100px 0 }
.commercial_solar .container { position: static; width: 100%; float: left }
.commercial_solar { display: block; float: left; width: 100% }
.commercial_solar_img { float: left; width: 100%; margin-bottom: 30px }
.commercial_solar { padding-top: 0 }
.who_we_are_content { margin-top: 30px }
.sidebar { text-align: center }
.our_brands_box { height: 100px }
.footer_social { text-align: center; float: left; width: 100%; padding: 20px 0 50px 0; border-top: 1px solid #bbb }
.footer .footer_social ul li { float: none }
.footer .footer_wrapper { margin-bottom: 30px }
.footer .footer_wrapper h2 { margin-bottom: 5px }
.footer .footer_wrapper ul li { margin-bottom: 0; margin-top: 5px }
.footer p { font-size: 15px }
.footer .title h2 { font-size: 50px }
.contact_details { margin-top: 40px }
.footer { padding: 70px 0 0 0 }
.copyright p, .copyright p a, .copyright ul li a { font-size: 15px }
.inner_banner { height: 300px }
.inner_banner .inner_caption .h1, .inner_banner .inner_caption h1, .inner_banner .inner_caption span { font-size: 40px }
.about_post .about_icon { width: 100px; height: 100px }
.about_post .about_content { padding-left: 130px }
.about_post .about_icon svg { height: 50px }
img.alignleft, img.alignright { width: 100%; max-width: 100%; float: left; margin: 0 0 20px 0 }
.counter_box { margin-bottom: 30px }
.counter .row [class*=col-]:last-child .counter_box { margin-bottom: 0 }
.cms_page .counter_box p { font-size: 15px }
.how_solar_works_main .commercial_solar { margin-bottom: 80px }
.what_we_offer .text-right { text-align: left!important }
.point_wrapper.text-right ul li { padding-right: 0 }
.mono_vs_multi_box { margin-bottom: 30px }
.tab-content { margin-top: 30px }
.warranty_downloads .nav-tabs li:before { display: none }
.map iframe { height: 300px }
.map { margin-bottom: 30px }
.how_it_works .row [class*=col-]:last-child .how_it_works_box { margin-bottom: 0 }
.how_it_works_image { margin-bottom: 30px }
.welcome_content ul { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2 }
.columns { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2 }
.columns6 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
.project_content { margin-top: 30px }
table { min-width: 700px }
.service_and_support_page img.alignleft { width: auto; max-width: 100%; float: left; margin: 0 15px 20px 0 }
.hl_video iframe { width: 500px; height: 290px;}
}
@media only screen and (max-width:575px) {
.columns6 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
.title h2 { font-size: 35px }
.title p { font-size: 18px }
.title.text-center p { max-width: 100% }
header.sticky .main_logo img { max-width: 120px }
.cms_page section, section { padding: 50px 0 }
.dedicated_team_post .dedicated_team_box { text-align: center }
.dedicated_team_post .dedicated_team_box .icon { margin-bottom: 20px }
.dedicated_team_post { margin-top: 50px }
.content_section_box .content p, p { margin: 0 0 25px 0 }
.our_mission { padding: 50px 0; height: 550px }
.footer .title h2 { font-size: 40px }
.scroll-top { width: 35px; height: 35px; right: 15px; font-size: 14px }
.copyright ul li { margin: 0 7px; padding: 0 5px }
.copyright ul li+li:after { left: -10px }
.inner_page .title { margin-bottom: 40px }
.about_post .about_content { padding-left: 0; width: 100%; float: left }
.about_content h2 { font-size: 22px; margin-bottom: 10px; line-height: normal }
.about_post .about_icon { margin-bottom: 20px }
.about_post .about_post_box { padding: 40px 0 }
.counter_box { margin-bottom: 15px }
.h2, h2 { font-size: 25px }
.how_solar_works_main .commercial_solar { margin-bottom: 50px }
.process-single .icon_main { height: auto; width: auto; margin-bottom: 20px }
.process-single { margin-bottom: 30px; padding: 0 }
.our_process .row [class*=col-]:last-child .process-single { margin-bottom: 0 }
.gllery_sec .gallery_img { margin-bottom: 15px }
.accordion .btn-link { font-size: 17px }
.accordion .card { padding: 0 15px }
.warranty_downloads .tab-content ul li { width: 100% }
.warranty_downloads .tab-content ul li a { width: calc(100% - 0px) }
.contact_info .contact_detail_box { min-height: unset; padding: 50px 15px 20px 15px }
.contact_detail_box span { width: 65px; height: 65px; top: -30px }
.contact_info .contact_detail_box span svg { width: 25px }
.loader { background-size: 40px auto }
.how_it_works_image { margin-bottom: 20px }
.how_it_works_box { padding: 40px 0 }
.footer_logo ul li img { max-width: 120px; max-height: 50px }
.our_brands_box img { max-width: 110px; max-height: 50px }
.our_brands_box { height: 60px }
.our_brands .our_brands_main { margin-top: 20px }
.h1, h1 { font-size: 33px }
.tab-content { margin-top: 0 }
.project_box .project_img img { width: 100% }
.project_box { margin-bottom: 30px }
.single_product_page .project_img { margin-bottom: 15px }
.cms_page .project_content p { margin: 0 0 10px 0 }
.service_and_support_page img.alignleft { width: 100%; margin: 0 0 20px 0 }
.input-label { font-size: 13px }
.check_box_main { padding: 15px 15px }
.check_box_main ol li { margin: 5px 0 5px 0; width: 50%; float: left }
.commercial_solar [class*=col-], .content_section_box { text-align: center }
.commercial_solar .content, .commercial_solar .title, .content_section_box .content, .content_section_box .title { text-align: left }
.hl_video iframe { width: 100%; height: 290px;}
}
@media only screen and (max-width:480px) {
.main_logo { max-width: 150px }
.btn { min-width: 160px; font-size: 13px; padding: 8px 15px }
.title h2 { font-size: 30px }
.title p { font-size: 16px }
.modal-body { padding: 30px 15px }
button.close { right: 20px; top: 16px }
.modal-body .title { margin-bottom: 20px }
.form-control { height: 45px }
.input-label { font-size: 13px; top: 13px }
.cms_page p, p { font-size: 16px; margin: 0 0 20px 0; line-height: 1.9 }
.cms_page ul li, .home .welcome_content ul li { font-size: 16px }
.dedicated_team_post .dedicated_team_box h2 { margin-bottom: 5px }
.content_section_box { padding: 40px 30px }
.content_section { padding: 50px 0 }
.content_section_box .content p { margin: 0 0 20px 0 }
.profile_signature img { max-width: 120px }
.profile_info .profile_name p { line-height: unset }
.footer .title h2 { font-size: 35px; margin: 0 }
.footer .footer_wrapper h2 { font-size: 18px }
.footer p { line-height: 1.8 }
.inner_banner .inner_caption .h1, .inner_banner .inner_caption h1, .inner_banner .inner_caption span { font-size: 30px }
.inner_banner { height: 250px }
.inner_page .title { margin-bottom: 30px }
.about_post .about_post_box { padding: 30px 0 }
.counter_box h1 { font-size: 45px }
.counter_box { padding: 15px 15px 20px 15px }
.footer { padding: 50px 0 0 0 }
.contact_details { margin-top: 20px }
.h2, h2 { font-size: 22px; margin-bottom: 10px }
.inner_page .title { margin-bottom: 20px }
.point_wrapper ul li:after { height: 30px; width: 30px; background-size: 15px auto }
.point_wrapper ul li { padding-left: 45px }
.point_wrapper ul li h2 { font-size: 16px }
.point_wrapper ul li p { font-size: 14px }
.accordion .btn-link { font-size: 15px; padding: 10px 0 }
.accordion .btn-link .fa { margin-top: 3px }
.accordion .card { margin-bottom: 10px }
.accordion .card-body p { font-size: 15px }
.contact_info .contact_detail_box h2 { font-size: 18px }
.solar_savings_estimate_page .submit_btn input { font-size: 11px; padding: 11px 15px }
.how_it_works_box { padding: 30px 0 }
.mCSB_inside>.mCSB_container { margin-right: 15px }
.footer_logo img { max-width: 200px }
.footer_logo { margin-top: -75px }
.scroll { max-height: 350px }
.main_logo { max-width: 120px }
.our_brands .swiper-slide { margin-top: 0!important }
.footer_logo ul li { min-height: 80px; max-height: 80px }
.cms_page p, p { font-size: 15px }
.cms_page ul li, .home .welcome_content ul li { font-size: 14px }
.home .welcome_content ul li { font-size: 15px }
.h1, h1 { font-size: 27px }
.projects_page .nav-tabs .nav-link { padding: 9px 10px; font-size: 11px; letter-spacing: 0 }
.check_box_main ol li { width: 100% }
table td, table th { height: 35px; font-size: 13px }
}
@media only screen and (max-width:410px) {
.columns { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1 }
}
@media only screen and (max-width:360px) {
header.sticky .main_logo img { max-width: 100px }
.profile_info .profile_name { margin-left: 15px }
.h2, h2 { font-size: 20px }
.menubar .header_top ul li+li { margin-left: 5px }
.wsanimated-arrow { margin-left: 5px }
.main_logo { max-width: 110px }
.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 18px 0 0 }
.h1, h1 { font-size: 24px }
.footer_logo ul li img { max-width: 100px }
.footer_logo ul li { min-height: 70px; max-height: 70px }
}
@media only screen and (max-width:320px) {
.main_logo, header.sticky .main_logo img { max-width: 95px }
}