.lgdd-wrapper * { box-sizing: border-box }
.lgdd-wrapper ul li { list-style: none }
.lgdd-section { margin: 0 !important; max-width: 100% !important; width: 100% !important; float: left; width: 100% }
.lgdd-section:after { content: ''; display: table; clear: both }
a.lgdd-btn svg { display: inline-block !important }
.lgdd-wrapper { max-width: 1170px; margin: 0 auto; padding: 0 15px }
.lgdd-simple-content { padding: 50px 0; background: #f6f6f6 }
.lgdd-simple-content .lgdd-thumb { width: 40%; float: left }
.lgdd-simple-content .lgdd-content { float: left; width: 60%; padding-left: 15px }
.lgdd-wrapper:after { content: ''; display: table; clear: both }
.lgdd-simple-content h2 { margin: 0 0 10px !important }
.lgdd-text { font-size: 15px }
.lgdd-text p { margin: 0 }
.lgdd-text p+p { padding-top: 14px }
.lgdd-simple-content .lgdd-thumb img { max-width: 100%; width: 100% }
.lgdd-simple-content .lgdd-thumb { text-align: center }
.lgdd-list { padding: 70px 0 10px; overflow: hidden }
.lgdd-list ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; list-style: none; margin: 0 -30px; padding-left: 30px }
.lgdd-list ul li { width: 50%; padding: 0 30px; padding-bottom: 60px; list-style: none }
.lgdd-list ul h4 { margin: 0 0 13px; position: relative }
.lgdd-list ul h4:before { content: ''; content: ''; display: block; width: 10px; height: 22px; border: solid #00ba4a; border-width: 0 3px 3px 0; transform: rotate(45deg); position: absolute; top: 3px; right: 100%; margin-right: 13px }
.lgdd-solar-panels { background: #f6f6f6; padding: 30px 0 }
.lgdd-single-panel { background: #fff }
.lgdd-single-panel .lgdd-banner-banner { height: 250px; padding: 20px 25px; position: relative }
.lgdd-single-panel .lgdd-banner-banner:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .3 }
.lgdd-single-panel .lgdd-banner-banner>* { z-index: 1 }
.lgdd-single-panel .lgdd-banner-banner h3 { position: absolute; width: calc(100% - 300px); margin: 0; bottom: 30px; color: #fff }
.lgdd-single-panel .lgdd-banner-banner img { position: absolute; bottom: 30px; right: 50px }
.lgdd-single-panel ul { margin: 0; list-style: none; padding: 0 40px }
.lgdd-single-panel ul li { display: flex; flex-wrap: wrap; padding: 60px 0 40px }
.lgdd-single-panel ul li .thumb { width: 50%;position: relative }
.lgdd-single-panel ul li .content { width: 50%; padding-left: 30px }
.lgdd-single-panel ul li+li { border-top: 2px solid #ea973e }
.lgdd-single-panel ul li .content h6 { margin: 0 0 15px }
.lgdd-single-panel ul li .content .lgdd-text { padding-bottom: 20px }
.lgdd-single-panel+.lgdd-single-panel { margin-top: 40px }
.lgdd-single-panel ul li .thumb a { position: absolute; top: 100%; margin-top: 10px; color: #971e37; font-weight: 600; text-decoration: none }
.lgdd-panel-full { padding: 20px 0 30px }
.lgdd-panel-full h6 { text-align: center; padding: 0 0 20px }
.lgdd-panel-full .thumb { width: 100%; height: 560px; position: relative }
.lgdd-panel-full .thumb:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .2 }
.lgdd-panel-full .lgdd-btn-wrapper { text-align: center; padding: 30px 0 0 }
.lgdd-panel-full .lgdd-btn-wrapper a.lgdd-btn+a.lgdd-btn { margin-left: 30px }
.lgdd-panel-full .lgdd-btn-wrapper svg { height: 20px }
.lgdd-panel-full .thumb span { position: absolute; bottom: 0; left: 50%; width: calc(100% - 30px); transform: translateX(-50%); text-align: center; padding: 0 0 30px; color: #ff8000; z-index: 1 }
a.lgdd-btn { border: 1px solid #ea973e; color: #ea973e; padding: 10px 22px; display: inline-block; text-decoration: none; border-radius: 3px }
a.lgdd-btn:hover { color: #a06628; border-color: #a06628 }
a.lgdd-btn svg { width: 13px; vertical-align: middle; margin-right: 10px; fill: #ea973e; position: relative; top: -1px }
a.lgdd-btn.after svg { margin-left: 10px; margin-right: 0 }
a.lgdd-btn:hover svg { fill: #a06628 }
.lgdd-list-style ul { padding-left: 40px; margin: 0; list-style: none }
.lgdd-list-style ul li { padding-left: 0; position: relative }
.lgdd-list-style ul li:before { content: ''; content: ''; display: block; width: 10px; height: 22px; border: solid #00ba4a; border-width: 0 3px 3px 0; transform: rotate(45deg); position: absolute; top: 3px; right: 100%; margin-right: 20px }
.lgdd-dealer-content { background: #f6f6f6; padding: 50px 0 }
.lgdd-dealer-content h2 { max-width: 1090px; margin: 0 0 20px auto }
.lgdd-dealer-content .lgdd-text { padding: 20px 0 0; width: 100%; max-width: 1090px; margin: 0 0 0 auto }
.lgdd-dealer-content img { max-width: 100%; width: 100% }
.lgdd-network-section { padding: 50px 0; overflow: hidden }
.lgdd-network-section h2 { margin: 0 0 30px }
.lgdd-network-section .box-wrapper { display: flex; flex-wrap: wrap; margin: 0 -20px }
.lgdd-network-section .box-wrapper>div { width: 50%; padding: 0 20px }
.lgdd-network-section .thumb-wrapper a { margin-top: 10px; color: #971e37; font-weight: 600; text-decoration: none; display: inline-block }
.lgdd-network-section .content li { margin-bottom: 30px; font-size: 18px; list-style: none }
.lgdd-industry-section { padding: 60px 0; background: #f6f6f6 }
.lgdd-industry-section .content-box { max-width: 1060px; margin: 0 auto }
.lgdd-industry-section .content-box h2 { margin: 0 0 30px }
.lgdd-dealer-box { background: #fff; display: flex; flex-wrap: wrap; padding: 20px 10px; margin: 60px 0 20px }
.lgdd-dealer-box>div { width: 50%; padding: 15px }
.lgdd-dealer-box .lgdd-single-box .thumb { width: 100%; padding-bottom: 56% }
.lgdd-dealer-box .lgdd-single-box h6 { margin: 0; padding: 0 0 20px }
.lgdd-dealer-box .lgdd-single-box .b-info { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 10px 0 0; align-items: baseline }
.lgdd-dealer-box .lgdd-single-box .b-info a { color: #971e37; font-weight: 600; text-decoration: none; display: inline-block }
.lgdd-dealer-box .lgdd-single-box .b-info>a, .lgdd-dealer-box .lgdd-single-box .b-info>div:first-child { width: 100%; padding-right: 10px }
.lgdd-dealer-box .lgdd-single-box .b-info span { display: flex; align-items: center; width: 60px; justify-content: flex-end }
.lgdd-dealer-box .lgdd-single-box .b-info span svg { height: 12px; margin-right: 5px }
.lgdd-panel-full .v-link { text-align: right }
.lgdd-link { color: #971e37; font-weight: 600; text-decoration: none; margin-top: 10px; display: inline-block }
.lg-section { padding: 60px 0 }
.lg-bg { background: #f6f6f6 }
.lg-cs-panel .cs-panel-wrapper { display: flex; flex-wrap: wrap }
.lg-cs-panel .thumb { width: 250px }
.lg-cs-panel .cs-panel-content { width: calc(100% - 250px); padding-left: 30px }
.lg-section h2 { margin-top: 0; margin-bottom: 15px }
.lg-cs-panel .thumb img { max-width: 100% }
.lg-two-col-section .lg-col-wrapper { display: flex; flex-wrap: wrap }
.lg-two-col-section .lg-col { width: 50%; padding: 0 15px }
.lg-wt-section { padding: 60px 0 }
.lg-wt-section .thumb-wrapper .thumb { padding-bottom: 60%; margin-bottom: 10px }
.lg-wt-section .lg-col p:first-child { margin-top: 0 }
.lg-wt-list { padding: 40px 0 60px }
.lg-wt-list .lg-wt-list-inner { background: #fff; padding: 25px 35px 50px }
.lg-wt-list .lg-wt-list-inner h2 { padding: 10px 0 0; font-weight: 400 }
.lg-wt-list ul { list-style: none; counter-reset: section; margin: 20px 0; padding-left: 40px }
.lg-wt-list ul li { margin-bottom: 20px; list-style: none }
.lg-wt-list ul li:before { content: ''; counter-increment: section; content: ""counter(section) ". "; font-weight: 700 }
.lg-wt-list .lg-wt-list-inner .lg-btn-wrapper { text-align: center; padding: 10px 0 0 }
.lgdd-btn-wrapper.main { text-align: center; padding: 30px 0 0 }
.lgdd-btn-wrapper.main .lgdd-btn { margin: 5px }
.lg-solar-list { background: #f6f6f6; padding: 10px 0 50px }
.lg-solar-list .lg-solar-list-box-wrapper { background: #fff; padding: 15px }
.lg-solar-list .link-wrapper { text-align: right }
.lg-solar-list .lg-solar-list-box { display: flex; flex-wrap: wrap; margin: 0 -8px }
.lg-solar-list .lg-solar-list-box>div { width: 33.3333%; padding: 17px 8px }
.lg-solar-list .lg-solar-list-box .thumb { padding-bottom: 55% }
.lg-solar-list .lg-solar-list-box h6 { margin: 10px 0 20px }
.lg-solar-list .lg-solar-list-box a.lgdd-btn { margin-top: 15px }
.lgdd-dealer-box-wrapper { padding: 40px 0 30px }
.lgdd-dealer-box-wrapper h2 { padding: 0 0 10px }
.lgdd-dealer-box.v2 { margin: 0 }
h2.box-title { text-align: center }
.lgdd-dealer-box.lgdd-dealer-box-three-box { padding: 8px }
.lgdd-dealer-box.lgdd-dealer-box-three-box .lgdd-single-box { width: 33.33%; padding: 15px 10px }
.lg-faq-title { display: flex; flex-wrap: wrap; align-items: center; max-width: 790px; margin: 0 auto; padding: 0 0 50px }
.lg-faq-title .icon { height: 100px; width: 100px; border-radius: 100%; border: 4px solid #515151; display: flex; align-items: center; justify-content: center }
.lg-faq-title .icon svg { height: 50px; fill: #515151 }
.lg-faq-title h2 { padding-left: 70px; width: calc(100% - 100px); margin: 0 }
.lg-d-directory-section { background: #f6f6f6 }
.lg-d-directory-section h2 { margin: 0; padding: 50px 0 40px }
.lg-d-directory-section .lg-d-list-category { padding: 0 0 30px }
.lg-d-directory-section .lg-d-list-category ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; list-style: none; margin: 0; padding: 0 }
.lg-d-directory-section .lg-d-list-category ul li { flex: 1; text-align: center; list-style: none }
.lg-d-directory-section .lg-d-list-category ul li a { color: #333; font-size: 40px; font-weight: 400; text-transform: uppercase; text-decoration: none }
.lg-d-directory-section .lg-d-list { padding: 0 0 30px }
.lg-d-directory-section .lg-d-list ul { padding: 0 0 30px; margin: 0; list-style: none }
.lg-d-directory-section .lg-d-list-category ul li a.active { color: #ea973e }
.lg-d-directory-section .lg-d-list ul li { background: #fff; padding: 20px 25px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #e7e7e7; width: 100% }
.lg-d-directory-section .lg-d-list ul li+li { margin-top: 20px }
.lg-d-directory-section .lg-d-list ul li .d-list-right { display: flex; align-items: center; flex-wrap: wrap }
.lg-d-directory-section .lg-d-list ul li .d-list-left span { display: block; padding: 5px 0 0 }
.lg-d-directory-section .lg-d-list ul li .d-list-left a { font-size: 22px; font-weight: 400; text-transform: uppercase; text-decoration: underline; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 570px; display: inline-block; border-bottom: 2px solid }
.lg-d-directory-section .lg-d-list ul li .d-list-right p { margin: 0; padding: 0 30px 0 20px; width: calc(100% - 145px); text-align: right }
.lg-d-directory-section .lg-d-list ul li .d-list-left a:hover { color: #ea9755 }
.lg-d-directory-section .lg-d-list ul li .d-list-right a.lgdd-btn { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 145px }
.lg-beginner-guide-section { padding: 70px 0; background: #fff; position: relative }
.lg-beginner-guide-section .lg-beginner-guide-wrapper { display: flex; flex-wrap: wrap; margin: 0 -15px }
.lg-beginner-guide-section .lg-beginner-guide-wrapper>div { width: 50%; padding: 0 15px }
.lg-beginner-guide-section:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 390px; background: #f6f6f6 }
.lg-beginner-guide-section>div { position: relative; z-index: 1 }
.lg-beginner-guide-section .lg-beginner-guide-thumb img { max-width: 100% }
.lg-beginner-guide-section .lg-beginner-guide-content .lgdd-text { margin-bottom: 50px }
.lg-beginner-guide-section .lg-beginner-guide-content ul li:before { width: 6px; height: 13px }
.lg-beginner-guide-section .lg-beginner-guide-content ul li { margin-bottom: 11px; list-style: none }
.lg-beginner-guide-cta { background: #f6f6f6; padding: 10px 0 80px }
.lg-beginner-guide-section h2 { margin: 0 0 15px }
.lg-solar-comparison-section { background: #f6f6f6; padding: 60px 0 60px }
.lg-solar-comparison-section h2 { margin: 0; padding: 0 0 10px }
.lg-solar-comparison-section h4 { font-size: 20px; font-weight: 400; margin: 0 }
.lg-solar-comparison-section .lg-solar-comparison-step {counter-reset: section;   background: #fff; padding: 15px 25px; margin: 20px 0 0 }
.lg-solar-comparison-section .lg-solar-comparison-step ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; margin: 0 -15px }
.lg-solar-comparison-section .lg-solar-comparison-step ul li { width: 33.33%; padding: 15px }
.lg-solar-comparison-section .lg-solar-comparison-step ul li:before { content: ''; counter-increment: section; content: "Step "counter(section) "."; font-weight: 700 }
.lg-solar-comparison-section .lg-solar-comparison-step span { color: #707070; font-size: 12px; font-weight: 400 }
.iframe-wrap { position: relative; overflow: hidden; padding-top: 56.25% }
.iframe-wrap>div { position: static !important; padding: 0 !important }
.iframe-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.lgdd-content-section h2 { margin: 0 0 20px !important }
.lg-product-list { padding: 40px 0 50px }
.lg-product-list ul { margin: 0; list-style: none; padding: 0; display: flex; flex-wrap: wrap; padding: 0 !important }
.lg-product-list ul li { flex: 1 25%; padding: 8px; margin: 0 !important; list-style: none }
.lg-product-list ul li a { display: flex; height: 160px; align-items: center; justify-content: center; padding: 15px; border: 1px solid #dbdce0; color: #333; font-size: 18px; font-weight: 700; text-decoration: none; transition: all .3s ease; text-align: center }
.lg-product-list ul li a:hover { border-color: #971e37 }
.lg-product-list ul li a svg { height: 50px; width: 50px; display: block; margin: 0 auto 13px }
.lg-product-list ul li a:hover svg path { fill: #971e37 }
.lgdd-hero img { max-width: 100% }
.thumb-slider { overflow: hidden }
.slide-wrapper { position: relative; transition: all .3s ease }
.thumb-slider .btn-wrapper .arr { position: absolute; top: 0; bottom: 0; margin: auto 0 !important; height: 50px; width: 50px; cursor: pointer }
.thumb-slider { position: relative }
.thumb-slider .btn-wrapper .arr:after { content: ''; position: absolute; top: 0; left: 0; border-width: 0 4px 4px 0; border-style: solid; border-color: #fff; height: 50%; width: 50%; transform: rotate(135deg); margin: auto; right: 0; bottom: 0 }
.thumb-slider .btn-wrapper .arr.arr-next { left: auto; right: 0; transform: scale(-1) }
.thumb-slider .btn-wrapper { position: absolute; top: 0; left: 0; width: calc(100% - 35px); height: 100%; right: 0; margin: 0 auto; transition: all .3s ease; opacity: 0; visibility: hidden }
.thumb-slider:hover .btn-wrapper { opacity: 1; visibility: visible; width: 100% }
.lg-beginner-guide-section { padding-top: 0 }
.lg-beginner-guide-section .thumb-wrap { background: #f6f6f6; padding-top: 90px; padding-bottom: 50px }
.lg-beginner-guide-section .thumb-wrap .lgdd-wrapper-inner { display: flex; flex-wrap: wrap; align-items: initial; min-height: 250px; width: 100% }
.lg-beginner-guide-section .thumb-wrap .lgdd-wrapper-inner>div { width: 50%; padding: 0 15px }
.lg-beginner-guide-section .thumb-wrap .lgdd-wrapper-inner .lg-beginner-guide-thumb { margin-bottom: -470px }
.lg-beginner-guide-section .lg-beginner-guide-wrapper { justify-content: flex-end; padding-top: 40px }
.lgdd-panel-full .thumb { transition: all 0s ease !important }
.lgdd-top-navigation { background: #fff }
.lgdd-top-navigation .lgdd-inner ul { list-style: none; margin: 0; text-align: center }
.lgdd-top-navigation .lgdd-inner ul:after { content: ''; display: table; clear: both }
.lgdd-top-navigation .lgdd-inner ul li { text-align: center; padding: 10px 18px; display: inline-block; vertical-align: top; float: left }
.lgdd-top-navigation .lgdd-inner ul li a { font-size: 14px }
.lgdd-top-navigation .lgdd-inner ul li svg { width: 15px; height: 15px }
.lgdd-top-navigation .lgdd-inner ul li span { display: block; color: #333; font-weight: 700; padding: 3px 0 0; margin-bottom: -3px }
.lgdd-top-navigation .lgdd-inner ul li .lgdd-svg-wrap { height: 33px; width: 33px; margin: 0 auto; border: 2px solid #000; border-radius: 100%; display: flex; align-items: center; justify-content: center }
.lgdd-top-navigation .lgdd-inner ul li { border-left: 1px solid #e7e7e7 }
.lgdd-top-navigation .lgdd-inner ul li:last-child { border-right: 1px solid #e7e7e7 }
.lgdd-top-navigation .lgdd-inner ul li a.active span, .lgdd-top-navigation .lgdd-inner ul li a:hover span { color: #ea973e }
.lgdd-top-navigation .lgdd-inner ul li a.active .lgdd-svg-wrap, .lgdd-top-navigation .lgdd-inner ul li a:hover .lgdd-svg-wrap { border-color: #ea973e }
.lgdd-top-navigation .lgdd-inner ul li a.active svg, .lgdd-top-navigation .lgdd-inner ul li a:hover svg { fill: #ea973e }
.lgdd-top-navigation.responsive label { display: block; font-size: 30px; font-weight: 400; text-transform: uppercase; text-decoration: none; color: #ea973e; position: relative; line-height: normal }
.lgdd-top-navigation.responsive label:before { content: ''; content: ''; display: block; width: 15px; height: 15px; border: solid #515151; border-width: 0 3px 3px 0; transform: rotate(45deg); position: absolute; top: -5px; bottom: 0; right: 3px; margin: auto 0 }
.lgdd-top-navigation.responsive.open label:before { transform: rotate(-133deg); top: 7px }
.lgdd-top-navigation.responsive .lgdd-inner ul li { width: 100%; border-left: 0; padding: 0 }
.lgdd-top-navigation.responsive .lgdd-inner ul li .lgdd-svg-wrap { margin: 0 }
.lgdd-top-navigation.responsive .lgdd-inner ul li a { display: flex; align-items: center; padding: 10px 20px }
.lgdd-top-navigation.responsive .lgdd-inner ul li span { margin: 0; padding-left: 9px; padding-top: 0 }
.lgdd-top-navigation.responsive .lgdd-inner ul { display: none; border: 1px solid rgba(0, 0, 0, .12); margin-top: 10px }
.lgdd-top-navigation.responsive .lgdd-inner ul li+li { border-top: 1px solid rgba(0, 0, 0, .12) }
.lgdd-top-navigation.responsive { padding: 10px 0 }
.lgdd-top-navigation.responsive label span { text-decoration: underline }
.lgdd-top-navigation.responsive label span { max-width: calc(100% - 40px); display: inline-block }
@media(max-width:1200px) {
    .lg-d-directory-section .lg-d-list ul li .d-list-left a { max-width: 330px }
}
@media(max-width:991px) {
    .lgdd-simple-content .lgdd-thumb { width: 100%; text-align: left }
    .lgdd-simple-content .lgdd-content { width: 100%; padding: 20px 0 0 }
    .lgdd-list ul li { width: 100%; padding-bottom: 40px }
    .lgdd-single-panel ul li .thumb { width: 100%; margin-bottom: 30px }
    .lgdd-single-panel ul li .content { width: 100%; padding: 20px 0 0 }
    .lgdd-panel-full .thumb { height: auto; padding-bottom: 55% }
    .lgdd-network-section .box-wrapper>div { padding: 0 15px }
    .lgdd-network-section .box-wrapper { margin: 0 -15px }
    .lgdd-network-section .content li { font-size: inherit; margin-bottom: 20px }
    .lgdd-industry-section .content-box h2 { margin: 0 0 20px }
    .lg-solar-list .lg-solar-list-box>div { width: 50% }
    .lgdd-dealer-box.lgdd-dealer-box-three-box .lgdd-single-box { width: 50% }
    .lg-d-directory-section .lg-d-list-category ul li a { font-size: 30px }
    .lg-d-directory-section .lg-d-list ul li .d-list-right p br { display: none }
    .lg-d-directory-section .lg-d-list ul { padding: 0 }
    .lg-d-directory-section h2 { padding: 40px 0 20px }
}
@media(max-width:767px) {
    .lgdd-list { padding: 40px 0 10px }
    .lgdd-list ul h4:before { width: 8px; height: 18px }
    .lgdd-single-panel ul { padding: 0 20px }
    .lgdd-single-panel ul li { padding: 40px 0 40px }
    .lgdd-network-section .box-wrapper>div { width: 100% }
    .lgdd-network-section .content { margin-top: 20px }
    .lgdd-list-style ul li:before { width: 8px; height: 18px }
    .lgdd-list-style ul { padding-left: 39px }
    .lgdd-dealer-box>div { width: 100% }
    .lgdd-panel-full .lgdd-btn-wrapper a { margin: 5px }
    .lg-cs-panel .cs-panel-content { width: 100%; padding: 20px 0 0 }
    .lg-cs-panel .thumb { width: 100%; text-align: center }
    .lg-section { padding: 40px 0 }
    .lg-two-col-section .lg-col { width: 100%; padding: 0 }
    .lg-two-col-section .lg-col+.lg-col { padding-top: 20px }
    .lg-wt-section { padding: 40px 0 }
    .lg-wt-list .lg-wt-list-inner { padding: 25px 25px 50px; margin: 0 -15px }
    .lg-wt-list ul { padding-left: 0 }
    .lg-cs-panel .cs-panel-content .lgdd-text { padding-left: 15px }
    .lg-wt-section .lg-col-wrapper { flex-direction: column-reverse }
    .lg-wt-section .lg-col-wrapper .lg-col.thumb-wrapper { padding: 0 0 20px }
    .lg-wt-section .content { padding-left: 15px }
    .lg-solar-list .lg-solar-list-box>div { width: 100%; padding: 17px 15px }
    .lg-solar-list .link-wrapper { display: none }
    .lg-solar-list .lg-solar-list-box-wrapper { margin: 0 -15px }
    .lgdd-dealer-box, .lgdd-dealer-box.v2 { margin: 0 -15px; width: auto; display: block }
    .lgdd-btn-wrapper.main { padding: 20px 0 0 }
    .lg-solar-list { padding: 10px 0 40px }
    .lgdd-dealer-box-wrapper { padding: 20px 0 20px }
    .lgdd-dealer-box.lgdd-dealer-box-three-box .lgdd-single-box { width: 100% }
    .lg-faq-title { display: block }
    .lg-faq-title h2 { padding: 20px 0 0; width: 100% }
    .lg-faq-title .icon { margin: 0 auto }
    .lg-d-directory-section .lg-d-list-category ul { display: none }
    .lg-d-directory-section .lg-d-list ul li { display: block; padding: 20px 15px }
    .lg-d-directory-section .lg-d-list ul li .d-list-right a.lgdd-btn { display: none }
    .lg-d-directory-section .lg-d-list ul li .d-list-right p { width: 100%; text-align: left; padding: 10px 0 0 }
    .lg-d-directory-section .lg-d-list ul li .d-list-left a { max-width: 100%; white-space: unset; overflow: hidden; max-width: 570px; display: inline-block }
    .lg-d-directory-section .lg-d-list-category label { font-size: 30px; font-weight: 400; text-transform: uppercase; text-decoration: none; color: #ea973e; position: relative; display: inline-block }
    .lg-d-directory-section .lg-d-list-category label:after { content: ''; display: block; width: 10px; height: 10px; border: solid #ea973e; border-width: 0 3px 3px 0; transform: rotate(45deg); position: absolute; top: -5px; bottom: 0; left: calc(100% + 15px); margin: auto 0 }
    .lg-d-directory-section .lg-d-list-category { padding: 0 0 20px }
    .lg-d-directory-section .lg-d-list-category.open label:after { transform: rotate(-133deg); top: 7px }
    .lg-beginner-guide-section .lg-beginner-guide-wrapper>div { width: 100%; padding: 0 25px }
    .lg-beginner-guide-section:after { display: none }
    .lg-beginner-guide-section a.lgdd-link { display: none }
    .lg-beginner-guide-section { padding: 0 0 50px }
    .lg-beginner-guide-section .thumb-wrap .lgdd-wrapper-inner .lg-beginner-guide-thumb { margin: 0 }
    .lg-beginner-guide-section .thumb-wrap .lgdd-wrapper-inner>div { width: 100%; padding: 0 }
    .lg-beginner-guide-section .thumb-wrap .lgdd-wrapper-inner>div+div { padding-top: 40px }
    .lg-beginner-guide-section .thumb-wrap { padding-top: 50px }
    .lg-beginner-guide-cta { padding: 10px 0 60px }
    .lg-solar-comparison-section .lg-solar-comparison-step ul { display: block }
    .lg-solar-comparison-section .lg-solar-comparison-step ul li { width: 100% }
    .lg-solar-comparison-section .lg-solar-comparison-step { margin: 20px -15px 0 }
    .lg-d-directory-section .lg-d-list ul li .d-list-left a { border: none; overflow: visible }
    .lg-d-directory-section .lg-d-list-category ul { background: #fff; border: 1px solid rgba(0, 0, 0, .12) }
    .lg-d-directory-section .lg-d-list-category ul li a { font-size: 16px; text-align: left; display: block; padding: 6px 15px }
    .lg-d-directory-section .lg-d-list-category ul li+li { border-top: 1px solid rgba(0, 0, 0, .12) }
    .lg-product-list ul li { width: 50%; flex: unset }
    .lg-product-list ul li a { display: flex; justify-content: flex-start; position: relative; height: 100%; padding: 30px 15px 30px 70px }
    .lg-product-list ul li a svg { display: inline-block; position: absolute; left: 9px; margin: 0; top: 50%; transform: translateY(-50%) }
    .lg-product-list ul li a>div { text-align: left }
    .thumb-slider .btn-wrapper .arr { height: 30px; width: 30px }
    .thumb-slider .btn-wrapper { opacity: 1; visibility: visible; width: calc(100% - 30px) !important }
    .lgdd-single-panel ul li .thumb{ margin-bottom: 15px;  }
}
@media(max-width:500px) {
    .lgdd-list ul h4:before { width: 7px; height: 14px }
    .lgdd-single-panel .lgdd-banner-banner h3 { width: 100%; left: 0; bottom: 0; padding: 0 0 20px 30px }
    .lgdd-single-panel .lgdd-banner-banner img { top: 20px; right: 10px }
    .lgdd-single-panel ul li .thumb { }
    .lgdd-single-panel ul { padding: 0 10px }
    .lgdd-single-panel ul li { padding: 30px 0 }
    .lgdd-panel-full .lgdd-btn-wrapper a.lgdd-btn+a.lgdd-btn { margin: 0; margin-top: 10px }
    .lgdd-panel-full .lgdd-btn-wrapper a.lgdd-btn { width: 100% }
    .lgdd-text { font-size: 14px }
    .lgdd-dealer-content img { height: 160px; object-fit: cover }
    .lgdd-network-section { padding: 50px 0 30px }
    .lgdd-dealer-box { margin: 40px 0 20px; padding: 0 }
    .lgdd-panel-full .lgdd-btn-wrapper a { margin: 0 }
    .lg-product-list ul li { width: 100%; flex: unset }
    .lg-product-list ul li a svg { height: 40px; width: 40px; left: 15px }
    .lg-beginner-guide-section .thumb-wrap .lgdd-wrapper-inner>div+div { padding-top: 20px }
    .lgdd-top-navigation label { font-size: 21px }
    .lgdd-top-navigation label span { font-size: 21px }
}
.main.container.panel-comparison { width: 100%; }